/* preloader */ 
.preloader:after {
  content: '';
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 50%;
  height: 2px;
  background-color: #45cd7d;
  animation: Preloader 1s ease-in-out alternate infinite;}
@keyframes Preloader {
  0% {
    left: 0;
    width: 1%;
    background-color: #008892;
  }
  50% {
    width: 30%;
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
    width: 1%;
    background-color: #45cd7d;
  }
}







/* font */
body {
   font-family: airbnb_cereal_appbook;}
.font-light {
   font-family: airbnb_cereal_applight !important;}
.font-book {
   font-family: airbnb_cereal_appbook !important;}
.font-medium {
   font-family: airbnb_cereal_appmedium !important;}
.font-bold {
   font-family: airbnb_cereal_appbold !important;}
.font-extra-bold {
   font-family: airbnb_cereal_appextra_bold !important;}
.font-black {
   font-family: airbnb_cereal_appblack !important;}



/* custom */
.p-5-px {
    padding: 5px !important;}
.p-10-px {
    padding: 10px !important;}
.p-tb-5-se-10-px {
    padding: 5px 10px !important;}
.p-tb-8-se-10-px {
    padding: 8px 10px !important;}
.p-se-10-px {
    padding-left: 10px !important;
    padding-right: 10px !important;}




/* margin */

/* 0 auto */
.m-0-auto {
    margin: 0 auto !important;}

/* top */
.m-t-1 {
    margin-top: 1px !important;}
.m-t-2 {
    margin-top: 2px !important;}
.m-t-5 {
    margin-top: 5px !important;}
.m-t-10 {
    margin-top: 10px !important;}
.m-t-15 {
    margin-top: 15px !important;}
.m-t-20 {
    margin-top: 20px !important;}
.m-t-25 {
    margin-top: 25px !important;}
.m-t-30 {
    margin-top: 30px !important;}
.m-t-35 {
    margin-top: 35px !important;}
.m-t-40 {
    margin-top: 40px !important;}
.m-t-45 {
    margin-top: 45px !important;}
.m-t-50 {
    margin-top: 50px !important;}
.m-t-55 {
    margin-top: 55px !important;}
.m-t-60 {
    margin-top: 60px !important;}
.m-t-70 {
    margin-top: 70px !important;}
.m-t-135 {
    margin-top: 135px !important;}
/* screen */
@media screen {
.screen-m-t-15 {
    margin-top: 15px !important;}
.screen-m-t-60 {
    margin-top: 60px !important;}
}
/**/
.m-t--65 {
    margin-top: -65px !important;}
.m-t--3 {
    margin-top: -3px !important;}
.m-t--8 {
    margin-top: -8px !important;}
/* end */
.m-e-5 {
    margin-right: 5px !important;}
.m-e-10 {
    margin-right: 10px !important;}
.m-e-15 {
    margin-right: 15px !important;}
.m-e-20 {
    margin-right: 20px !important;}
.m-e-25 {
    margin-right: 25px !important;}
.m-e-30 {
    margin-right: 30px !important;}
.m-e-35 {
    margin-right: 35px !important;}
.m-e-40 {
    margin-right: 40px !important;}
.m-e-45 {
    margin-right: 45px !important;}
.m-e-50 {
    margin-right: 50px !important;}

/* bottom */
.m-b-5 {
    margin-bottom: 5px !important;}
.m-b-10 {
    margin-bottom: 10px !important;}
.m-b-15 {
    margin-bottom: 15px !important;}
.m-b-20 {
    margin-bottom: 20px !important;}
.m-b-25 {
    margin-bottom: 25px !important;}
.m-b-30 {
    margin-bottom: 30px !important;}
.m-b-35 {
    margin-bottom: 35px !important;}
.m-b-40 {
    margin-bottom: 40px !important;}
.m-b-45 {
    margin-bottom: 45px !important;}
.m-b-50 {
    margin-bottom: 50px !important;}
/* screen */
@media screen {
.screen-m-b-50 {
    margin-bottom: 50px !important;}
.screen-m-b-60 {
    margin-bottom: 60px !important;}
}

/* start */
.m-s-5 {
    margin-left: 5px !important;}
.m-s-10 {
    margin-left: 10px !important;}
.m-s-15 {
    margin-left: 15px !important;}
.m-s-20 {
    margin-left: 20px !important;}
.m-s-25 {
    margin-left: 25px !important;}
.m-s-30 {
    margin-left: 30px !important;}
