@charset "utf-8";
/*..............embedded fonts..............*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*..............embedded fonts..............*/

/*font-family: "Poppins", sans-serif;*/


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease-in-out 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #F6F1E7;
    --clr-secondary: #C9A961;
    --clr-black: #000;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --border-radius: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Poppins", sans-serif;;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-sami-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 88px;
    --f-size-XXL: 32px;
    --f-size-XL: 30px;
    --f-size-L: 28px;
    --f-size-M: 24px;
    /*--f-size-S: 18px;
    --f-size-Body: 18px;
    --f-size-Body-sm: 16px;*/
    --f-size-S: 16px;
    --f-size-Body: 16px;
    --f-size-Body-sm: 15px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-base); color: var(--clr-primary); margin: var(--margin-title); font-weight: var(--fw-regular);}
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL);}
h4,.h4{ font-size: var(--f-size-L);}
h5,.h5{ font-size: var(--f-size-M);}
h6,.h6{ font-size: var(--f-size-S);}
p{ margin-bottom: 20px;}

/*.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}*/

/*..............common styles..............*/
body { margin: 0; padding: 0; background-color: var(--clr-black);}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}


/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--clr-secondary); color: var(--clr-black); 
    padding: 15px 32px; font-family: var(--ff-base); font-size: var(--f-size-Body-sm); font-weight: var(--fw-medium); text-transform: uppercase; border-radius: 0px; transition: var(--transition-common);}
.btn-primary { background: var(--clr-primary);}
.btn.border { background: transparent; color: var(--clr-black); border: 1px solid var(--clr-secondary) !important; }
.btn:hover{background: var(--clr-primary); color: var(--clr-black);}
.btn-primary:hover{background: var(--clr-secondary);}
.btn.border:hover{background: var(--clr-secondary); color: var(--clr-primary);}

.btn:focus, button:focus{outline: none; box-shadow: none;}

input[type="submit"], input[type="submit"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: none;}

/* --- Button Styles --- */

/*-- no-content-page-height-fixing(Start) --*/

body.error404, body.search.search-no-results{min-height: 100vh; display: flex; flex-direction: column;}
body.error404 footer, body.search.search-no-results footer { margin-top: auto;}

/*-- no-content-page-height-fixing(End) --*/


/*..............common styles..............*/

.click { display:none; position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;}
.main_menu a.closebtn{
    display: none;
    }
.common-padding{padding-top: 100px; padding-bottom: 100px;}
.golden-bg {background-color: var(--clr-secondary)}


/*for header css*/
.main-header { padding: 23px 0; background-color: rgba(0, 0, 0, 0.98); /*position: fixed;*/ position: sticky; top: 0; left: 0; width: 100%; z-index: 6;}
.headerRow{display: flex; justify-content: space-between; align-items: center;}

.logo { width: 348px;}


.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 20px; text-transform: capitalize; font-weight: var(--fw-regular); font-size: var(--f-size-Body-sm); position: relative;}
.main_menu ul li:last-child{margin-right: 0;}
.main_menu ul li a { display: block; padding: 15px 0; color: var(--clr-primary); position: relative;}
.main_menu ul li:hover>a, .main_menu ul li.current-menu-item>a, .main_menu ul li.current-menu-parent>a { color: var(--clr-secondary);}
.main_menu ul li a:after{width: 0; height: 1px; background-color: var(--clr-secondary); position: absolute; left: 0; right: 0; margin: 0 auto; content: ""; bottom: 0; transition: var(--transition-common);}
.main_menu>ul>li:hover>a:after, .main_menu>ul>li>ul.sub-menu>li:hover>a:after{width: 100%;}
.main_menu ul li.current-menu-item>a:after, .main_menu ul li.current-menu-parent>a:after{width: 100%;}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 15px; right: -15px; width: 10px; }

/*sub-menu-css(Start)*/
.main_menu ul li ul.sub-menu{position: absolute; width: 200px; left: 0; background: #151515; overflow: hidden; top: 100%; z-index: 2; /*display: none;*/ transform: translateY(50%); visibility: hidden; transition: var(--transition-common); opacity: 0;}
.main_menu ul li:hover ul.sub-menu{ transform: translateY(0%); visibility: visible; opacity: 1;}
.main_menu ul li ul.sub-menu li{ margin: 0 0; width: 100%;}
.main_menu ul li ul.sub-menu li a{padding: 8px 8px;}

/*sub-menu-css(End)*/

/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; content: ""; background: linear-gradient(to top,  rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));}
.bann-height{ height: calc(100vh - 100px); overflow: hidden;}
.bann-height>img{height: 100%; width: 100%; object-fit: cover;}

.bann-height.homeBanner .splide__slide>img, .bann-height.homeBanner video{height: 100%; width: 100%; object-fit: cover;}
.homeBanner .splide-banner ul.splide__list li.splide__slide { background: #000;}

.bann-content{position: absolute; width: 100%; /*bottom: 160px;*/ bottom: 220px;}
.bann-content-wrapper{display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: center; text-align: center;}
.bann-content-left{ width: 59%; width: 100%}
.bann-content-right{width: 41%; display: flex; flex-flow: row wrap; justify-content: flex-end; gap: 10px;}
.bann-content-wrapper h1{text-transform: uppercase; line-height: 1; margin-bottom: 0;}
.bann-content-wrapper h1 b{font-weight: var(--fw-regular); color: var(--clr-secondary);}
.bann-logo{ max-width: 600px; margin: 0 auto;}

/* Real First Slide + Any Cloned First Slide */
.homeBanner .splide-banner .splide__slide#splide01-slide01 .bann-cross-image,
.homeBanner .splide-banner .splide__slide[id*="splide01-clone01"] .bann-cross-image { display: none !important;}

.banner-arrow-bottom{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--clr-primary); box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.15); border-radius: 100px;
    animation: moveUpDown 1.8s ease-in-out infinite;}

@keyframes moveUpDown {
    0% {
        transform: translateY(5);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0);
    }
}
.banner-arrow-bottom:hover{background-color: rgba(3, 3, 3, 0.5);}
/*for main sections css*/


.section-height{height: 100vh;}
.section-height .container, .section-height .container .row{height: 100%;}

.section-min-height{min-height: 100vh;}
.section-min-height .container, .section-min-height .container .row{height: 100%;}

.common-bg{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.common-overlay{position: relative;}
.common-overlay:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.4);}

/*-- build-hom-sec(Start) --*/
.build-hom-box{background: rgba(0, 0, 0, 0.8); padding: 60px; backdrop-filter: blur(52px);}


/*-- training-hom-sec(Start) --*/
.training-hom-sec, .statesman-hom-sec{position: relative;}
.training-hom-sec .thumbnail-slider.splide--nav {position: absolute; bottom: 80px; width: 100%; max-width: 1630px; margin: 0 auto; left: 0; right: 0;}
.statesman-hom-sec .thumbnail-slider-statesman{position: absolute; bottom: 100px; width: 100%; max-width: 1630px; margin: 0 auto; left: 0; right: 0; z-index: 1;}

