@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Aclonica&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Aclonica&family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@import "../../../node_modules/@fortawesome/fontawesome-free/css/all.css";

@font-face {
	font-family: "Gilroy";
	src: url("../fonts/Gilroy-ExtraBold.eot");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Gilroy";
	src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"),
		url("../fonts/woff2;charset=utf-8;base64,") format("woff"),
		url("../fonts/Gilroy-Light.ttf") format("truetype"),
		url("../fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

:root {
	--primary-color: #00adef;
}
#banner-video {
    position: absolute;
    width: 100%;
    top: 0;
    transform: translate(-50%, 0%);
    left: 50%;
    max-height: 950px;
}
.banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #fffffff7, transparent);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    pointer-events: none;
}
/* banner slider css end*/

.banner {
	background: #f6fdff;
	padding: 200px 0px 150px;
       position: relative;
        z-index: 5;
}

.fix-icon {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Poppins", sans-serif;
}

/*button,*/
/*svg path,*/
/*img,*/
/*i {*/
/*    transition: 0.4s all ease-in-out;*/
/*    cursor: pointer;*/
/*}*/
img {
	width: 100%;
	max-width: max-content;
}

::before,
::after {
	pointer-events: none;
}

p,
li,
a,
input,
span,
textarea,
select,
input::placeholder {
	color: #414141;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	text-decoration: none;
	list-style: none;
	outline: none;
	margin: 0px;
	font-family: "Poppins", sans-serif;
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
}

.baner_marquee {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #171c24;
	font-weight: 600;
	text-transform: capitalize;
	/*font-family: 'Gilroy';*/
	font-family: "Aclonica";
	margin: 0px;
}

p:not(:last-child),
/* li:not(:last-child), */
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
	margin: 0 0 20px;
}

/************ loader *************/
.loader_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #00000060;
	z-index: 9999999;
}

.loader {
	border: 5px solid #f3f3f3;
	border-radius: 92%;
	border-top: 4px solid #00adef;
	width: 40px;
	height: 40px;
	transform: translate(50vw, 48vh);
	-webkit-animation: spina 2s linear infinite;
	animation: spina 2s linear infinite;
	/* border-color: #00ADEF; */
	outline: 1px solid #00adef;
}

/* Safari */
@-webkit-keyframes spina {
	0% {
		-webkit-transform: translate(50vw, 48vh) rotate(0deg);
	}

	100% {
		-webkit-transform: translate(50vw, 48vh) rotate(360deg);
	}
}

@keyframes spina {
	0% {
		transform: translate(50vw, 48vh) rotate(0deg);
	}

	100% {
		transform: translate(50vw, 48vh) rotate(360deg);
	}
}

/******** loader end *********/

.slick-slide {
	position: relative;
	outline: none;
	z-index: 1;
}

.slick-arrow {
	position: absolute;
	top: 45%;
	height: auto;
	border: none;
	outline: none;
	background-color: rgba(255, 255, 255, 0);
	text-indent: -9999px;
	z-index: 1;
	cursor: pointer;
	width: 100%;
}

.slick-arrow:before {
	position: absolute;
	content: "";
	background-image: url(../image/arrow.png);
	background-position: center center;
	background-color: #414141;
	background-repeat: no-repeat;
	border-radius: 0px 10px 10px 0px;
	width: 32px;
	height: 64px;
	background-size: 10px;
}

.slick-arrow.slick-prev:before {
	left: -222px;
}

.slick-arrow.slick-next:before {
	left: unset;
	right: -222px;
	transform: rotate(180deg);
}

.slick-dots {
	display: none !important;
}

.social_links_fixed a {
	color: #000;
	padding: 7px;
}

.social_links_fixed li {
	padding: 6px 0px;
	text-align: center;
	display: block;
}

.social_links_fixed li:hover {
	color: #fff;
	background: #000;
	border-radius: 5px;
	transition: 0.4s all ease-in-out;
}

.social_links_fixed li:hover a {
	color: #f6fdff;
}

.hd-active .main-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	background-color: #f6fdff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 999;
	overflow: hidden;
	padding: 15px 15px;
}

.d-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.wrap-flex {
	flex-wrap: wrap;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
}

.pr60 {
	padding-right: 60px;
}

.pl60 {
	padding-left: 60px;
}

.gap-30 {
	gap: 30px;
}

.gap-20 {
	gap: 20px;
}

.mt50 {
	margin-top: 50px;
}

.w-50 {
	width: calc(100% / 2 - 35px);
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}

.w-30 {
	width: 30%;
}

.w-20 {
	width: 20%;
}

.w-70 {
	width: 70%;
}

.mt25 {
	margin-top: 25px;
}

.just-start {
	justify-content: flex-start;
}

.pad100 {
	padding: 100px 15px;
}

.pb100 {
	padding-bottom: 100px;
}

.pt100 {
	padding: 100px 15px 0px;
}

.top-bar {
	background: #000;
	padding: 10px 15px;
}

.top-bar a {
	color: #fff;
}

/* banner slider css start*/

.banner-text h3.sub-hd {
	font-family: "Amaranth";
	font-size: 28px;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}

.slider-arrow {
	background-image: none !important;
	background-color: #414141;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px 10px 10px 0px;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	width: 30px;
	height: 44px;
	left: 0px;
	z-index: 1;
}

.slider-arrow.slider-right {
	left: unset;
	right: 0;
	border-radius: 10px 0px 0px 10px;
}

#gallery_slide-swiper .swiper-pagination {
	position: relative;
	margin-top: 35px;
	margin-left: 80px;
	height: 1px;
}

#gallery_slide-swiper span.swiper-pagination-bullet {
	font-size: 0;
	width: 20px;
	border-radius: 0;
	height: 3px;
	opacity: 1;
	background-color: #fff;
}

#gallery_slide-swiper span.swiper-pagination-bullet-active {
	background-color: #414141;
}

#gallery_slide-swiper .swiper-pagination::before {
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	background-color: #414141;
	left: -170px;
	top: 2px;
	right: 0;
	margin: auto;
}

#banner-video {
    position: absolute;
    width: 100%;
    top: 0;
    transform: translate(-50%, 0%);
    left: 50%;
    max-height: 950px;
}
.banner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #fffffff7, transparent);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    pointer-events: none;
}
/* banner slider css end*/
.swiper-container {
    z-index: 9;
}
.banner {
	background:  #eefaff;
	padding: 200px 0px 150px;
       position: relative;
}

.fix-icon {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}


.social-link {
	display: block;
	width: 100%;
}

.social-link img {
	padding: 5px;
	border-radius: 10px;
}

.social-link:hover img {
	filter: invert(1);
	transform: scale(0.8);
	background-color: #fff;
}

.menu-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: #000000bd; */
}

.menu-container {
	position: relative;
	top: 0;
	top: 0;
	width: 350px;
	transition: 0.4s all linear;
	background-color: #33c8e9;
	height: 100vh;
}

.menu {
	display: none;
	flex-wrap: wrap;
}

.menu {
	flex-direction: column;
	gap: 0px;
	display: none;
}

.navbar .open,
.navbar.active .close,
.navbar.active .menu-wrapper,
.toggle-menu svg {
	display: block;
}

/* .navbar.active .open,
    .navbar .close {
        display: none;
    } */

.hd-active .act-defbtn {
	padding: 15px 20px;
}

.site-nabavr {
	margin-right: 0;
	gap: 80px;
	flex-direction: row-reverse;
}

.toggle-menu svg {
	cursor: pointer;
	color: #000000;
	width: 45px;
	height: 45px;
}

.logo img {
	width: 100%;
}

.logo {
	width: 200px;
}

.toggle-menu .close {
	position: absolute;
	top: 10px;
	z-index: 9999;
	color: #33c8e9;
	background-color: #f6fdff;
	right: 10px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 34px;
	cursor: pointer;
}

