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

html{font-size: 16px;scroll-behavior: smooth;}
body{margin:0; font-family: "Poppins", sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
.lightgrey { background: rgb(246, 248, 252); }
.swiper-button-next:after,.swiper-button-prev:after{background: var(--primarycolor); color: #fff;font-size: 20px; padding: 8px;border-radius: 10px;}
.commonbox{background-color: #fff; border-radius: 0px; -webkit-box-shadow: 2px 2px 5px 0 #00000014; box-shadow: 2px 2px 5px 0 #00000014;padding: 15px 15px;border: 1px solid #c9c7c7;}
.commonbox h2{border-bottom: 1px solid #e8e8e8; padding-bottom: 1rem; margin-bottom: 1rem;font-size: 1.4rem;}
.commonbox.tbpad{padding-top: 15px;    padding-bottom: 15px;}
.mobile-cta,.mobileheader{display: none;}
.form-control:focus{outline: none; box-shadow: none;}
.pkframe{height: 100vh; padding-bottom: 5%; overflow-y: scroll; width: 100%;touch-action: none;}

header{padding: 8px 0px; background: linear-gradient(204deg, #fde00a, #f5c50b);}
header h1 {font-size: 1.8rem;font-weight: 700;}
header p{font-size: 1rem;    margin-bottom: 0;}
header ul {padding: 0;text-align: right;list-style: none;    font-family: arial;}
header ul li a {font-size: 23px;color: #000;font-weight: 700; display: inline;}
header ul li a img{width: 23px;}
.logo{display: block;text-align: left;}
.logo img{width: 100%;}
header h2{font-size: 28px;    font-weight: 600;    color: #000; }
header p{font-size: 15px;line-height: 17px;    color: #000;}

.box_inner ul{background: #f2f2f2;}
.box_inner ul li { border-top: 1px solid rgb(255, 255, 255); padding: 7px 10px;font-size: 13px; }
.progressset{background: transparent; position: fixed; top: 0; left: 0; height: 10px;  z-index:999;min-width: 100%;}
.pageprogress { transition: all linear 0.1s; min-width: 0%; height:10px}  
.progressbg{background: #f9f9f9;}

.menu{background: #f2f2f2; }
.homeicon {float: left; background: rgb(227 193 108 / 29%); padding:7.5px 9px;}
.homeicon img {width: 24px;}
.menu ul.topmenu{list-style: none; padding: 0%; margin: 0%;text-align: left;float: left;}
.menu ul.topmenu li{display: inline-block;}
.menu ul.topmenu li a{padding:0.5rem 0.7rem;display: block;color: #434242;font-weight: 500;text-transform: uppercase; font-size: 1rem;}
.menu ul.topmenu li a.is-current{background: #e3c16c;}
.menu ul.topmenu li a:active{color: #fff;background: blue;border-color: blue;}
.menu.has-sticky {display: block; position: fixed; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 16px; width: 100%; z-index: 99; top:10px; animation: 0.35s ease-out 0s 1 normal none running slideDown; }
@keyframes slideDown { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
.menu ul.childmenu{text-align: right; border-top: 1px solid #fff; margin-bottom: 0;list-style: none;background: #fff;} 
.menu ul.childmenu li{display: inline-block;}
.menu ul.childmenu a{padding: 0.5rem 0.7rem;display: block;color: #434242;text-transform: uppercase;font-weight: 500;    font-size: 14px;}

.mainslider{background: rgba(0, 0, 0, 0.5) url(../images/main-bg.webp) center center no-repeat; background-size: cover; padding: 140px 0px 80px; background-blend-mode: multiply;}
.bannerbox{display: flex; align-items: center;}
.bannerbox .bannercontent{flex: 0 0 62%;}
.bannerbox .bannercontent h1{color: #fff;font-weight: 900;font-size: 50px;}
.bannerbox .bannercontent h4{color: #fff; font-size: 25px;font-weight: 500;line-height: 30px;}
.bannerbox .bannercontent ul{display: flex;flex-wrap: wrap; padding-top: 25px;}
.bannerbox .bannercontent ul li{flex: 0 0 50%;color: #fff; line-height: 35px;font-weight: 600}
.bannerbox .bannercontent ul li img{width: 18px;height: 18px;}
.bannerbox .bannercontent a{display: block;background-image: linear-gradient(180deg, #ff326a 0%, #d10a33 100%);    border-radius: 10px 10px 10px 10px;padding: 15px 25px 15px 25px; color: #fff;font-size: 16px;width: 178px;margin-top: 40px;}
.bannerbox .bannercontent a img{width: 18px; height: 18px;}
.bannerbox .bannerform{flex: 0 0 38%;}
.bannerform form{padding: 25px 25px 25px 25px;    background: linear-gradient(107deg, rgb(255 226 222 / .6) 5.73%, rgb(228 217 241 / .4) 93.38%);}
.bannerform form h3{background-color: #9f3a5d; color: #fff; text-align: center;font-size: 18px;font-weight: 500; padding: 25px 25px 25px 25px;margin:-25px -25px 0px;}
.bannerform form input{margin-top: 25px;}
.bannerform form input[type=submit]{background-color: #000; text-align: center;font-size: 14px;font-weight: 500;border-radius: 5px 5px 5px 5px; padding: 11px 0px 12px 0;border: 0;color: #fff; margin-top: 10px;}
.formcheckbox{display: flex; gap:5px; align-items: center;margin-top: 10px;}
.formcheckbox p{margin-bottom: 0; color: #fff;font-size: 14px;}
.formcheckbox input[type=checkbox]{margin-top: 0;}

.belowheader{background: #000; padding: 30px 0px;}
.belowheader ul{display: flex; justify-content: space-between; gap: 20px;}
.belowheader ul li{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 20%;}
.belowheader ul li h4{ color: #fff;    font-size: 24px;font-weight: 600;}
.belowheader ul li p{color: #fff; margin-bottom: 0;    font-size: 16px;}

.whychoose{padding: 30px 0px;}
.whychoose h2{text-align: center; font-weight: 600; margin-bottom: 20px;}
.whychoose p{text-align: center;font-size: 14px;}
.whychoose ul{margin-top: 25px;display: flex; gap: 30px;flex-wrap: wrap;}
.whychoose ul li{background-color: #faefed; flex: 0 0 48.6%; font-weight: 600; padding: 10px; display: flex; align-items: center; gap: 10px; font-size: 15px;}
.whychoose ul li img{width: 50px; height: 50px;}

.ctabox{background: url(../images/ctabg.webp) center center no-repeat; background-size: cover; padding: 50px 0px;-webkit-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06); -moz-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06); box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);}
.ctabox h2{font-weight: 600; font-size: 38px; line-height: 45px;letter-spacing: 2px; text-align: center; margin-bottom: 15px;}
.ctabox input,.ctabox select{border: 1px solid #946161; font-size: 16px;padding: 15px 15px; border-radius: 0; background-color: transparent;margin-top: 20px;-webkit-appearance: auto;}
.ctabox input[type=submit]{background-color: #9f3a5d; color: #fff; font-weight: 600;}

.recognized{background: linear-gradient(107deg, rgb(255 226 222 / .6) 5.73%, rgb(228 217 241 / .4) 93.38%);border-radius: 24px;padding: 30px;    margin: 50px 50px 0px;}
.recognized h2{text-align: center; color: #1a1b1f;font-weight: 600; font-size: 28px;    margin-bottom: 20px;}
.recognized p{text-align: center;font-weight: 400;}
.recognized ul{display: flex;flex-wrap: wrap; gap: 30px;}
.recognized ul li{padding: 20px; border-radius: 48px; box-shadow: 10px 10px 0 0 #0000000F; border: 3px solid #e2e2e2; flex: 0 0 23%; background: #fff;    display: flex;flex-direction: column;justify-content: center; align-items: center; gap: 15px;}
.recognized li h4{text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 0;}
.recognized li p{font-size: 13px;}

.counteroffer{padding:0 0 0;}
.offercounter {align-items: flex-end;  background: #141414; padding: 20px; border-radius: 10px;width: 1020px; margin: 10px auto 0; justify-content: space-between; display: flex;}
.offerbox {display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 60%;}
.offerbox h3 {color:#fff;font-size:24px;font-weight:700;line-height:36px}
.offerbox h4 {color:#fff;font-size:20px;font-weight:600;line-height:30px}
.offerbox p {color:#e0e0e0;font-size:14px;font-weight:400;	line-height:21px;	margin-top:0;	margin-bottom:7px}
.offerbox a {display:block;height:51px;line-height:51px;width:236px;border-radius:10px;background:#9f3a5d;	margin-top:9px;	color:#fff;	font-size:15px;	font-weight:500;	cursor:pointer;    text-align: center;}
.counterbox {flex:0 0 40%;display:flex;flex-direction:column;	justify-content:flex-end;	align-items:flex-end}
.counterbox h3 {color:#fff;font-size:18px;font-weight:400;	line-height:27px;	text-align:right;	margin-bottom:0}
.counterbox .counterdivider {width:270px;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);	margin:10px 0}
.counterbox .tick {width:80%}
.counterbox .tick-group {text-align:center;	margin-left:10px}
.counterbox .tick-label {font-size:13px;color:#fff}

.packagetour{padding: 30px 0px;background: #e7f4ff;}
.whitetourbox{background: #f9f9f9;}
.packagetour h2{color: #222;border-bottom: 1px dashed #828282; text-align: center; margin-bottom: 40px; font-size: 30px; margin-top: 10px; line-height: 35px; padding-bottom: 13px; display: inline-block;}
.productbox{position: relative;padding: 9px 9px 0px 9px; background: #fff; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);    margin: 15px 0px;}
.productbox>img{border-radius: 10px;}
.productbox h3{color: #3F51B5; font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pctn p{ margin-bottom: 0;color: #525252;font-size: 12px; font-weight: 400; line-height: 15px; padding-bottom: 4px;}
.pctn p img{ width: 16px;}
.productbox p{margin-bottom: 7px; font-size: 12px; font-weight: 400;display: flex;gap: 5px;}
.productbox .holiday{padding-bottom: 15px;white-space: nowrap;overflow-x: scroll;width: 100%; margin-bottom: 10px;}
.productbox .holiday li{border: 1px solid #ccc;padding: 2px 9px; font-size: 12px;color: #000; text-align: left; border-radius: 11px; display: inline-flex;gap: 5px;align-items: center;}
.productbox .holiday li img{width: 22px;}
.productbox .holiday li span{font-size: 11px;}
.productbox .holiday li p{margin-bottom: 0;font-weight: 500}
.productbottom{background: #ebf1ff;padding: 9px; margin: 0px -9px;display: flex;justify-content: space-between;align-items: center;}
.productbottom .pbtm-1{flex: 0 0 65%;}
.productbottom .pbtm-1 p{color: #525252; font-size: 12px; font-weight: 400; padding-bottom: 0; margin-bottom: 0;}
.productbottom .pbtm-1 .kp-old{color: #FF5722;text-decoration: line-through; font-size: 14px; font-weight: 600;line-height: 14px;}
.productbottom .pbtm-1 .kp-new{color: #000;font-size: 18px; font-weight:600; line-height: 14px; border-left: 1px solid #ccc; padding-left: 5px;}
.productbottom .pbtm-2{flex: 0 0 35%;display: flex; align-items: center; flex-direction: column; justify-content: center;}
.productbottom .pbtm-2 a{color: #3F51B5; border-radius: 4px; padding: 7px 10px; border: 1px solid #3F51B5; display: block; margin-bottom: 5px; background: #fff;font-weight: bold; font-size: 13px;text-align: center;}
.productbottom .pbtm-2 a.bgorange{border: 1px solid #FF5722;background: #FF5722;color: #fff;font-weight: 600;    animation: 1.4s infinite scaleup;    box-shadow: 1px 0px 7px 0px;}
.pbadges{position: absolute; z-index: 5; left: -7px; top: 15px; background-image: blueviolet; background-image: linear-gradient(to right, #2196F3, #FF5722);width: 110px; height: 25px; line-height: 25px;  padding: 0; text-align: center; color: #fff; font-size: 10px; font-weight: 400; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);}
.pbadges:before{content: "";position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-bottom: 0; border-top: 7px solid #607D8B; border-right: 0px solid transparent; border-left: 8px solid transparent;z-index: 0;}
.pbadges img{width: 13px;}
.pbadges span {position: absolute; height: 100%; top: 0; right: 0; width: 1px;}
.pbadges span:before{content: ""; position: absolute; left: 0px; top: 0px; width: 0; height: 0; border-bottom: 20px solid transparent; border-top: 0 solid transparent; border-right: 0px; border-left: 8px solid #FF5722; z-index: 0;}
.pbadges span:after{content: ""; position: absolute; left: 0px; bottom: 0px; width: 0; height: 0; border-bottom: 0 solid transparent; border-top: 20px solid transparent; border-right: 0px; border-left: 8px solid #FF5722; z-index: 0;}
.packagelist .swiper-button-next,.packagelist .swiper-button-prev{width: 50px;height: 50px;background: #fff; border-radius: 100%; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);    top: 40%;}
.packagelist .swiper-button-next:after,.packagelist .swiper-button-prev:after{color: #000;font-size: 18px;}
.packagelist .swiper-wrapper{margin-bottom: 20px;}

@keyframes scaleup {
  0%,100% {transform: scale3d(1,1,1)}
   50% {transform: scale3d(1.05,1.05,1.05)}
}
.pbtn{display: flex;gap: 5px;background: #17254e;justify-content: space-between; padding: 6px 6px; margin-left: -9px;margin-right: -9px;}
.packagebtn{}
.packagebtn a{background: rgb(255 255 255 / 12%);border-radius: 5px;padding: 5px;display: flex;gap: 5px;align-items: center;}
.packagebtn a img{width: 20px;}
.packagebtn a span{color: #fff;font-size: 12px;}
.pbtn .packbtn{}
.pbtn .packbtn a{background: #ee2737;color: #fff; display: block; border-radius: 50px; box-shadow: 1px 0px 7px 0px; padding: 4px 9px;  font-size: 14px;}

.gallery{padding: 30px 0px;}
.gallery h2{text-align: center; margin-bottom: 30px;}
.ourgallery .swiper-wrapper{margin-bottom: 50px;}
.ourgallery img {height: 400px;width: 100%; object-fit: cover;}


#popupmodel .modelclosebtn{position: absolute;right: 0px;top: -11px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 33px; box-shadow: 0 -5px 15px rgba(82,82,82,.5);z-index: 2;}
#popupmodel .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.mainform h3{color: #202020;font-size: 22px;font-weight: 500; line-height: 33px; margin-bottom: 3px;}
.mainform h3 span{color: #3f8ed7;font-weight: 600; margin-left: 5px;}
.mainform p{color: #515151;font-size: 12px; font-weight: 400; line-height: 18px;}
.mainform label{font-size: 14px;color: #cbcbcb;    transition: all .1s linear;}
.mainform label span{color: red;}
.mainform .form-control:focus{box-shadow: none;    border-color: #dee2e6;}
.mainform .input-group-text{background: transparent; width: 14%; margin-right: 2%; border-radius: 5px;}
.mainform .input-group input{border-radius: 5px;}
.mainform textarea{height: 82px; margin-bottom: 11px;}
.mainform input[type=submit]{border-radius: 7px;background-image: linear-gradient(to right, #2196F3, #FF5722);width: 100%;height: 51px;color: #fff; font-size: 16px;font-weight: 500;cursor: pointer; transition: all .1s linear; border: 0;text-decoration: none;}
.mainform .form-floating,.mainform .input-group-text{margin-bottom: 11px;}
.mainform .form-floating .form-control{height: 52px;min-height: 52px;padding:.7rem .75rem 0;font-size: 14px;}

.readlater{background-color: #fff; box-shadow: 0 2px 6px #0003; padding: 15px;border-radius: 10px; width: 842px; margin: 0px auto; display: flex;justify-content: space-between;align-items: center; margin-top: 2rem;}
.readctn{display: flex; gap: 10px;}
.readctn img{width: 32px; height: 32px;}
.readctn h2{font-size: 1.25rem; margin-bottom: .25rem;}
.readctn p{color: #111111e6; margin-bottom: 0;    font-size: 14px;}
.readbtn a{display: block;color: #ed1c24; border: 1px solid #ed1c24;border-radius: 30px;font-weight: 500;font-size: 13px; padding: 5px 10px;}
.readbtn a img{width: 30px;}

.sepecialoffer{background:#9f3a5d;  padding: 15px 0px;  margin:25px 0px 0;}
.sepecialoffer p{text-align: center; margin-bottom: 0; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px;}

.whyjoin{background-color: #eee6ea; padding: 40px 0px;    margin-top: 20px;}
.whyjoin h2{text-align: center;font-weight: 600;margin-bottom: 25px;}
.whyjoin ul{background: #fff;padding: 30px;box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.3);border-radius: 10px;    display: flex;flex-wrap: wrap;gap: 10px;}
.whyjoin ul li{width: 49%;padding: 6px 10px; display: flex; align-items: center; gap: 10px; font-size: 15px;}
.whyjoin ul li img{transform: rotate(180deg);}

.inbeauty{background: #000; padding: 40px 0; position: relative;    color: #fff;}
.inbeauty::after{content: ""; display: block; background: url(../images/about_industry.png) center center no-repeat;background-size: cover;width: 400px;height: 300px;position: absolute; top: 0;right: 0;}
.inbeauty h2{color: #bbb;font-size: 40px;margin-bottom: 20px;}
.inbeauty h6{margin-bottom: 10px;}


.details_form {background: #8c8c8c;padding: 18px 10px}
.details_form p {margin-bottom: 0;font-size: 13px;color: #fff}
.details_form input {height: 38px}
.details_form .btn {line-height: .5}
.details_form img {margin-bottom: 5px}
.details_form .input-group-text {padding: 4px;font-size: .8rem}
.form-number {background: #fff;font-size: 12px;display: flex;align-items: center; padding: 0 5px 0 0;color: #b3b3b3;line-height: 40px;height: 38px;border: 1px solid #c9c9c9}
.details_form img {width: 23px}

footer {padding: 3rem 0 0;background: #373737;}
footer h3 {color: #eb5976;border-bottom: 1px solid #757575; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.3rem;}
footer h5 {color: #c9c9c9;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 1rem;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #757575;}
footer .footerfirst ul li a i {margin-right: 0.6rem;}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}
.disclamier{background: #f2ead3;}
.disclamier p {margin-top: 10px;text-align: center;color: #000;padding: 10px;font-size: .9rem; margin-bottom: 0;}
.copyright p {text-align: left; color: #fff; padding: 10px 0;}