.statesman-hom-sec .thumbnail-slider-statesman ul{max-width: 670px;}
.thumbnail-nav-box, .thumbnail-nav-box-statesman{background-color: rgba(11, 11, 11, 0.3); padding: 20px; backdrop-filter: blur(50px); border: none !important; position: relative;}
.thumbnail-nav-box:before, .thumbnail-nav-box-statesman:before{height: 3px; width: 0; transition: var(--transition-common); position: absolute; left: 0; bottom: 0; content: ""; background-color: var(--clr-secondary);}
.thumbnail-nav-box.is-active:before, .thumbnail-nav-box-statesman.is-active::before{width: 100%;}
.thumbnail-nav-box.is-active, .thumbnail-nav-box-statesman.is-active{background-color: rgba(11, 11, 11, 1); }
.thumbnail-nav-box h5 {margin-bottom: 20px;}
.thumbnail-nav-box-statesman h5{margin-bottom: 0px; font-size: var(--f-size-S);}
.thumbnail-nav-box p {margin-bottom: 0px; font-size: var(--f-size-Body-sm);}
.thumbnail-nav-box.is-active h5, .thumbnail-nav-box-statesman.is-active h5{color: var(--clr-secondary);}

.statesman-hom-content-row{position: absolute; bottom: 100px; /*width: 100%; max-width: 1630px; margin: 0 auto; left: 0; right: 0;*/ max-width: 627px;     right: 130px;
    z-index: 1;}
.statesman-hom-content-inner{max-width: 645px; margin-left: auto;}

.main-slider ul li:before, .main-slider-statesman ul li:before, .main-standard-slider ul li:before, .main-coaches-slider ul li:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);}


/*-- Full-height-slider-css(Start) --*/

.statesman-hom-sec.section-height .main-slider-statesman, .statesman-hom-sec.section-height .main-slider-statesman .splide__track, .statesman-hom-sec.section-height .main-slider-statesman ul.splide__list, .statesman-hom-sec.section-height .main-slider-statesman ul.splide__list li.splide__slide,
.training-hom-sec.section-height .main-slider, .training-hom-sec.section-height .main-slider .splide__track, .training-hom-sec.section-height .main-slider ul.splide__list, .training-hom-sec.section-height .main-slider ul.splide__list li.splide__slide,
.coaches-sec.section-height .main-coaches-slider, .coaches-sec.section-height .main-coaches-slider .splide__track, .coaches-sec.section-height .main-coaches-slider ul.splide__list, .coaches-sec.section-height .main-coaches-slider ul.splide__list li.splide__slide{ height: 100% !important;}

/*-- Full-height-slider-css(End) --*/

/*-- infrastructure-hom-sec(Start) --*/
.infrastructure-hom-sec{position: relative;}
.infrastructur-logo{position: absolute; top: 220px; max-width: 1600px; left: 0; right: 0; margin: 0 auto; padding: 0 10px; z-index: -1;}

.infrastructure-hom-list ul{padding: 0; margin: 0; list-style: none; display: grid;
  grid-template-columns: auto auto;
  grid-column-start: auto; justify-content: space-between;}
.infrastructure-hom-list ul li{max-width: 380px; grid-column-start: 0; display: flex; flex-flow: row wrap; margin-bottom: 80px;}
.infrastructure-hom-icon{width: 40px;}
.infrastructure-hom-content{width: calc(100% - 40px); padding-left: 15px;}
.infrastructure-hom-content h6{color: var(--clr-secondary); font-weight: var(--fw-sami-bold); margin-bottom: 15px;}
.infrastructure-hom-content p{ margin-bottom: 10px; font-size: var(--f-size-Body-sm);}
.infrastructure-hom-middle-pic{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 1085px; text-align: center;}

/*-- membership-hom-sec(Start) --*/

.membership-hom-row{display: flex; flex-flow: row wrap;}
.membership-hom-left, .membership-hom-right{width: 50%;}
.membership-hom-pic img {width: 100%; height: 100%; object-fit: cover;}
.membership-hom-right { padding: 100px 50px;}
.membership-hom-form-inner {
    background-color: var(--clr-primary);
    margin: 0 auto;
    max-width: 790px;
    padding: 100px 80px; height: 100%;}
.membership-hom-right h2, .membership-hom-right p{color: var(--clr-black);}
.form-control, .form-select{
    height: 55px;
    border-radius: 0;
    border-color: #CCCCCC;
    background-color: var(--clr-primary);
}
.input-row{display: flex; flex-flow: row wrap; justify-content: space-between;}
.input-half{width: 48%;}

.membership-video{position: relative;}
.membership-video video{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0;}

/*-- membership-hom-sec(End) --*/

/*for main sections css(End)*/


/*for footer sections css*/

.ftr-top { padding: 100px 0 0px;}
.ftr-logo { max-width: 445px; margin: 0 auto;}
.ftr-menu{margin: 50px 0;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center;}
.ftr-menu ul li { text-transform:capitalize;}
.ftr-menu ul li:not(:last-child){margin-right: 55px;}
.ftr-menu ul li a { color: var(--clr-primary);}
.ftr-menu ul li a:hover, ul.copyrht-menu li a:hover, .ftr-con-info p a:hover{ color: var(--clr-secondary);}


.ftr-btm { padding: 55px 0; color: var(--clr-primary);}
.ftr-btm p { margin-bottom: 0px;}
ul.copyrht-menu { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end;}
ul.copyrht-menu li { list-style: none; padding: 0 10px; font-size: var(--f-size-Body-sm); position: relative;}
ul.copyrht-menu li:before{width: 5px; height: 5px; border-radius: 50px; overflow: hidden; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); content: ""; background-color: var(--clr-primary);}
ul.copyrht-menu li:first-child:before{display: none;}
ul.copyrht-menu li:first-child {padding-left: 0;}
ul.copyrht-menu li a { color: var(--clr-primary);}


ul.adrs { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center; gap: 45px;}
ul.adrs li { margin: 0 0 15px; display: flex; flex-flow: row wrap; justify-content: center;}
.ftr-con-icon { width: 60px; height: 60px; border-radius: 100px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--clr-secondary); color: var(--clr-secondary);}
.ftr-con-info{width: calc(100% - 60px); padding-left: 15px;}
.ftr-con-info h6{margin-bottom: 8px; color: #888; font-size: var(--f-size-Body-sm); letter-spacing: 2px; font-weight: var(--fw-medium); text-transform: uppercase;}
.ftr-con-info p a{color: var(--clr-primary)}
.ftr-con-info p, .ftr-hours p {margin-bottom: 0px; font-size: var(--f-size-Body-sm); font-weight: var(--fw-medium);}

.ftr-hours{padding: 30px 10px; border-top: 1px solid rgba(246, 241, 231, 0.2); border-bottom: 1px solid rgba(246, 241, 231, 0.2); margin-top: 60px;}
.ftr-hours p span{text-transform: uppercase; color: var(--clr-secondary); letter-spacing: 2px;}
.ftr-copyrht p{font-size: var(--f-size-Body-sm);}

/*for footer sections css*/

/*-- inner-pages-css(Start) --*/

/*-- the-standard-page-css(Start) --*/

.bann-content-left.bann-content-w-100{width: 100%;}
.opening-standard-pic{position: relative; padding-top: 95%; overflow: hidden; /*box-shadow: 0 5px 15px rgba(255,255,255,0.1); transition: var(--transition-common);*/ transition: var(--transition-common); box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.1)}
.opening-standard-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-common);}
.opening-standard-pic:hover img{transform: scale(1.1) rotate(4deg);}
.opening-standard-pic:hover { box-shadow: rgba(255, 255, 255, 0.15) 0px 15px 25px, rgba(255, 255, 255, 0.05) 0px 5px 10px}