.defbtn {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	transition: 0.4s all ease-in-out;
	border-radius: 9px;
	background: #414141;
	padding: 17px 30px;
	display: inline-block;
	line-height: 20px;
}

.defbtn:hover i {
	padding-left: 20px;
}

.defbtn i {
	padding-left: 8px;
	transition: 0.4s all ease-in-out;
	/*font-size: 19px;*/
	/*line-height: 19px;*/
}

.main-header {
	padding: 20px 15px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 9;
}

.navbar.active .menu {
	display: block !important;
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 85vh;
	z-index: 999;
	padding: 0;
	padding-top: 70px;
	padding-bottom: 50px;
	overflow-x: hidden;
}

.menu li a {
	color: #fff !important;
	padding: 20px 25px;
	display: block;
}

.menu li:last-child a {
	padding-bottom: 0px;
}

.menu li:not(:last-child) {
	border-bottom: 1px solid #ffffff59;
}

.header-left .navbar {
	margin-left: -90px;
}

.header-left {
	gap: 40px;
}

.banner h1 {
	color: #000;
	font-size: 45px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.banner-text h2,
.banner-text h1 {
	font-family: aclonica;
	font-size: 45px;
}

.banner-text>p {
	font-family: amaranth;
}

.banner-img img {
	width: 100%;
}

.baner_marquee {
	background: #414141;
	padding: 20px 10px;
	position: relative;
	overflow: hidden;
}

.baner_marquee p,
.baner_marquee span {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.baner_marquee span {
	color: #00abef;
}

.baner_marquee p {
	animation: marquee 30s linear infinite;
	text-align: left;
	transform: translateX(100%);
	white-space: nowrap;
}

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

.blue-btn,
.defbtn:hover {
	background: #00adef;
}

.blue-btn:hover {
	background: #000;
}

.phone-col .fa-phone-volume {
	color: #fff;
	background-color: #000;
	font-size: 24px;
	padding: 8px;
	line-height: 32px;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 12px;
}

.phone-col p {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
}

.phone-col p i {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	display: block;
}

.banner-btn-group {
	justify-content: flex-start;
	gap: 40px;
}

.choose-col {
	width: calc(100% / 3 - 40px);
	display: flex;
	flex-wrap: wrap;
	gap: 40px 0px;
}

.why-choose_outer .choose_img.choose-col img {
	width: 100%;
	display: block;
	max-width: 300px;
	margin: 0 auto;
}

.why-choose_outer .main-content p,
.we_provide .main-content p {
	max-width: 1000px;
	margin: 0 auto;
}

.choose-card img {
	border: 1px solid rgba(0, 173, 239, 0.35);
	padding: 10px;
	width: auto;
}

.choose-left {
	text-align: right;
}

.choose-card h3 {
	color: #000;
	text-align: right;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	padding-bottom: 14px;
}

.choose-card h3::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	bottom: -0px;
	right: 0;
	background: #2070b5;
}

.choose-right h3,
.choose-right h3::before {
	text-align: left;
	right: unset;
	left: 0;
}

.sub-hd {
	color: #00adef;
	font-size: 20px;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
}

.main-hedaing, .main-hedaing span {
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	font-family: "Aclonica";
}
.blue-text {
	color: #03abeb;
}

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

.product_outer {
	background: #fafafa;
}

.product_outer .main-content {
	text-align: left;
}

.pro-btn_block {
	display: none !important;
}

.product_card {
	border-radius: 9px;
	cursor: pointer;
	border: 1px solid #e0e0e0;
	background: #fff;
	padding: 40px 25px;
	transition: 0.4s all ease-in-out;
	width: calc(100% / 3 - 60px);
	position: relative;

}

.product_card a {
	display: block;
}

.product_card h3 {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-bottom: 10px;
	transition: 0.4s all ease-in-out;
	font-family: "Poppins", sans-serif;
	position: relative;
	max-width: max-content;
}

.product_card h3::before {
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	transition: 0.4s all ease-in-out;
	bottom: -0px;
	left: 0;
	background: #00adef;
}


.wishlist {
	position: relative;
}

.wishlist span {
	border-radius: 0px 30px 30px 0px;
	background: #414141;
	padding: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	display: block;
	margin-left: -30px;
	width: 70px;
	opacity: 0;
	position: absolute;
	top: 0;
}

.product_card:hover .wishlist span {
	opacity: 1;
	padding-left: 30px;
}

.product_card:hover {
	border: 1px solid #00adef;
}

.product_card:hover svg path {
	fill: #fb0000;
	stroke-width: 1px;
	stroke: #fb0000;
}

.discount-price i {
	color: #414141;
	font-size: 24px;
	font-style: normal;
}

.discount-price {
	font-size: 32px;
	line-height: normal;
	opacity: 0;
	width: 0px;
}

.product_card:hover .discount-price {
	opacity: 1;
	width: auto;
}

.product_card:hover .regular-price {
	padding-left: 15px;
}

.regular-price i {
	color: #00adef;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	font-style: normal;
}

.regular-price {
	color: #00adef;
	font-size: 32px;
}

.price {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.add-cart {
	padding: 16px 24px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	border-radius: 8px;
	background: #414141;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}

.product-customize {
	margin-top: 10px;
}

.add-cart img {
	border-radius: 9px;
	background: #fff;
	padding: 14px;
	vertical-align: middle;
}

.add-cart:hover {
	background: #00adef;
}

.product_image {
	display: block;
	margin: 0 auto 20px;
}

.text-left {
	text-align: left;
}

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

.abt_img {
	position: relative;
}

.abt_img .girl-img {
	position: absolute;
	right: 0px;
	bottom: -70px;
}

.half-list li {
	width: calc(100% / 2 - 70px);
	border-radius: 9px;
	border: 1px solid #d9d9d9;
	margin: 0;
	position: relative;
	padding: 10px 10px 10px 48px;
}

.half-list li::before {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background-image: url(../image/list-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px;
	top: 0;
	bottom: 0;
	left: 7px;
	margin: auto;
	border: 1px solid #9a9a9a63;
	border-radius: 5px;
	pointer-events: none;
}

.half-list {
	flex-wrap: wrap;
	gap: 25px 20px;
	padding: 0;
	justify-content: space-between;
	max-width: 100%;
}

.about_outer ul.half-list {
	margin-bottom: 15px;
}

form.getintouch span.qty_inc {
	background: #606060;
	border-radius: 30px;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	transition: 0.1s all linear;
	display: inline-block;
	font-weight: 500;
	width: calc(100% / 4 - 30px);
	text-align: center;
	line-height: 20px;
}

form.getintouch span.qty_inc:hover {
	background: var(--primary-color);
}

span.error,
span.invalid-feedback {
	color: red !important;
	font-size: 14px !important;
}

span.invalid-feedback strong {
	font-weight: 400;
}

input.error,
select.error {
	border-color: red !important;
}

.abt-content .half-list li {
	font-size: 17px;
	font-weight: 600;
	text-wrap: wrap;
}

.blue-para {
	border-radius: 9px;
	background: #f4fcff;
	padding: 15px;
	border-left: 10px solid #00adef;
	font-weight: 600;
}

.quality_grid {
	background: #f6fdff;
}

.quality-col {
	overflow: hidden;
}

.quality-col:hover img {
	transform: scale(0.5);
	transition: 0.4s all ease-in-out;
}

.custmize_product_outer .galley-outer.pb100 {
	padding-bottom: 0;
}

.galley-outer {
	overflow: hidden;
}

.galley-col .slick-arrow.slick-prev:before {
	left: 0;
	background-color: #fff;
	background-image: url(../image/gall-arrow.png);
}

.galley-col .slick-arrow.slick-next:before {
	right: 0;
	background-color: #fff;
	background-image: url(../image/gall-arrow.png);
}

.galley-col .slick-arrow {
	opacity: 0;
}

.galley-col:hover .slick-arrow {
	opacity: 1;
}

.review-col {
	padding: 40px 30px;
	border-radius: 9px;
	background: #00adef;
}

.review-card {
	border-radius: 9px;
	transition: 0.4s all ease-in-out;
	background: #fff;
	padding: 20px;
}

.review-card:not(:last-child) {
	margin-bottom: 20px;
}

.review-card h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 5px !important;
}

.review-card span {
	color: #5e5e5e;
	font-size: 18px;
	font-weight: 400;
}

.galley-col {
	position: relative;
}

.galley-col .slider-arrow {
	background-color: #fff;
	color: #00adef;
}

.galley-col .slider-arrow:hover {
	background-color: #00adef;
	color: #fff;
}

.gallery-rev-col {
	width: calc(100% / 2 - 45px);
}

.galley-img img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	object-fit: cover;
	width: 100%;
	object-position: center;
}

.galley-img {
	max-height: 560px;
	border-radius: 25px;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
		rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.big-para {
	font-size: 32px;
	font-weight: 400;
	line-height: 48px;
	max-width: 840px;
	margin: 0 auto 20px !important;
}

.bottle-brand .main-content {
	max-width: 1000px;
	margin: 0 auto;
}

.brand-col {
	width: calc(100% / 4 - 1.5px);
	border: 1px solid #d9d9d9;
	border: 0px 0px 1px 1px;
	padding: 30px 0px;
	overflow: hidden;
}

.brand-col img {
	width: 100%;
}

.brand-col:nth-last-child(-n + 4) {
	border-top: 0;
	border-right: 0;
}

.brand-col:nth-last-child(n + 4) {
	border-right: 0;
}

.brand-col img {
	display: block;
	margin: 0 auto;
	animation: shake 0.9s;
	max-width: 250px;
}

.brand-col:hover img {
	animation-iteration-count: infinite;
	transform: rotate(1deg);
}

@keyframes shake {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}

	10% {
		transform: translate(-1px, -2px) rotate(-1deg);
	}

	30% {
		transform: translate(3px, 2px) rotate(0deg);
	}

	40% {
		transform: translate(1px, -1px) rotate(1deg);
	}

	60% {
		transform: translate(-3px, 1px) rotate(0deg);
	}

	70% {
		transform: translate(3px, 1px) rotate(-1deg);
	}

	90% {
		transform: translate(1px, 2px) rotate(0deg);
	}

	100% {
		transform: translate(1px, -2px) rotate(-1deg);
	}
}

.brand-col:nth-child(4),
.brand-col:nth-child(8) {
	border-right: 1px solid #d9d9d9;
}

#businesses_slide-swiper {
	max-width: 1440px !important;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	height: auto;
}

#businesses_slide-swiper .swiper-slide.swiper-slide-next .busine_card {
	background-color: #fff;
	-webkit-transform: translateY(24px);
	transform: translateY(20px);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#businesses_slide-swiper .swiper-pagination-bullet {
	width: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #414141;
	font-size: 0;
	height: 3px;
	border-radius: 0;
	opacity: 1;
}