.m-s-35 {
    margin-left: 35px !important;}
.m-s-40 {
    margin-left: 40px !important;}
.m-s-45 {
    margin-left: 45px !important;}
.m-s-50 {
    margin-left: 50px !important;}




/* padding */

/* top */
.p-t-5 {
    padding-top: 5px !important;}
.p-t-8 {
    padding-top: 8px !important;}
.p-t-10 {
    padding-top: 10px !important;}
.p-t-15 {
    padding-top: 15px !important;}
.p-t-20 {
    padding-top: 20px !important;}
.p-t-25 {
    padding-top: 25px !important;}
.p-t-30 {
    padding-top: 30px !important;}
.p-t-35 {
    padding-top: 35px !important;}
.p-t-40 {
    padding-top: 40px !important;}
.p-t-45 {
    padding-top: 45px !important;}
.p-t-50 {
    padding-top: 50px !important;}

/* end */
.p-e-2 {
    padding-right: 2px !important;}
.p-e-3 {
    padding-right: 3px !important;}
.p-e-5 {
    padding-right: 5px !important;}
.p-e-10 {
    padding-right: 10px !important;}
.p-e-15 {
    padding-right: 15px !important;}
.p-e-20 {
    padding-right: 20px !important;}
.p-e-25 {
    padding-right: 25px !important;}
.p-e-30 {
    padding-right: 30px !important;}
.p-e-35 {
    padding-right: 35px !important;}
.p-e-40 {
    padding-right: 40px !important;}
.p-e-45 {
    padding-right: 45px !important;}
.p-e-50 {
    padding-right: 50px !important;}


/* bottom */
.p-b-5 {
    padding-bottom: 5px !important;}
.p-b-8 {
    padding-bottom: 8px !important;}
.p-b-10 {
    padding-bottom: 10px !important;}
.p-b-15 {
    padding-bottom: 15px !important;}
.p-b-20 {
    padding-bottom: 20px !important;}
.p-b-25 {
    padding-bottom: 25px !important;}
.p-b-30 {
    padding-bottom: 30px !important;}
.p-b-35 {
    padding-bottom: 35px !important;}
.p-b-40 {
    padding-bottom: 40px !important;}
.p-b-45 {
    padding-bottom: 45px !important;}
.p-b-50 {
    padding-bottom: 50px !important;}
.p-b-200 {
    padding-bottom: 200px !important;}
@media screen {
.screen-p-b-25 {
    padding-bottom: 25px !important;}
.screen-p-b-50 {
    padding-bottom: 50px !important;}
}
/* start */
.p-s-5 {
    padding-left: 5px !important;}
.p-s-10 {
    padding-left: 10px !important;}
.p-s-15 {
    padding-left: 15px !important;}
.p-s-20 {
    padding-left: 20px !important;}
.p-s-25 {
    padding-left: 25px !important;}
.p-s-30 {
    padding-left: 30px !important;}
.p-s-35 {
    padding-left: 35px !important;}
.p-s-40 {
    padding-left: 40px !important;}
.p-s-45 {
    padding-left: 45px !important;}
.p-s-50 {
    padding-left: 50px !important;}
.p-s-60 {
    padding-left: 60px !important;}




/* height */
/* px */
.h-15-px {
    height: 15px !important;}
.h-17-px {
    height: 17px !important;}
.h-25-px {
    height: 25px !important;}
.h-22-px {
    height: 22px !important;}
.h-29-px {
    height: 29px !important;}
.h-30-px {
    height: 30px !important;}
.h-32-px {
    height: 32px !important;}
.h-33-px {
    height: 33px !important;}
.h-35-px {
    height: 35px !important;}
.h-37-px {
    height: 37px !important;}
.h-40-px {
    height: 40px !important;}
.h-42-px {
    height: 42px !important;}
.h-48-px {
    height: 48px !important;}
.h-45-px {
    height: 45px !important;}
.h-50-px {
    height: 50px !important;}
.h-55-px {
    height: 55px !important;}
.h-62-px {
   height: 62px !important;}
.h-67-px {
   height: 67px !important;}
.h-70-px {
   height: 70px !important;}
.h-75-px {
   height: 75px !important;}
.h-80-px {
   height: 80px !important;}
.h-85-px {
   height: 85px !important;}
.h-90-px {
    height: 90px !important;}
.h-95-px {
    height: 95px !important;}
.h-100-px {
    height: 100px !important;}