.opening-standard-pic::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 2px solid var(--clr-secondary);
    border-bottom: 2px solid var(--clr-secondary);
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}
.opening-standard-pic:hover:after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}


.standard-name-sec{position: relative;}
.standard-name-sec .thumbnail-standard-slider {
    position: absolute;
    bottom: 80px;
    width: 100%;
    max-width: 1630px;
    margin: 0 auto;
    left: 0;
    right: 0;}
.standard-name-sec.section-height .main-standard-slider, 
.standard-name-sec.section-height .main-standard-slider .splide__track, 
.standard-name-sec.section-height .main-standard-slider ul.splide__list, 
.standard-name-sec.section-height .main-standard-slider ul.splide__list li.splide__slide { height: 100% !important;}


/*-- the-standard-page-css(End) --*/


/*-- the-arsenal-page-css(Start) --*/
.main-panatta-pic, .thumbnail-panatta-box{width: 80% !important; opacity: 0.5; transition: var(--transition-common);}
.main-panatta-pic.is-active.is-visible, .thumbnail-panatta-box.is-active.is-visible{ opacity: 1;}
.thumbnail-panatta-box{transform: scale(0.8);}
.thumbnail-panatta-box.is-active.is-visible{transform: scale(1);}


.thumbnail-panatta-slider { padding-left: 100px; width: 49vw; }


button.splide__arrow {
    border-radius: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    opacity: 1;
    transition: var(--transition-common);
    position: absolute;
}
button.splide__arrow:hover{background: var(--clr-secondary);}
button.splide__arrow img { transition: var(--transition-common); width: 17px;}
button.splide__arrow:hover img { filter: invert(1);}



.facilities-row{    
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
        column-gap: 50px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 145px 60px;
        position: relative;
        transition: var(--transition-common);}
    .facilities-row:hover{background: rgba(9,9,9,1);}
    .facilities-number { width: 120px;}
    .facilities-details { width: calc(100% - 1026px);}
    .facilities-title{width: 180px;}
    .facilities-number h2{margin-bottom: 0; font-size: var(--f-size-XXXL); color: rgba(246, 241, 231, 0.2); font-weight: var(--fw-regular);}
    .facilities-details p, .facilities-title h5{margin-bottom: 0; font-weight: var(--fw-regular);}
    .facilities-hover-pic{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; max-width: 540px; transform: translateX(-28%); opacity: 0; visibility: hidden; overflow: hidden; background: #f6f6;}
    .facilities-hover-pic img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
    .facilities-row:hover .facilities-hover-pic{ opacity: 1; visibility: visible;}

/*-- the-arsenal-page-css(End) --*/

/*-- the-disciplines-page-css(Start) --*/
.training-menu {
    max-width: 520px;
}
.training-item{
    cursor:pointer;
    padding:20px 0;
    border-bottom:1px solid #2f2f2f;
}

.training-item .training-item-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;
    opacity: 0;
    margin-top: 0;
    height: 0;
}

.training-item .training-item-content > * {
    overflow: hidden;
    opacity: 0;
    display: none;
}

.training-item.active .training-item-content {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 15px;
    height: auto;
}
.training-item.active .training-item-content > * {
    opacity: 1;
    display: block;
}

.training-item h2 {
    margin-bottom: 0;
    font-size: var(--f-size-M);
}
.training-item.active h2{
    color: var(--clr-secondary);   /* Active title color */
}
.training-menu {
    max-width: 520px;
}
.training-slider-pic-box{position: relative; padding-top: 130%; overflow: hidden;}
.training-slider-pic-box img{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/*-- the-disciplines-page-css(End) --*/

/*-- the-circle-page-css(Start) --*/

.nature-circle-sec{position: relative;}
.membership-circle-top-row { max-width: 450px; margin: 0 auto;}
.nature-circle-list-design { padding-bottom: 220px; padding-top: 0px;}
.nature-circle-list-design .infrastructure-hom-list ul li{padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 0;}
.nature-circle-list-design .infrastructure-hom-icon { width: 26px;}
.nature-circle-list-design .infrastructure-hom-content { width: calc(100% - 30px);}


/*-- the-circle-page-css(End) --*/

/*-- the-coaches-page-css(Start) --*/
.coaches-sec{position: relative;}

.coaches-sec .thumbnail-coaches-slider {
    position: absolute;
    bottom: 80px;
    width: 100%;
    max-width: 1630px;
    margin: 0 auto;
    left: 0;
    right: 0;}
.coaches-sec .thumbnail-coaches-slider .thumbnail-nav-box h5 { font-size: var(--f-size-XXL);}
.coaches-sec .thumbnail-coaches-slider .thumbnail-nav-box p { font-size: var(--f-size-Body);}

/*-- the-coaches-page-css(End) --*/

/*-- the-Method-page-css(Start) --*/



/*==============================
    STEP METHOD
===============================*/

.step-method-sec{
    position:relative;
    overflow:hidden;
}

.method-slider{
    position:absolute;
    inset:0;
    z-index:1;
}

.method-slider img{
    width:100%;
}

.method-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:2;
}

.step-method-sec .container{
    position:relative;
    z-index:5;
    padding: 100px 15px;
}

/*==============================
Method-Heading
===============================*/

.method-title{
    margin-bottom:30px;
}

.method-title span{
    font-weight:300;
}

/*==============================
Method-Menu
===============================*/

.method-menu{
    margin-top:70px;
}

.method-item{
    display:flex;
    align-items:center;
    gap: 15px;
    padding: 15px 20px;
    cursor:pointer;
    transition:.35s;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    margin-bottom: 10px;
    position: relative;
}

.method-item:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0; height: 2px; background-color: var(--clr-secondary); content: ""; transition: var(--transition-common);
}
.method-item:hover:before, .method-item.active:before{width: 100%;}
.method-item .number{
    width:35px;
    font-size: var(--f-size-Body);
}

.method-item .text{
    flex:1;
    font-size: 18px;
    font-weight: var(--fw-regular);
}

/*==============================
Method-Active
===============================*/


.method-item.active .text{
    color: var(--clr-secondary);
}

.method-item.active .number{
    color: var(--clr-secondary);
}

/*==============================
Method-Transition
===============================*/

.step-no,
.step-content{
    transition:.35s;
}
.step-no { font-weight: var(--fw-sami-bold); color: var(--clr-secondary);}

/*-- the-method-page-css(End) --*/