#businesses_slide-swiper .swiper-pagination {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

#businesses_slide-swiper .swiper-pagination-bullet-active {
	background: #007aff !important;
}

.busine_card h4 {
	color: #414141;
	font-size: 24px;
	text-align: center;
	font-style: normal;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: normal;
}

.busine_card img {
	display: block;
	width: 100%;
	max-width: max-content;
	margin: 0 auto 12px;
}

.busine_card:hover {
	background-color: #fff;
	-webkit-transform: translateY(24px);
	transform: translateY(20px);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.busine_card {
	padding: 20px;
	will-change: transform;
	width: 100%;
	transition: 0.4s all ease-in-out;
}

.faq-col.active-col {
	border-radius: 10px;
	background: #f5f5f5;
	margin-bottom: 20px;
	padding: 40px;
	cursor: pointer;
}

.faq-col h3 {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
	position: relative;
	padding-left: 18px;
}

.faq-col h3::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #000000;
	left: 0;
	top: 0px;
	bottom: 0;
	margin: auto;
	border-radius: 50px;
}

.faq-col p {
	color: #919191;
	margin-top: 15px;
}

.faq-col.active-col p {
	display: block;
}

.faq-col p {
	transition: 0.3s all ease-in-out;
	display: none;
}

.faq-col.active-col .upp-arrow {
	display: block;
}

.faq-col .down-arrow {
	display: block;
}

.faq-col .upp-arrow {
	display: none;
}

.faq-col.active-col .down-arrow {
	display: none;
}

.faq-col {
	padding: 30px 40px 10px;
}

