@font-face {
    font-family: 'ABCGintoNordBold';
    src: url('../fonts/ABCGintoNordBold.woff2') format('woff2'),
         url('../fonts/ABCGintoNordBold.woff') format('woff'),
         url('../fonts/ABCGintoNordBold.ttf') format('truetype');
    font-display: swap;
}

:root{
    --primary_color: #ff0000;
    --text_dark: #000000;
    --black_bg: #fef3dc;
    --white_color: #FFFFFF;
    --primary_light_color: #FCF3F3;
    --grey_color: #00000080;
    --card_bg: #FAE8E8;
    --border_radius: 1rem;
    --fs_xs: 14px;
    --fs_sm: 16px;
    --fs_md: 18px;
    --fs_lg: 20px;
    --fw_regular: 400;
    --fw_medium: 500;
    --fw_semibold: 600;
    --fw_bold: 700;
    --body_font: "Inter", sans-serif;
    --dark_bg2: #e5dbc6;
    --gray_dark: #272222;
	--title_color:#272222;
	--title_text: "ABCGintoNordBold";
	--body_txt_grey: #454545;
}
html{scroll-behavior: smooth;}
html body{font-family: var(--body_font);font-size: var(--fs_sm);font-weight: var(--fw_regular);background-color: var(--black_bg);}
body .container{max-width: 1400px;}
body a{text-decoration: none;}
body ul{list-style: none;padding: 0;margin: 0;}
body h1, body h2{font-family: "Commissioner", sans-serif;}
body .btn.btn-primary{
    color: var(--white_color);background-color: var(--primary_color);border-radius: var(--border_radius);border: 0;transition: 0.5s all ease;padding: 15px 38px;min-height: 61px;
    display: flex;align-items: center;justify-content: center;width: fit-content;
    text-transform: uppercase;font-size: var(--fs_sm);font-weight: var(--fw_bold);position: relative;box-shadow: 0em 0.3em 0 #b20000;white-space: nowrap;}
body .btn.btn-primary:hover{transform: translateY(0.2em);box-shadow: none;}
body .btn.btn-primary:focus{background-color: var(--primary_color);}
.maincontainer{background-color: var(--black_bg);z-index: 1;}
/* header START*/
body .navbar-toggler{padding: 0;border: 0;}
body .navbar-toggler:focus{box-shadow: none;}
/* body header{position: fixed;width: 100%;} */
body header .navbar-brand img{max-width: 210px;height: 40px;object-fit: contain;}
body header .btn.btn-primary{padding: 18px 43px;}
body header .navbar-nav{gap: 25px;}
body header .navbar{padding: 20px 0;}
body header .navbar-nav .nav-item .nav-link{font-weight: var(--fw_medium);font-size: var(--fs_sm);color: var(--white_color);text-transform: uppercase;
    padding-left: 0;padding-right: 0;position: relative;}
body header .navbar-nav .nav-item .nav-link.active{color: var(--primary_color);}
header .navbar-nav .nav-item .nav-link:hover{color: var(--primary_color);}
header .navbar-nav .nav-item .nav-link::after {height: 2px;width: 100%;background: var(--primary_color);content: "";
    position: absolute;left: 0px;bottom: -5px;-moz-transform: scaleX(0);-ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);transform: scaleX(0);-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;}
header .navbar-nav .nav-item .nav-link:hover::after {-moz-transform: scaleX(1);-ms-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}
body header .navbar{transition: 0.6s all ease;}
body header.scrolled{width: 100%;z-index: 99;background-color: var(--black_bg);box-shadow: 1px 1px 1px 1px #0000000a;position: fixed;}
body header.trainer_header{position: fixed;width: 100%;}
.facility_section.action_section.team_top_section{padding: 150px 0 50px 0 !important;}
body header.scrolled .navbar {padding: 15px 0;}
body header.scrolled .navbar-nav .nav-item .nav-link{color: var(--body_txt_grey);}
body header.scrolled .navbar-nav .nav-item .nav-link.active{color: var(--primary_color);}
.section_heading{font-size: 50px;font-weight: 900;font-style: italic;font-family: var(--title_text);text-transform: uppercase;line-height: 1;padding-right: 45px;
position: relative;color: var(--title_color);position: relative;z-index: 9;display: inline-flex;line-break: auto;}
.reddot{position: relative;}
.reddot:after{content: "";position: absolute;width: 26px;height: 21px;margin: 0 0 0 1rem;
    background-color: var(--primary_color);transform: skew(-0.05turn, 0deg);bottom: 0.2rem;right: auto;}
/* header END*/
/* hero START*/
.hero_col{display: flex;align-items: center;gap: 2rem;justify-content: space-between;min-height: 110vh;padding: 165px 0;}
.hero_content{max-width: 550px;display: flex;flex-direction: column;align-items: center;}
.hero_content .section_heading{font-size: 100px;margin: 0 0 20px 0;text-align: center;}
.hero_content p{font-size: var(--fs_md);color: var(--text_dark);font-weight: 900;margin: 0;max-width: 500px;margin-left: auto;}
.hero_content .hero_content_video{display: flex;align-items: center;gap: 2rem;margin: 2rem 0 0 0;}
.hero_content .video_link{display: flex;align-items: center;gap:1rem;font-size: var(--fs_sm);font-weight: var(--fw_bold);color: var(--text_dark);transition: 0.5s all ease;}
.hero_content .video_link:hover{color: var(--primary_color);transform: translateY(5px);}
.hero_content .video_icon{background-color: var(--primary_color);width: 60px;height: 60px;min-width: 60px;min-height: 60px;border: 10px solid var(--card_bg);
display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.hero_content .video_icon img{width: 50%;}    
.hero_content .hero_content_video .btn.btn-primary{padding: 18px 46px;}
.hero_imgs{display: flex;gap: 1rem;position: relative;}
.hero_imgs:after{content: "";position: absolute;width: 300px;height: 300px;background-size: cover;background-image: url(../images/hero_bg4.svg);
background-repeat: no-repeat;top: -150px;right: 1rem;z-index: -1;}
.hero_imgs img{border-radius: var(--border_radius);width: 100%;height: 100%;max-width: 300px;max-height: 700px;object-fit: contain;transition: 0.5s all ease;}
.hero_imgs img:nth-child(1){margin-top: -50px;}
.hero_imgs img:nth-child(2){margin-top: -150px;}
.hero_imgs img:hover{transform: translateY(-5px);}
/* hero END*/
/* clain_section START*/
.clain_section{margin: 0px 0 0px 0;z-index: 2;position: relative;}
.claim_row{display: flex;gap: 2rem;padding: 0 3rem;background: var(--dark_bg2);
    background: linear-gradient(125deg, var(--dark_bg2) 0%, var(--dark_bg2) 18%, var(--gray_dark) 18%, var(--gray_dark) 100%)}
.claim_img{margin: -150px 0 0 0;}
.claim_img img{max-width: 150px;object-fit: contain; animation: moveUpDown 2s infinite ease-in-out;}
.claim_box{width: 100%;display: flex;max-width: 78%;margin-left: auto;justify-content: space-between;gap: 3rem;padding: 5rem 0;}
.claim_box_inner{display: flex;align-items: center;justify-content: center;gap: 1rem;}
.cb_left{display: flex;align-items: center;gap: 2rem;max-width: 600px;min-width: 600px;}
.cb_left img{max-width: 50px;object-fit: contain;}
.cb_left h2{margin: 0;font-size: 30px;font-weight: var(--fw_bold);font-style: italic;color: var(--white_color);}
.cb_left h2 b{text-transform: uppercase;font-weight: 800;}
.cb_right{display: flex;align-items: center;gap: 0.5rem;width: 100%;}
.cb_right input{background-color: #212121;border-radius: var(--border_radius);color: var(--white_color);font-size: var(--fs_sm);border: 1px solid transparent;
min-height: 61px;width: 100%;max-width: 325px;padding: 1rem;}
.cb_right input::placeholder{font-size: var(--fs_sm);opacity: 0.5;color: var(--white_color);}
.cb_right input:focus{box-shadow: none;border: 1px solid var(--grey_color);background-color: var(--text_dark);color: var(--white_color);}
@keyframes moveUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
}
/* clain_section END*/
/* member_section START*/
.member_section{padding: 100px 0 50px 0;background-color: var(--dark_bg2);}
.member_section .row{align-items: center;}
.member_img{width: fit-content;position: relative;padding: 0 2rem;}
.member_img img{border-radius: var(--border_radius);object-fit: contain;height: 625px;max-width: 640px;transform: skewX(-6deg);}
.member_img_box{position: absolute;bottom: 80px;right: -25%;display: flex;align-items: center;justify-content: center;gap: 1rem;
    border-radius: var(--border_radius);background-color: var(--gray_dark);width: 100%;max-width: 300px;
    min-height: 100px;max-height: 100px;padding: 0.5rem;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.5);transition: 0.5s all ease;}