/*-- the-address-page-css(Start) --*/

.find-member-box {
    padding-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 50px;
}
.membership-hom-form-inner .wpcf7-spinner { display: block; margin: 5px auto;}

/*-- the-address-page-css(End) --*/

/*-- New-css(Start) --*/

.wpcf7-response-output {text-align: center;}
form.sent .wpcf7-response-output { color:#35a13e}
form.invalid .wpcf7-response-output { color: #dc3232;}

.wpcf7-not-valid{border-color:#dc3232 !important;}
.wpcf7-not-valid-tip{display: none;}
.membership-hom-form-inner .input-row p{margin-bottom: 0;}
.infrastructure-hom-wrapper { padding-bottom: 200px; padding-top: 70px;}

/*-- New-css(End) --*/



    /*-- New-design(Start)(23-07-2026) --*/

    .homeBanner button.splide__arrow{bottom: inherit; top: 50%; transform: translateY(-50%); width: 35px; height: 40px;}
    .homeBanner button.splide__arrow img{ width: 15px;}
    .homeBanner button.splide__arrow.splide__arrow--prev { left: 0em; right: inherit;}
    .homeBanner button.splide__arrow.splide__arrow--next { right: 0em;}
    .homeBanner .splide, .homeBanner .splide__track { height: 100%;}
    .homeBanner li.splide__slide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5);}
    .bann-cross-image { width: 50px; margin: 30px auto;}
    .bann-content-left h1{margin-top: 30px; font-size: var(--f-size-XXL);}
    .bann-logo-wrap{margin-bottom: 20px;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-cross-image { display: none;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 1000px;}



/*.homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child{
     opacity: 0;
    transform: translateY(80px) scale(0.7);
    animation: logoReveal 15s ease-out forwards;
    will-change: transform, opacity;
}

@keyframes logoReveal{
    0%{
        opacity:0;
        transform:translateY(100px) scale(.7);
    }

    70%{
        opacity:0.5;
        transform:translateY(-8px) scale(1.03);
    }

    85%{
        opacity:0.8;
        transform:translateY(4px) scale(.99);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}*/


    /*-- New-design(End)(23-07-2026) --*/

    .error-box{background: rgba(255, 255, 255, .05); padding: 50px 20px;}
    .bg-size-contain{background-size: contain;}

    /*-- New-design(End)(24-08-2026)(Start) --*/

            /*.main-panatta-slider-right button.splide__arrow.splide__arrow--next, .main-panatta-slider-left button.splide__arrow.splide__arrow--next {
                right: 0;
            }
            .main-panatta-slider-right button.splide__arrow.splide__arrow--prev, .main-panatta-slider-left button.splide__arrow.splide__arrow--prev {
                right: 5.8em;
            }*/
           
            .thumbnail-content-box-width{ /*max-width: 515px;*/ margin: 0 auto;}
            .equipment-ban-content h1{font-size: var(--f-size-XXL); text-transform: uppercase;}
            .equipment-ban-content h1 b{font-weight: var(--fw-regular); color: var(--clr-secondary);}


            .energy-list ul{padding-left: 0; margin: 0;}
            .energy-list ul li{list-style: none; margin-bottom: 30px; display: flex; flex-flow: row wrap; align-items: flex-start; list-style: none;}
            .energy-list-icon{width: 60px; background: var(--clr-secondary); padding: 5px; height: auto;}
            .energy-list-right { width: calc(100% - 60px); padding-left: 20px;}
            .energy-list-right h6 { color: var(--clr-secondary); font-weight: var(--fw-bold); margin-bottom: 8px;}
            .energy-list-right p { margin-bottom: 10px; font-size: var(--f-size-Body-sm);}

            .temperature-list ul{padding-left: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; gap: 7px;}
            .temperature-list ul li{ background: rgba(255,255,255,0.11); padding: 30px 10px; width: 18.8%; text-align: center;}
            .temperature-list ul li p{margin-bottom: 10px; font-size: var(--f-size-Body-sm);}
            .temperature-list ul li h6{margin-bottom: 0px; font-weight: var(--fw-bold); color: var(--clr-secondary);}

            .training-list ul { padding: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; gap: 15px; }
            .training-list ul li { width: 100%;}
            .training-list ul li h6 { margin-bottom: 12px; color: var(--clr-secondary); font-weight: var(--fw-medium); position: relative; padding-left: 38px;}
            .training-list ul li h6 span{ width: 28px; height: 28px; border-radius: 50px; display: flex; justify-content: center; align-items: center; background-color: var(--clr-secondary); color: var(--clr-black); position: absolute; left: 0; top: 0; font-size: 16px;}

            

    /*-- New-design(End)(24-08-2026)(End) --*/

    /*-- alternate-standard(Start) --*/
        .alternate-standard-row { padding-bottom: 100px;}
        .alternate-standard-row:nth-child(even) .row{flex-direction: row-reverse;}
    /*-- alternate-standard(End) --*/

    /*-- inner-pages-css(End) --*/


.full-content-wrap img {
    width: 100%;
    height: auto;
}
/*-- New-css(14-09-2026)(Start) --*/

.thumbnail-panatta-box-left  .thumbnail-content-box-width{padding-left: 50px;}
.thumbnail-panatta-box-right  .thumbnail-content-box-width{padding-right: 50px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+2) .opening-standard-content, 
.philosophy-standard-sec .opening-standard-content{
    padding-right: 50px;
}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+1) .opening-standard-content, 
.opening-standard-sec.air-inside-sec .opening-standard-content, .opening-standard-content-left-gap .opening-standard-content{
    padding-left: 50px;
}
.opening-standard-content>ul, .thumbnail-content-box-width>ul {
    padding-left: 0;
    list-style: none;
}

.opening-standard-content>ul>li, .thumbnail-content-box-width>ul>li {
    margin-bottom: 11px;
    position: relative;
    padding-left: 30px;
}
.opening-standard-content>ul>li:before, .thumbnail-content-box-width>ul>li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    background: url(../images/barbell-icon.svg) no-repeat center center var(--clr-secondary);
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background-size: 14px;
    transition: var(--transition-common);
    box-shadow: 0px 0px 0px -1px #f4dda8;
}
.opening-standard-content>ul>li:hover:before, .thumbnail-content-box-width>ul>li:hover:before { background-color: #fff; box-shadow: 0px 3px 5px -1px #f4dda8;}
.opening-standard-content>ul>li>strong, .opening-standard-content>ul>li>b, .thumbnail-content-box-width>ul>li>strong, .thumbnail-content-box-width>ul>li>b {color: var(--clr-secondary);}
.opening-standard-content h2 b, .opening-standard-content h2 strong { color: var(--clr-secondary);}
.opening-standard-sec .thumbnail-panatta-slider-right p strong, .opening-standard-sec .thumbnail-panatta-slider-left p strong, .panata-title-row h2 b, .address-box h5, h2 span, .ftr-menu ul li.current-menu-item a, .opening-standard-content h6, .opening-standard-content p strong { color: var(--clr-secondary);}
.slider-wrap.equipment-banner:before{display: none;}
.address-box h5 { margin-bottom: 10px;}
.address-box h5 span { width: 32px; height: 32px; background: #121212; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; color: var(--clr-secondary); box-shadow: -2px 1px 3px rgba(255, 255, 255, 0.9); margin-right: 5px;}
.homeBanner .bann-content-left h2 span.a_GcMg{color: var(--clr-primary);}

.main-panatta-pic-left, .thumbnail-panatta-box-left, .thumbnail-panatta-box-right, .main-panatta-pic-right { cursor: grab;}
.background-fixed{background-attachment: fixed;}
.main-panatta-slider-left .main-panatta-pic-left, .main-panatta-slider-right .main-panatta-pic-right{position: relative;}
.main-panatta-slider-left .main-panatta-pic-left:before, .main-panatta-slider-right .main-panatta-pic-right:before { background: linear-gradient(226deg, #1c1f23, #efefef, #cbcbcb); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1;}
.bann-height.inner-banner{height: 500px;}
.inner-banner .bann-content-left h1, .inner-banner .bann-content-left h1 b { font-weight: var(--fw-bold);}
.inner-banner .bann-content-left h1 {text-shadow: 1px 2px 4px rgba(0, 0, 0, 1);}

.thumbnail-slider .splide__arrow:disabled,
.thumbnail-slider .splide__arrow.is-disabled { opacity: 0; display: none !important;}

/* Safari / WebKit - AutoFill button hide-css */
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/* Credentials / Password autofill icon hide-css */
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.training-hom-sec .thumbnail-slider .splide__arrow--prev {
    left: -2em;
}
.training-hom-sec .thumbnail-slider .splide__arrow--next {
    right: -2em;
}
/*-- New-css(14-09-2026)(End) --*/

/*Media Query css*/

@media only screen and ( min-width: 1301px ) {
    .container { max-width: 1130px;}
    
    

}

@media only screen and ( min-width: 1501px ) {
    .container { max-width: 1330px;}

}

@media only screen and ( min-width: 1801px ) {
    .container { max-width: 1630px;}


}


@media only screen and ( max-width:1800px ) {
    :root{
        --f-size-XXXL: 75px;

    }
    .infrastructure-hom-middle-pic { max-width: 750px;}
    .infrastructure-hom-list ul li { max-width: 360px;  margin-bottom: 40px;}
    .infrastructure-hom-content h6 { margin-bottom: 10px;}
    .infrastructure-hom-content p { margin-bottom: 8px;}
    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, /*.statesman-hom-content-row,*/ .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 1310px; bottom: 50px;}
    .statesman-hom-content-inner { max-width: 590px;}
    .statesman-hom-sec .thumbnail-slider-statesman ul { max-width: 500px;}
    .thumbnail-nav-box, .thumbnail-nav-box-statesman { padding: 20px;}
    .build-hom-box { padding: 50px;}
    .logo { width: 280px;}
    .main_menu ul li {margin: 0 12px;}
    .banner-arrow-bottom { bottom: 15px; width: 50px; height: 50px;}
    .bann-content-right { gap: 7px;}
    .main-header { padding: 15px 0;}
    .membership-hom-form-inner { padding: 80px 60px;}
    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .membership-hom-right { padding: 80px 50px;}
    .ftr-top { padding: 80px 0 0px;}
    .ftr-btm { padding: 45px 0;}
    .alternate-standard-row { padding-bottom: 80px;}
    .thumbnail-panatta-slider { padding-left: 60px;}
    .facilities-details { width: calc(100% - 720px);}
    .facilities-hover-pic { transform: translateX(-46%);}
    .facilities-row { column-gap: 30px; padding: 115px 30px;}
    .nature-circle-list-design .infrastructure-hom-middle-pic { max-width: 460px;}
    .nature-circle-list-design { padding-bottom: 160px;}
    .infrastructure-hom-wrapper { padding-bottom: 140px;}

    .method-item { gap: 10px; padding: 8px 15px; margin-bottom: 8px;}
    .step-method-sec .container { padding: 80px 15px;}
    
    .find-member-box { padding-top: 40px; margin-top: 40px;}
    .infrastructur-logo { max-width: 1330px; top: 180px;}

    .bann-height { height: calc(100vh - 84px);}
    .temperature-list ul li { padding: 20px 3px;}
   
    .main_menu ul li.menu-item-has-children span { right: -11px; width: 9px;}
    .ftr-menu ul li:not(:last-child) { margin-right: 30px;}
    .bann-height.inner-banner{height: 450px;}


}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 65px;

        --f-size-XXL: 30px;
        --f-size-XL: 28px;
        --f-size-L: 26px;
        --f-size-M: 22px;
        --f-size-S: 15px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 14px;

    }
    .thumbnail-nav-box h5 { margin-bottom: 15px;}
    .btn { padding: 12px 25px;}
    .logo { width: 250px;}
    .bann-logo { margin-bottom: 15px; max-width: 450px;}
    .bann-content { bottom: 140px;}
    .main-header { padding: 10px 0;}
    .membership-hom-form-inner { padding: 60px 50px;}
    .form-control, .form-select { height: 45px;}
    .ftr-con-icon { width: 50px; height: 50px; border-width: 1px;}
    .ftr-con-icon img { width: 20px;}
    .ftr-con-info { width: calc(100% - 50px); padding-left: 10px;}
    .ftr-logo { max-width: 345px;}
    .infrastructur-logo { top: 200px; max-width: 1300px;}
    .thumbnail-panatta-slider { padding-left: 30px;}
    .method-item { gap: 5px; padding: 6px 12px; margin-bottom: 4px;}
    .method-item:before {height: 1px;}
    .training-item { padding: 15px 0;}
    .bann-height { height: calc(100vh - 73px);}

    .training-list ul li h6 span { width: 22px; height: 22px; font-size: 13px;}
    .training-list ul li h6 { padding-left: 30px; margin-bottom: 10px;}

    .method-item .text { font-size: 17px;}
    .bann-height.inner-banner{height: 400px;}

    .thumbnail-panatta-box-left  .thumbnail-content-box-width{padding-left: 30px;}
    .thumbnail-panatta-box-right  .thumbnail-content-box-width{padding-right: 30px;}
    .alternate-standard-sec .alternate-standard-row:nth-child(2n+2) .opening-standard-content, 
    .philosophy-standard-sec .opening-standard-content{ padding-right: 30px;}
    .alternate-standard-sec .alternate-standard-row:nth-child(2n+1) .opening-standard-content, 
    .opening-standard-sec.air-inside-sec .opening-standard-content, .opening-standard-content-left-gap .opening-standard-content{ padding-left: 30px;}
    

    

}
@media only screen and ( max-width: 1500px ) {
    :root{
        --f-size-XXXL: 55px;
        --f-size-XXL: 28px;
        --f-size-XL: 27px;
        --f-size-L: 25px;
        --f-size-M: 21px;

        --f-size-S: 14px;
        --f-size-Body: 14px;
        --f-size-Body-sm: 13px;
        
        }
        .build-hom-box { padding: 30px;}
        .main_menu ul li { margin: 0 11px;}
        .logo { width: 210px;}

        
        
    .infrastructure-hom-middle-pic { max-width: 600px;}
    .infrastructure-hom-list ul li { max-width: 330px; margin-bottom: 20px;}
    .infrastructure-hom-icon {width: 33px;}
    .infrastructure-hom-content { width: calc(100% - 33px); padding-left: 10px;}
    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 1130px; bottom: 20px;}
    .statesman-hom-content-row {bottom: 30px;}
    .statesman-hom-content-inner { max-width: 520px;}
    .statesman-hom-sec .thumbnail-slider-statesman ul { max-width: 450px;}
    .thumbnail-nav-box, .thumbnail-nav-box-statesman { padding: 15px;}
    
    .bann-logo { margin-bottom: 10px;}
    .bann-content { bottom: 110px;}
    .membership-hom-form-inner { padding: 40px 30px;}

    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .membership-hom-right { padding: 60px 40px;}
    .form-control, .form-select { height: 40px;}
    .ftr-top { padding: 60px 0 0px;}
    .alternate-standard-row { padding-bottom: 60px;}
    .ftr-menu ul li:not(:last-child) { margin-right: 22px;}
    .ftr-hours { padding: 20px 10px; margin-top: 40px;}
    .ftr-con-icon { width: 40px; height: 40px;}
    .ftr-con-info { width: calc(100% - 40px);}
    .ftr-menu { margin: 40px 0;}
    .ftr-btm { padding: 35px 0;}
    .infrastructur-logo { top: 160px; max-width: 1100px;}
    .thumbnail-panatta-slider { padding-left: 0px;}
    .facilities-row { column-gap: 20px; padding: 80px 15px;}
    .facilities-hover-pic { transform: translateX(-44%); max-width: 450px;}
    .facilities-details { width: calc(100% - 600px);}
    .nature-circle-list-design .infrastructure-hom-middle-pic { max-width: 360px;}
    .nature-circle-list-design .infrastructure-hom-list ul li { padding: 20px 0;}
    .nature-circle-list-design { padding-bottom: 120px;}
    .infrastructure-hom-wrapper { padding-bottom: 80px;}
    .step-method-sec .container { padding: 60px 15px;}
   

    .main-panatta-slider-left button.splide__arrow, .main-panatta-slider-right button.splide__arrow { width: 30px; height: 30px;}
    .main-panatta-slider-left button.splide__arrow img, .main-panatta-slider-right button.splide__arrow img {  width: 12px;}

    .find-member-box { padding-top: 30px; margin-top: 30px;}
    .bann-height { height: calc(100vh - 70px);}
    .temperature-list ul{gap: 5px;}
    .temperature-list ul li p { font-size: 12px;}
    .method-title { margin: var(--margin-title);}
    .main_menu ul li ul.sub-menu { width: 160px;}
    .method-item .text { font-size: 16px;}
    .thumbnail-panatta-box-left  .thumbnail-content-box-width{padding-left: 20px;}
.thumbnail-panatta-box-right  .thumbnail-content-box-width{padding-right: 20px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+2) .opening-standard-content, 
.philosophy-standard-sec .opening-standard-content{ padding-right: 20px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+1) .opening-standard-content, 
.opening-standard-sec.air-inside-sec .opening-standard-content, .opening-standard-content-left-gap .opening-standard-content{ padding-left: 20px;}
.training-hom-sec .thumbnail-slider .splide__arrow--prev { left: -2.3em;}
.training-hom-sec .thumbnail-slider .splide__arrow--next { right: -2.3em;}
    


}

