/*--------------------------------------------------------------
# Global Css
--------------------------------------------------------------*/




body {
    position: relative;
    padding-top: 160px;
    color: var(--black);
    overflow-x: hidden;
    background: #eeeef0;
    font-family: "League Spartan", sans-serif;
}

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



.bg-yellow {
    background-color: #9CFFBD !important;
}

.bg-green {
    background-color: #FFCCA8 !important;
}

.top-stray {
    position: absolute;
    top: 0;
    right: 0;
}

.fixed-tab-header {
    top: 0 !important;
    margin-top: 10px !important;
}

.f-fimalys {
    font-family: "Lato", sans-serif;
}


.font-36 {
    font-size: 36px !important;
}


/* header css */

.fixed-top {
    top: 40px;
}

.climbing-header {
    background-color: rgb(255, 255, 255);
    width: 900px;
    margin: 25px auto;
    border-radius: 50px;
}
.logo img {
    width: 110px;
}
.desktop-view {
    padding: 5px 50px;
}

.desktop-view li.nav-item {
    padding: 0 5px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000000;
    font-size: 20px;
}

.desktop-view.navbar-dark .navbar-nav .nav-link {
    color: #034EA2;
    padding: 10px 20px;
    border-radius: 40px;
}

.navbar-dark .navbar-nav .nav-link:hover {
    background: #034EA2;
    color: #fff !important;
    border-radius: 40px;
}

.activess {
    background: #034EA2;
    color: #fff !important;
    border-radius: 40px;

}

.navbar-toggler {
    background: #00B9F2 !important;


}

.p-font-size {
    font-size: 20px;
}

.color-blue {
    color: #034EA2 !important;

}

.color-sky {
    color: #00B9F2;

}

.fw-bold {
    font-weight: 700;
}

.fz-size {
    font-size: 50px;
}

.panel-space-y {
    padding: 50px 0;
}

/* banner css */
.banner_section {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0 4rem;
}



.banner-content h1 {
    font-weight: 700;
    font-size: 80px;
}

.f-c-e-img {
    margin-top: 30px;
}

.k-object {
    border: 1px solid #7377FF;
    border-radius: 20px;
    padding: 20px;
    /* background: #034EA2; */
    min-height: 369px;
    background: linear-gradient(-37deg, #034EA2, #6f80e3);
}

.k-number {
    font-size: 92px;
    color: #F1CE63;
    position: relative;
}



.a-s-box {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 20px;
}

.a-s-box img {
    max-width: 100%;
    transition: all 0.2s ease-in-out;
}
.a-s-box:hover img {
    transform: scale(1.1);
}
.a-c-box p {
    padding: 20px 0;
}

.project-crostrm-section p {
    line-height: 23px;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

/* tab */
.tab-section .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}

.tab-section .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #00B9F2;
    border-color: #00B9F2;
    border-radius: 5px;
    color: #fff;
}

.tab-section .nav-link {
    display: block;
    border-color: #00B9F2;
    color: #00B9F2;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.tab-section .nav-tabs .nav-link {
    border: 1px solid #00B9F2;
    border-radius: 5px;
    padding: 3px 27px;
    font-size: 30px;
}

.tab-section .time-date {
    padding: 16px 63px;
    border: 2px solid #034EA2;
    border-radius: 47px;
    width: auto;
    text-align: center;
    margin: 10px auto;
    transition: all 0.3s ease-in-out;
}

.tab-section .time-date:hover {
    background-color: #034EA2;
}

.tab-section .time-date:hover p {
    color: #fff !important;
}

.tab-section .time-date:hover p {
    color: #fff;
}

.time-date .lableee {
    line-height: 8px;
}

/* tab end */


.icon-could {
    position: relative;
    padding-left: 35px;
    padding-bottom: 12px;
}

.icon-could::after {
    position: absolute;
    content: '';
    background-image: url(../images/could-img.png);
    top: 0;
    width: 32px;
    height: 32px;
    background-size: 20px;
    background-repeat: no-repeat;
    left: 0;
}

.i-o-box {
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}

.i-o-box span {
    background-color: #fff;
    display: block;
    min-height: 135px;
    padding: 19px 19px 10px;
    font-size: 20px;
}

.i-o-box a span {
    display: block;
}

.button-btnn {
    background-color: #034EA2;
    color: #ffff;
    border-radius: 50px;
    padding: 8px 44px;
    text-decoration: none;
    font-size: 24px;
    border: 2px solid #034EA2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.button-btnn:hover {
    background-color: transparent;
    color: #034EA2;
    border: 2px solid #034EA2;
}

.button-now {
    padding: 30px 0;
}

.fooetr-nav ul {
    display: flex;
}

.fooetr-nav ul li {
    list-style: none;
    margin: 0 21px;
    display: block;
}