.member_img_box:hover{transform: scale(1.05);}
.member_img_box h3{font-size: var(--fs_md);font-style: italic;font-weight: 900;margin: 0;max-width: 125px;color: var(--white_color);}
.member_img_box img{max-width: 50px;max-height: 50px;border-radius: 0;transform: skew(0);}
.member_content{max-width: 680px;margin: 0 auto;padding: 0 1rem;}
.member_content .section_heading{margin: 0 0 25px 0;}
.member_content p{font-size: var(--fs_md);margin: 0 0 25px 0;color: var(--body_txt_grey);}
/* member_section END */
/* whyfit_section START*/
.whyfit_section{padding: 80px 0;position: relative;background-color: var(--dark_bg2);overflow: hidden;}
.whyfit_section:after {content: "";background-image: url(../images/whyfit_after_svg.svg);background-repeat: no-repeat;position: absolute;bottom: 1rem;
left: 1rem;width: 100%;max-width: 612px;height: 225px;background-size: cover; opacity:0.1;}
.whyfit_content{max-width: 450px;margin: 1.5rem auto 0;}
.whyfit_content .section_heading{margin: 0 0 25px 0;}
.wb_icon{max-width: 40px;}
.whyfit_content p{font-size: var(--fs_md);margin: 0 0 25px 0;color: var(--body_txt_grey);}
.whyfit_box_prnt{max-width: 716px;position: relative;z-index: 9;}
.whyfit_box{background-color: var(--gray_dark);border-radius: var(--border_radius);padding: 2rem 1rem;height: 100%;min-height: 350px;max-width: 350px;
    margin: 0 auto;transition: 0.5s all ease;}
.whyfit_box:hover{transform: translateY(-5px) scale(1.01);}
.whyfit_box_row .whyfit_box_col:nth-child(2) .whyfit_box,.whyfit_box_row .whyfit_box_col:nth-child(3) .whyfit_box{background-color: var(--primary_color);}
.whyfitbox_inner{max-width: 270px;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;gap: 1rem;height: 100%;}
.wb_content h4{font-size: var(--fs_lg);color: var(--white_color);font-weight: 900;margin: 0 0 0.6rem 0;}
.wb_content p{margin: 0;color: var(--white_color);}
.wb_content a{margin: 0;color: var(--white_color);}
/* whyfit_section END*/
/* location_section START*/
.location_section{padding: 80px 0 100px 0;background-color: var(--dark_bg2);}
.location_head{display: flex;align-items: flex-end;justify-content: space-between;margin: 0 0 80px 0;gap: 1rem;}
.location_head .section_heading{
	/*max-width: 550px;*/
margin: 0;}
.location_section .location_head .section_heading{max-width: 720px;margin: 0;}
.location_head p{margin: 0 auto;font-size: var(--fs_md);max-width: 650px;color: var(--body_txt_grey);}
.location_slider_col .owl-stage-outer{padding: 10px 0 0 0;}
.location_slider_col .item{transition: 0.5s all ease;}
.location_slider_col .item:hover{transform: translateY(-5px);}
.loctn_img{position: relative;transition: 0.5s all ease;display: block;}
.loctn_img img{width: 100%;height: 600px;border-radius: var(--border_radius);}
.loctn_img h3{font-size: 50px;color: var(--white_color);font-weight: 900;font-style: italic;position: absolute;bottom: 50px;left: 0;right: 0;margin: 0 auto;
    height: fit-content;white-space: nowrap;width: fit-content;}
.loctn_img_overlay{transition: 0.5s all ease;background: rgb(0, 0, 0);position: absolute;opacity: .5;border-radius: 1rem;width: 100%;height: 100%;}
.loctn_img:hover .loctn_img_overlay{opacity: 0.9;border-bottom: 8px solid var(--primary_color);}

.location_slider_col .owl-nav{justify-content: center;display: none !important;}
.location_slider_col .owl-nav .owl-prev,.location_slider_col .owl-nav .owl-next{margin: 0 !important;border-radius: 50% !important;
    width: 60px !important;height: 60px !important;transition: 0.5s all ease;}
.location_slider_col  .owl-carousel .owl-nav button.owl-next,.location_slider_col .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{margin: 0;border-radius: 50%;
    width: 30px;height: 30px;transition: 0.5s all ease;}
.location_slider_col .owl-nav .owl-prev i,.location_slider .owl-nav .owl-next i{color: var(--primary_color);transition: 0.5s all ease;}
.location_slider_col .owl-theme .owl-nav [class*=owl-]:hover{background-color: var(--primary_color);}
.location_slider_col .owl-theme .owl-nav [class*=owl-]:hover i{color: var(--white_color);}
.location_slider_col .owl-nav{gap: 0.5rem;display: flex;align-items: center;margin: 1.5rem 0 0 1rem !important;}
/* location_section END*/
/* equipment_section */
.equipment_section{padding: 100px 0;background-color: var(--black_bg);overflow: hidden;}
.equipment_heading{max-width: 530px;margin: 0 auto;padding: 0 1rem;}
.equipment_heading .section_heading{margin: 0 0 2rem 0;}
.equipment_heading p{color: var(--body_txt_grey);margin: 0 0 2rem 0;}
.equipment_slider_col{margin: 0 -100px 0 0px;}
.equipment_section .owl-carousel .owl-stage-outer{padding: 10px 0 0 0;}
.equipment_section img{border-radius: var(--border_radius);height: 600px;object-fit: cover;transition: 0.5s all ease;}
.equipment_section img:hover{transform: translateY(-5px);}
.equipment_section .owl-nav .owl-prev,.equipment_section .owl-nav .owl-next{margin: 0 !important;border-radius: 50% !important;
width: 60px !important;height: 60px !important;transition: 0.5s all ease;}
.equipment_section  .owl-carousel .owl-nav button.owl-next,.equipment_section .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{margin: 0;border-radius: 50%;
    width: 30px;height: 30px;transition: 0.5s all ease;}
.equipment_section .owl-nav .owl-prev i,.equipment_section .owl-nav .owl-next i{color: var(--primary_color);transition: 0.5s all ease;}
.equipment_section .owl-theme .owl-nav [class*=owl-]:hover{background-color: var(--primary_color);}
.equipment_section .owl-theme .owl-nav [class*=owl-]:hover i{color: var(--white_color);}
.equipment_section .owl-nav{gap: 0.5rem;display: flex;align-items: center;margin: 1.5rem 0 0 1rem !important;}
/* equipment_section END*/
/* review_section START*/
.review_section{background-color: var(--gray_dark);padding: 80px 0;position: relative;margin: 0 0 100vh 0;}
.review_section:after {content: "";background-image: url(../images/review_svg.svg);background-repeat: no-repeat;position: absolute;top: -4.5rem;
    right: 0rem;width: 100%;max-width: 612px;height: 225px;background-size: cover;opacity:0.1;}