.faq-form {
	border-radius: 5px;
	background: #414141;
	padding: 70px 40px;
	margin-right: 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.faq-form form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.faq-form input,
.faq-form textarea {
	padding: 10px;
	width: 100% !important;
	height: 55px;
	border-radius: 5px;
	margin-bottom: 0px !important;
	background: #fff;
	box-sizing: border-box;
	margin-bottom: 5px;
	border: none;
	outline: none;
}

.faq-btn_mob {
	display: none;
}

.faq-form textarea {
	height: 160px !important;
}

.faq-form input::placeholder,
.faq-form textarea::placeholder {
	color: #505050;
	line-height: normal;
}

.mid-hd {
	color: #fff;
	font-size: 32px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	transition: 0.4s all ease-in-out;
	line-height: normal;
	position: relative;
}

.mid-hd::after {
	position: absolute;
	content: "";
	width: 55%;
	height: 3px;
	background-color: #ffffff;
	transition: 0.5s all ease-in-out;
	left: 0;
	bottom: -14px;
	pointer-events: none;
}

.faq-form .submit-btn {
	background-color: #00adef;

	color: #fff;
	cursor: pointer;
	transition: 0.4s all ease-in-out;
	border: 0;
	margin: 0;
}

.faq-form .submit-btn:hover {
	background-color: #fff;
	color: #414141;

}

.contact-form form {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 18px;
	justify-content: space-between;
}

.contact-form form .half-col {
	width: calc(100% / 2 - 20px);
}

.contact-form form input,
.contact-form form select,
.contact-form form textarea {
	border: 0px;
	border-bottom: 1px solid #e2e2e2 !important;
	background-color: transparent;
	color: #9a9a9a;
	padding-bottom: 10px;
	outline: none;
	width: 100% !important;
	max-width: 100%;
}

.contact-form form .full-col input,
.contact-form form .full-col textarea {
	width: 100%;
}

.contact-form form input::placeholder,
.contact-form form option,
.contact-form form textarea::placeholder {
	color: #9a9a9a !important;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: normal;
}

.submit-btn {
	border-radius: 7px;
	background: #414141;
	padding: 14px 20px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	transition: 0.4s all ease-in-out;
	font-size: 20px;
	font-weight: 600;
	margin-top: 30px;
	line-height: normal;
	display: inline-block;
	align-items: center;
	cursor: pointer;
	border: 0px;
}

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

.submit-btn:hover {
	background: #00adef;
}

.submit-btn:hover i {
	margin-left: 20px;
	transition: 0.6s all ease-in-out;
}

.submit-btn i {
	margin-left: 15px;
}

.contact-form .main-hedaing {
	margin-bottom: 30px !important;
	position: relative;
}

.contact-form:hover .main-hedaing::after {
	width: 35%;
}

.contact-form .main-hedaing::after {
	position: absolute;
	content: "";
	width: 15%;
	height: 5px;
	background: #00adef;
	transition: 0.5s all ease-in-out;
	left: 0;
	bottom: -14px;
	pointer-events: none;
}

.contact-img img {
	display: block;
}

.blog {
	position: relative;
}

.blog::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 520px;
	pointer-events: none;
	transition: 0.4s all ease-in-out;
	background-image: url(../image/blog.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -1;
}

.blog-card {
	transition: 0.4s all ease-in-out;
	width: calc(100% / 3 - 30px);
	overflow: hidden;
	border-radius: 9px;
}

.blog-card:hover .blog-img img {
	transform: scale(1.2);
}

.blog-img {
	display: block;
	overflow: hidden;
	position: relative;
}

.blog_content {
	padding: 30px;
	border: 1px solid #d9d9d9;
	border-top: transparent;
	border-radius: 0px 0px 10px 10px;
	position: relative;
}

.blog-link span {
	background-color: #ffffff;
	padding: 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	position: absolute;
	top: -50px;
	right: 30px;
	border-radius: 10px;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #000000;
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.blog-card {
	width: 100%;
	overflow: hidden;
}

.blog-card:hover .blog-link span {
	background-color: #00adef;
	border-color: #00adef;
	color: #fff;
}

.blue-bottom-line {
	position: relative;
	max-width: max-content;
}

.blue-bottom-line:hover .blue-bottom-line::before {
	width: 100%;
}

.blue-bottom-line::before {
	position: absolute;
	content: "";
	width: 120%;
	height: 3px;
	transition: 0.4s all ease-in-out;
	left: 0;
	bottom: -14px;
	pointer-events: none;
	background: #00adef;
}

.mid-heading {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	transition: 0.4s all ease-in-out;
	font-family: "Poppins", sans-serif;
}

.black-btn {
	color: #414141;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	display: block;
	transition: 0.4s all ease-in-out;
	border-top: 1px solid #ddd;
	width: 100%;
	display: block;
	padding-top: 20px;
	margin-top: 30px;
}

.blog-card:hover .black-btn {
	color: #00adef;
}

.black-btn i {
	padding-left: 7px;
	font-size: 19px;
	line-height: 19px;
	color: #00adef;
}

.blog-card:hover .black-btn i {
	padding-left: 15px;
	color: #414141;
}

.blog-outer .defbtn {
	max-width: max-content;
	margin: 30px auto 0;
	display: block;
}

/* footer css start */

.footer-bottom p,
.footer-bottom li a,
.footer-bottom h3 {
	color: #fff;
}

.ft-col {
	width: calc(100% / 4 - 20px);
}

.ft-col ul {
	padding: 0;
	margin: 0;
}

.footer_nav li {
	padding-left: 18px;
	position: relative;
	margin-bottom: 5px;
}

.footer_nav li:hover a {
	color: #00adef;
}

.footer_nav li::before {
	position: absolute;
	content: "";
	background-color: #00adef;
	left: 2px;
	top: 0;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 12px;
}

.ft-col h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	line-height: 36px;
	margin-bottom: 10px !important;
}

.ft-cont a {
	display: flex;
	margin-bottom: 10px;
	/*flex-wrap: wrap;*/
	gap: 20px;
	align-items: flex-start;
	transition: 0.4s all ease-in-out;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
}

.ft-cont a:hover {
	color: #00adef;
}

.ft-cont a img {
	display: block;
	max-width: 22px;
	border: 1px solid #fff;
	padding: 10px;
}

.ft-cont a:hover img {
	filter: brightness(0) invert(1);
	transform: scale(0.8);
}

.ft-cont a p {
	line-height: normal;
}

.footer_social a img {
	animation: shake 0.9s;
}

.footer_social a:hover img {
	animation-iteration-count: infinite;
}

.copyright-col {
	border-top: 1px solid #ffffff98;
	margin-top: 20px;
	padding-top: 20px;
	color: #fff;
	text-align: center;
}

.copyright-col a {
	color: #fff;
	text-align: center;
	transition: 0.4s all ease-in-out;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	max-width: max-content;
	margin: 0 auto;
}


.ft-socials {
	display: inherit;
}

.ft-socials li a {
	padding: 0px 15px;
}

.ft-cont i {
	color: var(--primary-color);
	padding: 20px 10px;
}

/* Footer End */

/* inner pages start */
/* about page start */
.inner-banner {
	background-position: center right;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 250px 15px;
	background-color: #eefaff;
}

.inner-banner h1 {
	color: #000;
	font-size: 51px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	position: relative;
}

.inner-banner h1::before {
	position: absolute;
	content: "";
	width: 150px;
	height: 5px;
	bottom: -10px;
	background: #00adef;
	margin: 0px;
}

.about_sec_2 {
	background-size: 0% 50%;
	background: linear-gradient(to top, #f6fdff 70%, #fff 30%);
	position: relative;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #f6fdff;
}

.about_sec_2 {
	display: none;
}

.about_sec_2::after {
	position: absolute;
	content: "";
	background-color: #f6fdff;
	height: 50%;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
}

.abt_para p {
	padding-top: 100px;
	text-align: justify;
}

.about_sec_2 .gap-30 {
	gap: 50px;
	align-items: flex-start;
}

.abt_image_sec {
	width: 50%;
}

.abt_image_sec img {
	width: 100%;
	display: block;
	min-height: 450px;
	object-fit: cover;
}

.abt_image_sec h4 {
	position: relative;
	color: #000;
	padding-top: 20px;
}

.abt_image_sec h4::before {
	position: absolute;
	content: "";
	width: 150px;
	height: 2px;
	bottom: 0px;
	background: #2070b5;
	margin: -5px 0;
}

.abt_image_sec p {
	text-align: justify;
	text-wrap: wrap;
}

.abt_more_info h4 {
	color: #000;
}

/* about_sec_2 end */

/* We Provide */

.we_provide .choose-col {
	width: calc(100% / 3 - 40px);
	display: flex;
	flex-wrap: wrap;
	gap: 40px 0px;
	transition: 0.4s all ease-in-out;
}

.we_provide .choose-card_img {
	margin-right: -45px;
}

.we_provide .choose-card {
	border: 1px solid #d9d9d9;
	border-radius: 9px;
	padding: 20px;
}

.we_provide .choose-card img {
	border: 1px solid rgba(0, 173, 239, 0.35);
	padding: 5px;
	background-color: #414141;
	border-radius: 9px;
	width: auto;
}

.we_provide .choose-card_imgright {
	margin-left: -45px;
}

.we_provide .choose-left {
	text-align: right;
}

.we_provide .choose_img.choose-col {
	justify-content: center;
}

.we_provide .choose-card h3 {
	color: #000;
	text-align: right;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	padding-bottom: 14px;
}

.we_provide .choose-card h3::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	bottom: -0px;
	right: 0;
	background: #2070b5;
}

.we_provide .choose-right h3,
.we_provide .choose-right h3::before {
	text-align: left;
	right: unset;
	left: 0;
}

.we_provide_tab ul li:hover {
	background: #00adef;
	color: #fff;
}

ul.we_provide_list {
	border-radius: 9px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.we_provide_tab ul li {
	margin: 0 0 0px;
	gap: 0;
	padding: 10px;
	width: 100%;
	text-align: center;
	border: 1px solid #d9d9d9;
	cursor: pointer;
	white-space: nowrap;
}

.we_provide_tab ul li:first-child {
	border-radius: 9px 0 0 9px;
}

.we_provide_tab ul li:last-child {
	border-radius: 0px 9px 9px 0px;
}

.we_provide .main-content {
	padding-bottom: 15px;
}

/* we provide end */

/* blog */

.blog {
	position: relative;
	transition: 0.4s all ease-in-out;
}

.blog::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 520px;
	pointer-events: none;
	background-image: url(../image/blog.png);
	transition: 0.4s all ease-in-out;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -1;
}

/*.blog-card {*/
/*    width: calc(100% / 3 - 30px);*/
/*    overflow: hidden;*/
/*}*/

.blog-card:hover .blog-img img {
	transform: scale(1.2);
}

.blog-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	transition: 0.4s all ease-in-out;
}

