@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cambay:ital,wght@0,400;0,700;1,400;1,700&family=Frank+Ruhl+Libre:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
*{ margin:0; padding:0;}
img,fieldset{ border:none}
:focus{ outline:none}
ul,ol{margin: 0; padding: 0;}
a{ text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
html {
  scroll-behavior: smooth;
}
.mobile-view{display: none !important;}
body{ font-size:16px; line-height:25px; -webkit-font-smoothing:antialiased;  overflow-x: hidden; font-family: 'Satoshi', sans-serif;
    font-weight:400; color: #363636;
}
#main{padding-top:49px;}
.main-header {
	width: 100%;
	box-shadow: 0 7px 17px #70695b0d;
	background:#13315c;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	transition: all 0.6s ease;
}
.sticky{
	position: sticky;
	top: 0;
	z-index: 1000;
  }
  .main-header.sticky ul.menu{padding:20px 25px;}
.logo-center {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-header .logo {
	max-width: 150px;
	left: 50%;
	top: 0;
	justify-content: center;
	align-items: center;
}
.main-header .logo img{max-width:100%;}
.main-header ul.menu {
	list-style: none;
	display: flex;
	padding: 30px 25px;
	position: relative;
	gap: 45px;
	justify-content: flex-start;
	align-items: center;
	transition: all 0.6s ease;
}
.main-header ul.menu > li > a {
	color: #d3af37;
	position: relative;
	transition: all .3s linear; font-weight: 500;
}
.main-header ul.menu li a::before {
	bottom: 0;
	content: "";
	height:2px;
	left: 0;
	position: absolute;
	transition: all .3s linear;
	width: 0;
}

.main-header ul.menu li a:hover::before {
	background: #d3af37;
	left: 0;
	width: 100%;
}
.main-header ul.menu > li.active > a::before {
	background: #d3af37;
	left: 0;
	width: 100%;
}
.main-header ul.menu li a.search-desktop:hover::before {
	content: none;
}

.main-header ul.right {
	justify-content: flex-end;
	align-items: center;
}

.main-header ul.right li .store-icon {
	max-height: 12px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.main-header ul.menu li a.store:hover::before {content: none;}
.main-header ul.menu li a.search:hover::before {content: none;}

.main-header ul.menu li .dropdown {
	position: absolute;
	max-height: 80vh;
	min-height: 320px;
	top: 100%;
	left: 0;
	background:#fff;
	box-sizing: border-box;
	width: 100vw;
	opacity:0;
	visibility:hidden;
	transition: all .2s .3s;
	overflow: hidden;
	margin: 0 -15px;
	padding: 25px 35px;
	display: flex;
	gap: 70px;
	box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
	z-index: 9999;
}

.main-header ul.menu li.has-submenu:hover .dropdown {
	visibility: visible;
	transition-delay: 0s;
	opacity: 1;
}



.main-header ul.menu li .column {
	display: flex;
	flex-direction: column;
	min-width: 200px;
}
.main-header ul.menu li .image-box{margin-left: auto;}
.main-header ul.menu li .image-box figure {
	text-align: right;
	margin: 0;
	width: 100%;
}

.main-header ul.menu li .column ul li a{position: relative; width: auto; color: #363636; font-size: 14px; font-weight: 500;}
.main-header ul.menu li .column ul li a::before {
	height: 1px;
	bottom: -4px;
	border-bottom: 2px solid #363636;
}
.main-header ul.menu li .column h4{color:#2b5561; font-size:16px; line-height:20px; margin-bottom:20px; position: relative; font-weight: 600;}
.main-header ul.menu li .column h4::before {
	position: absolute;
	left: 0;
	bottom: -7px;
	content: "";
	border-bottom: 1px dashed #2b5561;
	width: 100%;
}
.main-header ul.menu li .column ul {
	width: 100%;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 82px;
	width: 100%;
	z-index: 9;
	padding: 5px 5px 0 0;
	font-size: 12px;
	background: #f4f1eb;
}
  



.marquee-content {
  display: inline-block;
  white-space: nowrap;
 animation: ticker-scroll 25s linear infinite;
}

.marquee-content span {
	display: inline-block;
	/* padding-left: 100%; */
	font-size: 16px;
	color: #13315c;
	font-weight: 500;
	padding: 0 5%;
}

@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


.marquee span i{color: #d3af37;}
  .marquee:hover span {
	animation-play-state:play;
  }
  .marquee span small {
	color: #fff;
	padding: 5px 11px;
}
  @keyframes slide-left {
	0% {
	  transform: translateX(0%);
	}
	100% {
	  transform: translateX(-100%);
	}
  }
.search-container {
	position: relative;
	display: flex;
	align-items: center;
	transition: width 0.4s ease;
  }
  .search-container a{color: #fff;}
  .search-input {
	width: 0;
	padding: 8px;
	font-size: 16px;
	border: none;
	border-radius: 4px;
	transition: width 0.4s ease;
	opacity: 0;
	background-color: white;
	color: black;
	position: absolute;
	right: 20px;
	bottom: -10px;
}
  
  .search-btn {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 18px;
	color: white;
  }
  
  .search-container.active .search-input {
	width: 240px;
	opacity: 1;
	margin-left: 8px;
}


.hero-slider{width:100%; position: relative;}
.hero-slider img{width:100%; height: auto;}
.hero-slider .slick-arrow{position:absolute; top: 50%; z-index: 9; transform: translateY(-50%); margin-top: -80px;}
.hero-slider .slick-next{right:30px; left: auto; font-size: 0; border: 0; background: url(../images/arrow-right.svg) no-repeat right 0;  background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width:50px;
	height:50px;}
.hero-slider .slick-prev{left:30px; right: auto; font-size: 0; border: 0; background: url(../images/arrow-left.svg) no-repeat left 0; background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width:50px;
	height:50px;}

.hero-slider .slick-dots {
	display: flex;
	list-style: none;
	position: absolute;
	width: 100%;
	justify-content: center;
	align-items: center;
	bottom:0;
	gap:5px;
}

.hero-slider .slick-dots li button {
	width: 12px;
	height: 12px;
	border: 3px solid #fff;
	font-size: 0;
	background: #27314c;
	border-radius: 100%;
	transition: all .3s linear;
}

.hero-slider .slick-dots li.slick-active button{background: #d3af37;}

.slide-data{position: relative;}
/*
.slide-data .slide-text.text-color-change h2{color: #2b5561;}
.slide-data .slide-text.text-color-change ul li{color: #363636;}
.slide-data .slide-text.text-color-change p{color: #363636;}
*/

.slide-data .slide-text{position:absolute; left:85px; top: 50%; transform: translateY(-50%); margin-top: -20px; max-width:630px;}
.slide-data .slide-text .small-text{display: flex; list-style: none; gap:25px;}
.slide-data .slide-text .small-text li {
	font-size: 25px;
	line-height: 30px; position: relative; color: #fff; font-weight: 500;
}
.slide-data .slide-text .small-text li::before {
	position: absolute;
	left: -14px;
	top: 13px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #fff;
	content: "";
}
.slide-data .slide-text .small-text li:first-child:before{content: none;}
.slide-data .slide-text h2 {
	font-size:50px;
	line-height:55px;
	color: #fff;
	
	font-weight: 700;
	margin: 15px 0;
}
.slide-data .slide-text p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin: 0;
	max-width: 425px;
}

.slide-data .slide-text span {
	display: flex;
	width: 100%;
	margin-top: 20px;
}

.whats-new{width: 100%; position:relative}
.whats-new .inner{position: relative;}
.whats-new img{width: 100%; height: auto;}
h3 {
	font-size: 40px;
	line-height: 50px;
	color: #2b5561;
	font-weight: 700;
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: capitalize;
}

.whats-new .inner .text {
	position: absolute;
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
	/* text-align: center; */
}
.whats-new .text p {
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 25px;
	letter-spacing: 2px;
}


.whats-new .text h5 {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	
	letter-spacing: 2px;
}

.whats-new .text a {
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	background: #d3af37;
	padding: 8px 15px;
	border-radius: 8px;
	transition: all .3s linear;
	display: inline-block;
}
.whats-new .text p {
	font-size: 14px;
	line-height: 23px;

}

.whats-new .text a:hover{background:#13315c; color: #fff;}
.best-sellers {
	width: 100%;
	padding: 50px 0;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}
.best-sellers .card-row .slick-track{display: flex; gap: 15px;}
.product-card {
	width: 100%;
	background: #fff;
	/* box-shadow: rgba(0,0,0,.08) 0px 4px 12px; */
	border-radius: 10px;
	box-shadow: 0 7px 17px #70695b0d;
	border: 1px dashed #13315c;
	overflow: hidden;
	position: relative;
}
.product-card .prod-image{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}
.product-card .prod-image img {
	height: auto;
	width: 100%;
}
.product-card .prod-detail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 15px 10px;
}

.product-card .prod-detail span {
	font-size: 20px;
	line-height: 22px;
	color: #2b5561;
	font-weight: 500;
	text-transform: capitalize;
}
.product-card .prod-detail .price {
	font-size: 20px;
	line-height: 25px;
	color: #d3af37;
	font-weight: 700;
}
.product-card .prod-detail .price del{opacity: 0.6; margin-right: 5px;}
.product-card .onsale {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #d3af37;
	margin: 0;
	font-size: 14px;
	line-height: 16px !important;
	position:absolute;
	top: 0;
	right: 0; border-radius: 0 5px 0 12px;
}
.product-card .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	font-size: 18px;
  }
  
  .product-card:hover .overlay {
	opacity: 1;
  }
  
  .product-card .overlay a{color: #fff;}

  .best-sellers-slider{position: relative;}

.best-sellers-slider .slick-arrow{position:absolute; top: 0; z-index: 9;}
.best-sellers-slider .slick-next {
	right: 8px;
	left: auto;
	font-size: 0;
	border: 0;
	background: url(../images/white-arrow-right.svg) no-repeat center center #13315c;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	top: -65px;
	background-size:24px;
	transition: all .3s linear;
}
.best-sellers-slider .slick-prev {
	right: 56px;
	left: auto;
	font-size: 0;
	border: 0;
	background: url(../images/white-arrow-left.svg) no-repeat center center #13315c;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	top: -65px;
	background-size:24px;
	transition: all .3s linear;
}
.best-sellers-slider .slick-prev:hover, .best-sellers-slider .slick-next:hover{background-color:#d3af37 ;}

.shop-categories {
	width: 100%;
	padding: 50px 20px;
}

.shop-categories h3 {
	margin-bottom: 40px;
}
.shop-categories ul {
	justify-content: space-between;
	width: 100%;
	display: flex;
	overflow: visible;
	list-style: none;
}
.shop-categories ul li{width: 15%;}
.shop-categories ul li .shop-card{width:100%;}
.shop-categories ul li .shop-card a {transition: all .3s;color: #363636;}
.shop-categories ul li .shop-card a:hover figure img{opacity: 0.8; position: relative; transition: all .3s;}
.shop-categories ul li .shop-card figure{width:100%;}
.shop-categories ul li .shop-card figure img{width:100%; height: auto; position: relative; transition: all .3s;}
.shop-categories ul li .shop-card h5{margin: 0; font-size: 20px; line-height: 25px; text-align: center; font-weight: 500;}
.shop-categories ul li:nth-child(2n){margin-top: 45px;}

.video-container{width: 100%; padding: 50px 0; position: relative;
    height:520px;
    overflow: hidden;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}

.video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }

.core-value-container{width: 100%; padding: 50px 0; background: #13315c;}
.core-value-container h3{color: #fff;}
.core-value-container .card-inner {
	width: 100%;
	box-shadow: 0 7px 17px #70695b0d;
	padding: 10px;
	border-radius: 5px;
	
}
.core-value-container .card-inner figure{overflow: hidden;}
.core-value-container .card-inner img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	border: 1px dashed #d3af37;
	transition: opacity .5s,transform 1.25s cubic-bezier(0,0,.44,1.18);
}
.core-value-container .card-inner:hover img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);}

.core-value-container .card-inner h5 {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	
}
.core-value-container .card-inner p{font-size:16px; line-height: 24px;   margin: 0;
}

.core-value-container .card-inner a{color: #fff;}

.corevalue .slick-next {
	right: 8px;
  left: auto;
  font-size: 0;
  border: 0;
  background: url(../images/blue-arrow-right.svg) no-repeat center center #fff;
    background-size: auto;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  top: -65px;
  background-size: 24px;
  transition: all .3s linear;
}
.corevalue .slick-prev {
right: 56px;
  left: auto;
  font-size: 0;
  border: 0;
  background: url(../images/blue-arrow-left.svg) no-repeat center center #fff;
    background-size: auto;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  top: -65px;
  background-size: 24px;
  transition: all .3s linear;
}
.corevalue .slick-arrow {
	position: absolute;
	top:-62px;
	z-index: 9;
}
.corevalue .slick-prev:hover{
	background: url(../images/white-arrow-left.svg) no-repeat center center #d3af37; background-size: 24px;
}
.corevalue .slick-next:hover {
	background: url(../images/white-arrow-right.svg) no-repeat center center #d3af37; background-size: 24px;
}
.testimonial {
	padding: 50px 0 80px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	position: relative;
}
.testimonial::before {
	position: absolute;
	top:13px;
	right: 94px;
	content: "";
	width: 150px;
	height:170px;
	background: url(../images/bg-vector3.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}
.testimonial::after {
	position: absolute;
	top: 13px;
	left: 94px;
	content: "";
	width: 150px;
	height:170px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}


.testimonial .top-head{text-align: center; margin-bottom: 30px;}
.testimonial .testimonial-box {
	border: 1px solid #f8f8f8;
	padding:25px;
	border-radius: 15px;
	text-align: center;
	
	background-color: #fff; text-align: left;
	position: relative; overflow: hidden;
}
.testimonial .testimonial-box p {
	text-align: left;
	margin: 0 0 20px 0 !important;
}
.testimonial .testimonial-box h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin: 0;
	text-align: left; margin-bottom: 15px;
}
.testimonial .testimonial-box .reviewer-profile {
	width: 100%;
	display: flex;
	gap:5px;
}

.testimonial .testimonial-box .quotes{position: absolute;  transform: rotate(9deg);
  bottom:-27px;
  right: -20px;
  transition: all .3s ease-in-out;
  line-height: 1;
}

.testimonial .testimonial-box .quotes i{color: #f3f3f3; font-size:115px; transform: rotate(9deg); transition: all .3s ease-in-out;}

.testimonial .testimonial-box:hover i {
	opacity: .15;
	transform: rotate(7deg);
	bottom: calc(-20px + -.00375*(100vw - 320px));
	right: calc(-13px + .00125*(100vw - 320px));
	color: #d3af37;
	font-size:130px;
}


.testimonial .testimonial-box .reviewer-profile .reviewer-image{max-width:70px;}
.testimonial .testimonial-box .reviewer-profile .reviewer-image img{max-width: 100%;}
.testimonial .testimonial-box .reviewer-profile .reviewer-name {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.testimonial .testimonial-box .reviewer-profile .reviewer-name h3{text-align: left; font-size: 16px; line-height: 20px; text-transform: capitalize;  font-weight: 500; margin-bottom: 0;}
.testimonial .testimonial-box .reviewer-profile .reviewer-name h6 {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
.testimonial .testimonial-box .profile-img {max-width:180px;margin: 0 auto 25px;}
.testimonial .testimonial-box .profile-img img {max-width: 100%; border-radius: 100%;}
.testimonial .testimonial-box h4{font-size: 18px; line-height: 25px; font-weight: 700; margin-bottom:5px;}
.testimonial .testimonial-box span {
	margin-bottom: 10px;
	letter-spacing: .5px;
	color: #4a5568;
	font-weight: 500;
}
.testimonial .testimonial-box p {
	font-size: 14px;
	line-height:20px;
	color: #4a5568;
	margin: 9px auto 14px;
}

.testimonial-slider .slick-slide{margin:0 15px;}
.star-rating {
  display: inline-block;
  font-size: 1.5rem;
  position: relative;
  line-height: 1;
}

.stars-outer {
  position: relative;
  display: inline-block;
  color: #ccc;
}

.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #ffc107;
}

.stars-outer::before,
.stars-inner::before {
  content: "★★★★★";
}


.testimonial .slick-dots {
	display: flex;
	list-style: none;
	position: absolute;
	width: 100%;
	justify-content: center;
	align-items: center;
	bottom: -40px;
	gap: 5px;
}

.testimonial .slick-dots li button {
	width: 12px;
	height: 12px;
	border: 3px solid #fff;
	font-size: 0;
	background: #27314c;
	border-radius: 100%;
	transition: all .3s linear;
}

.testimonial .slick-dots li.slick-active button{background: #d3af37;}

.why-choose-us{width:100%; padding:0; position: relative; padding: 50px 0 0;}

.why-choose-us::before {
	position: absolute;
	top: 50px;
	right: 94px;
	content: "";
	width: 140px;
	height: 150px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}
.why-choose-us::after {
	position: absolute;
	top: 50px;
	left: 94px;
	content: "";
	width: 140px;
	height: 150px;
	background: url(../images/bg-vector3.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

.why-choose-us figure{margin: 0; width:50%;}
.why-choose-us figure img{width: 100%; height: auto;}
.why-choose-us p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

.why-choose-us .text {
	display: flex;
	position: relative;
	width:50%;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	background: #d3af37;

}

.why-choose-us .wrap{display: flex;}
.why-choose-us ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	height: 100%;
}
.why-choose-us ul li{display: flex; width:100%; border-bottom:3px dashed #fff; }
.why-choose-us ul li:last-child{border-bottom: 0;}
.why-choose-us ul li .box{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-left:3px dashed #fff;}
.why-choose-us ul li .box:first-child{border: 0;}
.why-choose-us ul li .box strong {
	font-size: 65px;
	line-height: 70px;
	color: #fff;
	
	font-weight: 700;
	margin-bottom: 10px;
}
.why-choose-us ul li .box span {
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	font-weight: 700;
	text-transform: capitalize;
}

footer{background: #13315c; padding: 50px 0 0 0;}
footer .logo-footer{max-width:200px; display: flex;}
footer .logo-footer img{width:100%; margin-bottom:20px;}
footer p {
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 25px;
}

footer h4 {
	font-size: 20px;
	line-height: 24px;
	color: #d3af37;
	
	font-weight: 500;
	margin: 0 0 15px 0;
	text-transform: capitalize;
}

footer ul {
	list-style: none;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 15px;
}

footer ul li {
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400; position: relative;
}
footer ul li::before {
	position: absolute;
	left: -14px;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #d3af37;
	content: "";
}
footer ul li a {
	color: #fff;
	transition: all 0.3s linear;
	position: relative;
	left: 0;
	text-transform: capitalize;
}
footer ul li a:hover{color:#d3af37; left:3px;}

footer .newsletter{width: 100%; display: flex; margin-top: 15px;}
footer .newsletter input[type="text"] {
	width: 100%;
	border: 0;
	border-radius: 5px 0 0 5px;
	padding: 8px 15px;
	height: 45px;
	font-size: 14px;
}

footer .newsletter button {
	background: #d3af37;
	width: 70px;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s linear;
	border-radius: 0 5px 5px 0;
}
footer .newsletter button:hover{background: #2b5561;}
footer .newsletter button:hover i{left:5px;}
footer .newsletter button i{color: #fff; font-size: 20px; position: relative; left: 0;  top: 2px; transition: all 0.3s linear;}

footer .footer-bottom {
	border-top: 1px solid #304d6b;
	padding: 20px 0;
	margin-top: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-bottom .social-media{display: flex; gap: 10px;}
.social-media ul {
	display: flex;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	gap: 15px; width: auto;
}
.social-media ul li::before{content: none;}
.social-media ul li a i {
	font-size:20px;
	color: #fff;
}


.inner-banner {
	width: 100%;
	/*background: url(../images/inner-banner.jpg) no-repeat 0 0 #dec572;*/
	background-size: cover;
	padding: 50px 25px;
	height: 200px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}
.inner-banner h2 {
	color: #2b5561;
	font-size: 50px;
	line-height: 60px;
	
	font-weight: 500;
	margin: 0;
	text-align: center;
	margin: 15px 0;
}
.inner-banner .breadcrumb li{font-size: 18px; line-height: 22px; font-weight: 500; position: relative;}
.inner-banner .breadcrumb {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:15px;
}
.inner-banner .breadcrumb li::before {
	position: absolute;
	left: -12px;
	top: -1px;
	content: "\ea6e";
	font-family: remixicon !important;
	font-style: normal;
	padding: 0;
}
.inner-banner .breadcrumb li:first-child:before{content:none;}
.inner-banner .breadcrumb li a {
	color: #d3af37;
}

.inner-banner .breadcrumb-item.active {
	color: #2b5561;
}

.quality{width: 100%; padding:50px 0;}
.quality p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}
.quality ul{width: 100%; list-style: none; display: flex;}
.quality ul li {padding:15px;width: 25%;}
.quality ul li .box {
	width: 100%;
	text-align: center;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	height: 100%;
	padding: 30px 15px;
	border-radius: 40px 0 40px 0;
}
.quality ul li .box figure{width: 100%;}
.quality ul li .box figure img{max-height:80px; animation: floatIcon 2s ease-in-out infinite;}
@keyframes floatIcon {
	0% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(-10px); /* Move up */
	}
	100% {
	  transform: translateY(0); /* Back to original */
	}
  }
.quality ul li .box h5 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	
	text-transform: capitalize;
	color: #2b5561;
	margin-bottom: 15px;
}



/* Modal background */
.welcome-modal {
	transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -ms-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    visibility: hidden;
    opacity:0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99;
  }
  .welcome-modal.show {
	opacity: 1;
	visibility: visible;
  }
  /* Modal box */
  .modal-content {
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	padding: 20px;
	border-radius: 20px;
	max-width: 800px;
	margin: 0 auto;
	/* text-align: center; */
	position: relative;
	top: 50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.modal-content .inner{display: flex; gap: 25px;} 
.modal-content .inner figure{width: 50%; margin: 0;}
.modal-content .inner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.modal-content .inner h2{font-size: 30px; line-height: 35px; font-weight: 500; color: #2b5561; }
.modal-content .inner .text{width: 50%;}
.modal-content .inner .text p{font-size: 18px; line-height: 22px; font-weight:600;}
.modal-content .inner .text span{font-size:16px; line-height: 20px;}
.modal-content .inner .text p strong {
	color: #fff;
	
	font-weight: 700;
	background: #d3af37;
	padding: 3px 10px;
	border-radius: 5px;
}
.modal-content .inner .text .Register {
	font-size: 14px;
	text-align: center;
}
  /* Close button */
  .modal-content .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 25px;
	cursor: pointer;
}
  
  /* Form styling */
  .discount-form {
	display: flex;
	flex-direction: column;
	gap:10px;
	margin-top:15px;
  }
  
  .discount-form input {
	padding: 13px 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 16px;
}
  
.discount-form button {
	padding: 15px;
	background-color: #2b5561;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 17px;
	cursor: pointer;
	line-height: 1;
	transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -ms-transition: all ease-in-out .4s;
}

.discount-form button:hover{background: #d3af37;}


  .overlay {
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -ms-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    background: #000000b3;
    visibility: hidden;
    opacity: 1;
}

.about-akava{width:100%; padding:0; position: relative;}

.about-akava::before {
	position: absolute;
	top: 8px;
	right: 94px;
	content: "";
	width:120px;
	height: 200px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}
.about-akava::after {
	position: absolute;
	top: 0;
	left: 94px;
	content: "";
	width:120px;
	height: 220px;
	background: url(../images/bg-vector2.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

@keyframes floatIconleftright {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(-10px); /* Move up */
	}
	100% {
	  transform: translateX(0); /* Back to original */
	}
  }

.about-akava p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

.about-akava .text ul {
	list-style: none;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-direction: column;
	margin-bottom: 15px;
}
.about-akava .text ul li b{margin-right: 10px;}
.about-akava figure{margin: 0; width: 100%;}
.about-akava figure img{width:100%; height: auto;}
.about-akava .text{padding-left: 30px;}
.about-akava figure img{width:100%; height: auto;}
.about-akava .text{padding: 50px; background:#13315c; color: #fff; height: 100%;}
.about-akava .text h4 {
	font-size:35px;
	line-height:40px;
	margin-bottom:15px;
	text-align: left;
	font-weight:500;
}

.about-akava .text p{text-align: left; color: #fff; margin-bottom: 15px;}
.about-akava .text p:last-child{margin-bottom: 0;}
.about-akava .wrap{display: flex;}
.about-akava .wrap .box{flex: 1;}
.about-akava .wrap .box figure{height: 100%;}
.about-akava .wrap .box figure img{height: 100%; object-fit: cover;}
.about-akava .wrap .box.pattern{position: relative;}

.about-akava .wrap .box.pattern::before {
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	width:150px;
	height: 200px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}
.about-akava .wrap .box.pattern::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	width: 150px;
	height: 196px;
	background: url(../images/bg-vector2.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

.vision-mission{width: 100%; padding:0; }
.vision-mission h3 {
	font-size: 40px;
	line-height: 50px;
	color: #2b5561;
	
	font-weight: 500;
	margin: 0 0 20px 0;
	text-align:left;
	text-transform: capitalize;
}
.vision-mission .wrap{display: flex;}
.vision-mission .vision-box {
	width:50%;
	padding: 50px;
}

.vision-mission .text-box {
	width:50%;
	height: 100%;
	padding: 50px;
	position: relative;
}
.vision-mission .text-box::before {
	position: absolute;
	top: 45px;
	right: 0;
	content: "";
	width: 120px;
	height: 200px;
	background: url(../images/bg-vector3.png) no-repeat 0 0;
	z-index: -1;
	background-size: 100%;
	animation: floatIcon 2s ease-in-out infinite;
}
.vision-mission .vision-box ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	height: 100%;
}
.vision-mission .vision-box ul li {
	display: flex;
	width: 100%;
	
	
}
.vision-mission .vision-box ul li .box {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px;
}
.vision-mission .vision-box ul li:first-child .box:first-child {
	background: #13315c;
}

.vision-mission .vision-box ul li:first-child .box:last-child {
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}

.vision-mission .vision-box ul li:last-child .box:first-child {
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}

.vision-mission .vision-box ul li:last-child .box:last-child {
	background: #13315c;
}
.vision-mission .vision-box ul li:last-child{border-bottom: 0;}
.vision-mission .vision-box ul li .box figure{margin: 0;}
.vision-mission .vision-box ul li .box figure img{animation: floatIcon 2s ease-in-out infinite;}
.vision-mission .vision-box ul li .box h5 {
	font-size:35px;
	line-height:40px;
	color: #2b5561;
	
	font-weight: 700;
	margin-bottom: 10px;
}

.vision-mission .vision-box ul li .box p {
	font-size: 16px;
	line-height: 22px;
	font-weight:500;
	text-align: center; margin: 0;
}
.vision-mission .text-box figure{margin: 0;}
.vision-mission .box figure img {
	max-height: 100px;
	filter: brightness(0) invert(1);
}

.contact-box-section {
	width: 100%;
	padding: 60px 0;
}
.contact-box-section .left-sidebar-box{width: 100%;}

.contact-box-section .left-sidebar-box .contact-image {text-align: center; margin-bottom:30px; width: 100%;}
.contact-box-section .left-sidebar-box .contact-image img {width:100%; height: auto;}
.contact-image{height: 100%;}
.contact-image img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}
.contact-box-section .left-sidebar-box .contact-title {margin-bottom:30px;}
.contact-box-section .left-sidebar-box .contact-title h3::after{
	content: "";
	position: absolute;
	width: 70%;
	height: 2px;
	bottom: -5px;
	left: 0;
	background: #d3af37;
}
.contact-box-section .left-sidebar-box .contact-title h3{
	position: relative;
	display: inline-block;
	font-size: calc(23px + 5 * (100vw - 320px) / 1600);
	font-weight: 600;
}

.contact-box-section  .first-box{margin-bottom: 30px;}
.contact-box-section .contact-detail-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	padding:20px 15px 20px 35px;
	position: relative;
	border-radius: 10px;
	margin-left: 22px;
	margin-bottom: 30px;
	min-height:140px;
}

.contact-box-section .contact-detail-box .contact-icon {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: -21px;
	background-color: #d3af37;
	border-radius: 7px;
	display: inherit;
	color: #fff;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-box-section .contact-detail-box .contact-icon i {
	line-height: 1;
	font-size: 18px;
}
.contact-box-section .contact-detail-box .contact-detail-title{width: 100%;}
.contact-box-section .contact-detail-box h4{
	font-weight: 600;
	font-size:16px;
	color: #2b5561;
}

.contact-box-section .contact-detail-box .contact-detail-contain {
	width: 100%;
  }
  .contact-box-section .contact-detail-box .contact-detail-contain p {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #4a5568;
}
.contact-box-section .contact-detail-box .contact-detail-contain p a{color: #4a5568;}
.contact-title h4 {
	color: #2b5561;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 22px;
	text-align: center;
}

.contact-box-section .right-sidebar-box {
	padding:25px;
	border-radius: 10px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}
.contact-box-section .right-sidebar-box .custom-form{margin-bottom: 15px;}

.contact-box-section .right-sidebar-box .custom-form label {
	color: #4a5568;
	display: block;
	font-size: 16px;
	margin-bottom:10px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-input {
	position: relative;
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
	padding: 12px 12px 12px 40px;
	border: none;
	font-size: 14px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
	border: none;
	resize: none;
	padding: 15px 15px 15px 45px; height: 100px;
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea {position: relative;}
.contact-box-section .right-sidebar-box .custom-form .custom-input i {
	position: absolute;
	top:13px;
	left: 0;
	padding: 0 15px;
	display: flex;
	align-items: center;
	font-size:18px;
	color: #4a5568;
	line-height: 1;
}
.contact-title {
	text-align: center;
	margin-bottom: 30px;
}
.contact-title p {
	font-size:18px;
	max-width: 580px;
	margin: 0 auto;
	line-height: 30px;
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 18px 16px;
	line-height: 1;
	display: flex;
	font-size: 18px;
	color: #4a5568;
}
.send-message {font-weight: 700;width: auto;margin-left: auto;}

.fill-button {
	background: #d3af37;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.fill-button:hover {
	background: #13315c;
	color: #fff;
}

.category-banner{width: 100%; position: relative; margin-bottom: 25px;}
.category-banner figure{width: 100%; margin: 0;}
.category-banner figure img{width: 100%; height: auto;}
.category-banner .banner-text{position:absolute; left:35px; top: 50%; transform: translateY(-50%);} 
.category-banner .banner-text h2{margin: 0; text-transform: capitalize; font-size: 50px; line-height:70px; font-weight: 500; color: #fff; }
.category-banner .banner-text p{color: #fff;}
.category-banner .banner-text .fill-button{max-width:210px;}
.category-banner .banner-text span{
		color:#d3af37;
		font-size: 20px;
		letter-spacing: 4px;
		text-transform: uppercase;
		margin-bottom: 15px;
		display: block;
  }
  .filter-container {
	width: 100%;
	padding: 15px 25px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%); margin: 25px 0; display: none;
}
.filter-container .text-box1 {
	display: flex;
	gap: 20px;
}
.filter-container .text-box1 .akava-icon {
	display: flex;
	align-items: center;
	gap:10px;
}
.filter-container .text-box1 .akava-icon span {
	font-size:20px;
	line-height: 25px;
	font-weight: 600;
	color: #2b5561;
	text-transform: uppercase;
}
.filter-container .text-box1 .akava-icon img {
	/* max-width: 60px; */
	background: #13315c;
	padding: 10px;
	width: 50px;
	height: 50px;
	object-fit: contain;
	border-radius: 5px;
}

.filter-container .text-box1 .fill-button{margin: 10px 0; font-weight: 500;}
.filter-container .text-box1 .fill-button i{margin-left:5px;}

.filter-container .inner {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.filter-container .inner.center {
	/* text-align: center; */
	display: flex;
	justify-content: center;
}
.filter-container .inner form {
	max-width: 300px;
	width: 100%;
}
.filter-container .inner form input[type="text"] {
	border: 0;
	border-radius:8px;
	height: 45px;
	font-size: 14px;
	background: #fff;
}
.filter-container .inner form button {
	background: #13315c;
	border: 0;
	width: 50px;
}
.filter-container .inner form button i{color: #fff;}
.filters-menu {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 10px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	max-width: 300px;
}

.filters-menu > a {
	text-decoration: none;
	color: #363636;
	font-weight: 500;
	padding: 0;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
}
.filters-menu > a i{position: relative; top: 2px;}

.filters-menu .filter-dropdown {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	background-color: white;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	width: 100%;
	z-index: 1000;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.filters-menu .filter-dropdown a {
	display: block;
	padding: 7px 10px;
	color: #363636;
	text-decoration: none;
	font-size: 14px;
}

  .filters-menu .filter-dropdown a:hover {
	background-color: #f5f5f5;
  }

  .filters-menu:hover .filter-dropdown {
	display: block;
  }

  .filters-menu .filter-dropdown a:first-child {
	font-weight: bold;
	border-left: 4px solid #d3af37;
	background-color: #13315c;
	color: #fff;
}
	


.men-filter {width: 100%; display: flex; gap: 25px; overflow: hidden; margin-bottom: 25px;}
.men-filter .left, .men-filter .right{width: 50%;}
.men-filter .right figure{width:100%; margin: 0; position: relative;}
.men-filter .right figure figcaption {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 50px;
	line-height: 60px;
	font-weight: 400;
	letter-spacing: 4px;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.men-filter .right figure img{width:100%; height: auto;}
.men-filter .left{display: flex; flex-wrap: wrap; gap: 20px;}
.men-filter .left .box {
	flex: 0 0 calc(33% - 11px);
	box-sizing: border-box;
	position: relative;
}
.men-filter .left .box img{max-width: 100%; height: 100%; object-fit: cover; }

.men-filter .left .box h5 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5); 
	color: white;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px; 
	transition: width 0.4s ease; 
	overflow: hidden;
}

.men-filter .left .box:hover h5 {
	width: 100px;
  }

.women-filter {width: 100%; display: flex; gap: 25px; overflow: hidden; margin-bottom: 25px}
.women-filter .left, .women-filter .right{width: 50%;}
.women-filter .left figure{width:100%; margin: 0; position: relative;}
.women-filter .left figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 50px;
	line-height: 60px;
	font-weight: 400;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	letter-spacing: 4px;
	text-transform: uppercase;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	
}
.women-filter .left figure img{width:100%; height: auto;}
.women-filter .right{display: flex; flex-wrap: wrap; gap: 20px;}
.women-filter .right .box {
	flex: 0 0 calc(33% - 11px);
	box-sizing: border-box;
	position: relative;
}

.right.four-box .box, .left.four-box .box {
	flex: 0 0 calc(50% - 10px) !important;
	box-sizing: border-box;
	position: relative;
}
.women-filter .right .box img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}


.women-filter .right .box h5 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5); 
	color: white;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px; 
	transition: width 0.4s ease; 
	overflow: hidden;
}

.women-filter .right .box:hover h5 {
	width: 100px; /* or any expanded width */
  }


.distributor-banner {
	width: 100%;
	position: relative;
	background: #040406;
	text-align: center;
}
.distributor-banner img{width: 100%;}
.distributor-banner .banner-text{position:absolute; left:50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.distributor-banner .banner-text h2{margin: 0 0 15px 0; text-transform: capitalize; font-size: 50px; line-height:60px; font-weight: 500; color: #fff; }
.distributor-banner .banner-text p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	max-width:590px;
}
.button-group {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 20px 0 0 0;
}
.button-group .fill-button {
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	line-height: 16px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	color: #2b5561;
	max-width: 240px;
	width: 100%;
}
.button-group .fill-button:hover{background:#d3af37; color:#fff;}
.partner-with-us{width: 100%; padding: 50px 0; position: relative;}
.partner-with-us h5 {
	text-align: center;
	font-size: 22px;
	line-height: 25px;
	font-weight: 600;
	color: #d3af37;
}
.partner-with-us::before {
	position: absolute;
	top:20px;
	right: 94px;
	content: "";
	width: 150px;
	height: 170px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

.partner-with-us::after {
	position: absolute;
	top:20px;
	left: 94px;
	content: "";
	width: 150px;
	height: 170px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}


.partner-with-us p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}
.partner-with-us ul{width: 100%; list-style: none; display: flex; flex-wrap:wrap;}
.partner-with-us ul li {padding:15px;width: 25%;}
.partner-with-us ul li .box {
	width: 100%;
	text-align: center;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	height: 100%;
	padding: 30px 15px;
	border-radius: 40px 0 40px 0;
}
.partner-with-us ul li .box figure{width: 100%;}
.partner-with-us ul li .box figure img{max-height:80px; animation: floatIcon 2s ease-in-out infinite;}

.partner-with-us ul li .box h5 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	
	text-transform: capitalize;
	color: #2b5561;
	margin-bottom: 15px;
}


.distributor-requirement {
	width: 100%;
	padding:50px 0;
	position: relative;
	background: url(../images/R03.jpg) no-repeat right top #184e7c;
	background-size: contain;
}
.distributor-requirement h3 {
	text-align: left;
	margin-bottom:20px;
	color: #fff;
	max-width: 660px;
}
.distributor-requirement ul {
	width: 100%;
	list-style: none;
	padding: 0 0 0 22px;
}
.distributor-requirement ul li {
	padding: 0;
	position: relative;
	color: #fff;
	font-size: 14px;
}
.distributor-requirement ul li b{font-weight:600;}
.distributor-requirement ul li::before {
	position: absolute;
	left: -10px;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #fff;
	content: "";
}
.distributor-requirement figure{width: 100%; margin: 0;}
.distributor-requirement figure img{width: 100%; height: auto;}
.requirement-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.requirement-list .list-data {
	margin-bottom: 10px;
	flex: 1 1 45%;
	background: #13315c;
	padding: 10px;
	/* text-align: center; */
	border-radius: 8px;
}
.requirement-list .list-data span {
	display: block;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 7px;
}
.table-container {
  overflow-x: auto;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}

.responsive-table thead {
  background-color:#13315c;
  color: #fff;
}

.responsive-table th,
.responsive-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

.responsive-table tr:nth-child(even) {
  background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}

.EBO{width: 100%; padding: 50px 0; position:relative;}
.EBO p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width:850px;
	margin: 0 auto 30px;
	text-align: center;
}
.EBO::before {
	position: absolute;
	top:20px;
	right: 94px;
	content: "";
	width: 150px;
	height: 170px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

.EBO::after {
	position: absolute;
	top:20px;
	left: 94px;
	content: "";
	width: 150px;
	height: 170px;
	background: url(../images/bg-vector1.png) no-repeat 0 0;
	z-index: 9;
	background-size: 100%;
	animation: floatIconleftright 2s ease-in-out infinite;
}

.EBO-table-container{background: url(../images/R03.jpg) no-repeat right top #184e7c; background-size: auto; padding: 50px 0; background-size: cover;}

.join-us{width: 100%; padding: 50px 15px; position: relative; background:url(../images/pink-leather.jpg) repeat 0 0 #eee6d8; background-size: contain;} 

.join-us p {
	font-size: 20px;
	line-height: 30px;
	color: #363636;
	margin-bottom: 20px;
	font-weight: 500;
	max-width: 500px;
}
.join-us span {
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}
.join-us ul {
	width: 100%;
	list-style: none;
	display: flex;
	flex-direction: column;
	padding: 0 0 0 15px;
	margin-bottom: 15px;
}
.join-us ul li {padding:5px; width:100%; position: relative;}
.join-us ul li::before {
	position: absolute;
	left: -14px;
	top: 13px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #2b5561;
	content: "";
}

.join-us h3{text-align: left;}

.join-us .contact-links {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	gap: 45px;
	margin: 20px 0 35px;
	max-width: 80%;
}
.join-us .contact-links li{padding: 0;}
.join-us .contact-links li:before {content: none;}
.join-us .contact-links li .box{display: flex;
	flex-wrap: wrap;
	align-items: center;
	background:#13315c;
	padding: 20px 15px 20px 35px;
	position: relative;
	border-radius: 10px;
}

.join-us .contact-links li .box .icon {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: -21px;
	background-color: #d3af37;
	border-radius: 7px;
	display: inherit;
	color: #fff;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.join-us .contact-links li .box a {
	font-weight: 600;
	font-size: 16px;
	color: #fff;
}

.join-us .partner-form {
	padding: 80px 25px 25px 25px;
	border-radius: 10px;
	position: relative;
	background:#fff;
}
.join-us .partner-form .fill-button{text-transform: uppercase;}
.join-us .partner-form h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	text-transform: uppercase;
	background: #2b5561;
	color: #fff;
	padding: 15px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

.join-us .partner-form .custom-form {
	margin-bottom: 15px;
}

.join-us .partner-form .custom-form.last {
	margin-bottom:35px;
}

.join-us .partner-form label {
	color: #4a5568;
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.join-us .partner-form .custom-form .custom-input {
	position: relative;
}
.join-us .partner-form .custom-form .custom-textarea .form-control {
	border: none;
	resize: none;
	padding: 15px 15px 15px 45px;
	height: 100px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}
.join-us .partner-form .custom-form .custom-textarea {
	position: relative;
}
.join-us .partner-form .custom-form .custom-textarea i {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 18px 16px;
	line-height: 1;
	display: flex;
	font-size: 18px;
	color: #4a5568;
}

.join-us .partner-form .custom-form .custom-input .form-control {
	padding: 12px 12px 12px 40px;
	border: none;
	font-size: 14px;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
}

.join-us .partner-form .custom-form .custom-input i {
	position: absolute;
	top: 13px;
	left: 0;
	padding: 0 15px;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #4a5568;
	line-height: 1;
}

.menu-toggle {
  font-size: 26px;
  background: none;
  border: none;
  color: #000;
  position: absolute;
  top: 15px;
  right: 20px;
  display: none;
}
.forms-agreement{padding: 50px 0; width: 100%; min-height: 200px;}
.forms-agreement .form-box {
	display: flex;
	justify-content: center;
	gap: 25px;
}
.forms-agreement .form-box .agreement, .forms-agreement .form-box .application {
	background: #13315c;
	color: #fff;
	border-radius: 8px;
	padding: 15px;
	transition: all 0.6s ease;
}

.forms-agreement .form-box .agreement:hover, .forms-agreement .form-box .application:hover {
	background: #d3af37;

}

.mobile-menu{display: none;}
.thank-you-container {
	width: 100%;
	background: linear-gradient(180deg, #f5f0e6 0%, #eee6d8 100%);
	padding:100px 20px;
	text-align: center;
}
.thank-you-container img {
	max-width: 400px;
	margin: 0 auto;
}