/* Font */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    font-family: 'Montserrat', sans-serif;

    overflow-x: hidden;

    background: var(--dark);

}
.error{
    max-width: 50%;
}



p {

    color: #fff;

}



:root {

    --red: #EB1C24;

    --blue: #11409F;

    --dark: #222224;

}



::selection {

    color: black;

    background: white;

}



.text-main {

    color: #EB1C24 !important;

}



.bg-dark {

    background: var(--dark) !important;

}



.text-brand {

    color: var(--blue);

}



.btn-main {

    background: #EB1C24;

    color: white;

    border: 1px solid #EB1C24;

    transition: all linear 200ms;

}



.btn-main:hover {

    background: transparent;

    border-color: #EB1C24;

    color: #EB1C24;

}



.btn-custom {

    color: var(--blue);

    border-bottom: 3px solid var(--blue);

    font-weight: 500;

}



.btn-readmore {

    display: inline-block;

    position: relative;

    padding: 4px 9px;

    font-size: 14px;

    transition: all 300ms linear;

    color: #000;

}

.btn-event{
    position: relative;
}
.btn-event::before{
    position: absolute;
    content: '';
    bottom: -4px;
    left: auto;
    right: 0;
    height: 2px;
    width: 0;
    background: var(--red);
    transition: all 200ms linear;   
}
.btn-event:hover::before{
    width: 100%;
    right: auto;
    left: 0;
}



.btn-readmore:hover {

    color: var(--blue);

}



.btn-readmore:hover::before,

.btn-readmore:hover::after {

    transform: scale(1, 1);

}



.btn-readmore::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    border: 2px solid;

    transform: scale(0, 0);

    transform-origin: left bottom;

    border-color: transparent transparent var(--blue) var(--blue);

    transition: all ease-in 300ms;

}



.btn-readmore::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    transform: scale(0, 0);

    border: 2px solid;

    transform-origin: right top;

    border-color: var(--blue) var(--blue) transparent transparent;

    transition: all ease-in 300ms;

}



.section-title {

    color: white;

    font-size: 28px;

}



.section-subtitle {

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.1em;

    font-weight: 400;

}



.section-subtitle span {

    position: relative;

    z-index: 2;

    color: white;

}



.section-subtitle span::after {

    position: absolute;

    content: '';

    bottom: -8px;

    left: 0;

    width: 100%;

    height: 1px;

    background: var(--red);

    font-weight: 400;

    z-index: 1;

    margin-bottom: 5px;

}



.section-body p {

    line-height: 1.7;

    font-weight: 300;

}



.go-to-top {

    position: fixed;

    bottom: 50px;

    right: 50px;

    padding: 10px 20px;

    z-index: 1;

    border-radius: 50%;

    background: var(--red);

    color: white;

    font-size: 24px;

}





/* Header Start */



.navbar {

    box-shadow: 0px 5px 15px rgba(87, 204, 195, 0.15);

    padding: 0;

}



.logo {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background: white;
}



.nav-link {

    color: white;

    letter-spacing: 0.1em;

    cursor: pointer;

    font-weight: 600;

}



.fa-bars {

    color: black;

}



.nav-dropdown {

    position: relative;

}



.nav-dropdown-item {

    color: white;

    letter-spacing: 0.1em;

    font-size: 14px;

    transition: all 200ms linear;

}





.active a.nav-dropdown-item {

    color: #fff !important;

}



.active a.nav-dropdown-item:hover a.nav-dropdown-item {

    color: #EB1C24 !important;

}



.nav-dropdown-item:hover,

.active a.nav-dropdown-item:hover {

    color: #EB1C24 !important;

    letter-spacing: 0.15em;

}



.nav-dropdown-menu {

    position: absolute;

    opacity: 0;

    list-style: none;

    top: 130%;

    transition: all 200ms linear;

    z-index: 3;

    background: white;

    width: 230px;

    pointer-events: none;

}



.nav-dropdown:hover .nav-dropdown-menu {

    opacity: 1;

    top: 100%;

    pointer-events: auto;

}





/* Header End */



/* Popup start */



