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

*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

:root{
    --fnt-inter: 'Inter', sans-serif;
    --fnt-mukta: 'Mukta', sans-serif;
    --fnt-nunito: 'Nunito', sans-serif;
    --torea-bay-blue-color: #2A317D;
    --oxford-blue-color: #263238;
    --white-smoke-color: #EFEFEF;
    --light-white-smoke-color: #e5e9e440;
    --white-color: #fff;
    --black-color: #000;
    --red-color: #D30000;
    --grey-color: #00000080;
    --light-grey-color: #00000033;
    --black-mild-color: #000000b3;
    --light-blue-color: #707cff;
    --orange-color: #F58220;
    --green-color: #6ED46C;
    --yellow-color: #FFA400;
    --black-70-color: #000000B2;
    --trans: all 300ms ease-in-out;
    --gray1: #F6F6F6;
    --dark-red: #9B1E1E;
    --black-50-color: rgba(0, 0, 0, 0.5);
}
body{
    font-family: var(--fnt-inter);
    font-size: 18px;
}
a{
    text-decoration: none; 
    color: unset;
}

/* ###### page navigation stylings ###### */
.page-wrapper .page-top-sc{
    min-height: 50px;
}
.page-wrapper .page-top-sc-item .item-ico img{
    width: 21px;
}
.page-wrapper .page-top-sc-item:nth-child(2) .item-ico img{
    width: 18px;
}
.page-wrapper .page-top-sc-item:nth-child(3) .item-ico img{
    width: 16px;
}
.page-top-item-btn-group button:first-child.btn-white{
    background-color: #fff;
    min-width: 166px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: var(--torea-bay-blue-color);
    z-index: 2;
}