@media only screen and ( max-width: 1400px ) {
    .opening-standard-content, .thumbnail-content-box-width{  max-width: inherit;}

    .thumbnail-panatta-box-left  .thumbnail-content-box-width{padding-left: 10px;}
.thumbnail-panatta-box-right  .thumbnail-content-box-width{padding-right: 10px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+2) .opening-standard-content, 
.philosophy-standard-sec .opening-standard-content{ padding-right: 10px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+1) .opening-standard-content, 
.opening-standard-sec.air-inside-sec .opening-standard-content, .opening-standard-content-left-gap .opening-standard-content{ padding-left: 10px;}

}
@media only screen and ( max-width: 1300px ) {
    :root{
        --f-size-XXXL: 45px;
    }
    
    .btn { padding: 10px 20px;}
    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { bottom: 30px; max-width: 1130px;}
    .statesman-hom-content-row{ bottom: 30px;}
    .membership-hom-form-inner { padding: 30px 20px;}

    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .membership-hom-right { padding: 50px 30px;}
    .ftr-top { padding: 50px 0 0px;}
    .alternate-standard-row { padding-bottom: 50px;}
    .ftr-hours { padding: 15px 10px; margin-top: 40px;}
    .ftr-btm { padding: 25px 0;}
    .facilities-row {  column-gap: 15px; padding: 50px 10px;}
    .facilities-hover-pic { transform: translateX(-37%); max-width: 350px;}
    .step-method-sec .container { padding: 50px 15px;}
    .infrastructur-logo { max-width: 1130px;}
    .thumbnail-panatta-box-left  .thumbnail-content-box-width{padding-left: 0px;}
.thumbnail-panatta-box-right  .thumbnail-content-box-width{padding-right: 0px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+2) .opening-standard-content, 
.philosophy-standard-sec .opening-standard-content{ padding-right: 0px;}
.alternate-standard-sec .alternate-standard-row:nth-child(2n+1) .opening-standard-content, 
.opening-standard-sec.air-inside-sec .opening-standard-content, .opening-standard-content-left-gap .opening-standard-content{ padding-left: 0px;}

  button.splide__arrow { width: 26px;} 
  .training-hom-sec .thumbnail-slider .splide__arrow--prev {left: -1em;}
  .training-hom-sec .thumbnail-slider .splide__arrow--next { right: -1em;}


}

