@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif;margin: 0px;}
p{font-family: "Poppins", sans-serif; font-size: 16px;font-weight: 300;padding: 0; margin-bottom:10px;line-height: 28px;color: #000000;}
ul, li{padding: 0;margin: 0;list-style-type: none;}
img {
  max-width: 100%;
  border: none;
}
a {
  text-decoration: none;
  outline: none !important;
}
.p-70{padding: 70px 0;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.btn {
  transition: 0.5s;
  padding: 10px 38px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 50px;
  background: #00ADED;
  color: #fff;
}


.btn:hover{background: #000;
  color: #fff;
}
.btn-primary{
  border-color: #1A1B1E;
  background-color: #1A1B1E;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus{
  box-shadow: none;
  border-color: #D6AB80;
  background-color: #D6AB80;
  color: #ffffff;
}
.btn-white{
  border-color: #ffffff;
  background-color: #ffffff;
  color: #000000;
}
.btn-white:hover, .btn-white:focus{
  box-shadow: none;
  border-color: #D6AB80;
  background-color: #D6AB80;
  color: #ffffff;
}
.btn-view {
  border: 1px solid #D9AF7F;
  color: #ffffff;
  position: relative;
  padding: 15px 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: 500;
  transition: 0.5s;
  z-index: 1;
}
.btn-view:hover{
  background-color: #D9AF7F;
}
.btn-view::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  border: 1px solid #D9AF7F;
  z-index: -1;
  transition: 0.5s;
}
.btn-view:hover::after{
  opacity: 0;
}
.headertext{ margin-bottom: 30px;}
.headertext h4{ position: relative;font-size: 22px;color: #EA3337;font-weight: 400; margin-bottom: 7px; display: inline-block;}
.headertext h3{ position: relative;font-size: 40px;color: #000;font-weight: 500;line-height: 55px;}

/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
  margin-right: 25px;
  padding: 5px 0px;
  border-radius: 50px;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li.active{
  position: relative;
}
.menu ul li.active::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  max-width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/menu-active-shape.svg);
}
.menu ul li span{
    position: absolute;
    top: 14px;
    right: 0;
    display: none;
}
.menu ul li span::after {
    content: '\f107';
    color: #000000;
    font-family: FontAwesome;
    font-size: 10px;
}
.menu ul li:hover span::after{
  color: #f7c624;
}
.headarea.innerheader .menu ul li a{ color: #000; }
.menu ul li a {
  color: #000;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 400;
  display: block;
  padding: 4px 0px;
  margin: 0 20px;
  position: relative;
  
}
.menu ul li.active a {
  color: #fe0000;
}
.menu ul li a:hover {
  color: #fa0202;
}
.menu ul li.active a::after{width: 100%;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}
.menu ul li a .arrow-icon {
  display: inline-block;
  font-size: 10px;
  margin-left: 5px;
}
.menu ul li:hover ul li a:hover {
  color: #fff;
  background-color: #D6AB80;
}
.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 4px 15px rgb(0 0 0 / 3%);
}
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 12px 15px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
    border-radius: 0;
}
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li{display:block;padding:0;border-bottom:solid 1px rgb(255 255 255 / 7%);border-right:none;}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span {
	width: 100%;
	height: 2px;
	background: #000;
	margin-bottom: 6px;
	float: left;
	transition: all 0.3s ease-in-out 0s;
}
.menuButton span:last-child{margin-bottom:0;}








@media (min-width:991.98px){.menu ul{display:block!important;}
 .menu ul li:hover > ul{opacity:1;top:100%;visibility:visible;}
}


@media screen and (min-width: 360px) {
.header-area.fix .header-top{display: none;}
.header-area.fix .header-body { padding: 5px 0;}
.header-area.fix .navigation .btn {margin: 32px 0;}
.header-area.fix {position: fixed;width: 100%;left: 0;top: 0;background-color: #00adee  !important;border: none;z-index: 999;
  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
-webkit-animation-name: fadeInDown;animation-name: fadeInDown;
box-shadow: 1px 1px 7px hsl(0deg 0% 0% / 19%);/*padding: 5px 0px;*/min-height: auto;}
.header_area.fix .logo{width: 220px;display: block;}
.header_area.fix .nav-menu > li > a {padding: 24px 10px;}
.header_area.fix:after{ display:none;}
.header_area.fix{ overflow:inherit;}
.header_area.fix .header-right .form-control{width: 200px;}
.header_area.fix .menu ul{ border: none;}
}

/*-- menu stop --*/
/*-- header area start --*/
.header-area {position: absolute;top: 0;left: 0;width: 100%;z-index: 91;}
.header-body{padding: 20px 0;}
.header-body .logo{width: 100%;max-width: 300px;}
/*.header-body .logo img{width: 100%;object-fit: cover;filter: brightness(0) invert(1)}*/

.header-right .loginbox .btn{
  font-size: 17px;
  padding: 9px 28px;
  border: 1px solid #890101;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background: #870000;
  transition: 0.5s;
}
.header-right .loginbox .btn:last-child{
  margin-right: 0;
}
.header-right .btn-cart {
  margin-right: 10px;
  border: 1px solid #363635;
  background-color: #363635;
  width: 100%;
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  border-radius: 100%;
  cursor: pointer;
  padding: 11px;
  transition: 0.5s;
  position: relative;
}
.header-right .btn-cart img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-right .btn-cart .cart-number-count {
  position: absolute;
  top: -12px;
  right: -6px;
  background-color: #363635;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #fff;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
}
.header-right .btn-cart:hover{
  border-color: #D6AB80;
  background-color: #D6AB80;
}
.btnin{padding: 0px; border: none;background: transparent;
 }
 .btnin:hover{ background: transparent;}
 .offcanvas-body{ padding: 0px;}