.blog_content {
	padding: 30px;
	border: 1px solid #d9d9d9;
	border-top: transparent;
	border-radius: 0px 0px 10px 10px;
	position: relative;
}

.blog_content p {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.blog-link span {
	background-color: #ffffff;
	padding: 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	position: absolute;
	top: -50px;
	transition: 0.4s all ease-in-out;
	right: 30px;
	border-radius: 10px;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #000000;
}

.blog-card:hover .blog-link span {
	background-color: #00adef;
	border-color: #00adef;
	color: #fff;
}

.blue-bottom-line {
	position: relative;
	transition: 0.4s all ease-in-out;
}

.blue-bottom-line:hover .blue-bottom-line::before {
	width: 80%;
}

.blue-bottom-line::before {
	position: absolute;
	content: "";
	width: 50%;
	height: 3px;
	transition: 0.4s all ease-in-out;
	left: 0;
	bottom: -14px;
	pointer-events: none;
	background: #00adef;
}

/*.mid-heading {*/
/*    color: #000;*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    line-height: 30px;*/
/*    font-family: "Poppins", sans-serif;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 4;*/
/*    display: -webkit-box;*/
/*    text-align: justify;*/
/*    word-break: break-word;*/
/*    hyphens: auto;*/
/*    hyphenate-character: "-";*/
/*    -webkit-box-orient: vertical;*/
/*}*/

/* blog */

/* Contact Page */

.contact-link img {
	border: 1px solid #d9d9d9;
	padding: 5px;
}

.contact_img img {
	width: 100%;
}

.contact-link span {
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	transition: 0.4s all ease-in-out;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
}

.contact-link:not(:last-child) {
	margin-bottom: 20px;
}

.contact-link span:hover {
	color: #00adef;
}

.contact-grid .container {
	max-width: calc((100% - 1400px) / 2 + 1400px) !important;
	margin-left: 0px;
}

.contact-grid {
	background: linear-gradient(#ffffff, #ffffff) 36% 50% / calc(100% + 60px) calc(100% - 2px) no-repeat,
		linear-gradient(90deg,
			#ffffff 40%,
			#00adef 48%,
			#00adf4 99.2%,
			rgba(0, 173, 239, 1) 100%,
			#ffffff 97%);
	overflow: hidden;
}

.about_contact {
	margin-top: 100px;
}

.contact_bor {
	border-radius: 9px;
	border: 1px solid #888888b5;
	padding: 30px;
}

.contact_bor form {
	gap: 20px;
}

.contact-img img {
	display: block;
	width: 100%;
	object-fit: cover;
	min-width: 790px;
}

/* Free Estimate */
.free_estimate {
	background-color: #414141;
	padding: 50px 15px;
}

.free_estimate h2 {
	color: #fff;
	font-family: "poppins", sans-serif;
}

/* Free Estimate */

.defbtn-white {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	transition: 0.4s all ease-in-out;
	border-radius: 9px;
	background: #fff;
	padding: 20px 30px;
	display: inline-block;
	line-height: 20px;
}

.defbtn-white:hover {
	color: #fff;
}

.defbtn-white img {
	filter: invert(1);
}

.defbtn-white img:hover {
	filter: brightness(0) invert(1);
}

/* Contact Quality Section */

.quality_grid {
	background: #f6fdff;
}

.quality_grid_white {
	background: #ffffff;
}

.quality-col {
	overflow: hidden;
}

.quality-col:hover img {
	transform: scale(0.8);
}

/* Contact Quality Section */
/* Location Sec */
.map_img img {
	width: 100%;
	display: block;
}

/* Location Sec */
/* blog */

.blog-arrow-left img {
	border-radius: 9px;
	transition: 0.4s all ease-in-out;
	background: #414141;
	padding: 15px;
}

.blog-arrow-left img,
.blog-arrow-right img:hover {
	background: #00adef;
}

.blog-arrow-right img {
	border-radius: 9px;
	transition: 0.4s all ease-in-out;
	background: #414141;
	padding: 15px;
}

/* blog */
/* single_blog_sec */

.single_blog_sec {
	padding: 100px 0 40px;
}

.single_blog_flex {
	gap: 50px;
}

.latest_blog {
	border: 1px solid #d9d9d9;
	padding: 40px 25px;
	/*max-width: 300px;*/
}

.lat_posts_heading {
	font-size: 18px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-word;
	hyphens: auto;
	hyphenate-character: "-";
	-webkit-box-orient: vertical;
}

.blog_ul {
	position: relative;
	max-width: max-content;
}

.s_blog_img img {
	width: 100%;
}

.single-post-text .main-hedaing {
	font-size: 35px;
	line-height: normal;
}

.blog_ul::before {
	position: absolute;
	content: "";
	width: 90%;
	height: 2px;
	bottom: -8px;
	background: #00adef;
}

.lat_posts_img img {
	display: block;
	min-height: 80px;
	margin: 0 auto;
	width: 100%;
	max-height: 80px;
	object-fit: cover;
	border-radius: 2px;
	border: 0.3px solid #ddd9;
}

.blog_date {
	position: absolute;
	z-index: 1;
	bottom: 20px;
	padding: 10px 20px;
	border-radius: 0px 30px 30px 0px;
	background: #fff;
	color: #515151;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.blog_date i {
	padding-right: 8px;
	color: #00adef;
}

.lat_posts a {
	margin-bottom: 10px;
}

.lat_posts_heading p {
	font-size: 18px;
}

.blog_category_list li {
	list-style: disc;
	color: #00adef;
}

.blog_category_list li a {
	color: #414141;
}

.blog_category_list li a:hover {
	color: #00adef;
}

ul.blog_category_list {
	padding: 0px 20px;
}

.post_blue {
	font-weight: 500;
	color: #414141;
	padding: 40px;
	background: #f4fcff;
	border-left: 12px solid #00adef;
}

.note_author {
	position: relative;
	padding-left: 30px;
}

.note_author::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	top: 10px;
	left: 0;
	border: 1px solid #00adef;
	background: #00adef;
}

.post_list {
	padding: 0 20px;
}

.post_list li {
	list-style: disc;
	font-weight: 500;
}

/* single_blog_sec */
/* comment_sec */
.comment_sec {
	background-color: #f6fdff;
}

.cmnt_box {
	background-color: #ffffff;
	padding: 50px 30px;
	border-radius: 9px;
}

.cmnt_box_left .sub-hd-black {
	font-weight: 700;
	color: #000000;
}

.contact_bor1 {
	border-radius: 9px;
	border: 1px solid #888;
	padding: 30px;
	background: #414141;
}

.contact_bor1 .main-hedaing {
	color: #fff;
}

.contact_bor1 p {
	color: #fff;
}

.submit-btn1 {
	transition: 0.4s all ease-in-out;
	background-color: #fff;
	color: #000;
}

/* .free_btn {
        max-width: max-content;
    } */

/* comment_sec */
/* Gallery */
.gallery_sec_flex {
	padding-top: 100px;
	gap: 50px;
}

.gal_categories ul {
	padding: 0;
}

.gal_categories ul li {
	margin: 5px 0;
}

.gal_categories ul li input {
	margin-right: 5px;
}

.gal_sec .sub-hd {
	color: #414141;
}

.label-des {
	display: block;
	position: relative;
	padding-left: 40px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 0.4s all ease-in-out;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid #9a9a9a;
}

.label-des input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.label-des:hover input~.checkmark {
	background-color: #fff;
}

.label-des input:checked~.checkmark {
	background-color: #fff;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.label-des input:checked~.checkmark:after {
	display: block;
}

.label-des .checkmark:after {
	top: 4px;
	left: 4px;
	width: 17px;
	height: 17px;
	background: #2196f3;
}

.gal_images {
	gap: 20px;
	justify-content: flex-start;
}

.gal_images .item {
	width: calc(100% / 3 - 20px);
	/*border: 1px solid #E2E2E2;*/
}

.gal_images .item img {
	display: block;
}

.gallery_pagination {
	justify-content: center;
	gap: 10px;
}

.gallery_pagination .gallery-arrow {
	border-radius: 8px;
	background: #414141;
	padding: 10px;
	width: 25px;
	color: #fff;
	display: flex;
	justify-content: center;
	height: 21px;
	align-items: center;
	font-size: 20px;
	line-height: 20px;
}

.gallery-arrow:hover {
	background: #00adef;
}

/* Gallery */
/* Ourpartners */
.our_part_images {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 25px;
	row-gap: 25px;
	cursor: pointer;
}

.part_img img {
	max-width: 250px;
}

.part_img {
	border: 1px solid #d9d9d9;
	text-align: center;
	padding: 15px;
}

.part_img img:hover {
	transform: scale(1.04);
}

/* Ourpartners */
/* Testimonials */

.test_flex {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.test_flex.mt50 {
	margin-top: 70px;
}

.test_card p {
	margin: 0px;
}

.test_card {
	width: auto;
	padding: 30px 25px;
	border: 1px solid #d9d9d9;
	text-align: center;
	position: relative;
	border-radius: 9px;
	min-height: 290px;
	box-sizing: border-box;
}

.test_card .sub-hd {
	font-size: 24px;
}

.test_card .user-img {
	margin-bottom: 20px;
}

.test_card::before {
	position: absolute;
	content: "";
	width: 65px;
	height: 65px;
	top: -30px;
	left: 20px;
	background-color: #414141;
	border-radius: 9px;
	background-position: center;
	background-image: url(../image/qoute.png);
	background-repeat: no-repeat;
	background-size: 25px;
}

.active_tab {
	background: #00adef;
	color: #fff;
}

/* Testimonials */

/* Our Process*/
.we_process_flex {
	overflow: hidden;
	padding-right: 0px;
	padding-left: 0px;
}

.we_num_pro_active {
	background: #00adef !important;
	border: #00adef !important;
	color: #fff;
	display: block;
}

.circle_slide_img_active {
	display: block;
}

.process-col {
	width: calc(100% / 2 - 40px);
}

.circle-slide_img {
	width: 100%;
	position: relative;
	text-align: center;
	max-width: 600px;
}

.circle-slide_img img {
	margin: 0 auto;
	width: 100%;
	max-width: 450px;
	margin-top: 100px;
}

.circle-slide_img .animated {
	display: none;
}

.circle-slide_img .animated.circle_slide_img_active {
	display: block;
}

.we_pro_right {
	display: none;
}

.we_num_pro_active .we_pro_right {
	display: block;
}

.circle-slide_img::before {
	position: absolute;
	content: "";
	width: 570px;
	height: 570px;
	border-radius: 50%;
	top: 0;
	right: 0;
	border: 5px solid #00adef;
	left: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}

.we_num_pro {
	position: relative;
}

.we_num_pro span {
	position: absolute;
	content: "";
	width: 65px;
	height: 65px;
	border: 5px solid #000000;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.4s all ease-in-out;
}

.we_num_pro_active,
.we_num_pro span:hover {
	background: #00adef;
	border: 5px solid #00adef !important;
	color: #fff;
}

.we_pro_6 span {
	top: 215px;
	right: 180px;
}

.we_pro_5 span {
	top: 145px;
	right: 96px;
}

.we_pro_4 span {
	top: 40px;
	right: 48px;
}

.we_pro_3 span {
	top: -80px;
	right: 40px;
}

.we_pro_2 span {
	top: -200px;
	right: 75px;
}

.we_pro_1 span {
	top: -285px;
	right: 161px;
}

.we_pro_right_card_head {
	margin: 20px 0;
}

.we_pro_right_card_head h2 {
	color: #000;
	font-weight: 600;
	margin-left: -50px;
}

.we_pro_right_card {
	border: 1px solid #e2e2e2;
	padding: 30px;
	border-radius: 9px;
}

h4.we_pro_h4 {
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	text-align: left;
	position: relative;
}

h4.we_pro_h4::before {
	position: absolute;
	content: "";
	border: 1px solid #00adef;
	background: #00adef;
	width: 70px;
	height: 2px;
	bottom: -10px;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/* Our Process*/
/* product page start */
ul {
	padding: 0;
	margin: 0;
}

.product_main .product_grid {
	gap: 25px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.product_main .product_card {
	padding: 30px 20px;
	width: auto;
	position: relative;
}

.product_main .wishlist {
	position: absolute;
	left: 0;
}

.product_main .wishlist span {
	margin: 0;
	padding: 10px 20px;
	width: 50px;
}

.product_main .product_card h3 {
	margin-bottom: 8px;
}

.product_main .product_card p {
	margin-bottom: 5px !important;
}

.product_main .add-cart {
	padding: 12px 15px;
}

.product_main .add-cart img {
	border-radius: 7px;
	background: #fff;
	padding: 10px;
	vertical-align: middle;
	width: 100%;
	max-width: 11px;
}

.just-center {
	justify-content: center;
}

.pagination-main li {
	border: 1px solid #d1d1d1;
	justify-content: center;
	margin: 0 !important;
	border-radius: 5px;
	border: 0px;
}

.pagination-main li a {
	margin: 0;
	width: 30px;
	display: flex;
	justify-content: center;
	height: 30px;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	align-items: center;
}

.pagination-main .d-flex {
	gap: 20px !important;
}

.pagination-main li a:hover {
	background-color: #00adef;
	border-color: #00adef;
	color: #fff;
}

.pagi-arrow {
	background-color: #414141;
}

.pagi-arrow i {
	color: #fff;
	line-height: 30px;
}

.pagi-arrow img {
	display: block;
	width: 100%;
	max-width: 18px;
	object-fit: contain;
}

li.pagi-arrow.disabled {
	background: #d1d1d1;
}

li.pagi-arrow.disabled:hover a {
	cursor: not-allowed;
	background: #d1d1d1;
}

.product_form {
	gap: 25px 10px;
	cursor: pointer;
}

.color_pick #cap-color {
	padding: 0;
	height: 40px;
	margin-bottom: 30px;
}

.product_form .color-picker {
	border-radius: 9px;
	border: 1px solid #9a9a9a !important;
	padding: 15px !important;
}

.product_form label {
	display: block;
	color: #9a9a9a;
	font-size: 18px;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 2px;
	line-height: 20px;
}

.price-pro h4 {
	color: #000;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0px !important;
}

.upload-col input[type="file"] {
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	bottom: 0;
	right: 0;
	transform: translateY(44px);
	max-width: 200px;
	padding: 0px !important;
	height: 49px !important;
	cursor: pointer;
	line-height: 16px;
}

.upload-col {
	position: relative;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
}

.upload-col .half-col {
	width: 100%;
	max-width: max-content;
}

.upload-btn {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 7px;
	transition: 0.4s all ease-in-out;
	background: #414141;
	border: 0;
	padding: 12px 10px;
	max-width: 170px;
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-top: 8px;
	outline: none;
	cursor: pointer;
}

.upload-col span {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin: 0;
}

span.bottle-upload.upload-btn:hover {
	border-color: #00adef;
	color: #00adef;
	transition: 0.1s;
}

span.bottle-upload.upload-btn:hover i {
	transition: 0.1s;
}

.upload-col label {
	font-size: 0;
}

/*.product-hide-form {*/
/*    overflow: scroll;*/
/*    height: 540px;*/
/*    overflow-x: hidden;*/
/*}*/

.product-hide-form::-webkit-scrollbar {
	width: 5px;
}

.product-hide-form::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.product-hide-form::-webkit-scrollbar-thumb {
	background: #00adef;
}

.product-hide-form::-webkit-scrollbar-thumb:hover {
	background: #00adf4;
}

.product_form select,
.product_form input {
	border: 0;
	border-bottom: 1px solid #9a9a9a;
	background-color: transparent;
	color: #9a9a9a;
	font-size: 18px;
	padding-bottom: 7px;
	outline: none;
	width: 100% !important;
}

.product_form input::placeholder {
	color: #9a9a9a;
}

.product-descrition {
	padding: 60px 15px 60px;
	border-bottom: 1px solid #ddd;
}

.bottle_btn {
	border-radius: 100px;
	background: #414141;
	max-width: max-content;
	margin: 35px auto 0;
	text-align: center;
	padding: 10px;
}

/*.desc_bottle img {*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*}*/

.bottle-left {
	background-color: #fff;
	border-radius: 9px;
	padding: 50px 60px;
}

.front_btn {
	padding: 20px 60px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 22.05px;
	border: 0;
	outline: none;
	cursor: pointer;
	background-color: transparent;
}

.front_btn.active_btn {
	border-radius: 100px;
	background: #fff;
	color: #00adef;
}

.half-col {
	width: calc(100% / 2 - 21px);
}

.full-col {
	width: 100% !important;
}

.submit-arrow {
	padding: 20px 30px;
	background: #414141;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	border-radius: 9px;
	position: relative;
	border: 0;
	cursor: pointer;
	outline: none;
}

.submit-arrow:hover {
	background-color: rgba(0, 173, 239, 1);
}

.submit-arrow:hover::before {
	background-color: #414141;
}

.submit-arrow i {
	position: absolute;
	background-color: #fff;
	top: 12px;
	right: 10px;
	transition: 0.5s all ease-in-out;
	margin: auto;
	border-radius: 9px;
	color: #414141;
	padding: 10px 12px;
}

.faq-col {
	cursor: pointer;
}

.product-faq .faq-col.active-col {
	background-color: transparent;
}

.product-faq .faq-col.active-col .faq-content {
	display: block;
}

.product-faq .faq-col .faq-content {
	display: none;
}

.product-faq .faq-col {
	padding: 30px 0;
	border-top: 1px solid #ddd;
	border-radius: 0;
}

.full-list {
	max-width: 100%;
	margin-top: 30px;
	justify-content: flex-start;
}

.full-list.half-list li {
	width: calc(100% / 2 - 180px);
	border-radius: 0;
	border: 0;
	position: relative;
	padding: 0 0 0 48px;
	margin-bottom: 10px;
}

.blue_dot-list {
	display: grid;
	grid-template-columns: auto auto;
	gap: 20px;
}

.blue_dot-list li {
	position: relative;
	padding-left: 15px;
	margin: 0;
}

.blue_dot-list li::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	background-color: #00adef;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.faq-col h2 {
	margin: 0px;
}

.explore-grid .product_card {
	width: calc(100% / 4 - 60px);
	padding: 35px 22px;
}

.rating-card {
	border-radius: 10px;
	background: #414141;
	color: #fff;
	padding: 40px 40px;
}

.rating-card h2 {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 0px;
	border-right: 1px solid #d9d9d9;
	padding-right: 20px;
}

.rating-card p {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 5px !important;
}

.rating-bar_col {
	display: flex;
	gap: 10px;
	align-items: center;
}

.rating-bar {
	position: relative;
	width: 100px;
	display: block;
	background-color: #e0e0e0;
	height: 10px;
}

.rating-bar_col {
	display: flex;
	gap: 20px;
	align-items: center;
}

.rating-bar_col:not(:last-child) {
	padding-bottom: 7px;
}

.rating-bar::before {
	position: absolute;
	content: "";
	width: 31px;
	height: 10px;
	background: #ffc267;
}

.rating-bar_col span {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

/* product page end */
/* magic process section  */
.magic-card h4 {
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
	margin-bottom: 8px;
}

.magic-card p {
	color: #515151;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	/*  text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 10;*/
	/*-webkit-box-orient: vertical;*/
	text-align: justify;
	hyphens: auto;
	hyphenate-character: "-";
}

.magic-card {
	display: flex;
	flex-direction: column;
	gap: 110px 0;
	cursor: pointer;
	position: relative;
	width: calc(100% / 5 - 15px);
}

.magic-card:nth-child(2n + 1) .magic-txt p {
	min-height: 302px;
}

.magic-card .magic-txt:nth-child(2n + 1) {
	margin-top: -24px;
}

.magic-card:nth-child(2n + 1) .magic-txt {
	margin-top: 101px;
}

.magic-card:nth-child(2n + 1) .magic-txt h4 {
	min-height: 44px;
}

.magic-card::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #414141;
	transition: 0.4s all ease-in-out;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #fff, 0 0 0 5px #414141;
	transition: 0.4s all ease-in-out;
}

.magic-card:hover::after {
	background-color: #00adef;
	box-shadow: -1px 0 5px #00adef;
}

.magic-card::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 48px;
	background-color: transparent;
	bottom: 0;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
}

.magic-card:hover:before {
	background-color: #00adef;
}

.magic-card:nth-child(even)::before {
	bottom: 30px;
	top: 0;
}

.magic-process .d-flex {
	position: relative;
}

.magic-process .d-flex::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	transition: 0.4s all ease-in-out;
	background-color: #e0e0e0;
}

.magic_event_2 img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.market_img {
	position: relative;
}

.market_img::before {
	position: absolute;
	content: "1";
	width: 70px;
	height: 70px;
	background: #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.4s all ease-in-out;
	z-index: -1;
	color: #414141;
	font-size: 30px;
	font-weight: 800;
	line-height: 32px;
	top: -10px;
	left: 5px;
	pointer-events: none;
}

.magic-card:nth-child(even) .market_img::before {
	top: unset;
	bottom: -10px;
}

.magic-card-2 .market_img::before {
	content: "2";
}

.magic-card-3 .market_img::before {
	content: "3";
}

.magic-card-4 .market_img::before {
	content: "4";
}

.magic-card-5 .market_img::before {
	content: "5";
}

.magic-card:hover .blue-tringle {
	fill: #00adef;
}

.magic-card:hover .market_img::before {
	background-color: #414141;
	color: #fff;
}

.magic-txt {
	padding: 12px;
	border: 1px solid transparent;
}

.magic-card:hover .magic-txt {
	border-color: #00adef;
}

.market_img svg {
	display: block;
	margin-left: 48px;
}

/* magic process section */
/* Marketing Magic */
.event_place_left {
	text-align: right;
}

.event-col h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	position: relative;
}