@media only screen and ( min-width: 1200px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}

@media only screen and ( max-width: 1199px ) {

     /*-- toggle-new-menu-icon to cross-icon(Start) --*/
    .menu-toggle { position: relative; right: 0; top: 0;}
.menu-toggle, .menu-toggle:hover { color: #000;}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--clr-primary);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    min-height: calc(100vh - 60px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 60px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.98);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    right: -100%;
    }
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    body.scrollOff header.main-header { background-color: rgba(0, 0, 0, 0.98);}

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block; width: 100%; font-size: 14px;}
    .main_menu ul li ul.sub-menu{position: relative; width: 100%; top: 0px; transform: translateY(0%); opacity: 1; visibility: visible; display: none; margin: 0 0; max-width: 100%;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    .main_menu ul li.menu-item-has-children ul.sub-menu li{margin: 0;}
    .main_menu ul li.menu-item-has-children ul.sub-menu li a{padding: 8px 5px;}
    .main_menu ul { margin: 0 auto; max-width: 950px;}
    .main_menu ul li a { padding: 12px 0;}
    .main_menu ul li.menu-item-has-children>a { width: calc(100% - 25px);}
    .main_menu ul li a:after{margin: 0 0;}
    

    /*-- For_mob_menu(End) --*/

    :root{
        --f-size-XXXL: 40px;
        --f-size-XXL: 27px;
        --f-size-XL: 26px;
        --f-size-L: 24px;
        --f-size-M: 20px;

        --margin-title: 0 0 20px 0;
    }

    .thumbnail-nav-box:before, .thumbnail-nav-box-statesman:before { height: 2px;}
    .logo { width: 200px;}
    .bann-logo { max-width: 400px;}
    .bann-cross-image { width: 35px; margin: 20px auto;}
    .infrastructure-hom-list ul li { max-width: inherit; margin-bottom: 20px; width: 95%;}
    .infrastructure-hom-middle-pic { position: relative; max-width: 600px;}
    .infrastructure-hom-sec { padding-bottom: 0;}
    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 960px;}
    .statesman-hom-content-row{ max-width: 945px; bottom: 90px; margin: 0 auto; right: 0; left: 0;}
    .statesman-hom-sec .thumbnail-slider-statesman ul { max-width: inherit;}
    .statesman-hom-content-inner { max-width: inherit; padding: 20px 0px 20px; margin-left: 0;}

    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .membership-hom-right { padding: 40px 20px;}
    .ftr-top { padding: 40px 0 0px;}
    .alternate-standard-row { padding-bottom: 40px;}
    .ftr-menu ul li { margin-bottom: 10px;}
    .ftr-logo { max-width: 300px;}
    .infrastructur-logo { top: 100px; max-width: 900px;}
    .nature-circle-list-design .infrastructure-hom-middle-pic { margin-top: 30px;}
    .nature-circle-list-design { padding-bottom: 0px;}
    .infrastructure-hom-wrapper { padding-bottom: 0px; padding-top: 30px;}
    .nature-circle-list-design .infrastructure-hom-list ul li { padding: 15px 0;}
    .step-method-sec .container { padding: 40px 15px;}

    .infrastructur-logo { max-width: 960px;}
    .facilities-number h2 { color: rgba(246, 241, 231, 1);}
    .bann-content-left h1 { margin-top: 20px;}
    .homeBanner button.splide__arrow { width: 30px; height: 40px;}
    .homeBanner button.splide__arrow img { width: 12px;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 800px;}
    .bann-height { height: calc(100vh - 59px);}
    .training-list ul li h6 span { width: 19px; height: 19px; font-size: 11px;}
    .training-list ul li h6 { padding-left: 25px; margin-bottom: 7px;}

    .homeBanner ul.splide__list li.splide__slide:first-child .bann-content { bottom: 43%;}
    .bann-content { bottom: 140px;}
    .background-fixed { background-attachment: inherit;}
    .homeBanner.bann-height { height: calc(80vh - 59px);}
   

}

