/* ==============================
   Banner
============================== */
.studen-banner-slider.home-banner .content{max-width:930px;width:100%;}
.studen-banner-slider.home-banner  .subtitle{font-size:90px;line-height:0.75;text-align: center;}
.studen-banner-slider.home-banner .title{text-align: center;font-size: var(--fs-60);line-height:1.2em;}
.student-card-section h3{font-size:30px;letter-spacing:0;font-weight: 500;}
.studen-banner-slider .btn-hover-yellow:hover{background-color: #F9AA1A !important;}
.studen-banner-slider .btn-primary {background: rgba(0, 0, 0, 0.2) !important;border: 0 !important;margin-top:55px !important;}
.studen-banner-slider.home-banner .btn-primary:hover .btn-icon .icon-arrow{fill:#F9AA1A !important;}
/* .studen-banner-slider + .home-card-section{z-index:11;} */
/* ==============================
   Counter
============================== */
.counterBlockStudent {padding: 95px  0px 130px;}
.counterBlockStudent .row{align-items: center;}
.counterBlockStudent.counterBlock .stats-wrapper{padding-left:0px;padding-top:0px;}
.counterBlockStudent .flh-student-logo{margin-bottom:30px;display: flex;}
.counter-wrapper-full {width: 100%;}
.counter-wrapper-full .counter-box{width: 100% !important;display: flex;align-items: center;justify-content: center;gap: 25px;background-color:rgba(249, 170, 26, 0.1);border-color:rgba(249, 170, 26, 0.1);min-height:145px;}
.counter-wrapper-full .counter-box p {text-align: left;}
/* ==============================
   Choose what works for you 
============================== */
.explore-our-stays-student a.explore-card-link {position: absolute;inset: 0;z-index: 1;}
/* .explore-our-stays-student .location-link a:after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto;content: "";} */
.explore-our-stays-student .explore-card .icon-top-btn.icon-top-btn-girl {background: #CE1C8B !important;}
.explore-our-stays-student .explore-card span.icon-top-btn {background: #005CA9 !important;display: inline-flex;}
.explore-our-stays-student .location-link {margin-bottom: 0px; padding-bottom: 0px; display: flex;}
.explore-our-stays-student .location-link a {display: flex; align-items:center; gap: 5px; font-size: 16px; line-height: 22px; }
.explore-our-stays-student .location-link svg {min-width: 16px;}
.explore-our-stays-student .explore-card h3 {font-size: 26px; line-height: 1.1em;}
.explore-our-stays-student .seat-available {display: inline-flex; background: rgba(0, 0, 0, 0.4); border-radius: 40px; padding: 5px 7px; font-size: 10px; letter-spacing: 0px; line-height: 15px; margin-bottom: 10px; align-items: center; gap:6px;}
.explore-our-stays-student .available-icon {position: relative; display: inline-block; width:4px; height: 4px; background:#FF0C0C; border-radius: 50%; }


.explore-our-stays-student .available-icon::before, .explore-our-stays-student .available-icon::after  {content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255, 12, 12, 0.7); border-radius: 50%; transform: translate(-50%, -50%);}
.explore-our-stays-student .available-icon::before { width: 4px; height: 4px; animation: pulse 1.5s infinite;}

.explore-our-stays-student .available-icon::after { width: 5px; height: 5px; animation: pulse 1.5s infinite 0.5s;}

.explore-our-stays-student .available-icon.available-icon-green{background: #3BEA18;}
.explore-our-stays-student .available-icon.available-icon-green:before{background: rgba(59, 234, 24, 0.5);}
.explore-our-stays-student .available-icon.available-icon-green:after{background: rgba(59, 234, 24, 0.5);}
.explore-our-stays-student .available-icon.available-icon-yellow{background: #F6DB41;}
.explore-our-stays-student .available-icon.available-icon-yellow:before{background: rgba(246, 219, 65, 0.8);}
.explore-our-stays-student .available-icon.available-icon-yellow:after{background: rgba(246, 219, 65, 0.8);}
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0;
    }
}
.explore-card-wrapper {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.explore-card-wrapper .explore-card{cursor: pointer;}
.explore-card-wrapper .explore-card::after{background: linear-gradient(182.84deg, rgba(0, 0, 0, 0) 55.56%, rgba(0, 0, 0, 0.8) 97.78%);}
.explore-our-stays.explore-our-stays-student span.icon-top-btn{padding: 7px 15px;}
.explore-our-stays-student .explore-content, .explore-our-stays-student .explore-content-top {left:25px;right:25px;}
.explore-our-stays-student .explore-content{bottom:25px;}
.explore-our-stays-student .explore-content-top{top:25px;}
.explore-our-stays.explore-our-stays-student .heading-block h2{margin-bottom: 50px;}
.explore-our-stays-student{padding-bottom:0px !important;background: linear-gradient(transparent 60%, rgb(249, 170, 26) 60%);}
/* ==============================
   TABS
============================== */
.s-tab-section{ padding:0px 0 100px; }
.s-tab-section .heading-block  {text-align: center; margin: 0 0 50px;}
.s-tab-section .heading-block h2 {    margin: 0; }
.places-tabs-nav {display: flex; width: 100%; justify-content: space-between; gap: 16px; margin-bottom: 50px; }
.places-card>a{position: absolute;inset: 0;z-index: 1;}
.places-tab-btn {flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 10px; border-radius: 40px; border: 1px solid #E5E5E5; background: #F4F4F4; font-size: 18px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; }
.places-tab-btn.active {border: 1.6px solid #F9AA1A; background: #F4F4F4;}
.view-more-wrap {padding-top: 50px;text-align: center;}
/* ==============================
   SUBTITLE
============================== */
.places-tabs-subtitle {text-align: center; color: #6b7280; font-size: var(--fs-24); margin-bottom: 45px; }

/* ==============================
   CARDS GRID
============================== */
/* .places-cards-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; } */
.places-cards-row {display: flex; gap: 28px; width: calc(100% + 28px); flex-wrap: wrap; justify-content: center; align-items: center; margin-left: -14px; }

/* ==============================
   CARD
============================== */
.places-card {position: relative; height: 350px; border-radius: 36px; overflow: hidden; cursor: pointer; box-shadow: 0 15px 35px rgba(0,0,0,0.12); transition: all 0.3s ease; width: calc(25% - 28px); }
.places-card:hover {transform: translateY(-6px); }
/* IMAGE */
.places-card img {width: 100%; height: 100%; object-fit: cover; }

/* ============================== OVERLAY ============================== */
.places-card-content{position: absolute;bottom: 0;width: 100%;padding:25px;background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);color: #fff;display: flex;justify-content: space-between;gap:20px;align-items: center;}
.places-card-info {color: #fff;}
.places-card-name {font-size:26px;font-weight: 500;line-height: 1.1em;}

/* ============================== FLOATING ARROW ============================== */
.places-card-arrow {min-width:40px;width: 40px;height: 40px;border-radius: 50%;background: #fff;color: #000;font-size: 16px;font-weight: bold;box-shadow: 0 8px 20px rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: center;}
/* ============================== TAB ANIMATION ============================== */
.places-tab-panel,.places-tab-panel-room{opacity: 0; transform: translateY(15px); transition: all 0.4s ease; display: none; }
.places-tab-panel.active, .places-tab-panel-room.active {display: block; opacity: 1; transform: translateY(0); }
/* video section  */
.ex-video-section {position: relative; padding: 0px 0 90px; overflow: hidden; background:linear-gradient(to bottom, transparent 50%, #F9AA1A 50%    ) }
/* Video Box */
.ex-video-section .ex-video-box {position: relative; display: block; border-radius: 20px; overflow: hidden; /* box-shadow: 0 20px 40px rgba(0,0,0,0.1); */ }
.ex-video-section .ex-video-box img {width: 100%; display: block; border-radius: 20px; }
/* Play Button */
.ex-video-section .ex-play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ex-video-section .ex-play-btn span {width: 80px; height: 80px; background: #fff; border-radius: 50%; display: block; position: relative; }
/* Play Icon */
.ex-video-section .ex-play-btn span::after {content: ""; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-left: 14px solid #000; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
/* Ripple Effect */
.ex-video-section .ex-play-btn span::before {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #fff; animation: ex-ripple 1.5s infinite; }

@keyframes ex-ripple {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}
/* ==============================
   Student Living. Done Right.
============================== */
.studentScroll{background:#FFE9CF;}
.horizontal-section.studentScroll .yellow{background:#fff;}
section.life-section.student-looking-sec{padding-bottom:0px;background-color: transparent;}
/* ==============================
   What Are You Really Looking For?
============================== */
.student-looking-sec::before{background: #F9AA1A !important;height:510px !important;}
.student-looking-sec .heading-block h2 {color: #171819 !important;}
.student-looking-sec .heading-block h2 span {color: #fff;}
.student-looking-sec span.yellow-text {color: #F9AA1A;font-weight: 700;}
.student-looking-sec .life-content h3{font-weight:600;}
.student-looking-sec .life-content {padding: 18px 10px;}
.student-looking-sec .life-card.active .life-content p, .student-looking-sec .life-card:hover .life-content p{max-height:100%;}
.page-id-1372 .home-enquiry-section .heading-block h2 span{color: #F9AA1A;}
.page-id-1372 .enquiry-form .btn-primary{background:#F9AA1A !important;}
.page-id-1372 .enquiry-form .icon-arrow{fill: #F9AA1A;}
.sliderBlockStudent .partners-slider .swiper-slide img{-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;}
.btn-yellow {background: #F9AA1A;}
.btn-yellow svg.icon-arrow {fill:#F9AA1A !important;}
.student-looking-sec .life-slider .swiper-pagination {display:block !important;}
/* ==============================
   RESPONSIVE
============================== */

/* Mobile */

@media(max-width:1541px){
    .s-tab-section {padding: 0px 0px 90px;}
}

@media(max-width:1450px) {
    .explore-card-wrapper{gap:25px;}
    .studen-banner-slider .btn-primary{margin-top:40px !important;}
}
@media(max-width:1366px) {
    .s-tab-section {padding:0px 0 70px;}
    .studen-banner-slider.home-banner .subtitle {font-size: 65px;}
    .student-looking-sec .life-content h3 {font-size:20px;line-height:25px;}
    .student-looking-sec .life-grid{gap:15px;}
    .student-looking-sec::before{height:400px !important;}
    .ex-video-section{padding-bottom:50px;}
    .explore-card-wrapper{gap:20px;}
    .explore-our-stays-student .explore-card h3{font-size:22px;}
    .explore-our-stays.explore-our-stays-student span.icon-top-btn{font-size:12px;gap:8px;padding: 5px 12px;}
    .explore-our-stays-student .explore-content, .explore-our-stays-student .explore-content-top {left:20px;right:20px;}
    .explore-our-stays-student .explore-content{bottom:20px;}
    .explore-our-stays-student .explore-content-top{top:20px;}
    .explore-our-stays-student .location-link a{font-size: 14px;line-height: 20px;}
    .places-card-name{font-size:20px;}
    .places-card-arrow {width: 35px;height: 35px;min-width:35px;}
    .studen-banner-slider .btn-primary{margin-top:30px !important;}
    .places-card-content{padding:20px;gap:15px;}
}

@media(max-width:1199px){
    .s-tab-section {padding:0px 0 50px;}
    .student-card-section h3{font-size:19px;}
    .ex-video-section{padding-bottom:40px;}
    .explore-our-stays-student .location-link a{font-size: 12px;line-height: 18px;}
    .places-cards-row{margin-left: -10px;gap:20px;width: calc(100% + 20px);}
    .places-card{width:calc(50% - 20px);}
}

@media (max-width: 1024px) {
    .places-card {height: 350px;width: calc(50% - 28px);}
    .places-card-name {font-size:18px;font-weight: 500;}
    .places-tab-btn {font-size:16px;}
    .places-tab-btn span svg {width: 18px;}
}

@media (max-width:991px){
     .ex-video-section .ex-play-btn span {width: 65px;height: 65px;}
    .life-section.student-looking-sec{padding-left:0px;}
    .life-section.student-looking-sec .life-grid{padding-left:20px;}
    .ex-video-section{padding-bottom:20px;}
    .counterBlockStudent {padding: 50px  0px 66px;}
    .explore-our-stays.explore-our-stays-student .heading-block h2 {margin-bottom:30px;}
    .explore-our-stays-student .explore-card h3{font-size:22px;}
    .explore-our-stays-student span.icon-top-btn{font-size:11px;gap:6px;}
    .explore-our-stays-student .explore-content, .explore-our-stays-student .explore-content-top {left: 15px;right: 15px;}
    .explore-our-stays-student .explore-content{bottom:25px;}
    .explore-our-stays-student .explore-content-top{top:25px;}
    .explore-our-stays-student span.icon-top-btn{font-size:10px;}
    .explore-card-wrapper{grid-template-columns: repeat(2, 1fr);}
    .explore-our-stays-student{padding-bottom: 50px !important;background: linear-gradient(transparent 60%, transparent 60%) !important;}
    .places-card-arrow {width: 30px;height: 30px;min-width: 30px;}
    .studen-banner-slider .btn-primary{margin-top:20px !important;}
}
@media (max-width: 768px){
    .explore-our-stays-student .explore-card{margin-bottom:0px !important;}
}
@media (max-width: 767px){
    .places-tabs-nav {flex-wrap: nowrap;overflow-x: auto;justify-content: space-between;gap: 12px;padding-bottom: 5px;-webkit-overflow-scrolling: touch;scrollbar-width: none;margin-bottom:30px;}
    .places-tabs-nav::-webkit-scrollbar {display: none;}
    .places-tab-btn {flex:1px; padding: 5px 16px;font-size: 12px;white-space: nowrap; color: #171819;}
    .places-tab-btn span svg {width: 14px;}
    .places-card-name {font-size:16px;}
    .places-card {border-radius:25px;}
    .places-card-arrow svg {width: 11px;}
    .places-card-arrow {width: 25px;height: 25px;min-width:25px;}
    .places-tabs-subtitle {text-align: left;font-size: 14px;line-height: 20px;}
    .studen-banner-slider.home-banner .subtitle {font-size: 44px;}
    .student-card-section h3{font-size:19px;}
    .student-looking-sec .life-grid{gap:10px;}
    .student-looking-sec .life-content h3 {font-size:24px;line-height:30px;}
    .ex-video-section{padding-bottom:0px;}
    .counterBlockStudent .flh-student-logo{justify-content: center;}
    .counterBlockStudent.counterBlock .content{padding-bottom:40px;}
    .explore-our-stays-student .seat-available{font-size:6px;line-height:10px;}
    .explore-our-stays-student .explore-card h3{font-size:20px;}
    .explore-card-wrapper .explore-card::after{display: block;}
    .explore-our-stays.explore-our-stays-student span.icon-top-btn {font-size: 9px;gap: 5px;padding: 4px 12px;}
    .explore-our-stays.explore-our-stays-student span.icon-top-btn img{max-width:11px;}
    .explore-our-stays-student .seat-available{padding:3px 7px;}
    .explore-our-stays-student .seat-available{margin-bottom:6px;}
    .explore-our-stays-student .explore-card h3{padding-bottom:6px;}
    .explore-our-stays-student .heading-block {max-width: 230px;margin-left: auto;margin-right: auto;}
    .counter-wrapper-full .counter-box{min-height: 94px;}
    .home-banner.studen-banner-slider{aspect-ratio: 9 / 16;min-height: 1px;height:100%;}
    .home-banner.studen-banner-slider .content{padding-top:0px;padding-bottom:175px;justify-content: end;}
    .studen-banner-slider.home-banner .title{font-size:35px !important;}
    .places-card-content{padding:16px;}
}


@media (max-width: 576px) {
    .ex-video-section .ex-video-box {border-radius: 16px;}
    .ex-video-section .ex-video-box img {height: 500px;object-fit: cover;}
    .ex-video-section .ex-play-btn span {width: 60px;height: 60px;}
    .places-card {height: 150px;}
    .studen-banner-slider.home-banner .subtitle{max-width:280px;margin:0 auto;}
    .student-card-section h3{font-size:16px;}
    .student-looking-sec .swiper-button-next,.student-looking-sec .swiper-button-prev{display: none;}
}
@media (max-width:439px) {
    .explore-card-wrapper{gap:15px;}
    .explore-our-stays.explore-our-stays-student span.icon-top-btn{font-size: 8px;gap: 3px;padding: 4px 10px;}
    .explore-our-stays-student .explore-card h3 {font-size: 18px;}
    .explore-our-stays-student .explore-content {bottom: 15px;}
    .explore-our-stays-student .explore-content-top {top: 15px;}
    .places-cards-row{margin-left: -5px;gap:10px;width: calc(100% + 10px);}
    .places-card{width:calc(50% - 10px);}
}



/**********************templates/flh-residences-life.php, templates/flh-students-life.php --- start's**********************/

.page-template-flh-residences-life .globalHeader .btn-primary {background:#EC1A3E;}
.page-template-flh-residences-life .globalHeader .btn-primary:hover {background:var(--black);}
.page-template-flh-residences-life .globalHeader .btn-primary .btn-icon .icon-arrow {fill:#EC1A3E;}
.page-template-flh-residences-life .heading-block h2 span {color:#E31E3A;}
.page-template-flh-residences-life .home-enquiry-section .heading-block h2 span {color: #EF4A24; }
/*.page-template-flh-residences-life .site-footer {background:#171819;}*/
.lifeat-tabs .lifeat-main-tab {position:relative;}
.lifeat-tabs .lifeat-main-tab::after {content:''; position:absolute; bottom:0; right:0; width:37px; height:100%; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.lifeat-tabs .places-tabs-nav {overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none;}
.lifeat-tabs .places-tabs-nav::-webkit-scrollbar {display:none;}
.lifeat-tabs .places-tabs-nav.dragging {cursor:grabbing; scroll-behavior:auto;}
.lifeat-tabs .places-tab-btn {white-space:nowrap; word-break:keep-all; overflow-wrap:normal; padding-left:20px; padding-right:20px; display:block; flex:auto;}

.page-template-flh-students-life .lifeat-tabs .places-tabs-nav .places-tab-btn:last-child {margin-right:100px;}
html body.page-template-flh-residences-life .modula.modula-columns .modula-items .modula-item img.pic, html body.page-template-flh-residences-life .modula.modula-columns .modula-items .modula-item picture.pic {height:auto;}
.lifeat-tabs .places-tabs-content, 
html body.page-template-flh-students-life .modula.modula-columns .modula-items .modula-item img.pic, html body.page-template-flh-students-life .modula.modula-columns .modula-items .modula-item picture.pic {height:auto;}
.lifeat-tabs .places-tabs-content{min-height:500px;}
.page-template-flh-residences-life .home-enquiry-section, .page-template-flh-students-life .home-enquiry-section {margin-bottom: -27px; padding-bottom: calc(90px + 27px); }

@media(max-width:1199px){
.page-template-flh-residences-life .home-enquiry-section, .page-template-flh-students-life .home-enquiry-section{padding-bottom: calc(66px + 27px);}
}

@media (max-width: 768px) {
html body.page-template-flh-residences-life div[id^="jtg-"].modula-gallery .modula-item, 
html body.page-template-flh-residences-life div[id^="jtg-"].modula-gallery .modula-grid-sizer {width:calc(33.333333% - 13.333px) !important;}
html body.page-template-flh-students-life div[id^="jtg-"].modula-gallery .modula-item, html body.page-template-flh-students-life div[id^="jtg-"].modula-gallery .modula-grid-sizer {width:calc(33.333333% - 13.333px) !important;}
}

@media (max-width: 767px) {
html body.page-template-flh-residences-life div[id^="jtg-"].modula-gallery .modula-item, html body.page-template-flh-residences-life div[id^="jtg-"].modula-gallery .modula-grid-sizer {width:calc(50% - 13.333px) !important;}
html body.page-template-flh-students-life div[id^="jtg-"].modula-gallery .modula-item, html body.page-template-flh-students-life div[id^="jtg-"].modula-gallery .modula-grid-sizer {width:calc(50% - 13.333px) !important;}
.lifeat-tabs .places-tabs-nav, .lifeat-tabs .places-tabs-nav {gap:6px;}
.page-template-flh-residences-life .home-enquiry-section, .page-template-flh-students-life .home-enquiry-section{padding-bottom: calc(37px + 27px);}
}

/**********************templates/flh-residences-life.php, templates/flh-students-life.php --- end's**********************/