.h-105-px {
    height: 105px !important;}
.h-110-px {
    height: 110px !important;}
.h-135-px {
   height: 135px !important;}
.h-140-px {
   height: 140px !important;}
.h-165-px {
   height: 165px !important;}
.h-170-px {
   height: 170px !important;}
.h-200-px {
   height: 200px !important;}
.h-210-px {
    height: 210px !important;}
.h-260-px {
   height: 260px !important;}
.h-300-px {
   height: 300px !important;}
.h-350-px {
    height: 350px !important;}
.h-360-px {
    height: 360px !important;}
.h-385-px {
    height: 385px !important;}
.h-390-px {
    height: 390px !important;}
.h-576-px {
    height: 576px !important;}
.h-600-px {
   height: 600px !important;}

/* in */
.h-6-in {
    height: 6in !important;}

/* vh */
.h-100-vh {
    height: 100vh !important;}

/* min-h */
.min-h-auto {
    min-height: auto !important;}
.min-h-0 {
    min-height: 0 !important;}
.min-h-30-px {
    min-height: 30px !important;}
.min-h-40-px {
    min-height: 40px !important;}
.min-h-80-px {
    min-height: 80px !important;}
.min-h-150-px {
    min-height: 150px !important;}
.min-h-200-px {
    min-height: 200px !important;}
.min-h-225-px {
    min-height: 225px !important;}
.min-h-280-px {
    min-height: 280px !important;}
.min-h-320-px {
    min-height: 320px !important;}




/**/
.w-190-px {
    width: 190px !important;}
.w-816-px {
    width: 816px !important;}

/**/
.max-w-20-px {
    max-width: 20px !important;}
.max-w-30-px {
    max-width: 30px !important;}
.max-w-35-px {
    max-width: 35px !important;}
.max-w-55-px {
    max-width: 55px !important;}
.max-w-65-px {
    max-width: 65px !important;}
.max-w-90-px {
    max-width: 90px !important;}
.max-w-110-px {
    max-width: 110px !important;}
.max-w-200-px {
    max-width: 200px !important;}
.max-w-215-px {
    max-width: 215px !important;}
.max-w-280-px {
    max-width: 280px !important;}
/* in */
.w-4-in {
    width: 4in !important;}
/**/
.min-w-100 {
    min-width: 100px !important;}
/**/
.w-inherit {
    width: inherit !important;}




  
/* display */
.d-initial {
   display: initial !important;}
/* screen */
@media screen {
.d-screen-none {
   display: none !important;}
}



