@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');

.whatsapp-chat{
    position:fixed;
    width: 50px;
    height: 50px;
    bottom: 49%;
    top: 47%;
    right: 4px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.whatsapp-chat:hover, .whatsapp-chat:focus{
    color: #FFF !important;
    animation: shake-vertical 1s infinite;
}
.my-whatsapp{
    margin-top: 10px;
}
  
/*Using keyframes for shaking an image*/

@keyframes shake-vertical {
    0% { transform: translateY(0); }
    25% { transform: translateY(-5px); }
    50% { transform: translateY(0); }
    75% { transform: translateY(5px); }
    100% { transform: translateY(0); }
}
.headings-bg{
    background: url(../images/headings-right-img.webp) no-repeat left bottom,
    url(../images/headings-left-img.webp) no-repeat right bottom;
    background-size: contain;
}
.designation-ml{
    margin-left: 75px;
}
.headings-bg-clr{
    background-color: #ffe1c0;
}
.headings-font{
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #831c37;
    font-size: 25px;
    line-height: 25px;
}
.home-ban-headings{
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 16px;
    background: #b02504;
}
.sub-headigs-font{
    font-family: 'Montserrat', sans-serif;
}
.cmg-soon, .cmg-soon1{
    background: url(../images/msgs-bg.webp);
    background-size: contain;
    vertical-align: center;
    justify-content: center;
    margin: auto;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    background-repeat: no-repeat;
}
.body-bg{
    background-image: url(../images/body-bg.webp);
    background-repeat: repeat;
}
.header-bg {
    background: url(../images/msgs-bg.webp);
    background-size: contain;
}

/* Banners Section */

.banner-bg {
    background-image: url(images/banner-bg.webp);
}
.banner-borders{
    border: 10px solid transparent;
    border-image: url(../images/banner-border-img.webp) 30 round;
}
.home-ban-sections {
    border: 3px solid #ff8c00;
    background: url(../images/msgs-bg.webp);
    background-size: contain;
    background-repeat: repeat;
}
.border-bottom-image{
    border-image: url(../images/border-bottom-image.webp) 30 round;
    border-bottom: 7px solid;
}
.border-bottom-image-sm{
    border-image: url(../images/border-bottom-image-sm.webp) 30 round;
    border-bottom: 7px solid;
}
.presidents-bg {
    background: url("../images/home-page/body-bg.webp");
}
.some-message{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
}
.donor-slides{
    border-radius: 10px;
    border: 4px solid #fff;
}

/* presidents Message */

.msgs-bg{
    background: url(../images/msgs-bg.webp)
}
.home-messages-headings{
    background: url(../images/message-border-left.png) no-repeat left bottom, url(../images/message-border-right.png) no-repeat right bottom !important;
    background-size: contain !important;
    z-index: 9999;
}
.messages-headings{
    font-weight: bold;
}
.messages-bg{
    background: url(../images/msgs-bg.webp);
    background-size: contain;
    color: #fff;
}
.designation-block {
    position: relative;
    padding: 15px 0px;
}
.designation-block .inner-box {
    position: relative;
    margin-left: 75px;
    background-color: #fff;
    padding-left: 76px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background: url(../images/msgs-bg.webp);
    background-size: contain;
}
.celebrity-name{
    font-size: 13px;
}
.celebrity-designation{
    font-size: 12px;
    color: #fff;
}
.designation-block .inner-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 7px;
    background: linear-gradient(#ff3838, #1d2f41);
    content: "";
}
.designation-block .inner-box:hover .designation-thumb .thumb img {
    transform: scale(1.1);
}
.designation-block .designation-thumb {
    position: absolute;
    top: 25px;
    left: -75px;
    height: 138px;
    width: 138px;
    background: linear-gradient(#ff3838, #1d2f41);
    transition: all 300ms ease;
    padding: 4px;
    border-radius: 50%;
}

.main-heading{
    width: 100%;
    font-size: 35px;
    text-align: center;
    text-transform: capitalize;
    margin: auto;
/*    margin-bottom: 15px;*/
}
.main-heading div{
    /*border-bottom: 7px solid #7F00FF;
    display: inline;
    position: relative;
    top: -64px;
    padding: 0px 30px 10px 30px;
    font-family: 'Poppins', sans-serif;*/
    font-weight: bold;
}
.home-donor-name {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none !important;
    background: transparent;
    word-break: break-word;
    padding: 0px 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.donors-block img{
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 4px solid #fff;
}
.donation-amount {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none !important;
    padding: 0px 10px;
    font-size: 14px !important;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
@media (max-width: 767.98px) {
    .designation-block .inner-box {
        margin-left: 0;
        padding-left: 0;
        padding: 35px 20px;
    }
    .designation-block .designation-thumb {
        position: inherit;
        top: inherit;
        left: 0;
        right: 0;
        margin: auto;
    }
}
.designation-block .designation-thumb .thumb {
    position: relative;
    display: inline-block;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
    border: 4px solid #fff;
}
.designation-block .designation-thumb .thumb img {
    height: 100%;
    width: 100%;
    transition: all 300ms ease;
}
.designation-block .content-box {
    position: relative;
    transition: all 300ms ease;
    color: #fff;
}
@media (max-width: 767.98px) {
    .designation-block .content-box {
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .designation-block .content-box .star-rating {
        margin: 20px auto;
    }
    .gallery-img-div{
        background: linear-gradient(#ff3838, #1d2f41);
        transition: all 300ms ease;
        padding: 4px;
        border-radius: 15px;
        width: 100% !important;
        height: auto;
        margin: auto;
    }
    .gallery-img-div img{
        width: 100% !important;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 10px;
        border: 4px solid #fff;
    }
}
.designation-block .content-box .star-rating span:before {
    color: #ff3838;
    font-weight: 600;
}
.designation-block .content-box .star-rating i {
    margin: 0 1px;
}
.designation-block .content-box .author-text {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #73787d;
    margin-bottom: 15px;
    margin-top: 20px;
}
.designation-block .content-box .name {
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 16px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
}
.designation-block .content-box .job-position {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #ff3838;
    font-weight: 400;
}
.designation-block .content-box span.icon {
    position: absolute;
    font-size: 35px;
    right: -30px;
    bottom: -5px;
    color: #f4f5f8;
    opacity: 0.4;
}
.des-msg{
    color: #fbff24;
}
.des-msg:hover{
    color: #fbff24;
}
.inv-heading{
    writing-mode: vertical-rl;
    text-orientation: upright;
    display: inherit;
    text-transform: uppercase;
    font-size: 9.3px;
/*    border-radius: 30px;*/
    background: #b02504;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*Home Page convention team*/

.leader-block, .invitees-block, .committee-member-block, .speaker-block {
    padding-top: 10px;
    padding-bottom: 10px;
}
.leader-block:hover, .invitees-block:hover, .committee-member-block, .speaker-block:hover:hover{
    cursor: pointer;
}
.leader-block img, .invitees-block img, .member-image, .speaker-block img{
    width: 130px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
}
.speaker-block img {
    border: 4px solid #f89522 !important;
}
.committee-member-div img{
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
}
.committee-member-div img{
    border-radius: 10px;
}
.leader-img-div, .donor-img-div, .invitees-img-div, .speaker-img-div {
    background: linear-gradient(#ff3838, #1d2f41);
    transition: all 300ms ease;
    padding: 4px;
    border-radius: 50%;
    width: 140px;
    margin: auto;
}
.committee-member-div{
    background: linear-gradient(#ff3838, #1d2f41);
    transition: all 300ms ease;
    padding: 4px;
    border-radius: 50%;
    width: 160px;
    margin: auto;
}
.committee-member-div{
    border-radius: 13px;
}
.committee-member-name{
    font-size: 16px !important;
}
.celebrity-det{
    color: #ffffff;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: none !important;
    word-break: break-word;
    padding: 8px 10px;
    height: 55px;
    background: url(../images/msgs-bg.webp);
    background-size: contain;
    border-radius: 10px;
    display: block;
    justify-content: center;
}
.speaker-det{
    color: #ffffff;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: none !important;
    word-break: break-word;
    padding: 8px 10px;
    height: 55px;
    background: #f89522;
    background-size: contain;
    border-radius: 10px;
    display: block;
    justify-content: center;
}
.leader-name, .invitee-name, .donor-name, .committee-member-name, .vg-name{
    color: #ffffff;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: none !important;
    word-break: break-word;
    padding: 0px 10px;
    height: 45px;
    background: url(../images/msgs-bg.webp);
    background-size: contain;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.member-role{
    font-size: 14px !important;
    color: #f55825;
    font-weight: bold;
    text-align: center;
}
.leader-designation, .invitee-designation, .donor-designation, .committee-member-designation{
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none !important;
    padding: 0px 10px;
    font-size: 14px !important;
    color: #7d1f37;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
.committee-member-designation{
    font-size: 16px !important;
}
.leadership-nav-item, .donors-nav-item, .gallery-nav-item {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}
.leadership-nav-link, .donors-nav-link{
    cursor: pointer;
    border-bottom: 1px solid;
    color: #384555;
}
.leadership-nav-item a, .donors-nav-item a{
    color: #384555;
}
.leadership-nav-item a span, .donors-nav-item a span{
    border-bottom: 1px solid;
    cursor: pointer;
}
.leadership-nav-item a span:hover, .donors-nav-item a span:hover{
    color: #7d1f37 !important;
}
.leadership_active_tab_btn, .donors_active_tab_btn, .sponsors_active_tab_btn {
    color: #7d1f37 !important;
    font-weight: 600 !important; 
    font-family: 'Oswald', sans-serif;
}
.gallery-img-div{
    background: linear-gradient(#ff3838, #1d2f41);
    transition: all 300ms ease;
    padding: 4px;
    border-radius: 15px;
    width: 100%;
    margin: auto;
}
.gallery-img-div img{
    width: 100%;
    height: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 4px solid #fff;
}

/* Sponsors */

.sponsors_tabs{
    padding: 10px 15px;
}
.sponsors_tabs .nav-link{
    border-bottom: 1px solid;
    cursor: pointer;
    color: #384555;
    padding: 0px;
    border-radius: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600 !important;
    font-size: 18px;
}

/*Committee Members*/

.committee-member-thumb{

}

.flower-list li {
    background: url(../images/flower-icon.png) no-repeat left 3px;
    padding-left: 28px;
    padding-bottom: 10px;
    list-style: none;
}
/*Media Partners*/

.meadia-partner-image{
    width: 280px;
}
.flex-wrap-nowrap {
    flex-wrap: nowrap;
}
a:-webkit-any-link:focus-visible {
    outline-offset: 0px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/*Gallery Video*/

.gallery-video {
    height: 250px;
}
@media (min-width: 991px) {
    .banner-side-images {
        background: url("../images/home-page/left-side-image.png") no-repeat left bottom, url("../images/home-page/right-side-image.png") no-repeat right bottom !important;
        background-size: contain !important;
    }
}

.banners-bg {
    background: url("../images/home-page/banners-bg.webp") !important;
    background-size: cover !important;
}
.banner-side-images {
    background: none;
}

.custom-btn{
    border-radius: 50px !important;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    border-radius: 50px;
    padding: 8px 18px !important;
    margin: 0px 6px;
}
.custom-registration-btns{
    width: 100%;
    border-radius: 8px !important;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 15px;
}
.custom-registration-btns:hover{
    color: #fff !important;
}
.con-reg-btn{
/*    filter: drop-shadow(2px 2px 4px #ccc);*/
    box-shadow: 0 8px 6px -6px white;
    box-shadow: inset 0 0 4px #3152b1;
    background: linear-gradient(to right, #3152b1 15%, #ef1d42 72%);
    border-radius: 20px !important;
    border: 2px solid;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.ext-reg-btn{
/*    filter: drop-shadow(2px 2px 4px #ccc);*/
    box-shadow: 0 8px 6px -6px white;
    box-shadow: inset 0 0 4px #3152b1;
    background: linear-gradient(to right, #9a5af6 15%, #7337ac 72%);
    border-radius: 20px !important;
    border: 2px solid;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.green-button{
    background-color: #4baf4f;
    filter: drop-shadow(0px 2px 0px #308a0f);
}
.red-button{
    background-color: #ef3b3b;
    filter: drop-shadow(0px 2px 0px #b21414);
}
.info-button{
    background-color: #1f98de;
    filter: drop-shadow(0px 2px 0px #026198);
}
/*Gallery Page css*/

.gallery-nav-link{
    color: #384555;
    border-bottom: 1px solid;
    padding: 0px;
    border-radius: 0px !important;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    padding: 5px 15px;
    border: 1px solid;
}
a.nav-link.gallery-nav-link.active{
    background-color: transparent;
    color: #7d1f37 !important;
    font-weight: 600 !important;
    font-family: 'Oswald', sans-serif;
    padding: 5px 15px;
    border: 1px solid;
    width: max-content;
}
.gallery-outer-borders{
    border: 3px solid #ffc200;
}

.text-yellow{
    color: #fbff24;
}
.shadow-white {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(254 252 255 / 65%);
    -moz-box-shadow: 0px 0px 5px 0px rgb(254 252 255 / 65%);
    box-shadow: 0px 0px 5px 0px rgb(254 252 255 / 65%);
}
footer{
    background-image: url(../images/footer-bg.webp);
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
footer ul li a {
    color: #fff;
}
footer .registration-block{
    padding: 35px 20px;
}
footer .leadership-block{
    padding: 30px 20px;
}
footer ul li {
    padding-bottom: 10px;
    font-size: 16px;
}
footer ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.copy-right-section{
    border-top: 1px solid #723ba9;
    padding: 25px 10px;
}
.copy-right-section{
    color: #fff;
    font-size: 16px;
}
.social-media-icons{
    list-style: none;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.social-media-icons li{
    margin: 0px 5px;
    position: relative;
    z-index: 9;
    padding-bottom: 0px;
}
.social-media-icons li a{
    width: 31px;
    height: 17px;
    line-height: 17px;
    background-color: #fff;
    display: block;
    font-size: 15px;
    text-align: center;
    transition: .5s;
}
.social-media-icons li a i{
    color: #fff;
    position: relative;
    top: 0px;
    left: 0px;
}
.social-media-icons li a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform: rotate(60deg);
}
.social-media-icons li a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform: rotate(-60deg);
}
.social-media-icons li:nth-child(1) a,
.social-media-icons li:nth-child(1) a:before,
.social-media-icons li:nth-child(1) a:after{
    background: #3b5998;
}
.social-media-icons li:nth-child(2) a,
.social-media-icons li:nth-child(2) a:before,
.social-media-icons li:nth-child(2) a:after{
    background: #ff9900;
}
.social-media-icons li:nth-child(3) a,
.social-media-icons li:nth-child(3) a:before,
.social-media-icons li:nth-child(3) a:after{
    background: #007bb6;
}
.social-media-icons li:nth-child(4) a,
.social-media-icons li:nth-child(4) a:before,
.social-media-icons li:nth-child(4) a:after{
    background: #cb2027;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px;
    background-color: #831c36;
    color: white;
}

.web-color-red{
    color: #881a37;
}

.border-2-white{
    border: 2px solid #fff;
}

.text-orange{
    color: #ff9900;
}

.btn-orange {
    background-color: #ff9900;
    border: 2px solid #fff;
    color: #7f1e38;
}

@media (max-width: 1599px){
    .invitees-section {
        height: 19.2vh !important;
        justify-content: center;
        align-items: center !important;
/*        flex-direction: column !important;*/
        display: flex;
    }
    .banners-section {
        height: 51vh !important;
    }
    .grand-sponsors, .sponsors {
        height: 31.1vh !important;
         justify-content: center;
        align-items: center !important;
/*        flex-direction: column !important;*/
        display: flex;
    }
    .banner-btns {
        height: 17vh !important;
    }
    .donors-section {
        height: 50vh;
    }
}

@media (max-width: 1366px){
    .donors-section {
        height: 40vh;
    }
}

@media (max-width: 576px){
    .leader-name, .invitee-name, .donor-name, .committee-member-name, .vg-name{
        height: auto;
        padding: 10px;
    }
    .custom-registration-btns{
        font-size: 10px;
    }
    .donors-section {
        height: 60vh;
    }
    .custom-registration-btns {
        padding: 8px 15px;
    }
}

@media (min-width: 577px) and (max-width: 768px){
    .donors-section {
        height: 66vh;
    }
}


@media screen and (max-width: 991px){
    .leadership-tabs-ul, .invitees-tabs-ul, .donors-tabs-ul, .gallery-tabs-ul{
        display: -webkit-box;
        overflow-x: auto;
    }
    .leadership-tabs-ul::-webkit-scrollbar, .invitees-tabs-ul::-webkit-scrollbar, .donors-tabs-ul::-webkit-scrollbar{
        display: none;
    }
    .leadership-tabs-ul, .invitees-tabs-ul, .donors-tabs-ul, .gallery-tabs-ul{
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .invitees-section{
        height: 14.2vh !important;
    }
}


@media screen and (max-width: 768px){
    .designation-ml{
        margin-left: 0px;
    }
    .leadership-navbar-right-arrow{
        display: none;
    }
    .leadership-tabs-ul, .invitees-tabs-ul, .donors-tabs-ul, .gallery-tabs-ul{
        display: -webkit-box;
        overflow-x: auto;
    }
    .leadership-tabs-ul::-webkit-scrollbar, .invitees-tabs-ul::-webkit-scrollbar, .donors-tabs-ul::-webkit-scrollbar{
        display: none;
    }
    .leadership-tabs-ul, .invitees-tabs-ul, .donors-tabs-ul, .gallery-tabs-ul{
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .headings-font{
        font-family: 'Oswald', sans-serif;
        letter-spacing: 1px;
        color: #831c37;
        font-size: 18px;
        line-height: 30px;
    }
     .floor-levels li{
        font-size: 16px;
    }
    .invitees-section{
        height: 21.2vh !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .donors-section {
        height: 60vh
    }
}
@media (min-width: 1601px) and (max-width: 2500px){
    .banner-btns{
        height: 9vh !important;
    }
    .donors-section{
        height: 46vh;
    }
    .invitees-section{
        height: 15vh !important;
    }
    .banners-section{
        height: 40.5vh !important;
    }
    .grand-sponsors, .sponsors{
        height: 26.5vh !important;
    }
    .cmg-soon{
        height: 50vh;
    }
    .cmg-soon1{
        height: 22vh;
    }

}