h3.ev_left:before {
	position: absolute;
	content: "";
	width: 70px;
	height: 2px;
	bottom: -5px;
	right: 0;
	background: #00adef;
}

h3.ev_right:before {
	position: absolute;
	content: "";
	width: 70px;
	height: 2px;
	bottom: -5px;
	background: #00adef;
}

.event-col {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% / 3 - 200px);
	gap: 140px 0px;
}

.event-col p i {
	color: #00adef;
	font-style: normal;
}

.process-left {
	text-align: right;
}

.process-card {
	position: relative;
}

.process-card::before,
.process-card::after {
	position: absolute;
	content: "";
	width: 150px;
	height: 150px;
	background-image: url(../image/drop_Vector.png);
	background-repeat: no-repeat;
	background-size: 94px;
	top: -61px;
	right: -90px;
	z-index: -1;
	pointer-events: none;
}

.process-card::after {
	background-image: url(../image/circle_line.png);
	top: -40px;
	width: 150px;
	height: 100px;
	background-size: 180px;
	right: -130px;
}

.event_place_right .process-card::after {
	right: unset;
	left: -130px;
	transform: rotateY(3.3417rad);
}

.event_place_right .process-card::before {
	right: unset;
	left: -30px;
}

.process-card p {
	max-width: 250px;
	margin: 0;
	text-align: justify;
	word-break: break-word;
	hyphens: auto;
	hyphenate-character: "-";
}