#pop-up {

    position: fixed;

    top: 0;

    left: 0;

    display: grid;

    place-items: center;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 10000;

    overflow-y: scroll;

    padding: 1rem 0;

}



.popup-container {

    animation: translatePopup 400ms ease-in;

    background: white;

}



@keyframes translatePopup {

    0% {

        opacity: 0.5;

        translate: 0 25px;

    }



    100% {

        opacity: 1;

        translate: 0 0;

    }

}



#popup-close {

    cursor: pointer;

}



/* Popup end */







/* Home Slider Start */



.home-slider {

    margin-top: 80px;

}



.home-slider .owl-item {

    height: calc(100vh - 250px);

}



.item {

    height: calc(100vh - 250px);

    display: grid;

    place-items: center;

}



.home-slider .owl-dots {

    position: absolute;

    bottom: 40px;

    left: 0;

    right: 0;

}



.home-slider-img::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}





.home-slider-img {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.slider-text {

    position: relative;

    z-index: 2;

    width: 60%;

}



.slider-text h1 {

    color: white;

    font-size: 50px;

    font-weight: 800;

    line-height: 1.5;

}



.slider-text a {

    border-radius: 30px;

}



/* Home Slider End */







/* Home About Start */



.about {

    margin: 6rem 0;

}



.about-img {

    background-image: url('../images/bg_1.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



/* Home About End */







/* Milestone Start */



.milestones {

    padding: 4rem 0;

    position: relative;

    background: var(--blue);
    
    background-position: center;
    
    background-size: cover;
    
    background-repeat: no-repeat;
    
    background-attachment: fixed;

}




/* Milestone End */







/* Home Events Start */



.events {

    padding: 4rem 0;

}



.event-card {

    transition: all ease-in 300ms;

}



.event-card:hover {

    transform: translateY(-10px);

}



.event-date {

    color: white;

    padding: 4px 6px;

    background: var(--red);

    text-align: center;

    position: absolute;

    top: 10px;

    right: 0;

    border-radius: 0.5rem 0 0 0.5rem;

}



.event-details {

    box-shadow: 0px 10px 15px -3px rgba(255, 255, 255, 0.3);

    position: relative;

    margin-top: -80px;

}



.event-side-details {

    box-shadow: 0px 10px 15px -3px rgba(255, 255, 255, 0.3);

}



.event-venue {

    border-bottom: 1px dotted gray;

}



.event-venue span {

    font-size: 15px;

}



.event-description {

    font-size: 16px;

    color: black;

    margin-top: 10px;

}



.event-details a {

    font-size: 13px;

}



.event-title a {

    color: #000;

    transition: all linear 300ms;

}



.event-title a:hover {

    color: var(--red);

}



.event-image img {

    object-fit: cover;

    height: 360px;

    box-shadow: 0px 10px 15px -3px rgba(255, 255, 255, 0.3);

}



.event-single {

    padding: 6rem 0;

}



.event-single-img {

    position: relative;

}



.event-single-img img {

    height: 500px;

}



.event-single-container {

    box-shadow: 0px 5px 15px rgba(87, 204, 195, 0.15);

}



.upcoming-events,

.event-details {
    background: #F2F2F2;
}
.upcoming-events h6 a{
    color: black;
    transition: all 300ms linear;
}
.upcoming-events h6:hover a{
    color: var(--red);
}



.share-event .social-share li a {

    background: #fff;

}



/* Previous Events Start */



.prev-events {

    padding: 4rem 0;

    background-color: #28282A;

}



.prev-event-card {

    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);

}



.prev-event-card-des p {

    font-size: 12px;

}



.prev-event-card-img img {

    height: 250px;

}



.prev-event-card-title a {

    transition: all 300ms linear;

    color: var(--dark);

}



.prev-event-card-title a:hover {

    color: var(--blue);

}





/* Previous Events End */



/* Home Events End */







/* Home news Start */



.news {

    background-color: #28282A;

    padding: 4rem 0;

}



.news-category,

.news-date {

    color: var(--blue);

    font-size: 14px;

}



.news-category::before {

    vertical-align: middle;

    width: 4px;

    height: 4px;

    background: var(--blue);

    border-radius: 50%;

    content: '';

    display: inline-block;

    margin-right: 4px;

}



.news-image img {

    height: 300px;

}



.news-title a {

    color: #28282A;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 300ms linear;

}




.news-title:hover a {
    background-size: 100% 2px;
    color: var(--blue);

}

.news-title:hover a::before{
    width: 100%;
}



.news-single {

    padding: 6rem 0;

}



.news-single-container {

    box-shadow: 0px 5px 15px rgba(87, 204, 195, 0.15);

}



.single-news-cat {

    padding: 5px 10px;

    border: 1px solid #D7D3CB;

    border-radius: 100px;

}



.news-single-img {

    position: relative;

}



.news-single-img img {

    height: 600px;

}



.news-single-date {

    height: 80px;

    width: 80px;

    border-radius: 50%;

    background: var(--blue);

    color: white;

    position: absolute;

    right: 30px;

    top: 30px;

    z-index: 1;

    display: grid;

    place-items: center;

}
.recent-posts h6 a{
    color: white;
    transition: all 300ms linear;
}
.recent-posts h6:hover a{
    color: var(--blue);
}



.share-news {

    font-size: 18px;

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #ccc;

}



.social-share {

    display: flex;

    gap: 10px;

}



.social-share li a {

    background: #eeeeff;

    padding: 9px 13px;

    border-radius: 50%;

    transition: all 300ms linear;

}



.social-share a {

    transition: all 300ms linear;

    color: var(--red);

}



.social-share li:hover a {

    background: var(--red);

    color: #fff;

}



/* news Home End */



/* Association start */





.partners-associations {

    margin: 6rem 0;

}



.associations {

    padding: 3rem 0;

}



.association-slider .owl-theme .owl-nav.disabled+.owl-dots {

    margin: 0 !important;

}



.association-slider .owl-dots {

    position: absolute;

    bottom: -40px;

    left: 0;

    right: 0;

}



.association-logo img{

    transition: all 300ms linear;

}



.association-logo img:hover{

    transform: translateY(-20px);

}



/* Association end */







/* Boardmembers start */



.board-members {

    margin: 6rem 0;

}

.board-member-img img {

    height: 400px;

    border-radius: 15px;

}



.board-member-img{

    position: relative;

}



.board-member-img::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: var(--red);

    border-radius: 15px;

    opacity: 0;

    z-index: 1;

    transition: all 200ms linear;

}

.board-member-img:hover::before{

    opacity: 0.4;

}



.board-member-description{

    position: relative;

}



.board-member-description h4{

    font-weight: 700;

}

.board-member-description h6{

    font-weight: 600;

    color: #9c9c9c !important;

}



.board-member-description::after{

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    height: 5px;

    width: 40px;

    background: var(--red);

    transform: skew(-30deg);

}





/* Boardmembers end */





/* Medical Team start */





.medical-members {

    margin: 6rem 0;

}



.medical-member-card {

    position: relative;

}



.medical-team-img {

    position: relative;

    overflow: hidden;

}



.medical-member-card:hover .medical-description{

    transform: scaleY(1);

    opacity: 1;

}



.medical-team-img img {

    height: 400px;

}



.medical-team-details {

    background: white;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

}



.medical-description {

    transform: scaleY(0);

    transform-origin: top;

    transition: all 350ms ease-in;

    color: #000;

    opacity: 0;



}



/* Medical Team end */



/* Field co-ordinator start */

.coordinator-team-img img {

    height: 400px;

}

.field-coordinator {

    margin: 6rem 0;

}



.coordinator-team-details {

    background-color: var(--dark);

}



.coordinator-team-details p {

    opacity: 0;

    color: white;

    transition: all 200ms linear;

}

.coordinator-team-details{

    transition: all 300ms linear;

}

.coordinator-member-card:hover .coordinator-team-details p {

    opacity: 1;

}



.coordinator-member-card:hover .coordinator-team-details {

    transform: translateY(-40px);

}



/* Field co-ordinator end */





/* Rules and regulation start */



.rules-regulation {

    margin: 6rem 0;

}



dt {

    font-size: 24px;

}



dd {

    padding-left: 15px;

    margin-bottom: 20px;

}



/* Rules and regulation end */





/* Registration Form start */



.registration-form {

    margin: 6rem 0;

}



.form-table td,

.form-table th {

    padding: 10px;

}



.form-table tr:nth-child(odd) {

    background-color: #f5f5f5;

    color: #000;

}



.form-table tr:nth-child(odd) a {

    color: #000;

}



.form-table tr:nth-child(even) a {

    color: #fff;

}





/* Registration Form end */



/* Breadcrumb Start */



.breadcrumbs {

    background: url('../images/bg_1.jpg');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 240px;

    position: relative;

    display: grid;

    place-items: center;

    margin-top: 80px;

}



.breadcrumbs::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: var(--blue);

    opacity: 0.8;

}