.review_top .section_heading{max-width: 820px;margin: 0 0 3rem 0;}
.review_section .item{padding: 0px 0 20px 0;}
.review_slider_col{max-width: 1800px;margin: 0 auto;}
.review_box{background-color: #212121;border-radius: var(--border_radius);position: relative;display: flex;
    background: linear-gradient(to top, #0a0a0a03, #212121);
    flex-direction: column;
    height: 100%;min-height: 350px;
    justify-content: space-between;}
.review_box_inner{max-width: 500px;margin: 0 auto;padding: 50px 1rem 1rem 1rem;}
.review_box_inner p{font-weight: var(--fw_semibold);font-size: var(--fs_md);color: var(--white_color);}
.rbn_center_inner{display: flex;flex-direction: column;}
.rbn_center_inner b{font-size: var(--fs_lg);font-weight: var(--fw_bold);margin: 0;color: var(--white_color);}
.rbn_center_inner p{margin: 0;color: var(--white_color);}
.rbn_center_inner small{color: var(--white_color);min-width: 110px;}
.rbn_quote_img{max-width: 70px;margin-top: -10px;}
/* .rbn_quote_img svg{width: 50px;height: 50px;} */
.review_slider_col .owl-item.active.center .rbn_quote_img svg path{fill: var(--primary_color);}
.rbn_center{display: flex;align-items: center;justify-content: space-between;gap: 10px;position: relative;max-width: 550px;margin-left: 110px;margin-right: 50px;
   position: relative;padding: 1.3rem 0;}
.rb_profile{background-color: var(--gray_dark);max-width: 100px;height: 100px;border-radius: 0px 50% 0px 0px;position: absolute;bottom: 0px;left: 0px;}
.rb_profile img{border-radius: 50%;width: 100%;height: 100%;max-width: 100px;max-height: 100px;border: 8px solid var(--gray_dark);}
.rb_profile:after{content: "";background-image: url(../images/subtract_svg.svg);width: 20px;height: 20px;position: absolute;bottom: 0;
    background-repeat: no-repeat;background-size: contain;right: -20px;}
.rb_profile:before{content: "";background-image: url(../images/subtract_svg.svg);width: 20px;height: 20px;position: absolute;top: -20px;background-repeat: no-repeat;
    background-size: contain;left: 0px;}
.rbn_quote_img svg{fill: var(--white_color);}
.review_section .owl-nav .owl-prev,.review_section .owl-nav .owl-next{margin: 0 !important;border-radius: 50% !important;
    width: 60px !important;height: 60px !important;transition: 0.5s all ease;}
.review_section  .owl-carousel .owl-nav button.owl-next,.review_section .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{margin: 0;border-radius: 50%;
    width: 30px;height: 30px;transition: 0.5s all ease;}
.review_section .owl-nav .owl-prev i,.review_section .owl-nav .owl-next i{color: var(--primary_color);}
.review_section .owl-theme .owl-nav [class*=owl-]:hover{background-color: var(--primary_color);}
.review_section .owl-theme .owl-nav [class*=owl-]:hover i{color: var(--white_color);}
.review_section .owl-nav{gap: 0.5rem;display: flex;align-items: center;margin: 2rem 0 0 0rem !important;justify-content: center;}
/* review_section END*/
/* footer START*/
footer{background-image: url(../images/footer_bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 100vh;
    width: 100%;position: fixed;bottom: 0;z-index: -1;}
/* footer .footer_overlay{background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);width: 100%;height: 100%;position: absolute;top: 0;right: 0;} */
footer:after{content: "";background-image: url(../images/footerafter_svg.svg);background-repeat: no-repeat;
position: absolute;top: 2.5rem;left: 2.5rem;width: 100%;max-width: 612px;height: 225px;background-size: cover;}
.footer_col{height: 100vh;display: flex;flex-direction: column;justify-content: flex-end;position: relative;z-index: 9;align-items: flex-end;gap: 3rem;padding: 3rem 0;}
.footer_col img{max-width: 210px;object-fit: contain;}
.footer_col ul{display: flex;align-items: center;gap: 4rem;}
.footer_col ul li,.footer_col ul li a{color: var(--white_color);position: relative;}
.footer_col ul li::after{content: "/";position: absolute;z-index: 12;color: var(--white_color);right: -2rem;}
.footer_col ul li:last-child:after{content: none;}
.footer_col ul li a:hover{color: var(--primary_color);}
.footer_col ul li a::after {height: 2px;width: 100%;background: var(--primary_color);content: "";
    position: absolute;left: 0px;bottom: -5px;-moz-transform: scaleX(0);-ms-transform: scaleX(0);z-index: 10;
    -webkit-transform: scaleX(0);transform: scaleX(0);-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;}
.footer_col ul li a:hover::after {-moz-transform: scaleX(1);-ms-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}
/* footer END*/
/* body extra */
.hamburger .line{
    width: 35px;
    height: 4px;
    background-color: var(--primary_color);
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hamburger:hover{
    cursor: pointer;
}
#hamburger-6.is-active{
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger-6.is-active .line:nth-child(2){
    width: 0px;
}
#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#hamburger-6.is-active .line:nth-child(1){
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
}
#hamburger-6.is-active .line:nth-child(3){
    -webkit-transform: translateY(-12px) rotate(90deg);
    -ms-transform: translateY(-12px) rotate(90deg);
    -o-transform: translateY(-12px) rotate(90deg);
    transform: translateY(-12px) rotate(90deg);
}
html body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: var(--black_bg);border-radius: var(--border_radius);}
html body::-webkit-scrollbar{width: 8px;background-color: var(--black_bg);border-radius: var(--border_radius);}
html body::-webkit-scrollbar-thumb{background-color: var(--primary_color);}
body section{scroll-margin: 130px;}
body section.location_section{scroll-margin: 90px;}

/* /////////// new_herosection 8-8-24 START*/
header{background-color: rgba(10, 10, 10, 0.7);position: relative;z-index: 99;}
main{width: 100%;position: relative;height: 100vh;min-height: 560px;background-color: var(--black_bg);}
.lanscapevideo {position: absolute;width: 100%;top: 0;z-index: 2;overflow: hidden;height: 100%;}
.lanscapevideo video {width: 100%;object-fit: cover;aspect-ratio: 1 / 1;height: 100%;}

.newhero_content{display: flex;align-items: center;width: 100%;justify-content: center;gap: 1rem;
    z-index: 9;position: absolute;bottom: 4rem;right: 0;left: 0;margin: 0 auto;max-width: 1600px !important;}
.newhero_content p{font-size: var(--fs_md);color: var(--white_color);font-weight: 900;margin: 0;max-width: 500px;}
.newhero_content .btn.btn-primary {padding: 18px 46px;}

/* /////////// new_herosection 8-8-24 END*/

/* .location_section 8-8-24 START*/
.location_header header{background-color: var(--white_color);}
/* .location_header header .navbar-nav .nav-item .nav-link {color: var(--white_color) !important;} */
.location_header header .navbar-nav .nav-item .nav-link.active {color: var(--primary_color) !important;}
.location_header header .navbar-nav .nav-item .nav-link {color: var(--text_dark);}
.loc_box_grid{display: grid;grid-template-columns: repeat(3 , 1fr);gap: 1rem;}
.loc_box{position: relative;overflow: hidden;transition: 0.5s all ease;z-index: 3;}
.loc_box:hover{transform: translateY(-.5rem);}
.loc_box img{width: 100%;height: 600px;border-radius: 1rem;object-fit: cover;object-position: center;}
.loc_box_overlay{transition: 0.5s all ease;background: rgba(255,255,255,0.4);position: absolute;opacity: .5;border-radius: 1rem;
    width: 100%;height: 100%;}
.loc_box_overlay_hover{transition: 0.5s all ease;background: rgba(255,255,255,0.4);position: absolute;border-radius: 1rem;
    width: 100%;height: 100%;top: 100%;}
.loc_box:hover .loc_box_overlay_hover{top: 0;}
.loc_box:hover .loc_box_overlay_hover {opacity: 0.9;border-bottom: 8px solid var(--primary_color);}
.loc_box h4{font-size: 40px;color: var(--body_txt_grey);font-weight: 900;font-style: italic;position: absolute;bottom: 100px;left: 0;right: 0;
    margin: 0 auto;bottom: 50px;height: fit-content;width: fit-content;white-space: nowrap;transition: 0.5s all ease;}
	.loc_box:hover h4{color:var(--primary_color)}
.loc_box_empty{background-color: var(--black_bg);border-radius: 1rem;height: 600px;width: 100%;z-index: 1;}
/* .location_section 8-8-24 END*/

/* location detail START*/
.grouplesson_section{padding: 100px 0;background-color: var(--black_bg);overflow: hidden;}
/*.grouplesson_section .section_heading {max-width: 400px;}*/
.grouplesson_section .location_head .section_heading{color: var(--body_txt_grey);}
.grouplesson_section .location_head p{color: var(--body_txt_grey);}
.gl_box{background:var(--white_color);border-radius: 2rem;padding: 2rem 1rem;height: 100%;transition: 0.5s all ease;
    position: relative;overflow: hidden;}
.gl_box_inner{display: flex;justify-content: space-between;gap: 1rem;flex-direction: column;height: 100%;max-width: 450px;margin: 0 auto;min-height: 336px;
    padding-bottom: 80px;}
.gl_box_top{display: flex;align-items: center;justify-content: space-between;margin: 0 0 1.5rem 0;position: relative;}
.gl_box_inner h2{font-size: 40px;font-weight: 900;color: var(--body_txt_grey);margin: 0 0 1rem 0;font-style: italic;}
.gl_box .btn{ position: absolute !important;bottom: -100px;left: 2rem;transition: 0.5s all ease;}
.gl_box:hover{background: var(--dark_bg2);}
.gl_box:hover .btn{bottom: 2rem;left: 2rem;}

.gl_box_top::before{content: "";position: absolute;bottom: -5px;left: 0;width: 100%;height: 5px;
    background: linear-gradient(to right, var(--primary_color) 20%, rgba(0, 0, 0, 0) 80%);
} 
.gl_box:hover .gl_box_top::before{animation: gradientFlow 5s linear infinite;background-size: 200% 100%; }
@keyframes gradientFlow {
    0% {
      background-position: 200% 0%;
    }
    100% {
      background-position: 200% 0%;
    }
  }
.gl_box_videoicon{background-color: var(--primary_color);width: 60px;height: 60px;min-width: 60px;min-height: 60px;display: flex;
    align-items: center;justify-content: center;border-radius: 50%;transition: 0.5s all ease;}
