/*===== Common Class =====*/

:root{
	--primary-green:#d5e6d1;
	--primary-color-2:#b05d46;
	--white-color:#ffffff;
	--black-color:#000000;


	--secondary-green:#6d9167;
	--secondary-color-2:#f8e5e0;

}

.type2-btn{color:var(--black-color); border-radius: 100px;  background-color:var(--secondary-color-2); border: none; font-weight: 600;}
.type2-btn:hover{color: var(--secondary-green) ;}


a{color: var(--black-color);}
a:hover{color: var(--black-color);}


 html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
}
html {
	-webkit-font-smoothing: antialiased;
}
* {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
body {
	font-size: 16px;
	color: #cdcdcd;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
  overflow-y: hidden   ;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
li, ul, ol {
	/* list-style: none; */
	margin: 0px;
	padding: 0px;
}
a, a img {
	text-decoration: none;
	border: 0;
	outline: none !important;
}
a, 
button, 
input[type=submit], 
.input-text {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
}
a:hover, 
a:focus {
	text-decoration: none;
	outline: none;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.clear {
}
.clear:before, .clear:after {
	display: table;
	content: "";
}
.clear:after {
	clear: both;
}
input, textarea {
	outline: none !important;
}
#wrapper {
	width: 100%;
}
input[type=text]::-moz-placeholder, 
input[type=search]::-moz-placeholder, 
.input-text::-moz-placeholder, 
.input_text::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
input[type=text]::-webkit-input-placeholder, 
input[type=search]::-webkit-input-placeholder, 
.input-text::-webkit-input-placeholder, 
.input_text::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
input[type=text]::-ms-placeholder, 
input[type=search]::-ms-placeholder, 
.input-text::-ms-placeholder, 
.input_text::-ms-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-ms-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

/***** Select Dropdown Start *****/
.bootstrap-select {
	display: inline-block;
	float: none;
	width: 100%;
}
.bootstrap-select .btn, .bootstrap-select .btn.dropdown-toggle {
	width: 100%;
	max-width: 345px;
	padding: 11px 50px 13px 15px;
	font-size: 13px;
	color: #323232;
	text-align: left;
	background: none;
	border-color: #707070;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.bootstrap-select.select-1 .btn {
	min-width: 250px;
}
.bootstrap-select.select-2 .btn, .bootstrap-select.select-2 .btn.dropdown-toggle {
	min-width: 205px;
	padding-left: 6px;
	color: #acacac;
}
.bootstrap-select.select-2 .sort_by {
	display: none;
}
.bootstrap-select .sort_by {
	display: inline-block;
}
.bootstrap-select .pull-left {
	display: inline-block;
	float: none !important;
}
.bootstrap-select .btn .caret {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100%;
	text-align: center;
	border-top: none;
	border-right: none;
	border-left: solid 1px transparent;
}
.bootstrap-select .btn .caret:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #323232;
	content: "\f107";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bootstrap-select .dropdown-menu {
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.bootstrap-select div.dropdown-menu {
	height: auto;
	min-height: 136px !important;
	margin-top: 0;
	border-top: none;
	border-color: #ccc;
	overflow-y: auto !important;
}
.bootstrap-select ul.dropdown-menu {
	top: 0;
	max-height: inherit !important;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	overflow: hidden !important;
}
.bootstrap-select .dropdown-menu li {
	border-bottom: solid 1px #ccc;
}
.bootstrap-select .dropdown-menu li:last-child {
	border-bottom-color: #fff;
}
.bootstrap-select .dropdown-menu li.selected a, .bootstrap-select .dropdown-menu li.selected a:focus, .bootstrap-select .dropdown-menu li a:hover {
	background: #f1f1f1;
}
.bootstrap-select .dropdown-menu li a:focus {
	background: none;
}
.bootstrap-select .dropdown-menu li a i {
	display: none;
}
/***** Select Dropdown End *****/

p{ margin:0px; padding:0px;}
/*============ Default Css End ============*/



/*============ Bootstrap Class Overwriter CSS Code Start ============*/

@media (min-width: 768px) {
.container {
	width: 750px;
}
}

@media (min-width: 992px) {
.container {
	width: 970px;
}
}

@media (min-width: 1200px) {
.container {
	width: 1170px;
	max-width: 1170px;
}
}
.center-block {
	float: none;
}
/* navbar start */



.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxrow .flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxrow .flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

/*=========================================*/
/* Elements css Start  */
/*=========================================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	 
}
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0;}

/* =========================================ham_menubtn========================================= */
body.scrolldesable{overflow: hidden;}
.ham_menubtn { margin: 0 12px; position: relative; z-index: 9; transform: translateY(0); width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%;
	align-items: center; justify-content: center;
}
.ham_menubtn a { width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.ham_menubtn a span { display:block; background:#D80027;
    width: 19px;
    height: 2px;
    position: relative;
    overflow: hidden;
    -webkit-transition: transform .55s cubic-bezier(.19,1,.22,1),opacity .2s cubic-bezier(.19,1,.22,1);
    transition: transform .55s cubic-bezier(.19,1,.22,1),opacity .2s cubic-bezier(.19,1,.22,1);
    will-change: transform,opacity;
}
.ham_menubtn a span + span { margin-top:5px;}
.ham_menubtn a.active span:nth-child(2) { opacity: 0;}
.ham_menubtn a.active span{height: 2.6px;}
.ham_menubtn a.active span:first-child {
    -webkit-transform: translate3d(0,9px,0) rotate3d(0,0,1,45deg);
    transform: translate3d(0,9px,0) rotate3d(0,0,1,45deg);
}
.ham_menubtn a.active span:last-child {
    -webkit-transform: translate3d(0,-6px,0) rotate3d(0,0,1,-45deg);
    transform: translate3d(0,-6px,0) rotate3d(0,0,1,-45deg);
} 
/* =========================================ham_menubtn========================================= */

/*=========================================*/
/* Elements css End  */
/*=========================================*/


/*=========================================*/
/* Main Header */
/*=========================================*/
#header {
	width: 100%;
}
.header_wapper {
	display: inline-block;
	width: 100%;
	position: relative;
}
/*=========================================*/
/* Main Banner Start */
/*=========================================*/
.banner_wapper {
	width: 100%;
	position: relative;
	z-index: 2;
  display: flex;
  justify-content: center;
	/* padding-bottom: 80px; */
}

.banner_wapper img{width: 100%; height: 100vh; max-width: 1560px; max-height: 600px;}
/*=========================================*/
/* Main Banner End */
/*=========================================*/



/*=========================================*/
/* Main Content Start */
/*=========================================*/
.contain_wapper {
	width: 100%;
	position: relative;
}
/****************************/
/* homepage start */
.home_wapper {
	width: 100%;
	position: relative;
}
/* homepage End */
/****************************/


/****************************/
/* Inner page start */

/* Inner page End */
/****************************/

/*=========================================*/
/* Main Content End */
/*=========================================*/


/*=========================================*/
/* Footer main Start */
/*=========================================*/
.footer {
	position: relative;
	background: #000000;
}
/*=========================================*/
/* Footer main End */
/*=========================================*/


.container{width: 100%; max-width: 1200px;}


.top-slider .slick-track .slick-slide{display: flex; align-items: center; justify-content: center; color: White;padding: 5px; font-family: Gotham; font-family: merriweather;}
.top-slider {background-color: var(--secondary-green);}



.header_wapper{width: 100%; }
.navbar-expand-lg .navbar-nav .nav-link{padding: 8px 20px;}
.nav-menu-l li ,.nav-menu-r li{font-family: merriweather;}





.logo img{width: 150px ; height: 130px;}

.nav{width: 100%;display: flex;justify-content: space-between;align-items:center;font-weight: 600;}
.nav-menu-l ul , .nav-menu-r ul{display: flex;justify-content:space-between;align-items: center;gap: 30px;color: var(--black-color);}
.nav-menu-l ul li , .nav-menu-r ul li {position: relative;}
.nav-menu-l ul li::before{content: '';position: absolute;bottom: -5px;left: 0px;width: 0%;height: 2px;background-color: var(--primary-color-2);transition: all .5s;}
.nav-menu-l ul li:hover::before{width: 100%;}
.nav-menu-r ul li::before{content: '';position: absolute;bottom: -5px;left: 0px;width: 0%;height: 2px;background-color: var(--primary-color-2);transition: all .5s;}
.nav-menu-r ul li:hover::before{width: 100%;}


.nav li:hover a{color: var(--primary-color-2);}


#cart-btn-head{padding: 12px 21px;}




.slick-swiper2{background-color: var(--primary-green);padding: 10px 0px;}
.swiper-slide{color: var(--black-color); font-size: 20px; font-family: 'General-sans'; text-align: center; font-weight: bolder;}


.whatsapp-link svg{ position: fixed; right: 20px; bottom: 20px ; z-index: 5;}

.ingredients{background:linear-gradient(254.31deg,var(--primary-green)  -8.13%, #efe4e2 52.18%);; position: relative; margin-bottom: 40px;}
.ingredients-header{ padding: 136px 0px 60px 0px; }
.ingredients-header h2{color: var(--primary-color-2); padding-bottom: 30px; font-family: 'merriweather';}

.body-text1{color: var(--black-color); font-size: 18px;}


.comp-tab-header-img{display: flex; justify-content: space-around;}
.comp-tab-header-body .body-text3{color:var(--black-color); padding-right: 62px;}
.comp-tab-header-text h2{padding-bottom: 25px;}
.comp-tab-header-text .labels{padding-bottom: 24px;}
.tab-img{max-height: 115px;}

.comp-tab-header-body-v .body-text3{color: var(--black-color);}
#vertical-tab-c{display: none;}
#vertical-tab-c>.active{padding: 60px 20px;}
.comp-tab-header-img-v {padding-bottom: 20px;display: flex;justify-content: space-between;}
.comp-tab-header-img-v .comp-tab-header-text .labels{font-size: 16px;}


.nav-pills .nav-link{border: none;background-color :transparent; padding: 0px 0px 24px 0px;font-family: 'general-Sans'; transition: all .4s ease-in-out ; color: var(--black-color); font-size: 28px;font-family: 'General-sans'; }
.nav-pills .nav-link svg{opacity: 0%;}
.nav-pills .nav-link.active svg{opacity: 100%; }
.nav-pills .nav-link.active svg path{fill: var(--secondary-green);}
.ingredient-nav{align-items: baseline !important; justify-content: space-between;}

.tab-content>.active {padding: 60px 50px 125px 56px;  border-radius: 40px 40px 0px 40px; margin-bottom: 87px; background-color: white;} 

.comp-tab-header-text .labels{font-size: 20px;}
.comp-tab-header-text{color: var(--black-color);}


.why-us{display: flex;align-items: center;flex-direction: column;}
.why-us p { font-size: 330px; color: var(--primary-color-2); height: 600px ; width: 100%; text-align: center;} 
.why-us video {width: 80vw; padding-bottom: 40px;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{padding: 0px 0px 24px 20px; color: var(--secondary-green);background-color: transparent; }
.tab-img img {height: 115px; width: 158px;}

.ClientReview_Card {   min-height: 355px; border-top: 5px solid var(--secondary-green);font-weight: 700;overflow: hidden;padding: 60px 50px 0px; position: relative;  }
  .ClientReview_Top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
  }
  .ClientReview_Pfp {
    width: 70px;
  }
  .ClientReview_Stars {
    font-size: 36px;
    padding-left: 20px;
    color: #ffbf00;
  }
  .ClientReview_Body {
    padding-bottom: 20px;
  }
  .ClientReview_Name {
    color: #13588F;
    font-size: 18px;
    padding-bottom: 40px;
    color: var(--primary-color-2);
  }
  .ClientReview_Img img {
    filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(180deg) brightness(1.1);
    position: absolute;
    right: -70px;
    bottom: -50px;
    z-index: -1;
  }

  .testimonals h2{color: var(--primary-color-2); text-align: center; padding-bottom: 20px; font-family: 'merriweather';}

 

  .footer{background-color: var(--primary-green); color: black;}
  .footer h1{text-align: center;padding: 10px 0px 30px 0px;text-transform: uppercase;font-family: 'Gotham';font-weight: bold;}

  .social-media{display: flex; justify-content: center; align-items: center; gap: 20px;}
  .sm-circle{background-color: white; border-radius: 100px; padding: 10px;}

  .twitter-footer:hover svg path , .instagram-footer:hover svg path , .facebook-footer:hover svg path{ fill: var(--primary-color-2);}
  .twitter-footer:hover,.instagram-footer:hover,.facebook-footer:hover{cursor: pointer;}

  .mobile-ingredients-tab{display: none;}
  .footer-links ul{display: flex; justify-content: center; gap: 30px; margin-top: 20px;}
  .footer-links ul li:hover{color: white; cursor: pointer;}
  .footer-links ul li{font-size: 18px ; font-family: 'Gotham'; font-weight: bold;}

  .hr {background-color: var(--secondary-green); height: 2px; margin-top: 10px;}
  .privacy-policy{background-color: var(--white-color); padding: 10px ; display: flex; justify-content: space-between;}

  .essential-header h2{text-align: center; color: var(--primary-color-2); padding-bottom: 20px; font-family: 'merriweather';}
  .para-one,.para-three,.para-two {font-size: 20px; display: flex; justify-content: center; align-items: center; }
  .para-one p,.para-three p,.para-two p{max-width: 70%; color: var(--black-color);}
  .essentials_photos img{max-width: 100%; width: 608px; height: 315px;} 

  .we-belive{padding-bottom: 40px;}

  .important-feature {border: grey 1px solid; padding: 60px; margin: 30px 0px; text-align: center; background-color: var(--secondary-color-2); color: var(--black-color);}
  .important-feature h3{padding-bottom: 20px; font-family: 'merriweather';}

  .three-important-feature{border-top: var(--secondary-green);}

  .about-us{text-align: center; color: var(--black-color);}
  .about-us p {padding-top: 20px; font-family: 'Gotham'; text-align: left;}

  .best-pro-collective {
	display: flex;
	gap: 32px;

}
.product-div {display: flex;flex-direction: column;gap: 23px;position: relative;}
.product-div img {width: 365px; height: 400px;}

.product-info {color:var(--black-color) ;}
.product-except-atc{display: flex;flex-direction: column;gap: 24px; padding-bottom: 21px;}

.price-bpp s {
	font-size: 14px;
	font-family: 'Inter';
	line-height: 1.4;
	color: #B4B4B4;
}


.title-bpp {
	font-family: 'Gotham';
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}

.price-bpp {
	font-family: 'Gotham';
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;

}

.tagline-bpp {
	font-family: 'Inter';
	font-size: 15px;
	line-height: 1.4;
	color: #959595;
}

.product-div img {max-width: 100%; }
.product-display-hp h2{padding: 40px 0px 20px 0px; text-align: center; font-family: 'merriweather'; color: var(--primary-color-2);}
.product-display-hp .product-div{text-align: center;}

.shop-now-btn-bpp a:hover{color: white;}
.shop-now-btn-bpp a {color: #000000;font-family: 'Gotham';line-height: 1.5;background-color: var(--secondary-green);padding: 7px 63px 7px 56px;border: none;font-size: 14px;}
.heartbtn-bpp {background-color: #FFFFFF;border: none;}
.product-info{display:flex; flex-direction: column; gap: 15px;}

.wish-and-shop {
	display: flex;
	gap: 11px;
	align-items: center;
}

.secondary-img-product{max-width: 100%; max-height: 100%;}

.primary-img-img-section{    max-height: 500px; height: 100%;display: flex;justify-content: center;}
#primary-img {    min-height: 500px;
  max-width: 400px;
  width: 100%;
  height: 100%;}
.main-section{padding-top: 40px;}
.details-section{ padding-top: 40px;}

.title-mi{font-size: 36px; font-family: 'Gotham'; font-weight: bold;}
.price-mi{font-size: 48px; font-family: 'Gotham';}
.price-mi s{font-size: 36px;color: grey;}
.review-star svg{fill: gold;}

.dropdown-toggle{background-color: var(--secondary-green);}

#shop-heading{text-align: center; font-family: 'merriweather'; color: var(--primary-color-2); font-weight: bold;}
.secondary-imgs{align-items: center;}

.tagline-mi{font-size: 36px;} 
.tagline-mi span{font-size: 20px;font-weight: bold;}

.nav-link{color: var(--black-color);}
 
.des-ing-rev-section{color :var(--black-color)}

.des-ing-rev-section h3{padding: 20px 0px;}
.des-ing-rev-section p {padding: 20px 0px; font-family: 'inter';}
.disc-type-description li {list-style-type: disc;}

.nav ul{list-style-type: none;}

.ing-tab-shop{font-size: 24px;}
.ing-tab-shop span{color: var(--primary-color-2); font-weight: bold;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: var(--secondary-color-2); color: var(--secondary-green);}
.other-products{text-align: center; color: var(--black-color);}
.other-products h3{text-transform:uppercase; font-weight: bold; font-family: 'merriweather';}

.wish-and-shop{display: flex; align-items: center; justify-content: center;}
.stars svg{fill: gold;}
#verified{ padding: 0px; color: var(--primary-color-2);}

.footer-links ul{list-style-type: none;}

.credit-section h1{padding: 40px 20px; color: black; text-transform: uppercase;}

.review-div{border-bottom: 2px solid black;}

.about-us{padding-bottom: 150px;}


.off-screen-menu {display: none}

/*loading screen*/
/* Fullscreen loading screen */
#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}

#loading-screen.hidden {
  opacity: 0;
  visibility: hidden;
}

#content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}

#content.visible {
  opacity: 1;
  visibility: visible;
}


/* Simple spinner */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Hide video until fully loaded */

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
input,
textarea {
  font-family: "Poppins", sans-serif;
}


.form {
  width: 100%;
  max-width: 820px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contact-form {
  background-color: var(--primary-color-2);
  position: relative;
}

.circle {
  border-radius: 50%;
  background: linear-gradient(135deg, transparent 20%, #149279);
  position: absolute;
}

.circle.one {
  width: 130px;
  height: 130px;
  top: 130px;
  right: -40px;
}

.circle.two {
  width: 80px;
  height: 80px;
  top: 10px;
  right: 30px;
}

.contact-form:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: var(--secondary-green);
  transform: rotate(45deg);
  top: 50px;
  left: -13px;
}

form {
  padding: 2.3rem 2.2rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
}

.title {
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.7rem;
}

.input-container {
  position: relative;
  margin: 1rem 0;
}

.input {
  width: 100%;
  outline: none;
  border: 2px solid #fafafa;
  background: none;
  padding: 0.6rem 1.2rem;
  color: #fff;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  border-radius: 5px;
  transition: 0.3s;
}

textarea.input {
  padding: 0.8rem 1.2rem;
  min-height: 150px;
  border-radius: 5px;
  resize: none;
  overflow-y: auto;
}

.input-container label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  padding: 0 0.4rem;
  color: #fafafa;
  font-size: 0.9rem;
  font-weight: 400;
  pointer-events: none;
  z-index: 1000;
  transition: 0.5s;
}

.input-container.textarea label {
  top: 1rem;
  transform: translateY(0);
}

.btn {
  padding: 0.6rem 1.3rem;
  background-color: #fff;
  border: 2px solid #fafafa;
  font-size: 0.95rem;
  color: var(--primary-color-2);
  line-height: 1;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  margin: 0;
  width: 100%;
}

.btn:hover {
  background-color: transparent;
  color: #fff;
}

.input-container span {
  position: absolute;
  top: 0;
  left: 25px;
  transform: translateY(-50%);
  font-size: 0.8rem;
  padding: 0 0.4rem;
  color: transparent;
  pointer-events: none;
  z-index: 500;
}

.input-container span:before,
.input-container span:after {
  content: "";
  position: absolute;
  width: 10%;
  opacity: 0;
  transition: 0.3s;
  height: 5px;
  background-color: #1abc9c;
  top: 50%;
  transform: translateY(-50%);
}

.input-container span:before {
  left: 50%;
}

.input-container span:after {
  right: 50%;
}

.input-container.focus label {
  top: 0;
  transform: translateY(-50%);
  left: 25px;
  font-size: 0.8rem;
}

.input-container.focus span:before,
.input-container.focus span:after {
  width: 50%;
  opacity: 1;
}

.contact-info {
  padding: 2.3rem 2.2rem;
  position: relative;
}

.contact-info .title {
  color: var(--primary-color-2);
}

.text {
  color: #333;
  margin: 1.5rem 0 2rem 0;
}

.information {
  display: flex;
  color: #555;
  margin: 0.7rem 0;
  align-items: center;
  font-size: 0.95rem;
}

.information i {
  color: var(--primary-color-2);
}

.icon {
  width: 28px;
  margin-right: 0.7rem;
}

.social-media {
  padding: 2rem 0 0 0;
}

.social-media p {
  color: #333;
}

.social-icons {
  display: flex;
  margin-top: 0.5rem;
}

.social-icons a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(45deg, #1abc9c, #149279);
  color: #fff;
  text-align: center;
  line-height: 35px;
  margin-right: 0.5rem;
  transition: 0.3s;
}

.social-icons a:hover {
  transform: scale(1.05);
}

.contact-info:before {
  content: "";
  position: absolute;
  width: 110px;
  height: 100px;
  border: 22px solid var(--secondary-color-2);
  border-radius: 50%;
  bottom: -77px;
  right: 50px;
  opacity: 0.3;
}

.big-circle {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #1cd4af, #159b80);
  bottom: 50%;
  right: 50%;
  transform: translate(-40%, 38%);
}

.big-circle:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background-color: #fafafa;
  border-radius: 50%;
  top: calc(50% - 180px);
  left: calc(50% - 180px);
}

.square {
  position: absolute;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(181%, 11%);
  opacity: 0.2;
}

.main-contact-us{
	width: 100%;
    position: relative;
    min-height: 100vh;
    padding: 2rem;
    background-color: #fafafa;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ClientReview_Pfp img{
	max-width: 90px;
    max-height: 90px;
    border-radius: 100%;
}

body.menu-open {
  overflow: hidden; /* Prevent scrolling of the entire page */
}

.mobile-img-ep{
  display: none;
}


@font-face {
	font-family: 'Gotham';
	src: url('../fonts/GothamPro.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'General-sans';
	src: url('../fonts/GeneralSans-Regular.woff');
}

@font-face {
  font-family:"merriweather" ;
  src: url(../fonts/Merriweather\ UltraBold.ttf);
}