.breadcrumb-title {

    font-size: 40px;

}



/* Breadcrumb end */





/* Contact Section Start */



.contact {

    margin: 4rem 0;

}



.contact-form {

    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(255, 255, 255, 0.3) 0px 30px 60px -30px;

}



.contact-input {

    padding: 10px 15px;

    border-radius: 25px;

    margin-bottom: 10px;

    outline: 0;

    border: 1px solid #ccc;

}



.contact-input:focus {

    box-shadow: 0 0 2px 1px var(--red);

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

    appearance: textfield;

  -moz-appearance: textfield;

}



/* Contact Section End */



/* Gallery section start */



.gallery {

    margin: 6rem 0;

}



.gallery-thumbnail {

    position: relative;

    overflow: hidden;

    height: 300px;

}



.gallery-thumbnail img {

    height: 100%;

    transition: all ease-in-out 500ms;

}



.gallery-thumbnail:hover img {

    scale: 1.1;

}



.gallery-card a {

    color: white;

    transition: all ease-in-out 300ms;

}



.gallery-card a:hover {

    color: var(--red);

}



.gallery-single-card {

    position: relative;

    height: 350px;

    overflow: hidden;

}



.gallery-single-card img {

    transition: all 500ms ease;

    height: 100%;

}



.main-thumbnail {

    position: relative;

    z-index: 1;

    width: 250px;

}