.gl_box_videoicon:hover{transform: translateY(-.5rem);}
.gl_box_videoicon img {width: 50% !important;}
.gl_box_inner p{font-size: var(--fs_sm);margin: 0;color: var(--body_txt_grey);max-height: 250px;overflow: auto;}
.gl_box_inner p::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: var(--black_bg);border-radius: var(--border_radius);}
.gl_box_inner p::-webkit-scrollbar{width: 8px;background-color: var(--black_bg);border-radius: var(--border_radius);}
.gl_box_inner p::-webkit-scrollbar-thumb{background-color: var(--primary_color);}
.grouplesson_section .owl-nav .owl-prev,.grouplesson_section .owl-nav .owl-next{margin: 0 !important;border-radius: 50% !important;
    width: 60px !important;height: 60px !important;transition: 0.5s all ease;}
.grouplesson_section  .owl-carousel .owl-nav button.owl-next,.grouplesson_section .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{margin: 0;border-radius: 50%;
    width: 30px;height: 30px;transition: 0.5s all ease;}
.grouplesson_section .owl-nav .owl-prev i,.grouplesson_section .owl-nav .owl-next i{color: var(--primary_color);}
.grouplesson_section .owl-theme .owl-nav [class*=owl-]:hover{background-color: var(--primary_color);}
.grouplesson_section .owl-theme .owl-nav [class*=owl-]:hover i{color: var(--white_color);}
.grouplesson_section .owl-nav{gap: 0.5rem;display: flex;align-items: center;margin: 2rem 0 0 0rem !important;justify-content: center;}
/* location detail END*/
/* .facility_section START*/
.facility_section{padding: 100px 0;background-color: var(--dark_bg2);}
.facility_grid{display: grid;grid-template-columns: repeat(3 , 1fr);gap: 1.5rem;}
.fac_box{background: var(--white_color);padding: 2rem 1rem;border-radius: 2rem;}
.fac_box_inner{max-width: 450px;margin: 0 auto;min-height: 252px;}
.fac_box_inner h2{font-size: 40px;font-weight: 900;color: var(--body_txt_grey);padding: 0 0 1.5rem 0;margin: 0 0 1.5rem 0;position: relative;line-height: 1;font-style: italic;}
.fac_box_inner h2::before {content: "";position: absolute;bottom: 0px;left: 0;width: 100%;height: 5px;
    background: linear-gradient(to right, var(--primary_color) 20%, rgba(0, 0, 0, 0) 80%); 
}
.fac_box:hover .fac_box_inner h2::before{background-size: 200% 100%;animation: gradientFlow 5s linear infinite; }
.fac_box_inner h2::before{
    animation: gradientFlow 6s linear infinite; 
}

@keyframes gradientFlow {
    0% {
      background-position: -200% 0%;
    }
    100% {
      background-position: 200% 0%;
    }
  }

.fac_box_inner p{font-size: var(--fs_xs);margin: 0;color: var(--body_txt_grey);overflow: auto;max-height: 250px;padding-right: 5px;}
.fac_box_inner p::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: var(--black_bg);border-radius: var(--border_radius);}
.fac_box_inner p::-webkit-scrollbar{width: 8px;background-color: var(--black_bg);border-radius: var(--border_radius);}
.fac_box_inner p::-webkit-scrollbar-thumb{background-color: var(--primary_color);}
/* .facility_section END*/
.prect_section {padding: 100px 0;background-color: var(--dark_bg);overflow: hidden;}
.prect_section .section_heading{color: var(--body_txt_grey);}
.prect__right p{font-size: var(--fs_md);max-width: 650px;color: var(--body_txt_grey);}
.prect_section .location_head{margin: 0 0 1rem 0;}
.prect_flex{display: flex;gap: 2rem;align-items: baseline;}
.prect__right{width: 100%;}
.prectdetail_flex{display: flex;gap: 1rem;margin: 2rem 0 0 0;width: 100%;justify-content: space-between;flex-direction: column;}
.prectdetail_left,.prectdetail_right{width: 100%;z-index: 1;}
.prectdetail_right{display: flex;gap: 0.5rem;max-width: 1024px;}
/*.prectdetail_left{max-width: 380px;}*/
/*.prectdetail_right{max-width: 500px;}*/
.prectdetail_flex h2{font-size: 40px;font-weight: 900;color: var(--title_color);margin: 0 0 1rem 0;font-style: italic;text-transform: uppercase;}
.prect_box{background-color: var(--dark_bg2);border-radius: var(--border_radius);padding: 2rem 1rem;max-width: 900px;}
.prect_box_child{display: flex;}
/*.md_flex{display: none;}*/
.prect_box_inner{min-width: fit-content;min-width: 380px;
	/*display: flex;*/gap: 0rem;}
