@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Josefin Sans', sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Josefin Sans', sans-serif;}
a{font-size: 15px; font-family: 'Josefin Sans', sans-serif; color: #555;}
a:hover{text-decoration: none; color: #393286;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Josefin Sans', sans-serif; color: #555;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Josefin Sans', sans-serif;}
:root {--primary-color: #393185; --secondary-color: #ed1c24; --tertiary-color:#1a7fc5; --gradient-color: linear-gradient(to right, #393286 , #0457b2);}
input{font-family: 'Josefin Sans', sans-serif; outline: none;}
button{font-family: 'Josefin Sans', sans-serif; outline: none;}
button:focus{outline: none;}
textarea{font-family: 'Josefin Sans', sans-serif; outline: none;}
/*Css*/
header{background: var(--secondary-color); height: 35px;} 

.right-side {
    float: right;
    padding-top: 8px;
}
.right-side ul li a {
    color: white;
    margin-right: 15px;
}
.gray-color-full{background: #e5e5e7;}
.left-side{position: relative;}
.left-side::after{position: absolute;    content: '';    clip-path: polygon(0 0, 100% 0%, 95% 99%, 0% 100%);  left: 0px;    width: 500px;     top: 10px;   height: 35px;    background-image: linear-gradient(to right, #393286 , #0457b2);}
.number-bold a{font-size: 22px; font-weight: bold; color: #393185;}
.number-bold p{color: #0356b2; font-size: 19px;}
.sticky{border-bottom: 5px solid var(--tertiary-color);}

.light-color{position: relative;}
.light-color::after{position: absolute;    content: '';clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);  right: 0px;    width: 90%;     top: -2px;   height: 45px;    background-image: linear-gradient(to right, #393286 , #0457b2);}

.dark-color{position: relative;}
.dark-color::after{    position: absolute;    content: '';    clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);    right: 0px;    width: 14%;    top: -2px;    height: 42px;    background-color: var(--primary-color);}
.fennec-mobile-nav {  display: none;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
ul.dropdown-menu li {      border-bottom: 1px solid #2352a7;}
ul.dropdown-menu li:last-child{border-bottom: none;}

.zoom-effect img {
    border: 1px solid #ccc;
    height: 375px;
}

.contact_main p.social{
      font-size: 30px;
    margin-top: 30px;
    color: #0557b2;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.anchor {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}
.anchor:hover {
    color: #fff;
}
.states {
    padding-bottom: 12px;
}

.sitemap-link iframe{
	width: 100%; 
	height: 315px; 
}
.corporate-video .video-box_corporate iframe{
	width: 100%; 
	height: 315px; 
}
 
.search_side img { outline: none;   width: 70%;    position: relative;    left: -55px;    top: -3px;}
/*.sticky{background-color: var(--secondary-color);}*/
.single-product{position: relative;}
.blue-color-img img {    position: absolute;    bottom: -175px;}
.about-btn a{background-image: var(--gradient-color); border-radius: 50px 0 50px 50px; transition: 0.5s;}
.about-btn a:hover{background-color: var(--secondary-color);}
.original-img {    position: absolute;    top: -283px;}
.original-img img{-webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #0008);}
.plygon-design {position: relative;}
.position-center {    position: absolute;    bottom: 30px;    left: 30%;}
.big-img img{clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%);}
.about-content-set {background-image: var(--gradient-color);   opacity: 0.9;}
.about-content-set h1 {    font-size: 33px;}
.three-point{background: url(images/bg-metter.webp)no-repeat; background-attachment: fixed; background-position: 50% 50%; clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%); padding: 50px 0px 150px 0; background-size: cover;}
.section-title{position: relative;}
.section-title::after {    position: absolute;    content: '';    width: 65px;    height: 3px;    background-color: #fff;    left: 47%;    top: 47px;}
.glasses_inner {    text-align: center;    background: #ffffff1c;    padding: 70px 0;}
.glasses_inner img{margin: 0px auto;}
.glasses_inner span {    font-size: 22px;}
.some-product{position: relative; clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%); padding: 50px 0 100px 0;}
.brush-img{position: absolute;}
.title h4{position: relative;}
.title h4:after{   position: absolute;    content: '';    width: 65px;    height: 3px;    background-image: var(--gradient-color);    left: 47%;    top: 47px;}

.grid {	position: relative;	clear: both;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 1000px;	list-style: none;	text-align: center;}
.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%; width: 100%;	height: auto;	background: #1c469e;	text-align: center;	cursor: pointer;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {	letter-spacing: 1px;	font-size: 68.5%;}
figure.effect-apollo {    box-shadow: 0 5px 10px #fff;    background-image: var(--gradient-color);}
figure.effect-apollo img {	opacity: 0.95;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1); }
figure.effect-apollo figcaption::before {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(255,255,255,0.5);	content: '';	-webkit-transition: -webkit-transform 0.6s;	transition: transform 0.6s;	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p {	position: absolute;	right: 0;	bottom: 0;	margin: 3em;	padding: 0 1em;	max-width: 150px;	border-right: 4px solid #fff;	text-align: right;	opacity: 0;-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-apollo h2 {	text-align: left;}
figure.effect-apollo:hover img {	opacity: 0.6;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {	opacity: 1;	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}
.section-title-product h5{position: relative;}
.section-title-product h5::after{    position: absolute;    content: '';    width: 65px;    height: 3px;    background-image: var(--gradient-color);    left: 0px;    top: 47px;}
#owl-demo-product .owl-buttons{display: none;}
#owl-demo-product .item a{font-size: 15px;}
#owl-demo-product .item{border: 1px dashed var(--primary-color);}
.for-text {   background-image: var(--gradient-color);}
/*.product-bg{position: relative;}*/
.product-bg {    background: url(images/bg-part.webp); clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%);   position: absolute;    content: '';    width: 42%;   height: 355px;}
div#owl-demo .owl-buttons{clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%); }
video {    border: 1px solid var(--primary-color);}
div#owl-demo-product {    margin-top: 35px;}
.varient-content{background: url(images/cube-metter.webp); background-attachment: fixed; background-size: cover;}
.section-title-varient{position: relative;}
.section-title-varient::after{ position: absolute;    content: '';    width: 65px;    height: 3px;    background-image: var(--gradient-color);    left: 0px;    top: 47px;}
.varient-content li {    background: url(images/check.webp)no-repeat;    padding-left: 25px;    margin-bottom: 15px;}
/*.max-width {width: 600px;    overflow-y: scroll;    height: 430px;}*/
.list span {font-size: 22px; font-family: 'Playfair Display', serif; position: relative;}
.list span:after{position: absolute;    content: '';    width: 65px;    height: 3px;    background-image: var(--gradient-color);    left: 0px;    top: 34px;}
::-webkit-scrollbar {  width: 5px;}
footer{position: relative;    background: url(images/footer.webp);    background-attachment: fixed;    background-size: cover;    background-position: center;}
.client-widget img{width: 100%; border-radius: 50px;}
::-webkit-scrollbar-track {  background: #1772b0;}
::-webkit-scrollbar-thumb {  background: #8fc3f5;}
::-webkit-scrollbar-thumb:hover {  background: #8fc3f5;}
.home-form{clip-path: polygon(0 0, 46% 0, 100% 100%, 0% 100%); background-image: var(--gradient-color); height: 560px; position: relative;} 
.title-side span{font-size: 35px; position: relative;}
.title-side span:after{ position: absolute;    content: '';    width: 65px;    height: 3px; background-color: #fff;    left: 0px;    top: 92px;}
img.contact_img {position: absolute;    z-index: 999;    right: 0;}
.home-filed input{height: 40px; background-color: transparent;     border: 1px solid #5e56bb; color: #fff;}
.home-filed input::placeholder{color: #fff;}
.home-filed textarea::placeholder{color: #fff;}
.home-filed textarea{background-color: transparent; border: 1px solid #5e56bb; height: 100px; resize: none; color: #fff;}
.home-filed-btn button{background-color: #fff; cursor: pointer; border-radius: 50px 0 50px 50px;} 
.our-product {    padding: 0px 0 100px 0;}
.widget span{font-size: 22px; position: relative;}
.widget span::after {position: absolute;    content: '';    width: 30px;    height: 3px;    background-image: var(--gradient-color);    left: 0px;    top: 22px;}
.widget li {    line-height: 30px;    border-bottom: 1px solid #f3f3f3; transition: 0.5s;}
.widget li:hover{padding-left: 5px;}
#owl-demo-client .owl-buttons{display: none;}
/* #owl-demo-client .item i{font-size: 15px; background-image: var(--gradient-color); border-radius: 50px;} */
.client-img-and-text img {    box-shadow: 0 0 8px #ccc;}
.client-img-and-text {box-shadow: 0 0 0 #ccc;}
.quick-links {  background-image: var(--gradient-color);}
.client-widget span{font-size: 22px; position: relative;}
.client-widget span:after{  position: absolute;    content: '';    width: 30px;    height: 3px;    background-image: var(--gradient-color);    left: 0px;    top: 28px;}
/*.our-mission-type{clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%);}
.varient-content{clip-path: polygon(0% 0%, 100% 0, 100% 83%, 52% 100%, 0 84%);}*/
.social-media span {    font-size: 35px;    font-weight: 900; position: relative;}
.social-media span:after{ position: absolute;    content: '';    width: 30px;   height: 3px;    background-image: var(--gradient-color);    left: 49%;    top: 45px;}
.social-media img{-webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #0008);}

.modal-header {    padding: 0 15px !important;    color: #fff;        background-image: var(--gradient-color);   height: 46px;}
.white-wrap { border-radius: 10px;  float: left;    width: 100%;    padding: 30px; margin-bottom: 40px;}
.whats-app-icon img{position: fixed;    bottom: 115px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 45px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #ed1c24;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{    background-image: var(--gradient-color); line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover{ color:#fff; background-image: var(--gradient-color); }
.enquiry strong:hover{ color:#000; background: #eee;}
div#exampleModal .modal-dialog{width: 100% !important;}
/* Modal Form*/
.modal-content{border-radius: 0;}
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus{background: var(--primary-color); color: #fff;}
.form-group textarea {height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px !important;    font-size: 25px !important;}
#toTop{position:fixed; bottom:5px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}
.pulse{animation: 3s linear infinite; transform-origin: 50% 50%;}
@keyframes pulse {
from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
.pulse {-webkit-animation-name: pulse; animation-name: pulse;}
.blur-img-part img {position: absolute;    width: 20% !important;    left: 0;    z-index: 999;}
.right-img img {    position: absolute;    width: 12% !important;    right: 50px;    z-index: 999;    top: -100px;}
.social-media{position: relative;}

.page-title{    position: relative;    background-size: cover;    background-repeat: no-repeat;    background-position: 50% 0;    padding: 100px 0px;}
/*.page-title:before{    position: absolute;    content: '';    left: 0px;    top: 0px;    width: 100%;    height: 100%;    display: block;    background-color: #000000;    opacity: .5;}*/
.page-title h1{	position:relative;	font-size:30px;	font-weight:700;	color:#ffffff;	line-height:1em; margin-bottom: 20px;}
.page-title .text{	position: relative;	display: block;	font-size: 18px;	line-height: 24px;	color: #ff7e00;	font-weight: 400;}
.page-title .page-info{	position:absolute;	left:0px;	bottom:0px;	width:100%;	z-index:1;}
.page-info .bread-crumb{position:relative; float: none !important;	padding:25px 0;	padding-left: 90px;	border-radius: 40px 0 0 0;     background-image: var(--gradient-color);}
.page-info .bread-crumb li{	position:relative;	display:inline-block;	font-size:18px;	line-height: 30px;	color:#000;font-weight:700;	margin-right:18px;	padding-right: 18px;}
.page-info .bread-crumb li:last-child{	margin-right:0px;	padding-right: 0;}
.page-info .bread-crumb li:after{	position:absolute;	content:'|';top:0px;right:-4px;	font-size:18px;	line-height: 30px;	color:#ffffff;	font-weight:700;}
.page-info .bread-crumb li:last-child:after{	display:none;	}
.page-info .bread-crumb li a{font-size: 16px;	color:#ffffff;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.page-info .bread-crumb li a:hover{	color:#ff7e00;	}

.form{       position: relative;    padding: 15px 20px 30px;    background-color: #373388;    border-radius: 10px;    text-align: center;}
.form h2{color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; font-size: 28px;}
.form .input{text-align: left; margin-top: 20px;}
.form .input .inputBox input{    width: 100%;    height: 50px;      background-color: #0656b1;   border: none;    outline: none;    border-radius: 40px;    padding: 5px 15px;    color: #fff;    font-size: 18px;     box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(5 65 134);}
.form .input .inputBox input[type="Submit"]{    margin-top: 20px;     box-shadow: -2px -2px 6px rgb(255 255 255 / 0%), 2px 2px 6px rgba(0, 0, 0, 0.17);}
.form .inputBox textarea{width: 100%;    height: 100px;    background-color: #0656b1;   border: none;    outline: none;    border-radius: 40px;    color: #fff;    font-size: 18px;        box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(5 65 134);    padding: 10px 20px;}
.form .inputBox textarea::placeholder{color: #fff; font-size: 15px;}
.form .input .inputBox input[type="Submit"]:active{color: #fff; margin-top: 20px; box-shadow: -2px -2px 6px rgba(255,255,255,0.1),2px 2px 6px rgba(0,0,0,0.8);}
.form .input .inputBox input::placeholder{color: #fff; font-size: 15px;}
.color-site a {    font-size: 16px;}

ul.coloring li a {     background: #0656b1; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {    color: #fff;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;   background-image: linear-gradient(to right, #393286 , #0557b2); -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;   background-image: linear-gradient(to right, #393286 , #0557b2); border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}


figure.effect-jazz {background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);}
figure.effect-jazz img {	opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}
figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
.grid {	position: relative;	clear: both;	margin: 0 auto;padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}
.grid figure {position: relative;    float: left;    overflow: hidden;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;  background-image: var(--gradient-color);;    text-align: center;    cursor: pointer;}
.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {	padding: 1em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 16px; margin-top: 10px;}

.our-products {    background: #f1f1f1;}
.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px;     border-bottom: 20px solid #1c469e;}
.box-listing h4{color: #fff; background-image: var(--gradient-color);	padding: 10px 20px;font-size: 20px;	font-weight: 700;	border-top-left-radius: 10px;	border-top-right-radius: 10px;}
.box-listing ul{	position: relative;	background-color: #fff;}
.box-listing ul li:hover{	opacity: 0.2;}
.box-listing ul li{list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s; margin-bottom: 10px;}
.box-listing ul li:hover{	transform: scale(1.1);	z-index: 100;	background-image: var(--gradient-color); 	box-shadow: 0 5px 25px rgba(0,0,0,0.2);	color: #fff;	opacity: 1;}
.box-listing ul li span{width: 20px;	height: 20px;	text-align: center;	line-height: 20px;	background-color: #373388;color: #fff; 	display: inline-block;	border-radius: 50%;	margin-right: 10px;	font-size: 12px;	font-weight: 600;	transform: translateY(0px); }
.box-listing ul li:hover span{	background-image: linear-gradient(to right, #1c469e , #000000); color: #fff;}
.box-listing a { color: #333; transition: 0.5s;}
.box-listing a:hover{color: #fff; display: block;}
.box{background: #1c469e;    overflow: hidden;    position: relative;    transition: all 0.3s;}
.box:hover{    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}
.box:before{    content: "";    background:rgba(255,255,255,0.5);    width: 100%;    height: 100%;     transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition:all 0.5s;}
.box:hover:before{ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.box img{    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}
.box:hover img{    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}
.box .box-content{    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .box-content{    opacity: 1;    transform: scaleX(1);}
.box .title{    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}
.box .post{    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}
.box .icon{    padding: 0;    margin: 0;   list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .icon{    opacity: 1;    transform: scale(1);}
.box .icon li{ margin: 0 0 10px; }
.box .icon li a{color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;    position: absolute; }
.box .icon li a:hover{    background: #f77e38;   border-radius: 0;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 28px; color: #000;}
.products-fill { border-right: 1px solid #ccc;}
.zoom-effect img {border: 1px solid #ccc;}
.final-list-product h4{font-size: 25px;}
.final-list-product ul li {    background: url(images/tick.webp)no-repeat;    padding-left: 25px;    background-position: 0% 8%;     line-height: 32px; color:#000;}

.color-site {background-image: var(--gradient-color);}
.skin-color {background: var(--primary-color);}
.black-color {background: var(--secondary-color);}


.contact_main{	text-align:center;	border:1px solid #e2e2e2; transition: all .5s;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	    min-height: 400px;}
.contact_main h4{font-size: 30px;    margin-top: 30px;    color: #0557b2;    margin-bottom: 30px;    text-transform: capitalize;}
.contact_main p{    font-size: 16px;    line-height: 25px;    margin: 0;    padding: 15px;}
.contact_main p a{	color:#000; font-size: 16px;}
.contact_main p a:hover{	color:#024b83;}
.contact_rotate{	position:relative; padding:50px 0;	    background: #0557b2;}
.contact_rotate i{	display: inline-block;    width: 70px;    height: 70px;	color:#fff;	font-size:24px;	line-height:70px;	border:2px solid #fff;	text-align:center;	position:relative; transition: all .5s;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;}
.contact_rotate:before {   content: '';    border-bottom: 179px solid transparent;    position: absolute;    left: 0px;    top: 0;    border-left: 70px solid #fff;}
.contact_rotate:after {     content: '';    border-bottom: 20px solid transparent;    position: absolute;    left: 1px;    top: 0px;    border-left: 351px solid #fff;}
.map_wrapper_top .map_wrapper{	float:left;	width:45%;	padding:0;}
.map2_wrapper #map {    width: 100%;    height: 600px;	padding:0;	-webkit-border-radius: 0;   -moz-border-radius: 0;    border-radius: 0; }
.contact_field_wrapper{	width: 100%;   background: #f1f1f1; background-position: center 0;    background-size: cover;    position: relative;     padding: 40px 100px 40px 100px;}
.tb_es_btn_wrapper  button{    width: 100%;    height: auto;     background: #0557b2;   text-align: center;    cursor: pointer;    font-size: 16px;    color: #fff;    border: 1px solid transparent;    line-height: 43px;    text-transform: capitalize;    -webkit-transition: all 0.6s;    -o-transition: all 0.6s;    -ms-transition: all 0.6s;    -moz-transition: all 0.6s;    transition: all 0.6s;}
.tb_es_btn_wrapper  button:hover {    background-color: #393286;    color: #fff; border: 0px;	border: 1px solid  #df8826;   -webkit-transition: all 0.6s;    -o-transition: all 0.6s;    -ms-transition: all 0.6s;    -moz-transition: all 0.6s;    transition: all 0.6s;}
.jb_heading_wraper h3 {font-size: 36px;    line-height: 42px;    text-transform: capitalize;    font-weight: 400;    margin-bottom: 0px;}
.comments_form .form-control {    height: 50px;        padding: 15px 8px;    font-size: 16px;    border: 1px solid #e2e2e2;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;    box-shadow: none;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    background-color: #fff;}
.comments_form .form-group i {    position: absolute;    top: 17px;   right: 22px;   color: #0557b2;}
.comments_form .form-group {    margin-bottom: 25px;}
.comments_form .form-group {    position: relative;}
textarea.message-form {    height: 120px !important;}
a.hk-hide {    pointer-events: none;}
.mobile-menu {    display: none;}
.map-iframe iframe{width: 100%; height: 500px; display: block;}
.box-slide{ padding: 1em; border-radius: 3px; color: #fafafa; }
.morecontent span {display: none;}
.morelink{display: block;}
a.morelink {    margin-top: 20px;}
.content_proper-slide span.heading-cls{font-size: 30px;}
ul.price-modal li a {    font-size: 16px; color: var(--secondary-color);}
ul.price-modal li {    font-size: 20px;}
 table{    border-collapse: collapse;  width: 100%;}
td, th {  border: 1px solid #ddd;  padding: 8px; font-family: 'Josefin Sans', sans-serif;}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #04AA6D;  color: white;}
#profile-description {  max-width: 100%; position:relative;}
#profile-description .text {/*   width: 660px;  */  margin-bottom: 5px;   color: #777;   padding: 0 15px;   position:relative;   font-size: 14px;   display: block;}
#profile-description .show-more {    /* width: 690px; */   font-family: 'Josefin Sans', sans-serif;   position: relative;    font-size: 15px;    padding-top: 5px;    height: auto;    text-align: center;   background: var(--secondary-color);    cursor: pointer;    padding: 10px 0 10px 0;}
#profile-description .show-more:hover {     color: #1779dd;}
#profile-description .show-more-height {   height: 347px;   overflow:hidden; }
span.heading_large-related {    font-size: 28px;    font-weight: 800;    color: #000;}
.rupee-brochure i {    font-size: 18px;}
.rupee-brochure a {    font-size: 16px;}
.rupee-brochure p {    margin-top: 0;    font-size: 18px;}
.some-content p {    margin-top: 20px;}
.featrued-list span{font-size: 18px;}
.featrued-list ul li {    line-height: 19px;    margin-bottom: 10px;}
.featrued-list span {    font-size: 20px;    color: #000;}
.specification span{    font-size: 20px;    color: #000;}
.additional-information span{  font-size: 20px;    color: #000; }
.get-qouate li {    cursor: pointer;}
.get-qouate li:first-child {  background: var(--secondary-color);   padding: 8px 30px;    color: #fff;}
.get-qouate a {background-image: var(--gradient-color);   padding: 12px 30px;}
div#profile-description table {    margin-bottom: 10px; color: #000;}
.about-content-set p { color: #fff; margin-bottom: 20px;}
.cus-img {    height: 200px;}
.cust-img {    height: 338px;    object-fit: none;}
figure.effect-jazz {    width: 100%;    height: 309px;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 180px;    color:white;   animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-image: linear-gradient(to right, #393286 , #0457b2);    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}    
.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
@keyframes glow {
    from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
    to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
    }
.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce{0%{transform:translateY(0)}
12.5%{transform:translateY(0)}
25%{transform:translateY(0)}
50%{transform:translateY(-15px)}
62.5%{transform:translateY(0)}
75%{transform:translateY(-15px)}
100%{transform:translateY(0)}
}
.collage_img {    margin: 0px auto;}
.view-more-btn a {     background-image: linear-gradient(to right, #393286 , #0457b2);    display: block;  margin-bottom: 0;   line-height: 25px;    padding: 5px 0;}
.glasses_inner span {    font-size: 15px;    font-weight: 800;}
.glasses_inner p {    font-size: 14px;}
.better_img img { border: 1px dashed var(--primary-color);}
/*.social_media ul li a i {    font-size: 32px;    padding: 9px;}*/
.social_media .btn {    display: inline-block;    background-color: #fff;    width: 40px;    height: 40px;    margin: 0 3px;    text-align: center;    position: relative;    overflow: hidden;    border-radius: 28%;    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 10%);    opacity: .99;    border: 1px solid #ddddde;}
.social_media .btn.facebook:before {    background-color: #3b5998;}
.social_media .btn:before {    content: '';    width: 120%;    height: 120%;    position: absolute;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.social_media .btn:before {    top: 90%;    left: -110%;}
.social_media .btn, .social_media .btn:before, .social_media .btn .fa {    transition: all .35s;    transition-timing-function: cubic-bezier(0.31,-0.105,0.43,1.59);}
.social_media .btn.facebook .fa {    color: #3b5998;}
.social_media .btn.twitter .fa {    color: #3cf;    display: flex;    justify-content: center;}
.social_media .btn.instagram .fa {    color: #8a3ab9;}
.social_media .btn.instagram:before {background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.social_media .btn.linkedin .fa {    color: #0e76a8;}
.social_media .btn.youtube .fa {    color: #c4302b;    display: flex;    justify-content: center;}
.social_media .btn.pinterest .fa {    color: #c8232c;}
i.fa.fa-twitter {    position: relative;    top: 3px;}
.social_media .btn.twitter:before {    background-color: #3cf;}
.social_media .btn:before {    content: '';    width: 120%;    height: 120%;    position: absolute;   -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.social_media .btn:before {    top: 90%;    left: -110%;}
.social_media .btn, .social_media .btn:before, .social_media .btn .fa {    transition: all .35s;    transition-timing-function: cubic-bezier(0.31,-0.105,0.43,1.59);}
.social_media .btn .fa {    font-size: 20px;    vertical-align: middle;}
.social_media .btn .fa {    -webkit-transform: scale(0.8);    transform: scale(0.8);}
.social_media .btn:focus .fa, .social_media .btn:hover .fa {    color: #fff;    -webkit-transform: scale(1);    transform: scale(1);}
.social_media .btn:focus:before, .social_media .btn:hover:before {    top: -10%;    left: -10%;}
.social_media .btn.facebook:before {    background-color: #3b5998;}
.social_media .btn:before {    content: '';    width: 120%;    height: 120%;    position: absolute;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.social_media .btn:before {    top: 90%;    left: -110%;}
.social_media .btn, .social_media .btn:before, .social_media .btn .fa {    transition: all .35s;    transition-timing-function: cubic-bezier(0.31,-0.105,0.43,1.59);}
.social_media .btn.linkedin:before {    background-color: #0e76a8;}
.social_media .btn.youtube:before {    background-color: #dc4a38;}
.social_media .btn.pinterest:before {    background: #c8232c;}
i.fa.fa-whatsapp {    color: green;}
.social_media .btn.whatsapp:before {    background: green;}
.our-mission-type.pt-5.mt-5 {    margin-top: 0px!important;}
.widget iframe{width: 100%; height: 200px;}
/*Whatsapp-popup*/
#whatsapp .wtsapp:focus{border:none;outline:none;}
#whatsapp .wtsapp{position: fixed; transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 18px;bottom: 111px;left: 20px;border: 0;z-index: 999;width: 50px;height: 50px;line-height:48px;}
#whatsapp .wtsapp:before {	content: "";	position: absolute;	z-index: -1;	left: 50%;	top: 50%;	transform: translateX(-50%) translateY(-50%);	display: block;	width: 60px;	height: 60px;	background: #25d366;	border-radius: 50%;	-webkit-animation: pulse-border 1500ms ease-out infinite;	animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 10px 0px;    width: 32%;}
.mobile-three-item {    text-align: center}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #ed1c24;}
.mobile-three-item li a {    color: #fff;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.slow-animation {    animation-name: pulse;    animation-duration: 2s;    animation-timing-function: linear;    animation-delay: 0;    animation-iteration-count: infinite;    animation-fill-mode: none;    animation-play-state: running;}
.slow-animation {    position: fixed;    left: -10px;    bottom: -10px;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-bottom: 10px;    z-index: 1001;    transform: skewX(-30deg);    overflow-x: hidden;    height: 41px;    width: 20px;    background-color: rgba(255, 255, 255, 0.2);}
@keyframes pulse {
from {left: -30px}
to {left: 90px}
}
.big-img h2 {    font-size: 28px;}
.big-img h3 {    font-size: 28px;     padding-bottom: 10px;    padding-top: 25px;}
.big-img h4 {    font-size: 28px;   padding-bottom: 10px;    padding-top: 25px;}
.big-img h5 {    font-size: 28px;   padding-bottom: 10px;    padding-top: 25px;}
.full-text p {    margin-bottom: 20px; color: #000;}
.view-more-btn span {    font-size: 14px;}
.pro-box img {    height: 350px;    object-fit: contain; border:1px dashed #393286;}
.big-img ul {    margin-top: 15px; padding-left: 15px;}
.big-img ul li{ font-size: 15px;  color: #555; list-style-type: square; line-height: 25px;}
.final-list-product h2 {    font-size: 25px;    margin-bottom: 10px;}
.final-list-product h3 {    font-size: 25px;    margin-bottom: 10px;}
.final-list-product h4 {    font-size: 25px;    margin-bottom: 10px;}
.final-list-product h5 {    font-size: 25px;    margin-bottom: 10px;}
.final-list-product h6 {    font-size: 25px;    margin-bottom: 10px;}
.final-list-product {    margin-top: 40px;}
.final-list-product ul {    margin-bottom: 20px;}
.video-box_corporate a span {   background-image: linear-gradient(to right, #393286 , #0457b2);   padding: 10px 0 5px 0;}
.section-title-product h2 {    font-size: 28px;    padding-top: 15px;}
.better_img span {    font-size: 18px;}
.email-and-phone ul li a {    font-size: 18px;}
.sitema-links-item1 {    min-height: 345px;}
.email-and-phone > span {    font-size: 16px;    text-align: center;   color: #fff; display: block;}
.navbar{     padding-top: 0;     padding-bottom: 0;     box-shadow: 1px 3px 4px 0 #adadad33;}
 .navbar-light .navbar-brand {     color: #2196F3;}
 .navbar-light .navbar-nav .nav-link {     color: #fff;}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {     color: #1ebdc2;}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {     color: #fff;}
 .navbar-light .navbar-nav .nav-link{     transition: 0.3s;	font-size: 18px;}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{     transition: 0.3s;}
.dropdown-item:focus, .dropdown-item:hover {       text-decoration: none;       background-color: transparent;       color: #fff;}
.dropdown-menu {    height: 500px;    overflow-y: scroll;}
.sm-menu{    border-radius: 0px;    border: 0px;    top: 97%;}
.dropdown-item {    color: #3c3c3c;        font-size: 16px;}
.dropdown-item.active, .dropdown-item:active {    color: #fff;    text-decoration: none;    background-color: #2196F3;}
.navbar-toggler{    outline: none !important;}
.navbar-tog{    color: #1ebdc2;}
.megamenu-li {	position: static;}
.megamenu {	position: absolute;	width: 100%;	left: 0;	right: 0;	padding: 15px;}
.megamenu h6{    margin-left: 21px;}
.megamenu i{    width: 20px;}
.dropdown-menu {    background-image: linear-gradient(to right, #393286 , #0457b2);}
ul.navbar-nav li a {    color: #fff;}
.dropdown-menu a {    margin-bottom: 5px;}
.products-racks a {    color: #333;}
.products-racks ul li {   padding-left: 20px; line-height: 35px;  border-bottom: 1px solid #e3e3e3;}
.products-racks ul {    column-count: 4;}
.full-products {    background-color: #f8f9fa;    position: relative;}
.under-category{/*background: url(images/bg-cat.jpg)no-repeat;*/ text-align: center;  background-position: 50% 100%;}
a.color-mode-1{background-image: linear-gradient(to right, #00b09b , #96c93d);}
a.color-mode-2{background-image: linear-gradient(to right, #800080 , #ffc0cb);}
a.color-mode-3{background-image: linear-gradient(to right, #00F260 , #0575E6);}
a.color-mode-4{background-image: linear-gradient(to right, #e1eec3 , #f05053);}
a.color-mode-5{background-image: linear-gradient(to right, #22c1c3 , #fdbb2d);}
a.color-mode-6{background-image: linear-gradient(to right, #ff9966 , #ff5e62);}
a.color-mode-7{background-image: linear-gradient(to right, #7F00FF , #E100FF);}
a.color-mode-8{background-image: linear-gradient(to right, #396afc , #2948ff);}
a.color-mode-9{background-image: linear-gradient(to right, #06beb6 , #48b1bf);}
a.color-mode-10{background-image: linear-gradient(to right, #642B73 , #C6426E);}
a.color-mode-11{background-image: linear-gradient(to right, #36D1DC , #5B86E5);}
a.color-mode-12{background-image: linear-gradient(to right, #283c86 , #45a247);}
a.color-mode-13{background-image: linear-gradient(to right, #c0392b , #8e44ad);}
a.color-mode-14{background-image: linear-gradient(to right, #000046 , #1CB5E0);}
a.color-mode-15{background-image: linear-gradient(to right, #F2994A , #F2C94C);}
a.color-mode-16{background-image: linear-gradient(to right, #E44D26 , #F16529);}
a.color-mode-17{background-image: linear-gradient(to right, #4568DC , #B06AB3);}
a.color-mode-18{background-image: linear-gradient(to right, #43C6AC , #191654);}
a.color-mode-19{background-image: linear-gradient(to right, #093028 , #237A57);}
a.color-mode-20{background-image: linear-gradient(to right, #FFAFBD , #ffc3a0);}
a.color-mode-21{background-image: linear-gradient(to right, #DCE35B , #45B649);}
a.color-mode-22{background-image: linear-gradient(to right, #67B26F , #4ca2cd);}
a.color-mode-23{background-image: linear-gradient(to right, #F3904F , #3B4371);}
a.color-mode-24{background-image: linear-gradient(to right, #ee0979 , #ff6a00);}
a.color-mode-25{background-image: linear-gradient(to right, #41295a , #2F0743);}
a.color-mode-26{background-image: linear-gradient(to right, #fe01cc , #39329b);}
a.color-mode-27{background-image: linear-gradient(to right, #ee34da , #8afcfc);}
a.color-mode-28{background-image: linear-gradient(to right, #3b6186 , #88263f);}
a.color-mode-29{background-image: linear-gradient(to right, #4fccc3 , #556471);}
a.color-mode-30{background-image: linear-gradient(to right, #fdd79b , #1d567c);}
a.color-mode-31{background-image: linear-gradient(to right, #43285b , #734b6d);}

a.color-mode-32{background-image: linear-gradient(to right, #22c1c3 , #fdbb2d);}
a.color-mode-33{background-image: linear-gradient(to right, #ff9966 , #ff5e62);}
a.color-mode-34{background-image: linear-gradient(to right, #7F00FF , #E100FF);}
a.color-mode-35{background-image: linear-gradient(to right, #396afc , #2948ff);}
a.color-mode-36{background-image: linear-gradient(to right, #06beb6 , #48b1bf);}
a.color-mode-37{background-image: linear-gradient(to right, #43C6AC , #191654);}
/*a.color-mode-37{background-image: linear-gradient(to right, #642B73 , #C6426E);}
a.color-mode-11{background-image: linear-gradient(to right, #36D1DC , #5B86E5);}
a.color-mode-12{background-image: linear-gradient(to right, #283c86 , #45a247);}
a.color-mode-13{background-image: linear-gradient(to right, #c0392b , #8e44ad);}*/

.under-category li {    background: transparent;}
.under-category a { padding: 10px 10px 10px 10px;    line-height: 60px;    transition: 0.5s;}
.under-category li{padding: 0px !important; border: 0px !important;}
.products-racks {     padding: 5px;}
.glasses_inner i{font-size: 50px;}
.under-content-more span { font-size: 22px;    text-align: center;}
.under-content-more span a { font-size: 22px;    text-align: center;}
.under-content-more p {    font-size: 16px;    text-align: center;}
.under-faq-design .accordion {	background-image: linear-gradient(to right, #393286 , #0457b2);  color: #444;  cursor: pointer;    padding: 10px 15px;  width: 100%;  border: none;  text-align: left; outline: none;  font-size: 15px;  transition: 0.4s;}
.under-faq-design .active, .accordion:hover {      background-image: linear-gradient(to right, #393286 , #0457b2);}
.under-faq-design .accordion:after {    content: '\002B';	font-weight: bold;    float: right;    margin-left: 5px;    color: #fff;    font-size: 25px;}
.under-faq-design .active:after {  content: "\2212";}
.under-faq-design .panel {  padding: 0 18px;  background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
.under-faq-design span {    font-size: 21px;    color: #fff;}
.under-faq-design {    margin-bottom: 10px;}
.box-one .inner-content {    background: #373388;    color: white;    text-align: center;    font-size: 20px;    padding: 5px;    margin-bottom: 13px;}
.iq-entry-content.blog-style ul li {    list-style: disc!important;    margin-left: 20px;    line-height: 25px;}
.iq-entry-content.blog-style p {    margin-bottom: 50px;}

.blog-btn-details a {    background: #333;    font-size: 13px;    padding: 10px 30px;    padding: 13px 25px 13px 25px;}
.border-system {      min-height: 865px;  border: 1px solid #024b83;}
p.blog-name {    font-size: 18px;    font-weight: 700;}

.blog-text-page {    padding: 10px 15px;}

.about-us h1{font-size: 30px;}

/* .blog-content-home a{color: #000; font-size: 20px;} */
.blog-content-home p{color: #000;     text-align: justify;}
.blog-content-home p {    text-align: justify;}
.blog-content-home { height: 400px;   background: #f1f1f1;    padding: 18px;}

.Location {    background-color: aliceblue;    padding: 30px 0px;    text-align: center;    margin-bottom: 20px;}
a.h4top {    display: block;    font-size: 18px;    text-align: center;       background-image: linear-gradient(to right, #393286 , #0457b2);   padding: 5px;    color: white;    text-transform: capitalize;}

div#Locations .item img {  border: 1px solid #ccc;  height: 200px;    object-fit: contain;    width: 100%;}

.ptoh2 {font-size: 30px;  margin: 0px;    padding: 0px; color: #212529;}
div#Locations .owl-buttons {    display: none;}
.promotion-design a {    color: #fff;}

div#owl-demo-client .item {   border-radius: 10px; background: #222222;    padding: 15px;    min-height: 308px;}
.main-widget p {    color: #000;}

.ti-review-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
}
.ti-profile-img {
    margin: 0 15px 0 0 !important;
}
.ti-profile-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ti-profile-img img {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    display: block;
    border-radius: 30px;
    min-width: initial !important;
    max-width: initial !important;
    object-fit: cover;
    object-position: top;
}

.client-widget img{width: 9%;}
.star ul li i {    color: #ffb83c;}
.ti-name p {    font-size: 18px;}

a.styling-heading {    font-size: 18px;    font-weight: bold; color: #000;}