@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('css/animate.css');
@import url('css/ma5-menu.min.css');
@import url("css/responsive.css");
:root{--blueColor: #289bd3; --YellowColor: #ec276e;}
::selection{background: var(--YellowColor); color: #fff;}
/*Custom CSS*/
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;      font-family: "Bricolage Grotesque", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;     font-family: "Bricolage Grotesque", sans-serif;}
a{font-size: 15px;    font-family: "Bricolage Grotesque", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;    font-family: "Bricolage Grotesque", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;      font-family: "Bricolage Grotesque", sans-serif; transition: 0.5s;}
span{padding: 0px; margin: 0px;     font-family: "Bricolage Grotesque", sans-serif;}
input{    font-family: "Bricolage Grotesque", sans-serif;}
textarea{    font-family: "Bricolage Grotesque", sans-serif;}
input:focus{outline: none;}
textarea:focus{outline: none;}
/*Start*/
header { position: relative; background-image: url(img/menu-background-rainbow.png),   linear-gradient(90deg,   rgba(199, 26, 88, 1) 0%,   rgba(199, 26, 88, 1) 20%,   rgba(199, 26, 88, 1) 25%,   rgba(199, 26, 88, 1) 30%,   rgba(199, 26, 88, 1) 40%,   rgba(199, 26, 88, 1) 45%,   rgba(199, 26, 88, 1) 60%,   rgba(199, 26, 88, 1) 70%,   rgba(199, 26, 88, 1) 100%);    background-repeat: repeat-x;    background-position: center bottom;    margin: 0;    font-size: 0;    padding: 10px 0 0px 0;    min-height: 34px;    border-bottom: 10px solid #fff;}
.search-bar {    text-align: center;    display: block;    width: 100%;   position: relative;}
.search-bar input {    width: 100%;    padding: 10px;    color: #102a62;    border: solid 2px #ccc;    border-radius: 4px;    font-size: 16px;}
.search-bar input:focus{outline: none;}
.search-bar button {    position: absolute;    right: 25px;    background: transparent;    border: navajowhite;    top: 7px;    font-size: 22px;}
.search-bar button:focus{outline: none;}
.search-bar button i {   color: var(--blueColor);}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #fff;  text-transform: uppercase;  padding: 20px 12px; position: relative;  z-index: 1;  margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}
.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: var(--blueColor);   position: absolute;  border: none;  top: 80px;  left: 0;  width: 300px;  z-index: 9999;  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: 15px;  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:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }
.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{padding: 0px;}
img.small-roller { left: 13px;    width: 11%;    top: -4px;}
/*.navbar-area {   position: absolute;    top: -68px;    left: 29%;}*/

ul.dropdown-menu::-webkit-scrollbar {  width: 10px;}
ul.dropdown-menu::-webkit-scrollbar-track {  background: #f1f1f1; }
ul.dropdown-menu::-webkit-scrollbar-thumb {  background: #888; }
ul.dropdown-menu::-webkit-scrollbar-thumb:hover {  background: #555; }
ul.dropdown-menu {max-height: 450px; overflow-y: scroll;}
img.brush-design {    position: relative;    top: 19px;    z-index: 99;    transform: rotate(180deg);}
.about-us p {    line-height: 25px;}
.exqute-seperator img{opacity: 0.2;}
/*icons from https://iconmonstr.com*/
.cursor-prev {  cursor: url(img/brush.png), auto;  cursor: url(img/img/brush.png) 16 16, auto;}
.cursor-next {  cursor: url(img/brush.png), auto;  cursor: url(img/img/brush.png) 16 16, auto;}
#toTop {position: fixed;    bottom: 50px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}

.our-solutions{background: var(--blueColor);}
img.solution-design {    top: -53px;    transform: rotate(180deg);}

.solutions_box img {    display: block;    margin: 0px auto;}
.solutions_box span {    font-size: 18px;    color: #fff;    font-weight: 500;}
img.solution-design-down {    top: 49px;}
img.brush-design-slider {    top: -25px;}

.counsel-box{    position: relative;  padding: 0px 0 0px 0;  background: #fff;}
.counsel-box .counselin{z-index:99;position:relative;padding:75px 0;background:#fff;-webkit-box-shadow:0 7px 14px 3px #E4E4E4;box-shadow:0 7px 14px 3px #ccc;}
.counsel-box h2{text-align:center}
.counsel-box p{text-align:center}
.counsel-box .steps{padding:50px 8%;overflow:hidden}
.counsel-box .step{font-size:20px;color:#000;padding-left:55px;position:relative;width:33%;float:left}
.counsel-box .step span{font-weight:600;font-size:36px;display:block}
.counsel-box .step.paint span{color:#ff8536}
.counsel-box .step.colour span{color:#ff5979}
.counsel-box .step.long span{color:#facf49}
.counsel-box .number{line-height:65px;font-size:80px;color:#dfdfdf;position:absolute;left:0;top:0}
.counsel-box .from-part{padding:0 4%;overflow:hidden}
.counsel-box .form-div{width:22.5%;margin-right:2.5%;float:left}
.counsel-box input{border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px;width:100%}
.counsel-box button{margin-top:30px; transition: 0.5s;}


.common-button {    display: inline-block;    cursor: pointer;    border: none;    padding: 20px 44px;    font-size: 18px;    color: #fff;    font-weight: 600;    background:var(--blueColor);   -webkit-border-radius: 30px;    border-radius: 30px;}
.counsel-box button {    margin-top: 30px;}
.counsel-box button:focus {outline: none;}
.form-div input:focus{outline: none;}
.form-div-select select{    border: none; border-bottom: 1px solid #dedede; color: #5e5e5e;  padding-bottom: 15px;  width: 100%;}
.form-div textarea{width: 100%;}
.form-div-textarea textarea {border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px;width:100%; height: 100px; padding-top: 10px;}
.form-div-textarea textarea:focus{outline: none;}

.meter-img img {    width: 38%;}
.meter-img {    right: 55px;    bottom: 0;}

.ziehharmonika span {color: #fff;	display: block;	text-align: left;	padding: 10px 0px;	cursor: pointer;	margin-top: 0;	font-size: 18px;	margin-bottom: 9px;	padding-right: 40px;	transition: 0.25s all;	position: relative; border-bottom: 1px solid #fff;}
.ziehharmonika span.active {color: #fff;	background: transparent;}
/*.ziehharmonika span::before {	content: attr(data-prefix);	font-size: 30px;	margin-right: 9px;}*/
.ziehharmonika span.alignLeft {	padding-left: 35px;}
.ziehharmonika > div {	display: none;	background: #0085b3;	border-radius: 4px;	text-align: left;	padding: 31px 33px;	margin-bottom: 9px;}
.ziehharmonika .arrowDown {	width: 0;	height: 0;	border-style: solid;	border-width: 13.0px 7.5px 0 7.5px;	border-color: #272e35 transparent transparent transparent;	position: absolute;	bottom: 0;	left: 40px;	transition: 0.25s all;	opacity: 0;}
.ziehharmonika .active .arrowDown {	bottom: -13px;	border-color: #fff transparent transparent transparent;	opacity: 1;}
.ziehharmonika .collapseIcon {	position: absolute;	right: 20px;	top: 45%;	font-size: 35px;	font-weight: 300;	-ms-transform: translate(0, -50%);	    transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {	right: initial;	left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
.home-faqs {      background-image: linear-gradient(to right, #006f9a, #0085b9);}
.ziehharmonika p {    color: #fff; font-size: 15px;}
.ziehharmonika ul li {  color: #fff;  line-height: 30px;}
.ziehharmonika p {  margin-bottom: 10px; text-align: justify;}
.about-img {    width: 350px;    float: left;}
img.brus-faqs-design {    border: 0;    width: 42%;    left: 0;    top: 0;    opacity: 0.1;    z-index: -1;}
/*footer{    height: 73vh;}*/
.widget-logo p{padding: 10px 100px;}
.main-widget span{ font-size: 20px;  }
.main-widget ul li {    line-height: 32px;}
.main-widget i{font-size: 13px; color: var(--YellowColor);}
ul.product-column {    column-count: 1;}
.main-widget .media .media-body span{font-size: 16px;}

.copy-right{background: -webkit-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);    background: -o-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);    background: -moz-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);    background: linear-gradient(to right, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d39f', endColorstr='#d4be00',GradientType=1 );}
.more-color-design{background: url(colortools-background-desktop.jpg); background-attachment: fixed; background-size: cover;}
.about-btn5 a {    position: absolute;    left: 25px;    top: 14px;    color: #fff;}
.about-btn6 a {    position: absolute;    left: 25px;    top: 14px;    color: #fff;}
.about-btn7 a {    position: absolute;    left: 25px;    top: 14px;    color: #fff;}
.product-home a{background: #0085b9;}
/* -------- title style ------- */
.line-title {  position: relative;}
.game-section {  padding: 60px 50px;}
.game-section .owl-stage {  margin: 15px 0;  display: flex;  display: -webkit-flex;}
.game-section .item {  margin: 0 15px 60px;  width: 320px;  height: 400px;  display: flex;  display: -webkit-flex;  align-items: flex-end;  -webkit-align-items: flex-end;  background: #343434 no-repeat center center / cover;  border-radius: 16px;  overflow: hidden;  position: relative;  transition: all 0.4s ease-in-out;  -webkit-transition: all 0.4s ease-in-out;  cursor: pointer;}
.game-section .item.active {  width: 500px;  box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);  -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);}
.game-section .item:after {  content: "";  display: block;  position: absolute;  height: 100%;  width: 100%;  left: 0;  top: 0;  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
.game-section .item-desc {  padding: 0 24px 12px;  color: #fff;  position: relative;  z-index: 1;  overflow: hidden;  transform: translateY(calc(100% - 54px));  -webkit-transform: translateY(calc(100% - 54px));  transition: all 0.4s ease-in-out;  -webkit-transition: all 0.4s ease-in-out;}
.game-section .item.active .item-desc {  transform: none;  -webkit-transform: none;}
.game-section .item-desc p {  opacity: 0;  -webkit-transform: translateY(32px);  transform: translateY(32px);  transition: all 0.4s ease-in-out 0.2s;  -webkit-transition: all 0.4s ease-in-out 0.2s;}
.game-section .item.active .item-desc p {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0);}
.game-section .owl-theme.custom-carousel .owl-dots {  margin-top: -20px;  position: relative;  z-index: 5;}
@media (min-width: 992px) and (max-width: 1199px) {
.game-section {    padding: 50px 30px;  }
.game-section .item {    margin: 0 12px 60px;    width: 260px;    height: 360px;  }
.game-section .item.active {    width: 400px;  }
.game-section .item-desc {    transform: translateY(calc(100% - 46px));    -webkit-transform: translateY(calc(100% - 46px));  }
}
@media (min-width: 768px) and (max-width: 991px) {
/* -------- Landing page ------- */
.game-section {    padding: 50px 30px 40px;  }
.game-section .item {    margin: 0 12px 60px;    width: 240px;   height: 330px;  }
.game-section .item.active {    width: 360px;  }
.game-section .item-desc {    transform: translateY(calc(100% - 42px));    -webkit-transform: translateY(calc(100% - 42px)); }
}
@media (max-width: 767px) {
.line-title {    width: 250px;  }
.game-section {    padding: 30px 15px 20px;  }
.game-section .item {    margin: 0 10px 40px;    width: 200px;    height: 280px;  }
.game-section .item.active {    width: 270px;    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);  }
.game-section .item-desc {    padding: 0 14px 5px;    transform: translateY(calc(100% - 42px));    -webkit-transform: translateY(calc(100% - 42px));  }
}
.item-desc h3 {    font-size: 22px;}
.about-btn51 a {    position: absolute;    top: 16px;    left: 32px;}
/*.main-widget {    padding-bottom: 75px;    padding-top: 0;}*/
.about-one__left {    position: relative;    display: block;}
.about-one__left p {  line-height: 26px; text-align: justify;}
.section-title__tagline {    position: relative;    display: inline-block;    color: red;    font-size: 16px;    text-transform: uppercase;    letter-spacing: 0.2em;}
.section-title__title {    margin: 0;    font-size: 28px;    line-height: 48px; }
.section-title__line:before {    position: absolute;    bottom: 0;    left: 0;    height: 2px;    width: 40px;    content: "";    background-color: var(--blueColor);}
.section-title__line:after {    position: absolute;    bottom: 0;    left: 45px;    height: 2px;    width: 4px;    content: "";    background-color:var(--YellowColor);}
.about-one__left .section-title {    margin-bottom: 20px;}
.section-title {    position: relative;    display: block;}
.about-one__text-1 {    font-size: 24px;    color: #000;    font-weight: 500;    line-height: 36px;}
.about-one__points {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    margin-top: 44px;    margin-bottom: 44px;}
.about-one__points li:hover .about-one__points-text {
    color: #fff;
}
.about-one__points-text {    font-size: 16px;    color: var(--ambed-black, #3c3531);    font-weight: 700;    line-height: 20px;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}
.about-one__points-content-box:before {    position: absolute;    top: -2px;    bottom: -2px;    left: -2px;    right: 0;    width: 5px;    content: "";    background-color: var(--ambed-base, #a47c68);    -webkit-transition: all 500ms ease;    transition: all 500ms ease;    opacity: 1;    z-index: -1;}
.about-one__points li:hover .about-one__points-content-box:before {    opacity: 1;    width: 100%;    border-top-right-radius: 45px;    border-bottom-right-radius: 45px;}
.about-one__points li:hover .about-one__points-content-box {    border: 2px solid transparent;}
.about-one__points-content-box {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    border: 2px solid var(--ambed-base, #a47c68);    padding-left: 30px;    padding-right: 33px;    padding-top: 23px;    padding-bottom: 23px;    border-top-right-radius: 45px;    border-bottom-right-radius: 45px;    -webkit-transition: all 800ms ease;    transition: all 800ms ease;    -webkit-transition-delay: 2ms;    transition-delay: 2ms;    z-index: 1;}
.about-one__call {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    margin-left: 20px;}
.about-one__call-icon {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    height: 55px;    width: 55px;    border-radius: 50%;    background-color: var(--ambed-base, #a47c68);    color: var(--ambed-white, #ffffff);    font-size: 26px;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}
.about-one__call-icon:hover {    background-color: var(--ambed-black, #3c3531);}
.thm-btn:hover:after {    opacity: 1;    width: 100%;}
.thm-btn:after {    position: absolute;    content: "";    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 3px;    background-color: var(--ambed-base, #a47c68);    -webkit-transition-delay: .1s;    transition-delay: .1s;    -webkit-transition-timing-function: ease-in-out;    transition-timing-function: ease-in-out;    -webkit-transition-duration: .5s;    transition-duration: .5s;    -webkit-transition-property: all;    transition-property: all;    opacity: 1;    z-index: -1;}
.about-one__points {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    margin-top: 44px;    margin-bottom: 44px;}
.about-one__project {    position: absolute;    bottom: -66px;    right: -60px;    background-color: var(--ambed-base, #a47c68);    padding: 50px 40px 47px;    border-top-right-radius: 50px;    border-bottom-right-radius: 50px;    border-bottom-left-radius: 50px;    z-index: 2;}
.about-one__small-img {    position: absolute;    top: 90px;    right: -150px;    border-bottom-left-radius: 70px;    border-top-right-radius: 70px;}
.about-one__small-img img {    width: auto;    border-bottom-left-radius: 75px;    border-top-right-radius: 75px;}
.about-one__shape-1 {    position: absolute;    top: -40px;    left: -40px;    height: 235px;    width: 235px;    background-color: #cccccc3b;    border-top-right-radius: 50px;    border-bottom-right-radius: 50px;    border-bottom-left-radius: 50px;}
.about-one__img {    position: relative;    display: block;    border-bottom-left-radius: 70px;    border-top-right-radius: 70px;    overflow: hidden;    z-index: 2;}
.about-one__dot img {    width: auto;    -webkit-animation-name: shapeMover;    animation-name: shapeMover;    -webkit-animation-duration: 9s;    animation-duration: 9s;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
.about-one__dot {    position: absolute;    bottom: -15px;    left: -54px;    opacity: .3;}
.float-bob-y {    -webkit-animation-name: float-bob-y;    animation-name: float-bob-y;    -webkit-animation-duration: 2s;    animation-duration: 2s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;}

@keyframes float-bob-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}

@keyframes float-bob-y {
0% {
transform: translateY(-20px);
}

50% {
transform: translateY(-10px);
}

100% {
transform: translateY(-20px);
}
}
.float-bob-y {-webkit-animation-name: float-bob-y;animation-name: float-bob-y;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.about-one__img:after {    position: absolute;    top: 0;    left: -100%;    display: block;    content: '';    width: 50%;    height: 100%;    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);    -webkit-transform: skewX(-25deg);    transform: skewX(-25deg);    z-index: 1;}
.about-one__img img {    width: 100%;    border-bottom-left-radius: 75px;    border-top-right-radius: 75px;}
.about-one__img-box {    position: relative;    display: block;}
.about-one__right {    position: relative;    display: block; }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  content: " ";  display: block;  background: white;  position: absolute;  z-index: 30;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {  width: 3px;  height: 9999px;  left: 50%;  margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  width: 9999px;  height: 3px;  top: 50%;  margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  position: absolute;  top: 0;  width: 100%;  height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {  color: white;  font-size: 13px;  letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {  position: absolute;  background: rgba(255, 255, 255, 0.2);  line-height: 38px;  padding: 0 20px;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {  top: 50%;  margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {  left: 50%;  margin-left: -45px;  text-align: center;  width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {  width: 0;  height: 0;  border: 6px inset transparent;  position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {  top: 50%;  margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {  left: 50%;  margin-left: -6px; }
.twentytwenty-container {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  z-index: 0;  overflow: hidden;  position: relative;  -webkit-user-select: none;  user-select: none;  -moz-user-select: none;  -ms-user-select: none; }  
.twentytwenty-container img {    max-width: 100%;    position: absolute;    top: 0;    display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {    background: rgba(0, 0, 0, 0); }    
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {      opacity: 0; } 
.twentytwenty-container * {    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box; }
.twentytwenty-before-label {  opacity: 0; }  
.twentytwenty-before-label:before {    content: attr(data-content); }
.twentytwenty-after-label {  opacity: 0; }
.twentytwenty-after-label:before {    content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {  left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {  right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {  top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {  bottom: 10px; }
.twentytwenty-overlay {  -webkit-transition-property: background;  -moz-transition-property: background;  transition-property: background;  background: rgba(0, 0, 0, 0);  z-index: 25; } 
.twentytwenty-overlay:hover {    background: rgba(0, 0, 0, 0.5); }    
.twentytwenty-overlay:hover .twentytwenty-after-label {      opacity: 1; }    
.twentytwenty-overlay:hover .twentytwenty-before-label {      opacity: 1; }
.twentytwenty-before {  z-index: 20; }
.twentytwenty-after {  z-index: 10; }
.twentytwenty-handle {  height: 38px;  width: 38px;  position: absolute;  left: 50%;  top: 50%;  margin-left: -22px;  margin-top: -22px;  border: 3px solid white;  -webkit-border-radius: 1000px;  -moz-border-radius: 1000px;  border-radius: 1000px;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  z-index: 40;  cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {  bottom: 50%;  margin-bottom: 22px;  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {  top: 50%;  margin-top: 22px;  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {  left: 50%;  margin-left: 22px;  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {  right: 50%;  margin-right: 22px;  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {  border-right: 6px solid white;  left: 50%;  margin-left: -17px; }
.twentytwenty-right-arrow {  border-left: 6px solid white;  right: 50%;  margin-right: -17px; }
.twentytwenty-up-arrow {  border-bottom: 6px solid white;  top: 50%;  margin-top: -17px; }
.twentytwenty-down-arrow {  border-top: 6px solid white;  bottom: 50%;  margin-bottom: -17px; }
.hide {  display: none; }
.antialiased {  -webkit-font-smoothing: antialiased; }
.column,
.columns {  position: relative;  padding-left: 0.9375em;  padding-right: 0.9375em;  width: 100%;  float: left; }
@media only screen {
.column,
.columns {    position: relative;    padding-left: 0.9375em;    padding-right: 0.9375em;  float: left; }
[class*="column"] + [class*="column"]:last-child {float: right; }
[class*="column"] + [class*="column"].end {float: left; }
.column.small-centered,
.columns.small-centered {    position: relative;    margin-left: auto;    margin-right: auto;    float: none !important; } 
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {    position: relative;    width: 8.33333%; }
  .large-2 {    position: relative;    width: 16.66667%; }
  .large-3 {    position: relative;    width: 25%; }
  .large-4 {    position: relative;    width: 33.33333%; }
  .large-5 {    position: relative;    width: 41.66667%; }
  .large-6 {    position: relative;    width: 50%; }
  .large-7 {    position: relative;    width: 58.33333%; }
  .large-8 {    position: relative;    width: 66.66667%; }
  .large-9 {    position: relative;    width: 75%; }
  .large-10 {    position: relative;    width: 83.33333%; }
  .large-11 {    position: relative;    width: 91.66667%; }
  .large-12 {    position: relative;    width: 100%; }
  .row .large-offset-0 {    position: relative;    margin-left: 0%; }
  .row .large-offset-1 {    position: relative;    margin-left: 8.33333%; }
  .row .large-offset-2 {    position: relative;    margin-left: 16.66667%; }
  .row .large-offset-3 {    position: relative;    margin-left: 25%; }
  .row .large-offset-4 {    position: relative;    margin-left: 33.33333%; }
  .row .large-offset-5 {    position: relative;    margin-left: 41.66667%; }
  .row .large-offset-6 {    position: relative;    margin-left: 50%; }
  .row .large-offset-7 {    position: relative;    margin-left: 58.33333%; }
  .row .large-offset-8 {    position: relative;    margin-left: 66.66667%; }
  .row .large-offset-9 {    position: relative;    margin-left: 75%; }
  .row .large-offset-10 {    position: relative;    margin-left: 83.33333%; }
  .row .large-offset-11 {    position: relative;    margin-left: 91.66667%; }
  .push-1 {    position: relative;    left: 8.33333%;    right: auto; }
  .pull-1 {    position: relative;    right: 8.33333%;    left: auto; }
  .push-2 {    position: relative;    left: 16.66667%;    right: auto; }
  .pull-2 {    position: relative;    right: 16.66667%;    left: auto; }
  .push-3 {    position: relative;    left: 25%;    right: auto; }
  .pull-3 {    position: relative;    right: 25%;    left: auto; }
  .push-4 {    position: relative;    left: 33.33333%;    right: auto; }
  .pull-4 {    position: relative;    right: 33.33333%;    left: auto; }
  .push-5 {    position: relative;    left: 41.66667%;    right: auto; }
  .pull-5 {    position: relative;    right: 41.66667%;    left: auto; }
  .push-6 {    position: relative;    left: 50%;    right: auto; }
  .pull-6 {    position: relative;    right: 50%;    left: auto; }
  .push-7 {    position: relative;    left: 58.33333%;    right: auto; }
  .pull-7 {    position: relative;    right: 58.33333%;    left: auto; }
  .push-8 {    position: relative;    left: 66.66667%;    right: auto; }
  .pull-8 {    position: relative;    right: 66.66667%;    left: auto; }
  .push-9 {    position: relative;    left: 75%;    right: auto; }
  .pull-9 {    position: relative;    right: 75%;    left: auto; }
  .push-10 {    position: relative;    left: 83.33333%;    right: auto; }
  .pull-10 {    position: relative;    right: 83.33333%;    left: auto; }
  .push-11 {    position: relative;    left: 91.66667%;    right: auto; }
  .pull-11 {    position: relative;    right: 91.66667%;    left: auto; }
  .column.large-centered,  .columns.large-centered {    position: relative;    margin-left: auto;    margin-right: auto;    float: none !important; }
  .column.large-uncentered,
  .columns.large-uncentered {    margin-left: 0;    margin-right: 0;    float: left !important; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {    float: right !important; } }
 /*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: 92px;left: 20px;border: 0;z-index: 99;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;}
}
.phone_lefts-side a {    position: fixed;    bottom: 150px;    background-color: var(--blueColor);    animation: topBottom 4s infinite;    z-index: 999;    left: 25px;    color: #fff;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.enquiry {    position: fixed;    z-index: 1000;    bottom: 15px;    left: 20px;    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: #1159a6;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background: #f69a1d;    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;}
.enquiry strong:hover {    color: #000;    background: #eee;}
.modal-header {    padding: 0 15px;    color: #fff; }
.send_p { line-height: 22px;    text-align: center;    margin-bottom: 20px; color: #333;}
.modal-body form input {  border: none;  height: 35px;    border-bottom: 1px solid #ccc;}
.modal-body form input:focus {    outline: none;}
.modal-body form textarea:focus {    outline: none;}
.modal-body form textarea {  border: none;   border-bottom: 1px solid #ccc;  border-radius: 0px !important;    resize: none;}
.modal-header button span { font-size: 40px;    position: relative;    bottom: 0px;}
#homepopupenquiry-form button[type=submit] {  line-height: 0px;    background: #eb3949;    outline: none;    color: #fff;    font-weight: 600;    border: none;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    width: 35%;    border-radius: 10px;    transition: 0.5s all;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;   padding: 20px;}
.modal-header > p {    font-size: 18px;    margin-top: 8px;}
/*.carousel{z-index: -1;}*/
.page-info .bread-crumb {    position: relative;    float: none;    padding: 25px 0;    padding-left: 90px;    border-radius: 40px 0 0 0;        background-color: #0083bd;}
.page-title {    position: relative;    background-size: cover;    background-repeat: no-repeat;    background-position: 50% 0;    padding: 150px 0px;}
.page-title h1 {    position: relative;    font-size: 30px;    text-align: center;    color: #ffffff;    line-height: 1em;    z-index: 99;    margin-bottom: 20px;}
.page-title:before {    position: absolute;    content: '';    left: 0px;    top: 0px;    width: 100%;    height: 100%;    display: block;    background-color: #000000;    opacity: .5;}
.page-title .page-info {    position: absolute;    left: 0px;    bottom: 0px;    width: 100%;    z-index: 1;}
ul.bread-crumb li {    color: #fff;}
.social-media-header .fa-facebook-f{background: #2e578f;    width: 35px;    height: 35px;    border-radius: 50px;    display: flex;    justify-content: center;    align-items: center;    color: #fff;}
.social-media-header .fa-x-twitter{background: #000;    width: 35px;    height: 35px;    border-radius: 50px;    display: flex;    justify-content: center;    align-items: center;    color: #fff;}
.social-media-header .fa-pinterest-p{background: #f90027;    width: 35px;    height: 35px;    border-radius: 50px;    display: flex;    justify-content: center;    align-items: center;    color: #fff;}
.social-media-header .fa-instagram{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 );   width: 35px;    height: 35px;    border-radius: 50px;    display: flex;    justify-content: center;    align-items: center;    color: #fff;}
.social-media-header .fa-linkedin-in{background: #0069bd; width: 35px;    height: 35px;    border-radius: 50px;    display: flex;    justify-content: center;    align-items: center;    color: #fff;}
.sticky {    background: #0083bd;}
.button-design ul li {    background: #eb3949;    padding: 8px 8px;}
/*
Contact Area Style
================================*/
.contact-page {  background-color: #ffffff;  padding-top: 100px !important;  padding-bottom: 70px !important;}
.contact-page::before {  display: none;}
.contact-page .single-contact-info {  position: relative;  padding-left: 0;  margin-bottom: -5px;  text-align: center;  min-height: 200px;  background-color: #f5f5f5;  margin-bottom: 30px;  padding: 30px;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.contact-page .single-contact-info i {  position: unset;  margin-bottom: 15px;  display: block;  color: #000;  font-size: 30px; -webkit-transition: all 0.5s;  transition: all 0.5s;}
.contact-page .single-contact-info h3 {  color: #000;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.contact-page .single-contact-info a {  color: #000;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.contact-page .single-contact-info:hover {  background-color: #0083bd;}
.contact-page .single-contact-info:hover i {  color: #ffffff;}
.contact-page .single-contact-info:hover h3 {  color: #ffffff;}
.contact-page .single-contact-info:hover a {  color: #ffffff;}
.contact-area .request-quote-wrap .contact-form {    background-color: #f5f5f5;    padding: 40px;}
.request-quote-wrap .contact-form .form-group .form-control {    color: #424866;    border: none;    background-color: #ffffff;   border-radius: 0;}
.contact-area .section-title h2 {    color: #000;    margin-bottom: 10px;}
.contact-area .section-title p {    color: #000;}
.contact-area .section-title {    text-align: center;    max-width: 600px;    margin: 0 auto 30px;}
.default-btn {    font-size: 16px;    color: #fff;    background-color: #0083bd;    padding: 18px 30px;   line-height: 1;    -webkit-transition: all 0.5s;    transition: all 0.5s;    position: relative;    z-index: 1;}
.single-contact-info h3 {    font-size: 18px;    margin-bottom: 8px;}
.color-site {    background-color: var(--YellowColor);}
div#form-div {    width: 100%;    margin: 0 auto;}
#form-div {    background-color: #3c3c3c;    padding-left: 18px;    padding-right: 18px;   padding-top: 28px;    padding-bottom: 28px;}
.feedback-input {    opacity: 0.9;    font-weight: 400;    font-size: 14px;    border-radius: 0;    line-height: 22px;    background-color: #fbfbfb;    border: 3px solid #fbfbfb;    padding: 5px;    margin-bottom: 0;    width: 100%;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    -ms-box-sizing: border-box;    box-sizing: border-box;}
.home-enduiry-title {    font-size: 22px;    color: #fff;    text-align: center !important;    text-transform: uppercase;    font-weight: 600;    padding: 0px 0px 6px 0px;}
#button-blue {    border: #fbfbfb solid 2px;    cursor: pointer;    background-color: #eb3949;    color: white;    font-size: 17px;    padding: 5px 25px;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    transition: all 0.3s;    /* margin-left: 10px; */}
div#inner-form input {    margin-bottom: 15px;    font-size: 15px;}
.skin-color {    background: #0083bd;}
.full-width-type h3 {    color: #fff;    margin: 0px;   padding-top: 10px;    padding-bottom: 10px;}
.inner-states a {    width: 100%;    display: block;    text-align: center;    padding: 10px 0;    margin-bottom: 15px;    color: #fff;     border-radius: 15px;}
.hvr-radial-in {    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-color: #0083bd;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.color-combination_box img {    width: 100%;    margin-bottom: 30px;}
.products-inner-detail p {    text-align: justify;    margin-bottom: 10px;    line-height: 27px;}
/* .products-inner-detail h2, h3, h4, h5, h6 {    color: #0083bd;} */
.product-desc h2, h3, h4, h5, h6 {    font-size: 22px;    margin-bottom: 10px;}
.item-desc h3 {    color: #fff;}
nav.mobile-menu {    display: none;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 0px 0px;    width: 32%;}
.mobile-three-item {    text-align: center}
.mobile-three-item li:nth-child(1) {    background-color: var(--blueColor);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:nth-child(2) a{color: #fff;}
.mobile-three-item li:last-child {    background-color: var(--YellowColor);}
.mobile-three-item li:last-child a{color: #fff;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
/* ul.mobile-version li {width: 30px;    height: 30px;    border-radius: 50px;     display: flex;    justify-content: center; align-items: center;} */
/* ul.mobile-version {    display: flex;    justify-content: center;} */
ul.mobile-version {    display: none;}
.custom-pagination {  width: 100%;  margin: 0 auto;  text-align: center; overflow: hidden;  display: flex;}
#border-pagination {margin: 0 auto;padding: 0;text-align: center;}
.disabled-nav{  display: none !important;}
#border-pagination li {display: inline;}
#border-pagination li a {display: block;text-decoration: none;color: #000;padding: 5px 10px;border: 1px solid #ddd;float: left;}
#border-pagination li a {-webkit-transition: background-color 0.4s;transition: background-color 0.4s}
#border-pagination li a.active {background-color: #0083bd;color: #fff;}
#border-pagination li a:hover:not(.active) {background: #ddd;}
.blog-grid-img {  width: 350px;  height: 283px;}
*{ box-sizing: border-box;}
button:active, button:focus{ outline: none; box-shadow: none;}
.multitab-form-area { /*max-width: 750px;*/ margin: 0 auto; padding: 20px}
.form-field input:focus, .form-field input:active, .form-field select:focus, .form-field select:active, .form-field textarea:active, .form-field textarea:focus {outline: 1px solid #0085b9;}
.tab-links-area {    width: 22%; display: inline-block; vertical-align: top; padding-right: 20px;}
.tab-form-area { width: calc(100% - 245px); display: inline-block; background: #fff; vertical-align: top; padding: 16px; border-radius: 5px;}
.tab-links-area p {margin: 0; font-size: 14px; color: #999;}
.tab-links-area h1 { margin: 0; font-size: 24px;}
.tab-part h4 {font-size: 24px;margin: 0;}
.multitab-form-area hr {border: 0;  height: 1px;  width: 100%;  background: #fff;  margin: 5px 0;}
.tab-links-area ul li a {text-decoration: none;font-size: 14px;padding: 10px 15px;display: block;color: #fff; position: relative;}
.tab-links-area ul li a:before {content: '';height: 0%;width: 3px;background: #0085b9;position: absolute;left: -2px;top: 0;bottom: 0;margin: auto;transition: 0.3s ease;}
.tab-links-area ul li a.active:before{ height: 100%;}
.tab-links-area ul li {display: block; border-left: 2px solid #fff;     border-bottom: 1px solid #c72e3c;}
.tab-links-area ul {list-style: none;padding: 0; margin: 20px 0 0;     background: #eb3949;}
.form-field input, .form-field select {width: 100%; font-family: 'Poppins', sans-serif; height: 35px; padding-left: 10px; border: 1px solid #ccc;}
.form-field select {padding: 0 0 0 2px;}
.form-field label { display: block; padding:10px 0;}
.half-2 {width: 50%; padding: 0 10px; float: left;}
.devider-row:after {content: '';display: table;clear: both;}
.devider-row {margin: 0 -10px;clear: both;}
.half-3 {width: calc(100%/3); float: left; padding: 0 10px;}
.half-4 {width: 25%; float: left; padding: 0 10px;}
.next-btn button, .next-btn a {background: #0085b9;cursor: pointer;border: 1px solid #0085b9;transition: 0.3s ease;color: #fff;height: 35px;width: 90px;border-radius: 100px;margin: 20px 0 10px auto;display: block;text-transform: uppercase;text-align: center;line-height: 35px;text-decoration: none;font-size: 14px;}
.submit-btn button, .submit-btn a {background: #0085b9;cursor: pointer;border: 1px solid #0085b9;transition: 0.3s ease;color: #fff;height: 35px;width: 120px;border-radius: 100px;margin: 20px 0 10px auto;display: block;text-transform: uppercase;text-align: center;line-height: 35px;text-decoration: none;font-size: 14px;}
.next-btn button:hover, .next-btn a:hover, .submit-btn button:hover, .submit-btn a:hover {background: transparent; color: #0085b9;}
.tabs-panels.active { display: block;}
.tabs-panels { display: none; animation: fadeIn 0.3s ease;}
.full {padding: 0 10px; width: 100%;}
.form-field textarea {width: 100%;height: 100px;padding: 10px;font-size: 14px;border: 1px solid #ccc;font-family: 'Poppins', sans-serif;}
.checkbox label:after {content: '';position: absolute;border-style: solid;border-color: #333;height: 8px;width: 5px;border-width: 0 3px 3px 0;left: 5px;z-index: 2;transform: rotate(35deg);top: 4px; display: none;}
.checkbox label:before {content: '';height: 20px;width: 21px;background: #fff;position: absolute;border: 1px solid #0085b9;left: -2px;top: 0;border-radius: 3px;}
.checkbox {position: relative;margin: 10px 0;}
.checkbox label {display: inline-block;vertical-align: middle;padding: 0;}
.checkbox input[type="checkbox"] {width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin: 0;position: relative;z-index: 3;opacity: 0;}
.radio label:after { content: '';  display: none;  height: 10px;  width: 10px;  position: absolute;  background: #0085b9;  border-radius: 100px;  left: 4px;  top: 4px;  z-index: 1;}
.radio label:before {content: ''; height: 21px;  width: 21px; background: #fff; border: 1px solid #0085b9; position: absolute; left: -2px; top: -2px; border-radius: 100px;}
.radio input[type="radio"] { height: 20px; width: 20px; display: inline-block; margin: 0; position: relative; z-index: 3; opacity: 0; vertical-align: middle;}
.radio label {padding: 0; display: inline-block;  margin: 0; vertical-align: middle;}
.radio { position: relative;  margin: 10px 0;}
.radio input:checked + label:after, .checkbox input:checked + label:after{ display: block;}
.note p { margin: 0; font-size: 12px; color: #999;}
/* .form-area {max-width: 80%; margin: 0 auto; background: #eee; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.25)}  */
.form-footer p {margin: 0; font-size: 12px;}
.form-footer {padding: 20px; text-align: center; color: #676767;}
.form-header {background: #db415e; box-shadow: 0 2px 7px rgba(0,0,0,0.1); margin-bottom: 20px;}
.logo-area {padding: 0 10%;}
.logo-area h1 a {color: #ffffff; text-decoration: none; outline: none;}
.logo-area h1 {margin: 0; font-size: 18px;}
.need-help a i {background: #333; color: #fff; font-style: normal; font-size: 10px; height: 13px; width: 13px; display: inline-block; text-align: center; border-radius: 100px;}
.need-help a {font-size: 12px; color: #333; text-decoration: none;}
.need-help {text-align: center;}
.top-header {padding: 15px 0; border-bottom: 2px dashed #ccc;}
.status p {font-size: 12px; color: #676767}
.status h5, .status p { margin: 0;}
.bars label { text-align: center; display: block; font-size: 14px;}
.bars {position: relative;}
.blank-bar {width: 100%; background: #ccc; height: 3px; border-radius: 100px;}
.full-bar { width: 50%; background: #0085b9; height: 3px; position: relative; bottom: -3px;}
.bars span { height: 8px; width: 8px; display: inline-block; position: absolute; background: #ccc; border-radius: 100px; z-index: 1;}
.bars span:nth-of-type(2) {left: 15%;}
.bars span:nth-of-type(3) {left: 50%;}
.bars span:nth-of-type(4) {left: 85%;}
.bars span:nth-of-type(5) {left: 100%;}
.bars span.active{background: #0085b9;}
.bottom-header {padding: 15px 10%;}
.status {padding-left: 10%;}
/*keyframes*/
@-webkit-keyframes fadeIn {
0% {    opacity: 0;}
100% {    opacity: 1;}
}
@keyframes fadeIn {
0% {    opacity: 0;}
100% {   opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@media(max-width:750px){
.half-2 {width: 100%;}
.top-header .half-2 {width: 50%;}
.logo-area {padding: 0 5%; text-align: left;}
.status { padding-top: 20px; padding-left: 0;}
}
@media(max-width:570px){
.tab-links-area {width: 100%;display: block; margin-bottom: 20px;}
.tab-form-area{ width: 100%;}
.bottom-header {padding: 15px 5%;}
}

@media(max-width:420px){
.form-area {max-width: 90%;}
}
#carpetArea{  outline: 0 !important;}
.slider{  display: flex;  justify-content: space-between;}
.home-filed input:focus {    box-shadow: none;    outline: none;/*    border: none;*/}
.home-filed textarea:focus {    box-shadow: none;    outline: none;/*    border: none;*/}
.color-box{  background: #0083bd;    padding: 25px;}
.heading span {    font-size: 30px;    font-weight: 500;}
.home-filed {    margin-bottom: 15px;}
.home-filed button {    text-align: center;    border: 0px;  background: #eb3949;    padding: 6px 20px;}
.home-filed button:focus {outline: none;}
.home-filed textarea {    height: 100px;}
.our-services-and-product h5 {    color: #000;}
.our-services-and-product_items ul li{transition: 0.5s;}
.our-services-and-product_items ul li:hover{border: 1px solid var(--blueColor);}
.our-services-and-product_items ul li a {    color: #000;    font-size: 20px;    font-weight: 500;}
.our-services-and-product_items ul li {    width: 30%;    float: left;    margin-bottom: 35px;}
.our-services-and-product_items ul li a {    font-size: 17px;}
.our-services-and-product {    background: #fbfbfb;}
.social {    background: linear-gradient(180deg, #0085b9, #036991 100%);    border-radius: 50px;}
/*.social .numbers {
    padding-top: 30px;
    padding-bottom: 8px;
}*/
.numbers {    display: flex;    flex-wrap: wrap;    margin-top: 20px;   margin-bottom: 20px;}
.social .numbers div {    width: 24%;    display: flex;    justify-content: center;}
.numbers h3 {  font-size: 15px;    display: flex;    padding: 20px;    line-height: 23px;    text-align: left;    color: #fff;    flex-direction: column;    font-weight: 700;    justify-content: center;}
.why-choose-us-points p { font-size: 15px;    display: flex;    padding: 20px;    line-height: 23px;    text-align: left;    color: #fff;    flex-direction: column;    font-weight: 700;    justify-content: center;}
.numbers img {    width: 80px;    height: 80px;  filter: brightness(0) invert(1);}
.numbers .image1 {    border-right: 2px solid #fff;}
.main-brands img {    height: 100px;    object-fit: contain;    border: 1px solid #ccc;    padding: 15px;}
.logo-item {    margin: 8px;}
.about-one__right {  float: left;  width: 350px;}
.our-services-and-product h5 {  font-size: 30px;}
@-webkit-keyframes blinker {
  from {      opacity: 1.0;  }
  to {      opacity: 0.0;  }}
@keyframes blinker {
  from {      opacity: 1.0;  }
  to {      opacity: 0.0;  }
}
.waitingForConnection {  -webkit-animation-name: blinker;  animation-name: blinker;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);  animation-timing-function: cubic-bezier(.5, 0, 1, 1);  -webkit-animation-duration: 1.7s;  animation-duration: 1.7s;}
.blink_me {  animation: blinker 3s linear infinite;}
@keyframes blinker {
  50% {
      opacity: 0;
  }
}
.our-services-and-product_items ul li {  width: 30%;  float: left;  /* margin-bottom: 35px; */  border: 1px solid #ccc;  margin-bottom: 25px;  padding: 15px; margin-right: 30px;     min-height: 245px;}
.why-choose-us .title h5 {  font-size: 30px;}
.custom-carousel h1 {  font-size: 17px;}
.item-desc h1 {  margin-top: 35px;  display: block;  margin-bottom: 10px;}
.form-design p {  margin-bottom: 35px;}
.brands-logo h4 {  font-size: 30px;}
.products-heading h6 {  font-size: 30px;}
.left-content-more h1 {  font-size: 22px;  margin-bottom: 12px;}
.left-content-more p {  text-align: justify;  margin-bottom: 15px;}
.left-content-more ul li {  margin-bottom: 15px;  list-style-type: disc;}
.left-content-more ul{padding-left: 15px;}
.product-text span { text-align: center;  padding: 10px 0;}
.product-items {  margin-bottom: 30px;}
.product-text a {  text-align: center;  margin: 0px auto;  display: inherit;  background: #eb3949;  width: 40%;  line-height: 35px;     color: #fff;}
.product-img {  width: 350px;  float: left;  margin-right: 15px;}
.product-desc h1 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc h2 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc h3 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc h4 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc h5 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc h6 {  font-size: 25px;  margin-bottom: 20px;}
.product-desc ul {margin-bottom: 10px; padding-left: 15px;}
.product-desc ul li {  list-style-type: disc;  line-height: 30px;}
.item-desc h3 {    margin-top: 15px;}
.product-img img {  margin-bottom: 12px;}
.big-left h2 {  font-size: 22px;  margin-bottom: 10px;}
.big-left h3 {  font-size: 22px;  margin-bottom: 10px;}
.big-left h4 {  font-size: 22px;  margin-bottom: 10px;}
.big-left h5 {  font-size: 22px;  margin-bottom: 10px;}
.big-left h6 {  font-size: 22px;  margin-bottom: 10px;}
.location_inner h1 {  font-size: 22px;  margin-bottom: 10px;}
.location_inner h2 {  font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
.location_inner h3 {  font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
.location_inner h4 {  font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
.location_inner h5 {  font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
.location_inner h6 {  font-size: 22px;  margin-bottom: 10px; margin-top: 15px;}
.location_inner p {  margin-bottom: 15px;}
.details-product h1 {  font-size: 20px;  margin-bottom: 14px;}
.details-product h2 {  font-size: 20px;  margin-bottom: 14px;}
.details-product h3 {  font-size: 20px;  margin-bottom: 14px;}
.details-product h4 {  font-size: 20px;  margin-bottom: 14px;}
.details-product h5 {  font-size: 20px;  margin-bottom: 14px;}
.details-product h6 {  font-size: 20px;  margin-bottom: 14px;}
.form-body{    background: #0083bd;}
.tab-links-area h1 {  color: #fff;}
.form-field {  margin-bottom: 12px;}
.need-help a {  font-size: 16px; color: #0083bd; text-decoration: underline;  font-style: italic;}
/* .under-coat-paint img {  width: 50%;} */
.top-bar-design {  position: absolute;  top: 15%;  left: 51%;}
.price-setup {  position: absolute;  top: 32%;  left: 51%;}
.price-setup {  background: #0083bd;  padding: 10px 30px;}
.price-setup span { display: block;  text-align: center; font-size: 32px;  font-weight: 700;}
.price-setup i {  font-size: 32px;}
.final-price{background: url(img/light-bg.jpg)no-repeat;}
.mail-and-phone {  position: absolute;  z-index: 999;  top: 58%;  left: 51%;}
ul#search-results li a {  color: #fff;}
ul#search-results {  background: #eb3949;  text-align: left;  padding-left: 15px;  line-height: 29px;}
a.blue-color {  background: #eb3949;  padding: 10px 30px;}
a.red-color {  background: #0085b9;  padding: 10px 30px;}
ul.mobile-version li a {  background: #eb3949;  width: 100%;  display: block;}
ul.mobile-version li { width: 100%;}
.err_msg { color: red; font-size: 14px;}
.our-presence-box h2{ font-size: 24px; margin-bottom: 10px;  font-weight: 600;  font-family: "Poppins", sans-serif;}
.featured_product_heading {        margin-top: 15px;    color: #fff;    font-size: 22px;    font-weight: 600;    font-family: "Poppins", sans-serif;    margin-bottom: 1rem !important;}
.about-one__left h2 {    margin-bottom: 14px;      font-size: 18px;  }
.about-one__left p {  padding-bottom: 8px;}
.our-services-and-product h3 {  font-size: 30px; margin-bottom: 0px;}
.why-choose-us h4 {  font-size: 30px;}
.game-section h4 {  font-size: 30px;}
.our-solutions h3 {  font-size: 30px;}
.title-design {  text-align: center;}
.title-design h5{font-size: 30px;}
.brands-logo h5 { font-size: 30px;}
.left-content-more h2 {  font-size: 22px;  margin-bottom: 12px;}
.left-content-more h3 {  font-size: 22px;  margin-bottom: 12px;}
.left-content-more h4 {  font-size: 22px;  margin-bottom: 12px;}
.left-content-more h5 {  font-size: 22px;  margin-bottom: 12px;}
.left-content-more h6 {  font-size: 22px;  margin-bottom: 12px;}
.product-items img {  height: 250px;  object-fit: cover;  border: 1px solid #ccc;}
#form-div{    margin-bottom: 35px !important;}
.box-listing li {  line-height: 35px;  border-bottom: 1px solid #f1f1f1;}
.box-listing li a{color: #000;}
.details-product ol {  line-height: 30px;  padding-left: 15px;}
.logo img{width: 60%;}
.navigation_side ul {    display: flex;    align-items: center;}
.brush-metter ul li:last-child img {    width: 100%;}
.brush-metter:first-child img{width: 100%;}
.fennec-nav {    position: absolute;    top: -77px;    left: 211px;}
/* .about-btn-list a{background-color: var(--blueColor); padding: 10px 30px;} */
.our-services-and-product .title i {    color: var(--blueColor);}
.cta-inline {    background: url(img/cta1-min.jpg) no-repeat;    background-size: cover;    padding: 38px 0;    text-align: center;}
.cta-inline h3 {    font-size: 30px;    display: inline-block;    vertical-align: middle;    margin-bottom: 0;    padding-bottom: 0;   line-height: 37px;    text-transform: capitalize;   color: #fff;    font-weight: 600;}
.cta-inline .cta-call {    background: 0 0;    padding: 8px 28px;    font-weight: 700;    border-radius: 30px;    margin: 0 20px;    font-size: 23px;    vertical-align: middle;    display: inline-block;    border: 3px solid #fff;    color: #fff;    letter-spacing: 2px;}
.cta-inline .cta-call img {    width: 25px;    vertical-align: middle;    margin-right: 11px;}
.tagline_inner p { font-size: 35px;  font-weight: 700;}
.tagline-design{background: #0097ec;}
.solutions_box span {    font-size: 20px;    color: #fff;    font-weight: 500;    display: block;}
.about-one {background: url(img/welcome-bg-min.jpg) no-repeat; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.logo-and-social-media{    background: url(img/faq-section-pattern.png) repeat;    background-position: 0% 80%;   }
.form-div-select select:focus{outline: none;}
.about-btn a {position: absolute; left: 35px;  top: 15px;}
.form-design i {    color: var(--blueColor);}
button.common-button i {    color: #fff;}
button.common-button:hover {    background: var(--YellowColor);}

img.color-1 {    right: 0;    bottom: 0; width: 15%;}
.bounce {    animation: bounce_965 5.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce_965 {
    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)
    }
}
.our-services .title h3 {    font-size: 30px;}
.our-services .title i {    color: var(--blueColor);}
.team_img {    position: relative;    overflow: hidden;}
.team_img:after {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.72);    top: -250px;    left: 0;    opacity: 0;    visibility: hidden;    transition: 0.3s;}
.team_section:hover .team_img:after,
.team_section:hover ul.social_icon li {    visibility: visible;    opacity: 1;    top: 0;}
.team_section:hover ul.social_icon li {    transform: translateY(0px);}
.box{    background: var(--blueColor);    text-align: center;    overflow: hidden;    position: relative;}
.box:before{    content: "";    background: #fff;    width: calc(100% - 20px);    height: calc(100% - 20px);    transform:translateY(150%);    position: absolute;    top: 10px;    left: 10px;    right: 10px;    bottom: 10px;    transition: all 0.3s ease-in-out;}
.box:hover:before{ transform:translateY(0); }
.box img{    width: 100%;    height: auto;    transition: all 0.45s ease-in-out;}
.box:hover img{ opacity: 0.3; }
.box-content{    color: #fff;    background: var(--blueColor);    width: 85%;    padding: 15px 5px;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: -50%;    left: 50%;    z-index: 2;    transition: all 0.6s ease;}
.box:hover .box-content{ top: 50%; }
.box .title{  font-size: 13px; text-transform: capitalize;  margin: 0 0 2px;  margin-top: 10px;}
.box .post{    font-size: 13px;    font-weight: 400;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    margin: 0 0 12px;   display: block;}
.box .icon{    padding: 0;    margin: 0;    list-style: none;}
.box .icon li{    margin: 0 3px;    display: inline-block;}
.box .icon li a{    color: var(--blueColor);    background: #fff;    font-size: 15px;    line-height: 33px;    width: 34px;    height: 34px;    display: block;    position: relative;    transition: all 0.35s;}
.box .icon li a:hover{    color: #fff;    background: var(--YellowColor);    border-radius: 50px;}
.box .icon li a i{ line-height:inherit; }
@media only screen and (max-width:990px){
  .box{ margin: 0 0 30px; }
}
.service_box {    margin-bottom: 25px;}
.product-btn a { left: 190px; top: 15px; color: #fff;}
/* Floating Whatsapp Container */
.floating-whatsapp-container {    position: fixed;    bottom: 50px;    left: 25px;    z-index: 99;}
.floating-whatsapp-button {    display: flex;    align-items: center;    justify-content: center;    width: 60px;    height: 60px;    background: linear-gradient(135deg, #25D366, #128C7E);    border-radius: 50%;    color: white;    text-decoration: none;    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);    transition: all 0.3s ease;    position: relative;    animation: glow 3s infinite;}
.floating-whatsapp-button:hover {    transform: scale(1.1);    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6);    background: linear-gradient(135deg, #128C7E, #25D366);}
.floating-whatsapp-button svg {    width: 28px;    height: 28px;    z-index: 2;}
/* Reduced Pulse Animation Rings */
.pulse-ring, .pulse-ring-2 {    position: absolute;    border: 2px solid #25D366;    border-radius: 50%;    animation: pulse-animation-small 2s infinite;    opacity: 0;}
.pulse-ring {    width: 60px;    height: 60px;}
.pulse-ring-2 {    width: 60px;    height: 60px;    animation-delay: 1s;}
.pulse-ring-2:hover {    color: #fff;}
@keyframes pulse-animation-small {
0% {transform: scale(1);opacity: 1;}
50% {opacity: 0.6;}
100% {transform: scale(1.3);opacity: 0;}
}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 250px;    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: var(--YellowColor);    transition: 0.5s;}
.enquiry strong {    background-color: #171b1e;    line-height: 28px;    color: #000;    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);}
.modal-header {    background: #fffbf7;    border-bottom: 1px solid #e1e1e1;}
.modal-body {    background: #fffbf7;}
.modal-body input {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select {    height: 45px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    margin-bottom: 10px;    font-size: 14px;}
.modal-body select option {    color: #000;    font-size: 14px;}
.modal-body select:focus {    outline: none;}
.modal-body textarea {    height: 100px;    background-color: transparent;    border: none;    color: #000;    border-bottom: 1px solid #e1e1e1;    font-size: 14px;}
.modal-body input::placeholder {    color: #000;}
.modal-body textarea::placeholder {    color: #000;}
.modal-body input:focus {    outline: none;}
.modal-body textarea:focus {    outline: none;}
.modal-body button {    width: 100%;    border: none;    padding: 10px 0;    background: var(--blueColor);    border-radius: 50px;}
.modal-header span {    font-size: 25px;  }
.plain-text .title-design span {    font-size: 30px;    display: block;}
.plain-text .title-design i { color: var(--blueColor);  display: block;}
.inernal-content p{text-align: justify; color: #333; margin-bottom: 15px;     line-height: 25px;}
.plain-text {    position: relative;    z-index: 2;    background: url(img/about-brush-image.png) no-repeat bottom right 15%;}
.content-colorfull{background: url(img/coating-surface-scaled.webp) no-repeat;     background-size: cover;    position: relative;    height: 85vh;    display: flex;    align-items: center;}
.content-full span{font-size: 50px;}
.content-btn a {    position: absolute;    left: 165px;    top: 15px;    color: #000;}
.content-full p{margin-bottom: 50px;}
.main-widget p {    text-align: justify;}
.map-location span {    font-size: 18px;    font-weight: 400;}
.img-setup img {    position: absolute;    top: 40px;    width: 20%;}
.search-bar ul li a {padding: 10px 15px;}
.search-bar ul li:first-child a{background-color: var(--blueColor); border-radius: 50px;}
.search-bar ul li:last-child a{background-color: var(--YellowColor); border-radius: 50px;}
.box-shadow-type{      background: #ffffff;    border: rgba(209, 215, 217, .25);    box-shadow: 0 -8px 10px rgba(209, 215, 217, .25), 0 8px 8px rgba(209, 215, 217, .28);    border-radius: 30px;    padding: 30px;    height: 100%;}
.box-shadow-type span{font-style: normal;    font-weight: 600;    text-transform: capitalize;    margin: 0;    align-items: center;    }
.box-shadow-type p {    text-align: justify;    margin-top: 10px;}
img.part {    width: 22%;}
.side-heading {    padding-left: 90px;}
.side-heading p{line-height: 25px; text-align: justify;   color: #888;}
.side-heading span {    font-size: 40px;    color: #888;}
.product-btn-about a {    position: relative;    left: 40px;    top: 12px;    color: #fff;}

.testimonial .title-design span{font-size: 30px;}
.testimonial{background: url(img/test_pattern.webp) no-repeat;}
.testimonial_stocks{        padding: 50px 0;        /*margin: 30px auto;*/        position: relative;        overflow: hidden;        background: linear-gradient(180deg, rgba(237, 242, 248, 0.22) 0%, rgba(29, 41, 81, 0.06) 50%), url(https://www.ferry-international.com/images/test_pattern.png);        background-size: cover;        background-repeat: no-repeat;        background-position: center;    }    
.box_testimonial{        padding: 0px 0;        background: #fff;        border: 2px solid transparent;        box-shadow: 0px 5px 40px 0px rgba(29, 41, 81, 0.06);        border-radius: 16px;        margin: 5px auto;        transition: all 0.3s ease-out;        position: relative;    }
.stock_testimonial{        margin: 30px auto;    }
.stock_testpara{        color: #424242;        font-size: 14px;        line-height: 25px;    }    
.para_stk{        padding-bottom: 20px;        border-bottom: 1px solid #E6EDFB;    }
.box_testimonial:hover{        border: 2px solid var(--YellowColor); }
.quote_svg{ position: absolute;   bottom: 20px;  right: 20px;}
.quote_svg svg{        width: 50px;        height: 50px;        opacity: 0.5;        color: var(--blueColor);        transform: rotate(180deg);        transition: all 0.3s ease-out;    }
.box_testimonial:hover .quote_svg svg{        opacity: 1;    }
.viewmore_div{        display: flex;        align-items: center;        justify-content: center;        margin-top: 20px;    }
.viewmore_div a{        padding: 10px 20px;        text-decoration: none;        color: #fff;        font-weight: 600;        border-radius: 5px;        background: var(--theme-color);        position: relative;        overflow: hidden;    }    
.viewmore_div a:after{        position: absolute;        background: #fff;        content: "";        height: 155px;        left: -75px;        opacity: 0.2;        top: -50px;        transform: rotate(35deg);        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);        width: 50px;        z-index: 99;    }
.viewmore_div a:hover:after{        left: 120%;        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);    }
.flex_btm_test .w90 {    display: flex;    justify-content: flex-start;    align-items: center;    gap: 10px;    margin-top: 10px;}
.image_testim img {    height: 100%;    width: 100%;    border-radius: 50%;    object-fit: cover;}
.para_stk h4 {    font-size: 20px;    padding-top: 34px;    text-align: center;}
.stock_testpara {    color: #424242;    font-size: 14px;    line-height: 25px;}
ul.slick-dots {    left: 0;}
.testimonial {    overflow: hidden;}
.floating-whatsapp-container a:hover {    color: #fff;}

.breadcumb{padding: 200px 0px; background: url(img/breadcumb.jpg); background-size: cover;}
.breadcumb::after{    background: url(img/mask-top-subtract.png) no-repeat; content: '';    width: 100%;    height: 300px;    left: 0px;    top: 0px;    position: absolute;}
.breadcumb::before{    background: url(img/mask-top-subtract.png) no-repeat;    content: '';    width: 100%;    height: 300px;    left: 0px;    bottom: 0px;    position: absolute; transform: rotate(180deg);}
.breadcumb_inner {    z-index: 99;}
.sitema-links-item h2 {    font-size: 22px;}
.color-site {    border-radius: 10px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.full-width-type {    background-color: #000;    margin-top: 20px;   width: 100%;    margin-left: 0;    margin-bottom: 20px;     border-radius: 15px;}
.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: var(--blueColor);    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
ul.stlyed-exporter li {    width: 32%;}
ul.stlyed-exporter li a {    background:var(--YellowColor);    padding: 10px 30px;     border-radius: 15px;}

.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
.datails-content p {    text-align: justify;    color: #555;}
.white-wrap .form {    background-color: var(--blueColor);    padding: 1px 20px 1px 20px;    position: relative;     border-radius: 15px;}
.inputBox button {    padding: 10px 0px;    background: var(--YellowColor); border-radius: 15px;}
.inputBox input {    height: 40px;    padding-left: 10px;}
p.related-heading {    background-color: var(--blueColor);    width: 100%;    display: block;   padding: 10px 15px;    font-size: 22px;    font-weight: 700;     border-radius: 10px;}
.related_img img {    width: 100%;    object-fit: cover;    height: auto;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}
.read-btn a {    background: var(--YellowColor);    padding: 7px 15px;    color: #fff;    transition: 0.5s;}
h5.text-theme-colored {    font-size: 30px;    margin-bottom: 30px;}
.related_content p {    color: #555;}

.color-gradient {    padding: 30px;}
.color-gradient {    position: relative;}
.contact-field input {    caret-color: var(--blueColor);    color: #000;   font-size: 16px;    font-weight: 400;    height: 50px;    line-height: 1px;    border-radius: 4px;    border: 1px solid #eaeaea;    background-color: #fff;   padding-left: 10px;    margin-bottom: 25px;    position: relative;    -webkit-box-shadow: none;    box-shadow: none;    -webkit-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
.contact-field-btn button {    cursor: pointer;   background: var(--blueColor);    border: 0px;    font-size: 16px;    padding: 14px 22px 14px 22px;    border-radius: 50px;    transition: 0.5s;    color: #fff !important;}
.contact-field textarea {    caret-color: var(--blueColor);    color: #000;    font-size: 14px;    font-weight: 400;    height: 100px;    border-radius: 4px;    border: 1px solid #eaeaea;    background-color: #fff;    padding-left: 10px;    margin-bottom: 10px;    position: relative;    -webkit-box-shadow: none;    box-shadow: none;    -webkit-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;    padding-top: 10px;}
.color-gradient::after {    position: absolute;    background: var(--YellowColor);    content: "";    display: inline-block;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;    z-index: 9;     border-radius: 25px;}
.content-top {    position: relative;    z-index: 99;}
.address-infomation {    position: relative;    z-index: 99;}
p.top-set {    position: relative;    bottom: 5px;}
.content-top p {    line-height: 23px;    margin-bottom: 22px;    color: #fff;}
.contact-field select{    caret-color: var(--blueColor);    color: #000;    font-size: 14px;    font-weight: 400;    height:50px;    border-radius: 4px;    border: 1px solid #eaeaea;   background-color: #fff;   padding-left: 10px;    margin-bottom: 25px;   position: relative;    -webkit-box-shadow: none;    box-shadow: none;    -webkit-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out; font-size: 16px;}
.form-side h3 {    font-size: 40px;    margin-bottom: 10px;}
.form-side p {    margin-bottom: 10px;}
.box-shadows {    padding: 30px;    background-color: #fff;    -webkit-box-shadow: 0 5px 83px 0 rgb(9 29 62 / 15%);    box-shadow: 0 5px 83px 0 rgb(9 29 62 / 15%);    border-radius: 12px;    z-index: 5;}
.content-top p {    font-size: 25px;}
.address-infomation ul li {    text-align: justify;}