.offcanvas-body ul{ padding: 0px; margin: 0px;}
.offcanvas-body ul li{ border-bottom: 1px solid #ddd;}
.offcanvas-body ul li a{color: #000;
  padding: 10px 15px;
  display: block;}

.socialmediatop{position: absolute;
  top: 0px;
  height: 100%;
  z-index: 9;
  background: #2c6f9e47;
  border-right: 1px solid #276c9b85;
  width: 100px;}
  .socialmediatop ul{padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    transform: rotate(269deg);
    position: relative;
    bottom: -63%; position: relative;}
    .socialmediatop ul::after{ position: absolute;
      content: "";
      width: 100px;
      height: 1px;
      background: #7b9fbc;
      left: -95px;
      
      top: 7px;}
      .socialmediatop ul::before{ position: absolute;
        content: "";
        width: 100px;
        height: 1px;
        background: #7b9fbc;
        right: -340px;
        
        top: 7px;}
  .socialmediatop ul li{ display: inline-block;border-right: 1px solid #ffffff75;
    line-height: 10px;}
    .socialmediatop ul li:last-child{border-right: 0px solid #ffffff75;}
.socialmediatop ul li a{font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  padding: 0px 20px;}

  




/*-- header area stop --*/

/*@media screen and (min-width: 360px) {.header-area.fix { position: fixed; width: 100%;left: 0;top: 0;background-color: #fff !important;border: none;z-index: 9999;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;
  animation-fill-mode: both;-webkit-animation-name: fadeInDown; animation-name: fadeInDown; box-shadow: 1px 1px 7px rgba(165, 165, 165, 0.31);padding: 0;}}*/



/*-- .socialmediatop ul libanner area start --*/
.bannerarea{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;min-height: 800px; position: relative;}
.bannerarea::after{ position: absolute; content: ""; top: 0px; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(129 117 83 /90%) 0%, rgba(0,66,116,0) 100%); }
.bannertext{width: 100%;padding-top: 240px;margin: 0 auto;z-index: 9;position: relative;}
.bannertext h1{font-size: 56px;color: #fff;font-weight: 400;text-transform: uppercase;line-height: 75px;}
.bannertext h1 span{font-weight: bold;font-size: 90px;display: block;}


/*-- banner area stop --*/

.packagestab{padding: 0px 30px 0px;/*box-shadow: 0px 0px 10px 0px #ddd;*/border-radius: 40px;margin-top: -35px;position: relative;/*background: #fff;*/}
.packagestab .nav-tabs{width: 95%;margin: 0px auto 0px;border-radius: 100px;box-shadow: 0px 0px 10px 0px #ddd;padding: 0px 10px;
  position: relative;top: -20px;background: #fff;justify-content: center;}
.packagestab .nav-tabs .nav-link span{ display: block;width: 42px;height: 42px;margin: 0 auto 5px;} 
.packagestab .nav-tabs .nav-link span img{ width: 95%;}
.packagestab .nav-tabs .nav-link{padding: 20px 25px;border-radius: 0px;position: relative;font-size: 14px;font-weight: 400;
  color: #000;line-height: 18px;display: block;}
.packagestab .nav-tabs .nav-link::after{position: absolute;content: "";width: 1px;height: 40px;background: #dddddd9c;top: 35px;
  right: 0px;}
  .packagestab .nav-tabs .nav-link:nth-child(5)::after{ display: none;}  
  .packagestab .nav-tabs .nav-link.active { color: #00ADED; background-color: transparent; border-color: transparent;}
  .packagestab .nav-tabs .nav-link.active img{filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(4335%) hue-rotate(165deg) brightness(102%) contrast(101%);}
  .packagestab .nav-tabs .nav-link:hover{color: #00ADED; background-color: transparent;border-color: transparent;}
  .packagestab .nav-tabs .nav-link:hover img{filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(4335%) hue-rotate(165deg) brightness(102%) contrast(101%);}
  .packagestab .tab-content form{display: flex;justify-content: space-between;align-items: center;}
.fild10{ width: 27%;margin-right: 15px;}
.fild11{ width: 22%;margin-right: 15px;}
.fild12{ width: 22%;}
.packagestab .btn-primary{width: 70px;height: 70px;background: #00ADED;border: none;font-size: 28px;padding: 0px;}
.form-select, .form-control{border-radius: 25px;height: 45px;color: #000;font-weight: 400;}
.adulis{display: flex;}
.adultsfild{border-radius: 15px 0px 0px 15px;font-size: 14px; position: relative;}
.childsfild{border-radius: 0px 15px 15px 0px;font-size: 14px;}
.adultsin, .childs{ width: 45%; position: relative;}
.adultsin::after{ background: url(../images/1.png); position: absolute; content: "";}
.form-select:focus {border-color: #fff;outline: 0;box-shadow: none;}
.packagestab .tab-content{ margin-top: -25px;}
.loginbox .btn-white {border-color: #ffffff;margin-right: 20px;color: #fff;background: transparent;}
.loginbox .btn-white:hover{ background-color: #fff; color: #000;}

.packagestab .nav-tabs li br{ display: none;}



/*----------------Last Minute Deals css start----------------*/
.deals-area .container{ position: relative;}
.dealimg h6{position: absolute;top: 15px; background: #f00; padding: 9px 44px; transform: rotate(308deg); color: #fff !important; margin: 0px !important;
  left: -41px; font-weight: 500 !important;font-size: 17px;}
.dealarea {border: 1px solid #ddd;padding: 10px;border-radius: 10px;position: relative;transition: all .5s ease-in-out;}
.dealimg{height: 260px;position: relative;border-radius: 10px;overflow: hidden;margin-bottom: 10px;transition: all .5s ease-in-out;}
.dealimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;transition: all .5s ease-in-out;}
.dayin{position: absolute;top: 10px;right: 10px;background: #fff;padding: 4px 12px;border-radius: 25px;font-size: 12px;
  color: #233C58;}
  .villtext{ padding: 0px 10px;}
.dealarea h4 a{font-size: 18px;color: #000;}
.dealarea h6{color: #5E5E5E;font-weight: 300;margin: 8px 0px;}
.dealtext{border-top: 1px solid #ddd;margin-top: 15px;align-items: center;padding: 15px 10px 0px;}
.dealtext h5{color: #3F3E3E;font-weight: 300;margin: 0px 0px;font-size: 14px;}
.dealtext h3{font-size: 26px;color: #00ADED;font-weight: 600;line-height: 32px;}
.dealtext h3 span{color: #3F3E3E;font-weight: 300;margin-left: -5px;font-size: 14px;}
.view{font-size: 13px;color: #000; padding: 8px 15px; border-radius: 25px;transition: all .5s ease-in-out; text-align: center;}
.view span i{transform: rotate(5360deg);}
.dealarea:hover{border: 1px solid #000;transition: all .5s ease-in-out;}
.dealarea:hover img{ transform: scale(1.1); transition: all .5s ease-in-out;}
.dealarea:hover .view{ background: #00ADED; color: #fff;transition: all .5s ease-in-out;}
.dealarea:hover .view span i{ display: none;}
.morebtn{position: absolute;top: 35px;right: 0px;text-align: center;color: #000;transition: 0.5s;}
.morebtn span i{transform: rotate(5360deg); color: #FF0000;}
/*----------------Last Minute Deals css stop----------------*/


/*-- alliance feed  area start --*/
.alliancefeed .headertext {width: 100%;max-width: 700px;margin: 0 auto 35px;}
.alliancefeedarea{width: 85%;margin: 0 auto;box-shadow: 0px 0px 10px 0px #ddd;padding: 25px;border-radius: 20px;}
.alliancefeedinner{border: 3px solid #ddd;padding: 20px;border-radius: 15px;margin-bottom: 15px;}
.feedimg{width: 55px;height: 55px;border-radius: 50%;overflow: hidden;border: 1px solid #0d6efd;position: relative;margin-right: 15px;}
.feedimg img{ width: 100%; height: 100%; object-fit: cover;}
.feedtext h4{font-size: 17px;margin-bottom: 10px;}
.feedtext p{font-size: 14px;line-height: 23px;}
.feedtextarea{border-top: 1px solid #ddd;margin-top: 15px;padding-top: 15px;}
.feedtextarea ul{ padding: 0px; margin: 0px;}
.feedtextarea ul li{ display: inline-block; margin-right: 10px;}
.feedtextarea ul li a{color: #373737;font-size: 14px;}
.feedtextarea ul li a span{width: 25px;height: 25px;background: #D999215C;display: inline-block;text-align: center;padding: 5px 0px;
  border-radius: 50%;font-size: 11px;}
.feedtextarea h6{font-size: 14px;color: #575353;font-weight: 300;}
.allfeedareabox{height: 650px;overflow: auto;padding: 15px;}
.affordable{background: #00ADED;padding-top: 60px;}
.affordabletext{ padding-left: 40px;padding-top: 125px;}
.affordabletext h3{font-size: 40px;color: #fff;position: relative;padding-bottom: 15px;margin-bottom: 15px;}
.affordabletext p{color: #fff;font-size: 17px;line-height: 26px;}
.morebtn1{background: #fff;padding: 10px 25px;display: inline-block;border-radius: 50px;margin-top: 30px;color: #000;font-size: 16px;transition: all .5s ease-in-out;}
.morebtn1:hover{background: #000; color: #fff; transition: all .5s ease-in-out;}
.counterright{background: #fff;padding: 40px 110px 40px 40px;border-radius: 25px 0px 0px 0px;
  width: 50%;}
  .counterbox{text-align: center;margin: 0px;}
 .counterbox h4{font-size: 30px;font-weight: bold;}
.counterbox h6{font-size: 15px;color: #000;font-weight: 300;margin-top: 5px;}
/*-- alliance feed area stop --*/



/*--Packages start --*/
.Packages{background: #fff;}
.Packages .headertext h4{ display: inline-block;}
.Packages .headertext h4::after{ position: absolute; content: "";}
.Packagesarea{position: relative;transition: all .5s ease-in-out;}
.Packagesimg{height: 580px;overflow: hidden;border-radius: 10px;position: relative;transition: all .5s ease-in-out;}
.Packagesimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;transition: all .5s ease-in-out;}
.Packagesimg::after{ position: absolute; content: ""; background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 51%, rgba(0,0,0,0.8811857506674545) 100%); width: 100%;
  height: 100%;top: 0px;left: 0px;}
.packagestext{position: absolute;bottom: 17px;width: 84%;text-align: center;z-index: 99;margin: 0 auto;left: 0px;right: 0px;}
.packagestext h4{font-size: 35px;color: #fff;margin-bottom: 10px;}
.disceverbtn{background: #00ADED;width: 100%;padding: 10px 0px;border-radius: 50px;color: #fff;font-size: 20px;
  text-transform: uppercase;font-weight: 300;display: none;transition: all .5s ease-in-out;}
  .Packagesarea:hover img{transform: scale(1.1); transition: all .5s ease-in-out;}
  .Packagesarea:hover .disceverbtn{ display: block;transition: all .5s ease-in-out;}
  .Packagesarea:hover{transform: scale(1.1); transition: all .5s ease-in-out;}
  .Packages-carousel .owl-stage-outer{ padding: 35px 0px;}
  .Realignmentext .view{border: 1px solid #00aded; color: #00aded;}
/*-- Professional stop --*/

/*-- Explore area start --*/
.explorearea{position: relative;transition: all .5s ease-in-out;}
.exploreimg{height: 150px;border-radius: 20px;overflow: hidden;transition: all .5s ease-in-out;position: relative;}
.exploreimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;transition: all .5s ease-in-out;}
.Exploretext{left: 0px;right: 0px;margin: 0 auto; padding: 0px; background: #fff; bottom: -50px;border-radius: 15px;transition: all .5s ease-in-out; opacity: 1;}
.Exploretext h4 a{color: #000;font-size: 20px;font-weight: 600;transition: all .5s ease-in-out;}
.Exploretext span{font-size: 14px;font-weight: 300;transition: all .5s ease-in-out; display: block;}
.explorearea:hover .Exploretext{  opacity: 0;}
.explorearea:hover .Exploretextin{display: flex; justify-content: center;background: #00ADEDBD;position: absolute;top: 0px;
  left: 0px;height: 100%;opacity: 1; align-items: center;}
.explorearea:hover .Exploretext h6{ color: #fff;transition: all .5s ease-in-out;}
.Exploretextin h4{color: #fff;font-size: 20px;font-weight: 600;transition: all .5s ease-in-out;}
.Exploretextin h4 span{ color: #fff;}
.explorearea:hover img{transform: scale(1.1); transition: all .5s ease-in-out;}
/*-- Explore area stop --*/



/*-- toprated area start --*/
.toprated{ position: relative;}
.toprated h3{position: absolute;bottom: 10px;background: #fff;font-size: 16px;color: #000;left: 10px;padding: 8px 15px;
  border-radius: 25px;}
  .toprated h3 span{font-size: 13px;font-weight: 300;}
.topratedtext ul{ padding: 0px; margin: 0px;}
.topratedtext ul li{ display: inline-block; color: #D99921;}
/*-- toprated area stop --*/

/*----Invisible start------*/
.invisibletext h3{ color: #000;}
.invisibletext .view{ background: #E1F7FF; color: #00ADED;}
.invisible-carousel .owl-nav {margin-top: 25px;}
.invisible-carousel .owl-prev, .invisible-carousel .owl-next{width: 40px;height: 40px;border: 1px solid #848484 !important;border-radius: 50% !important;  position: relative;}
.invisible-carousel .owl-prev:hover, .invisible-carousel .owl-next:hover{ background: #EA3337 !important;border: 1px solid #EA3337 !important;}
.invisible-carousel .owl-prev:hover::after{color: #fff;}
.invisible-carousel .owl-next:hover::after{color: #fff;}
.invisible-carousel .owl-prev::after{right: 0px;content: "\f060";font-family: FontAwesome;position: absolute;left: 0px;top: 7px;color: #848484;}
.invisible-carousel .owl-prev span, .invisible-carousel .owl-next span{display: none;}
.invisible-carousel .owl-next::after{right: 0px;content: "\f061";font-family: FontAwesome;position: absolute;left: 0px;top: 7px;color: #848484;}
/*----Invisible stop------*/


/*------Trending start------*/
.trendingarea{ position: relative;}
.trendingimg{height: 290px;border-radius: 15px; position: relative; overflow: hidden;transition: all .5s ease-in-out;}
.trendingimg::after{position: absolute; content: "";background: #0000003d;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 15px;}
.trendingimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;transition: all .5s ease-in-out;}
.trendingtext{position: absolute;bottom: 25px;left: 25px; z-index: 9;}
.trendingtext h4{color: #fff;font-size: 28px;}
.trendingtext h6{color: #fff;font-size: 15px; font-weight: 300;}
.trendingimg1{ height: 290px;transition: all .5s ease-in-out;}
.trendingarea:hover img{transform: scale(1.1); transition: all .5s ease-in-out;}
/*------Trending stop------*/

/*-------------Invisible start------*/
.tourpackagesarea .headertext{width: 75%;}
.tourpackagesarea .headertext h3{ margin-bottom: 15px;}
.tourpackagesarea .headertext .btn{background: #00ADED;margin-top: 20px;color: #fff;}
.tourpackagesarea .headertext .btn:hover{background: #000;color: #fff;}
.tourarea .dealimg{height: 380px;}
.tourarea{ position: relative;}
.tourarea .villtext{position: absolute;bottom: -50px;background: #fff;width: 90%;margin: 0 auto;left: 0px;right: 0px;
  border-radius: 10px;box-shadow: 0px 0px 10px 0px #ddddddb2;padding: 15px 22px;}
.tourarea .villtext h4 a{font-size: 23px;color: #000;}
.tourarea .villtext p{font-size: 15px;line-height: 22px;margin: 5px 0px;}
.tourarea .villtext .view{padding: 0px;color: #F00;border-radius: 0px;}
.tourarea:hover img{transform: scale(1.1); transition: all .5s ease-in-out;}
.tour-carousel .owl-stage-outer{ padding-bottom: 45px;}
/*-------------Invisible stop------*/

/*-- blogpost area start --*/
.blogpostarea{background: #fff;}
.blogpostarea .container{ position: relative;}
.blogpostarea .heading h3{font-size: 44px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.card.blogpost{border: 1px solid #F2F2F2;padding: 10px; border-radius: 15px;margin-bottom: 25px;transition: 0.5s;}
.card.blogpost .card-image {height: 250px;border-radius: 15px;position: relative;overflow: hidden;transition: 0.5s;}
.card.blogpost .card-image img{width: 100%;object-fit: cover;transition: 0.5s;height: 100%;}
.card.blogpost:hover .card-image img{transform: scale(1.1);transition: 0.5s;}
.data{position: absolute;top: 15px;left: 15px;background: #fff;padding: 5px 10px;border-radius: 20px;font-size: 13px;color: #00ADED;}
.card.blogpost .card-body{padding: 15px 10px !important;}
.card.blogpost .card-body h4 a {color: #000;font-size: 20px;font-weight: 500;line-height: 26px;margin: 0 0 7px;display: inline-block;}
.card.blogpost .card-body p{color: #000;margin: 0;}
.card.blogpost .card-header {border-top: 1px solid #a3a3a347;padding-bottom: 10px;
background-color: transparent;border-bottom: 0px !important;}
.link{color: #f00;display: inline-block;margin-top: 10px; font-weight: 300;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #00aded;}
/*-- blogpost area stop --*/
/*--------------.Perfectarea start--------*/
.Perfectareain{ background: #FFEFD6; padding: 70px 0px;}
.Perfectareaimg{height: 300px;margin-right: 15px;position: relative;}
.Perfectareaimg::after{position: absolute;content: "";width: 100px;height: 100px;background: #D0DFE5;border-radius: 50%;
  bottom: -110px;left: 0px;right: 0px;margin: 0px auto;}
.Perfectareaimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 100px;}
.Perfectareaimg1{height: 430px;margin-right: 15px;position: relative;}
.Perfectareaimg1 img{width: 100%;height: 100%;object-fit: cover;border-radius: 0px 0px 150px 150px;}
/*--------------.Perfectarea stop--------*/



/*-- footer area start --*/
.footertoparea{padding: 60px 0px 60px; position: relative;}
.footertoparea h4{color: #000;font-size: 20px;margin-bottom: 20px;position: relative;}
.footertoparea ul li{margin: 0 0 7px; position: relative;}
.footertoparea ul li:last-child{margin: 0 0 0;}
.footertoparea ul li a {font-size: 15px;color: #000;font-weight: 300;transition: 0.5s;}
.footertoparea ul li a:hover{color: #000;}
.footertoparea h5{color: #000;font-size: 18px;margin-bottom: 5px;}
.footertoparea h6, .footertoparea h6 a{color: #000;margin-top: 25px;font-size: 15px;font-weight: 300;}
.fild{ position: relative;}
.footertoparea .form-control{background: initial;border: 1px solid #000;padding: 6px 46px 6px 20px;height: 47px;border-radius: 50px;
  font-size: 15px;font-weight: 300;color: #000;}
.footertoparea .form-control::placeholder{color: #000; font-size: 15px; font-weight: 300;}
.footertoparea .btn{right: 5px;background: #02a8ed;display: flex;align-items: center; width: 40px;font-size: 18px;font-weight: 500;
  height: 40px;position: absolute;top: 4px;color: #fff;justify-content: center;padding: 0px;}
.footertoparea .btn:hover{background: #000; color: #fff;}
.footerlogo{text-align: center;position: relative; width: 270px;margin-bottom: 35px;}
.socialmedia ul{ padding: 0px; margin: 0px;text-align: center;}
.socialmedia ul li{ display: inline-block; list-style: none;}
.socialmedia ul li a{width: 35px;height: 35px;display: flex;border: 1px solid #000;justify-content: center;align-items: center;
  color: #000;border-radius: 50%;margin: 0px 2px;}
.socialmedia ul li a:hover{border: 1px solid #02a8ed; background: #02a8ed; color: #fff;}
.navfooter{ padding-left: 30px;}
.copyrightarea{border-top: 1px solid #ddd;padding: 15px 0px;}
.copyright{background-color: #fff; position: relative;}
.copyright .container{ position: relative;}
.copyright p{font-size: 15px;color: #000; margin: 0;}
.copyright p a{color: #02a8ed;}
.copyicon{position: absolute;bottom: 0px;left: 0px;z-index: 9;}
.copyicon1{position: absolute;right: 0px;bottom: 0px;}
/*-- footer area stop --*/


.innerbannerarea{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;height: 450px; position: relative;}
.innerbannerarea::after{ position: absolute;content: "";background: rgb(24, 83, 129);background: linear-gradient(180deg, rgb(24 83 129 / 75%) 0%, rgba(0, 66, 116, 0) 100%);top: 0px;width: 100%;height: 100%;}
.innerbannerarea .bannertext{padding-top: 202px;}
.innerbannerarea .bannertext h1{font-size: 80px;color: #fff;font-weight: bold;text-transform: uppercase;line-height: 75px;margin-bottom: 15px;}
.innerbannerarea ul{ padding: 0px; margin: 0px;}
.innerbannerarea ul li{ display: inline-block;color: #fff;border-right: 1px solid #fff;line-height: 14px;}
.innerbannerarea ul li a{color: #fff;padding: 0px 10px;}
.innerbannerarea ul li:last-child{border-right: 0px solid #fff;}
.innerabout{ padding: 70px 0px;}
.Perfectareaimg10{height: 400px;margin-right: 15px;position: relative;width: 390px;}
.Perfectareaimg10 img{width: 100%;height: 100%;object-fit: cover;border-radius: 0px 0px 200px 200px;}
.Perfectareaimg10::after{position: absolute;content: "";width: 100%;height: 100px;background: #FFE8EC;border-radius: 50px;
  bottom: -135px;left: 0px;right: 0px;margin: 0px auto;}
.Perfectareaimg11{height: 100%; position: relative;}
.Perfectareaimg11 img{width: 100%;height: 100%;object-fit: cover;border-radius: 150px;}
.innerabout .headertext h4::after{position: absolute;content: "";width: 150px;height: 1px;background: #ea3539;top: 13px;left: 106%;}
.innerabout .headertext h3{line-height: 50px;margin-bottom: 25px;}
.growingimg{ padding-right: 50px;}
.growingtext .btn{background: #00ADED;margin-top: 20px;color: #fff;}

.our_mission{background: #F6F8FB;}
.our_mission .headertext{ position: relative;}
.our_mission .headertext h4{background: #f6f8fb;z-index: 9;padding: 0px 10px;}
.our_mission .headertext::after{position: absolute;content: "";width: 306px;height: 1px;background: #EA3337;left: 0px; right: 0px;
  margin: 0 auto;top: 14px;}


.our_mission_in .nav-pills {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.our_mission_in .nav-pills .nav-link {border-radius: 10px; background: #fff; font-size: 20px; color: #000; font-weight: 600;
  margin: 10px 10px 0; padding: 12px 45px; min-width: 160px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);border: 2px solid transparent;}
.our_mission_in .nav-pills .nav-link.active, .our_mission_in .nav-pills .show>.nav-link {color: #000;border: 2px solid #ec6568;}
.mission_box {width: 100%;background-color: #fff;padding: 50px;height: 380px;border-bottom: 2px solid #ddd3af;border-radius: 25px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 10%);}
.mission_box h4 {font-size: 28px; color: #000; font-weight: 700; margin-bottom: 15px;}
.mission_boximg { height: 380px; position: relative; border-radius: 25px; display: flex; overflow: hidden;}
.mission_boximg img { width: 100%; height: 100%; object-fit: cover;}
.mission_box_right { width: 100%;}
.our_mission_in { position: relative;}
.Choicesarea{border-radius: 30px;padding: 20px;transition: all .5s ease-in-out;}
.Choicesicon{width: 70px;height: 70px;background: #E7F8FE; display: flex; align-items: center; justify-content: center;border-radius: 15px;transition: all .5s ease-in-out;}
 .Choicesarea h5{font-size: 20px; margin: 12px 0px;transition: all .5s ease-in-out;}
.Choicesarea p{font-size: 16px;line-height: 26px;}
  .Choicesarea:hover{box-shadow: 0px 0px 15px 0px #efefef;transition: all .5s ease-in-out;}
  .Choicesarea:hover .Choicesicon{background: #00ADED;transition: all .5s ease-in-out;}
  .Choicesarea:hover img{filter: brightness(0) invert(1);transition: all .5s ease-in-out;}



/*-----------------------Contact us start-----------------------*/
.contactbg{height: 475px;background-size: cover;background-repeat: no-repeat;background-position: center;padding: 200px 0px 90px;}
.contactbg h3{font-size: 75px;font-weight: 700;line-height: 90px;letter-spacing: 0em;text-align: center; color:#1F1F1F; margin-bottom:10px;}
.contactbg p{font-size: 22px;font-weight: 500;line-height: 33px;letter-spacing: 0em;text-align: center; color:#6F6F6F;}
.intxt{max-width: 890px;width: 100%;margin: 0 auto;}
.contarea{ padding:75px 0px 75px; background:#f5f4ef;}
.contarea h3{ position: relative;display: inline-block;margin-bottom: 20px;}
.contarea h3::after{position: absolute;content: "";width: 100px;height: 1px;background: #e2001e; top: 27px;right: -117px;}
.contarea .form-control{background: inherit;border: none;border-bottom: 1px solid #e1e1e1;padding: 0px;height: 55px; padding: 6px 10px; border-radius: 0px;}
.contarea .form-group {margin-bottom: 20px;}
.contarea .form-control::placeholder, .contarea .form-control::-webkit-placeholder{ color:#6f6f6f;}
.contarea textarea{height: 80px !important;resize: none;}
.incontright{ background: #fff;border-radius: 0px;padding: 45px;}
.incontright h5{font-size: 18px;font-weight: 500;line-height: 25px;letter-spacing: 8px; color: #fff; text-transform:uppercase; }
.incontright h3{font-size: 40px;line-height: 54px;letter-spacing: 0em;color: #000;position: relative;margin-bottom: 25px;display: inline-block;}
.incontright .media{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;display: flex;position: relative;}
.incontright .media span{ width: 50px; height: 50px; border: 1px solid #00aded; border-radius: 50%; text-align: center; padding: 3px 0px;
  color: #00aded; font-size: 25px; margin-right: 10px;position: absolute; display: flex; align-items: center; justify-content: center;}
  .incontright .media-body{padding-left: 65px;}
.incontright .media-body p, .incontright .media-body p a{font-weight: 400;font-size: 16px;color: #000;line-height: 25px; margin-bottom: 0px;}
.infooter .media-body h6{font-size:20px; line-height:26px; text-transform:uppercase;color: #000;font-weight: 600;}
.infooter .media-body p{ font-size:18px; line-height:27px;font-weight: 300;}
.infooter .contactbox{ overflow:hidden;}
.socia_media h4{font-size: 20px;color: #0a0a0a;margin-bottom: 10px;font-weight: 400;}
.socia_media ul li a{border: 1px solid #00aded;color: #00aded;transition: all .3s ease-in-out;}
.socia_media ul li a:hover{ background: #00aded;color: #fff; border: 1px solid #00aded; transition: all .3s ease-in-out;}
.fild13{ position: relative;}
.fild13::after{ position: absolute; content: "";border: solid #919191;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 23px;
  right: 20px;}
/*-----------------------Contact us stop-----------------------*/





/*------------product details start-------------*/
.product_details_area{ padding:70px 0px 70px;}
.product_details_contain{padding-top: 40px;padding-left: 30px;}
.outer { margin:0 auto; max-width:800px;}
#big .item {margin:0px; color: #FFF; border-radius: 3px; text-align: center;height: 500px; }
#big .item img{width: 100%;height: 100%;object-fit: cover;}
#thumbs .item { background: #C9C9C9; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; height:115px;opacity: .4; }
#thumbs .item img{width: 100%;height: 100%;object-fit: cover;}
#thumbs .current .item { background:#FF5722; opacity: 1;}
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.owl-theme .owl-nav, .owl-dots{ display:none;}
.product_details_area .product_details_contain .contain_box h1 {line-height: normal;text-transform: capitalize;font-size: 30px;
    font-weight: 500;color:#000;margin: 0 0 0;}
.product_details_contain .contain_box .review_reting{font-size: 18px;font-weight: 500;color: #f7c548;margin: 0 0 8px;}
.product_details_contain .contain_box .review_reting .review_text{display: inline-block;margin-left: 5px;font-size: 15px;  font-weight: 400;color:#000;}
.product_details_contain .contain_box p{font-size: 15px;color: #262626;padding: 0 0;margin: 0 0 25px;line-height: 25px;
font-weight: 300;}
.product_details_contain .contain_box .price{font-size: 20px;font-weight: 500;color: #000;margin: 0 0 15px;
border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.product_details_contain .contain_box .price .cut_price{display: inline-block;color: #757575;text-decoration: line-through;
  margin-right: 10px;}
.relatedproduct{ padding:60px 0px 50px;}
.relatedproduct .heading1 h3 small{left: 0px;margin: 0 auto;width: 100%;}
.product_description_area{border: 0px solid #ddd;margin-top: 50px;}
.product_description_area .nav-tabs {border-bottom: 0px solid #dee2e6;}
.product_description_area .nav-tabs .nav-item.show .nav-link, .product_description_area .nav-tabs .nav-link.active{color: #7A1066;background-color: #fff;border-color: #f4e2f0 #f4e2f0 #f4e2f0;border-bottom: 0px solid #01A9F4;}
.product_description_area .nav-tabs .nav-link{padding: 13px 30px;margin: 0px 5px;color: #000;font-size: 20px;border-bottom: 2px solid transparent;background: #fef1fb;border: 1px solid #f4e2f0;}
.product_description_area .nav-tabs .nav-link:focus, .product_description_area .nav-tabs .nav-link:hover{color: #7A1066;background-color: #fff;border-color: #f4e2f0 #f4e2f0 #f4e2f0;border-bottom: 0px solid #01A9F4;}
.product_description_area .tab-content{padding: 20px 25px;border: 1px solid #f4e2f0;}
.product_description_area .tab-content p{ margin-bottom:10px;font-weight: 300;color: #242424;}
.product_description_area .tab-content h6{font-weight: 400;font-size: 16px;}
.product_description_area .tab-content h4{font-weight: 500;font-size: 27px;margin: 15px 0px 15px;}
.addto{border-color: #7A1066;background-color: #7A1066;padding: 7px 10px;font-size: 13px;color: #fff;text-align: center;margin: 0px 10px;}
.addto:hover{background-color: #000; color:#fff;}
.buyto{border:1px solid #15aef1;background-color: #fff;padding: 7px 10px;font-size: 13px;color: #15aef1;text-align: center;}
.heart{background: #ccc;color: #000;display: block;padding: 10px;margin-left: 10px;}
.product_details_contain .socialmedia {margin-top: 20px;border-top: 1px solid #ddd;padding-top: 20px;position: relative;
  z-index: 1;}
.product_details_contain .socialmedia h5{font-size: 20px;line-height: 30px;margin-bottom: 0px;margin-right: 10px;}
.product_details_contain .accordion-button{background-color: #FFF7E3;padding: 13px 15px;}
.product_details_contain .accordion{margin-top: 25px;}
.quantity .form-control {width: 70px;height: initial;}
/*.socialmedia ul{ padding:0px; margin:0px; text-align:right;}
.socialmedia ul li{ display:inline-block;}
.socialmedia ul li a{width: 35px;height: 35px;border: 1px solid #7a1066;border-radius: 50%;display: block;padding: 4px 0px;color: #7a1066;text-align: center;font-size: 20px; transition:all .3s ease-in-out;}
.socialmedia ul li a:hover{ background:#7a1066; color:#fff;border: 1px solid #7a1066;transition:all .3s ease-in-out;}*/
/*------------product details stop-------------*/


/*// accordion start //*/
.faqSec { width: 100%; margin-top: 50px;}
.accordion_row { width: 100%; margin-top: 30px; }
.accordion-item { margin-bottom: 15px; }
.accordion-item { border-radius: 10px; }
.accordion-button { font-size: 20px; color: #000; font-weight: 600; padding: 15px; background-color: transparent; }
.accordion-button span { color: #000; margin-right: 5px; }
.accordion-button:not(.collapsed) { background-color: #e6e6e6; }
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { background-color: transparent; }
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s; width: 40px; height: 40px; background-position: 11px; border-radius: 50%; background-color: #5353533b; text-align: center; }
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    width: 40px; height: 40px; background-position: 11px; border-radius: 50%; background-color: #fff; text-align: center; }
.accordion-button::after { transition: all 0.5s; }
.accordion-item { box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25); border: none; }
.accordion-button:not(.collapsed) { color: #000; box-shadow: none; border-radius: 12px 12px 0 0; }
.accordion-body { padding: 0 15px 15px 15px; background-color: #e6e6e6; border-radius: 0 0 12px 12px; }
.accordion-body p { font-size: 16px; color: #000; font-weight: 500; background-color: #fff; padding: 15px; border-radius: 10px; }
.accordion-item:first-of-type>.accordion-header .accordion-button { border-radius: 12px 12px 0 0; }
.accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); border-radius: 12px; border-left: 2px solid #000; }
.accordion-item:not(:first-of-type) { border-top: 0; border-left: 2px solid #000; }

/*// accordion end //*/



.searcharea {
  margin-left: 24px;
}
.searcharea .searchbtn{ background-color:#E4A0D7; border-color:#E4A0D7!important; }
.searcharea .cartbtn{ position:relative; }
.searcharea .cartbtn span {
  position: absolute;
  right: -4px;
  top: -6px;
  width: 18px;
  height: 18px;
  background-color: #00ADED;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searcharea .searchbtn img {
  position: relative;
  top: 2px;
}
.searcharea .btnnormal {
  display: inline-flex;
  border: 1px solid #fff;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  position: relative;
  color: #fff;
}
.searcharea .btnnormal:hover{
  background-color: #FFF;
  border-color:
#FFF !important;
  color: #276b9a;
}

.left-container label{ display: none;}
.quantity{display: flex;
  align-items: center;
  margin-top: 20px;}
  .left-container{width: 20%;
    display: flex;
    align-items: center;
    margin-right: 10px;}

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

  .minus{width: 40px;
    height: 27px;
    display: block;
    background:
  #ddd;
    cursor: pointer;
    text-align: center;
    margin-right: 5px;}
    #quantityInput4 {
      width: 40%;
    }
    .plus{width: 40px;
      height: 27px;
      display: block;
      background:
    #ddd;
      cursor: pointer;
      text-align: center;
      margin-left: 5px;}

      #quantityInput8 {
        width: 100%;
      }
.galleryarea{box-shadow: 0px 0px 10px 0px #ececec;
  padding:7px; text-align: center;}
.gallerytext h4{font-size: 18px; color: #000; margin:5px 0px; font-weight: 400;}
.galleryimg{height: 225px;border-radius: 10px;}
.galleryimg img{ width: 100%; height: 100%; object-fit: cover;border-radius: 10px;}
.innerabout h3{margin-bottom: 20px;}

.request label{ font-size:16px; color:#292929; font-weight:bold;margin-bottom: 10px;}
.request .form-group{ margin-bottom:25px;}
.request .form-control{ height:60px;background-color: #f9f9f9;border: 1px solid #ced4da;}
.request .form-control:hover{border: 1px solid #292929;}
.request .form-control::-moz-placeholder{ font-size:14px;color:#a0a0a0;}
.request .form-control::-webkit-placeholder{ font-size:14px;color:#a0a0a0;}
.request textarea{ height:120px !important;}
.btn-tertiary {color: #a0a0a0 !important;padding: 0;line-height: 55px;display: block;height:60px;background-color: #f9f9f9;border: 1px dashed #ced4da;}



.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}


.quantity-input-container input{ width: 100%;}
.swal2-confirm.swal2-styled {border-radius:50px; background:#00ADED; padding:8px 25px;}
.swal2-cancel.swal2-styled { background:#000;  border-radius:50px;  padding:8px 20px;}
.cleft{padding: 10px; box-shadow: 0px 0px 10px 0px #ddd; border-radius:5px;}
.cleft table{border: 1px solid #ddd; width: 100%;}
tbody, td, tfoot, th, thead, tr { border-color:inherit; border-style:solid;  border-width:1px;  padding:5px;}
.cleft .productbox .icon{width: 60px; height: 60px; margin-right: 10px;}
.cleft .productbox .icon img{width: 100%;height: 100%;object-fit: cover;}
.cleft .quantity{ margin-top: 0px;}
.cleft .quantity .form-control { width: 80px; height: initial; margin:0 auto;}

.cright{padding: 10px; box-shadow: 0px 0px 10px 0px #ddd; border-radius:5px;}
.delete_product_data{width: 25px; height: 25px; border-radius:50%; border:none; background:#f00; color: #fff; margin:0 auto; display: block;}
.protable td{font-size: 20px;
  font-weight: 500;}
.catxt h6{display: flex; align-items: center;  justify-content: space-between;  border-bottom:1px solid #ddd;  padding-bottom: 10px; margin-bottom: 10px;}
.catxt h5{display: flex; align-items: center;  justify-content: space-between;  border-bottom:1px solid #ddd;  padding-bottom: 10px; margin-bottom: 10px; margin-top: 20px;}
.catxt .btn-primary{display: block;width: 266px; margin: 30px auto 10px;}
.catxt .btn-primary:hover{ background: #000;}
.loginarea{width: 65%; margin:0 auto; padding:25px;  border-radius:5px;  border:1px solid #ddd;  box-shadow: 0px 0px 10px 0px #ddd;}
.customValidate .form-control{margin-bottom: 15px; height: 50px; padding:10px 20px;}
.customValidate .btn-primary{margin: 10px 0px 10px;}
.loginarea{ text-align: center;}

.checkout_area .customValidate{width: 100%;}
.inner-ad-cart-box-1 h4{ margin-bottom: 30px;}
.cart-payment-datils-box h4{ margin-top: 30px;}

.myaccount_page_left{box-shadow: 0px 0px 10px #ddd;}
.myaccount_page_left ul{ padding:0px !important; margin: 0px;}
.myaccount_page_left ul li{border-bottom: 1px solid #ddd;}
.myaccount_page_left ul li a{padding: 10px 20px; display: block;color: #000;font-size: 15px;}
.myaccount_page_right{box-shadow: 0px 0px 10px #ddd; padding:20px;}
.user_box{ text-align: center;
  padding: 10px 0px;}
.myaccount_page_left ul li.active a{background:#00aded;color: #fff;}

.Profilepage{margin-bottom: 25px;}
.Profilepage h3{font-size: 20px;}
.myaccount_page_right .form-group{ margin-bottom: 15px;}



.review_thumb{width: 50px;
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  margin-right: 10px;}
.user_review ul{ padding: 0px; margin: 0px;}
.user_review ul li{ display: inline-block;font-size: 12px;}
.shortbanner{height: 100px;}
.shortbanner .bannertext{ display: none;}

.note-btn.btn.btn-default.btn-sm.note-btn-bold {
  padding: 10px;
  text-align: center;
  background: initial;
  color: #000;
}
.note-btn.btn.btn-default.btn-sm.note-btn-italic, .note-btn.btn.btn-default.btn-sm.note-btn-underline {
  padding: 10px;text-align: center;
  background: initial;
  color: #000;
}
.headerbox, .commentarea, .feedbox, .feedboxin {
  border: 2px solid #ddd !important;
}
.orderbox.shadow.mb-4 {
  padding: 20px;
}
.orderbox a{color: #000;}
.orderbox h5, .orderbox h4{font-size: 13px;}
.orderbox h5 span{display: block;
  line-height: 30px;}


.product-details-slider{position: relative;
  overflow: hidden;}
  .discount_percentage{position: absolute;
  top: 15px;
  background: #f00;
  padding: 9px 44px;
  transform: rotate(308deg);
  color: #fff !important;
  margin: 0px !important;
  left: -41px;
  font-weight: 500 !important;
  font-size: 17px;
  z-index: 9;}

.user_box.border-bottom{text-align: center;
  padding: 10px 0px;}
.thumblearea{width: 50px;
  margin: 0px auto 7px;
  border-radius: 50%;
  overflow: hidden;}

.review_box{display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;}
.user_review{width: 100%;}
.user_review h4{font-size: 17px;
  position: relative;}
.review_date{position: absolute;
  right: 0px;
  font-size: 14px;}

.review_list{height: 475px;
  overflow: auto;
  padding: 20px;
  box-shadow: 0px 0px 8px 0px #e1e1e1;
  margin-top: 20px;
  border-radius: 10px;}



.rating-options {
    --icon-size: 36px;
    display: flex;
    gap: 8px;
}

.rating-options label svg {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  fill: light-dark(var(--color-graydark), var(--color-graylight));
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.rating-options [type="radio"]:checked:is(:focus-visible) + label {
  outline: 1px dotted light-dark(var(--color-graydark), var(--color-graylight));
}
.rating-options label:hover svg {
  transform: scale(1.4);
  cursor: pointer;
}

/* a label which is being hovered on */
.rating-options label:hover svg,
/* labels which are previous siblings of a hovered label */
.rating-options label:has(~ label:hover) svg,
/* the label which is the next sibling of a checked radio */
.rating-options [type='radio']:checked + label svg,
/* labels which are previous siblings of a checked radio button */
.rating-options:has([type='radio']:checked) label:has(~ [type='radio']:checked) svg {
  fill: #ffc700;

}

.rating-options {
  position: relative;
  padding-bottom: 15px;
}

.feedback_from_body{padding: 20px;
  box-shadow: 0px 0px 8px 0px #e1e1e1;
  margin-top: 20px;
  border-radius: 10px;}


.review_container{ margin-top:25px;}


.customValidate2 .form-group{margin-bottom: 10px;}
.customValidate2 .form-select {
  width: 100%;
  background: #fff;
  border: 1px solid #9b9999 !important;
  height: 45px;
  padding: 10px;font-size: 13px !important;
  color: #6d7073 !important;
}

.customValidate2 textarea.form-control {
  height: 100px !important;
  border-radius: 25px !important;
  resize: none;
  border: 1px solid #9b9999 !important;
  padding: 10px !important;
  font-size: 13px;
}

.customValidate2 label{font-size: 13px;}
.form_select{ position: relative;}
.form_select::after{ position: absolute;content: "";border: solid #a7a5a5;;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;transform: rotate(45deg);
  -webkit-transform: rotate(45deg);top: 42px;
  right: 13px;border-width: 0 2px 2px 0;}

.comment-right .dropdown-menu.show {
  display: block;
  left: -160px !important;
}