@media only screen and ( max-width:1024px ) {

}

@media only screen and ( max-width: 991px ) {
    :root{
        --f-size-XXXL: 35px;
        --f-size-XXL: 25px;
        --f-size-XL: 21px;
        --f-size-L: 22px;
        --f-size-M: 18px;

    }
    .slider-wrap:before {height: 60%;}
    .bann-content { bottom: 100px;}
    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 700px;}
    .statesman-hom-content-row{max-width: 700px;}
    .main_menu ul { max-width: 700px;}
    .bann-content-left { width: 100%; text-align: center; margin-bottom: 30px;}
    .bann-content-right { width: 100%; justify-content: center;}
    .bann-logo { max-width: 350px; margin: 0 auto 10px;}
    .bann-cross-image { width: 30px; margin: 15px auto;}
    .membership-hom-left, .membership-hom-right { width: 100%;}
    .ftr-menu ul li{margin-bottom: 20px;}
    ul.adrs { gap: 20px;}
    .ftr-copyrht {text-align: center; margin-bottom: 20px;}
    ul.copyrht-menu{justify-content: center;}
    .ftr-menu { margin: 30px 0;}
    .ftr-hours { padding: 10px 5px; margin-top: 30px;}
    .infrastructur-logo { max-width: 700px;}

    .thumbnail-panatta-slider { width: auto; padding: 20px; }
    .thumbnail-panatta-box { width: 100% !important; transform: scale(1); opacity: 1;}

    .facilities-number, .facilities-details, .facilities-title{width: 100%; text-align: center;}
    .facilities-hover-pic { position: relative; padding-top: 50%; margin: 20px auto; max-width: inherit; width: 100%; transform: inherit; opacity: 1; visibility: visible; overflow: visible; background: #f6f6;}
    .facilities-details{margin-bottom: 20px;}
    .facilities-row:hover .facilities-number h2{color: rgba(246, 241, 231, 1);}
    .facilities-row { column-gap: 0px; padding: 30px 10px;}
    .opening-standard-content, .thumbnail-content-box-width { max-width: inherit; margin: 30px auto 0;}
    .training-menu { max-width: inherit; width: 100%; margin-bottom: 30px;}
    .infrastructur-logo { max-width: 700px;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 700px;}
    .temperature-list ul { gap: 9px;}
    .temperature-list ul li p{font-size: var(--f-size-Body-sm);}
    .equipment-ban-content { padding-top: 30px;}

/*==============================
    Method-Tablet(Start)
===============================*/


.step-method-sec{
    min-height:auto;
}

.step-method-sec .container{
    padding:70px 15px;
}

.method-menu{
    margin-top:0px;
}

.method-item{
    padding: 6px 10px;
    margin-bottom: 2px;
}

.method-slider{
    min-height: 100vh;

}

.method-slider,
.method-slider .splide__track,
.method-slider .splide__list,
.method-slider .splide__slide{
    height:100%;
}

.method-slider img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*==============================
    Method-Tablet(End)
===============================*/




}


@media only screen and ( max-width: 767px ) {

    :root{
        --f-size-XXXL: 32px;
        --f-size-XXL: 24px;
        --f-size-XL: 20px;
        --f-size-L: 19px;
        --f-size-M: 17px;

        --margin-title: 0 0 15px 0;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 95%;
    }
    p { margin-bottom: 15px;}
    .thumbnail-nav-box:before, .thumbnail-nav-box-statesman:before { height: 1px;}
    .main_menu ul li a { padding: 10px 0;}
    .btn { padding: 8px 15px;}
    
    .infrastructure-hom-list ul {
    grid-template-columns: auto;}
    .infrastructure-hom-list ul li { width: 100%;}

    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 520px;}
    .statesman-hom-content-row{max-width: 520px;}
    .main_menu ul { max-width: 520px;}
    .banner-arrow-bottom { width: 40px; height: 40px;}
    .statesman-hom-content-row { bottom: 90px;}
    .ftr-hours p span {
    letter-spacing: 1px;
    width: 100%;
    display: block;
    margin-bottom: 10px;}
    .infrastructur-logo { max-width: 550px;}
    .nature-circle-list-design .infrastructure-hom-list ul li { padding: 10px 0;}
    .training-item { padding: 12px 0;}
    .infrastructur-logo { max-width: 520px; top: 80px;}
    .infrastructure-hom-wrapper { padding-top: 20px;}
    .bann-logo { max-width: 300px;}
    .bann-cross-image { width: 23px; margin: 10px auto;}
    .homeBanner button.splide__arrow img { width: 10px;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 500px;}
    .temperature-list ul {gap: 7px;}
    .bann-height.inner-banner{height: 300px;}