/**/
.border-1 {
    border: 1px solid #dee2e6 !important;}
.border-1-black {
    border: 1px solid #000 !important;}
.border-left-1 {
    border-left: 1px solid #dee2e6 !important;}
.border-right-1 {
    border-right: 1px solid #dee2e6 !important;}
.border-bottom-1 {
    border-bottom: 1px solid #dee2e6 !important;}
.border-bottom-1-black {
    border-bottom: 1px solid #000 !important;}

/* border */
.border-h-t-0 {
    border-top-style: hidden !important;}
.border-h-b-0 {
    border-bottom-style: hidden !important;}
.border-h-s-0 {
    border-left-style: hidden !important;}
.border-h-e-0 {
    border-right-style: hidden !important;}




/* font-size */
.fs-6-px {
    font-size: 6px !important;}
.fs-7-px {
    font-size: 7px !important;}
.fs-8-px {
    font-size: 8px !important;}
.fs-9-px {
    font-size: 9px !important;}
.fs-9p8-px {
    font-size: 9.8px !important;}
.fs-10-px {
    font-size: 10px !important;}
.fs-11-px {
    font-size: 11px !important;}
.fs-12-px {
   font-size: 12px !important;}
.fs-13-px {
   font-size: 13px !important;}
.fs-14-px {
   font-size: 14px !important;}
.fs-15-px {
   font-size: 15px !important;}
.fs-16-px {
   font-size: 16px !important;}
.fs-17-px {
   font-size: 17px !important;}
.fs-18-px {
   font-size: 18px !important;}
.fs-20-px {
   font-size: 20px !important;}
.fs-25-px {
   font-size: 25px !important;}
.fs-35-px {
   font-size: 35px !important;}
.fs-45-px {
   font-size: 45px !important;}




/* top */
.top-5 {
    top: 5px !important;}


/* first-letter */
.first-letter-15::first-letter {
    padding-left: 15px !important;}

/**/
.opacity-5 {
    opacity: .5 !important;}

    
/**/
.text-pre-line {
    white-space: pre-line !important;}
/**/
.font-weight-initial {
    font-weight: initial !important;}

/*  */
.vertical-align-middle {
    vertical-align: middle !important}
/**/
.line-height-10-px {
    line-height: 10px !important}
.line-height-11-px {
    line-height: 11px !important}
/**/
.line-height-1-3-p {
    line-height: 1.0;}




/* url-primary */
.url-primary {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}



/* gutter-x */
.gutter-p8-x {
    --bs-gutter-x: .8rem;}
.gutter-1-x {
    --bs-gutter-x: 1rem;}
.gutter-2-x {
    --bs-gutter-x: 2rem;}
.gutter-3-x {
    --bs-gutter-x: 3rem;}



/* line-clamp */
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;}
.line-clamp-1 {
  -webkit-line-clamp: 1;}
.line-clamp-2 {
  -webkit-line-clamp: 2;}
.line-clamp-3 {
  -webkit-line-clamp: 3;}
.line-clamp-4 {
  -webkit-line-clamp: 4;}





/* read-more */
.read-more {
    display: inline-block;
    text-decoration: none;
    color: #000;}


/* page-break-before: always */
.page-break-before-always {
    page-break-before: always !important}


/* scrollbar-y */
.scrollbar-y {
   overflow-y: auto;}
.scrollbar-y::-webkit-scrollbar {
   background-color: transparent;
   width: 5px;}
.scrollbar-y:hover::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);}
@media (hover: none) {
.scrollbar-y::-webkit-scrollbar {
   width: 5px;}
.scrollbar-y::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);}
} 


/* scrollbar-x */
.scrollbar-x {
   overflow-x: auto;}
.scrollbar-x::-webkit-scrollbar {
   background-color: transparent;
   height: 7px;}
.scrollbar-x:hover::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);}
@media (hover: none) {
.scrollbar-x::-webkit-scrollbar {
   height: 7px;}
.scrollbar-x::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);}
} 



/* xs <575 */
@media (max-width: 575px) {
}
/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {

}
/* md 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}
/* lg 992 to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* xl 1200 to 1399 */
@media (min-width: 1200px) and (max-width: 1399px) {

}
/* xxl >1400 */
@media (min-width: 1400px) {

}

/* ----- */
@media (max-width: 1199px) {
.m-t-15-zero-xxl {
   margin-top: 15px !important;}
}
/* zero-sm */
@media (max-width: 767px) {
.m-t-15-zero-sm {
   margin-top: 15px !important;}
.m-b-25-zero-sm {
   margin-bottom: 25px !important;}
/**/
.order-2-zero-sm {
   order: 2 !important;}
.order-3-zero-sm {
   order: 3 !important;}
/**/
.h-300-zero-sm {
    height: 300px;}
/**/
.max-w-215-zero-sm {
    max-width: 215px !important;}
/**/
.col-12-zero-sm {
    flex: 0 0 auto;
    width: 100%;}

/**/
.border-0-zero-sm {
   border: 0 !important;}
}
/* zero-md */
@media (max-width: 991px) {
.m-e-15-zero-md {
   margin-right: 15px !important;}
}
/* md-all */
@media (min-width: 768px) {
.m-t-35-md-all {
   margin-top: 35px !important;}
/**/
.p-s-50-md-all {
    padding-left: 50px !important;}
/**/
.max-w-215-px-md-all {
    max-width: 215px !important;}
}
/* lg-all */
@media (min-width: 992px) {
.m-t-35-lg-all {
   margin-top: 35px !important;}

/**/
.max-w-90-px-lg-all {
    max-width: 90px !important;}
}

.scroll-to-bottom-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 24px;
}

.scroll-to-bottom-btn:hover {
    transform: translateY(2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}

.scroll-to-bottom-btn.show {
    display: flex;
}

.scroll-to-bottom-btn i {
    transition: transform 0.3s ease;
}

.scroll-to-bottom-btn:hover i {
    transform: translateY(3px);
}

/* Optional: Add a scroll to top button too */
.scroll-to-top-btn {
    position: fixed;
    bottom: 90px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(245, 87, 108, 0.4);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 24px;
}

.scroll-to-top-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 87, 108, 0.6);
    background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);
}

.scroll-to-top-btn.show {
    display: flex;
}

.scroll-to-top-btn:hover i {
    transform: translateY(-3px);
}