:root{--title-color: #3c487b;--title-font-size:clamp(1.25rem, 0.5488rem + 1.9512vw, 2.5rem);--title-mb: clamp(0.5rem, 0.2969rem + 1.0156vw, 1.3125rem);--section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem);}
body{--bs-body-font-family: "Plus Jakarta Sans", serif;font-optical-sizing:auto;overflow-x:hidden;top:0 !important;}
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important}
html {scroll-behavior: smooth; }
html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar {width: 7px; cursor: pointer; }
html::-webkit-scrollbar:horizontal, .ltranslator .dropdown-menu::-webkit-scrollbar:horizontal, .offcanvas-body::-webkit-scrollbar:horizontal {height: 0px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #444444;box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb {background: #3c487b; border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background: #3c487b; }
html ::-moz-selection {color: #ffffff; background: #3c487b; }
html ::selection {color: #ffffff; background: #3c487b; }
html .skiptranslate{display:none !important; }

.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; height:100%;}
.ltranslator .dropdown-menu::-webkit-scrollbar {width: 5px; cursor: pointer; }
.card{border: none; border-radius: 0;} 

.themenavbar .navbar-brand{max-width: 630px;margin: 22px 0px 22px 42px;} 
.themenavbar .navbar-toggler{width: 65px;height: 62px;margin: 0px 20px;overflow:hidden;position:relative;border: none;border-radius: 0;background: #3c487b;--bs-navbar-toggler-padding-x: 16px;}
.themenavbar .navbar-toggler:hover{background-color: #2f2482;}
.themenavbar .navbar-toggler::before{transform: translateY(-9px);width: 46%;}
.themenavbar .navbar-toggler::after{transform: translateY(9px);width: 50%;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 50%;height: 2px;background: #ffffff;border-radius: 4px;transition:.6s;}
.themenavbar .offcanvas.offcanvas-top{height: 100vh; }
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s;background: #ffffff;}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 50%;height: 2px;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;}

.menu-section{background-color:#fff;height:100%;display:flex;align-items:center;position:relative;padding-left:20vw}
.menu-section .menu-title{position:absolute;left:0;top:42%;transform:rotate(-90deg) translateY(-50%);font-size:100px;color:#f0f0f0;font-weight:700}
.menu-section .menu-items{list-style:none;padding:0;margin:0;max-width: 340px;}
.menu-section .menu-items li .nav-link{text-decoration:none;color:#444;font-size:2.5vw;font-weight:700;box-shadow:none}
.menu-section .menu-items li .nav-link:hover{color:#000}
.menu-section .menu-items li.nav-item.dropdown{column-gap: 2px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
.menu-section .menu-items li .dropdown-toggle::after{border:none;content:"\2b";font-size: 61%;color: #3c487b;margin-left:0;font-family:'FontAwesome';vertical-align:baseline}
.menu-section .menu-items li .dropdown-toggle.show::after{content:"\f068"; }
.menu-section .menu-items li .dropdown-menu{width: 100%;margin:0;padding-top:0;border:none;border-radius:0}
.menu-section .menu-items li .dropdown-menu a{display:block;padding:7px 20px;color:#444;font-weight:600;font-size:1.5vw;background:#fff0;position:relative}
.menu-section .menu-items li .dropdown-menu a:before{content:"";position:absolute;left:7px;top:calc(50% - 1px);opacity:0;visibility:hidden;height:2px;width:14px;background:#3c487b;transform:translateX(7px)}
.menu-section .menu-items li .dropdown-menu a:hover{padding:7px 12px 7px 28px}
.menu-section .menu-items li .dropdown-menu a:hover:before{opacity:1;visibility:visible;transform:translateX(0)}

.info-section{background-color:#f8f9fa;height:100%;display:flex;align-items:center;justify-content:center;padding:0 50px}
.info-section .info-content{width:100%}
.info-section .info-content h5{font-size:15px;color:#969696;text-transform:uppercase;margin-bottom:10px}
.info-section .info-content p{color:#212121;margin-bottom:28px}
.info-section .info-content li{color: #212121;margin: 7px 0;}
.info-section .info-content li>i {width: 20px; text-align: center; margin-right: 5px; color: #3c487b; }
.info-section .info-content a:hover{text-decoration:underline}
.close-icon{position:absolute;top:16px;right:0;font-size:24px;color:#000;cursor:pointer}

@keyframes bounceIn{0%,100%,20%,50%,80%{transform:translateY(0);opacity:1}40%,60%{transform:translateY(-5px);filter:blur(.5px) brightness(0) invert(1) contrast(.7)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes bgmove{50%{background-position: 0 80%}}
@keyframes bgmove{50%{background-position: 0 80%}}
@-webkit-keyframes imgShine{100%{left:125%;}}
@keyframes imgShine{100%{left:125%;}}


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:992px){
          .activities-top .themepic{width: 40vw;float: left;clear: both;position: sticky;top: 24px;}
          .themepic.right-mask {
               width: calc(50vw - var(--bs-gutter-x) * .5);
               height: calc(100% + var(--section-py));
               max-height: 520px;
               margin-bottom: calc(-1* var(--section-py));
           }
     }

     @media only screen and (min-width:1200px){
          .activities-top .themepic{width: 31vw;}
          .activity .themepic.d-none {width: 34vw; }
     }

     @media only screen and (min-width:1400px){
          .container, .container-lg{max-width: 1360px; }
          .menu-section .menu-items li .nav-link{font-size: 36px; }
          .menu-section .menu-items li .dropdown-menu a{font-size: 20px; }
     }

     @media only screen and (max-width:1199px) {
          .rightnav .themebtn{margin: 0px 8px; }
          .themenavbar .navbar-brand{margin-left: 4px; }
          .themenavbar .navbar-toggler{margin: 0px 4px; }
          .hero-section .hero-text h5{max-width: 65%; } 
          .slidenav {right: 5%; bottom: 9%; }
          .slidenav>div{width: 52px; }
          .activity.overflow-hidden{overflow: clip !important; }
     }

     @media only screen and (max-width:991px) {
          .rightnav .themebtn {margin: 0px 8px 0px 0px; padding: 12px 24px; }
          .themenavbar>.container-fluid,.rightnav>ul{flex-wrap: nowrap; }
          .themenavbar .navbar-brand{margin: 14px 8px 14px 0px;}
          .themenavbar .navbar-toggler {width: 58px; height: 52px; --bs-navbar-toggler-padding-x: 14px; margin: 0; }
          .activity-wrap.container{--bs-gutter-x: 42px; }	
          .activities-top .themepic img,.aboutpics .themepic img,.activity .themepic img,.organization .themepic img{max-height: 380px;width: 100%;object-fit: cover;}
          .contact .themeform {margin-top: 12px; }
          .continfo+.continfo {margin-top: 17px; padding-top: 16px; }
          .registered{display: none; }
          section.aboutpics{padding-top: 0; margin-top: -8px; }
          .hero-section .hero-text h5{max-width: 60%; } 
          .aboutpics::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 20vw;z-index: -1;background-color: #fff;}
     }

     @media only screen and (max-width:767px) {
          .rightnav .themebtn {font-size: 14px;font-weight: 700;padding: 12px 14px;margin-left: -6px;margin-right: 5px;margin-top: -2px;} 
          .footertop p{white-space: normal; }
          .info-section{display: none; }
          .menu-section .menu-title {left: -16vw; font-size: 18vw; letter-spacing: 5vw; }
          .menu-section .menu-items li .nav-link{font-size: 5vw;  }
          .menu-section .menu-items li .dropdown-menu a{font-size: 4.2vw;}
          .contact .themeform,.contactbox{padding: 24px; }
          .hero-section .hero-text h5{max-width: 64%; } 
          .latestcard .card-body h5{font-size: 18px; }
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px; }
          .title>h6,.involves p,.continfo h5{font-size: 15px; }
          .themenavbar>.container-fluid, .rightnav>ul {flex-wrap: inherit;}
          .themenavbar .navbar-brand{margin: 10px 0px 9px 0px; } 
          .themenavbar .navbar-toggler{background-color: transparent !important;height: 49px;}
          .themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines {background: #3c487b; }
          .themenavbar .rightnav{padding-bottom: 0;width: 100%;border-top: solid 1px #cbcbcb;}
          .rightnav .themebtn {padding: 14px 21px 15px;border: solid 1px #cbcbcb;border-top: none;border-bottom: none;margin-left: 0;margin-top: 0;} 
          .themebtn{padding: 10px 20px; }
          .themebtn:hover{padding: 10px 10px 10px 30px; }
          .activity-wrap.container{--bs-gutter-x: 24px; }
          .activities .card h4,.continfo p {font-size: 17px; }
          .footertop{padding: 38px 0px; }
          .footertop .navlist {padding-bottom: 21px; margin-bottom: 24px; }
          .footertop .navlist>ul>li>a {font-size: 15px;padding: 0px 21px 0px 7px;}
          .themeaccordion .accordion-button,.themeaccordion .accordion-button:not(.collapsed),.themeaccordion .accordion-body{padding-left: 16px; }
          .themeaccordion .accordion-button::after{--bs-accordion-btn-icon-width: 32px; background-size: 13px; }
          .themeaccordion .accordion-button,.activities-top .title>p{font-size: 17px; }
          .fcrabox{gap: 16px; padding: 16px;}
          .fcrabox>img{max-width: 57px;padding-right: 17px;}
          .fcrabox>h5{font-size: 17px; }
          .contact .themeform,.contactbox{padding: 18px; }
          .hero-section .hero-text h5{max-width: 74%;margin-left: 2%;margin-bottom: 0%;} 
          .slidenav {right: 4%;bottom: 8%;column-gap: 5px;}
          .slidenav>div {width: 32px;border-width: 1px;--swiper-navigation-size: 16px;}
          .memberlogo{padding: 14px; }
          .themeaccordion>h4 {font-size: 18px;}
          .themebdritems h4{font-size: 18px;line-height: 140%;margin-top: 24px;margin-bottom: 12px;}
          .themebdritems h5{font-size: 17px;}
     }

     @media (min-width:575px) and (max-width:767px) {
          
     }