/*==============================
    Method-Mobile(Start)
===============================*/


.step-method-sec .container{
    padding:50px 15px;
}

.method-item{
    padding: 5px 10px;
    gap: 5px;
}

.method-item .number{
    width:28px;
    font-size:14px;
}

.method-item .text{
    font-size:15px;
}


/*==============================
    Method-Mobile(End)
===============================*/
    
    
    

}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 30px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;
        --f-size-L: 17px;
        --f-size-M: 16px;
    }

    .training-hom-sec .thumbnail-slider.splide--nav, .statesman-hom-sec .thumbnail-slider-statesman, .standard-name-sec .thumbnail-standard-slider, .coaches-sec .thumbnail-coaches-slider { max-width: 95%;}
    .statesman-hom-content-row{max-width: 95%;}
    .main_menu ul { max-width: 95%;}
    .bann-content-left { margin-bottom: 20px;}

    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .membership-hom-right { padding: 30px 15px;}
    .ftr-top { padding: 30px 0 0px;}
    .alternate-standard-row { padding-bottom: 30px;}



    .ftr-menu ul li { width: 50%; text-align: center; margin: 0 0 9px 0px;}
    .ftr-menu ul li:not(:last-child) { margin-right: 0px;}
    .facilities-row { padding: 20px 0px;}
    .nature-circle-list-design .infrastructure-hom-middle-pic { max-width: 300px;}
    .step-method-sec .container { padding: 30px 15px;}
    .infrastructur-logo { max-width: 95%;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 400px;}
    .temperature-list ul li { width: 18.7%;}
    .bann-height.inner-banner{height: 250px;}

    button.splide__arrow { width: 23px; height: 30px;} 
  .training-hom-sec .thumbnail-slider .splide__arrow--prev {left: -0.6em;}
  .training-hom-sec .thumbnail-slider .splide__arrow--next { right: -0.6em;}

      

    
    
}
@media only screen and ( max-width: 480px ) {

    :root{
        --f-size-XXXL: 25px;
        --f-size-XXL: 20px;
        --f-size-XL: 15px;
        --f-size-L: 16px;
        --f-size-M: 15px;

    }
    .infrastructure-hom-list ul li { margin-bottom: 15px;}
    .logo {width: 160px;}
    .build-hom-box { padding: 20px;}
    .input-half { width: 100%;}
    .membership-hom-form-inner { padding: 20px 15px;}
    ul.adrs li { margin: 0 0 10px; width: 100%; text-align: center;}
    .ftr-con-icon { width: 40px; height: 40px; margin: 0 auto 10px;}
    .ftr-con-icon img { width: 17px;}
    .ftr-con-info { width: 100%; padding-left: 0;}
    .find-member-box { padding-top: 20px; margin-top: 20px;}
    .main_menu ul li{margin: 0 20px;}
    .main_menu{padding-top: 30px;}
    .bann-logo { max-width: 250px;}
    .homeBanner button.splide__arrow { width: 23px; height: 30px;}
    .homeBanner button.splide__arrow img {width: 8px;}
    .homeBanner .splide ul.splide__list li.splide__slide:first-child .bann-logo-wrap .bann-logo:first-child { max-width: 350px;}
    .temperature-list ul{justify-content: center;}
    .temperature-list ul li {width: 31.9%;}
    .main-panatta-slider-left button.splide__arrow, .main-panatta-slider-right button.splide__arrow { width: 24px; height: 24px;}
    .bann-height.inner-banner { height: 200px;}
    .address-box h5 span { width: 24px; height: 24px; font-size: 12px; box-shadow: -1px 1px 2px rgba(255, 255, 255, 0.9); margin-right: 3px;}
    .address-box h5 { margin-bottom: 8px;}
    .ftr-menu ul li { width: 100%;}

    


}
@media only screen and ( max-width: 380px ) {
    :root{
        --f-size-XXXL: 22px;
    }
    .btn { padding: 6px 11px;}
    .build-hom-box { padding: 15px;}
    .logo { width: 140px;}
    .main-panatta-pic{width: 100% !important;}
    .nature-circle-list-design .infrastructure-hom-middle-pic { max-width: 250px;}
    .main-panatta-slider button.splide__arrow { width: 40px; height: 40px;}
    .main-panatta-slider button.splide__arrow.splide__arrow--next { right: 0px;}
    .main-panatta-slider button.splide__arrow.splide__arrow--prev { right: 50px;}
    .main-panatta-slider button.splide__arrow img { width: 14px;}
    button.splide__arrow { width: 40px; height: 40px;}
    button.splide__arrow img { width: 14px;}
    .main-panatta-slider-right button.splide__arrow.splide__arrow--prev, .main-panatta-slider-left button.splide__arrow.splide__arrow--prev {
        right: 3.2em;}
    .bann-logo { max-width: 200px;}
    .bann-cross-image { width: 18px;}
    .bann-content { bottom: 50px;}
    .temperature-list ul li { width: 48%;}
    
    .bann-height.inner-banner { height: 160px;}

}

/*Media Query css*/

/* =========== 13-07-2026  New slider client feedback============== */
.philosophy-standard-item .image-desc{ text-align: center;}
.philosophy-standard-item .image-desc h3{ color: var(--bs-white);}
.philosophy-standard-item .image{ position: relative; padding-bottom: 100%; margin-bottom: 25px;}
.philosophy-standard-item .image img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;} 
.philosophy-standard-slider button.splide__arrow.splide__arrow--prev{ top: 0; right: 105px; }

.philosophy-standard-slider button.splide__arrow.splide__arrow--next{ right: 0; top: 0;}

.philosophy-standard-slider button.splide__arrow{ background: var(--clr-secondary);}
.philosophy-standard-slider button.splide__arrow:hover{ background: #c9a961de;}

@media only screen and ( max-width: 1800px ) {

.philosophy-standard-slider button.splide__arrow {
    width: 70px;
    height: 70px;
}
.philosophy-standard-slider button.splide__arrow img {
    width: 22px;
}
.philosophy-standard-slider button.splide__arrow.splide__arrow--prev{  right: 85px; }



}

@media only screen and ( max-width: 1500px ) {
.philosophy-standard-slider button.splide__arrow {
    width: 60px;
    height: 60px;
}
.philosophy-standard-slider button.splide__arrow img {
    width: 20px;
}
.philosophy-standard-slider button.splide__arrow.splide__arrow--prev{  right: 75px; }


}

@media only screen and ( max-width: 1199px ) {
.philosophy-standard-slider button.splide__arrow {
    width: 50px;
    height: 50px;
}
.philosophy-standard-slider button.splide__arrow img {
    width: 17px;
}
.philosophy-standard-slider button.splide__arrow.splide__arrow--prev{  right: 60px; }
}