.gallery-card {

    position: relative;

}



.gallery-hover span {

    color: #fff;

    font-size: 90px;

    font-weight: 300;

}



.gallery-hover {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: var(--red);

    opacity: 0.8;

    display: grid;

    place-items: center;

    transform: scale(1, 0);

    transition: all 800ms ease;

    transform-origin: bottom center;

    z-index: 2;

}





.gallery-single-card:hover .gallery-hover {

    transform-origin: top center;

    transform: scale(1, 1);

}



.gallery-single-card:hover img {

    scale: 1.05;

}



#prev-img,

#next-img {

    position: absolute;

    top: auto;

    bottom: auto;

    z-index: 1032;

    padding: 10px;

    cursor: pointer;

}



#prev-img {

    left: 5%;

}



#next-img {

    right: 5%;

}



#prev-img i,

#next-img i {

    font-size: 40px;

}





#gallery-modal {

    position: fixed;

    top: 0;

    left: 0;

    height: 100vh;

    width: 100vw;

    z-index: 1030;

    background-color: rgba(0, 0, 0, 0.8);

    padding: 100px;

    display: grid;

    place-items: center;

}



@keyframes zoom {

    0% {

        scale: 0;

    }



    100% {

        scale: 1;

    }

}



#close-out {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0);

    z-index: 1;

}



#gallery-modal img {

    animation: zoom 300ms ease-in;

    width: 100%;

    height: 100%;

    max-width: 800px;

    max-height: 600px;

    position: relative;

    z-index: 2;

}



.view-img {

    cursor: pointer;

}



#close {

    position: absolute;

    right: 5%;

    top: 50px;

    z-index: 1000;

    font-size: 40px;

    color: #fff;

    cursor: pointer;



}





/* Gallery section end */





/* Footer Start */

.footer {

    background: var(--blue);

    padding: 40px 10px 0 10px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

}



.footer-widget a {

    color: rgb(255, 255, 255);

}



.footer-widget i {

    color: white;

}



.footer-widget .logo {

    height: 100px;

    width: 100px;

}



.footer-heading {

    color: #fff;

}



/* Footer End */