.event_place_center img {
	max-width: 600px;
}

.magic_left {
	width: 50%;
}

.magic_left img {
	display: block;
	width: 100%;
}

input.half-col.date_input {
	width: calc(100% / 2 - 40px);
	border: 1px solid #d9d9d9;
	border-radius: 9px;
	padding: 10px;
}



.contact_bor_2 {
	border-radius: 9px;
	border: 1px solid #888;
	padding: 30px;
	width: 50%;
}

.contact_bor_2 form {
	gap: 36px 30px;
}

.submit-btn-2 {
	border-radius: 9px;
	background: #414141;
	padding: 14px 20px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-top: 30px;
	line-height: normal;
	display: inline-block;
	align-items: center;
	border: 0px;
}

.submit-btn-2 {
	display: flex;
	justify-content: center;
	gap: 20px;
	cursor: pointer;
}

.magic_event_sec {
	background: linear-gradient(to bottom, #fbfbfb 30%, #fff 30%);
	background-position: top center;
	position: relative;
	z-index: 0;
}

.magic_event_2 {
	padding: 60px 0;
}

.magic_para_flex .container {
	max-width: calc((100% - 1400px)/2 + 1400px) !important;
	margin-left: 0px;
	padding: 0 15px;
}

.magic_para_right h2 {
	position: relative;
}

.magic_para_right h2::before {
	position: absolute;
	content: "";
	width: 125px;
	height: 5px;
	left: 0;
	bottom: -7px;
	background: #00adef;
}

/* Marketing Magic */
/* thanks Page  */
.thanks-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 200px 15px;
	margin: 130px 0;
	text-align: center;
	background-color: #f6fdff;
}

