/* Global CSS Starts */
:root {
  --white: #ffffff;
  --black: #000000;
  --orange: #df6a2e;
  --orange-dark: #c55d29;
  --blue: #1c355e;
  --blue-dark: #101e32;
  --blue-light: #f6f7fb;
  --blue-light2: #eeeff4;
  --red: #d34633;
  --red2: #ff3b20;
  --green: #1f8679;
  --green-light: #d6e5e0;
  --green-light2: #64b8ae;
  --green-dark: #39b54a;
  --gray: #6f7271;
  --gray-dark: #545454;
  --gray-light: #f6f6f6;
  --gray-light2: #d9d9d9;
  --gray-light3: #f4f4f4;
  --gray-light4: #d4d3d2;
  --gray-blue: #828594;
  --yellow: #fbb03b;
  --gradient-bg: linear-gradient(90deg,rgba(20, 57, 100, 1) 0%, rgba(95, 68, 112, 1) 90%);
  --gradient-bg2: linear-gradient(90deg,#65baaf 0%, #6587ba 90%);
  --gradient-orange: linear-gradient(130deg,#e4621f 50%,#e6176e 110%);
  --gradient-green: linear-gradient(130deg,#1f8679 30%,#309b8a 50%,#5bd6ad 90%);
  --gradient-blue: linear-gradient(130deg,#1c355e 30%,#2b446c 50%,#2f4f84 90%);
  --top-box-shadow: 0px -10px 23px -30px black;
}
body, p, li,h6{font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 400;color: var(--black);margin: 0px;}

h1,h2,h3,h4,h5,h6{font-weight: 700;}

h6{font-size: 16px;}

.bg-orange{background-color: var(--orange) !important;}
.bg-green{background-color: var(--green) !important;}
.bg-blue{background-color: var(--blue) !important;}

.bg-gradient-orange{background-image: var(--gradient-orange);}
.bg-gradient-green{background-image: var(--gradient-green);}
.bg-gradient-blue{background-image: var(--gradient-blue);}

.no-shadow{box-shadow: unset !important;}
/* Global CSS Ends */

/* Container CSS Starts */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1200px;}
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1200px;}
}
/* Container CSS Ends */

/* Section Title CSS Starts */
.section-title{}
.section-title h1{font-size: 34px;color: var(--blue);}
.section-title h2{font-size: 30px;}
.section-title h3{font-size: 24px;}
.section-title h4{font-size: 18px;}
.section-title p{font-size: 16px;margin-top: 25px;}

.section-title h2 span,
.section-title h3 span,
.section-title h4 span,
.section-title p span
{color: var(--orange);}

.section-title-green h1,
.section-title-green h2,
.section-title-green h3,
.section-title-green h4
{color: var(--green);}

.modal-title-bar .section-title p{font-size: 14px;margin-top: 10px;}

.section-title-center{max-width: 600px;display: block;margin: auto;}
/* Section Title CSS Ends */

/* Buttons CSS Starts */
.btn,
header .navbar-nav li.btn-header a,
.btn-link
{color: var(--white);background-color: var(--orange);font-size: 16px;font-weight: 700;padding: 12px 20px !important;border-radius: 10px;display: inline-block;transition: all 0.3s ease-in;}

.btn-large{font-size: 18px;padding: 16px 28px !important;}
.btn-sm{font-size: 14px;font-weight: 500;padding: 8px 30px !important;border-radius: 5px;}

.btn-blue{color: var(--white);background-color: var(--blue);}
.btn-white{color: var(--blue);background-color: var(--white);}
.btn-white-orange{color: var(--orange);background-color: var(--white);}
.btn-white-green{color: var(--green);background-color: var(--white);}

.btn-blank{color: var(--gray-dark);background-color: transparent;border: 1px solid var(--gray-dark);}
.btn-blank-orange{color: var(--orange);background-color: transparent;border: 1px solid var(--orange);}
.btn-blank.btn-blue{color: var(--blue);background-color: transparent;border: 1px solid var(--blue);}

.btn-none{color: var(--gray-dark);background-color: transparent;}
.btn-link{color: var(--blue);background-color: transparent;}

.btn-link-sm{font-size: 13px;font-weight: 400;color: var(--blue) !important;background-color: transparent !important;padding: 0px !important;}

.btn:hover,
header .navbar-nav li.btn-header a:hover{color: var(--white);background-color: var(--orange-dark);}
/* Buttons CSS Ends */

/* Form CSS Starts */
.form-group{margin-bottom: 10px;}
.form-group label{display: block;margin-bottom: 10px;}
.form-control{font-size: 14px;height: 40px;border: 1px solid var(--gray);border-radius: 5px;box-shadow: unset !important;outline: unset !important;}
textarea.form-control{height: 60px;}
.form-outer textarea.form-control{height: 100px;}
.form-group .input-group span.input-group-text{border-color: #000;}
/* Form CSS Ends */

/* File Upload CSS Starts */
.file-upload-outer{}
.custom-file-upload{width: 100%;min-height: 100px;padding: 20px;border: 1px dashed var(--green);border-radius: 5px;position: relative;}
.cfu-inner{text-align: center;}
.cfu-inner .form-control{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.cfu-inner i{font-size: 26px;color: var(--green);}
.cfu-inner h4{font-size: 18px;color: var(--green);margin: 0px;margin-top: 10px;}
.cfu-inner p{}

.file-upload-btn{position: relative;cursor: pointer;}
.file-upload-btn .file-upload-btn-input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.file-upload-btn .btn{}
/* File Upload CSS Ends */

/* Custom Radio Button CSS Starts */
.custom-radio-btn-outer .radio-inline-outer
{padding: 15px;position: relative;outline: unset !important;border-radius: 5px;margin-bottom: 10px;cursor: pointer;}
.custom-radio-btn-outer input[type=radio]
{width: 100%;height: 100%;}

.custom-radio-btn-outer .radio-inline-outer
{border: 1px solid var(--blue-light2);border-radius: 5px;}

.custom-radio-btn-outer input[type=radio],
.custom-radio-btn-outer input[type=checkbox]
{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity:0;z-index: 9;cursor: pointer;}

.custom-radio-content{max-width: 400px;}

.radio-inline-outer h5,.radio-inline-outer p
{color: var(--black);position: relative;}
.radio-inline-outer h5{margin-bottom: 5px;}
.radio-inline-outer p{font-size: 13px;}

/* .custom-radio-btn-outer .radio-inline-outer span
{padding: 0px 8px;position: relative;z-index: 9;cursor: pointer;} */

.custom-radio-icon{width: 36px;height: 36px;line-height: 36px;text-align: center;position: absolute;top: 26px;right: 40px;border: 1px solid var(--gray-blue);border-radius: 100%;}
.custom-radio-icon .fa{font-size: 41px;line-height: 36px;color: var(--green-dark);display: none;}

.custom-radio-btn-outer .radio-inline-outer.active input[type=radio],
.custom-radio-btn-outer .radio-inline-outer.active input[type=radio]:checked
{background-color: var(--blue-light2);outline: unset;}

.custom-radio-btn-outer .radio-inline-outer.active{background-color: var(--blue-light2);}

.custom-radio-btn-outer .radio-inline-outer.active .custom-radio-icon{border-color: var(--green-dark);}
.custom-radio-btn-outer .radio-inline-outer.active .custom-radio-icon .fa{display: inline-block;}

/* .custom-radio-btn-outer .radio-inline-outer.active span{color: #ffffff;} */
/* Custom Radio Button CSS Ends */

/* Modal CSS Starts */
.modal-body{padding: 30px 20px;}
.modal-title-bar{max-width: 75%;display: block;margin: auto;margin-bottom: 20px;}
.modal-title-bar-full{max-width: 100%;}
.modal-btn-outer{margin-top: 30px;}
.modal-btn-outer .btn{position: relative;}
.modal-btn-radio-outer .custom-radio {margin-right: 0px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal-btn-radio-outer .custom-radio:checked::after{display: none !important;}

.modal-md{max-width: 600px;}

.modal-body .file-upload-outer{max-width: 400px;display: block;margin: auto;margin-bottom: 20px;}

.entry-form-outer{padding: 10px;border: 1px solid var(--gray-light);border-radius: 5px;}
.entry-form-outer .section-title h4{color: var(--blue);}
.entry-form-outer .google-map-box{margin-bottom: 7px;}
.entry-form-outer .google-map-box iframe{width: 100% !important;height: 200px !important;}

.icon-check{margin-bottom: 10px;}
.icon-check .fa{font-size: 50px;color: var(--green-dark);}

.santa-title-img{margin-bottom: 10px;}
.santa-title-img img{width: 120px;}

.otp-small-outer{max-width: 300px;display: block;margin: auto;}

.small-text{}
.small-text p{font-size: 12px;}
.small-text p a{color: var(--gray-dark);text-decoration: none;}
.small-text p a strong{color: var(--blue);}

.modal-form-list{}
.modal-form-list ul{margin: 0px;padding: 0px;}
.modal-form-list ul li{list-style: none;padding-left: 25px;position: relative;}
.modal-form-list ul li::before{content: '';width: 15px;height: 15px;background-image: url(../images/icon-close-green.png);background-position: 0px 0px;background-size: cover;background-repeat: no-repeat;position: absolute;top: 4px;left: 0;}

.profiles-img{text-align: center;max-width: 500px;display: block;margin: auto;margin-top: 30px;}
.profiles-img img{}
.profile-img-box{width: 120px;height: 120px;border-radius: 100%;display: block;margin: auto;position: relative;}
.profile-img-box img{width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.profile-img-box .profile-img-close{width: 24px;height: 24px;color: var(--white);background-color: var(--red2);border-radius: 100%;position: absolute;top: 4px;right: 6px;cursor: pointer;}
.profile-img-box .profile-img-close i{}

h2.swal2-title{font-size: 26px;}
/* Modal CSS Ends */

/* Header CSS Starts */
header{}
.header-top{padding: 10px 0px;background-image: var(--gradient-bg2);}
.header-top-inner{text-align: center;}
.header-top-inner h5{font-size: 18px;color: var(--blue-dark);margin: 0px;}
.header-top-inner h5 img{width: 30px;margin-right: 5px;}
header .navbar{padding: 15px 0px;}
header .navbar .navbar-brand{}
header .navbar .navbar-brand img{width: 80px;}
header .navbar-nav{align-items: center;}
header .navbar-nav li{padding: 0px 10px;}
header .navbar-nav li a{color: var(--black);}
header .navbar-nav li.btn-header{padding-right: 0px;}
header .navbar-nav li.btn-header a{}

.header-notification{width: 26px;position: relative;}
.header-notification-icon{position: relative;cursor: pointer;}
.header-notification-icon i{font-size: 24px;color: var(--yellow);}
.notification-counter{width: 15px;height: 15px;line-height: 15px;font-size: 9px;color: var(--white);background-color: var(--red2);text-align: center;border-radius: 100%;position: absolute;top: 0;right: -3px;}
.header-notification-box{display: none;width: 350px;position: absolute;top: 37px;right: 0;padding: 15px;background-color: var(--white);border: 1px solid #ddd;border-radius: 5px;transition: all 0.3s ease-in;}
.header-notification-box-inner{}
.header-notification-box-inner h5{}
.header-notification-box-inner h5 .notification-close{font-size: 16px;margin-right: 5px;display: none;}
.notification-table{}
.notification-table table tr td,
.notification-table p
{font-size: 13px;}
.notification-table table{}
.notification-table table tr{}
.notification-table table tr td{padding: 15px 0px;}
.notification-table table tr td span{font-size: 12px;opacity: 0.6;}

.header-notification-box.active{display: block;}

.header-welcome{width: 220px;display: none;}
.header-welcome-inner{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: center;}
.header-welcome-left{padding-right: 20px;}
.header-welcome-right{}
.header-welcome-name{}
.header-welcome-name p{}
.header-welcome-img{width: 75px;height: 75px;padding: 15px;background-color: var(--green);border-radius: 100%;}
.header-welcome-img img{width: 44px;height: 44px;object-fit: contain;display: block;margin: auto;}
/* Header CSS Ends */

/* Banner Section CSS Starts */
.banner-section{padding-top: 70px;padding-bottom: 70px;}
.banner-inner{}
.banner-left{padding-right: 60px;}
.banner-right{padding-left: 50px;}
.banner-left-inner{}
.banner-section .section-title{}
.banner-section .section-title h1{}
.banner-section .section-title p{}
.banner-btn-outer{margin-top: 36px;}
.banner-btn-outer .btn{}
.banner-right-inner{}
.banner-video{text-align: right;}
/* Banner Section CSS Ends */

/* Gallery Section CSS Starts */
.gallery-section{padding-bottom: 70px;}
.gallery-inner{}
.gallery-box-outer{display: flex;flex-wrap: wrap;flex-direction: row;margin-left: -10px;margin-right: -10px;}
.gallery-box{width: 20%;padding: 10px;}
.gallery-box-inner{}
.gallery-box a{display: block;}
.gallery-box-inner img{width: 100%;height: 200px;object-fit: cover;border-radius: 10px;}
/* Gallery Section CSS Ends */

/* IMG Content Section CSS Starts */
.img-content-section{padding-top: 70px;padding-bottom: 70px;box-shadow: var(--top-box-shadow);}
.img-content-inner{}
.img-content-left{}
.img-content-right{}
.iml-inner{}
.ims-content{padding-top: 20px;}
.ims-content .section-title{}
.ims-content .section-title h2{}
.ims-content .section-title p{}
.imr-inner{}
.ims-img{}
.ims-img img{width: 100%;border-radius: 10px;}

.img-content-btn-outer{margin-top: 36px;}

.profile-card{margin-top: 60px;}
.profile-card-inner{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.profile-card-left{width: 30%;}
.profile-card-right{width: 70%;padding-left: 20px;}
.pcl-img{}
.pcl-img img{width: 150px;height: 150px;object-fit: cover;border-radius: 100%;}
.pcr-content{}
.pcr-content h5{font-size: 16px;color: var(--blue);}
.pcr-content p{margin: 0px;}

.img-content-section.image-left{}
.img-content-section.image-left .img-content-left-outer{}
.img-content-section.image-left .img-content-right-outer{}
.img-content-section.image-left .img-content-left{padding-right: 20px;}
.img-content-section.image-left .img-content-right{padding-left: 50px;}

.img-content-section.image-right .img-content-left-outer{}
.img-content-section.image-right .img-content-right-outer{}
.img-content-section.image-right .img-content-left{padding-right: 50px;}
.img-content-section.image-right .img-content-right{padding-left: 20px;}

.read-more-link{}
.read-more-link a{color: var(--blue);text-decoration: none;font-weight: bold;}

.featured-brands{margin-top: 170px;}
.featured-brands .section-title{}
.featured-brands .section-title h6{}
.logos{margin-top: 20px;}
.logos ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.logos ul li{list-style: none;width: 33.333%;text-align: center;margin-bottom: 20px;}
.logos ul li img{}

.list-new{margin-top: 25px;}
.list-new ul{margin: 0px;padding: 0px;}
.list-new ul li{list-style: none;font-size: 16px;margin-bottom: 10px;}
.list-new ul li strong{}
.list-new ul li img{width: 32px;margin-right: 5px;}
.list-new ul li span{font-size: 14px;display: block;margin-top: 5px;margin-bottom: 20px;}

#toggleDiv{display: none;}
/* IMG Content Section CSS Ends */

/* Become Host Section CSS Starts */
.become-host-section{padding-top: 50px;padding-bottom: 50px;}
.become-host-inner{}
.become-host-box{max-width: 650px;padding: 25px;display: block;margin: auto;background-color: var(--blue-light);border: 1px solid var(--blue);border-radius: 10px;}
.become-host-box-inner{}
.become-host-box h6,.become-host-box p{color: var(--blue);}
.become-host-box h6{margin-bottom: 25px;}
.become-host-box p{}
/* Become Host Section CSS Ends */

/* Santa Message Section CSS Starts */
.santa-message-section{margin: 30px 0px;}
.santa-message-inner{max-width: 390px;display: block;margin: auto;}
.santa-message{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;background-color: #cde8e5;border-radius: 50px;}
.santa-message-img{width: 20%;}
.santa-message-img img{height: 65px;transform: scale(1.3);}
.santa-message-text{width: 80%;padding: 0px 10px;}
.santa-message-text p{font-size: 16px;font-weight: 700;color: #121212;margin: 0px;}
/* Santa Message Section CSS Ends */

/* Breadcrumb Links Section CSS Starts */
.breadcrumb-links-section{}
.breadcrumb-links-list{}
.breadcrumb-links-list ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.breadcrumb-links-list ul li{list-style: none;position: relative;}
.breadcrumb-links-list ul li a{font-size: 16px;color: var(--black);display: block;text-decoration: none;position: relative;}
.breadcrumb-links-list ul li a::before{content: '/';margin: 0px 5px;}
.breadcrumb-links-list ul li:first-child a::before{display: none;}
.breadcrumb-links-list ul li.active a{font-weight: bold;}
/* Breadcrumb Links Section CSS Ends */

/* Landing BTN Outer Section CSS Starts */
.landing-btn-outer{margin-top: 36px;}
/* Landing BTN Outer Section CSS Ends */

/* Landing Search Section CSS Starts */
.landing-search-section{margin-top: 36px;}
.landing-search-title{margin-bottom: 15px;}
.landing-search-title h6{}
.landing-search-form{max-width: 900px;display: flex;flex-wrap: wrap;flex-direction: row;margin: auto;}
.landing-search-form .lsf-input{width: 78%;}
.landing-search-form .lsf-btn{width: 22%;padding-left: 20px;}
.landing-search-form .lsf-input .form-control{height: 50px;}
.landing-search-form .lsf-btn .btn{width: 100%;}
.landing-search-map{margin-top: 25px;}
.landing-search-map iframe{width: 100% !important;height: 400px !important;}
.create-hometour-btn-outer{margin-top: 15px;}
/* Landing Search Section CSS Ends */

/* Property Grid Section CSS Starts */
.property-grid-section{padding-top: 50px;padding-bottom: 50px;}
.property-grid-inner{}
.property-select{}
.property-select select{}
.property-grid-outer{margin-top: 30px;}
.property-grid-box{margin-bottom: 30px;}
.pgb-inner{}
.pgb-top{}
.pgb-top p{font-size: 13px;}
.pgb-top-inner{position: relative;}
.pgbt-bar{padding: 10px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;position: absolute;top: 0;left: 0;width: 100%;}
.pgbt-left,.pgbt-right{padding: 6px 8px;background-color: var(--white);border-radius: 30px;}
.pgbt-left{}
.pgbt-right{text-align: center;}
.pgbt-distance{}
.pgbt-distance p{color: var(--blue);}
.pgbt-distance p i{}
.pgbt-pin{min-width: 17px;}
.pgbt-pin p{}
.pgbt-pin p i{transform: scale(1.5) rotate(45deg);}

.pgbt-right.active{background-color: var(--green-dark);text-align: left;padding-left: 15px;padding-right: 20px;}
.pgbt-right.active .pgbt-pin p{color: var(--white);}
.pgbt-right.active .pgbt-pin p i{margin-left: 2px;transform: scale(1.5) rotate(45deg) translateX(2px) translateY(-2px);}

.pgbt-img{}
.pgbt-img a{display: block;}
.pgbt-img img{width: 100%;height: 300px;object-fit: cover;border-radius: 10px;}
.pgb-bottom{margin-top: 10px;}
.pgb-bottom-inner{display: flex;flex-wrap: wrap;flex-direction: row;}
.pgb-bottom-inner p{font-size: 15px;color: var(--black);}
.pgbb-left{width: 80%;}
.pgbb-right{width: 20%;text-align: right;}
.pgb-title{}
.pgb-title p{}
.pgb-title p a{color: inherit;text-decoration: none;}
.pgb-rating{}
.pgb-rating p{}
.pgb-rating p .fa{color: var(--white);background-color: var(--yellow);border-radius: 100%;padding: 3px;margin-right: 3px;}
/* Property Grid Section CSS Ends */

/* HW Section CSS Starts */
.hw-section{padding-bottom: 50px;}
/* HW Section CSS Ends */

/* Main Slider Section CSS Starts */
.main-slider-section{padding-top: 20px;padding-bottom: 50px;}
.main-slider-inner{}
.main-slider-section{}
.main-slider-section .item{}
.main-slider-section .item img{width: 100%;height: 250px;object-fit: cover;border-radius: 10px;}
/* Main Slider Section CSS Ends */

/* Property Single Title Section CSS Starts */
.property-single-title-section{}
.property-single-title-section .section-title{}
.property-single-title-section .section-title h2{}
.property-single-title-section .section-title h2 img{width: 60px;}
/* Property Single Title Section CSS Ends */

/* Homeowner Message Section CSS Starts */
.homeowner-message-section{margin-top: 70px;padding-bottom: 70px;}
.homeowner-message-outer{max-width: 500px;display: block;margin: auto;}
.homeowner-message-inner{padding: 36px 36px;background-color: var(--gray-light);border-radius: 10px;}
.homeowner-message-img{text-align: center;margin-top: -96px;}
.homeowner-message-img img{width: 100px;height: 100px;object-fit: cover;border-radius: 100%;}
.homeowner-msg-title{text-align: center;margin-top: 20px;margin-bottom: 30px;}
.homeowner-msg-title h6{text-transform: uppercase;color: var(--green-light2);margin-bottom: 10px;}
.homeowner-msg-title h6 img{width: 32px;margin-right: 5px;}
.homeowner-msg-title p{font-size: 16px;}
.msg-homeowner-rating-box{padding: 30px 30px;background: #143964;background: var(--gradient-bg);border-radius: 20px;}
.mhrb-inner{}
.mhrb-stars{}
.hrb-stars-icon{}
.hrb-stars-icon img{}
.hrb-stars-text{padding: 0px 14px;margin-top: 10px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.hrb-stars-left{}
.hrb-stars-right{text-align: right;}
.hrb-stars-text p{color: var(--white);}
.hrb-stars-text p strong{}
.mhrb-btn-outer{margin-top: 20px;}
.mhrb-btn-outer .btn{}

.before-visit-section{padding-top: 36px;}
.before-visit-inner{padding: 36px 36px;border: 1px solid var(--gray-light2);border-radius: 10px;}
.bvi-santa{display: flex;flex-wrap: wrap;flex-direction: row;}
.bvi-left{width: 20%;padding-right: 25px;}
.bvi-right{width: 80%;}
.bvi-left img{}
.bvi-right h6{color: var(--green-light2);margin-bottom: 10px;}
.bvi-right p{}
.bvi-schedule{max-width: 336px;display: flex;flex-wrap: wrap;flex-direction: row;margin: auto;margin-top: 25px;}
.bvis-left,.bvis-right{width: 50%;}
.bvis-left{}
.bvis-right{}
.bvi-schedule h6,.bvi-schedule p{font-size: 13px;color: var(--gray-dark);}
.bvi-schedule h6{}
.bvi-schedule p{}

.support-clause-section{padding-top: 36px;}
.support-clause-inner{}
.sci-btn-outer{}
.sci-btn-outer .btn{}
.sci-text{margin-top: 15px;}
.sci-text p{font-size: 13px;}
/* Homeowner Message Section CSS Ends */

/* Testimonials Section CSS Starts */
.testimonials-section{padding-top: 70px;padding-bottom: 70px;background-color: var(--gray-light3);}
.testimonials-inner{}
.testimonials-box-outer{margin-top: 36px;}
.testimonials-box{padding: 15px 0px;}
.testimonial-box-inner{padding: 36px;background-color: var(--white);border: 1px solid var(--gray-light2);border-radius: 10px;}
.testi-top{display: flex;flex-wrap: wrap;flex-direction: row;}
.testi-top p{font-size: 13px;color: var(--gray);}
.testi-box-rating{width: 77%;}
.testi-box-report{width: 23%;text-align: right;}
.testi-box-rating p{}
.testi-box-rating p i{font-size: 16px;color: var(--yellow);}
.testi-box-rating p span{}
.testi-box-rating p span.testi-box-rating-time{margin-left: 10px;}
.testi-box-report p{}
.testi-box-report p a{color: inherit;text-decoration: none;}
.testi-middle{margin: 30px 0px;}
.testi-middle-content{}
.testi-middle-content p{}
.testi-middle-imgs{margin-top: 20px;}
.testi-middle-imgs ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;margin: 0px -10px;}
.testi-middle-imgs ul li{list-style: none;width: 14%;padding: 10px;}
.testi-middle-imgs ul li img{width: 100%;height: 130px;object-fit: cover;border-radius: 5px;}
.testi-bottom{}
.testi-bottom h6{}
/* Testimonials Section CSS Ends */

/* Banner IMG Section CSS Starts */
.banner-img-section{}
.banner-img-inner{}
.banner-img-outer{margin-top: 36px;}
.banner-img-outer img{max-width: 700px;height: 400px;object-fit: cover;object-position: top;}
/* Banner IMG Section CSS Ends */

/* Purpose Section CSS Starts */
.purpose-section{padding-top: 70px;padding-bottom: 70px;}
.purpose-inner{}
.purpose-info{margin-top: 36px;}
.purpose-img{}
.purpose-img img{width: 220px;height: 220px;object-fit: cover;border-radius: 100%;}
.purpose-content{max-width: 800px;display: block;margin: auto;margin-top: 20px;}
.purpose-content p{font-size: 16px;}
/* Purpose Section CSS Ends */

/* Features Section CSS Starts */
.features-section{}
.features-inner{}
.features-box-outer{margin-top: 50px;}
.features-box{}
.features-box-inner{min-height: 500px;padding: 36px;background-color: var(--orange);border-radius: 10px;transition: transform .2s;}
.features-box-img{text-align: center;}
.features-box-img img{max-width: 270px;}
.features-box-content{}
.features-box-content h4{color: var(--white);margin-top: 15px;margin-bottom: 15px;}
.features-box-content p{color: var(--white);}

.features-box-inner:hover{transform: scale(1.02);}
/* Features Section CSS Ends */

/* Winning Section CSS Starts */
.winning-section{padding-top: 70px;padding-bottom: 70px;}
.winning-inner{margin-top: 36px;}

.hhh-video{margin-top: 50px;}
.hhh-video iframe{}
.hhh-video p{color: var(--gray-blue);}

.static-img{}
.static-img img{}
.static-img p{color: var(--gray-blue);}
/* Winning Section CSS Ends */

/* Gallery Section CSS Starts */
.gallery-section{}
.gallery-inner{}
.gallery-inner ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;margin: 0px -10px;}
.gallery-inner ul li{list-style: none;width: 20%;padding: 5px;}
.gallery-inner ul li img{width: 100%;height: 300px;object-fit: cover;border-radius: 12px;transition: transform .2s;}

.gallery-inner ul li img:hover{transform: scale(1.05);}
/* Gallery Section CSS Ends */

/* How Help Section CSS Starts */
.how-help-section{}
.how-help-inner{}
.how-help-box-outer{margin: 0px -10px;margin-top: 50px;}
.how-help-box{padding: 10px;}
.how-help-box-inner{}
.how-help-box-btn-outer{}
.how-help-box-btn-outer .btn{}
.how-help-box-img{margin-top: 15px;}
.how-help-box-img img{width: 100%;border-radius: 1em;border: 2px solid #312d53;box-shadow: rgb(0 0 0 / 34%) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
/* How Help Section CSS Ends */

/* Become Sponsor Section CSS Starts */
.become-sponsor-section{padding-top: 50px;padding-bottom: 70px;}
.become-sponsor-inner{}
.become-sponsor-box-outer{margin: 0px -5px;margin-top: 50px;}
.bsb-box{padding: 5px;margin-bottom: 15px;}
.bsb-box-inner{padding: 25px;border-radius: 10px;transition: all 0.2s;}
.bsb-img{text-align: center;}
.bsb-img img{}
.bsb-title{padding: 20px 0px;text-align: center;border-bottom: 1px solid rgba(0,0,0,0.25);}
.bsb-title h4,.bsb-title h2{font-weight: 400;text-transform: uppercase;color: var(--white);}
.bsb-title h4{font-size: 18px;letter-spacing: 5px;}
.bsb-title h2{font-size: 36px;margin-top: 15px;}
.bsb-list{min-height: 120px;margin-top: 20px;}
.bsb-list ul{text-align: center;margin: 0pa;padding: 0px;}
.bsb-list ul li{list-style: none;font-size: 15px;color: var(--white);}
.bsb-btn-outer{}
.bsb-btn-outer .btn{width: 100%;}

.bsb-box-inner:hover{transform: scale(1.02);}
/* Become Sponsor Section CSS Ends */

/* Back To Home Section CSS Starts */
.back-to-home-section{padding-bottom: 50px;}
.back-to-home-inner{}
.back-to-home-inner .btn-link{text-decoration: none;}
/* Back To Home Section CSS Ends */

/* CTA Section CSS Starts */
.cta-section{padding-top: 70px;padding-bottom: 70px;box-shadow: var(--top-box-shadow);}
.cta-inner{}
.cta-btn-outer{margin-top: 50px;}
/* CTA Section CSS Ends */

/* Host Page CSS Starts */
.host-page-main{padding: 20px 0px;min-height: 100vh;background-color: var(--blue-light2);}
.host-page-inner{}
.host-logo{margin-top: 70px;position: relative;z-index: 9;}
.host-logo a{display: block;text-align: center;}
.host-logo a img{width: 100px;}

.landing-logo{margin-top: 36px;margin-bottom: 36px;}

.host-account-box-outer{margin-top: 70px;}
.host-account-box{max-width: 500px;padding: 25px 25px;background-color: var(--white);border-radius: 10px;display: block;margin: auto;margin-top: 20px;}
.hab-inner{}
.hab-form{margin-top: 36px;}

.host-outer{margin-top: 50px;}
.host-outer .section-title{position: relative;z-index: 9;}

.host-steps-box-outer{margin-top: 50px;}
.host-steps-box{}
.host-sb-inner{padding: 30px 16px 20px 16px;background-color: var(--white);border-radius: 10px;}
.hsb-step{}
.hsb-step p{font-size: 13px;color: var(--gray-blue);}
.hsb-step p strong{}
.hsb-title{margin-top: 5px;margin-bottom: 15px;}
.hsb-title h4{}
.hsb-list{min-height: 130px;}
.hsb-list ul{}
.hsb-list ul li{}
.hsb-btn-outer{}
.hsb-btn-outer .btn{}

.host-bottom{margin-top: 50px;position: relative;z-index: 9;}
.host-later,.host-take-dsb{text-align: center;}
.host-later{}
.host-later h6{font-size: 18px;font-weight: 600;}
.host-later h6 a{color: var(--black);}
.host-take-dsb{margin-top: 10px;}
.host-take-dsb p{}
.host-take-dsb p a{text-decoration: none;color: var(--black);}

.host-steps-box.active{}
.host-steps-box.active::before{content: '';width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.7);}
.host-steps-box.active .host-sb-inner{position: relative;}

.host-outer.active{}
.host-outer.active .section-title h2,
.host-outer.active .section-title p,
.host-outer.active .host-later h6 a,
.host-outer.active .host-take-dsb p a
{color: var(--white);}

.setup-step-main{}
.setup-step-outer{}
.setup-step-box{max-width: 1100px;background-color: var(--white);border-radius: 10px;display: block;margin: auto;margin-top: 30px;}
.setup-step-box-inner{display: flex;flex-wrap: wrap;flex-direction: row;}
.ssbox-left{width: 25%;padding: 30px;border-right: 1px solid var(--gray-blue);}
.ssbox-right{width: 75%;padding: 30px;}
.ssbox-left-inner{}
.ssbox-step-label{}
.ssbox-step-label p{color: var(--gray-blue);}
.ssbox-step-label p strong{}
.ssbox-left-inner .section-title{margin-top: 5px;margin-bottom: 25px;}
.ssbox-steps-list{}
.ssbox-steps-list ul{margin: 0px;padding: 0px;}
.ssbox-steps-list ul li{list-style: none;padding-left: 15px;padding-bottom: 36px;position: relative;}
.ssbox-steps-list ul li a{font-size: 16px;color: var(--black);display: block;text-decoration: none;}
.ssbox-steps-list ul li ul{margin-top: 10px;margin-left: 20px;}
.ssbox-steps-list ul li ul li{padding-left: 0px;padding-bottom: 0px;}
.ssbox-steps-list ul li ul li a{font-size: 14px;}
.ssbox-steps-list ul li.active{}

.ssbox-steps-list ul li::before{content: '';width: 1px;height: 100%;background-color: var(--gray-blue);position: absolute;top: 10px;left: 0;}
.ssbox-steps-list ul li::after{content: '';width: 8px;height: 8px;background-color: var(--gray);border-radius: 100%;position: absolute;top: 10px;left: -3px;}

.ssbox-steps-list ul li:last-child{padding-bottom: 0px;}
.ssbox-steps-list ul li:last-child::before{display: none;}

.ssbox-steps-list ul li.active::after{background-color: var(--orange);}

.ssbox-steps-list ul li ul li::before,
.ssbox-steps-list ul li ul li::after
{display: none;}

.ssbox-steps-list ul li ul li::before{content: '' !important;width: 4px;height: 4px;background-color: var(--gray);border-radius: 100%;position: absolute;top: 10px;left: -10px;display: block !important;}

.img-icon{}
.img-icon img{width: 200px;}

.pickup-location{margin-top: 20px;}
.pk-loc-box{margin-bottom: 15px;}
.pk-loc-inner{padding: 13px;background-color: var(--blue-light);position: relative;}
.pk-loc-inner p{}
.pk-loc-inner .pk-loc-icon{width: 25px;height: 25px;line-height: 25px;background-color: var(--gray-dark);border-radius: 100%;text-align: center;position: absolute;top: 11px;right: 13px;cursor: pointer;}
.pk-loc-inner .pk-loc-icon i{font-size: 12px;color: var(--white);}

.email-template-box{min-height: 220px;padding: 20px;border: 1px solid rgba(0,0,0,0.28);border-radius: 5px;}
.copy-icon{cursor: pointer;}

.ssbox-bkmenu{margin-top: 120px;}
.ssbox-bkmenu p{}
.ssbox-bkmenu p a{color: var(--gray-blue);text-transform: uppercase;text-decoration: none;}
.ssbox-bkmenu p a strong{}
.ssbox-right-inner{}
.ssr-left{padding-right: 30px;}
.ssr-right{padding-left: 10px;}
.dw-text{}
.dw-text P{}
.dw-text P a{color: var(--black);text-decoration: none;}
.ssr-form{margin-top: 36px;}
.ssr-form-fields{margin-top: 20px;}
.ssform-btn-outer{margin-top: 10px;}
.ssr-bottom-btn{margin-top: 65px;}
/* Host Page CSS Ends */

/* Dashboard Page CSS Starts */
.dashboard-section{padding-top: 50px;padding-bottom: 50px;}
.dashboard-inner{display: flex;flex-wrap: wrap;flex-direction: row;}
.dashboard-left{width: 25%;padding-bottom: 20px;transition: all 0.3s ease-in;}
.dashboard-right{width: 75%;padding-left: 50px;}
.dashboard-left-inner{}
.dashboard-sidebar{}
.dashboard-sidebar-close{font-size: 26px;position: absolute;right: 40px;display: none;}
.dashboard-sidebar-close i{}
.dashboard-sidebar-top{padding-bottom: 36px;border-bottom: 1px solid var(--gray-light2);}
.dst-inner{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.dst-left{width: 30%;}
.dst-right{width: 70%;}
.dst-img{width: 75px;height: 75px;padding: 15px;background-color: var(--green);border-radius: 100%;}
.dst-img img{width: 44px;height: 44px;object-fit: contain;display: block;margin: auto;}

.dst-img-text p a,
.dsb-logout p a
{font-size: 12px;text-decoration: none;color: var(--gray-dark);}

.dst-img-text{margin-top: 5px;}
.dst-img-text p{margin: 0px;}
.dst-img-text p a{}
.dst-name{}
.dst-name h6{}
.dashboard-sidebar-middle{}
.dsm-box{margin-top: 36px;}
.dsm-box-title{display: flex;flex-wrap: wrap;flex-direction: row;margin-bottom: 10px;}
.dsm-box-left{width: 68%;}
.dsm-box-right{width: 32%;}
.dsm-box-left h6{}
.dsm-box-right .form-check{text-align: right;margin: 0px;padding: 0px;}
.dsm-box-right .form-check .form-check-label{padding-right: 5px;}
.dsm-box-right .form-check .form-check-input{margin-left: 0px;box-shadow: unset !important;float: none;}
.dsm-box-right .form-switch .form-check-input:checked{background-color: var(--green-dark);border-color: var(--green-dark);}
.dsm-box-right .form-switch .form-check-input.status-toggle-eligible:checked{background-color: var(--green-dark) !important;border-color: var(--green-dark) !important;}
.dsm-box-right .form-switch .form-check-input.status-toggle-opted-out:checked{background-color: #FF0000 !important;border-color: #FF0000 !important;}
.dsm-box-right .form-switch .form-check-input.status-toggle-exempted:checked{background-color: var(--orange) !important;border-color: var(--orange) !important;}
.dsm-box-menu{}
.dsm-box-menu ul{margin: 0px;padding: 0px;}
.dsm-box-menu ul li{list-style-type: none;}
.dsm-box-menu ul li a{color: var(--gray-dark);padding: 8px 0px;display: block;text-decoration: none;border-bottom: 1px solid var(--gray-light2);}
.dsm-box-menu ul li .dsm-box-right{border-bottom: 1px solid var(--gray-light2);}
.dsm-box-menu ul li a img{width: 20px;margin-right: 5px;}
.dashboard-sidebar-bottom{margin-top: 50px;}
.dsb-logout{}
.dsb-logout p{}
.dsb-logout p a{}

.dashboard-right-inner{}

.dashboard-title-section{margin-bottom: 20px;}

.dashboard-gallery-section{}
.dashboard-gallery-top{}
.dash-gallery-top-left{}
.dash-gallery-top-right{}

.dash-gallery-edit-icon,
.dash-gallery-reorder-icon,
.dgtl-icon
{width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 100%;}

.dgtl-inner{}
.dgtl-icon{background-color: var(--gray-dark);}
.dgtl-icon .fa{color: var(--white);}
.dgtl-icon .delete-text{position: absolute;margin-left: 15px;}

.dgtr-inner{}
.dashboard-gallery-bottom{margin-top: 25px;}
.dash-gallery-box{margin-bottom: 20px;}
.dash-gallery-box-inner{border-radius: 5px;overflow: hidden;position: relative;}
.dash-gallery-box-img{}
.dash-gallery-box-img img{width: 100%;height: 200px;object-fit: cover;}
.dash-gallery-edit-icon, .dash-gallery-reorder-icon{background-color: var(--white);position: absolute;}
.dash-gallery-edit-icon i, .dash-gallery-reorder-icon i{color: var(--gray-dark);}
.dash-gallery-edit-icon{top: 10px;left: 10px;}
.dash-gallery-edit-icon i{}
.dash-gallery-reorder-icon{bottom: 10px;right: 10px;}
.dash-gallery-reorder-icon i{}

.dash-gallery-box .custom-radio-btn-outer{position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.dash-gallery-box .radio-inline-outer{margin: 0px;width: 100%;height: 100%;background: transparent !important;}
.dash-gallery-box .custom-radio-icon{width: 26px;height: 26px;line-height: 26px;top: 10px;right: 10px;border-color: var(--white);}
.dash-gallery-box .custom-radio-icon .fa{font-size: 31px;line-height: 24px;color: var(--yellow);margin-left: -1px;}

.dashboard-notes-section{}
.dashboard-notes-section textarea.form-control{height: 100px;}
.btn-clear-outer{margin-top: 20px;}
.btn-clear-outer p{font-size: 13px;}
.light-schedule-section{margin-top: 36px;padding: 36px 0px;border-top: 1px solid var(--gray-light2);}

.list-tick{}
.list-tick ul{margin: 20px 0px;margin-bottom: 50px;padding: 0px;}
.list-tick ul li{list-style: none;margin: 7px 0px;padding-left: 30px;position: relative;}
.list-tick ul li::before{content: "\f058";color: var(--green-dark);display: inline-block;font: normal normal normal 14px / 1 FontAwesome;font-size: 22px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 0;left: 0;}
.yard-form-fields{}
.yard-form-fields .custom-radio-content{max-width: 80%;}
.yard-form-fields .custom-radio-icon{width: 26px;height: 26px;line-height: 26px;top: 10px;right: 20px;}
.yard-form-fields .custom-radio-icon .fa{font-size: 32px;line-height: 27px;}
.yard-form-fields .custom-radio-btn-outer .radio-inline-outer.active{background-color: var(--gray-light4);}

.success-box-outer{}
.success-box{margin-top: 50px;}
.success-box-icon{font-size: 50px;color: var(--green-dark);}
.success-box-icon i{}

.pickup-table{margin-top: 36px;}

.dashboard-testimonials-section{padding: 0px !important;background-color: transparent;}
.dashboard-testimonials-section .testimonials-box-outer{margin-top: 0;}
.dashboard-testimonials-section .testi-middle-imgs ul li{width: 20%;}


/* Start from 27/10/2025*/
.home-address{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;opacity: 0.9;}
.rating-box {display: inline-block;margin-right: 10px;}
.rating-box .rating-container.rate-star {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.rating-box .rating-container {position: relative;}
.rating-box .rating-container.rate-star {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.rating-box .rating-container input {display: none;}
.rating-box input[type="radio"] {height: 50px;width: 50px;position: absolute;z-index: 9;background: transparent;opacity: 0;cursor: pointer;}
span.Highrarting {position: absolute;top: 0;right: 10px;color: var(--orange) !important;}
.rating-box.how_would_rating .rating-container label {cursor: default;}
.rating-box .rating-container label {display: inline-block;margin: 0;color: var(--blue);cursor: pointer;font-size: 68px;transition: color 0.2s;}
span.lowrarting {position: absolute;top: 0;left: 10px;}
/* Hover effect (Low → High direction) */
.rating-box .rating-container.rate-star label:hover,
.rating-box .rating-container.rate-star label:hover~label
{color: var(--orange);}
/* Selected stars stay highlighted */
.rating-box .rating-container.rate-star input:checked~label{color: var(--orange);}

#reviewText {border: 1px solid #ccc;border-radius: 8px;resize: none;font-size: 16px;padding: 12px;}
#imagePreview img {width: 130px;height: 130px;object-fit: cover;border-radius: 8px;border: 2px solid #eaeaea;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
textarea.form-control {resize: none;}.btn-outline-primary {border-color: #1d3557;color: #1d3557;}
.btn-outline-primary:hover {background-color: #1d3557;color: var(--white);}
.btn-primary {background-color: #1d3557;border-color: #1d3557;}
.btn-primary:hover {background-color: #16324f;}
.review-section {max-width: 700px;margin: 0 auto;text-align: center;padding-top: 36px;}
.review-section h2 {color: #153e7c;font-size: 24px;margin-bottom: 25px;text-transform: uppercase;letter-spacing: 1px;}
.review-card {border: 1px solid #ccc;border-radius: 8px;padding: 15px 20px;margin-bottom: 20px;text-align: left;position: relative;}
.review-header {display: flex;justify-content: space-between;align-items: center;}
.reviewer-name {font-weight: bold;font-size: 16px;}
.report-btn {background-color: #ffb800;border: none;border-radius: 4px;padding: 6px 12px;font-weight: bold;color: #000;cursor: pointer;}.rating-date {display: flex;align-items: center;gap: 10px;margin: 6px 0;}
.rating i {color: #f39c12;}
.review-text {margin: 8px 0 12px;font-size: 15px;}
.review-img {max-width: 150px;border-radius: 4px;margin-top: 5px;}
.custom-confirm-btn {background-color: #7cd1f9 !important;color: var(--white) !important;padding: 8px 25px !important;border-radius: 5px !important;float: right !important;margin-top: 10px !important;}
.notifications-list ul {list-style: none;padding: 0;margin: 0;}.notifications-list li {padding: 10px 0;border-bottom: 1px solid #eee;}
.notification-item {display: flex;justify-content: space-between;align-items: flex-start;font-size: 14px;color: #333;}
.notification-text strong {font-weight: 600;color: #111;}
.rating {color: #f6b400;}
.time {font-size: 13px;color: #888;white-space: nowrap;margin-left: 10px;}
.host-message{padding-top: 10px;}
.message-header{display: flex;justify-content: space-between;align-items: center;font-weight: 600;margin-bottom: 5px;}
.message-body{font-size: 14px;color: #444;line-height: 1.5;margin: 0;}
.view-all-btn{display: inline-block;border: 1px solid #0f172a;color: #0f172a;padding: 8px 18px;border-radius: 6px;font-weight: 600;text-decoration: none;transition: all 0.3s ease;}
.view-all-btn:hover{background-color: #0f172a;color: var(--white);}
.btn-blank.btn-blue{background: #0d3b66;color: var(--white);border: none;border-radius: 6px;padding: 10px 25px;}
.notification-box-outer ul{list-style-type: upper-roman;/* or disc, decimal, etc. */padding-left: 1.5rem;/* required so marker has space */}
.notification-box-outer ul {list-style-type: upper-roman !important;list-style-position: outside !important;padding-left: 1.8rem !important;/* give space for marker */margin: 0;}
.notification-box-outer ul li {display: list-item !important;/* <-- bring back bullets/numbers */white-space: nowrap;/* keep in one line */cursor: pointer;}
.notification-box-outer ul li .notification-row {display: flex;justify-content: space-between;align-items: center;}
.hide-nav-item {display: none !important;}
.hide-review-btn { background: none; border: none; padding: 0px 0; margin-top: 10px; font-size: 18px; color: #1a3c7f; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 12px; }
.hide-review-btn:hover { opacity: 0.8; }
#get_home_direction_mdl_popup {
  text-decoration: none !important;
  color: #000 !important;
  font-weight: 700; /* optional, looks better */
}

#get_home_direction_mdl_popup:hover {
  color: #000; /* keep black on hover */
  text-decoration: none;
}
.bold-label {
  font-weight: bold;
}
.chooseCityOption {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  cursor: pointer;
  color: inherit;          /* same color as text */
}

.chooseCityOption:focus {
  outline: none;           /* remove focus border */
}

.chooseCityOption.active {
  font-weight: bold;       
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    color: inherit;         
}
.breadcrumb-links-list ul li .chooseCityOption::before {
  content: '/';
  margin: 0px 5px;
}
.breadcrumb-links-list ul li .chooseCityOption{font-size: 16px;color: var(--black);display: block;text-decoration: none;position: relative;}
/* .breadcrumb-links-list ul li a::before{content: '/';margin: 0px 5px;} */
.breadcrumb-links-list ul li:first-child .chooseCityOption::before{display: none;}
.breadcrumb-links-list ul li.active .chooseCityOption{font-weight: bold;}
.breadcrumb-links-list ul li .chooseCityOption {
  font-size: 16px;
  color: var(--black);
  display: block;
  text-decoration: none;
  position: relative;
}
.chooseCityOption:focus {
    outline: none;          
}

.chooseCityOption.active {
    font-weight: bold;      
}
.dashboard-title-section .back-btn { width: 35px; height: 35px; background-color: #d86a2d; color: white; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 20px; text-decoration: none; margin-right: 10px; }
.weekly-rpt-header .icon_main { height: 60px; width: 60px; margin: 0 10px 0 0; display: flex; align-items: center; justify-content: center; border: 1px solid #1C355E; border-radius: 100%; }
.weekly-rpt-header .icon_main i.fas.fa-fw.fa-universal-access { font-size: 26px; color: #1C355E; }
/* End from 27/10/2025*/
/* Dashboard Page CSS Ends */

/* Footer CSS Starts */
footer{}
.footer-top{padding-top: 36px;padding-bottom: 36px;border-top: 1px solid var(--gray-light);}
.footer-top-inner{}
.footer-top-left{}
.footer-top-right{}
.footer-top-left-inner{}
.footer-top-left-inner p{}
.footer-top-left-inner p img{width: 50px;margin-right: 10px;}
.footer-top-right-inner{}
.social-icon{}
.social-icon ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;}
.social-icon ul li{list-style: none;}
.social-icon ul li a{display: block;font-size: 21px;color: var(--blue);padding: 10px;}
.social-icon ul li a i{}
.social-icon ul li:last-child a{padding-right: 0px;}

.footer-bottom{padding-top: 15px;padding-bottom: 15px;background-color: var(--gray-light);}
.footer-bottom-inner{}
.footer-bottom-menu{}
.footer-bottom-menu ul{margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;}
.footer-bottom-menu ul li{list-style: none;padding: 0px 10px;position: relative;}
.footer-bottom-menu ul li a{color: var(--gray);display: block;text-decoration: none;}
.footer-bottom-menu ul li:last-child{padding-right: 0;}
.footer-bottom-menu ul li::after{content: '';width: 1px;height: 100%;background-color: var(--gray);position: absolute;top:0;right: 0;}
.footer-bottom-menu ul li:last-child::after{display: none;}
/* Footer CSS Ends */

/* Media Query CSS Starts */
@media screen and (max-width: 1200px)
{
  .banner-section,
  .img-content-section,
  .cta-section
  {padding-top: 50px;padding-bottom: 50px;}

  .banner-left{padding-right: 0px;}
  .banner-right{padding-left: 30px;}

  .gallery-section{padding-bottom: 50px;}
  .gallery-box-inner img{height: 170px;}

  .img-content-section.image-right .img-content-left{padding-right: 30px;}
  .img-content-section.image-left .img-content-right{padding-left: 30px;}

  .featured-brands{margin-top: 70px;}

  .host-logo{margin-top: 20px;}
  .host-outer{margin-top: 36px;}
  .hsb-title h4{font-size: 19px;}
  .host-bottom{margin-top: 36px;}

  .testi-middle-imgs ul li img{height: 100px;}

  .features-box-img img{max-width: 100%;}
  .gallery-inner ul li img{height: 250px;}
  .become-sponsor-box-outer{margin: 0px;margin-top: 50px;}
  .bsb-box{padding: 0;}
  .bsb-title h4{font-size: 16px;letter-spacing: 3px;}
  .bsb-title h2{font-size: 28px;}
  .become-sponsor-box-outer{margin-bottom: 0px;}

  .dst-img{width: 60px;height: 60px;padding: 11px;}
  .dst-img img{width: 36px;height: 36px;}
}

@media screen and (max-width: 990px)
{
  .section-title h1{font-size: 32px;}
  .section-title h2{font-size: 28px;}
  .section-title h3{font-size: 19px;}
  .section-title h4{font-size: 16px;}

  .header-welcome{display: block;}
  .dashboard-left{width: 100%;min-height: 100vh;position: fixed;top: 0;left: 100%;padding: 36px;background-color: var(--white);z-index: 99;}
  .dashboard-right{width: 100%;padding-left: 0;}
  .dashboard-left.active{left: 0;}
  .dashboard-sidebar-close{display: block;}
  .dashboard-section{min-height: 79vh;}

  .dst-left{width: 12%;}
  .dst-right{width: 88%;}

  .banner-right{padding-left: 0;margin-top: 36px;}
  .banner-video{text-align: center;}

  .gallery-box{width: 33.333%;}

  .img-content-section.image-right .img-content-left,
  .img-content-section.image-left .img-content-left
  {padding-right: 0px;}
  .img-content-section.image-right .img-content-right,
  .img-content-section.image-left .img-content-right
  {padding-left: 0px;}
  .img-content-section.image-left .img-content-left-outer{order: 1;}
  .img-content-section.image-left .img-content-right-outer{order: 0;}
  .ims-img{margin-top: 30px;}

  .pcl-img img{width: 120px;height: 120px;}
  .profile-card-left{width: 20%;}
  .profile-card-right{width: 80%;}

  .become-host-box h6{margin-bottom: 15px;}

  .host-steps-box{margin-bottom: 20px;}

  .testi-middle-imgs ul li{width: 20%;}
  .dashboard-testimonials-section .testi-middle-imgs ul li{width: 33.3333%;}

  .features-box{margin-bottom: 20px;}
  .gallery-inner ul li{width: 50%;padding: 10px;}
  .how-help-box{margin-bottom: 10px;}
  .bsb-box-inner{padding: 20px;}
}

@media screen and (max-width: 767px)
{
  .section-title h1{font-size: 28px;}
  .section-title h2{font-size: 24px;}
  .section-title h3{font-size: 20px;}
  .section-title p{font-size: 15px;margin-top: 15px;}

  .banner-section,
  .img-content-section,
  .cta-section,
  .testimonials-section
  {padding-top: 36px;padding-bottom: 36px;}

  .dashboard-left{max-height: 100vh;overflow-y: auto;}
  .dashboard-section{min-height: 76vh;}

  .dst-left{width: 25%;}
  .dst-right{width: 75%;}
  .header-welcome-left{padding-right: 10px;}
  .header-welcome-img{width: 52px;height: 52px;padding: 7px;}
  .header-welcome-img img{width: 38px;height: 38px;}

  .modal-title-bar{max-width: 90%;}
  h2.swal2-title{font-size: 20px;}

  .header-top-inner h5{font-size: 16px;}
  .header-top-inner h5 img{width: 28px;}
  header .navbar .navbar-brand img{width: 65px;}
  .header-notification-box-inner h5 .notification-close{display: inline-block;}
  .header-notification-box{width: 100%;position: fixed;top: 0;left: 100%;min-height: 100vh;display: block;}
  .header-notification-box.active{left: 0;}

  .banner-section{padding-top: 0px;}

  .modal-btn-radio-outer .btn{width: 100%;padding: 8px 28px !important;}

  .landing-search-form .lsf-input{width: 80%;}
  .landing-search-form .lsf-btn{width: 20%;padding-left: 10px;}
  .landing-search-form .lsf-btn .btn{border-radius: 5px;}
  .landing-search-form .lsf-btn span {display: none;}

  .landing-search-map iframe{height: 320px !important;}

  .gallery-box{width: 50%;}
  .gallery-box-inner img{height: 150px;}

  .profile-card-left{width: 22%;}
  .profile-card-right{width: 78%;padding-left: 10px}
  .pcl-img img{width: 70px;height: 70px;}

  .featured-brands{margin-top: 36px;}

  .host-steps-box-outer{margin-top: 36px;}
  .hsb-list{min-height: 110px;}

  .social-icon ul,.footer-bottom-menu ul{justify-content: flex-start;}

  .homeowner-message-section{padding-bottom: 36px;}
  .homeowner-message-inner{padding: 30px 22px;}
  .before-visit-inner{padding: 25px 22px;}
  .bvi-left{width: 26%;}
  .bvi-right{width: 74%;}
  .testimonials-box-outer{margin-top: 20px;}
  .testimonial-box-inner{padding: 25px;}
  .testi-middle{margin: 20px 0px;}
  .testi-middle-imgs ul{margin: 0px -7px;}
  .testi-middle-imgs ul li{width: 33.3333%;padding: 7px;}
  .testi-middle-imgs ul li img{height: 90px;}

  .banner-img-outer img{max-width: 100%;height: 300px;}
  .hhh-video iframe{width: 100% !important;}
  .gallery-inner ul li img{height: 180px;}
  .become-sponsor-section{padding-bottom: 30px;}

  .footer-top-left-inner p{font-size: 13px;}
  .footer-top-left-inner p img{width: 48px;margin-right: 5px;}
}
/* Media Query CSS Ends */