:root{
    --primary-color: #14361D;
    --primary-dark-color: #2B4F45;
    --primary-light-color: #39685B ;
    --secondary-color: #BD995F;
    --secondary-light-color: #D7B47C;
    --secondary-grediunt-color: linear-gradient(90deg,rgba(235, 193, 137, 1) 0%, rgba(131, 93, 45, 1) 100%);
    --gray-bright-color: #EEEEF0;
    --blue-light-color: #066aab;
    --sky-color: #6EC1E4;
    --white: #FFF;
    --dark: #000;
    --dark-two: #141827;
    --space: 40px;
    --roboto: 'Roboto', Sans-serif;
    --roboto-slab: 'Roboto Slabe', Sans-serif;
    --verda-font: 'Verdana', Sans-serif;
    --verda-bold-font: 'Verdana-Bold', Sans-serif;
}
@font-face {
    font-family: 'Roboto';
    src:  url('../fonts/Roboto-VariableFont_wdth.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Slabe';
    src:  url('../fonts/RobotoSlab-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Verdana.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana-Bold';
    src: url('../fonts/Verdana-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


* {
    box-sizing: border-box;
}
html {
    position: relative;
    min-height: 100%;
}
body{
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    height: 100vh;
    font-family: var(--roboto);
    font-weight: 400;
    font-size: 1rem;
    font-style: normal;
}
.main-content{flex: 1;}
header .navbar-top{
    display: flex;
    justify-content: center;
}
header .navbar-top img{
    width: 180px;
    height: auto;
}
.login-form{
    /* height: 100vh; */
    text-align: center;
}
.success-text{
    color: #14361d;
}
.login-title{
    color: #14361d;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}
.submit-btn{
    background-color: #14361d;
    color: #fff;
    width: 100%;
    margin-top: 20px;
}
.submit-btn:hover{
    background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
    background-color: #39685B ;
    color: #fff;
}
a{color: #14361d;}
a:hover{color: #39685B;}
.error{float: left;}
.image-position-1{
    position: absolute;
    top: 0;
    left: 10px;
    width: 100px;
}
.image-position-2{
    position: absolute;
    top: 0;
    right: 10px;
    width: 100px;
}
.image-position-3{
    position: absolute;
    /* width: 100px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0.2;
}
.image-position-4{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
}
.login-main-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
textarea.h-40{height: 40px;}
.login-form label{float: left;}
.login-form .login-logo {
    width: 56%;
}
.border-end{
    height: 100vh;
}
.main-background{
    height:100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size:contain;
}
.h100{
    height: 100vh;
}

.login-bg, .login-form {
    /*height: 100vh;*/
}
.image-container {
    background-image: url('assets/images/loginpage2.webp');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover; /* Ensures it covers the entire div */
    background-position: center right; /* Centers the image */
    margin-left: -80px;
}
ul {
    padding-left: 0px;
}
ul li{
    list-style-type: none;
}
footer .footer-info .footer-logo img{
    width: 50%;
}
footer .footer-info p{
    color: var(--primary-color);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}
footer .footer-bg{
    background-color: #f6f6f6;
    padding: 2rem 1rem;
}
footer .social-icon li{
    display: inline-block;
}
footer .social-icon{
    color: #14361d;
    font-size: 24px;
    margin-bottom: 0;
    padding: 4px 10px 4px;
}
footer .social-icon a{
    font-size: 25px;
    height: calc(25px + 2 * .5em);
    line-height: 25px;
    width: calc(25px + 2 * .5em);
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .footer-title h6{
    color: var(--primary-color);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}
a{
    text-decoration: none;
}
.contact-social li{
    display: block;
    margin-bottom: 10px;
}
.contact-social li:last-child{
    margin-bottom: 0px;
}
.contact-social li a{
    display: flex;
    font-size: 16px;
    font-weight: 400;
    align-items: center;
}
.contact-social li a .icon{
   padding-right: 16px;
   min-width: 50px;
   max-width: 50px;
   font-size: 24px;
   color: #d7b47c;
}
.contact-social li a .icon-img img{
    width: 100%;
    max-width: 25px;
}
.contact-social li a .icon-call-img img{
    width: 100%;
    max-width: 30px;
}
.contact-social li a .icon-location-img img{
    width: 100%;
    max-width: 20px;
}
.copyright{
    background-color: #14361d;
    background-image: url('../images/footer.png');
}
.copyright .copyright-text{
    text-align: center;
    color: #bd995f;
    display: flex;
    justify-content: center;
    padding: 22px 0px;
    gap: 15px;
}
.copyright .copyright-text ul li{
    margin: 0px 10px ;
}
.copyright .copyright-text ul li a{
    position: relative;
    color: #bd995f;
}
.copyright .copyright-text ul li a::after{
    position: absolute;
    content: '/';
    right: -15px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.copyright .copyright-text ul li:last-child a:after{
    position: absolute;
    content: '';
}
.copyright .copyright-text h5, .copyright .copyright-text ul{
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.copyright .copyright-text ul{
    display: inline-flex;
}
header {
    padding: 20px;
}
header .header-logo {
    display: flex;
    justify-content: center;
}
header .header-logo img{
    width: 220px;
}
.back-btn{
    color: #008bae;
}
.back-btn:hover{
    color: #3092aa;
}
.page-nav{
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 400;
}
.register-title{
    color: #14361d;
    font-weight: 600;
    margin-bottom: 40px;
}
.event-time {
    margin-bottom: 30px;
}
.event-time ul li{
    display: flex;
    margin-bottom: 10px;
}
.event-time ul li:last-child{
    margin-bottom: 0px;
}
.event-time ul li p{
    margin-bottom: 5px;
    line-height: 18px;
}
.event-time ul li span{
    min-width: 80px;
    max-width: 80px;
    padding-right: 20px;
    line-height: 18px;
}
.event-register h5{
    font-weight: 600;
}
.event-register ul {
    padding-left: 15px;
}
.event-register ul li{
    list-style-type: disc;
}
.social-card-img{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}
.social-card-img img{
    width: 50px;
    height: 40px;
    border-radius: 7px;
    border: 1px solid #ddd;
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
    background-color: #14361d;
    border-color: #14361d;
}
.btn-primary{
    background-color: #14361d;
    border-color: #14361d;
    color: #fff;
}
.btn-primary:hover{
    background-color: #000;
    border-color: #000;
}
.text-green{
    color: #39b562;
}
.event-register-description{
    font-weight: 400;
    /* margin-top: 20px; */
    padding-right: 10px;
    padding-left: 20px;
}
.sec-padding{
    padding: 50px 0px;
}
.text-red{
    color: #ee1c24;
}
.event-register-description ul {
    padding-left: 15px;
}
.event-register-description ul li{
    list-style-type: disc;
}
.event-register-image img{
    width: 100%;
    border-radius: 15px;
    margin-bottom: 30px;
    height: 450px;
    object-fit: cover;
}
.event-time-card-info{
    /* box-shadow: 0px 0px 28px -14px #000; */
    /* border-radius: 5px; */
    padding: 10px;
    padding-right: 20px;
    border-right: 1px solid #b6b6b6;
    height: 100%;
}
.event-register-details{
    /* background-color: #f6f6f6; */
    padding: 20px;
    /* box-shadow: 0px 0px 20px -10px #aaa; */
    border-radius: 15px;
    border: 1px solid #b6b6b6;
}
.event-register-details ul {
    margin-bottom: 0px;
    /* padding: 20px; */
    /* border-radius: 15px; */
    /* background-color: #fff; */
}
.event-register-details ul li{
    display: flex;
}
.event-register-details  p{
    margin-bottom: 0px;
}
.event-register-details ul li label{
    /* width:110px; */
    font-weight: 600;
    float: right;
    margin-right: 30px;
}
.event-register-details label {
    font-weight: 600;
    float: right;
}
.event-form-button{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.event-form-button .btn.disabled{
    background-color: #14361d;
    border-color: #14361d;
    opacity: 1;
    pointer-events: all;
}
.sw-theme-circles > ul.step-anchor {
    display: none;
}
.sw-toolbar {
    display: none;
}
.form-control:focus{
    box-shadow: none;
    border-color: #dee2e6;
}
.step-card-img{
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.step-card-img img{
    width: 50px;
    height: 40px;
    border-radius: 7px;
    border: 1px solid #ddd;
}
.register-filed-info label{
    float: right;
    font-weight: 600;
}
.event-register-details .row .b-r{
    border-right: 1px solid var(--dark);
}
.register-filed-info p{
    margin-bottom: 0px;
}
.authentication-form{
    padding: 30px 70px;
    box-shadow: 0px 0px 5px -3px var(--dark);
    border-radius: 30px;
    border: 1px solid #DBDFE2;
    margin-top: 40px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;    
}
.account-pages .login-logo{
    width: 56%;
}
.btn-primary{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover{
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
}
.authentication-bg .card .card-body > * > * > * {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.authentication-bg .card .card-body > * > * {
  display: flex;
  flex-direction: column;
}
.header-top{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: var(--primary-color);
    padding-left: 3rem;
    padding-right: 3rem;
    min-height: 84px;
    display: flex;
    align-items: center;
}
.header-top > *{
    width: 100%;
    height: 100%;
}
header.main-header{
    padding: 0px;
    background-color: #fff;
}
.authentication-bg header.main-header{
    border-bottom: 1px solid var(--gray-bright-color);
}
.main-header .container-fluid{
    padding: 0;
}
.btn{
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.secondary-btn{
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border-radius: 100px;
    transition: .4s;
}
.secondary-btn:hover{
    background-color: var(--secondary-light-color);
    color: var(--primary-dark-color);
    transform: scale(1.1);
    transition: .4s;
}
.primary-btn{
    background-color: var(--primary-color);
    color: var(--secondary-color);
    border-radius: 100px;
}
.primary-btn:hover{
    background-color: var(--primary-dark-color);
    color: var(--secondary-light-color);
}
.header-top-btn{
    display: flex;
    justify-content: right;
    gap: 20px;
}
.header-center{
    width: 100%;
    height: 100%;
    padding: 0.62rem 3rem;
}
.header-center .navbar{
    justify-content: center;
    height: 100%;
}
header .nav-link{
    color: var(--primary-color);
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 500;
}
header .nav-item:hover .nav-link{
    color: var(--secondary-color);
}
.header-center .navbar-expand-lg .navbar-nav{
    gap: calc( 30px / 2 );
}
.header-center .header-logo img{
    width: 180px;
}
.nav-link:focus-visible{
    box-shadow: none;
}
.dropdown-toggle::after {
    vertical-align: 0.09em;
    border: none;
}
header .nav-item .nav-link{
    position: relative;
    transition: .4s;
}
header .nav-item .nav-link::after{
    content: "";
    vertical-align: 0.09em;
    border: none;
    width: 84%;
    background-color: var(--secondary-color);
    height: 3px;
    left: 50%;
    right: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2;
    position: absolute;
    opacity: 0;
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    margin-left: 0;
}
header .nav-item:hover .nav-link::after{
    opacity: 1;
}
.dropdown-toggle i{
    margin-left: 10px;
}
.navbar-nav .dropdown-menu{
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 5px 9px -6px rgba(0, 0, 0, 0.45);
}
.navbar-nav .dropdown-menu .dropdown-item{
    padding: 13px 20px;
    line-height: 20px;
    transition: .4s;
    font-size: 13px;
    font-weight: 500;
    border-left: 8px solid transparent;
}
.navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color: #eeeef0;
}
.main-banner{
    position: relative;
}
.main-banner .swiper-slide{
    height: 70vh;
    transition-duration: calc(5000ms*1.2);
}
.main-banner .banner-image{
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-color: var(--primary-color);
    background-position: 50%;
    min-height: 100%;
    min-width: 100%;
    transition-duration: 10s;
    transition-property: transform;
    transition-timing-function: linear;
}
.main-banner .swiper-slide-active .banner-image{
    transform: scale(1.3);
    transition-duration: 20s;
}
.swiper-pagination-bullet{
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,16px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,16px));
}
.swiper-pagination-bullet{
    background: #666666;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: var(--white);
}
.main-banner .slide-inner{
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0% 0% 0% 25%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-banner .slide-inner .swiper-heading{
    font-size: 100px;
    font-weight: 900;
    color: var(--primary-color);
    margin-bottom: 30px;
    line-height: 1;
}
.main-banner .slide-inner .swiper-description{
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: var(--roboto-slab);
}
.main-banner .slide-inner .primary-btn:hover{
    color: var(--white);
}
.pary-timing{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.pary-timing .prary {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.heading-title{
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0;
    line-height: 1;
}
#timetable {
    border-collapse: collapse;
    width: 320px;
    margin: 0 auto;
}
table#timetable tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
    background-color: hsla(0,0%,50%,.071);
}
#timetable td, #timetable th {
    padding: 10px 15px;
    border-style: none;
}
.pary-timing .prary{
    background-color: var(--gray-bright-color);
}
#timetable tbody tr > td, #timetable  tbody tr > th {
    vertical-align: top;
    font-size: 18px;
    color: #2b4f45;
    font-weight: 800;
    font-family: var(--verda-bold-font);
    line-height: 1.5;
    border: 1px solid hsla(0,0%,50%,.502);
    border-style: none;
}
#timetable tbody tr:hover > td, #timetable  tbody tr:hover > th {
  background-color: hsla(0,0%,50%,.102);
}
#timetable th {
    text-align: center;
    font-weight: bold !important;
    background-color: #80808012;
}
.recent-info{
    background-color: var(--primary-color);
}
.media-wrapper audio{
    width: 100%;
    min-width: 241px;
    height: 40px;
    background: #222;
    transition: all .5s linear !important;
    border-radius: 50px !important;
    max-width: 350px !important;
}
.mejs-audio {
  background: none !important;
  max-width: 350px !important;
}
.media-wrapper {
  background: none !important;
  max-width: 350px !important;
  border-radius: 50px !important;
  overflow: hidden;
}
.mejs__controls {
  transition: all .5s linear !important;
  border-radius: 50px !important;
  box-shadow: inset 0 0 30px #f5f8fc !important;
  max-width: 350px !important;
}
.audio-play{
    margin-top: 20px;
    margin-bottom: 20px;
}
.prary-desc p{
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 16px;
    font-size: 16px;
    color: var(--primary-color);
}
.pary-timing .recent-info {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: var(--secondary-color);
}
.pary-timing .recent-info ul li .info-icon{
    width: 30px;
}
.pary-timing .recent-info ul li .recente-title{
    display: flex;
    gap: 10px;
    border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 10px;
    align-items: center;
}
.pary-timing .recent-info ul li .recente-title h3{
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
}
/* .pary-timing .recent-info ul li .recente-title h3 strong{
} */
.pary-timing .recent-info ul li p{
    margin: 0px 0px 0px 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
.recent-info-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pary-timing .recent-info ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0px;
}
.pary-timing .recent-info .btn{
    font-size: 14px;
    font-weight: 400;
}
.mejs__playpause-button svg{
    display: block;
}
.icon-column {
    text-align: center;
}
.icon-column img{
    width: 50px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}
.sec-padding{
    padding: 5rem 1rem;
}
.service-bg{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
}
.service-body .service-box {
    background-color: var(--white);
    border-radius: 200px 200px 20px 20px;
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.5);
    width: 22%;
    display: flex;
    flex-direction: column;
    transition: 0.4s;
    padding: 10px;
}
.service-body .service-box a{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    min-height: 350px;
    height: 100%;
}
.service-body .service-box .service-image{
    width: 160px;
    height: auto;
    display: inline-block;  
    border-radius: 100px;
    overflow: hidden;
}
.service-body{
    display: flex;
    justify-content: space-around;
    gap: 60px 60px;
    flex-wrap: wrap;
}
.service-body .service-box:hover {
    background-color: var(--gray-bright-color);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.service-body .service-box h6{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    color: var(--primary-color);
}
.service-bg .row {
    gap: 60px;
}
.home-about .heading-title{
    text-align: left;
    margin-bottom: 2px;
}
.home-about .about-inner-title{
    color: var(--secondary-color);
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1;
    margin-top: 17px;
}
.home-about .home-about-details > *{
    color: var(--primary-color);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    font-size: 18px;
    height: 100%;
    width: 100%;
}
.home-about .home-about-details p{
    margin-bottom: 0.9rem;
    /* margin-bottom: 0rem; */
}
.home-about .home-about-main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.home-about .home-about-main > *{
    width: 50%;
}
.home-about {
    padding: 5rem 5rem 5rem 0rem;
    background-color: #f6f6f6;
}
.home-about .about-image {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.home-about .about-image img{
    display: flex;
    flex-direction: column;
    width: auto;
    background-repeat: no-repeat;
    object-position: left;
    object-fit: contain;
    height: 100%;
    /* height: 520px; */
}
.blank-div{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 60px;
}
footer form{
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    padding: 1.6rem 2rem;
    background-color: var(--white);
    border-radius: 10px;
}
.py-15{
    padding: 15px 0px;
}
footer .heading-title {
    margin-bottom: 35px;
}
footer .primary-btn{
    color: var(--white);
}
footer .primary-btn:hover{
    color: var(--white);
    background-color: var(--primary-light-color);
}
.custom-col-md{
    width: 30%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.custom-col-lg{
    width: 40%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 10%);
}
.gap-40{
    gap: 40px;
}
.fade-up {
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.8s ease-out;
}
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
.history-about .heading-title{
    text-align: left;
    margin-bottom: 22px;
}
.history-about .about-inner-title{
    color: var(--secondary-color);
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1;
}
.history-about .history-about-details{
    color: var(--primary-color);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    padding: 5rem 3rem 5rem 0rem;
}
.history-about .history-about-details p{
    font-size: 1rem;
}
.history-about .history-about-main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /* padding: 3.5rem 2rem 3.5rem 0rem; */
}
.history-about .history-about-main > *{
    width: 50%;
}
.history-about {
    padding: 0rem 0rem;
}
.main-content-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--white);
}
.history-about .about-image {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.history-about .about-image img{
    display: flex;
    flex-direction: column;
    width: auto;
    background-repeat: no-repeat;
    object-position: left;
    object-fit: contain;
    height: 100%;
}
.publish-details{
    padding: 5rem 3rem 5rem 0rem;
}
.publish-details ul{
    margin-bottom: 0px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.publish-details ul li{
    max-width: 350px;
    width: 100%;
}
.publish-details ul li a {
    background: var(--primary-color);
    color: var(--white);
    font-size: 16px;
    width: 100%;
    display: flex;
    border-radius: 100px 100px 100px 100px;
    padding: 10px 0px 10px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: 1;
}
.publish-details ul li a:hover{
    background-color: var(--secondary-color);
}
form .form-control {
    border-radius: 3px;
}
form input.form-control {
    height: 43px;
}
form .form-control:focus{
    box-shadow: 0 0 0 1px var(--blue-light-color),0px 1px 2px rgba(0,0,0,0.15);
    border-color: var(--blue-light-color);
}
.contact-details{
    padding: 5rem 5rem 5rem 0rem;
}
.contact-details form{
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    padding: 1.6rem 2rem;
    background-color: var(--white);
    border-radius: 10px;
}
.contact-details .primary-btn{
    color: var(--white);
}
.contact-details .primary-btn:hover{
    color: var(--white);
    background-color: var(--primary-light-color);
}
.contact-map{
    padding: 2rem;
    padding-top: 0rem;
}
.contact-map iframe{
    width: 100%;
    height: 500px;
}
.board-of-birectors .heading-title{
    margin-bottom: 30px;
}
.directors-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}
.directors-list .directors-body .directors-profile{
    background-color: var(--white);
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    padding: 2rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}
.directors-list .directors-body .directors-profile .directors-image img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    margin: auto;
}
.directors-list .directors-body .directors-profile .directors-name h2{
    font-weight: 600;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0;
    line-height: 1;
}
.directors-list .directors-body .directors-profile .directors-position h3{
    font-weight: 600;
    color: var(--secondary-color);
    text-align: center;
    margin-bottom: 0;
    line-height: 1;
}
.directors-list .directors-body .directors-profile .directors-info{
    font-weight: 400;
    font-size: 16px;
}
.directors-list .directors-body .directors-profile .directors-info p:last-child{
    margin-bottom: 0px;
}
.directors-list .directors-body .directors-upload-data {
    padding: 10px 0px;
    margin-top: 10px;
}
.directors-list .directors-body .directors-upload-data ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0px;
}
.directors-list .directors-body .directors-upload-data ul li {
    margin-left: 8px;
    margin-right: 8px;
}
.directors-list .directors-body .directors-upload-data ul li a {
    font-weight: 400;
    font-size: 15px;
    color: #54595F;
}
.directors-list .directors-body .directors-upload-data ul li a i{
    color: var(--sky-color);
    font-size: 14px;
}
.board-of-directors{
    padding: 5rem 3rem;
}
.board-of-directors .heading-title{
    margin-bottom: 40px;
}
.directors-list .directors-body .directors-profile .directors-info ul{
    padding-left: 30px;
    margin-bottom: 0px;
}
.directors-list .directors-body .directors-profile .directors-info ul li{
    list-style-type: disc;
}
.directors-body {
    display: flex;
    flex-direction: column;
}
.service-desc{
    font-weight: 400;
    font-size: 16px;
    color: #7A7A7A;
}
.service-desc ul{
    padding-left: 30px;
}
.service-desc ul li{
    list-style-type: disc;
}
.service-desc strong, .service-desc b{
    font-weight: 800;
    display: block;
}
.service-desc a{
    color: var(--secondary-light-color);
}
.service-desc a:hover{
    color: var(--secondary-color);
}
.former-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    font-weight: 400;
    color: #333;
    font-size: 15px;
}
.former-list .former-body{
    background-color: var(--white);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
    padding: 1rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}
.former-list .former-body h5{
    margin-bottom: 0px;
    color: var(--primary-color);
    font-weight: 500;
}
.former-list .former-body .former-data ul{
    margin-bottom: 0rem;
}
.service-desc .service-desc-btn{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.service-desc .secondary-btn{
    color: var(--white);
}
.service-desc .secondary-btn:hover{
    background-color: var(--primary-color);
    color: var(--white);
}
.event-nav ul{
    display: flex;
    gap: 20px;
    align-items: center;
}
.btn-outline{
    background-color: var(--white);
    color: var(--dark);
    border-color: var(--gray-bright-color);
}
.event{
    font-weight: 400;
    font-size: 16px;
    color: var(--dark-two);
}
.event-nav .btn-outline{
    padding: 6px 15px;
    font-size: 14px;
    font-weight: 400;
}
.event-bradcrum {
    background-color: rgba(20, 24, 39, .07);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 36px;
}
.event-bradcrum ul{
    margin-bottom: 0px;
}
.event-list .event-details{
    margin-bottom: var(--space);
    margin-top: 40px;
    display: flex;
}
.event-list.no-cal .event-details{
    margin-top: 60px;
}
.event-list .event-details .event-date{
    min-width: 90px;
    text-align: center;
    padding: 0 24px;
    width: 11.11%;
}
.event-list .event-details .event-name-time{
    flex: 1 1 calc(11.11% * 8);
    width: 25%;
}
.event-list .event-details .event-name-time .even-box .start-end-time{
    margin-bottom: 16px;
}
.event-list .event-details .event-name-time .even-box h3{
    font-size: 24px;
    line-height: 1.42;
    font-weight: 700;
    color: var(--dark-two);
}
.event-list .event-details .event-name-time .even-box h3 a{
    color: var(--dark-two) !important;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}
.event-list .event-details .event-name-time .even-box h3 a:hover{
    border-color: var(--dark-two);
}
.event-list .event-list-title{
    font-size: 28px;
    line-height: 1.42;
    color: var(--dark-two);
    font-weight: 500;
}
.event-list .event-details .event-date {
    display: flex;
    flex-direction: column;
}
.event-list .event-details .event-date .month{
    color: #5d5d5d;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
}
.event-list .event-details .event-date .date{
    color: var(--dark-two);
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.42;
}
.event-list .event-details .event-date .year{
    color: #5d5d5d;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
}
.event-list .event-details .event-name-time .even-box .start-end-time{
    font-size: 14px;
}
.event-list .event-details .event-name-time {
    padding: 0 24px;
}
.event .container{
    padding-left: 48px;
    padding-right: 48px;
}
.event-nav{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.event-nav .event-list-style .dropdown-toggle{
    background-color: transparent !important;
    border: none !important;
    padding: 10px;
}
.event-nav .event-list-style .dropdown-toggle svg{
    width: 23px;
    height: 23px;
}
.event-nav .event-list-style ul.dropdown-menu{
    display: none;
    min-width: 8rem;
    padding: 12px calc(12px / 2);
}
.event-nav .event-list-style ul.dropdown-menu.show{
    display: block;
}
.current-event-dates{
    position: relative;
}
.current-event-dates input{
    border: none;
    padding: 0;
    font-size: 28px;
    font-weight: 400;
    position: relative;
}
.current-event-dates::after{
    content: '\f078';
    font-size: 20px;
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.auto-width {
    width: auto;
    min-width: 120px;
    padding-right: 10px;
}
.event-nav .event-month-back, .event-nav .event-month-next {
    font-size: 20px;
    color: #bababa;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{
    background-color: var(--primary-color);
    background-image: unset;
}
.event-nav .event-list-style ul.dropdown-menu .dropdown-item svg{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.event-nav .event-list-style ul.dropdown-menu .dropdown-item {
    font-size: 12px;
}
.event-nav .event-list-style ul.dropdown-menu li a{
    padding: 8px 24px 8px 12px;
}
.event-nav .event-list-style ul.dropdown-menu li:hover a{
    background-color: transparent;
}
.event-nav .event-list-style ul.dropdown-menu li:hover{
    background-color: #f7f6f6;
}
#calendar.fc-theme-standard th{
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
#calendar.fc .fc-scrollgrid-liquid{
    border: none;
    text-align: left;
}
#calendar.fc .fc-scrollgrid-section-liquid > td{
    border: 1px solid var(--fc-border-color);
}
#calendar.fc, #calendar.fc *, #calendar.fc ::after, #calendar.fc ::before{
    text-align: left;
    justify-content: left;
}
#calendar.fc .fc-daygrid-day-number{
    font-size: 24px;
    font-weight: 800;
    padding: 10px;
}
#calendar.fc.fc-liquid-hack td.fc-day:hover {
    border-bottom: 2px solid #000;
}
.fc-daygrid-event{
    border-radius: 10px;
}
.fc-h-event{
    background-color: var(--primary-light-color);
    border-color: var(--primary-light-color);
}
.fc-h-event:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.fc-h-event .fc-event-main{
    padding: 0 8px;
}
.datepicker.datepicker-dropdown{
    min-width: 15rem;
}
.datepicker table{
    width: 100%;
}
.full-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}
.event-nav .event-list-style ul.dropdown-menu li .dropdown-item.active{
    background-color: transparent;
    font-weight: 600;
    color: var(--dark);
}
.datepicker-days table tbody > tr:nth-child(2n+1) > td{
    background-color: hsla(0,0%,50%,.071);
}
.datepicker-days {
    min-width: 20rem;
    padding: 0px 15px;
}
.datepicker-days th{
    font-weight: 400;
}
.datepicker-days  td, .datepicker-days th{
    width: 48px;
    height: 50px;
}
.datepicker-days .active.day{
    background-image: none !important;
    background-color: var(--primary-light-color) !important;
    border-color: var(--primary-light-color);
}
.datepicker-days .active.day:hover{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
    color: var(--white);
}
.event-list .event-start-time h6{
    position: relative;
    background-color: var(--white);
    width: max-content;
    z-index: 1;
    padding-right: 20px;
}
.event-list .event-start-time::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--dark);
    display: block;
    margin-top: -12px;
    position: relative;
    z-index: 0;
    margin-top: -18px;
}
.event-list .event-month-year h6{
    position: relative;
    background-color: var(--white);
    width: max-content;
    z-index: 1;
    padding-right: 20px;
}
.event-list .event-month-year::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--dark);
    display: block;
    margin-top: -12px;
    position: relative;
    z-index: 0;
    margin-top: -18px;
}
.event-next-prev .btn{
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    font-weight: 400;
}
.event-next-prev {
    padding-top: 20px;
    border-top: 1px solid var(--dark);
}
.event-nav .event-month-back:hover, .event-nav .event-month-next:hover{
    color: var(--dark);
}
.policy .policy-desc {
    font-weight: 400;
    font-size: 1rem;
}
.service-inner-page .service-body .service-box {
    background-color: var(--white);
    border-radius: 200px 200px 20px 20px;
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.5);
    width: 22%;
    display: flex;
    flex-direction: column;
    transition: 0.4s;
    padding: 10px;
}
.service-inner-page .service-body .service-box a{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    min-height: 350px;
    height: 100%;
}
.service-inner-page .service-body .service-box .service-image{
    width: 160px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.service-inner-page .service-body{
    display: flex;
    justify-content: space-around;
    gap: 60px 50px;
    flex-wrap: wrap;
}
.service-inner-page .service-body .service-box:hover {
    background-color: var(--gray-bright-color);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.service-inner-page .service-body .service-box h6{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    color: var(--primary-color);
}
.service-inner-page .row {
    gap: 60px;
}
.donate-form{
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: var(--dark);
    padding: 3rem 1rem 5rem;
}
.register-info{
    font-size: 14px;
    font-weight: 400;
    color: var(--dark);
    padding: 3rem 1rem 5rem;
}
.std-register{
    font-size: 1rem;
    font-weight: 400;
    color: var(--dark);
}
.service-desc p:last-child{
    margin-bottom: 0;
}
.policy-desc p:last-child{
    margin-bottom: 0;
}
.history-about .history-about-details p:last-child{
    /* margin-bottom: 0; */
}
.contact-social{margin-bottom: 0;}
.event-back {
    font-weight: 600;
    margin-bottom: 20px;
}
.event-name h1 {
    font-size: 36px;
    font-weight: 500;
    margin: 30px 0px;
}
.event-date h2{
    font-size: 18px;
    margin-bottom: 30px;
}
.event-image {
    margin-bottom: 30px;
}
img{
    max-width: 100%;
    height: auto;
}
.event-desc h3 {
    font-size: 16px;
    font-weight: 600;
}
.event-desc dl dd, .event-desc dl dt{
    font-size: 14px;
    font-weight: 400;
}
.event-desc dl dd{
    text-decoration: dotted;
}
.navbar-expand-xl .navbar-nav .nav-link{padding-left: 0;padding-right: 0;margin-left: calc(30px /2);margin-right: calc(30px /2);}
.navbar-expand-xl .navbar-nav .nav-item:first-child .nav-link{margin-left: 0;}
.datepicker-inline{width: 100%;}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background-image: none !important;
    background-color: var(--primary-light-color) !important;
    border-color: var(--primary-light-color);
    color: var(--white);
}
.fc .fc-scrollgrid-section > *{border-left-width: 1px;border-top-width: 1px;}
.fc .fc-scrollgrid{border: none;}
.policy-desc-title{
    font-size: 1rem;
}
.monthly-timetable th{
    background-color: #eeeeF0 !important;
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 700;
    font-family: var(--verda-bold-font);
}
.monthly-timetable td{
    font-weight: 400;
    font-family: var(--verda-font);
    color: #2b4f45;
}
.monthly-time .heading-title{
    margin-bottom: 50px;
}
.monthly-time .monthly-button{
    text-align: center;
    margin-bottom: 35px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px 10px;
    flex-wrap: wrap;
}
.monthly-time .monthly-button .btn{
    color: var(--white);
    margin-left: 5px;
    margin-right: 5px;
}
.monthly-time .monthly-button .btn:hover{
    transform: unset;
}
.monthly-time .monthly-button .primary-btn:hover{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.monthly-time .monthly-button .primary-btn.current-month{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.monthly-time .monthly-button .primary-btn.current-month:hover{
    background-color: var(--secondary-light-color);
    border-color: var(--secondary-light-color);
}
.monthly-timetable th, .monthly-timetable td{
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-align: center;
}
.monthly-timetable tr{
    text-align: center;
}
.monthly-timetable tbody > tr:nth-child(2n+1) > td, .monthly-timetable tbody > tr:nth-child(2n+1) > th{
    background-color: #80808012;
}
.monthly-timetable tr.current{
    background-color: #82a38b;
}
.monthly-timetable tr.current td{
    color: #000;
    background-color: #82a38b;
}
footer h4{
    font-weight: 500;
    margin-bottom: 15px;
}
footer .footer-link {
    gap: 6px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
footer .footer-link a:hover{
    color: var(--secondary-color);
}
footer .footer-link a::after{
    content: '';
    position: absolute;
    bottom: -2px;
    width: calc(100% - 25px);
    display: inline-block;
    height: 2px;
    background-color: var(--secondary-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    margin-left: 24px;
}
footer .footer-link a:hover::after{
    opacity: 1;
}
.footer-widget .footer-widget-inner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
footer .footer-link a::before{
    content: '';
    width: 10px;
    height: 2px;
    background: var(--primary-color);
    display: block;
    margin-top: 11px;
    transition: all 0.2s ease-in-out;
}
footer .footer-link a:hover::before{
    background-color: var(--secondary-color);
}
footer .footer-link a{
    position: relative;
    padding-left: 5px;
    display: inline-flex;
    gap: 15px;
}
.home-calender {
    margin-bottom: 30px;
}
.home-calender a{
    color: var(--secondary-color);
}
.home-calender.fc .fc-daygrid-day-top{
    flex-direction: column;
}
.home-calender.fc .fc-daygrid-day-number{
    padding: 10px;
}
.home-calender.fc-liquid-hack td, .home-calender.fc-liquid-hack th{
    text-align: left;
    border-color: var(--secondary-color);
}
.home-calender.fc-liquid-hack th{
    border: none;
    background-color: transparent;
}
.home-calender.fc .fc-daygrid-day.fc-day-today{
    background-color: var(--secondary-color);
}
.home-calender.fc .fc-daygrid-day.fc-day-today a{
    color: var(--primary-color);
}
.info-icon svg{
    fill: var(--secondary-light-color);
}
.recent-info-content .event-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5px 50px;
}
.recent-info-content .event-list .event-details{
    margin: 10px 0px;
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 10px;
}
.recent-info-content  .event-list .event-details .event-date .month, .recent-info-content  .event-list .event-details .event-date .year, .recent-info-content  .event-list .event-details .event-date .date{
    color: var(--secondary-color);
}
.recent-info-content .event-list .event-details .event-name-time .even-box h3, .recent-info-content .event-list .event-details .event-name-time .even-box h3 a{
    color: var(--secondary-color) !important;
}
.recent-info-content .event-list .event-details .event-name-time .even-box .start-end-time{
    margin-bottom: 10px;
}
.recent-info-content .event-list .event-details .event-date .month{
    margin-top: 4px;
}
.recent-info-content .event-list .event-details .event-name-time .even-box h3:hover a{
    border-color: var(--secondary-color);
}
.border-member-modal img{
    height: 240px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}
.border-member-modal .member-modal-position p{
    display: flex;
    gap: 0px;
    flex-direction: column;
    margin-bottom: 12px;
}
.border-member-modal .member-modal-year p{
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-bottom: 12px;
}
.border-member-modal .member-modal-desc{
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    margin-bottom: 6px;
    padding: 25px 20px 10px;
}
.border-member-modal p strong{
    min-width: 100px;
    max-width: 100px;
    display: block;
    width: 100%;
    font-size: 18px;
}
.modal .secondary-btn:hover{
    transform: unset;
}
.modal .modal-header .btn-close{
    color: var(--primary-color);
    background-image: unset;
    font-size: 22px;
    line-height: 22px;
    opacity: 1;
}
.modal .modal-header .btn-close:hover{
    color: var(--primary-light-color);
}
.former-data .member-item:hover{
    cursor: pointer;
    text-decoration: underline;
    color: var(--secondary-color);
}
.modal .row > *{
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
.border-member-modal .member-modal-desc p{
    margin-bottom: 0;
}
.market-place .heading-title{
    text-align: left;
    margin-bottom: 0;
}
.market-place .market-place-title{
    color: var(--secondary-color);
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1;
}
.market-place .market-place-details{
    color: var(--primary-color);
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.market-place .market-place-details p{
    font-size: 1rem;
}
.market-place .market-place-main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0rem 0rem 0rem 0rem;
}
.market-place .market-place-main > *{
    width: 50%;
}
.market-place {
    padding: 0rem 0rem;
}
.market-place .market-place {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.market-place .market-place img{
    display: flex;
    flex-direction: column;
    width: 50%;
    background-repeat: no-repeat;
    object-position: center;
    object-fit: cover;
    height: auto;
}
.recent-info .heading-title{
    text-align: left;
    color: var(--secondary-color);
    margin-bottom: 25px;
    display: flex;
    gap: 10px;
    border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 10px;
    font-weight: 400;
    text-transform: capitalize;
}
.recent-info .heading-title strong{
    font-weight: 600;
}
.recent-info .heading-title svg{
    width: 30px;
    fill: var(--secondary-color);
}
.contact-info-title{
    margin-top: 30px;
    margin-bottom: 14px;
}
.contact-info-title h6{
    font-size: 20px;
    margin-bottom: 0;
}
.calendar-header{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}
.calendar-header h4{
    margin-bottom: 0;
}
.calendar-header .btn{
    color: var(--secondary-color);
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.calendar-header .cal-prev, .calendar-header .cal-next{
    padding: 4px 4px;
}
.calendar-header .btn-outline{
    border-color: var(--secondary-color);
    background-color: transparent;
    margin: 0 15px;
}
.calendar-header .btn-outline:hover{
    border-color: var(--secondary-color);
    color: var(--white);
}
.home-calender .fc-h-event .fc-event-main{
    color: var(--secondary-color);
    display: flex;
    gap: 7px;
}
.home-calender .fc-h-event{
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
}
.home-calender .fc-h-event:hover{
    background-color: var(--primary-light-color);
    border-color: var(--primary-light-color);
}
.home-calender .fc-daygrid-event{
    white-space: normal;
}
.home-calender .event-icon{
    width: 18px;
    height: 18px;
    margin-top: 1px;
}
.event-modal p strong{
    min-width: 100px;
    max-width: 100px;
    width: 100%;
    display: block;
}
.event-modal p{
    display: flex;
    gap: 4px;
    margin-bottom: 0;
}
.event-modal .event-data{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.home-calender.fc.fc-liquid-hack td.fc-day:hover{
    border-bottom: 2px solid var(--secondary-color);
}
.event-modal .modal-title{
    color: var(--secondary-color);
}
.account-pages{flex: 1;}
.eye-icon {
    border: 1px solid var(--bs-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.event-desc dl {
    margin-bottom: 0;
}
.event-details .row > *{
    padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);
}
.former-list p {
    margin-bottom: 0;
    margin-top: 0;
}
.former-list span i {
    color: var(--primary-light-color);
}
.former-list p i {
    color: var(--primary-light-color);
}
.former-list span span {
    margin: 2px 0px;
}