.thanks-banner h1::before {
	right: 0;
	left: 0;
	margin: auto;
	bottom: -10px;
}

.thanks-banner h1 {
	margin: 0 auto 30px !important;
}

.thanks-banner p {
	width: 67%;
	margin: 0 auto !important;
}

/* thanks page */

/* Login Page */
.login_main {
	border: 1px solid #bababa;
	border-radius: 9px;
	padding: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.login_left_img img {
	display: block;
	width: 100%;
}

.login_form h4 {
	font-family: "Poppins", sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: left;
}

.login_form img {
	display: block;
	margin: 0 auto;
}

.login_form .main-content {
	padding-bottom: 30px;
	text-align: left;
}

.login_form label {
	display: block;
	width: 100%;
	color: #9a9a9a;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.login_form input[type="email"],
.login_form input[type="password"] {
	border-radius: 8px;
	border: 1px solid #d9d9d9;
	width: 100%;
	height: 58px;
	margin-bottom: 30px;
	padding-left: 5px;
}

.login_checkbox {
	gap: 5px;
}

.login_form_link a {
	color: #00adef;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.loginform button {
	width: 100%;
}

.login_new_acc {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.login_new_acc span {
	color: var(--Gray-3, #828282);
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.login_new_acc span a {
	color: #00adef;
}

/* Login Page */
/* 23.10.2023 */
/* Faq Page */
.inner-banner.faq_banner_head h1::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 5px;
	bottom: 0px;
	background: #00adef;
	margin: -5px 0;
}

.faq-column.active-column {
	border-radius: 10px;
	/*background: #F5F5F5;*/
	background: #f6fdff;
	margin-bottom: 20px;
	padding: 40px;
	cursor: pointer;
	border: none;
}

.faq-column h3 {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
	margin: 0;
}

.faq-column {
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	margin-bottom: 9px;
	cursor: pointer;
}

.faq-column p,
.faq-column.active-column span {
	color: #545252;
	margin-top: 15px;
}

.faq-column.active-column p,
.faq-column.active-column span {
	display: block;
}

.faq-column p,
.faq-column span {
	transition: 0.3s all ease-in-out;
	display: none;
}

.faq-column.active-column .upp-arrow {
	display: block;
}

.faq-column .upp-arrow {
	display: none;
}

.faq-column .down-arrow {
	display: block;
}

.faq-column.active-column .down-arrow {
	display: none;
}

.faq-column .up-arrow {
	display: block;
}

.faq-column {
	padding: 15px 40px;
}

.top_sugg_sec {
	background: #f6fdff;
}

.top_left h2 {
	position: relative;
	margin-bottom: 30px;
}

.top_left h2:before {
	position: absolute;
	content: "";
	background-color: #00abef;
	width: 107px;
	height: 2px;
	flex-shrink: 0;
	bottom: -10px;
	left: 0;
}

.cmnt_box_2 {
	background-color: #ffffff;
	padding: 25px;
	border-radius: 9px;
	box-sizing: border-box;
}

.cmnt_box_2 h4 {
	color: #040404;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 5px;
}

.cmnt_box_2 .cmnt_box_left {
	margin-bottom: 15px;
}

h4.cmnt-blue {
	color: #00adef;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.top_sugg_flex .faq-form {
	margin: 0px;
}

.pagination-main li a {
	color: #fff;
}

/* Faq Page */

.water_category .card-content p {
	font-weight: 500;
}

.qtc-col {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/* foothills_grid css */
.pure-water_txt h2,
.pure-water_txt h4,
.pure-water_txt p {
	color: #fff;
}

.foothills_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px 30px;
	width: 100%;
	margin-top: 80px;
}

.footh-card {
	background-color: #fff;
	padding: 0 15px 25px;
	border-radius: 5px;
	position: relative;
}

.foothills_grid a {
	color: #383838;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	/* 170% */
}

.him_drop-icon {
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #efefef;
	background: #fff;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -30px 0 20px;
}

.footh-card:hover a {
	color: #20b7f1;
}

/* foothills_grid css */

/**custom pages**/
.custom_page {
	position: relative;
}

a.edit {
	position: absolute;
	right: 15px;
	top: 15px;
	width: max-content;
	background: #00adef;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff !important;
	font-weight: 400;
}

.custom_page a {
	font-weight: 500;
	transition: 0.4s all ease-in-out;
	color: #00adef;
}

.custom_page a:hover {
	color: #414141;
}

/**custom pages**/

.map_img iframe {
	display: block;
}
/* whatsapp icon css*/


.fix-bottom {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 9999;
}
.fix-bottom a i {
    color: #fff;
    font-size: 35px;
    background-color: #43c453;
    border-radius: 100%;
    padding: 12px;
    line-height: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

/* nutritional section add  */

.nutritional-outer {
    background-image: linear-gradient(0deg, #f6fdff 40%, #fff 60%);
    /* display: none; */
}
.nutri_grid {
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 20px;
}
.nutri-box {
    background: #00adef;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
    width: calc(100% / 7 - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s all ease-in-out;
    cursor: default;
    transform: rotateX('angle');
}
.nutri-box:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    background-color: #f3fbfe;
}
.nutri-box:hover h5, 
.nutri-box:hover p,  
.nutri-box:hover p span {
    color: #414141;
}



.nutri-box h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 14px;
	color: #fff;
}
.nutri-box p {
	display: flex;
	align-items: center;
	justify-content: center;
}
.nutri-box p, .nutri-box p span {
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    font-weight: 700;
}

.nutri-bottom p span {
    color: #00adef;
    font-size: 1.8rem;
    font-weight: 600;
}


.nutri-bottom p.big-para {
    max-width: 100% !important;
}

/*custmize css new section  */

.advantage-grid {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advantage-col {
	padding: 35px 22px;
	width: calc(100% / 3 - 60px);
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	transition: .6s all ease-in-out;
}
.advantage-col:hover { 
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    border: 1px solid #fff;
}
.advantage-col:nth-last-child(-n+2) {
    width: calc(100% / 2 - 60px);
}

.advantage-grid h3 {
	font-size: 26px;
	line-height: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.advantage-grid p {
	text-align: center;
}