.fooetr-nav ul li a {
    font-size: 24px;
    color: #034EA2;
    text-decoration: underline;
    font-weight: 300;
}



.fooetr-nav ul li.active a {
    font-weight: 700;
}

.footer-section {
    padding-top: 50px;
    background-color: #fff;
}

.fooetr-nav {
    padding: 40px 0;
}

.footer-text-p {
    padding: 40px 0;
}

.activiti-img img {
    width: 80%;
}

.project-crostrm-section {
    margin-top: 50px;
}

.about-stray {
    position: absolute;
    bottom: -190px;
    width: 153px;
    left: 81px;
}

.advisory-layout {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
}

.advisory-group-box {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.advisory-group-box img {
    width: 100% !important;
    max-width: 100% !important;
}

.advisory-layout {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.advisory-group-box a {
    text-align: center;
    display: block;
    padding: 17px;
}




.activities-panel-box {
    border-radius: 20px;
}


.activities-panel-detl .activities-panel-box .activities-panel-img {
    border-radius: 20px;
    overflow: hidden;
}


.intellectual-out-panel .row:nth-child(odd) .intellectual-img-box {
    /* margin-left: -135px; */
}


.intellectual-out-panel .row:nth-child(odd) {
    margin: 80px 0;
    flex-direction: row-reverse;
}

.intellectual-out-panel .row:last-child {
    margin-bottom: 100px;
}

.text-area{
    border-radius: 20px;
    height: 140px;

}


.post-date {
    border-bottom: 2px solid #034EA2;
    padding-bottom: 9px;
}

.navbar-dark .navbar-nav .nav-link:focus {
    color: #fff !important;
    background-color: #034EA2 !important;
}


.climbing-header .current_page_item .nav-link {
    background-color: #034EA2 !important;
    padding: 10px 20px !important;
    border-radius: 40px !important;
    font-size: 20px !important;
    color: #fff !important;
    text-decoration: none;
}

.current-menu-item .nav-link {
    text-decoration: underline;
    font-weight: 500;
}




.activities-panel-img img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px;
    height: 100% !important;
    object-fit: cover;
}
.activities-panel .activities-panel-img img {
    border-radius: 0px;
}

.activities_page p {
    font-size: 20px;
}


.modal-social-link li {
    list-style: none;
    display: inline-block;
}
.modal-social-link li a {
    color: #034ea2;
    font-size: 30px;
    margin-right: 7px;
}
.web-link {
    display: block;
    margin-bottom: 11px;
    text-decoration: none;
    color: #00B9F2;
}


.advisory-group-box figure {
    width: 100%;
    height: 330px;
}
.advisory-group-box figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: bottom;
}

.navigation.post-navigation {
    display: none;
}

.activities-panel-inner .p-font-size.text-black {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.activities-panel-inner.p-4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 360px;
}


.nav-item {
    position: relative;
    list-style: none;
}
.menu-item-has-children .sub-menu-toggle {
    display: none;
}
.sub_menu_dropdown {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    padding: 25px 0 0 0;
    position: absolute;
    top: 33px;
    left: 0;
    width: 236px;
    perspective: 1000px;
    display: none;
    animation: rotateMenu 800ms ease-in-out forwards;
    transform-origin: top center;
}

.menu-item-has-children:hover .sub_menu_dropdown {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
}
.sub_menu_dropdown .sub-menu {
    padding: 9px 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 5px -2px rgb(42 42 42 / 40%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.menu-item-has-children .sub_menu_dropdown .sub-menu .nav-item .nav-link {
    color: #034EA2 !important;
    padding: 4px 14px !important;
    margin: 0;
    font-size: 18px !important;
    border-radius: 0 !important;
    background-color: #fff !important;
}
.menu-item-has-children .sub_menu_dropdown .sub-menu .nav-item .nav-link:hover {
    background-color: #034EA2 !important;
    color: #fff !important;
}

.menu-item-has-children>.nav-link:after {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 6px;
    font-size: 12px;
}

.sub_menu_dropdown .sub-menu li {
    padding: 0;
}

.tab-section .nav-tabs {
    border-bottom: 0;
}



.upcoming-text {
    background-color: #00B9F2 !important;
}

.multiplier-events span {
    background-color: #F1CE63 !important;
    color: #034EA2;
}

/* .intellectual-out-cnt>span {
    background-color: #00B9F2 !important;
} */


.i-o-image {
    background: linear-gradient(-37deg, #034EA2, #6f80e3);
    padding: 69px 0;
}

.modal-body.the-project-detail .a-s-box {
    border-radius: 0;
}



.a-s-box img {
    border-radius: 20px;
    width: 100% !important;
    max-width: 100% !important;
}