@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');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;font-family: 'PT Sans', sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'PT Sans', sans-serif; margin-right: 25px;}

a{font-size: 16px; font-family: 'PT Sans', sans-serif; color: #555;}

a:hover{text-decoration: none; color: #393286;}

p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'PT Sans', sans-serif; color: #555;}

body{padding: 0px; margin: 0px; box-sizing: content-box;}

span{padding: 0px; margin: 0px; font-family: 'PT Sans', sans-serif;}

:root {--primary-color: #393185; --secondary-color: #ed1c24; --tertiary-color:#1a7fc5; --gradient-color: linear-gradient(to right, #393286 , #0457b2);}

input{font-family: 'PT Sans', sans-serif; outline: none;}

button{font-family: 'PT Sans', sans-serif; outline: none;}

button:focus{outline: none;}

textarea{font-family: 'PT Sans', sans-serif; outline: none;}

/*Css*/

header{background-image: linear-gradient(to right, #36D1DC , #5B86E5); height: 35px;} 



.right-side {    float: right;    padding-top: 8px;}

.right-side ul li a {    color: white;    margin-right: 15px;}

.center-media ul {    margin-top: 4px;}

.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, #36D1DC , #5B86E5);}*/

.number-bold a{font-size: 22px; font-weight: bold; color: #393185;}

.number-bold p{color: #0356b2; font-size: 19px;}

.sticky{border-bottom: 5px solid #478adf;}



.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-color: #478adf;}



.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:#000; border-radius: 50px 0 50px 50px; transition: 0.5s;}

.about-btn a:hover{background-color: #4989df;}

.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);    width: 650px;    right: 60px;    margin-bottom: -60px;    position: absolute;    bottom: 0;    opacity: 0.9;    height: 500px;   overflow-y: scroll;}

.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;}

.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: linear-gradient(to right, #36D1DC , #5B86E5);}

/*.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; text-align: center;}

.section-title-varient::after{ position: absolute;    content: '';    width: 65px;    height: 3px;    background-image: var(--gradient-color);    left: 44%;    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; border: 5px solid #fff; box-shadow: 0 0 0 #ccc;}

::-webkit-scrollbar-track {  background: #1772b0;}

::-webkit-scrollbar-thumb {  background: #8fc3f5;}

::-webkit-scrollbar-thumb:hover {  background: #8fc3f5;}

.home-form{background: #fff; height: 560px; position: relative;} 

.title-side span{font-size: 30px; position: relative; font-weight: 800;}

.title-side span:after{ position: absolute;    content: '';    width: 65px;    height: 3px; background-color: #4989df;    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 #4989df; color: #000;}

.home-filed input::placeholder{color: #333;}

.home-filed textarea::placeholder{color: #333;}

.home-filed textarea{background-color: transparent; border: 1px solid #4989df; height: 100px; resize: none; color: #000;}

.home-filed-btn button{background-image: linear-gradient(to right, #258cda , #00d2da); 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: 25px; margin-bottom: 15px;  border-bottom: 1px solid #525252; transition: 0.5s;}

#owl-demo-client .owl-buttons{display: none;}

#owl-demo-client .item i{font-size: 15px;     background-image: linear-gradient(to right, #258cda , #00d2da); border-radius: 50px;}

.client-img-and-text img {    box-shadow: 0 0 8px #ccc;}

.client-img-and-text {box-shadow: 0 0 0 #ccc;}

.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-color: #478adf;  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: #000;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer; background: #478adf; transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

.enquiry strong{ background-color: #000; 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: 999;}

.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: 115px 0px;     background-attachment: inherit !important;}

/*.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:48px;	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: linear-gradient(to right, #36D1DC , #5B86E5);}

.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: #000;    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: #258cda;   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: #258cda;   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: #258cda; 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, #36D1DC , #5B86E5); -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-color: #13629e; 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 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-color: #258cda;   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: 275px;  float: left; margin-right: 20px;}

.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.cover-product-this span{font-family: 'PT Sans', sans-serif !important; color: #000; font-size: 16px !important;}

.only-product h2 {font-size: 32px;}

.zoom-effect img {width: 100%;}

.cover-product-this p {  line-height: 28px; color: #777;}

.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% 50%;     line-height: 32px; color:#000; }



.color-site {background-color: #000}

.skin-color {background-color: #258cda;}

.black-color {background-color: #333;}





.contact_main{	text-align:center;	border:1px solid #e2e2e2;	-webkit-transition: all .5s;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: #000;    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: #258cda;}

.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;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s; 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: #258cda;   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: #258cda;}

.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;}

.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:#000;   animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-image: linear-gradient(to right, #478adf , #00cadb);    color: #000;    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: 19px;    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: 5px 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: #000;}

.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: 5px;    padding-bottom: 5px;    margin-left: 2.5%;   z-index: 1000; background-color: #258cda;}

.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;  display: none;  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;}

.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; }

 .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: 3;}

.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, #258cda , #00d2da);  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-color: #000;}

.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;}





.fennec-mobile-nav {    display: none;}

.fennec-mobile-nav .navbar-nav {    overflow-y: auto;    height: 428px;}

.navbar-area.is-sticky {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 999;    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);    background-color: #ffffff;    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}

.navbar-brand {    padding-top: 0;    padding-bottom: 0;}

.fennec-nav .navbar {    padding: 0;}

.fennec-nav .navbar ul {    padding-left: 45px;    list-style-type: none;    margin-bottom: 0;   position: relative;    top: 5px;}

.fennec-nav .navbar .navbar-nav .nav-item {    position: relative;    padding: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a {    font-size: 15px;    font-weight: 600;    color: #000;    text-transform: uppercase;    position: relative;    z-index: 1;    margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active {    color: #ffffff;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {    opacity: 1;    visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background-image: linear-gradient(to right, #000 , #000);    position: absolute;    border: none;    top: 80px;    left: 0;    width: 350px;    z-index: 99;    display: block;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    padding-top: 15px;    padding-left: 5px;    padding-right: 5px;    padding-bottom: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {    text-transform: capitalize;    padding: 5px 15px;    display: block;    color: #fff;    font-size: 16px;    font-weight: 600;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {    display: none;}



.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {    position: absolute;    content: '';    height: 100%;    width: 3px;    left: -5px;    -webkit-transition: 0.5s;    transition: 0.5s;    opacity: 0;    visibility: hidden;    top: 0;    -webkit-transform: scale(0);    transform: scale(0);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {    opacity: 1;    visibility: visible;    -webkit-transform: scale(1);    transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {    margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {    left: 220px;    top: 0;    opacity: 0;    visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {    opacity: 1;    visibility: visible;    top: 100%;    margin-top: 0;}

.navbar-style-two {    background-color: #f8f8f8;}

.navbar-style-two .fennec-nav {    background-color: #f8f8f8;    padding-top: 15px;    padding-bottom: 15px;    padding-left: 80px;    padding-right: 80px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav {    margin-left: auto;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {    padding-top: 15px;    padding-bottom: 15px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {    padding: 0;    margin: 0 12px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {    color: #666666;    -webkit-transition: 0.5s;    transition: 0.5s;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {    display: none;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active {    color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {    color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {    margin-left: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {    margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {    padding: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {    margin-top: 6px;    margin-left: 0;    margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {    margin-top: 0;}

ul.dropdown-menu li {    border-bottom: 1px solid #333;}

ul.dropdown-menu li:last-child {    border-bottom: none;}

.search_side button {    background-color: transparent;    cursor: pointer;    outline: none;}

.search_side input {    width: 300px;    color: #fff;    outline: none;    border: 1px solid var(--tertiary-color) !important;    height: 35px;    position: relative;    bottom: 1px;    border: none;    background-color: transparent;    caret-color: var(--tertiary-color);}

.search_side input::placeholder {    color: #fff;}

.search_side img {    outline: none;    width: 70%;    position: relative;    left: -55px;    top: -3px;}

.under-faq-design p {    margin-top: 4px; text-align: justify;}

.under-faq-design ul {    column-count: 2;    margin-top: 12px;    padding-left: 15px;}

.under-faq-design li {    color: #555;}

.under-faq-design ul li {    list-style-type: disc;}

a.size-small {    font-size: 13px;    font-style: italic;}

.about-section .about_content {    position: relative;    background: #fff;    padding: 73px 60px 78px 80px;    box-shadow: 1px 6px 13px rgb(0 0 0 / 8%);    width: 778px;    margin-left: -25px;}

.about-section .about_content .read_more:hover {    color: #fff;    background: var(--e-global-color-accent);    }

.about-section .about-backgroundimage {    position: absolute;    top: 0;    right: 702px;}

.about-section {    position: relative;}

.about-section .about-image {    left: 14px;    top: -100px;    position: relative;}

.about_content-side h1 {    font-size: 25px;    margin-bottom: 12px;}

.about_content-side p {    text-align: justify;    margin-bottom: 15px;}

.full-content h2 {    font-size: 22px;    margin-bottom: 7px;}

.industries_box h5 {    font-size: 22px;    display: block;    margin-bottom: 10px;}

.industries_box p {    padding-right: 50px;}

.industries_box p {    padding-bottom: 35px;}

.industries_box {    margin-bottom: 35px; padding-top: 35px;}

.accrordian{background: url(images/bg-1.png)no-repeat;}

.industries-we-serve{background: url(images/map-bg-dark2.png)no-repeat;}

.wpo-site-footer {    position: relative;    font-size: 15px;    overflow: hidden;}
.wpo-site-footer .footer-bg {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -1;}

.wpo-site-footer .wpo-support-section {    padding: 70px 0;}

.wpo-site-footer .wpo-support-section .wpo-support-title h2 {    font-size: 30px;    font-weight: 700;    line-height: 53px;    text-align: left;    margin-bottom: 0;    color: #fff;}
.wpo-site-footer .wpo-support-section .wpo-support-icon .support {    display: flex;    justify-content: center;}
.wpo-site-footer .wpo-support-section .wpo-support-icon .support .shape {    text-align: center;        background-image: linear-gradient(to right, #36D1DC , #5B86E5);    width: 80px;    height: 80px;    border-radius: 50%;    position: relative;}

.wpo-site-footer .footer-bg::before {    position: absolute;    content: "";    left: 0;    top: 0;    width: 100%;    height: 100%;    background: #000;    z-index: 11;    opacity: 0.9;}

.wpo-site-footer .wpo-support-section .wpo-support-munber P {    font-size: 32px;    font-weight: 700;    line-height: 42px;    color: #fff;    margin-top: 8px;}

.wpo-site-footer p {    color: #00d2da;}

.wpo-site-footer .wpo-support-section .wpo-support-munber span {    font-size: 15px;    font-weight: 700;    line-height: 20px;    color: #4989df;}
/*.wpo-site-footer .wpo-support-section .wpo-support-icon .support .shape::before {

    position: absolute;

    content: "";

    left: -7%;

    top: -6%;

    transform: translate(-50%, -50%);

    width: 90px;

    height: 90px;

    border-radius: 50%;

    background: rgb(42, 69, 112);

    z-index: -1;

    -webkit-animation: pulse 1s ease-in infinite;

    animation: pulse 1s ease-in infinite;

}*/

.wpo-site-footer .wpo-support-section .wpo-support-icon {    position: relative;}
.wpo-site-footer .link-widget:first-child {    padding-left: 0;}
.wpo-site-footer .link-widget {    padding-left: 75px;}
.wpo-site-footer .link-widget {    overflow: hidden;}
.wpo-site-footer .widget-title h3 {    font-size: 30px;    color: #fff;    margin: 0;    position: relative;    font-weight: 700;}
.wpo-site-footer .link-widget ul li a {    color: #BFBAC8;    font-size: 15px;    font-weight: 400;}
.wpo-site-footer .widget-title {    margin-bottom: 30px;}
.wpo-site-footer .contact-widget ul li {    position: relative;    color: #BFBAC8;    font-size: 15px;    font-weight: 400;}

.wpo-site-footer .contact-widget h4 {    font-size: 16px;    font-weight: 700;    line-height: 26px;    text-align: left;    color: #FF5E14;    margin-top: 20px;}

.wpo-site-footer .contact-widget form {    margin-top: 25px;    position: relative;}

.wpo-site-footer .contact-widget::after {    position: absolute;    right: 0;    top: 0;    top: 52%;    transform: translateY(-50%);    width: 1px;    height: 423px;    background: rgba(255, 255, 255, 0.1);    content: "";}
.wpo-site-footer .contact-widget form input {    background-color: #163668;    height: 55px;    width: 244px;    color: #BFBAC8;    padding: 6px 15px;    border: 1px solid transparent;    box-shadow: none;}

.wpo-site-footer .contact-widget form .submit button {    background: #FF5E14;    border: 1px solid transparent;    outline: 0;    font-size: 20px;    color: #fff;    width: 56px;    height: 52px;    line-height: 45px;    border-radius: 0;    -webkit-clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);    clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);}

.wpo-site-footer .contact-widget .shape-1 {    position: absolute;    left: -1px;    top: 50%;    width: 3px;    height: 100px;    background: #4989df;}

.wpo-site-footer .wpo-upper-footer {    padding: 30px 0;    border-top: 1px solid rgba(255, 255, 255, 0.1);}

.wpo-site-footer .contact-widget::before {    position: absolute;    left: 0;    top: 52%;    transform: translateY(-50%);    width: 1px;    height: 423px;    background: rgba(255, 255, 255, 0.1);    content: "";}
.wpo-site-footer .wpo-support-section .wpo-support-icon .shape-1 {    position: absolute;    left: 50%;    top: 50%;   transform: translate(-50%, -50%);    z-index: -1;}
.shape i {    color: #fff;    font-size: 40px;   line-height: 80px;}
.blog-widget ul li a{position: relative;    color: #BFBAC8;    font-size: 15px;    font-weight: 400;}

.quick-links li a{color: #BFBAC8;    font-size: 15px;    font-weight: 400;}
div#owl-demo-client {    padding-left: 35px;    padding-right: 35px;}

.varient-img{background: url(images/map-bg-dark2.png)no-repeat;}

.icons-type p {    font-size: 38px; font-weight: bold; font-family: 'PT Sans', sans-serif;}

.icons-type small{font-size: 17px;     font-family: 'Josefin Sans', sans-serif;}

.border-design{    border: 1px solid #3071c9}

.client-logos span{font-size: 30px; font-weight: 800;}

.bg-gradient-color{background-image: linear-gradient(to right, #258cda , #00d2da);}

.bg-gradient-color ul li figure img {    width: 100%;	border-radius: 5px;    float: left;}
.bg-gradient-color ul li {    width: 24%;    margin: 0;    list-style: none;}
.bg-gradient-color ul li:hover figure {    opacity: 1;}
.bg-gradient-color ul {    width: 100%;    display: flex;    justify-content: center;    flex-wrap: wrap;    flex-direction: row;    margin: 0;    padding: 0;    position: relative;}

.bg-gradient-color ul li figure {    width: 100%;    float: left;    margin: 0;    padding: 15px 5%;    overflow: hidden;    position: relative;}

.bg-gradient-color ul li figure h6 {    width: 100%;    float: left;    text-align: center;    color: #fff;    position: absolute;    left: 0;    top: 50%;    margin-top: -8px;    height: 16px;    font-weight: 800;    font-size: 13px;    opacity: 0;}

.about_img img {    border: 1px dashed #4989df;    margin-bottom: 30px;}
.about-us {    background: url(images/map-bg-dark2.png);}
.wpo-lower-footer {    margin-bottom: 45px;}
.varient-img {    margin-bottom: 30px;}

.full-text p { text-align: justify !important;}

.cover-product-this p {    text-align: justify !important;}

.about-us h2, h3, h4, h5 {    font-size: 19px;}
.cover-product-this h2, h3, h4, h5, h6 {    font-size: 20px;}
.why-choose-us-v1-sec {    background-color: #fff;    background-image: url(images/bg-router.jpg);    background-position: center center;    background-repeat: no-repeat;    background-size: contain;    overflow: hidden}

.why-choose-v1-wrap {        padding: 35px 0 20px 20px;}
.why-choose-v1-title {    margin: 0 0 40px;    text-align: left;}

.why-choose-v1-title span {    text-transform: capitalize;    font-size: 23px;    font-weight: 600;    margin-bottom: 10px;    display: inline-block;    position: relative;    color: #fff;    padding-left: 70px;}

.why-choose-v1-title span:before {    position: absolute;    content: "";    background: #478adf;    width: 60px;    height: 1px;    top: 14px;    left: 0;}
.why-choose-v1-title h1 {    font-size: 36px;    text-transform: capitalize;    color: #fff;    font-weight: 700;}
.why-choose-v1 {    height: 100%;    position: relative;    z-index: 2;}
/*.why-choose-v1:before {

    position: absolute;

    content: "";

    top: 0;

    height: 100%;

    background: #0f1934;

    left: -15px;

    width: 5000px;

    z-index: -1;

}*/
.content-scroll {    height: 600px;    overflow-y: scroll;    overflow-x: hidden;     background: #0f1934;}
.why-choose-v1-single {    margin: 20px 0;    color: #cdcdcd;}
.why-choose-v1-single .icon {    width: 60px;    height: 60px;    margin-right: 10px;    text-align: center;    line-height: 60px;    background: #478adf;    color: #fff;    font-size: 28px;    border-radius: 100%;    position: relative;}
.why-choose-v1-single .media {    overflow: visible;}

.why-choose-v1-single .media-left {    position: relative;    margin-right: 15px;}
.why-choose-v1-single .media-left:before {    width: 1px;    height: 170px;    position: absolute;    content: "";    top: 0;    left: 30px;    border-left: 1px dashed #f2f2f2;    transition: all .4s ease;}
.why-choose-v1-single:last-child .media-left:before {    display: none;}
.why-choose-v1-single .media-body h2 {    font-size: 20px;    margin-bottom: 10px;    text-transform: capitalize;    color: #fff;}
.why-choose-v1-single p {    color: #fff;    text-align: justify;padding-right: 35px;}
.full-content p {    color: #000;    margin-bottom: 25px;}
.full-content h4 {    margin-bottom: 10px;}
.full-content h3 {    margin-bottom: 10px;}
.title h3 {    font-size: 30px;}
.section-title h4 {    font-size: 30px;    margin-bottom: 12px;}
.section-title h3 {    font-size: 30px;}
.section-title-varient h4 {    font-size: 30px;}
.cover-product-this p {font-family: 'PT Sans', sans-serif !important;  color: #000; font-size: 14px !important;}

.parent-divison > a {font-size: 20px; font-weight: 700; color: #000; background: #258cda;  padding: 5px 15px;}
.parent-divison h3 {    font-size: 30px;}
.cover-product-this h2 {    margin-bottom: 25px;}
.our-partners {    background: #efefef;}
.our-partners img {border: 1px dotted; margin: 24px 6px 10px 0px; width: 100%; background: #fff;}

.map-iframe iframe{width: 100%; height: 580px;}

.wpo-site-footer a{color: #00d2da;}

.contact_main {    margin-bottom: 30px;}
.cover-product-this ul {  padding-left: 15px;  margin-bottom: 10px;}
.cover-product-this ul li{line-height: 28px; list-style-type: disc;}
.cover-product-this a {    color: #258cda;    text-decoration: underline;}

.blog-left {    margin-top: 50px; display: flex; gap: 15px;}
a.blog-read-more {    background: linear-gradient(to right, #36D1DC , #5B86E5); transition: background 0.5s;    padding: 10px 20px;    border-radius: 45px;    color: #fff;    font-weight: 700;}
a.blog-read-more:hover{ background: #000;}
.blog-section .row{ padding: 50px 0px;}
.blog-content .content{ text-align: justify; margin-bottom: 20px;}
.right-side form{ background: linear-gradient(to right, #36D1DC , #5B86E5);    display: flex;    flex-direction: column;    gap: 10px;    padding: 10px;    border-radius: 10px;}
.right-side form input:focus{ outline: none;}
.right-side form input{ border: none; border-radius: 10px; padding: 5px;}
.right-side form textarea:focus{ outline: none;}
.right-side form textarea{ border: none; border-radius: 10px; height: 100px; padding-left: 7px;}
.right-side form button{ background-color: #000; color: #ffff;}
.blog-img img {    width: 300px;    float: left;       max-width: inherit;}
.blog-img{ text-align: center;}
section.inner-blog .row{ padding: 50px 0px;}
.inner-blog-left .blog-img img {    margin-right: 15px;}
section.inner-blog h2 {    font-size: 25px;}
section.inner-blog h3 {    font-size: 25px;}
section.inner-blog h4 {    font-size: 25px;}
section.inner-blog h5 {    font-size: 25px;}
section.inner-blog h6 {    font-size: 25px;}
section.blog-section h3{ font-size: 20px;}
.blog-content p {
    font-size: 15px;
}
.blog-button.inner-blog a {

  text-align: center;

  display: inline-block;

  color: #0b70e1;

  padding-right: 25px;

  position: relative;

  z-index: 1;

  font-family: 'Open Sans', sans-serif;

  font-weight: 500;

  font-size: 15px;

  transition: all 0.3s;

}

.blog-button.inner-blog a:after {

  content: "\f114";

  position: absolute;

  font-family: flaticon;

  font-size: 15px;

  top: 1px;

  right: 0;

  opacity: 1;

  transition: all 0.3s;

  color: #0b70e1;

}

.blog-button.inner-blog a:hover {

  color: #0B70E1;

}

.blog-button.inner-blog a:hover:after {

  right: -5px;

  opacity: 1;

  transform: unset;

}

.blog-content p {
    margin-bottom: 15px;
    text-align: justify;
    line-height: 25px;
}
.blog-content h2 {
    margin-bottom: 15px;
}
.blog-content h3 {
    margin-bottom: 15px;
}
.blog-content h4 {
    margin-bottom: 15px;
}
.blog-content h5 {
    margin-bottom: 15px;
}
.blog-content h6 {
    margin-bottom: 15px;
}