.page-top-item-btn-group button:first-child.btn-white .btn-group-dropdown{
    background-color: var(--torea-bay-blue-color);
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    width: 100%;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.page-top-item-btn-group button:first-child.btn-white:hover .btn-group-dropdown{
    opacity: 1;
    visibility: visible;
}

.page-top-item-btn-group button:first-child.btn-white .btn-group-dropdown .btn{
    border-radius: 0;
}
.page-top-item-btn-group button:nth-child(2).btn-white-outline{
    border: 2px solid #fff;
    min-width: 166px;
    height: 32px;
    border-radius: 3px;
    color: #fff;
    z-index: 2;
    margin-left: 8px;
}

@media screen and (max-width: 992px){
    .page-top-item-btn-group .btn-white{
        min-width: auto!important;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 480px){
    .page-top-item-btn-group button:first-child.btn-white, .page-top-item-btn-group button:nth-child(2).btn-white-outline{
        min-width: auto;
        padding-left: 12px;
        padding-right: 12px;
    }
}

.navbar{
    min-height: 83px;
}
.navbar .navbar-brand img{
    max-width: 53px;
}
.navbar-brand-text{
    max-width: 260px;
}
.navbar .nav-link{
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
    font-weight: 400;
}
.navbar .nav-link:hover{
    color: var(--torea-bay-blue-color)!important;
}
.navbar .navbar-toggler{
    border: none;
}
.navbar .nav-item{
    padding-right: 10px;
    padding-left: 10px;
}
.navbar-border-btm{
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);
}

/* page banner stylings */
.page-wrapper{
    min-height: 100vh;
}
.home-page .page-banner-slider{
    position: relative;
}
.home-page .page-banner-slider .page-banner-slider-item{
    height: 591px;
    overflow: hidden;
    position: relative;
}
.home-page .page-banner-slider .page-banner-slider-item img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.home-page .page-banner-slider .banner-slider-item-content{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 1280px;
    width: 100%;
    padding-right: 20px;
    padding-left: 0px;
}
.home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-title{
    font-size: 40px;
    line-height: 1.5;
}
.home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-para{
    max-width: 80%;
    margin-top: 22px;
    margin-bottom: 40px;
}
.home-page .page-banner-slider .banner-slider-item-content .btn-yellow{
    background: #FFC62E;
    border-radius: 0;
}
.home-page .page-banner-slider .slick-dots li button:before{
    font-size: 16px;
}
.home-page .page-banner-slider .slick-next{
    right: 30px;
}
.home-page .page-banner-slider .slick-next::before, .home-page .page-banner-slider .slick-prev::before{
    font-size: 35px;
}
.home-page .page-banner-slider .slick-prev{
    left: 16px;
    z-index: 5;
}
.home-page .page-banner-slider .slick-next, .home-page .page-banner-slider .slick-prev{
    opacity: 0;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.home-page .page-banner-slider:hover .slick-next, .home-page .page-banner-slider:hover .slick-prev{
    opacity: 1;
}

/* header notice block */
.pg-block-notice-1{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #0241A1;
}
.pg-block-notice-1 a:hover{
    color: #fff;
}
.block-notice-1-content .vert-line{
    width: 1px;
    height: 34px;
    background-color: #fff;
    margin-left: 89px;
    margin-right: 37px;
}
.block-notice-1-content .pg-sec-title, .block-notice-1-content .pg-sec-title *, .block-notice-2-content .pg-sec-title, .block-notice-2-content .pg-sec-title *{
    margin-bottom: 0!important;
}
.block-notice-1-content .pg-sec-title::after, .block-notice-2-content .pg-sec-title::after{
    display: none;
}

.pg-block-notice-2{
    background: #E7E7E1;
    padding-top: 48px;
    padding-bottom: 48px;
}
.block-notice-2-content .bulletin-item{
    border-bottom: 1px solid #fff;
}
.block-notice-2-content .bulletin-item-title{
    margin-top: 12px;
    line-height: 1.6;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.block-notice-2-content .bulletin-item-title:hover a{
    color: var(--orange-color);
}

@media screen and (min-width: 1200px){
    .block-notice-2-content .bulletin-item{
        border-bottom: 0;
        border-left: 1px solid #fff;
        padding-left: 28px;
    }
}

/* ################# home page ############## */
/* ------------ page section 1 -------------- */
.home-page .pg-sc-1 .pg-sec-item .pg-sec-item-txt{
    padding: 28px;
}
.home-page .pg-sc-1 .pg-sec-item{
    margin-bottom: 34px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--light-grey-color);
}

/* ----------- page section 2 ---------------- */
.home-page .pg-sc-2 .pg-sec-banner{
    background: url('../images/home_pg/facilities_bn_img.jfif') center/cover no-repeat;
    min-height: 616px;
}
.home-page .accordion-item{
    border: none!important;
    outline: 0!important;
}
.home-page .accordion-button{
    background-color: transparent!important;
    background-color: white!important;
    padding-bottom: 23px;
}
.home-page .accordion-header{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* ------------- page section 3 --------------- */
.home-page .pg-sc-3 .col-left .pg-sec-item .pg-sec-item-img .pg-sec-item-img-wrapper{
    height: 338px;
}
.home-page .pg-sc-3 .col-left{
    border: 1px solid var(--light-grey-color)!important;
    height: 100%;
}
.home-page .pg-sc-3 .col-right .pg-sec-item-img{
    height: auto !important;
    width: auto !important;

}
.home-page .pg-sc-3 .col-right .pg-sec-item{
    margin-bottom: 50px!important;
}


/* ------------- page section 4 & notices section ------------ */
.pg-sc-notices .pg-sec-item .pg-sec-item-block{
    width: 214px;
    height: 182px;
}

@media screen and (max-width: 576px){
    .pg-sc-notices .pg-sec-item .pg-sec-item-block{
        width: 100%;
    }
}

/* -------------- page section 5 --------------- */
.home-page .pg-sc-5 .pg-sec-item .pg-sec-item-img{
    height: 273px;
    width: 374px;
}

/* --------------- page section 6 --------------- */
.pg-sc-companies .pg-sec-item{
    height: 216px;
}
.pg-sc-companies .slick-next.slick-arrow, .pg-sc-companies .slick-prev.slick-arrow{
    width: 42px;
    height: 42px;
    z-index: 99;
}
.pg-sc-companies .slick-next.slick-arrow{
    right: -5px;
}
.pg-sc-companies .slick-prev.slick-arrow{
    left: -10px;
}
.pg-sc-companies .slick-prev::before{
    content: url('../images/ico_imgs/arrow_left_icon.svg');
    position: absolute;
    left: 0px;
    top: -3px;
}
.pg-sc-companies .slick-next::before{
    content: url('../images/ico_imgs/arrow_right_icon.svg');
    position: absolute;
    left: 0px;
    top: -3px;
}
.pg-sc-companies .companies-slider{
    margin: 0!important;
}

/* -------------- footer section ---------------- */
.footer{
    background-color: #F4F4F4;
}
.footer .footer-sc-title{
    color: #0C4DA2;
    position: relative;
    margin-bottom: 36px!important;
}
.footer .footer-sc-title::after{
    content: "";
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    height: 4px;
    width: 38px;
    background: #F58220;
}
.footer-items .footer-item-list-icon img{
    width: 15px;
}
.page-bottom-sc{
    min-height: 62px;
    background: #0C4DA2;
}

@media screen and (max-width: 576px){
    .footer .footer-sc-title::after{
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

/* ################ about page ############# */
.about-page .page-banner{
    /* height: 555px; */
}
.about-page .page-banner .page-banner-img img{
    max-width: 788px;
    margin-left: auto;
}
.about-page .pg-obj-tabs .nav-link{
    color: var(--black-70-color);
}
.about-page .pg-obj-tabs .nav-link.active{
    background-color: var(--torea-bay-blue-color);
    color: var(--white-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.about-page .pg-obj-tabs .tab-content .tab-content-text{
    padding-top: 40px;
    padding-bottom: 40px;
}

/* ------------- page section 1 -------------- */
.about-page .pg-sc-1 .pg-sec-item-img{
    height: 454px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.about-page .pg-sc-1 .pg-sec-item-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover!important;
       object-fit: cover!important;
}
.about-page .pg-sc-2 .pg-sc-list .pg-sec-item{
    min-height: 565px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.about-page .pg-sc-2 .pg-sec-item-ico{
    width: 40px;
}
.about-page .pg-sc-3 > .pg-sec-img{
    width: 180px;
}
.about-page .pg-sc-3 .col-right .pg-sec-item-img{
    width: 400px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.about-page .pg-sc-3 .col-left .signature img{
    max-width: 230px;
}
.about-page .pg-sc-3 {
    border-bottom: 1px solid #C4C4C4;
}

/* homepage section 3 */
.home-page .pg-sc-3 > .pg-sec-img{
    width: 180px;
}

.home-page .pg-sc-3 .col-left .signature img{
    max-width: 230px;
}
.home-page .pg-sc-3 {
    border-bottom: 1px solid #C4C4C4;
}

.home-page .pg-sc-3 .col-left{
    border: none !important;
}
/* -------------- page section 4 & committee --------------- */

.pg-sc-committee .pg-sec-item{
    max-width: 345px;
    height: auto;
}
.pg-sc-committee .pg-sec-item .pg-sec-item-img{
    max-width: 345px;
    height: 359px!important;
}
.pg-sc-committee .pg-sec-item .pg-sec-item-info{
    height: auto;
}

/* ####### Organization page ####### */
.orgn-page .page-banner{
    height: 431px;
}
.banner-slider{
    position: absolute;
    height: 101px;
    width: calc(100% - 140px);
    right: 0;
    bottom: -50px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.banner-slider-container{
    width: 100%;
}
.banner-slider-container .banner-slider-item{
    color: rgba(42, 49, 125, 0.25);
}
.banner-slider-container .banner-slider-item-active{
    color: var(--torea-bay-blue-color);
}
.banner-slider-container .slick-prev.slick-arrow{
    left: 0px;
    z-index: 5;
}
.banner-slider-container .slick-next.slick-arrow{
    right: 0px;
}
.banner-slider-container .slick-prev::before{
    content: url('../images/ico_imgs/chevron_left_icon.svg');
    position: absolute;
    top: 0;
    right: 25%;
}
.banner-slider-container .slick-next::before{
    content: url('../images/ico_imgs/chevron_right_icon.svg');
    position: absolute;
    top: 0;
    left: 25%;
}
.orgn-page .pg-sc-1{
    margin-top: 110px;
}

/* ####### Media page ###### */
.media-page .page-banner{
    height: 431px;
}
.media-page .pg-sec-item .pg-sec-item-img{
    height: 296px;
}
.media-page .pg-sc-3 .pg-sec-item .pg-sec-item-right img{
    width: 27px;
}
.media-page .pg-sc-3 .pg-sec-item{
    background: rgba(196, 196, 196, 0.2);
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.media-page .pg-sc-3 .pg-sec-item:hover{
    background-color: var(--torea-bay-blue-color);
}
.media-page .pg-sc-3 .pg-sec-item:hover .pg-sec-item-left .heading-primary{
    color: var(--white-color);
}
.media-page .pg-sc-3 .pg-sec-item:hover .pg-sec-item-right img{
    -webkit-filter: invert(1);
            filter: invert(1);
}
.media-page .pg-sc-3 .pg-sec-item:hover .pg-sec-item-right .text-black{
    color: var(--white-color)!important;
}

/* ###### Contact page ##### */
.contact-page .page-banner{
    height: 431px;
}
.contact-page .pg-sc-1 .contact-form .form-control{
    border-radius: 0;
    border: 1px solid var(--light-grey-color);
    background-color: rgba(217, 217, 217, 0.25);
    height: 47px;
    width: 100%;
}
.contact-page .pg-sc-1 .contact-form{
    max-width: 628px;
}
.contact-page .pg-sc-1 .contact-form textarea{
    height: 232px!important;
}
.contact-page .pg-sc-1 .col-right .pg-sec-item-img img{
    max-width: 463px;
}
.contact-page .pg-sc-1 .col-right .pg-sec-item-ico{
    width: 40px;
}
.contact-page .pg-sc-1 .col-right .pg-sec-item-ico img{
    width: 24px;
}
.contact-page .pg-sc-1 .col-right .pg-sec-item:nth-child(2) .pg-sec-item-ico img{
    width: 32px;
}
.contact-page .pg-sc-1 .col-right .pg-sec-item:nth-child(3) .pg-sec-item-ico img{
    width: 36px;
}

/* ###### chapter committee ###### */
.ch-com-page .page-banner{
    height: 431px;
}
.ch-com-page .pg-sc-1{
    margin-top: 110px;
}
.ch-com-page .banner-slider{
    width: calc(100% - 100px);
}
.ch-com-page .pg-sc-table, .ch-com-page .pg-sc-table td, .ch-com-page .pg-sc-table th{
    border: 1px solid var(--light-grey-color);
}
.ch-com-page .pg-sc-table thead th{
    border-bottom: none;
}

/* ######## news full page ####### */
.news-full-page .page-banner{
    height: 431px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.39);
}
.news-full-page .page-banner .page-banner-img img{
    max-width: 320px;
}
.news-full-page .pg-sc-1 .col-news-main .pg-sec-item-img{
    height: 400px;
}
.news-full-page .pg-sc-1 .pg-sec-item-block{
    min-width: 114px;
    min-height: 114px;
}

/* ###### login page ###### */
.login-page .page-top-sc .page-top-sc-item.login-btn-block{
    background-color: #B1B1E1;
    color: var(--black-mild-color);
}
.login-page .page-top-sc .page-top-sc-item.login-btn-block .item-ico img{
    -webkit-filter: invert(0.8);
            filter: invert(0.8);
}
.login-page .page-banner{
    height: 431px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.39);
}
.login-page .page-banner .page-banner-img img{
    max-width: 320px;
}
.login-page .pg-sc-1 .login-form{
    max-width: 421px;
    border: 1px solid var(--grey-color);
    padding: 59px 31px;
}
.login-page .pg-sc-1 .col-left{
    margin-bottom: 140px;
}
.login-page .pg-sc-1 .col-left img{
    max-width: 533px;
}
.login-page .pg-sc-1 .col-right .login-form .form-item-img{
    top: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.login-page .pg-sc-1 .col-right .login-form .form-item-img img{
    width: 108px;
}
.login-page .login-form .form-control{
    height: 50px;
}
.login-page .login-form .btn{
    color: var(--green-color);
    border: 2px solid var(--green-color);
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.login-page .login-form .btn:hover{
    background-color: var(--green-color);
    color: var(--white-color);
}

/* event page */
.event-page .banner-item-content{
    min-height: 456px;
    height: 100%;
}
.event-page .banner-item-title-img{
    max-width: 542px;
    margin-bottom: 40px;
}
.event-page .banner-item-title{
    font-size: 45px;
    font-weight: 700;
    max-width: 438px;
}
.event-page .banner-item-title span{
    color: #49BEFF;
}
.event-page .banner-item-para{
    max-width: 441px;
}
.event-page .block-one-slider-item{
    height: 360px;
}
.event-page .slick-dots{
    margin-bottom: 40px;
}
.event-page .slick-dots li button:before{
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #D9D9D9;
    opacity: 1;
}
.event-page .block-content{
    font-weight: 400;
    font-size: 16px;
    text-align: justify;
    color: var(--black-50-color);
}
.event-page .slick-dots li.slick-active button:before{
    color: #fff;
}
.event-page .event-block-two .event-block-one-img{
    height: 328px;
}
.event-page .banner-slider-container{
    position: relative;
    width: calc(100% - 140px);
}
.event-page .banner-slider{
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border: none;
}

/* event gallery */
.event-gallery .block-title{
    max-width: 447px;
    margin-right: auto;
    margin-left: auto;
}
.event-gallery-btns{
    width: 492px;
    margin-right: auto;
    margin-left: auto;
}
.event-gallery-btns .event-gallery-btn{
    border: 2px solid #E7E7E9;
    padding: 3px 20px;
    border-radius: 25px;
    color:#D9D9D9;
    width: 93px!important;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 9px;
    margin-left: 9px;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}
.event-gallery-btns .event-gallery-btn:hover{
    background-color: var(--orange-color);
    color: #fff;
    border-color: var(--orange-color);
}
.event-gallery-item{
    height: 245px!important;
    overflow: hidden;
}

@media screen and (max-width: 480px){
    .home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-title{
        font-size: 24px;
    }
    .home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-para{
        margin-top: 16px;
        margin-bottom: 24px;
    }

    /* event page */
    .event-page .banner-item-title-img{
        max-width: 300px;
        margin-bottom: 20px;
    }
    .event-page .banner-item-title{
        font-size: 28px;
    }
    .event-page .banner-item-para{
        max-width: 340px;
    }
}

@media screen and (min-width: 576px){
    .home-page .pg-sc-3 .col-right .pg-sec-item-img{
        height: 140px;
    }

    .home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-title{
        font-size: 42px;
        max-width: 775px;
        line-height: 1.2;
    }
    .home-page .page-banner-slider .banner-slider-item-content .banner-slider-item-para{
        font-size: 26px;
        max-width: 770px;
    }
    .home-page .page-banner-slider .banner-slider-item-content .btn-yellow{
        font-size: 24px;
        padding: 14px 20px;
    }
}

@media screen and (min-width: 768px){
    /* all page */
    .page-top-sc-item{
        margin-left: 30px;
    }

    /* about page */
    .about-page .pg-sc-4 .pg-sec-item{
        max-width: 270px;
        height: auto;
    }
    .about-page .pg-sc-4 .pg-sec-item .pg-sec-item-img{
        max-width: 270px;
        height: 256px!important;
    }
    .about-page .pg-sc-4 .pg-sec-item .pg-sec-item-info{
        height: 87px;
    }
}

@media screen and (max-width: 1200px){
    /* all page -navigation */
    .navbar .navbar-nav{
        background-color: var(--torea-bay-blue-color);
        border-radius: 6px;
        padding: 15px;
        margin-top: 15px
    }
    .navbar .nav-link{
        color: var(--white-color)!important;
    }
    .navbar .nav-link:hover{
        color: rgba(255, 255, 255, 0.7)!important;
    }
    .navbar .nav-item{
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .navbar .nav-item:last-child{
        border-bottom: none;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    
}

@media screen and (min-width: 992px){
    /* all page */
    .page-top-sc-item{
        margin-left: 69px;
    }

    /* news full page */
    .news-full-page .pg-sc-1 .col-news-main .pg-sec-item-img{
        height: 591px;
    }

    /* login page */
    .login-page .pg-sc-1 .col-left{
        margin-bottom: 20px;
    }

    /* home page */
    .home-page .pg-sc-3 .col-right .pg-sec-item-img{
        height: 126px!important;
    }
}

@media screen and (min-width: 1200px){
    .nav-item.nav-active{
        position: relative;
    }
    .nav-item.nav-active .nav-link:after{
        position: absolute;
        content: "";
        top: -30.5px;
        left: 0;
        height: 104px;
        width: 100%;
        background-color: var(--white-smoke-color);
        z-index: 0;
    }
    .nav-item.nav-active a.nav-link span{
        position: relative;
        z-index: 5;
    }

    /* home page */
    .home-page .col-left .pg-sec-item .pg-sec-item-img .pg-sec-item-img-wrapper{
        height: 364px!important;
    }
    .home-page .col-right .pg-sec-item .pg-sec-item-img{
        height: 100%;
    }
}

@media screen and (min-width: 1400px){
    /* all page -navigation */
    .navbar .nav-item{
        padding-right: 25px;
        padding-left: 25px;
    }
}


/* ###### end of navigation stylings ##### */

/* membership modal */
.membership-modal .modal-footer .btn:hover{
    background-color: var(--orange-color);
}
.membership-modal .form-control{
    border-radius: 0;
    border: 1px solid var(--light-grey-color);
    background-color: rgba(217, 217, 217, 0.25);
    width: 100%;
}
.membership-modal .form-control::-webkit-input-placeholder{
    font-size: 15px;
}
.membership-modal .form-control::-moz-placeholder{
    font-size: 15px;
}
.membership-modal .form-control:-ms-input-placeholder{
    font-size: 15px;
}
.membership-modal .form-control::-ms-input-placeholder{
    font-size: 15px;
}
.membership-modal .form-control::placeholder{
    font-size: 15px;
}

/* notice-slider */
.notice-slider{
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 700px;
}

.video-preview{
    
    overflow: hidden;
}
.video-preview .video-preview-container video{
    width: 100%;
    height: 100%;
    /* object-fit: cover;
    object-position: 0 -300px; */
}

.home-page .pg-sc-3 .col-right .pg-sec-item-img{
    width: 400px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    height: auto !important;
}


/* @media screen and (max-width: 1280px){
   
    .about-page .page-banner {
        height: 418px !important;
    }
} */