@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap');

body{margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Quicksand', sans-serif;} 

p{padding: 0px; margin: 0px; font-size: 14px; font-family: 'Open Sans', sans-serif; text-align: justify;}

h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px; font-size: 36px;}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{list-style-type: none; font-size: 16px;}

a:hover{text-decoration: none !important;}

input{outline: none;}

::-webkit-scrollbar {width: 10px;}

::-webkit-scrollbar-track {background: #02c3e1;}

::-webkit-scrollbar-thumb {background: #fff;}

::-webkit-scrollbar-thumb:hover {background: #555;}

::-moz-selection {background-color: #02c3e1;   color: #fff;}

::selection {background-color: #02c3e1;  color: #fff;}

::placeholder { color: #777; opacity: 1; /* Firefox */}

::placeholder textarea{color: #777;}

/*css*/

/*header {background-color: #02c3e1;       padding: 10px 0;}*/

.social-links li{display: inline-block; }

.social-links ul li {display: inline-block;  margin-right: 13px;}

.social-links a {color: #fff;}

a.get-appointment {background: #000000; padding: 15px 15px 11px 15px; color: #fff; transition: 0.5s;}



.address li{color: #fff;}

.address li i{font-size: 18px;}

.icon-type{width: 15%; float: left; background-color: #fff;    -webkit-box-shadow: 0 0 10px 0 rgba(3,59,74,.1);    -moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.1);   box-shadow: 0 0 10px 0 rgba(3,59,74,.1);     margin-right: 15px;}

.icon-type img{width: 100%;}

.icon-text span{    color: #d12f00; font-weight: 600; font-size: 18px;}

.icon-text p{font-size: 16px; color: #777; font-weight: 600; margin-bottom: 0px; font-size: 14px;}

section.sticky-new {padding: 15px 0;    background: #f9fafa;}

.calling-type { background-image: linear-gradient(to right, #ffb42a , #d12f00);    position: relative;    left: 130px;    top: 34px;}

.calling-type a {color: #fff; font-size: 22px;} 

.carousel-control.left{background-image:none;}

.carousel-control.right{background-image:none;}

.gallery {padding: 50px 0px 50px 0;    position: relative;    background: #f9f9f9;}

.molecule{position: absolute; left: 0px; top: 0%;}

/*.gallery::after{    content: '';

    background: url(images/shape-1.png) no-repeat;

    position: absolute;

    width: 28%;

    height: 500px;

    background-size: cover;

    bottom: 0px;

    z-index: -9;}*/

.main-title {text-align: center;}

.main-title p {padding-right: 200px;  padding-left: 200px; text-align: center;  margin-bottom: 50px;}

.one-side img{width: 100%;}

.one-side {margin-bottom: 18px;}

.department-block .image-box{	position: relative;}

.department-block .image-box .overlay-link{	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;	z-index: 1;}

.department-block .image-box .overlay-link a{position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;}

.department-block .image-box .overlay-link:before{position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background: padding-box content-box;  background-color: #02c3e1;    padding: 15px;    content: "";    /* outline: 2px solid rgba(255,255,255,.70); */    outline-offset: -15px;    visibility: hidden;    opacity: 0;    -webkit-transform: scale(0.5) rotateX(180deg);    -moz-transform: scale(0.5) rotateX(180deg);    -ms-transform: scale(0.5) rotateX(180deg);    -o-transform: scale(0.5) rotateX(180deg);    transform: scale(0.5) rotateX(180deg);    -webkit-transition: all 500ms ease;    -moz-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;    transition: all 500ms ease;}

.department-block .inner-box:hover .overlay-link:before{opacity: .70;    -webkit-transform: scale(1) rotateX(0deg);    -moz-transform: scale(1) rotateX(0deg);    -ms-transform: scale(1) rotateX(0deg);    -o-transform: scale(1) rotateX(0deg);    transform: scale(1) rotateX(0deg);    visibility: visible;}

.carousel-indicators{  display: none !important;}

.image-box img { width: 100%;}

.section8-index{text-align: center;     padding: 40px;}

.section8-index .card-section8-index img{display: block;	    margin: auto;     margin-bottom: 15px;}

.section8-index-content span{font-size: 22px;	font-weight: 600; line-height: 40px;}

.section8-index-arrow img{position: absolute; top: 85px;  right: -23%; z-index: 1;}

.section8-index-content span {color: #fff;     line-height: 25px;}

.section8-index-content p {   margin-top: 15px; margin-top: 15px;    color: #fff;    text-align: center;}

.card-section8-index {     padding-top: 20px;    padding-bottom: 20px;    padding-left: 15px;    padding-right: 15px;    display: block;    border-radius: 50px;}

.card-section8-index::first-child{background-color: green;}

.card-section8-index.first { background: #01d6a3;}

.card-section8-index.second{background: #ee3049;}

.card-section8-index.third{background: #f27243;}

.card-section8-index.fourth{background-color: #faae5c;}

.rowing-part {width: 100%; position: relative;   bottom: 0px;}

.main-title h2{position: relative; text-transform: uppercase; padding-bottom: 30px;}

.main-title img {    position: absolute;    left: 47%;    opacity: 0.5;    bottom: 84%;    width: 6%;}

.padding-reduce {    padding: 5px;}

.making-lab{padding: 50px 0px; background-color: #f9f9f9;}

.left-content span {    font-size: 30px; font-weight: 600;}

.left-content p{color: #777;}

.button-container-3 {	position: relative;    width: 130px;    height: 45px;    margin-left: 0;    margin-right: 0;    margin-top: 0;    overflow: hidden;    border: 1px solid #01d6a3;    font-weight: 300;    transition: 0.5s;    letter-spacing: 1px;}

.button-container-3 button {  width: 101%;  height: 100%;  font-weight: 600;  font-size: 18px;  letter-spacing: 1px;      background-image: linear-gradient(to right, #ffb42a , #d12f00);  -webkit-mask: url("images/button.png");  mask: url("images/button.png");  -webkit-mask-size: 7100% 100%;  mask-size: 7100% 100%;  border: none;  color: #fff;  cursor: pointer;  -webkit-animation: ani2 0.7s steps(70) forwards;  animation: ani2 0.7s steps(70) forwards;}

.button-container-3 button:hover {  -webkit-animation: ani 0.7s steps(70) forwards;  animation: ani 0.7s steps(70) forwards;}

.mas {  position: absolute;  color: #000;  text-align: center;  width: 101%;  font-weight: 300;  position: absolute;  font-size: 20px;  margin-top: 12px;  overflow: hidden;}

.button-container-3 span {    font-size: 18px;   color: #01d6a3;}

@-webkit-keyframes ani {

from {-webkit-mask-position: 0 0;  mask-position: 0 0;}

to {-webkit-mask-position: 100% 0;    mask-position: 100% 0;}

}

@keyframes ani {

from {    -webkit-mask-position: 0 0;    mask-position: 0 0;  }

to {    -webkit-mask-position: 100% 0;    mask-position: 100% 0;  }

}

@-webkit-keyframes ani2 {

from {    -webkit-mask-position: 100% 0;    mask-position: 100% 0;  }

to {    -webkit-mask-position: 0 0;    mask-position: 0 0;}

}

@keyframes ani2 {

from {    -webkit-mask-position: 100% 0;    mask-position: 100% 0;}

to {    -webkit-mask-position: 0 0;    mask-position: 0 0;}

}

.right-content img{  margin-bottom: 12px; float: left;    width: 50%;    margin-right: 20px;} 

.text-type p {    color: #777;}

.header_area{width: 100%;}

.header_area.fixed {position: fixed; top: 0; box-shadow: 5px 0px 5px #ccc; background-color: #fff;  z-index: 99; width: 100%;}

a.navbar-default.fixed{color: #fff !important;}

#toTop{position:fixed; bottom:5px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}

.pricing{padding: 50px 0px; background-color: #f1f1f1}

/*pricing*/

.pricing{background: url(images/pricing.png)no-repeat; padding: 50px 0px;}

.price-block {    background-color: white;    padding: 20px;    text-align: center;    box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.05);    transition: 0.3s ease;    margin-bottom: 15px;}

.price-type {    background-image: url(images/dashed.png);    padding: 20px;    background-size: cover;        margin-bottom: 18px;}

.price-type h2 {    background-color: white;    padding: 10px;    text-align: center;    color: #d12f00;    margin-bottom: 0;    font-weight: 700;    letter-spacing: 0.1em;    font-size: 24px;}

.mrp h6.user-type {    font-weight: 400;    color: #444444;    margin-bottom: 18px;    line-height: 1;}

.price-devide {    height: 1px;    background-color: #eee;    width: 245px;    margin: 0 auto;}

.mrp h2 {    font-size: 36px;    letter-spacing: 0.1em;    font-weight: bold;  line-height: 1;    color: #333;    transition: all 0.3s ease; margin-bottom: 12px;}

.price-year {    font-weight: 700;    margin: 5px;    margin-bottom: 15px;    line-height: 1;}

.price-devide {    height: 1px;    background-color: #eee;    width: 245px;    margin: 0 auto;}

.price-feature {    padding: 0;    margin: 25px auto;}

.btn:not(:disabled):not(.disabled) {    cursor: pointer;}

.price-block .btn-custom {    width: 100%;    padding: 15px 25px;    font-weight: 700;    letter-spacing: 2px;}

.btn-custom.theme-color {        background-image: linear-gradient(to right, #ffb42a , #d12f00);}

.btn-custom {    color: white;    font-size: 14px;    border-radius: 50px;    text-transform: uppercase;    padding: 10px 25px;    cursor: pointer;    border: none;    background-size: 300% 100%;    transition: all .4s ease-in-out;}

ul.price-feature li {    line-height: 28px;}

.price-block s {    line-height: 45px;}

.price-block p {    text-align: center;    padding-bottom: 0;    padding-top: 18px;    color: #777; padding-bottom: 15px;}

div#owl-demo {    margin-top: 4%;}

#owl-demo .owl-buttons{     right: 8px; }

.free-trial-image {    position: relative;    text-align: center;    width: 100%;   height: 100%;    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-image: url(images/woman2.jpg);}

.free-trial-area {    position: relative;    z-index: 1;    overflow: hidden;}

.free-trial-area::before {    content: '';    position: absolute;    right: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -9;    background-image: url('../../public/images/2.webp');    background-position: left top;    background-size: cover;    background-repeat: no-repeat;    opacity: 0.1;}

.free-trial-content {    position: relative;    z-index: 2;    max-width: 555px;    padding-left: 30px;    padding-top: 110px;    padding-bottom: 110px;}

.free-trial-content h2 {    margin-bottom: 0;    color: #ffffff;   font-size: 30px;    font-weight: 700;}

.free-trial-content form {    position: relative;    margin-top: 25px;    margin-bottom: 10px;}

.free-trial-content p {color: #ffffff;    margin-bottom: 0;    max-width: 350px;    font-size: 16px;    font-weight: 700;}

.free-trial-content form {    position: relative;    margin-top: 25px;    margin-bottom: 10px;}

.free-trial-content form .input-newsletter {    display: block;    width: 75%;    height: 45px;    color: #ffffff;    border: none;    outline: 0;    background-color: #333333;    border-radius: 30px;    padding-left: 20px;}

.free-trial-content form button {    position: absolute;    right: 0;    top: 0;    outline: none;    height: 45px;    border: none;    padding: 0 30px;    line-height: 45px;    background-color: #ffffff;    border-radius: 30px;   -webkit-transition: 0.5s;    transition: 0.5s;    color: #333;    font-size: 16px;    font-weight: 600;}

.about-page h2 { text-align: center;    padding-bottom: 22px; position: relative;}

.about-page h2:after{position: absolute; content: '';    left: 48%;    bottom: 0;    width: 50px;    height: 3px;    background-color: #000;   top: 45px;}

.pricing-part h2{text-align: center;  position: relative; color: #fff;     margin-bottom: 0px;font-size: 30px;}

.pricing-part h2:after{position: absolute; content: '';    left: 48%;    bottom: 0;    width: 50px;    height: 3px;    background-color: #000;   top: 45px;}

.testimonial {    padding: 50px 0px;    background: url(images/client.png)no-repeat;    background-attachment: fixed;    background-size: cover; }

.item-client img {    border-radius: 50%;    width: 10%;}

.item-client p {    text-align: center;    padding-left: 150px;    padding-right: 150px; }

.item-client {    text-align: center;}

p.client-name {  padding-bottom: 0px;    font-size: 20px;    margin-bottom: 0;}

.contain p {    text-align: center;    color: #000;    padding-left: 160px;    padding-right: 160px;}

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

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

section.our-partner {    padding: 50px 0;}

.border-gray { text-align: center;     border-right: 1px solid #e8e8e8;}

.footer_third{	    position: relative;    background: #22262e;    color: #d4dae3;}

.contacts {    background: #068498;}

.info-box {    margin: 20px 0;    padding: 0 15px;    position: relative;    display: inline-block;    text-align: center; width: 100%;}

.contacts .info-box .icons, .contacts .info-box li, .contacts .info-box strong {    color: #fff;}

.contacts .info-box .icons, .contacts .info-box ul {    display: block;}

.contacts .info-box .icons, .contacts .info-box li, .contacts .info-box strong{ color:#fff;}

.footer_fourth .contacts .info-box .icons, .footer_fourth .contacts .info-box li, 

.footer_fourth .contacts .info-box strong{ color:#000;}

.info-box i {    font-size: 45px;}

.padding_top {    padding-top: 80px;}

.footer_third p{color: #d4dae3; margin-bottom: 6px;}

.footer_third a{color: #d4dae3; font-family: 'Quicksand', sans-serif;}

.footer_third .heading {    padding-bottom: 8px;    border-bottom: 1px solid #6379a7;}

 .footer_third .footer_panel h4{color: #d4dae3; font-size: 18px;}

 .footer_third .heading {    padding-bottom: 8px;    border-bottom: 1px solid #6379a7;}

ul.links li {    line-height: 32px;}

.search {    border: medium none;    color: #dbdbdb;  width: 217px;  font-size: 12px;    height: 40px;    padding-left: 15px;    position: relative;       border-top-left-radius: 4px;    border-bottom-left-radius: 4px;}

.button_s {      background: #02c3e1;    border: medium none;    display: inline-block;    height: 40px;    left: 232px;    line-height: 38px;    margin-top: 0;    position: absolute;   text-align: center;    width: 40px;    font-size: 22px;    border-top-right-radius: 4px;    border-bottom-right-radius: 4px;}

.company-side {    text-align: center;    margin: 0px auto;        padding-top: 8px;    padding-bottom: 0;}

a.logo.bottom30 {    font-size: 30px;}

.copyright_simple {    background: #000000;    padding: 0px 0 0 0;    margin-top: 25px;}

.company-side p {    color: #fff;        text-align: center;}

.company-side a {    color: #fff;    font-weight: bold;}

footer:before {    position: absolute;    content: '';    background: url(images/footer-pattern.png);    top: 35px;    width: 100%;    min-height: 322px;    background-repeat: no-repeat;}

.coloring a {    color: #fff;}

.molecule img {    width: 86%;}

.aboutImg{position:relative; text-align:right;}

.about-wrap h3{font-size:24px; color:#fff; background:#f39c11; display:inline-block; text-shadow: 1px 2px 3px rgba(10,10,10,.14); padding:30px 70px; position:absolute; bottom:30px; left:80px; border:8px solid #fff;}

.about-wrap h3 span{display:block;}

.about-wrap .readmore{text-align:left;}

.about-wrap .title{margin-bottom:30px;}

.about-wrap .title h1{font-size:36px;}

.about-wrap .readmore{margin-top:30px;}

.about-wrap .readmore a{padding:15px 34px; font-size:16px; text-transform:uppercase; background:#151719; color:#fff; display:inline-block;}

.about-wrap .readmore a:hover{background:#ff5e14; color:#fff;}

.about-wrap .title{text-align:left;}

.about_right p {    padding-bottom: 12px;}

.about-wrap .title p{font-size:24px; text-align:left; padding:0; margin-bottom:0;}

.about-wrap .title h1:before{margin:0; left:0;}

.readbtn a {    text-decoration: none;    border-radius: 30px;    font-weight: bold;    text-transform: uppercase;   background-color: #02c3e1;   padding: 15px 30px;    color: #fff;   display: inline-block;    font-size: 14px;    display: inline-block;}

.readbtn a:hover {    color: #fff;    background: #000;}

.title-about h1:before {    content: "";    background: #26247b;    width: 40px;    height: 2px;    position: absolute;    bottom: 0;    left: 4%;    margin-left: -20px;}

.title-about h1 {    font-size: 35px;    position: relative;     margin-bottom: 25px;}

.title-about p {    margin-bottom: 0; padding-bottom: 15px;}

.about_right p { line-height: 25px;}

.breadcrumbs {position: relative;    padding: 200px 0 200px 0;    background: #a733bb;    background: url(images/bg-banner.png);    background-attachment: fixed;    background-position: 100% 50%;    background-size: cover;    /*background: -moz-linear-gradient(left,#ffb42a 0%,#d12f00 100%);    background: -webkit-linear-gradient(left,#ffb42a 0%,#d12f00 100%);    background: linear-gradient(to right,#ffb42a 0%,#d12f00 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02d7a5',endColorstr='#12eadc',GradientType=1);*/}

.breadcrumbs .title {    font-weight: 600;    color: #fff;    margin-bottom: 0;}

.breadcrumbs li {    list-style-type: none;    color: #fff;    font-weight: 600;    letter-spacing: 1px;}

.d-inline {    display: inline!important;}

.breadcrumbs ul li.active {    color: #fff;}

.breadcrumbs li {    list-style-type: none;    color: #fff;    font-weight: 600;    letter-spacing: 1px;}

.breadcrumbs-after {    bottom: -2px;    left: 0;    width: 100%;    height: 100px;    position: absolute;    z-index: 9;}

li.d-inline a {    color: #fff;}

.sitemap{padding: 50px 0px;}

.sitemap-list li a{color: #333; transition: 0.5s;}

.sitemap-list li a:hover{padding-left: 5px;}

.sitemap-list ul ul li a{font-size: 14px; padding-left: 10px; }

.sitemap-list ul li { line-height: 35px;}

.sitemap-list { border-right: 1px solid #ccc;}

.quick-form {    text-align: center;    background-color: #068498;    padding: 15px;    padding-bottom: 423px;    margin-bottom: 25px;}

.quick-form h3 {    font-size: 30px;    padding-bottom: 25px;}

.quick-form h3 {    color: #fff;}

.side-filed {    padding: 0px;}

.form-side input {    border: none;}

.side-filed input {    width: 100%;    height: 35px;    margin-bottom: 15px;    padding-left: 10px;}

.side-filed textarea {    width: 100%;    resize: none;    height: 150px;    outline: none;    padding-left: 10px;    padding-right: 15px;    padding-top: 10px;    border: none;    margin-bottom: 12px;}

.submit-btn-side input {    text-transform: uppercase;    background: #22262e;    color: #fff;}

.side-filed input {    width: 100%;    height: 35px;    margin-bottom: 15px;    padding-left: 10px;}

.form-side input {    border: none;}

.side-filed.submit-btn-side input {    padding-left: 0px !important;}

section.contact-address {   padding: 50px 0;}

.form-heading span {    position: relative;    padding-bottom: 50px;    font-weight: 500;    font-size: 30px;    text-align: left;}

.form-heading span:after {    background-color: #cd1f1b;    position: absolute;    content: '';    width: 50px;    height: 2px;    left: 0%;    right: 0px;    top: 41px;}

.field input {    width: 100%;    padding-left: 15px;    height: 40px;    margin-bottom: 20px;    border: 1px solid #eee;}

.full-field input {    width: 100%;    padding-left: 15px;    height: 40px;    margin-bottom: 20px;    border: 1px solid #eee;}

.full-field textarea {    width: 100%;    resize: none;    height: 190px;    padding-left: 15px;    padding-top: 15px;    border: 1px solid #eee;    margin-bottom: 20px; outline: none;}

.contact-btn input {    border: none;    background: #ffb42a;    color: #fff;    width: 100%;    height: 50px;    text-transform: uppercase;    font-weight: 600;    font-size: 17px;    font-family: 'Lato', sans-serif;}

.form-with-map {    padding: 50px 0px;    background-color: #f9f9f9;}

.address_inner {    border: 1px solid #eee;    padding: 15px;    text-align: center;    min-height: 162px;}

.address_inner i {    font-size: 2em;    padding-bottom: 15px;     margin-right: 10px;}

.address_inner span {    font-size: 20px;   font-weight: 600;}

.address_inner p {    color: #777777;}

.address-type a {    color: #777777;    font-size: 16px;}

.form-heading h2 {    padding-bottom: 30px;}

.map-contact h3 {    padding-bottom: 30px;}

#customers {border-collapse: collapse;  width: 100%;}

#customers td, #customers th {border: 1px solid #ddd; padding: 8px; font-weight: 600; font-size: 15px;}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #ffaf27;  color: white; font-size: 16px;}

.table-type{padding: 50px 0px;}

p.pb-3 {    padding-bottom: 15px;}



/*-----------------*/

/***** Apollo *****/

/*-----------------*/



figure.effect-apollo {	background: #3498db;}

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

.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%;    max-height: auto;    width: 100%;    height: auto;    background: #000;    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: 30px;	-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%;}

.ttm-row{ padding: 50px 0;}

.section-title{ position: relative; }

.section-title h5{    font-weight: 500;    text-transform: capitalize;    font-size: 16px;    line-height: 23px;    margin-bottom: 5px;}

.section-title h2.title{    font-size: 34px;    line-height: 44px;    margin-bottom: 0;}

.section-title h2.title span{    font-style: italic;      font-weight: 700;     font-family: 'Playfair Display', serif;     letter-spacing: 1.2px;}

.section-title .title-desc{    font-weight: 400;    font-size: 15px;    line-height: 25px;    margin-bottom: 15px;    color: #6e6e6e;}

.section-title.with-desc .title-header{margin-bottom: 18px;}

.section-title .title-header{     margin-bottom: 30px;    position: relative;}

.section-title.with-desc .title-header:before{    width: 52px;    bottom: -20px;    height: 4px;    left: 0;    top: auto;    position: absolute;    content: '';    border: 4px solid transparent;    border-bottom: 0;}

.section-title.with-desc.text-center .title-header:before{left: 50%;margin-left: -26px;}

.section-title.text-left.with-desc .title-header:before{left: 0; margin-left: 0;}

.section-title.style2 {margin-bottom: 40px;}

.section-title.style2 .title-header{    width: 52%;    padding-right: 80px;   margin-bottom: 0;}

.section-title.style2 .title-header:after {    content: "";    right: 55px;    height: 90%;    position: absolute;    top: 10%;    width: 1px;    border-right-width: 1px;    background-color: #f0f0f0;}

.section-title.style2 .title-header,.section-title.style2 .title-desc{    display: table-cell;    vertical-align: middle;}

.row-title h2.title {    font-size: 40px;    line-height: 52px;    margin-bottom: 0px;    padding: 0;    text-transform: capitalize;}

.section-title.row-title .title-header{margin-bottom: 20px;}

.ttm-processbox-wrapper {    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    position: relative;    padding-top: 8px;}

.ttm-processbox-wrapper .ttm-processbox {    width: calc(100% / 3);    padding: 0 15px;    position: relative;    text-align: center;}

.ttm-processbox-wrapper .ttm-processbox .ttm-box-image {    border: 3px solid #f0f0f0;    border-radius: 50%;    margin-bottom: 35px;    position: relative;    display: inline-block;    transition: all .4s ease-in-out;    -moz-transition: all .4s ease-in-out;    -webkit-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;}

.ttm-processbox-wrapper .ttm-box-image  img {    border: 10px solid #fff;    box-shadow: 0 0 9px 0 rgba(24,35,51,.09);    border-radius: 50%;    transition: all .4s ease-in-out;    -moz-transition: all .4s ease-in-out;    -webkit-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;    height: 185px;    width: 185px;}

.ttm-processbox-wrapper .ttm-processbox .ttm-box-image:before {    display: block;    content: '';    position: absolute;    right: -95px;    top: 45%;    height: 22px;    width: 72px;    background-image: url(images/process-arrow.png);    background-repeat: no-repeat;}

.ttm-processbox-wrapper .ttm-processbox .process-num {    margin-right: 5px;    font-size: 16px;    font-weight: 500;    background-color: #02c3e1;    color: #fff;    width: 40px;    height: 40px;    line-height: 41px;    border-radius: 50%;    border: none;    display: block;    text-align: center;    position: absolute;    left: 50%;    margin-left: -20px;    bottom: -15px;    z-index: 10;    transition: all .2s ease-in-out;    -moz-transition: all .2s ease-in-out;    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;}

.ttm-processbox-wrapper .featured-content {    text-align: center;    padding: 0 15px;}

.ttm-processbox-wrapper .ttm-processbox .featured-title h5 {    margin-bottom: 10px;    font-size: 22px;    font-weight: 800;}

.ttm-processbox-wrapper .ttm-processbox:last-child .ttm-box-image:before{content:unset}

.ttm-quote-form .form-group{margin-bottom: 30px;}

.form-group .input-group-icon{ position: absolute; top: 8px; left: 17px; font-size: 16px; color: #4d5257;}

.ttm-quote-form .form-control.with-white-bg{border:none;background-color: #fff;}

.ttm-quote-form .form-control.with-grey-bg{border:none;background-color: #f7f9fb;}

.ttm-contact-form .form-group{    margin-bottom: 20px;    display: block;    padding-top: 0;}

.ttm-contact-form input[type="text"], .ttm-contact-form input[type="email"], .ttm-contact-form textarea {    background-color: #363554;    border: 1px solid #f7f9fe;    color: #fff;    padding: 18px 15px;}

.ttm-bg{ position: relative;}

.ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes{ height: 100%; z-index: 9;}

.ttm-bg-layer , .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer,

.ttm-bg-layer .ttm-bg-layer-inner {    position: absolute;    height: 100%;    width: 100%;     top: 0;    left: 0;}

.ttm-left-span .ttm-col-wrapper-bg-layer {    width: auto;    margin-left: -100px;    right: 0;}

.ttm-right-span .ttm-col-wrapper-bg-layer {    width: auto;    margin-right: -100px;    right: 0;}

.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer,

.ttm-bg.ttm-col-bgimage-yes .ttm-bg-layer-inner { opacity: .90; }

.layer-content{ position: relative ; z-index: 9; height: 100%; }

.bg-layer > .container > .row { margin: 0; }

.bg-layer > .container > .row > [class*='col-'] ,

.bg-layer > .container-fluid > .row > [class*='col-'] { padding: 0; }

.ttm-bg.ttm-bgcolor-grey:not(.ttm-col-bgcolor-yes)>.ttm-bg-layer,

.ttm-bg.ttm-bgcolor-grey:not(.ttm-col-bgcolor-yes)>.ttm-bg-layer .ttm-bg-layer-inner {    opacity: .7;}

.ttm-bg.ttm-bgcolor-darkgrey>.ttm-bg-layer,.ttm-bg.ttm-bgcolor-darkgrey>.ttm-bg-layer .ttm-bg-layer-inner{    opacity: .8;}

.ttm-btn.ttm-btn-size-md { font-size: 14px;    padding: 10px 30px 10px 30px; color: #fff;   background: #02c3e1;    border: none;}

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right { padding-right: 48px; }

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left{ padding-left: 48px; }

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left i{ left: 20px;}

.ttm-btn.ttm-btn-size-md i {    font-size: 11px;    height: 11px;    line-height: 1;    right: 20px;}

.image-side img {    width: 100%;}

.ttm-box-description {    color: #000;}

.form-group input::placeholder { color: #fff; opacity: 1; /* Firefox */}

.form-group textarea::placeholder{color: #fff; opacity: 1;}

form.top30 i {    color: #fff;}

/* Modal Form*/

.modal-content{border-radius: 0;}

.modal-header{ padding: 10px 15px; background: #02c3e1; color: #fff;}

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

.modal_btn:hover,.modal_btn:focus{background: #ffb401; color: #fff;}

.form-group textarea {height: 100px !important;}

/*button.close {    position: relative;    left: 88%;}*/

button.close {    position: absolute;    right: 12px;    z-index: 999999999999;    top: -4px;}

span.modal-title {    display: block;    text-align: center;    width: 100%;}

.mobile-menu {    display: none;}

/* Send Enquire */

.enquiry{position: fixed;z-index: 1000;bottom: 28px;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: #02c3e1;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

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

.enquiry strong:hover{ color:#072c50; background: #eee;}

/*Whats App*/

.whats-app-icon img {    position: fixed;    bottom: 103px;    left: 18px;    cursor: pointer;    transition: 0.5s;    z-index: 99999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}

/*Action*/

.action{    position: fixed;    bottom: 175px;    left: 18px;    width: 50px;    height: 50px;    cursor: pointer;    background-color: #fff;    border-radius: 50%; z-index: 99;   box-shadow: 0 5px 5px rgb(0, 0, 0, 0.1);}

.action span{position: relative; width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; color: #02c3e1; font-size: 2em; transition: 0.3s ease-in-out;}

.action:active span{transform: rotate(135deg);}

.action ul{position: absolute; bottom: 55px; background-color: #fff; min-width: 250px; padding: 20px; border-radius: 20px; opacity: 0; visibility: hidden; transition: 0.3s;}

.action.active ul{opacity: 1; visibility: visible; transition: 0.3s; bottom: 65px;}

.action ul li{list-style-type: none; display: flex; justify-content: flex-start; align-items: center; transition: 0.3s;  font-size: 16px; font-family: 'Quicksand', sans-serif;}

.action ul li:hover{font-weight: 600;}

.action ul li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.action ul li img{margin-right: 10px;opacity: 0.2;transform: scale(0.8); width: 25%;}

.action ul li:hover img{opacity: 0.8;}

.common-banner{
    background:linear-gradient(rgb(0 0 0 / 45%), rgb(0 0 0 / 47%)), url(../../public/images/b.webp);
    padding: 135px 0px 125px 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-title h1 {   padding-bottom: 15px;    color: #fff;}

ul.d-block-item li {    display: inline-block;    color: #ddd; margin-right: 5px;}

ul.d-block-item li a{color: #fff;}

ul.d-block-item li i{color: #fff;}

.dark-bg {    background: #f9f9f9;}

.pb-5, .py-5 {    padding-bottom: 3rem!important;}

.pt-5, .py-5 {    padding-top: 3rem!important;}

.form-side .white-wrap{position: static !important;}

section.our-product {padding-top: 100px; padding-bottom: 150px;}

.form-side textarea {    height: 100px !important;}

.full-text p{line-height: 30px;}

.our-products{padding-top: 150px; padding-bottom: 100px;}

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: 10px 1%;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;        background-image: linear-gradient(to right, #02c3e1 , #3a376c);    text-align: center;    cursor: pointer;}

.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }

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

.our-products {    padding-top: 50px;    padding-bottom: 100px;    background: #f9f9f9;}

.grid span {    font-size: 22px;    font-weight: 700;}

.product-details{padding-top: 100px;}

.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: 26px;    color: #777;}

.products-fill { border-right: 1px solid #ccc;}

.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px; border-bottom: 20px solid #02c3e1;}

.box-listing h4{color: #fff;     background-image: linear-gradient(to right, #02c3e1 , #02c3e1);	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-color: #02c3e1; 	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: #02c3e1;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, #f0ab39 , #f0ab39); color: #fff;}

.box-listing a { color: #333;}

.listing-product h2 {font-size: 25px; padding-bottom: 8px;}

.listing-product h3 {font-size: 25px;    padding-bottom: 10px;}

.listing-product h4{font-size: 25px;    padding-bottom: 10px;}

.listing-product h5 {    padding-top: 25px;    padding-bottom: 10px;    font-size: 25px;}

.listing-product li{    font-size: 15px;  padding-left: 20px;  line-height: 18px; background: url(images/icon.png)no-repeat;  background-position: 0% 18%;}

.white-wrap {    border-radius: 10px;    box-shadow: 0px 5px 10px #ccc;    position: absolute;    bottom: -130px;}

button.orange {background-image: linear-gradient(to right, #02c3e1 , #02c3e1);    border: none;    transition: 0.5s;    line-height: 30px;    width: 100%;}

.white-wrap span {    font-size: 25px; } 

.social-media-item i.fab.fa-youtube{left: -2px;}

a.btn.youtube:hover::before{background: red;}

.icon_box {    padding: 30px;    z-index: 9;    margin-top: 30px;    transition: all 0.5s ease-in-out;    min-height: 248px;}

.contact-area {    overflow: hidden;    position: relative; background: url(images/map.png);}

.contact-bg-image {    position: absolute;    left: 0;    right: 0;    top: 65%;    -webkit-transform: translateY(-65%);    transform: translateY(-65%);    text-align: center;    z-index: -1;    margin-left: auto;    margin-right: auto;}

.section-title {    text-align: center;    position: relative; }

.section-title .sub-title {   text-transform: uppercase;    display: block;    color: #ff1949;    font-weight: 500;    margin-bottom: 10px;}

.section-title h2 {    margin-bottom: 10px;    font-size: 37px;    font-weight: 700;}

.section-title p {    max-width: 620px;    line-height: 1.8;    margin-left: auto;    margin-right: auto;}

.contact-form {    text-align: right;}

.contact-form {    background-color: #ffffff; border-radius: 5px;    padding: 50px;    max-width: 850px;    margin-left: auto;    margin-right: auto;}

#contactForm .form-group .form-control {    height: 50px;    border-radius: 5px;}

.form-control {padding: 0 12px 0 12px;}

.form-control {height: 48px;    padding: 0 0 0 12px;    line-height: initial;    color: #252525;   background-color: #ffffff;    border: 1px solid #e6e9fc;    border-radius: 3px;    -webkit-transition: 0.5s;    transition: 0.5s;    font-size: 15px;    font-weight: 400;}

#contactForm .default-btn {    border-radius: 30px;    margin-top: 10px;}

.default-btn .icon-arrow.before {    left: 20px;    position: absolute;    -webkit-transform-origin: left center;    transform-origin: left center;}

.default-btn .icon-arrow {    color: #ffffff;    top: 11px;    -webkit-transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    font-size: 25px;}

.default-btn .label {    display: inline-block;    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);}

.default-btn .label, .default-btn .icon-arrow {    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -webkit-transform: translateZ(0);    transform: translateZ(0);    -webkit-perspective: 1000;    perspective: 1000;}

#contactForm .default-btn {    border-radius: 30px;    margin-top: 10px;}

button.default-btn.text-white {    padding: 12px 20px 12px 20px;    text-align: center;    float: left;    width: 100%;        background-image: linear-gradient(to right, #3a376c , #3a376c);}

.form-group textarea {    height: 150px !important;    padding-top: 10px;}

.two-links a {    background: #02c3e1;    padding: 12px 20px 12px 20px;    border-radius: 5px;}

span.modal-title.large-row {    background: #27257c;    font-size: 30px;    font-weight: bold;    color: #fff;}

.product_popup h6 {    font-size: 25px;    color: #3a376c;}

.two-links button { background: #02c3e1;  border: none;  border-radius: 5px;    cursor: pointer;   padding: 9px 24px;}

.small-link a {    display: block;}

.small-link a:hover{color: #fff !important;}

.p-4 {    padding: 1.5rem!important;}

.text-body {    color: #212529!important;}

.font-weight-bold {    font-weight: 700!important;}

.text-center {    text-align: center!important;}

.mb-3, .my-3 {    margin-bottom: 1rem!important;}

.d-block {    display: block!important;}

.form-group .form-control {    -webkit-box-shadow: none;    box-shadow: none;    border: 1px solid #dee2e6;   font-size: 13px;    border-radius: 10px;    -webkit-transition: all 0.5s ease;    transition: all 0.5s ease;    padding-left: 12px;    resize: none;}

section.plain-text {    padding: 50px 0;}

.list-inline-item {    display: inline-block;}

.form-side input::placeholder{color: #333 !important;}

.form-side textarea::placeholder{color: #333 !important;}

.mt-4, .my-4 {    margin-top: 1.5rem!important;}

.text-white{color: #fff;}

.p-2 {    padding: .5rem!important;}

.product_popup_image img {    margin-bottom: 15px;}

.two-links li a:hover {    color: #fff;}

form#quick_enquiry_one input::placeholder{color: #333 !important;}

form#quick_enquiry_one textarea::placeholder{color: #333 !important;}

.w-100 {    width: 100%!important;}

.rounded {    border-radius: .25rem!important;}

.title-realated span{background: #02c3e1; font-size: 25px;}

a.btn-related {    background: #02c3e1;    padding: 10px; transition: 0.5s;}

a.btn-related:hover{background: #000000 !important; color: #fff;}

.mb-5, .my-5 {    margin-bottom: 3rem!important;}

.for-text-type span {    font-size: 20px; margin-bottom: 10px;}

.for-text-type p {    padding-bottom: 12px;    line-height: 22px;}

.listing-product ul {    margin-bottom: 30px;}



.color-site {background: #02c3e1; line-height: 28px; margin-bottom: 12px;}

.sitema-links-item h2 {    font-size: 25px; padding-bottom: 15px;}

.sitema-links-item h3{ font-size: 25px; padding-bottom: 15px;}

.sitema-links-item h4{ font-size: 25px; padding-bottom: 15px;}

.skin-color {    background: #1a1773;}

.black-color {    background: #000;}

.pb-2, .py-2 {    padding-bottom: .5rem!important;}

.parent-divison {    margin-top: 28px;}

.product_popup h6 {    padding-bottom: 10px;}



.our-presence {    padding: 50px 0;}

.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}

ul.coloring li a {  background: #02c3e1; 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; margin-bottom: 15px; line-height: 35px;}

.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, #02c3e1 , #02c3e1);  -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, #02c3e1,  #000);  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);}

.sitemap-link {    background: #f9f9f9;}

.box{    border-radius: 15px;    overflow: hidden;    position: relative;}

.box:before{    content:"";    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 35%, transparent 65%, rgba(0,0,0,0.8) 100%);    width: 100%;    height: 100%;    opacity: 0;    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition: all 0.4s ease 0.3s;}

.box:hover:before{ opacity: 1; }

.box img{    width: 100%;    height: auto;    transition: all 0.4s linear;}

.box:hover img{ opacity: 0.8; }

.box .box-content{    transform: translateY(-50%);    width: 100%;    position: absolute;    top: 50%;    left: 0;    z-index: 2;}

.box .inner-content{    color: #fff;    background: rgba(214,48,49,0.9);    text-align: center;    width: 90%;    padding: 10px;    border-radius: 0 10px 0 0;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);    transform: translateX(-100%);    transition: all 0.4s ease-in-out 0.2s;}

.box:hover .inner-content{ transform: translateX(0); }

.box .title{    font-size: 22px;    font-weight: 600;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0;}

.box .post{    font-size: 16px;    text-transform: capitalize;    font-style: italic;}

.box .icon{    background: rgba(255,255,255,0.9);    width: 70%;    padding: 7px 10px;  margin: 0;    list-style: none;   border-radius: 0 0 0 10px;    transform: translateX(150%);    transition: all 0.35s ease 0.2s;}

.box:hover .icon{ transform: translateX(50%); }

.box .icon li{    display: inline-block;    margin: 0 2px;    transform:translateX(350px);    transition: all 0.35s;}

.box:hover .icon li{ transform: translateX(0); }

.box:hover .icon li:nth-child(1){ transition-delay: 0.3s; }

.box:hover .icon li:nth-child(2){ transition-delay: 0.4s; }

.box .icon li a{    color:#fff;    background-color: #B7B7B7;    font-size: 19px;    text-align: center;    line-height: 35px;    height: 35px;    width: 35px;    border-radius: 15px;    display: block;    transition: all 0.35s;}

.box .icon li  a:hover{ background-color: #333; }

@media only screen and (max-width:990px){

.box { margin: 0 0 30px; }

}

.contact_main{	text-align:center;	border:1px solid #e2e2e2;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	    min-height: 348px;}

.contact_main h4{font-size: 30px;    margin-top: 30px;    color: #068498;    margin-bottom: 30px;    text-transform: capitalize;}

.contact_main p{ text-align: center; 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: #02c3e1;}

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

.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 { padding:0;	-webkit-border-radius: 0;   -moz-border-radius: 0;    border-radius: 0; }

.contact_field_wrapper{	   background-image: url(images/cntct_bg.jpg);   background-position: center 0;    background-size: cover;    position: relative;     padding: 40px 240px 40px 240px !important;}

.tb_es_btn_wrapper  button{    width: 100%;    height: auto;     background: #0f4a36;   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: transparent;    color: #333; 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: #0f4a36;}

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

iframe{display: block;}

.map-iframe {    padding: 0;}

.jb_heading_wraper {    text-align: center;    padding-bottom: 30px;}

.contact_field_wrapper input::placeholder{color: #333 !important;}

.contact_field_wrapper textarea::placeholder{color: #333 !important;}

form#ttm-contact-form input::placeholder{color: #fff !important;}

form#ttm-contact-form textarea::placeholder{color: #fff !important;}

.margin-part {    margin-top: 20px;}

.margin-part p {    text-align: center;}

ul.nav-dropdown.nav-submenu {    height: 500px !important;    overflow-y: scroll;}

ul.footer-links {    column-count: 2;}

table {  border-collapse: collapse; width: 100%;}

td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}

tr:nth-child(even) {  background-color: #f5f5f5;}
tr:nth-child(odd) {  background-color: #ffffff;}

figure.effect-apollo img {    height: 346px;    object-fit: contain;    width: 100%;}
figure.effect-jazz img {    height: 346px;    object-fit: contain;    width: 100%;}
.zoom-effect img {    height: 346px;    object-fit: unset;    width: 100% !important;}
.zoom-effect img {    height: 346px;    object-fit: unset;    width: 100% !important;    margin-bottom: 22px;border: 1px dotted;}
.details-product {    margin-bottom: 25px;}
table.last-border td {    border: none !important;}

.about_right h2 {    padding-bottom: 15px;}
.about-page h2 {    text-align: left;  font-size: 31px;}
.full-text p {    padding-bottom: 10px;}
/*.under-img img{width: 60% !important;}*/
/*.under-img{text-align: center;}*/
/*.under-bottom img {    width: 25%;}*/
.under-img-part li {    display: inline-block;    width: 40% !important;}
.under-bottom img {    width: 85%;}
table.last-border tr {
    background: transparent !important;
}
/*table tr td p {    color: #0f0e1d;    font-weight: 600;}*/
.under-bottom {    padding-bottom: 30px;}
.table-data table {    margin-top: 12px;	margin-bottom: 10px;}
.under-bottom ul li {    width: 26% !important;}
.listing-product p strong {    color: #2e2b80;}
span.bold-office {  font-weight: bold; font-size: 23px; margin-bottom: 15px !important; display: block !important;}
h4.margin-padding-part {    padding: 0 !important;    margin: 0 !important;}
span.bold-office {    text-align: center;}
.listing-product ul li {    margin-bottom: 15px;}
.about_right ul li {
    list-style: disc;
    margin-left: 24px;
}