.add_box{display: flex;align-items: baseline;gap: 1rem;
margin: 0 0 1rem 0;
/*max-width: 200px;*/
}
.add_box img{width: 25px;height: 25px;}
.add_box a{font-size: var(--fs_sm);color: var(--body_txt_grey);font-weight: var(--fw_bold);transition: 0.5s all ease;}
.add_box a:hover{color: var(--primary_color);}
.add_box_bnkinfo{max-width: 100%;border-left: 1px solid #ffffff0a;padding: 0 0 0 30px;margin: 0 0 0 30px;}
.prect_box h4{font-size: var(--fs_sm);color: var(--body_txt_grey);font-weight: var(--fw_bold);}
.prect_box p{font-size: var(--fs_sm);color: var(--body_txt_grey);font-weight: var(--fw_regular);margin: 0;}

.oh_box{background-color: #ffffff5c;border-radius: var(--border_radius);padding: 1.5rem 1rem;margin: 0 0 0.4rem 0;min-width: 400px;}
.oh_box_inner{max-width: 480px;margin: 0 auto;}
.oh_box ul li{display: flex;align-items: flex-start;gap: 0.5rem;}
.oh_box ul li{margin: 0 0 0.7rem 0;}
.oh_box ul li:last-child{margin-bottom: 0;}
.oh_box small{color: var(--body_txt_grey);font-size: var(--fs_sm);min-width: 100px;}
.oh_box span{color: var(--body_txt_grey);font-size: var(--fs_sm);font-weight: var(--fw_bold);}

/* locationdetail_sec START*/
.locationdetail_sec{padding: 50px 0;background-color: var(--dark_bg2);}
.ld_content{padding: 0 1rem;}
.ld_content a{font-size: var(--fs_md);color: var(--body_txt_grey);font-weight: var(--fw_bold);display: flex;align-items: center;gap: 1rem;margin: 0 0 2.5rem 0;
transition: 0.5s all ease;width: fit-content;}
.ld_content a:hover{transform: translateX(-10px);color: var(--primary_color);}
.ld_content .section_heading{margin: 0 0 2rem 0;}
.ld_content p{font-size: var(--fs_md);color: var(--body_txt_grey);line-height: 1.5;margin: 0;}
.ld_content ul{padding: 1rem 0 1rem 0rem;}
.ld_content ul li{font-size: var(--fs_sm);color: var(--body_txt_grey);line-height: 1.5;margin: 0;}
.bckarrow{background-color: var(--white_color);display: flex;align-items: center;justify-content: center;max-width: 50px;min-width: 50px;max-height: 50px;min-height: 50px;
border-radius: 50%;}
.bckarrow{color: var(--text_dark);}
 .img_gallary{max-width: 840px;margin: 0 auto;padding: 0 1rem;
    position: sticky;top: 150px;}
/*.thumbnail-container {display: grid;grid-template-columns: repeat(6, 1fr);gap: 0.5rem;}
.thumbnail-container img{height: 100px;}
.thumbnail {border-radius: 10px;height: 100px;width: 100%;object-fit: cover;cursor: pointer;}*/
.main_img {width: 100%;height: 550px;object-fit: cover;margin-bottom: 20px;border-radius: 1rem;transition: 0.5s all ease;}
.main_img.change {animation: imageChange 0.5s forwards;} 

.carousel-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.thumbnail-container {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 10px;
    white-space: nowrap;
    justify-content: flex-start;
    padding: 10px 0;
    width: 100%;
}
.thumbnail-container::-webkit-scrollbar {
    display: none; 
}
.thumbnail {
    width: 100%; 
    height: 100%;
    min-width: 120px;
    width: 120px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.5s ease-in-out;
    border-radius: 10px;object-fit: cover;cursor: pointer;
}
.carousel-arrow {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: 0.5s all ease;
}
.left-arrow {left: 10px;}
.right-arrow {right: 10px;}
.carousel-arrow:hover{background-color: #cd171a9c;}


@keyframes imageChange {
0% {
    opacity: 0;
    transform: scale(0.5);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
/* locationdetail_sec END*/

.review_box{transition: 0.5s all ease;}
/* .review_slider .highlight-next .review_box{
    transform: perspective(400px) rotatey(8deg);
    transform-origin: left center;
}
.review_slider .highlight-prev .review_box{
    transform: perspective(400px) rotatey(-8deg);
    transform-origin: right center;
} */

/* grouplessoninnersection */
.grouplessoninnersection{padding: 100px 0;}
.calender_top{display: flex;gap: 1rem;margin: 2rem 0 1.5rem 0;}
.calender_top select{border: 1px solid #353131;height: 60px;border-radius: 1rem;font-size: var(--fs_md);
max-width: 300px;}
.calender_top select#allActivity{display:none;}
.calender_top .form-select:focus{box-shadow: none;outline: 0;border-color: #554f4f;}
.calender_box{border: 20px solid var(--gray_dark);border-radius: 1rem;padding: 0rem;max-width: 1500px;position: relative;z-index: 2;}

.socialicon{max-width: 40px;min-width: 40px;max-height: 40px;min-height: 40px;border-radius: 50%;background-color: var(--gray_dark);
display: flex;align-items: center;justify-content: center;transition: 0.5s all ease;}
.socialicon:hover{background-color: var(--primary_color);transform: translateY(-5px);}
.socialicon i{color: var(--white_color);}

/* action_section */
.action_section{padding: 50px 0;}
.action_section .facility_grid{grid-template-columns: repeat(2 , 1fr);}
.action_section .fac_box{padding: 1rem;}
.action_section .fac_box img{width: 100%;margin: 0 0 2rem 0;object-fit: cover;border-radius: 1rem;height: 400px;}
.action_section .fac_box_inner{max-width: 100%;position: relative;z-index: 2;}
.action_section .fac_box .btn{margin: 1.5rem 0 0rem 0;}
.action_section .fac_box_inner h2::before{background: linear-gradient(to right, var(--primary_color) 15%, rgba(0, 0, 0, 0) 50%);}
.actiondetail_sec .action_img{max-width: 840px;object-fit: cover;width: 100%;margin: 5rem 0 0 0;position: sticky;top: 100px;border-radius: 1rem;
    overflow: hidden;}

body .owl-carousel .owl-nav{display: flex !important;}
body .location_section .owl-carousel .owl-nav{display: none !important;}

.gs_head .section_heading {max-width: 500px;}
.group_table .table>:not(caption)>*>*{box-shadow: none;}
.group_table table{margin: 0;background-color: var(--dark_bg2);border-radius: 1rem;}
.group_table table thead tr th{font-size: var(--fs_sm);color: var(--body_txt_grey);font-weight: var(--fw_semibold);background-color: var(--dark_bg2);
    border: 1px solid var(--black_bg);text-align: center;padding: 1rem 0.5rem;vertical-align: middle;white-space: nowrap;}
.group_table table tbody tr td{font-size: var(--fs_sm);color: var(--body_txt_grey);font-weight: var(--fw_semibold);background-color: var(--dark_bg2);height: 67px;
    border: 1px solid var(--black_bg);text-align: center;padding: 0.2rem;vertical-align: middle;}
/*.group_table table tbody tr td img{width: 100%;max-width: 120px;height: auto;object-fit: cover;border-radius: 0.5rem;}
.table_img{display: flex;align-items: center;justify-content: center;}*/
.group_table table tbody tr td a{transition: 0.5s all ease;display: block;}
.group_table table tbody tr td a:hover{transform: scale(1.01);}
.group_table{overflow: auto;}
.group_table table{width: 100%;min-width: 1200px;}

.lang_drop .dropdown{display: flex;justify-content: center;}
.lang_drop .lang_drop_btn{padding: 1rem 1rem 1rem 2rem;color: var(--primary_color);text-transform: uppercase;font-size: var(--fs_sm);font-weight: var(--fw_bold);}
.lang_drop .dropdown-menu{background-color: var(--dark_bg2);border-radius: var(--border_radius);padding-right: 5px;padding-left: 5px;}
.lang_drop .dropdown-menu .dropdown-item{text-transform: uppercase;font-size: var(--fs_xs);transition: 0.5s all ease;color: var(--white_color);font-weight: var(--fw_bold);
border-radius: var(--border_radius);}
.lang_drop .dropdown-menu .dropdown-item:hover{background-color: #181818;color: var(--primary_color);}
.lang_drop .dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0 !important;left: auto !important;
}


.ld_content_btngroup{display: flex;align-items: center;gap: 20px;margin: 1.5rem 0 0 0;flex-wrap: wrap;}
.ld_content_btngroup .btn{margin: 0 !important;}
.ld_content_btngroup .btn:hover{color: #fff;margin: 0 !important;}
.video_modal .modal-content{background-color: var(--dark_bg2);border-radius: var(--border_radius);}
.video_modal iframe{width: 100%;height: 600px;border-radius: var(--border_radius);}
.video_modal .modal-dialog{max-width: 900px;}
.video_modal .modal-body{padding: 0.5rem;}
.video_modal .btn_close{width: 30px;height: 30px;position: absolute;display: flex;align-items: center;justify-content: center;
background-color: var(--primary_color);border-radius: 50%;top: -12px;right: -12px;transition: 0.5s all ease;border: 0;z-index: 2;}
.video_modal .btn_close:hover{background-color: var(--text_dark);}
.video_modal .btn_close i{color:#fff;transition: 0.5s all ease;}
.video_modal .btn_close:hover i{color: var(--primary_color);}


.table_img{transition: 0.5s all ease;background-color: #b20000;border-radius: 0.5rem;cursor: pointer;margin: auto;width: 100%;}
.table_img_inner{display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #1D1D1B;border-radius: 0.5rem;min-height: 80px;}
.table_img_inner img{max-width: 50px;object-fit: cover;}
.table_img:hover{transform: scale(1.01);}
.table_img_top{background-color: #E5007D;height: 50px;border-radius: 0.5rem 0.5rem 0 0;
    display: flex;align-items: center;justify-content: center;padding: 0.5rem;}
.table_img_top img{max-width: 50px;object-fit: cover;}
.table_img_bottom{background-color: #b20000;height: 60px;
    border-radius: 0.5rem 0.5rem;display: flex;align-items: center;justify-content: center;}
.table_img_bottom h5{margin: 0;color: #fff;font-size: 14px;font-weight: 600;line-height: 1;padding: 0.2rem;pointer-events: none;}
 
body .popover{background-color: var(--primary_color);}
body .popover-arrow{--bs-popover-bg: var(--primary_color);}
body .popover-header{background-color:  var(--primary_color);color: var(--white_color);border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;
font-size: 16px;font-weight: 600; border-radius:0.5rem;border-bottom: none;}
body .popover-body{color: var(--white_color);background-color:  var(--primary_color);padding: 1rem;
font-size: 14px;font-weight: 600;border-radius:0 0 0.5rem 0.5rem;border-top: var(--bs-popover-border-width) solid var(--bs-popover-border-color);}
body .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after{border-top-color: var(--primary_color);}

.cs_table.schedule_sec.calender_box{position: relative;}
.loader_wrapper{
	width: fit-content;
    margin: auto;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;gap: 1rem;
}
.loader_wrapper h4{
	color: #5a5353;margin: 0;font-size: 22px;font-weight: 600;
}

body .form-select:disabled {
    background-color: var(--gray_dark);
    color: #ffffff;
    opacity: 0.5;
    cursor: no-drop;
}
/*team screen*/
.team_head{display: flex;align-items: center;gap: 1rem;justify-content: space-between;margin: 0 0 2rem 0;}
.team_head .calender_top{width: 100%;max-width: 300px;}
.dropdown-container {position: relative;display: inline-block;width: 100%;}
.team_head .calender_top .form-select {width: 100%;}
.custom-arrow {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 8px solid transparent;
    border-right: 8px solid transparent;border-top: 8px solid #ff0000;transition: transform 0.3s ease; pointer-events: none;}
.dropdown-open .custom-arrow {transform: translateY(-50%) rotate(180deg);}

.team_head .location_head{margin: 0;gap: 2rem;}
.facility_grid.team_grid{grid-template-columns: repeat(1 , 1fr);}
.team_grid .fac_box_inner{display: flex;}
.team_grid img{width: 100%;max-width: 500px;max-height: 500px;margin: 0 !important;}
.team_content{padding: 1rem;max-width: 750px;margin: 0 auto;}
.team_content p{margin: 0 0 1rem 0;}
.team_content p, .team_content p span, .team_content div span{color: var(--body_txt_grey) !important;}
.team_description{font-size: var(--fs_xs);color: var(--body_txt_grey);}
.team_links{display: flex;align-items: center;gap: 1.5rem;margin: 1.5rem 0 0 0;flex-wrap: wrap;}
.team_links a{color: var(--body_txt_grey);font-size: var(--fs_sm);font-weight: var(--fw_semibold);transition: 0.5s all ease;display: flex;align-items: center;gap: 10px;}
.team_links a:hover{color: var(--primary_color)}
.team_links a span i{color: var(--primary_color);}


.table_img img{
	height: 60px;
    width: 100%;
    object-fit: contain;
}
.table_img_prnt{display: flex;flex-direction: column;gap: 0.3rem;}
/* insta_feed */
.review_section.insta_section{padding: 0;}
.review_section.insta_section .container-fluid{padding: 80px;}
.review_section.insta_section .fac_box{padding: 1.5rem;}
.review_section.insta_section .fac_box_inner {width: 100%;max-width: 100%;padding: 1rem 1rem 2rem 1rem;}
.review_section.insta_section .fac_box_inner img{margin: 0 0 20px 0;height: 300px;object-fit: cover;width: 100%;border-radius: 1rem;}
.review_section.insta_section .fac_box_inner video{margin: 0 0 20px 0;height: 300px;object-fit: cover;width: 100%;border-radius: 1rem;}
.review_section.insta_section .fac_box_inner p{margin: 0 0 20px 0;}
.review_section.insta_section .fac_box{transition: 0.5s all ease;}
.fbi_bottomcontent{display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.fbi_bottomcontent p{margin: 0 !important;}

/* canvas */
.contact_canvas.offcanvas {border: 0;background-color: var(--black_bg);min-height: 700px;height: fit-content;}
.contact_canvas .offcanvas_inner {position: relative;padding: 60px 40px;height: 100%;}
.contact_canvas .offcanvas-body {padding: 0px 0px;display: flex;width: 100%;flex-direction: column;height: 100%;position: relative;align-items: center;justify-content: center;}
.contact_box {max-width: 1200px;width: 100%;margin: 0 auto;display: flex;gap: 1rem;justify-content: space-between;padding: 30px 0;}
.contact_left_inner {max-width: 430px;min-width: 430px;width: 100%;}
.contact_left .section_heading{font-size: 50px;margin: 0 0 2rem 0;}
.contact_left ul{display: flex;flex-direction: column;gap: 1rem;}
.contact_left ul li{font-size: var(--fs_md);font-weight: var(--fw_regular);color: var(--body_txt_grey);position: relative;padding: 0 0 0 1.5rem;
    background-image: url(../images/list_icon.svg);background-repeat: no-repeat;background-size: 16px;background-position: 0 6px;}
.contact_right{background: var(--white_color);border-radius: 2rem;padding: 3rem 1rem;height: 100%;width: 100%;max-width: 700px;
position: relative;}
.contact_right_inner{max-width: 620px;margin: 0 auto;}
body .form-control,body .form-select{width: 100%;height: 60px;border-radius: 1rem;background-color: var(--black_bg);
    color: var(--body_txt_grey);font-size: var(--fs_xs);border: 0;text-indent: 0.7rem;}
	body .calender_top .form-select{background-color:var(--white_color)}
/* body .form-select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;} */
body .form-control:focus{box-shadow: none;color:  var(--text_dark);}
body .form-control::placeholder{color:  var(--text_dark);opacity: 0.3;}
body textarea.form-control{min-height: 100px;padding: 0.7rem;resize: none;}
.contact_right_inner .btn{margin: 1rem 0 0 0;}
.canvas_close_btn{width: 54px;height: 54px;border-radius: 50%;background-color: var(--primary_color);display: flex;align-items: center;justify-content: center;
    transition: 0.5s all ease;position: absolute;top: -26px;right: 26px;}
.canvas_close_btn:hover{background-color: #770305;}
.canvas_close_btn_res{display: none;}

.contact_box_screen{padding: 100px 15px;margin: 0 auto 0;min-height: calc(100vh - 150px);}
.contact_box_screen .canvas_close_btn.canvas_close_btn_web{display: none;}
.contact_box_screen .form-select{width: 100%;height: 60px;border-radius: 1rem;background-color: var(--black_bg);
    color: var(--body_txt_grey);font-size: var(--fs_xs);border: 0;text-indent: 0.7rem;}
.contact_box_screen .form-select:focus{
box-shadow: none;
}
/* .facility_section.action_section.team_top_section {150px 0 50px 0 !important;} */
.team_top_section .section_heading{white-space: wrap;font-size: 45px;}
body .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after {
    bottom: 2px !important;
}
.group_table table tbody tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--black_bg2);
}
 
.group_table table thead th:first-child {
    position: sticky;
    left: -1;
    z-index: 2;
    background-color: var(--dark_bg2);
}

/* .grouplesson_section .owl-carousel .owl-stage-outer{z-index: 5;} */
.grouplesson_section .owl-carousel .owl-nav{
	position: absolute;
    justify-content: space-between;
    width: 100%;
    top: 28%;z-index: 1;
}
.grouplesson_section .container {
    max-width: 1530px;
}
.grouplesson_section .owl-carousel .owl-prev{margin-left: -65px !important;}
.grouplesson_section .owl-carousel .owl-next{margin-right: 55px !important;}
.gl_slider{padding: 0 60px;}
.grouplesson_section .location_head{padding: 0 60px;}

.custom_loader_prnt{min-height: 250px;display: flex; justify-content: center;
    align-items: center;flex-direction: column;gap: 1rem;}
.custom_loader {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.custom_loader .spinner-grow {
    background-color: var(--primary_color);
    width: 12px;
    height: 12px;
}
.schedule_custom{
	/* border: 20px solid var(--gray_dark); */
	background: #F5F7FA;
    border-radius: 1rem;
    padding: 0rem;
    max-width: 1500px;
    position: relative;
    z-index: 2;
	color: #fff !important;
}
.schedule_custom .fc .fc-col-header-cell-cushion{color: #fff !important;text-transform: capitalize;}
.schedule_custom .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0em;
}

.schedule_custom .fc-v-event{background-color: var(--primary_color) !important;border: 0 !important;border-radius: 0.5rem;transition: 0.5s all ease;
    cursor: pointer;}
	.schedule_custom .fc-v-event:hover{background-color:#b20000 !important;}
	.schedule_custom .fc-timegrid-slot{border: 1px solid #181818 !important;}
	.schedule_custom .fc-theme-standard td,.schedule_custom .fc-theme-standard th{border: 1px solid #181818 !important;}
	.schedule_custom .fc-theme-standard .fc-scrollgrid{border: 1px solid #181818 !important;}
	.schedule_custom .fc-timegrid-event-harness-inset .fc-timegrid-event,.schedule_custom .fc-timegrid-event.fc-event-mirror,.schedule_custom .fc-timegrid-more-link{
		box-shadow: 0 0 0 1px #000 !important;}
	.schedule_custom .fc-scroller-harness .fc-scroller,.schedule_custom thead .fc-scroller-harness .fc-scroller{overflow: visible !important;}
	.schedule_custom .fc-event img{max-width: 100px;    height: 60px;object-fit: contain;margin: auto;width: 100%;}
	.schedule_custom .fc-event-main{display: flex;align-items: center;justify-content: center;}
	.schedule_custom .fc .fc-daygrid-day.fc-day-today{    background-color: transparent;}
	.schedule_custom .fc-event-content{text-align: center;
	font-family: "Commissioner", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;}

.schedule_custom .fc .fc-timegrid-col.fc-day-today {
    background-color: transparent !important;
}
.schedule_custom .fc-scroller.fc-scroller-liquid-absolute{
	scrollbar-width: thin !important;
    scrollbar-color: #cd1719 #454544 !important;overflow: hidden scroll !important;
}
.schedule_custom .fc-scroller.fc-scroller-liquid-absolute{overflow: hidden scroll !important;}
.schedule_custom .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: var(--black_bg);border-radius: var(--border_radius);}
.schedule_custom .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar{width: 8px;background-color: var(--black_bg);border-radius: var(--border_radius);}
.schedule_custom .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb{background-color: #cd1719;}
.schedule_custom .fc-timegrid-event-harness:hover {
    z-index: 999 !important;
}
.fc-timegrid-event-harness.fc-timegrid-event-harness-inset:hover{
    z-index: 999 !important;
}

/*------23-09-----*/
.calTable_wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px; padding: 0.75rem;
}
.cal_Day {
    text-align: center;color: var(--title_color);
    margin-bottom:0.75rem; font-size: var(--fs_md);
}
.less_box {
    background-color: var(--white_color);
    margin: 2px auto;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 5px;
    padding: 0.5rem;
    font-size: var(--fs_xs); transition: all ease 0.5s;
}
.less_box:hover{background-color: #fff;}
.less_time{    
	font-size: 12px;
    color: var(--title_color);
}
.less_duration{    
	font-size: 14px;
    color: var(--primary_color);
	font-weight: 600;
}
.less_img {
    width: 65px;
}
.less_img img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    object-position: center;filter: brightness(0.5);
}
.less_name{
	font-family: "Commissioner", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;
	font-size: 10px;
	text-align: center;
	width: 65px;word-wrap: break-word;color: var(--grey_color);
}
.less_box_left{border-right: 1px solid #353131;padding-right: 5px;width: 90px;transition: all ease 0.5s;cursor: context-menu;}
.less_box:hover .less_box_left{border-color: #ffffff52;}
/* 25-sep */
.location_modal .modal{background-color: rgba(0, 0, 0, 0.8);}
.location_modal .modal_location_grid{display: grid;grid-template-columns: repeat(2 , 1fr);gap: 1rem;}
.location_modal .modal-header{display: flex;justify-content: space-between;padding: 1.2rem 1.5rem;border-bottom: 0;}
.location_modal .modal-title{color: var(--white_color);font-size: 22px;font-weight: var(--fw_semibold);margin: 0;}
.location_modal .modal-dialog{max-width: 800px;height: 100%;margin: auto;}
.location_modal .modal-content{background-color: var(--gray_dark);border-radius: var(--border_radius);}
.location_modal .modal-body{padding: 2rem 2rem 2rem 2rem;border-bottom: 4px solid var(--primary_color);border-radius: var(--border_radius);}
.location_modal .ml_box{
    background-color: #000000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    min-height: 70px;
    font-size: var(--fs_xs);
    transition: all ease 0.5s;
    text-align: center;
    font-size: 14px;color: var(--white_color);
	font-family: "Commissioner", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;
}
.location_modal .ml_box:hover{background-color: #b20000;transform: translateY(-4px);}
.location_modal .btn_close{border-radius: 50%;width: 30px;height: 30px;background-color: var(--primary_color);display: flex;align-items: center;justify-content: center;
border: 0;transition: 0.5s all ease;}
.location_modal .btn_close i{color: var(--white_color);}
.location_modal .btn_close:hover{background-color: #b20000;}
/* 25-sep */

@media screen and (max-width: 1600px) {
    .contact_left .section_heading{font-size: 45px !important;margin: 0 0 1.8rem 0;}
	
	.less_box{flex-direction: column-reverse;}
	.less_box_left{
		border-right: 0;
        border-top: 1px solid #E7E7E7;
        padding-top: 5px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
	}
	.less_box_right {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.less_name{width: 100%;}
	.calTable_wrapper {
		gap: 5px;
	}
	.less_box_left{display: flex;align-items: center;justify-content: space-between;}
}
@media screen and (max-width: 1400px){
    .team_grid img{width: 100%;max-width: 400px;max-height: 400px;margin: 0 !important;}
}
@media screen and (max-width: 1199px) {
	body header .navbar-nav {gap: 25px;}
	body header .navbar-nav .nav-item .nav-link {font-size: var(--fs_xs);}
    .contact_canvas .offcanvas_inner {padding: 30px 20px;}
    .contact_left_inner {max-width: 350px;min-width: 350px;width: 100%;}
    .contact_left .section_heading{font-size: 40px !important;}
	.team_grid img{width: 100%;max-width: 350px;max-height: 350px;margin: 0 !important;}
	.team_head .calender_top{max-width: 220px;}
}
@media screen and (max-width: 1150px) {
	.schedule_custom{overflow: scroll;}
	.calTable_wrapper{width: 1120px;}
}
@media screen and (max-width: 991px) {
	body .navbar-toggler{
		position: absolute;
		right: 20px;
		top: 25px;
	}
	.contact_box{height: 100%;min-height: 100%;	}
	.team_head .location_head {margin: 0;gap: 1rem;}
	.contact_box_screen{ min-height: calc(100vh - 80px);padding: 50px 15px;}
/* 25-sep */	
	.location_modal .modal-header{padding: 1rem 1rem;}
	.location_modal .modal-body{padding: 1rem 1rem 1rem 1rem;}
	.location_modal .modal-dialog {margin: auto 10px;}
	.location_modal .modal-title {font-size: 18px;}
/* 25-sep */
}
@media screen and (max-width: 767px) {
    .contact_box{flex-direction: column;}
    .contact_left_inner {max-width: 100%;min-width: 100%;width: 100%;margin: 0 0 1.5rem 0;}
    .contact_left .section_heading{font-size: 25px !important;margin: 0 0 1rem 0;}
    .canvas_close_btn_web{display: none;}
    .canvas_close_btn_res{display: flex;width: 40px;height: 40px;top: 16px;right: 0rem;}
	.fac_box_inner{flex-direction: column;}
    .team_head{flex-direction: column;align-items: flex-start;gap: 0;}
	
	.newhero_content .btn.btn-primary {padding: 10px 20px;}
}
@media screen and (max-width: 575px){
    .team_grid img{width: 100%;max-width: 100%;max-height: 300px;margin: 0 !important;}
	 .contact_box_screen .contact_right{padding: 1rem;}
}
@media screen and (max-width: 450px){
	.location_modal .modal_location_grid{display: grid;grid-template-columns: repeat(1 , 1fr);}
	.location_modal .ml_box{min-height: 45px;}
}

.thanks_screen{margin: 0px 0 100vh 0;min-height: calc(100vh - 150px);padding: 40px 0 20px 0;background-color: #000;}
.thanks_screen .thanks_col{display: flex;align-items: center;justify-content: center;
    background: linear-gradient(to top, #0a0a0a03, #212121);border-radius: 2rem;min-height: 570px;}
.thanks_col_inner{max-width: 650px;margin: auto;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1rem 1rem;}
.thanks_col img{max-width: 80px;margin: 0 auto 1rem;}
.thanks_col h2{margin: 0 0 1.5rem 0;}
.thanks_col h4{font-size: 24px;font-weight: var(--fw_regular);margin: 0 0 1.2rem 0;color: var(--white_color);}
.thanks_col p{color: #FFFFFF;opacity: 0.70;font-size: 18px;font-weight: var(--fw_regular);margin: 0;}

@media screen and (max-width: 1400px){
    .thanks_col h4{font-size: 22px;}
}
@media screen and (max-width: 1200px){
    .thanks_col h4{font-size: 20px;}
    .thanks_col img{max-width: 60px;}
}
@media screen and (max-width: 991px){
    .thanks_col h4{font-size: 18px;}
}
@media screen and (max-width: 767px){
    .thanks_screen .thanks_col{min-height: fit-content;}
    .thanks_col_inner{padding: 2rem 1rem;}
}
.location_text {
  font-size: var(--fs_xs);
  margin: 0;
  color: var(--body_txt_grey);
  text-transform: capitalize;
}
.location_grid{display: flex;align-items: flex-start;justify-content: space-between;}
.loc_tag {
  background: rgba(0,0,0,0.1);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: var(--fs_xs);
}

.prect_flex .location_head{min-width: 400px;z-index: 5 !important;}
/*dev*/
.staffed-hours-box {
    width: 100%;min-width: 500px;
    /* Light like the opening-hours boxes (.oh_box) of the other clubs. */
    background-color: #ffffff5c;
    color: var(--body_txt_grey);
   padding: 1.5rem 1rem;
    border-radius: var(--border_radius);
    margin: 0 0 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.staffed-hours-box h1 {
    font-family: "Commissioner", sans-serif;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 5px;
    color: #272222;
    font-style: italic;
}

/* "De balie is open" / "Voor leden": must stand out on the light box. */
.staffed-hours-box p {
    font-size: var(--fs_sm);
    font-weight: var(--fw_bold);
    color: var(--primary_color);
    margin: 5px 0;
}

.staffed-hours-box hr {
    border: none;
    border-top: 1px solid var(--dark_bg2);
    opacity: 1;
    margin: 10px 0;
}
  .hours{display: flex;align-items:center;padding: 0.5rem 0 0rem 0;}
  .hours small {
    color: var(--body_txt_grey);
    font-size: var(--fs_sm);
    min-width: 190px;
  }
.hours span {
    color: var(--body_txt_grey);
    font-size: var(--fs_sm);
    font-weight: var(--fw_bold);
}
@media screen and (max-width: 1440px) {
	
	
	.prect_flex .section_heading {
        font-size: 52px !important;
    }
	.prect_box_inner {
    min-width: 260px;
	}
	.prectdetail_right{flex-direction: column;gap: 0rem;}
	.oh_box_inner{margin: 0;}
	
}
@media screen and (max-width: 1199px) {
	.oh_box {
        width: 100%;
        max-width: 100%;
		min-width: 450px;
    }
	.staffed-hours-box {
		width: 100%;
		max-width: 100%;
		min-width: 450px;
}
}
@media screen and (max-width: 991px) {
    .oh_box small {
        min-width: fit-content !important;
    }
	.oh_box {
        width: 100%;
        min-width: 350px;
        max-width: 100%;
    }
	.staffed-hours-box {
		width: 100%;
		max-width: 350px;
		min-width: 100%;
	}
	.prect_box_inner {
		min-width: 260px;
	}
}
@media screen and (max-width: 767px) {
	.prect_box_child{flex-direction:column;}
	.add_box_bnkinfo{
	border: 0;
    padding: 0;
    margin: 4px 0 0 0;
	}
	
}
@media screen and (max-width: 575px) {
	.oh_box {
        min-width: 100%;
        max-width: 100%;
    }
	.staffed-hours-box {
		width: 100%;
		min-width: 100%;
	}
	.prect_box_inner {
		min-width: 100%;
	}
	.staffed-hours-box {
        min-height: fit-content;
    }
	.hours{flex-direction: column;align-items: flex-start;}
	.oh_box ul li{flex-direction: column;}
}
.prectdetail_right_single .oh_box_inner{margin: 0}
.prectdetail_right_single{max-width: 400px;}

#CybotCookiebotDialog button.CybotCookiebotDialogBodyButton{
	color: var(--white_color) !important;
    background-color: var(--primary_color) !important;
    border-radius: var(--border_radius) !important;
    border: 0 !important;
    transition: 0.5s all ease !important;
    padding: 10px 30px !important;
    width: fit-content !important;
    text-transform: uppercase !important;
    font-size: var(--fs_sm) !important;
    font-weight: var(--fw_bold) !important;
    position: relative !important;
    box-shadow: 0em 0.3em 0 #b20000 !important;
    white-space: nowrap !important;
}
#CybotCookiebotDialog button.CybotCookiebotDialogBodyButton:hover {
    transform: translateY(0.2em);
    box-shadow: none;
}
#CybotCookiebotDialog form{display: none !important;}
#CybotCookiebotDialogHeader{display: none !important;}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink{color: var(--primary_color) !important;}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after{color:var(--primary_color) !important;
border-color:var(--primary_color) !important; }

.floating_btn.btn.btn-primary{display: none;}
/* .facility_grid.new_team_grid{display: block !important;} */
.landscapevideo{
	margin-top: -220px;
    overflow: hidden;
}
.landscapevideo.scrolled{margin-top: 0;}


.actiondetail_sec .contact_right{padding: 0;background: transparent;margin: 2rem 0 0 0;}
.actiondetail_sec .contact_right_inner{padding: 0;background: transparent;max-width: 100%;}
.actiondetail_sec .canvas_close_btn{display: none !important;}

.schedule_custom_btn{display: flex;align-items: center;justify-content: space-between;gap:1rem;flex-wrap: wrap;position: relative;z-index: 9;
margin: 2rem 0 0 0;}
/*.schedule_custom{height: 600px;overflow: auto;}
.schedule_custom::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: var(--black_bg);border-radius: var(--border_radius);}
.schedule_custom::-webkit-scrollbar{width: 8px;background-color: var(--black_bg);border-radius: var(--border_radius);}
.schedule_custom::-webkit-scrollbar-thumb{background-color: #cd1719;}*/
@media screen and (max-width: 400px) {
.schedule_custom_btn .btn.btn-primary {
        padding: 10px 18px;
        font-size: 12px;
    }

}

/* Reformer page START */
.reformer_content_section{background-color: var(--dark_bg);}
.reformer_content_section_alt{background-color: var(--dark_bg2);}
.reformer_content_inner{max-width: 900px;}
.reformer_content_inner .section_heading{font-size: 40px;margin: 0 0 1.5rem 0;}
.reformer_content_inner p,.reformer_hero_section p{font-size: var(--fs_md);color: var(--body_txt_grey);line-height: 1.6;margin: 0 0 1rem 0;}
.reformer_content_inner p:last-child{margin-bottom: 0;}
.reformer_richtext p{font-size: var(--fs_md);color: var(--body_txt_grey);line-height: 1.6;margin: 0 0 1rem 0;}
.reformer_richtext p:last-child{margin-bottom: 0;}
.reformer_checklist{display: flex;flex-direction: column;gap: 0.7rem;padding: 0.5rem 0 1.5rem 0;margin: 0;}
.reformer_checklist li{font-size: var(--fs_md);font-weight: var(--fw_regular);color:var(--body_txt_grey);position: relative;padding: 0 0 0 1.8rem;
    background-image: url(../images/list_icon.svg);background-repeat: no-repeat;background-size: 18px;background-position: 0 4px;}
.reformer_rates_notes{padding-top: 0;padding-bottom: 1rem;}
.reformer_loc_box_grid{margin: 2rem 0;}
.reformer_discount_box{max-width: 100%;min-width: unset;margin: 1.5rem 0 0 0;}
.reformer_discount_box span{color: var(--body_txt_grey);font-size: var(--fs_md);font-weight: var(--fw_bold);}
.reformer_table{margin: 1.5rem 0;}
.reformer_table table{min-width: unset !important;}
.reformer_table table td small,.reformer_table table th small{display: block;font-weight: var(--fw_regular);opacity: 0.7;font-size: var(--fs_xs);}
.reformer_cta{margin-top: 2rem;}
.reformer_cta p{margin-bottom: 1.2rem;}
.reformer_buttons{display: flex; flex-wrap: wrap; gap: 0.75rem;}
.reformer_banner_content .reformer_buttons{margin-top: 1.5rem;}
@media screen and (max-width: 767px) {
    .reformer_content_inner .section_heading{font-size: 30px;}
}
/* Reformer page END */

/* Lessons booking iframe START */
.lessons_iframe_wrapper{padding: 0;overflow: hidden;}
.lessons_iframe_wrapper iframe{width: 100%;height: 750px;border: 0;display: block;border-radius: 0.5rem;}
@media screen and (max-width: 991px) {
    .lessons_iframe_wrapper iframe{height: 900px;}
}
@media screen and (max-width: 767px) {
    .lessons_iframe_wrapper iframe{height: 1000px;}
}
@media screen and (max-width: 575px) {
    .lessons_iframe_wrapper iframe{height: 1100px;}
}
/* Lessons booking iframe END */
/* =====================================================================
   Aanpassingen 07/10/2026 - feedback Luther Rommens (Sporthouse Group)
   op de testversie. Staat bewust onderaan: alles hierboven is de stijl
   zoals het webteam ze opleverde, dit blok is wat daarna gevraagd werd.
   ===================================================================== */

/* "alle titels lijken nog in het oude lettertype": body h1/h2 zette
   Commissioner terug, waardoor enkel .section_heading het nieuwe
   lettertype kreeg. Nu elke titel. */
body h1, body h2, body h3, body h4,
.gl_box_inner h2, .fac_box_inner h2, .loc_box h4, .team_content h2,
.staffed-hours-box h1, .prect_box h2, .md_flex{
    font-family: var(--title_text);
}

/* De menubalk begon op de startpagina zwart en veranderde bij het scrollen
   van kleur. Nu overal dezelfde balk, meteen in de juiste kleur. */
body header{background-color: var(--black_bg);}
body header .navbar-nav .nav-item .nav-link{color: var(--body_txt_grey);}
body header .navbar-nav .nav-item .nav-link.active{color: var(--primary_color);}
body header.scrolled{background-color: var(--black_bg);}
.location_header header{background-color: var(--black_bg);}
.location_header header .navbar-nav .nav-item .nav-link{color: var(--body_txt_grey);}

/* Clubs: enkel bij het hoveren oplichten, niet standaard. */
.loc_box_overlay{background: transparent;opacity: 0;}
.loc_box:hover .loc_box_overlay_hover{background: rgba(255,255,255,0.4);}
.loc_box_overlay_hover{background: transparent;}
/* De naam van de club stond in het donkergrijs op de foto en was onleesbaar. */
.loc_box h4{color: var(--white_color);text-shadow: 0 2px 12px rgba(0,0,0,0.45);}
.loc_box:hover h4{color: var(--primary_color);}

/* Keuzevakken van het lessenrooster en de trainers in de donkerdere
   schakering in plaats van wit. */
.calender_top .form-select,
.team_head .calender_top .form-select{background-color: var(--dark_bg2);border-color: var(--dark_bg2);}

/* Boxen van de groepslessen, de faciliteiten, de trainers en de acties in
   de schakeringen in plaats van wit (voorbeeld van de klant). */
.gl_box, .fac_box{background: var(--dark_bg2);}
.gl_box:hover, .fac_box:hover{background: var(--white_color);}

/* Lessenrooster: de boekingswidget van Club Planner. */
.lessons_iframe_wrapper{padding: 0;overflow: hidden;}
.lessons_iframe_wrapper iframe{width: 100%;height: 750px;border: 0;display: block;border-radius: 0.5rem;}
@media screen and (max-width: 991px) {
    .lessons_iframe_wrapper iframe{height: 900px;}
}
@media screen and (max-width: 767px) {
    .lessons_iframe_wrapper iframe{height: 1000px;}
}
@media screen and (max-width: 575px) {
    .lessons_iframe_wrapper iframe{height: 1100px;}
}

/* "de achtergrondkleur is hier de foute schakering" (clubpagina's, trainers,
   acties, actiepagina): die secties stonden in de donkere schakering, net als
   de kaarten erin. Zoals in het voorbeeld van de klant: sectie crème, kaarten
   donkerder. */
.facility_section{background-color: var(--black_bg);}
.prect_section{background-color: var(--black_bg);}

/* Contactformulier: het kader rond het formulier stond in het wit. Nu in de
   donkerdere schakering, met de velden in de gewone kleur. */
.contact_right{background: var(--dark_bg2);}
.contact_box_screen .contact_right{background: var(--dark_bg2);}
