@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

main {
    overflow-x: hidden;
}

ol li,
ul li {
    margin-bottom: 10px;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1.5s;
}

.navbar-nav .nav-link {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

.navbar {
    padding: 2rem 0rem 2rem 0rem;
    height: 120px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 15px;
    z-index: +99999;
    position: fixed;
    width: 100%;
    background: #ffffff;
}

.navbar-nav .nav-link {

    padding: 8px 0px !important;

    font-family: "Open Sans", sans-serif;

}



.navbar-nav .nav-link.active {

    color: #00AEEF;

    position: relative;

}



.navbar-nav .nav-link.active::before {

    content: '';

    background-color: #00AEEF;

    height: 3px;

    width: 42px;

    position: absolute;

    left: 0;

    bottom: 0;

}



.navbar-nav .nav-item {

    margin-right: 35px;

}



.navbar-nav .nav-link:hover {

    color: #00AEEF;



}



.header-social-icons {

    padding: 0;

    display: flex;

    justify-content: end;

    gap: 10px;

    margin: 0;

}



.header-social-icons li {

    list-style: none;
    background: #7b7b7b;
    /*    padding: 10px 12px;*/
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px #33333361;

}

.header-social-icons li a:hover {
    background-color: #032f60;
    border-radius: 5px;
    /*    box-shadow: 0px 4px 4px 0px #032f60;*/

}

.header-social-icons li a {

    padding: 5px 8px;

}

.header-social-icons li:hover {

    background-color: #3EBDC6;

}



.header-social-icons li i {

    font-size: 17px;

    color: #ffffff;

}



.img-fluid {

    width: 100%;
    height: auto;

}



.banner-sec {

    position: relative;
    margin-top: 120px;


}



.banner-sec .banner-content {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px;

}

.banner-sec .home-page {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    /* background: #0000008c; */

    padding: 20px;

    background: #000000;

    background: linear-gradient(0deg, rgb(0 0 0 / 75%) 21%, rgb(0 87 183 / 70%) 100%);

    /*background: linear-gradient(0deg, rgb(0 0 0 / 95%) 21%, rgb(0 87 183 / 75%) 100%);*/

    /* border-radius: 10px; */

}

.banner-sec .banner-content h1 {

    font-family: "Open Sans", sans-serif;

    color: #fff;

    font-weight: 600;

    font-size: 65px;

}

.banner-sec .banner-content h2 {

    font-family: "Open Sans", sans-serif;

    color: #fff;

    font-weight: 600;

    font-size: 65px;

}



.banner-sec .banner-content p {

    color: #fff;

    font-size: 23px;

    margin-top: 23px;

    margin-bottom: 35px;

}



.banner-sec .banner-content a:hover {

    background-color: #3EBDC6;

}



.banner-sec .banner-content a {

    box-shadow: 0px 4px 4px 0px #37B4E375;

    background: #00AEEF;

    color: #fff;

    text-decoration: none;

    padding: 15px 25px;

    transition: background 0.3s ease;

    border-radius: 100px;

}



.banner-sec .banner-content a i {

    margin-left: 8px;

}



.banner-float-btn {
    position: fixed;
    right: -68px;
    top: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
}



.banner-float-btn a {
    text-decoration: none;
    rotate: -90deg;
    color: #ffffff;
}


.vertical-text:hover {
    background-color: #032f60;
}

.banner-float-btn a:hover {
    background-color: #3EBDC6;
    border-radius: 18px;

}


.vertical-text {
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
    border-radius: 0;
    text-decoration: none;
    background-color: #00AEEF;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 30px;
    border-top-left-radius: 18px;
    /* border-bottom-left-radius: 25px; */
    border-top-right-radius: 18px;
    /* border-bottom-right-radius: 25px; */
    box-shadow: -3px 1px 13px 0px #37B4E375;
}



.vertical-text span {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 17px;

    margin: 1px 0;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    line-height: 20px;

}



.ptb-80 {

    padding: 80px 0px;

}







.about-content {

    max-width: 600px;

    margin: auto;

}



.about-content h4 {

    color: #00AEEF;

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 20px;

}



.about-content h1 {

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 15px;

    font-family: "Open Sans", sans-serif;

    margin-bottom: 12px;

    common-pcolor: #000;

}



.common-p,
p {

    font-size: 19px;

    color: #000000;

    line-height: 31px;

    margin-bottom: 15px;

    font-weight: 400;

}



.about-content .button-group {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 15px;

}



.about-content .button-group a, .button-group a {

    text-decoration: none;

    background-color: #00AEEF;

    color: #fff;

    /* padding: 10px 20px; */

    border-radius: 30px;

    font-weight: 500;

    transition: background 0.3s ease;

    width: 171px;

    height: 45px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: anchor-center;

    font-size: 14px;

    font-weight: 500;

    box-shadow: 0px 4px 4px 0px #37B4E375;

}



.about-content .button-group a:hover, .button-group a:hover {

    background-color: #3EBDC6;

}



.common-heading {

    font-family: "Open Sans", sans-serif;

    font-weight: 600;

    font-size: 36px;

    line-height: 46px;

    color: #1A181780;

    padding-bottom: 15px;

    text-align: center;

    color: #000;



}



.counter-sec {

    background-color: #F6F3E4;

}







.counter-box {

    padding: 30px 20px;

    flex: 1 1 250px;

    text-align: center;

    border-right: 1px solid #0000001A;

    margin-top: 30px;

}





.counter-box .icon {

    font-size: 30px;

    margin-bottom: 10px;

}



.counter-number {

    font-size: 65px;

    font-weight: 700;

    color: #3EBDC6;

    font-family: "Open Sans", sans-serif;

}



.counter-title {

    font-size: 26px;

    margin: 5px 0;

    font-weight: 500;

    font-family: "Open Sans", sans-serif;

    color: #000;

}



.counter-subtext {

    font-size: 18px;

    color: #000000;

    font-weight: 500;

}



.latest-mtai-card {

    padding: 29px;

    background: #3EBDC6;

    border-radius: 12px;

    transition: all .3s ease-in-out;
    /* height: 480px; */

}



.latest-mtai-card:hover {

    background: #00AEEF;

}



.latest-mtai-card h6 {

    color: #fff;

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

}



.latest-mtai-card p {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}



.latest-mtai-card a {

    color: #fff;

    font-size: 16px;

}



.members-sec {

    background-image: url(../images/members-bg-img.svg);

    background-repeat: no-repeat;

    background-size: cover;

}



.sub-heading {

    font-weight: 400;

    font-size: 19px;

    line-height: 31px;

    color: #1A1817;

}



.our-member-card {}



.our-member-card h6 {

    font-weight: 500;

    text-align: center;

    font-size: 20px;

    line-height: 24px;

    color: #161B27;

}



.our-member-card p {

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    line-height: 24px;

}



.our-member-img {

    text-align: center;

    background: #fff;

    /*    min-height: 212px;*/

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

    margin-top: 30px;

    margin-bottom: 12px;

}



.our-member-img img {

    transition: all .3s ease-in-out;
    width: 100%;
    border-radius: 15px;

}



.our-member-img:hover img {

    transform: scale(1.1);

}





.latest-news-card {

    background-color: #fff;

    border-radius: 10px;

    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */

    overflow: hidden;

    margin-top: 30px;

    transition: transform 0.3s ease;

    /*    padding: 15px;*/

    box-shadow: -2px 2px 13px 0px #00000014;

    border: 1px solid #E5E0CF;

    /*    padding-bottom: 30px;*/

    position: relative;

}



.latest-news-card:hover {

    transform: none;

}



.latest-news-card img {

    width: 100%;

    height: auto;

    display: block;

    transition: .3s all ease-in-out;

}



.latest-news-card .card-content {

    padding: 30px;

}



.latest-news-card .card-title {

    font-size: 18px;

    font-weight: 500;

    color: #333;

    margin: 0 0 8px;

    /*    margin-top: 18px;*/

    padding-bottom: 5px;

    line-height: 29px;

    /*    margin-bottom: 30px;*/

}



.latest-news-card .card-meta {

    font-size: 14px;

    color: #000000;

    margin-bottom: 10px;

    font-weight: 500;

    line-height: 20px;

}



.latest-news-card .card-description {

    font-size: 16px;

    color: #8A8C8D;

    margin-bottom: 16px;

    line-height: 1.5;

    font-weight: 400;

    line-height: 30px;

}



.read-more {

    display: inline-block;

    background-color: #23BEF3;

    color: #fff;

    padding: 15px 30px;
    cursor: pointer;

    text-decoration: none;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 500;

    transition: background-color 0.3s ease;

    box-shadow: 0px 4px 4px 0px #33333361;
    border: none;

}

.select-option-btn {

    display: inline-block;

    background-color: #23BEF3;

    color: #fff;

    padding: 15px 30px;
    cursor: pointer;

    text-decoration: none;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 500;

    transition: background-color 0.3s ease;

    box-shadow: 0px 4px 4px 0px #33333361;
    border: none;

}


.read-more:hover {
    background-color: #3EBDC6;
    color: #fff;
}



.newsletter-sec {

    background-image: url(../images/newsletter-bg-img.svg );

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    background-position: right;

}



.newsletter-vector {

    position: absolute;

    bottom: 0;

    right: 0;

}





.newsletter-sec .form-control,

.newsletter-sec .form-select,

.newsletter-sec textarea {

    border-radius: 25px;

    padding: 12px 20px;

    font-size: 14px;

}



.newsletter-sec textarea {

    border-radius: 20px;

    resize: none;

}



.newsletter-sec .submit-btn {

    border-radius: 50px;

    padding: 10px 30px;

    font-size: 16px;

    font-weight: 600;

    background: #23BEF3;

    border: none;

    color: #fff;

    transition: 0.3s;

    height: 53px;

    position: relative;

    z-index: 9;

}



.newsletter-sec .submit-btn:hover {

    background: #00AEEF;

}



.newsletter-sec .common-heading {

    color: #fff;

}



.newsletter-sec p {

    color: #fff;

    font-weight: 400;

    font-size: 19px;

    line-height: 31px;

    color: #fff;

    margin-bottom: 30px;



}



.newsletter-sec input {

    height: 53px;

}



.newsletter-sec select {

    height: 53px;

}



.newsletter-sec textarea {

    height: 192px;

}



.newsletter-vec-2 {

    position: absolute;

    left: 7%;

}



.footer {

    background: #032f60;
    padding: 80px 0px 30px 0px;

}



.footer-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    gap: 20px;

}



.footer-column {

    min-width: 150px;

}



.footer-column h4 {

    margin-bottom: 10px;

    font-family: "Open Sans", sans-serif;

    font-weight: 700;

    font-size: 20px;

    line-height: 50px;

    color: #ffffff;

    text-transform: uppercase;

}



.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0;
}

.footer-contact p {
    margin-left: 0;
}



.footer-column ul li {

    margin-bottom: 8px;

}



.footer-column ul li a {

    text-decoration: none;

    color: #ffffff;

    transition: 0.3s;

}



.footer-column ul li a:hover {

    text-decoration: underline;

}

.footer-contact a {

    text-decoration: none;

    color: #ffffff;

    transition: 0.3s;
    font-size: 16px;
    cursor: pointer;

}



.footer-contact a:hover {

    text-decoration: underline;
    cursor: pointer;

}



.footer-contact {

    /*padding: 38px;*/

    border-radius: 15px;

    /* background-image: url(../images/footer-sec-bg.svg); */

    /* background-size: cover; */

    /* background-repeat: no-repeat; */

    text-shadow: 0px 2px 2px #163A6113;

    padding-bottom: 54px;

    /*background-color: #3EBDC6;*/

}



.footer-contact h4 {

    /* margin-bottom: 10px; */

    font-family: Poppins;

    font-weight: 600;

    font-size: 20px;

    line-height: 50px;

    text-transform: uppercase;

    /* letter-spacing: 20px; */

    color: #fff;

}



.footer-contact i {

    margin-right: 19px;

    font-size: 27px;

    color: #ffffff;

}



.footer-contact p a {

    font-size: 16px;

    color: #ffffff;

    text-decoration: none;

    transition: all .3s ease;

}

.footer-contact p a:hover {
    text-decoration: underline;
}

.footer-contact p {
    font-size: 16px;
    color: #ffffff;
    display: flex;
    align-items: center;
}



/*.footer-contact p a:hover i {

    color: #03759c;

}*/

.footer-contact i {
    font-size: 14px;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border: 1px solid #DEDDB5;
    border-radius: 104px;
    padding: 10px;
}

.footer-bottom {

    background: #fff;

    padding: 22px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 14px;

    border-top: 1px solid #ddd;

    background: #032f60;

}



.mobile-social-icons {

    display: none;

}



.footer-bottom span {

    /* font-family: "Rhodium Libre", serif; */

    font-weight: 400;

    font-size: 16px;

    line-height: 34.5px;

    color: #fff;

}



.footer-bottom span a {

    color: #fff;

    text-decoration: none;

}

.footer-bottom span a:hover {

    text-decoration: underline;

}

.navbar-toggler-icon {

    background: #00b1f0;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

}



.navbar-toggler-icon i {

    color: #fff;

}



.banner-content h6 {

    font-size: 28px;

    font-weight: 500;

    color: #00AEEF;

}



.board-memb-card {

    background-color: #ffffff;

    border-radius: 9px;

    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

    /* width: 300px; */

    text-align: center;

    overflow: hidden;

    margin-top: 30px;

    border: 1px solid #E8E8E8;

    box-shadow: 0px 3px 10px 0px #65848C40;

}



.board-mem-img {

    overflow: hidden;

}



.board-memb-card img {

    width: 100%;

    height: auto;

    border-top-left-radius: 9px;

    border-top-right-radius: 9px;

    transition: all .4s ease-in-out;

}



.board-memb-card img:hover {

    transform: scale(1.1);

}



.board-memb-card .card-content {

    padding: 20px 5px;

    background: #F4F4F4;

}



.board-memb-card h3 {

    margin: 10px 0 5px;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    color: #000000;

}



.board-memb-card p {

    margin: 0;

    color: #7B7B7B;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 20px;

}



.board-memb-card .card-icons {

    margin: 15px 0;

    display: flex;

    justify-content: center;

    gap: 7px;

}



.board-memb-card .card-icons a {

    text-decoration: none;

    color: white;

    background-color: #0077b5;

    padding: 13px;

    border-radius: 5px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    /*width: 30px;

    height: 30px;*/

}



.board-memb-card .card-icons a:hover {

    background-color: #04527a;

}



.board-memb-card .card-icons a.email {

    background-color: #6c757d;

}



.board-memb-card .card-icons a.email:hover {

    background-color: #53585d;

}



.board-memb-card .card-icons svg {

    width: 18px;

    height: 18px;

}



.secretariate-sec {

    background-color: #F6F3E4;

}



.secretariate-sec .card-content {

    background-color: #fff;

}



.vertical-text:hover {

    /* background: linear-gradient(96.94deg, #3892bd 5.95%, #CEECEE 85.76%); */

}



.about-img {

    overflow: hidden;

}



.about-img img:hover {

    transform: scale(1.1);

}



.about-img img {

    transition: all 0.4s ease-in-out;

}



.members-internal-page {

    background-image: none;

    background-color: #f0f0f0;

}



.members-internal-page .our-member-img {

    min-height: 120px;

    border: 1px solid #E5E0CF;

    border-radius: 10px;

    box-shadow: 0px 4px 4px 0px #00000014;

    margin-top: 10px;

}

.members-internal-page .our-member-img img {
    width: 100%;
    border-radius: 15px;
}



.news-pagination {

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: center;

    margin-top: 50px;

    gap: 10px;

}



.news-pagination li {

    list-style: none;

    width: 45px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #D5D6DF;

}



.news-pagination li a {

    color: #030229;

    display: block;

    text-decoration: none;

    /* border: 1px solid #D5D6DF; */

    font-size: 14px;

}

.latest-news-img {
    overflow: hidden;
}

.latest-news-card:hover .latest-news-img img {

    transform: scale(1.1);

}

.latest-news-card:hover .card-title {

    /*    border-bottom: 1px solid #000;*/

}

.banner-content p a {

    padding: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

}

.internal-banner .banner-content p {
    margin: 0;
    padding-left: 5px;
}

.internal-banner img {
    height: 300px;
    object-fit: cover;
}

.news-pagination li:hover {

    background-color: #f2f2f2;

}

.internal-banner .banner-content h1 {

    color: #00AEEF;

}

.contact-banner .banner-content {
    background: transparent;
    position: relative;
    background: #11161F;
    height: 400px;
}

.contact-container {
    /* background: #fff; */
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    border: 1px solid #1A18170D;
    box-shadow: 0px 2px 41px 0px #0000001A;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    background: #1A18170D;
    border: none;
    border-radius: 8px;
    padding: 17px 22px;
    border: 1px solid #1A18170D;
    appearance: auto;
}

.file-upload-container {
    background: #1A18170D;
    border: none;
    border-radius: 8px;
    padding: 17px 22px;
    border: 1px solid #1A18170D;
    appearance: auto;
    font-weight: 600;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    outline: none;
    box-shadow: none;
    background: #eee;
}

.contact-form .btn-submit {
    background: #23BEF3;
    border: none;
    border-radius: 25px;
    padding: 15px 30px;
    color: white;
    /* box-shadow: 0 4px 8px rgba(0, 196, 255, 0.4); */
    margin-top: 40px;
    width: 143px;
    box-shadow: 0px 4px 4px 0px #33333361;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 79px;
}

.contact-form .btn-submit:hover {
    background-color: #3EBDC6;
}

.contact-info {
    background: #06aeef;
    color: white;
    padding: 50px !important;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sv_location {
    color: #ffffff;
}

.contact-info i {
    font-size: 14px;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border: 1px solid #DEDDB5;
    border-radius: 104px;
    padding: 10px;
}

.contact-info .social-icons a {
    color: white;
    font-size: 18px;
    margin-right: 0;
}

.contact-page {
    background: #F6F3E4;
    padding: 80px 0px 80px 0px;
}

.contact-form {
    padding: 50px;
    padding-bottom: 0;
    background: #fff;
}

.contact-form h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    color: #1A181780;
    color: #000000;
}

.contact-form p {
    color: #1A1817;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1A181780;

}








.code_of_content p {
    font-size: 18px;
    line-height: 28px;
}

.code_of_content ol li {
    font-size: 18px;
    line-height: 28px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1A181780;

}

.contact-form select {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1A181780;

}

.contact-info h6 {
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px;
}

.contact-info p {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.contact-info p a {
    color: #fff;
    text-decoration: none;
}

.contact-info p i {}

.map-sec {
    background: #F6F3E4;
    padding-bottom: 80px;
}

.complaint-ucmpmd {
    background-color: #fff;
}

.about-ucmpmd {
    background-color: #F6F3E4;
}

.status-card {
    background: #fff;
    /* border-radius: 8px; */
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
    text-align: center;
    padding: 30px 20px;
    margin: 10px;
    position: relative;
    transition: transform 0.3s;
    width: 248px;
    height: 246px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 2px 25px 0px #00000026;
}

.status-card:hover {
    transform: translateY(-4px);
}

.status-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

.received-blue::after {
    background-color: #23bef3;
}

.under-process-yellow::after {
    background-color: #f9d464;
}

.resolve-green::after {
    background-color: #66bb6a;
}

.rejected-red::after {
    background-color: #f44336;
}

.status-number {
    font-size: 60px;
    font-weight: 700;
    color: #3EBDC6;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 8px;
    line-height: 44px;
}

.received {
    color: #23bef3;
}

.under-process {
    color: #f9d464;
}

.resolve {
    color: #66bb6a;
}

.rejected {
    color: #f44336;
}

.status-label {
    font-size: 30px;
    color: #000000;
    margin-top: 8px;
    font-family: "Open Sans", sans-serif;
}

.ucmpmd-guidelines-sec {
    box-shadow: 0px 2px 41px 0px #0000001A;
}






.ucmpmd-guidelines-card {
    background-color: white;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    padding: 30px 30px 20px 30px;
    margin-bottom: 20px;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
    box-shadow: 0px 1px 4px 0px #00000040;
}

.ucmpmd-guidelines-card h3 {
    margin-top: 0;
    color: #000;
    font-size: 22px;
    margin-bottom: 12px;
}

.ucmpmd-guidelines-card p {
    color: #8A8C8D;
    font-size: 16px;
}

.ucmpmd-guidelines-card a {
    color: #007bff;
    text-decoration: none;
}

/*.ucmpmd-guidelines-card a:hover {
    text-decoration: underline;
}*/

.ucmpmd-guidelines-card .read-more {
    color: #fff;
}

.ethics-comittee-sec {
    background-color: #D9EAF4;
}

.profile-card {
    background-color: white;
    padding: 28px 20px;
    border-radius: 10px;
    /* width: 260px; */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-height: 161px;
}

.profile-card .name {
    color: #22bef3;
    font-weight: 500;
    font-size: 22px;
}

.profile-card p {
    color: #0D0D0D;
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}

.ucmpmd-banner {
    background-image: url(../images/ucmpmd-banner-img.svg);
    background-size: cover;

}

.ucmpmd-register-form-banner {
    background-image: url(../images/mtai-ucmpmd.png);
    background-size: cover;

}

.ucmpmd-banner .banner-content {
    background-color: transparent;
}

.ucmpmd-register-form-banner .banner-content {
    background-color: transparent;
}

.ucmpmd-form-sec h4 {
    line-height: 34px;
    margin-bottom: 30px;
}

.ucmpmd-form-sec .contact-form {
    padding: 50px 70px;
    background-color: #fff;
    border-radius: 5px;
}

.ucmpmd-form-sec {
    background-color: #F6F3E4;
}

.ucmpmd-form-sec p {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;

}

.ucmpmd-form-sec span {
    font-weight: 300;
    margin-top: 11px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;

}


#file-upload {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 16px;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"]::before {
    content: '';
}

input[type="file"] {
    font-family: Arial, sans-serif;
    color: #555;
    border: none;
    background: transparent;
    font-size: 14px;
}


.checkbox-container {
    display: flex;
    align-items: center;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    user-select: none;
    margin-top: 20px;
}

/* Hide default checkbox */
.checkbox-container input[type="checkbox"] {
    display: none;
}

/* Custom checkbox style */
.checkbox-container .checkmark {
    height: 20px;
    width: 20px;
    border-radius: 5px;
    background-color: #D9DBE9;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    transition: background 0.3s;
    margin-top: 0;
}

/* Checkmark icon when checked */
.checkbox-container input[type="checkbox"]:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #2196F3;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ucmpmd-form-sec .btn-submit {
    margin-bottom: 0;
    width: 190px;
}

.sv_hero_content {
    width: 60%;
}

.partners-top-sec .swiper {
    padding: 0 !important;
}

.mySwiper .swiper-wrapper {
    margin-bottom: 50px;
}

.sv_location i {
    padding: 10px 12px;
}

.sv_linkedin i {
    padding: 11px 11px;
}

.sv_twitter i {
    padding: 11px 11px;
}

.sv_facebook i {
    padding: 11px 13px;
}

.sv_youtube i {
    padding: 11px 10px;
}

.internal-small-heading {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #101326;
    display: flex;
    align-items: center;
}

.internal-small-heading span {
    width: 5px;
    height: 5px;
    background-color: #00AEEF;
    border-radius: 100px;
    display: block;
    margin-left: 9px;
}

.internal-main-heading {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    /*    text-transform: capitalize;*/
    margin-top: 10px;

}

.membership-form-page .internal-main-heading {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    text-transform: capitalize;
    margin-top: 10px;

}

.internal-main-heading span {
    color: #00AEEF;
}

.about-main-content {
    margin-left: 20px;
}

.about-page-main {
    /*    box-shadow: 0px 2px 41px 0px #0000001A;*/
    background-color: #f6f3e4;

}

.about-mtai .common-p {
    line-height: 192%;
}

.our-mision-vision {
    padding: 94px 0px;
    background: linear-gradient(61.79deg, #4DD9D9 31.45%, #00AEEF 88.15%);
}

.our-mision-vision .internal-main-heading {
    margin-bottom: 17px;
}

.what-we-do {
    /* background: #F6F3E4; */
}

.what-we-do .internal-main-heading {
    margin-bottom: 30px;
}

.what-we-do ul {
    padding: 0;
}

.what-we-do ul li {
    list-style: none;
    border: 1px solid #C7C7C766;
    box-shadow: 0px 1px 15px 0px #0000001A;
    padding: 24px 37px;
    display: inline-block;
    border-radius: 7px;
    margin-right: 30px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 500;
}

.leadership-sec {
    background-color: #F6F3E4;
}

.leadership-card {
    background-color: #00b4f1;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    padding: 38px 0px;
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    display: flex;
    margin-top: 49px;
    /* background-image: url(../images/leadership-bg-img.svg); */
    align-items: center;
    /* padding-bottom: 86px; */
    justify-content: center;
    /* padding-top: 41px; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.leadership-card i {
    margin-left: 16px;
}

.leadership-card:hover {
    color: #fff;
    background-color: #3EBDC6;
}

.math-box {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 10px;
    width: fit-content;
    font-family: Arial, sans-serif;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    padding-left: 24px;
}

.math-box .expression {
    font-size: 20px;
    margin-right: 10px;
}

.math-box .input-field {
    background-color: #dcdcdc;
    width: 120px;
    height: 48px;
    border: none;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    margin-left: 29px;
}

.math-box .input-field:focus {
    outline: none;
    background-color: #eaeaea;
}

.date-title {}

.date-title span {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

.date-title p {
    text-transform: uppercase;
    color: #d2ab70;
    font-size: 12px;
    font-weight: 500;
}

.date-title h3 {
    font-size: 44px;
    color: #000;
    font-weight: 400;
    line-height: 58px;
}

.news-social-buttons {
    display: flex;
    gap: 10px;
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

.news-social-buttons .social-button {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 0;
    color: white;
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.3s;
    width: 207px;
}

.news-social-buttons .social-button i {
    margin-right: 8px;
    font-size: 16px;
}

.news-social-buttons .linkedin {
    background-color: #0077b5;
}

.news-social-buttons .facebook {
    background-color: #3b5998;
}

.news-social-buttons .twitter {
    background-color: #00acee;
}

.news-social-buttons .googleplus {
    background-color: #dd4b39;
}

.news-social-buttons .social-button:hover {
    opacity: 0.85;
}

.news-author img {
    margin-bottom: 20px;
}

.news-author {
    display: flex;
    flex-direction: column;
    color: #000;
    font-size: 20px;
    text-decoration: none;
}

.news-author:hover {

    text-decoration: underline;
    color: #000;
}

.news-detail-page .common-p {
    font-size: 14px;
    color: #6d6d6d;
}

.news-detail-page ul li {
    list-style: decimal;
}

.news-detail-page ul {
    color: #6d6d6d;
}


.latest-news-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 400px;
    margin: auto;
}

.latest-news-sidebar .card-news {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    position: relative;
    /* background-color: white; */
    transition: background 0.3s;
}

.latest-news-sidebar .card-news img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 15px;
}

.latest-news-sidebar .card-content {
    flex: 1;
    position: relative;
}

.latest-news-sidebar .card-title {
    font-size: 15px;
    color: #333;
    margin: 0 0 10px;
}

.latest-news-sidebar .share-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}

.latest-news-sidebar .share-icons i {
    color: #ccc;
    cursor: pointer;
    transition: color 0.3s;
}

.latest-news-sidebar .share-icons i:hover {
    color: #0077b5;
    /* Change color on hover if desired */
}

.latest-news-sidebar .card-news:hover .share-icons {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.latest-news-sidebar .share-toggle {
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    margin-top: 5px;
    background: #c3c3c3;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.event-listingpage .event-card {
    display: flex;
    /* border: 1px solid #ddd; */
    background: #fff;
    /* max-width: 1000px; */
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 3px 10px #ddd;
    margin-top: 50px;
}

.event-listingpage .event-date {
    width: 20%;
    text-align: center;
    padding: 20px;
    /* border-right: 1px solid #ddd; */
    background: #00c1f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.event-listingpage .event-date .day {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}

.event-listingpage .month-year .month,
.event-listingpage .month-year .weekday {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.event-listingpage .event-content {
    display: flex;
    flex: 1;
    padding: 0;
    gap: 20px;
}

.event-listingpage .event-img {
    width: 300px;
    height: auto;
    border-radius: 4px;
}

.event-listingpage .event-details {
    display: flex;
    flex-direction: column;
    /*    justify-content: space-between;*/
    padding: 30px;
    padding-left: 10px;
}

.event-listingpage .tag {
    background: #7B7B7B;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 15px;
    width: max-content;
}

.event-listingpage .title {
    font-size: 25px;
    margin: 0;
}

.event-listingpage .subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #7B7B7B;
    margin: 4px 0;
}

.event-listingpage .location {
    font-size: 16px;
    font-weight: 500;
    color: #7B7B7B;
    margin: 4px 0;
}

.event-listingpage .read-more {
    /* border-radius: 0; */
    width: max-content;
    margin-top: 10px;
}

.partners-top-sec img {
    height: 100px;
}

.partners-top-sec .swiper-slide {
    padding: 20px;
    border: 1px solid #ddd;
}

.event-detail-box {
    padding: 20px 0px;
    background-color: #eee;
}

.about-event-card {
    background-color: #fff;
    position: sticky;
    top: 20px;
}

.about-event-card ul {
    padding: 30px;
}

.about-event-card ul li {
    list-style: none;
    /* padding: 0px 30px; */
    border-bottom: 1px solid #979797;
    padding-bottom: 8px;
}

.about-event-card ul li a {
    color: #000;
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.about-event-card ul li a:hover {
    color: #22bef3;
}




.read-container {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    position: relative;
}

.text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* Show only 5 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-bottom: 0;
}

div#content {}

div#content {}

.text.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.read-more-text {
    color: #008c99;
    cursor: pointer;
    display: block;
    margin-top: 10px;
    text-align: right;
}

.about-event-detail {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px;
}

.about-event-detail h5 {
    font-size: 33px;
}

.agenda-div .agenda-wrapper {
    max-width: 1000px;
    margin: 40px auto;
    padding: 0 20px;
}

.agenda-div .past_agenda {}

.past_agenda .img-fluid {
    width: 60%;
}

.agenda-div .agenda-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.agenda-div .agenda-date {
    background-color: #e40000;
    color: #fff;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
}

.agenda-download {
    background-color: #444;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
}



.agenda-div .start-time {
    color: #e40000;
    font-weight: 600;
    font-size: 14px;
    margin: 30px 0 20px;
}

.agenda-div .timeline {
    position: relative;
    margin-left: 215px;
    padding-left: 20px;
    border-left: 2px solid #d9d9d9;
}

.agenda-div .event {
    position: relative;
    margin-bottom: 30px;
}

.agenda-div .event::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #666;
    border-radius: 50%;
}

.agenda-div .event-time {
    position: absolute;
    left: -181px;
    top: 0;
    width: max-content;
    text-align: right;
    font-size: 15px;
    color: #939393;
}

.agenda-div .event-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #343434;
}

.agenda-div .event-desc {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

.share-box {
    background: #f0f0f0;
    max-width: 300px;
    padding: 20px;
    border: 1px solid #eee;
    position: sticky;
    top: 20px;
    background: #fff;
}

.share-box .share-section {
    /*    display: flex;*/
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.share-box .share-section b {
    margin-right: 10px;
    font-size: 14px;
    color: #333;
}

.share-box .icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.share-box .facebook {
    background: #3b5998;
}

.share-box .twitter {
    background: #000;
    color: #000;
    background: white;
    border: 1px solid #ccc;
}

.share-box .linkedin {
    background: #0077b5;
}

.share-box .calendar-section {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.share-box .calendar-icon {
    width: 20px;
    height: 20px;
    background: url('https://img.icons8.com/ios-glyphs/30/calendar.png') no-repeat center;
    background-size: contain;
}

.share-box .calendar-text {
    font-size: 14px;
    color: #333;
}

.event-speaker-detail {
    text-align: center;
    margin-top: 50px;
}

.event-speaker-detail img {
    border-radius: 100%;
    width: 170px;
    height: 170px;
    /* box-shadow: 5px 5px 5px #ddd; */
    margin-bottom: 20px;
}

.event-speaker-detail h5 {
    font-size: 25px;
}

.event-speaker-detail p {
    margin-bottom: 0;
    font-size: 14px;
}

.partners-div p {
    padding-bottom: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 500;
}

.partners-div img {
    margin-bottom: 20px;
    width: 100%;
}

.partners-div h6 a {
    color: #000;
}

.want-part-div .agenda-download::before {
    display: none;
}

.want-part-div .agenda-download {
    display: inline;
}

.want-part-div .agenda-download:hover {
    color: #fff;
}

.modal .ucmpmd-form-sec .contact-form {
    padding: 0;
}

.book-ur-seat .ucmpmd-form-sec {
    background-color: transparent;
}

.upcoming-img {
    overflow: hidden;
}

.upcoming-img img:hover {
    transform: scale(1.1);
}

.upcoming-img img {
    transition: 1s all ease-in-out;
}

.upcoming-event-div p {
    margin: 10px 0px;
}

.upcoming-event-div {
    padding: 10px;
    box-shadow: 3px 2px 5px #ddd;
    border-radius: 15px;
}

.latest-news-sidebar .card-content a {
    text-decoration: none;
    color: #00AEEF;
}

.self_declaration .self_declaration_button a {
    background-color: #23BEF3;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
}

.self_declaration {
    padding: 50px 0px;
}

.self_declaration .col-md-8 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 15px;
    background-color: #ffffff;
    padding: 0px;
    border-radius: 10px;
}

.self_declaration_content {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gray;
    padding: 30px 0px;
    align-items: center;
}

.self_declaration_button_margin_right {
    margin-right: 25px;
}

.self_declaration_parha_marginleft {
    margin-left: 25px;
    width: 35%;
}

.self_declaration_heading {
    border-bottom: 1px solid;
}

.self_declaration_heading h4 {
    margin-top: 30px;
    margin-left: 25px;
    margin-bottom: 20px;
}

.self_declaration p {
    margin: 0px;
}


.self_declaration .container_section {
    max-width: 1024px;
    margin: auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 0px;
}

.self_declaration .title {
    font-size: 18px;
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.self_declaration table {
    width: 100%;
    border-collapse: collapse;
}

.self_declaration th,
td {
    text-align: left;
    padding: 1rem 1.5rem;
}

.self_declaration th {
    font-weight: 600;
    color: #000000;
}

.self_declaration .member {
    color: #00c6ff;
}



.self_declaration .download-btn {
    background-color: #06aeef;
    border: none;
    color: white;
    padding: 15px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s ease;
    box-shadow: 0px 4px 4px 0px #33333361;
}

.self_declaration .download-btn:hover {
    background-color: #3EBDC6;
}

.self_declaration tbody,
td,
tfoot,
th,
thead,
tr {
    border-bottom: 2px solid #f4f4f4;
}

.self_declaration_button {
    width: 20%;
}

@media (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    /*thead, tbody, th, td, tr {
      display: inline-block;
    }*/

    table::-webkit-scrollbar {
        height: 6px;
    }

    table::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }
}

/*new css*/

/*.terms-conditions ol {
    counter-reset: item;
}

.terms-conditions li {
    display: block;
    position: relative;
}

.terms-conditions li::before {
    content: counters(item, ".") "";
    counter-increment: item;
    position: absolute;
    left: -24px;
    width: 20px;
    text-align: right;
    font-weight: bold;
}*/

/*code of conduct */
/*.codeConduct ol {
    counter-reset: item;
    margin-top: 30px;
    margin-bottom: 30px;
}

.codeConduct li {
    display: block;
    position: relative;
}*/

/*.codeConduct li::before {
    content: counters(item, ".") ".";
    counter-increment: item;
    margin-right: 10px;
}*/

ol li ol li,
ul li ul li {
    margin-top: 10px;
}

/*member ship*/

.benefits_membership_heading h4 {
    font-size: 36px;
    line-height: 46px;
    font-family: var(--fa-font-regular);
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
}

.benefits_membership_section {
    position: relative;
    background-image: url(../images/benefits_membership_section_bgimage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 70px 0px;
    z-index: 1;
}

.benefits_membership_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #D9EAF4;
    z-index: 0;
}

.benefits_membership_section>* {
    position: relative;
    z-index: 2;
}

.container_benefits {
    /* background-color: #ffffff; */
    padding: 50px 0px;

}

/*.benefits_membership_rightborder{
    border-right: 2px solid gray;
}*/
.benefits_list li {
    font-size: 18px;
    color: #000000;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 30px;
    width: 45%;
    float: left;
    padding: 0px;
    margin-left: 35px;

}



.benefits_wrapper {
    padding: 0px 50px;
}

.benefits_list {
    width: 100%;
    list-style-type: decimal;
    padding-left: 20px;
}

.vertical_divider {
    width: 1px;
    background-color: #ccc;
    height: auto;
    min-height: 100%;
}

.benefits_membership_rightborder {
    padding: 0px 50px;
}

@media (max-width: 768px) {
    .benefits_wrapper {
        padding: 0px;
    }

    .benefits_list li {
        font-size: 14px;
        color: #000000;
        line-height: 1.6;
        font-weight: 400;
        margin-bottom: 30px;
        width: 100%;
        float: left;
        padding: 0px;
        margin-left: 0px;
    }

    .benefits_membership_heading h4 {
        font-size: 36px;
        line-height: 46px;
        font-family: var(--fa-font-regular);
        font-weight: 400;
        margin-bottom: 35px;
        text-align: left;
        margin-top: 35px;
    }

    /*Privacy*/

    .accordion-section .accordion-card {
        padding: 20px;
        border: 1px solid #d9d9d9
    }

    .accordion-card .accordion-title {
        color: #666;
        cursor: pointer;
        position: relative;
        padding: 0 50px 0 0;
    }

    .accordion-card .accordion-title:before {
        content: "\e050";
        position: absolute;
        right: 0;
        font-size: 16px;
        color: #ccc;
        top: 50%;
        margin-top: -.5em;

        font-family: ETmodules !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: 0 0;
    }

    .accordion-card .accordion-content {
        padding-top: 20px;
        position: relative;
    }

    .event-content img {
        width: 350px !important;
    }
}

.accordion-button:not(.collapsed) {
    background-color: #06aeef;
    color: #fff;
}

.accordion-button::after {
    transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

.accordion-button {
    background-color: #f8f9fa;
    color: #333;
    border: none;
    transition: background-color 0.3s;
}

.accordion-button:hover {
    background-color: #06aeef82;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    font-size: 0.95rem;
    color: #555;
    padding: 20px 30px;
}

.accordion-item {
    border: none;
    margin-bottom: 1px;
    box-shadow: 1px 3px 2px #ddd;
}


.modal-body {
    overflow-y: scroll;
    height: 475px;
    overflow-x: hidden;
}

/* Thin scrollbar */
.modal-body::-webkit-scrollbar {
    width: 6px;
    /* or height: 6px for horizontal scrollbar */
}

/* Track */
.modal-body::-webkit-scrollbar-track {
    background: #f5f1e9;
    /* Light background */
}

/* Handle */
.modal-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    ;
    background-color: #00b1f0;
    padding: 6px;
    opacity: 1;
}


.btn-close:hover {
    background-color: #3EBDC6;
}



header nav ul,
header nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

header nav a {
    display: block;
    text-decoration: none;
}

header nav a:hover,
header nav a:visited {
    text-decoration: none;
    margin-right: 0;
}

header .menu-bar {
    background: #ffffff;
    display: flex;
}

header .menu-link {
    padding: 11px 17px;
    background: #ffffff;
    color: #000000;
    transition: background 0.2s, color 0.2s;
    position: relative;
    z-index: 1;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
}

header .menu-link[aria-haspopup="true"] {
    padding-right: 20px;
}

header .menu-link[aria-haspopup="true"]:after {
    content: "";
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent');
    background-size: 14px;
    width: 14px;
    height: 14px;
    font-size: 12px;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.mega-menu-header {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    color: #136a73;
}

.mega-menu {
    background: #ffffff;
    z-index: 10;
}

.mega-menu--multiLevel {
    flex-direction: column;
    padding-top: 20px;
}

.mega-menu--multiLevel>li {
    box-shadow: 5px -1px 5px #ddd;
}



@keyframes dropdown {
    0% {
        opacity: 0;
        transform: scaleY(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes flyout {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.mega-menu--multiLevel>li {
    /* position: relative; */
}

.mega-menu--multiLevel>li:hover>div {
    display: block;
}

.mega-menu--multiLevel>li>div {
    display: none;
}

.mega-menu--multiLevel .nav-pills {
    padding: 40px 0 40px 40px;
    margin: 0 !important;
    width: 277px;
}

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #00b1f0;

}

.nav-pills .nav-link {
    padding: 13px 30px;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    color: #000;
    /* border-bottom: 1px solid #ccc; */
    background: #f7f7f7;
}

.custom-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 10px;
    border: 1px solid #ddd;
}

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.custom-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.custom-card-title {
    font-size: 18px;
    font-weight: 500;
    color: #00b1f0;
}

.custom-card-text {
    font-size: 0.95rem;
    color: #6c757d;
}

.custom-card-link {
    color: #000000;
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
}

.custom-card-link:hover {
    text-decoration: none;
    color: #000000;
}

.tab-content {
    width: 70%;
    padding: 40px;
    padding-bottom: 100px;
}

header .menu-link.active::before {
    content: '';
    background-color: #00AEEF;
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: 0;
}

.mega-menu--multiLevel ul {
    padding: 30px;
}

.mega-menu--multiLevel ul li a {
    position: relative;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    padding: 16px 20px;
    margin-bottom: 10px;
    /* background: #f3f3f3; */
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #000;
    padding-top: 5px;
}

.mega-menu--multiLevel ul li a:hover::before {
    content: '';
    background-color: #00AEEF;
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: 0;
}




.header-card {
    /* max-width: 350px; */
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}

.header-card img {
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
}

.header-card .card-body {
    padding: 1rem 1.25rem;
    text-align: left;
}

.header-card .tags {
    margin-bottom: 0.75rem;
}

.header-card .tag {
    display: inline-block;
    background-color: #f1f3f5;
    color: #333;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 20px;
    margin-right: 0.5rem;
}

.header-card .card-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 0.5rem;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}

.header-card .card-text {
    font-size: 13px;
    line-height: 22px;
    color: #555;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 90px;
}

.header-card .card-link {
    font-size: 0.875rem;
    color: #00c1f4;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.header-card .card-link::after {
    content: '->';
    margin-left: 6px;
    font-size: 1.1em;
    transition: transform 0.2s;
}

.header-card .card-link:hover::after {
    transform: translateX(3px);
}

.mega-menu--multiLevel h4 {
    text-align: right !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 25px;
    display: inline-block;
    /*    border-bottom: 2px solid #000;*/
    padding-bottom: 0px;
}

header .navbar .active {
    color: #00AEEF;
}

.menu-bar-link::after {
    display: none;
}

.mobile-menu-trigger {
    position: relative;
    z-index: 9999;
}

.accordion-button:not(.collapsed) {
    background-color: #00b1f0 !important;
    color: white !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

/* #ethosAccordion .accordion-button{border-bottom: 1px solid #ddd;} */

@media (max-width: 2560px) {
    .mega-menu {
        left: -853px !important;
        top: 100vw !important;
    }

}

@media (max-width: 1920px) {
    .mega-menu {
        left: -532px !important;
        top: 164% !important;
    }

}

@media (max-width: 1600px) {
    .mega-menu {
        left: -376px !important;
        top: 105% !important;
    }
}

@media (max-width: 1500px) {

    .swiper-horizontal {

        /*padding-bottom: 50px;*/

    }

    header .menu-link {
        padding: 11px 10px;
        font-size: 15px;
    }

    .mega-menu {
        width: 100vw !important;
        left: -307px !important;
    }

}



@media (max-width: 1440px) {
    .mega-menu {
        left: -294px !important;
    }
}

@media (max-width: 1366px) {
    header .menu-link {
        padding: 11px 11px;
        font-size: 12px;
    }

    .mega-menu {
        width: 100vw !important;
        left: -316px !important;
    }


}

@media (max-width: 1024px) {

    .navbar-nav .nav-item {

        margin-right: 20px;

    }



    .header-social-icons li i {

        font-size: 13px;

    }



    .navbar-nav .nav-link {

        font-size: 12px;

    }



    .banner-sec .banner-content h1 {

        font-size: 35px;

    }



    .banner-sec .banner-content p br {

        display: none;



    }



    .banner-sec .banner-content p {

        font-size: 15px;

    }



    .about-content h1 {

        font-size: 27px;

    }



    .counter-number {

        font-size: 50px;

    }



    .latest-mtai-card {

        padding: 23px;

    }



    .latest-mtai-card h6 {

        font-size: 16px;

        line-height: 24px;

    }



    .latest-mtai-card p {

        font-size: 13px;

        line-height: 21px;

    }



    .our-member-img img {

        width: 76%;

    }



    .our-member-card h6 {

        font-size: 17px;

    }



    .our-member-card p {

        font-size: 14px;

    }



    .counter-title {

        font-size: 20px;

    }



    .counter-subtext {

        font-size: 17px;

    }



    .common-p {

        font-size: 16px;

    }



    .about-content .button-group a {

        width: 129px;

        font-size: 11px;

    }



    .latest-news-card .card-title {

        font-size: 15px;

        line-height: 23px;

    }

    .latest-news-card .card-title:hover {
        border-bottom: 2px solid #000;
    }


    .latest-news-card .card-description {

        font-size: 14px;

        line-height: 23px;

    }



    .newsletter-sec p {

        font-size: 20px;

        line-height: 31px;

    }



    .footer-contact p a {

        font-size: 14px;

    }



    .footer-contact i {

        margin-right: 13px;

        font-size: 18px;

    }



    .members-internal-page .our-member-img img {

        width: 76%;

        height: 75px;

    }

    header .menu-link {
        padding: 11px 4px;
        font-size: 10px;
    }

    .mega-menu {
        left: -225px;
    }

    .mega-menu {
        left: -224px !important;
    }

    .mega-menu--multiLevel ul li a {
        font-size: 15px;
        padding: 6px 20px;
    }

    .mega-menu--multiLevel h4 {
        font-size: 23px;
        margin-bottom: 24px;
    }


}

@media all and (min-width: 951px) {
    .nav {
        margin-top: 50px;
        background: #ffffff;
    }

    .nav>nav {
        max-width: 900px;
        margin: 0 auto;
    }

    .menu [aria-haspopup="true"]~ul {
        display: none;
    }

    .menu-bar {
        position: relative;
    }

    .menu-bar>li>[aria-haspopup="true"]:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
    }

    .menu-bar>li>[aria-haspopup="true"]:hover:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#light');
        filter: grayscale(100%) brightness(0) hue-rotate(200deg);
    }

    .menu-bar>li>[aria-haspopup="true"]:hover~ul {
        display: flex;
        transform-origin: top;
        animation: dropdown 0.2s ease-out;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover {
        display: flex;
    }

    .menu-bar>li:hover>[aria-haspopup="true"]~ul {
        display: flex;
    }

    .menu-bar>li>[aria-haspopup="true"]:hover,
    .menu-bar>li:hover>[aria-haspopup="true"],
    .menu-bar>li:hover>a {
        /* background: #00b1f0; */
        color: #00b1f0;
        /* border-top-left-radius: 5px; */
        /* border-bottom-right-radius: 5px; */
    }

    .menu-bar>li>[aria-haspopup="true"]:hover:after,
    .menu-bar>li:hover>[aria-haspopup="true"]:after,
    .menu-bar>li:hover>a:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowTop.svg#light');
    }

    .mega-menu {
        position: absolute;
        top: 100%;
        left: -292px;
        width: 100vw;
    }

    .mega-menu:hover {
        display: flex;
    }

    .mega-menu a:hover {
        background: #dceced;
        color: #00c1f4;
    }

    .mega-menu--multiLevel>li {
        /* width: 23.333333%; */
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul {
        left: 23.333333%;
        width: 76.7%;
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul ul {
        width: 100%;
        left: 100%;
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup="true"]~ul {
        display: block;
        transform-origin: left;
        animation: flyout 0.2s ease-out;
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup="true"]~ul {
        display: block;
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup="true"],
    .mega-menu--multiLevel li:hover>[aria-haspopup="true"],
    .mega-menu--multiLevel li:hover>a,
    .mega-menu--multiLevel li:hover>a {
        background: #fff;
        color: #00b1f0;
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul,
    .mega-menu--multiLevel [aria-haspopup="true"] {
        border-left: 1px solid #f0f0f0;
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul:hover,
    .mega-menu--multiLevel [aria-haspopup="true"]:hover {
        display: block;
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul {
        position: absolute;
        top: 0;
        height: 100%;
    }

    .mega-menu--flat>* {
        flex: 1;
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: none;
    }
}

@media all and (max-width: 950px) {
    .nav {
        padding: 20px;
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: block;
    }

    .mobile-menu-trigger {
        /* background: #177E89; */
        color: #00b1f0;
        border: 0;
        /* padding: 10px; */
        font-size: 26px;
        border-radius: 4px;
    }

    .mobile-menu-header {
        order: -1;
        background: grey;
    }

    .mobile-menu-header a {
        padding: 20px 25px;
        color: #ffffff;
        visibility: visible;
    }

    .menu-bar {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        width: 350px;
        max-width: 350px;
        max-width: 90%;
        overflow-x: hidden;
        transition: left 0.3s;
        box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
    }

    .menu-bar>li>[aria-haspopup="true"]~ul {
        display: flex;
        flex-direction: column;
        background: #ffffff;
        position: absolute;
        left: 100%;
        top: 0;
        max-height: 100vh;
        width: 100%;
        transition: left 0.3s;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"] {
        font-size: 1.2em;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul a {
        padding-left: 40px;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul a {
        padding-left: 80px;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"] {
        color: #2a2a2a;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]:after {
        content: "+";
        background: none;
        font-size: 1em;
        font-weight: normal;
        height: 20px;
        line-height: 1;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]~ul {
        max-height: 0px;
        transform-origin: top;
        transform: scaleY(0);
        transition: max-height 0.1s;
    }

    .mega-menu-content {
        padding: 20px 25px;
    }

    .mobile-menu-back-item {
        order: -1;
    }

    .mobile-menu-back-item a {
        background: #d9d9d9;
        color: #2a2a2a;
        max-height: calc(1.4em + 40px);
        margin-top: calc(0px - (1.4em + 40px));
        pointer-events: none;
    }

    .mobile-menu-back-item a:before {
        content: "";
        width: 14px;
        height: 12px;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowLeft.svg#default');
        background-size: 14px;
        margin-right: 10px;
        display: inline-block;
    }

    .mobile-menu-trigger:hover~ul {
        left: 0;
        z-index: 9;
        padding-top: 50px;
    }

    .menu-bar:hover,
    .menu-bar:hover {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]:hover~ul {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul {
        margin-top: calc(1.4em + 40px);
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover,
    .menu-bar>li>[aria-haspopup="true"]~ul:hover {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]:hover~ul {
        max-height: 500px;
        animation: dropdown 0.3s forwards;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul li:hover>[aria-haspopup="true"]~ul {
        max-height: 500px;
        transform: scaleY(1);
    }

    .menu-bar>li:hover~.mobile-menu-header a {
        visibility: hidden;
    }

    header .menu-link {
        margin-bottom: 5px;
        font-size: 15px;
    }

    .menu-bar:hover,
    .menu-bar:hover {
        padding-top: 50px;
    }
}

@media all and (max-width: 950px) and (hover: none) {
    .mobile-menu-trigger:hover~ul {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]:hover~ul {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover {
        left: 0;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]:hover~ul {
        max-height: 500px;
        animation: dropdown 0.3s forwards;
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]~ul:hover {
        max-height: 500px;
        transform: scaleY(1);
    }

    .menu-bar>li:hover~.mobile-menu-header a {
        visibility: hidden;
    }

    header .menu-link[aria-haspopup="true"] {
        text-align: left;
    }

    .menu.menu-bar {
        z-index: 99;
    }

    .header-cards-sec {
        display: none;
    }

    .mega-menu--multiLevel ul {
        padding-left: 0 !important;
        margin-top: 0 !important;
    }

    .mega-menu--multiLevel ul li a {
        padding-bottom: 10px !important;
        font-size: 15px !important;
    }

    .mega-menu--multiLevel>li {
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {

    .footer-container {

        flex-direction: column;

    }



    .footer-bottom {

        flex-direction: column;

        gap: 5px;

        text-align: center;

    }



    .header-social-icons {

        display: none;

    }



    .mobile-social-icons {

        display: block;

    }



    .mobile-social-icons li {

        display: inline-block;

    }



    .col-0 {

        display: none;

    }



    .navbar-nav .nav-link.active::after {

        right: 0;

        left: auto;

    }



    .banner-sec .banner-content h1 {

        font-size: 25px;

    }



    .banner-sec .banner-content p {

        font-size: 13px;

        line-height: 25px;

    }



    .banner-sec .banner-content a {

        font-size: 14px;

    }



    .vertical-text span {

        height: 24px;

        font-size: 13px;

    }



    .about-content h1 {

        font-size: 21px;

    }



    .about-content .button-group a {

        width: 89px;

        font-size: 8px;

    }



    .common-p {

        font-size: 14px;

    }



    .common-heading {

        font-size: 30px;

    }



    .counter-box {

        padding: 30px 10px;

    }



    .counter-number {

        font-size: 40px;

    }



    .counter-title {

        font-size: 15px;

    }



    .counter-subtext {

        font-size: 14px;

    }



    .latest-mtai-card h6 {

        font-size: 15px;

    }



    .latest-mtai-card p {

        font-size: 12px;

    }



    .latest-mtai-card a {

        font-size: 13px;

    }



    .footer-contact {

        padding: 0;

        background-image: none;

    }

    .navbar {
        height: auto;
        padding: 20px 0px;
    }

}



@media (max-width: 500px) {

    .banner-sec .banner-content h1 {

        font-size: 18px;

    }



    .banner-sec .banner-content p br {

        display: block;

    }



    .banner-sec .banner-content p {

        font-size: 9px;

        line-height: 19px;

    }



    .vertical-text span {

        height: 16px;

        font-size: 9px;

    }



    .vertical-text {

        padding: 19px 13px;

    }



    .banner-sec .banner-content a {

        font-size: 11px;

    }



    .about-sec .ps-5 {

        padding-left: 1.5rem !important;

    }



    .about-content .button-group a {

        width: 142px;

    }



    .about-content .button-group {

        gap: 0;

    }



    .counter-box {

        border: none;

        margin: 0;

    }



    .latest-mtai-card {

        margin-top: 30px;

    }



    .newsletter-sec textarea {

        margin-top: 30px;

    }



    .footer-bottom .text-end {

        text-align: center !important;

    }



    .banner-sec img {

        height: 280px;

        object-fit: cover;

    }



    .footer-bottom span {

        font-size: 12px;

    }



    .footer-column ul li {

        font-size: 13px;

    }

    .banner-float-btn {
        right: -42px;
    }

}

.sv_location i {
    padding: 10px 12px;
}

.sv_social .sv_linkedin i {
    padding: 10px 11px;
}

.sv_social i:hover {
    background: #00b1f0;
    transition: .2s all ease-in-out;
}

.sv_social .sv_youtube i {
    padding: 10px 9px;
}

.about-mtai ul li {
    font-size: 18px;
    font-weight: 500;
}




.lightboxpreview {
    transition: all .3s linear;
    padding-top: 60%;
    cursor: pointer;
    background-size: cover;
}

.lightbox-content {
    max-height: 75svh;
    height: 75svh;
}

.lightbox-close {
    cursor: pointer;
    margin-left: auto;
    position: absolute;
    right: -30px;
    top: -30px;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.modalscale {
    transform: scale(0);
    opacity: 0;
}



.lightbox-container,
.lightbox-btn,
.lightbox-image-wrapper,
.lightbox-enabled {
    transition: all .4s ease-in-out;
}

.lightbox_img_wrap {
    padding-top: 65%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.lightbox-enabled:hover {
    transform: scale(1.1)
}

.lightbox-enabled {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    cursor: pointer;
}

.lightbox-container {
    width: 100svw;
    height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 84%);
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
}

.lightbox-container.active {
    opacity: 1;
    pointer-events: all;
}

.lightbox-image-wrapper {
    display: flex;
    transform: scale(0);
    align-items: center;
    justify-content: center;
    max-width: 90vw;
    max-height: 90vh;
    position: relative;
}

.lightbox-container.active .lightbox-image-wrapper {
    transform: scale(1);
}

.lightbox-btn,
#close {
    color: white;
    z-index: 9999999;
    cursor: pointer;
    position: absolute;
    font-size: 25px;
}

.event-video-box iframe {
    border-radius: 10px;
}

.event-video-box {
    margin-bottom: 20px;
}

.lightbox_img_wrap {
    cursor: pointer;
}

.lightbox_img_wrap .img-overlay {
    position: absolute;
    background: #00c1f4c9;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.calendar-section .read-more {
    padding: 15px 0px;
    width: 100%;
}

.lightbox_img_wrap .img-overlay i {
    color: #fff;
    font-size: 24px;
}

.lightbox_img_wrap:hover .img-overlay {
    opacity: 1;
}

.left {
    left: 50px;
}

.right {
    right: 50px;
}

#close {
    top: 50px;
    right: 50px;
}

.lightbox-image {
    width: 100%;
    max-height: 95vh;
    object-fit: cover;
}

@keyframes slideleft {
    33% {
        transform: translateX(-300px);
        opacity: 0;
    }

    66% {
        transform: translateX(300px);
        opacity: 0;
    }
}


.slideleft {
    animation-name: slideleft;
    animation-duration: .5s;
    animation-timing-function: ease;
}

@keyframes slideright {
    33% {
        transform: translateX(300px);
        opacity: 0;
    }

    66% {
        transform: translateX(-300px);
        opacity: 0;
    }
}


.slideright {
    animation-name: slideright;
    animation-duration: .5s;
    animation-timing-function: ease;
}

.latest-news-section {
    position: relative;
}

.latest-news-section .swiper-button-prev {
    background: #00b1f0;
    width: 50px;
    height: 50px;
}

.latest-news-section .swiper-button-prev::after {
    color: #fff;
    font-size: 20px;

}

.latest-news-section .swiper-button-next {
    background: #00b1f0;
    width: 50px;
    height: 50px;
}

.latest-news-section .swiper-button-next::after {
    color: #fff;
    font-size: 20px;

}

.news-link a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #06aeef;
}




/* new-css-add */


.contact-info .social-icons a:hover {
    color: #06aeef;
    font-size: 18px;
    margin-right: 0;
}

.social-icons i:hover {
    transition: .2s all ease-in-out;
    background-color: #ffffff;
}

.contact-info i:hover {
    background-color: #ffffff;
    transition: .2s all ease-in-out;
}

.contact-info i:hover {
    color: #06aeef;
    text-decoration: none;
    transition: .2s all ease-in-out;
}

.contact-info i:hover {
    color: #06aeef;
    transition: .2s all ease-in-out;
}

.footer-contact i:hover {
    background: #00b1f0;
    transition: .2s all ease-in-out;
}

.benefits_membership_section .col-md-6 {
    padding: 8px 10px;
    display: flex;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 2px;
    width: 45%;
    margin-left: 38px;
    margin-bottom: 20px;
}

.benefits_membership_section .col-md-6 p {
    font-size: 16px;
    line-height: 26px;
    color: #000000;

}

.benefits_membership_section .col-md-6 span {
    padding: 0px 10px;
}

.contact-form .btn-submit:hover {
    background-color: #032f60;
    /*    box-shadow: 0px 4px 4px 0px #032f60;*/
}

.about-content .button-group a:hover {
    background-color: #032f60;
}

.read-more:hover {
    background-color: #032f60;
    color: #fff;
    /*    box-shadow: 0px 4px 4px 0px #032f60;*/
}

.newsletter-sec .submit-btn:hover {
    background: #032f60;
}

.banner-sec .banner-content a:hover {
    background-color: #032f60;
    box-shadow: 0px 4px 4px 0px #032f60;
}

.latest-news-section .swiper-button-prev:hover {
    background: #032f60;
    width: 50px;
    height: 50px;
}

.latest-news-section .swiper-button-next:hover {
    background: #032f60;
    width: 50px;
    height: 50px;
}

.leadership-card:hover {
    color: #fff;
    background-color: #032f60;
}

.self_declaration .download-btn:hover {
    background-color: #032f60;
    box-shadow: 0px 4px 4px 0px #032f60;
}

.agenda-div .agenda-date {
    background-color: #23BEF3;
    color: #fff;
}

.agenda-div .agenda-date:hover {
    background-color: #032f60;
    color: #fff;
}

.agenda-download {
    background-color: #23BEF3;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 4px 0px #33333361;
}

.agenda-download:hover {
    background-color: #032f60;
    color: #fff;
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
}

.new_coverage_slider .swiper-button-next {
    display: none;
}

.new_coverage_slider .swiper-button-prev {
    display: none;
}

.ethos-section .common-p {
    margin-bottom: 15px;
}

.ethos-section h4 {
    font-size: 22px;
}

.ethos-card h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
}


#ethosAccordion .accordion-button {
    background-color: #f5f5f5;
    color: #000000;
    font-weight: 500;
}

.map-sec iframe {
    border-radius: 12px;
}

.swiper-pagination-bullet-active {
    color: #00AEEF;
}

.what_defines_content {
    padding: 25px;
    background-color: #3EBDC6;
    border: 1px solid #C7C7C766;
    box-shadow: 0px 1px 15px 0px #0000001A;
    border-radius: 7px;
    height: 300px;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.what_defines_content h5 {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}

.what_defines_content p {
    font-size: 0.95rem;
    color: #ffffff;
    line-height: 1.5rem;
    margin: 0px;
}

.what-we-do ul {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.what-we-do ul li {
    list-style: none;
    border: 1px solid #C7C7C766;
    box-shadow: 0px 1px 15px 0px #0000001A;
    padding: 25px;
    display: inline-block;
    border-radius: 7px;
    margin-right: 13px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    width: 23.5%;
    height: 200px;
    text-align: center;
    align-items: center;
    display: flex;
}

.benefits_membership_section .col-md-3 {
    border: 1px solid #C7C7C766;
    box-shadow: 0px 1px 15px 0px #0000001A;
    padding: 24px 20px;
    background-color: #3EBDC6;
    margin-right: 11px;
    width: 24%;
    margin-bottom: 15px;
    border-radius: 7px;
    align-items: center;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.benefits_membership_section .col-md-3 p {
    color: #ffffff !important;
    margin: 0px;
}

.board-members-sec .board-member{
    justify-content: center;
}

/* .benefits_membership_section .col-md-3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #3EBDC6;
    z-index: -1;
    transition: height 0.7s ease;
    color: #ffffff;
    border-radius: 7px;
}
.benefits_membership_section .col-md-3:hover::before {
    height: 100%;
}
.benefits_membership_section .col-md-3:hover p{
    color: #ffffff!important;
} */
.benefits_membership_section .col-md-3:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

.benefits_membership_section .col-md-3 span {
    margin-top: 4px;
}

.latest-card {
    height: 200px;
}

.latest-card {

    background-color: #fff;

    border-radius: 10px;

    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */

    overflow: hidden;

    margin-top: 30px;

    transition: transform 0.3s ease;

    /*    padding: 15px;*/

    box-shadow: -2px 2px 13px 0px #00000014;

    border: 1px solid #E5E0CF;

    /*    padding-bottom: 30px;*/

    position: relative;

}

.logos_slider_section h4 {
    font-size: 22px;
    line-height: 32px;
}

.logos_coverage_slider .swiper-button-next {
    display: none;
}

.logos_coverage_slider .swiper-button-prev {
    display: none;
}

.logos_coverage_slider_second .swiper-button-next {
    display: none;
}

.logos_coverage_slider_second .swiper-button-prev {
    display: none;
}

/* All dots (default) */
.swiper-pagination-bullet {
    background-color: #ccc;
    /* default gray */
    opacity: 1;
    /* full visibility */
}

/* Active dot */
.swiper-pagination-bullet-active {
    background-color: #00b4f1 !important;
}

.logos_slider_section {
    background-color: #F0F0F0;
    padding: 50px 0px 100px 0px;
}

.what-we-do ul li {
    position: relative;
    overflow: hidden;
    color: #000;
    /* normal text color */
    z-index: 1;
}

/* Pseudo-element for animated background */
.what-we-do ul li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #00b4f1;
    z-index: -1;
    transition: height 0.7s ease;
    /* slow animation */
}

/* Hover effect */
.what-we-do ul li:hover::before {
    height: 100%;
    /* animate from bottom to top */
}

/* Text color on hover */
.what-we-do ul li:hover {
    color: #fff;
}

.what_defines_content:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

/* #leftSidebar {
    transition: top 0.7s ease;
}

#rightSidebar {
    transition: top 0.7s ease;
} */

/* #Sidebar {
    transition: top 0.7s ease;
} */

.fixed-sidebar {
    position: fixed;
    top: 150px;
    width: 200px;
}

.search-bar-popup {
    position: fixed;
    top: 120px;
    /* below fixed header */
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #00000080;
    z-index: 9999;
    display: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    padding: 0 20px;
}

#closeSearch {
    list-style: none;
    background: #7b7b7b;
    /* padding: 10px 12px; */
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px #33333361;
    color: #ffffff;
    border: none;
}

#closeSearch:hover {
    background-color: #032f60;
}

.filter_section {
    max-width: 1024px;
}

.self_declaration form .search_button {
    background-color: #06aeef;
    border: none;
    color: white;
    padding: 10px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s ease;
    box-shadow: 0px 4px 4px 0px #33333361;
    text-decoration: none;
}

.self_declaration form .search_button:hover {
    background-color: #032f60;
}

.self_declaration .col-md-6 h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #000000;
}

.logos_coverage_slider_second .latest-card:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

.logos_coverage_slider .latest-card:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

.map-sec .col-md-10 {
    padding: 0px;
}

.self_declaration option {
    background-color: #06aeef;
}

#fySelect option:hover {
    background-color: #032f60 !important;
    color: white;
}

#fySelect {
    border: none !important;
    box-shadow: none !important;
    appearance: none;
    /* Chrome, Safari, Edge */
    -webkit-appearance: none;
    /* Safari */
    -moz-appearance: none;
    /* Firefox */
    background-color: white;
    padding-right: 30px;
    /* thoda space arrow ke liye */
    position: relative;
}

.benefits_membership_section .col-md-4:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

.medical_technology ul li {
    font-size: 19px;
    color: #000000;
    line-height: 31px;
    margin-bottom: 15px;
    font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #06aeef !important;
    color: white !important;
}

/* Remove default select border */
.select2-container--default .select2-selection--single {
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 6px 17px;
}

/* Optional: Match Bootstrap look */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}


.dropdown-wrapper {
    position: relative;
}

.custom-dropdown-icon {
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #000;
    /* Change to your color if needed */
}

/* Optional: Add padding to make room for icon inside select */
select.form-select {
    padding-right: 2rem !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.select2-results__option--selectable {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.select2-dropdown ul li {
    margin-bottom: 3px;
    text-align: center;
}

.image_gallery {
    padding: 100px 0px;
}

.gallery_des {
    text-align: center;
    margin-top: 20px;
}

.gallery_des h5 {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.gallery_des a {
    background: #23BEF3;
    border: none;
    border-radius: 25px;
    padding: 15px 30px;
    color: white;
    /* box-shadow: 0 4px 8px rgba(0, 196, 255, 0.4); */
    margin-top: 40px;
    width: 143px;
    box-shadow: 0px 4px 4px 0px #33333361;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 79px;
    text-decoration: none;
}

.gallery_des a:hover {
    background-color: #032f60 !important;
}

.gallery_img:hover {
    box-shadow: 0px 1px 15px 0px #00000073;
}

.image_gallery .col-md-3 {
    margin-bottom: 65px;
}

.modal.show .modal-dialog {
    transform: none;
    margin-top: 135px;
}

.what_defines_content {
    position: relative;
    overflow: hidden;
    color: #000;
    z-index: 1;
}

/* .what_defines_content::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #3EBDC6;
    z-index: -1;
    transition: height 0.7s ease;
    color: #ffffff;
}
.what_defines_content:hover::before {
    height: 100%;
}
.what_defines_content:hover {
    color: #ffffff!important;
}
.what_defines_content:hover p {
    color: #fff !important;
} */
.what-we-do ul {
    padding: 0;
    margin-bottom: 0px;
}

.navbar .menu-bar .menu-title {
    font-size: 16px;
}

@media (min-width: 1500px) {
    .swiper-horizontal {
        /*padding-bottom: 50px;*/
    }
}

.modal-body ul li {
    font-size: 19px;
    color: #000000;
    line-height: 31px;
    margin-bottom: 15px;
    font-weight: 400;
}

html {
    scroll-padding-top: 80px;
    scroll-behavior: smooth;
}

.news-detail-page {
    margin-top: 120px;
}

.resource .resource-img img {
    width: 100%;
    height: 300px;
    display: block;
    transition: .3s all ease-in-out;
    object-fit: cover;
    object-position: center;
}

.modal-body {
    padding: 15px 50px 50px 50px !important;
}

#speakerForm span,
#sponsorForm span {
    margin-top: 0px;
    margin-bottom: 10px;
}

.privacyPolicy ol[style*="list-style-type: lower-alpha"] li::marker {
    font-weight: bold;
    font-size: 19px;
    color: #000000;
}

.event-detail-section {
    margin-top: 120px;
}

.event_banner_image {
    margin-top: 120px;
}

.latest-news-card .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 63px;
}

.latest-news-card .card-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 5.5em;
}

.swiper-horizontal {
    padding-bottom: 80px;
}

.latest-mtai-card h6{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2em;
}

.latest-mtai-card p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 5.5em;
}

.card-text{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 5.5em;
}

.fancybox__container{
    z-index: 999999 !important;
}

@keyframes pagination-fade-in {
  from { transform: scale(1.5); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.pagination-container {
  position: relative;
  text-align: center;
  margin-top: 36px;
  animation: pagination-fade-in 500ms ease both;
}

.pagination-container .pagination-link {
  font-size: 14px;
  text-decoration: none;
  transition: background 250ms;
  display: inline-block;
  margin: 0 3px 6px;
  height: 38px;
  min-width: 38px;
  border-radius: 38px;
  border: 2px solid #23bef3;
  line-height: 38px;
  padding: 0;
  color: #23bef3;
  font-weight: 700;
  text-transform: uppercase;
}

.pagination-container .pagination-link:first-child,
.pagination-container .pagination-link:last-child {
    padding: 0 20px;
    margin: 0 5px 6px;
}

.pagination-container .pagination-link:hover {
  background-color: #032f60;
  color: #fff;
  border: 2px solid #032f60;
}

.pagination-container .pagination-link.active {
  background-color: #032f60;
  color: #fff;
  border: 2px solid #032f60;
}

.pagination-container .pagination-link.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-dots {
  color: #23bef3;
  font-size: 35px;
  margin: 0 3px 6px;
}

.members-sec-slider .swiper-horizontal{
    padding-bottom: 0px;
}




.what-we-do .col-md-3{
    cursor: pointer;
}

.what-we-do .col-md-3 {
    position: relative;
    overflow: hidden;
    color: #000;
    z-index: 1;
}
.what-we-do .col-md-3{
    list-style: none;
    border: 1px solid #C7C7C766;
    box-shadow: 0px 1px 15px 0px #0000001A;
    padding: 25px;
    display: inline-block;
    border-radius: 7px;
    margin-right: 13px;
    margin-bottom: 15px;
    width: 23.5%;
    height: 200px;
    text-align: center;
    align-items: center;
    display: flex;
}
.what-we-do .col-md-3 p{
     font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}
.what-we-do .col-md-3:hover::before {
    height: 100%;
    /* animate from bottom to top */
}

/* Text color on hover */
.what-we-do .col-md-3:hover p{
    color: #fff;
}
.what-we-do .col-md-3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #00b4f1;
    z-index: -1;
    transition: height 0.7s ease;
    /* slow animation */
}
.latest-news-section .btn-primary{
    display: inline-block;
    background-color: #23BEF3;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
    box-shadow: 0px 4px 4px 0px #33333361;
    border: none;
}
.latest-news-section .btn-primary:hover {
    background-color: #032f60;
    color: #fff;
    /* box-shadow: 0px 4px 4px 0px #032f60; */
}

/* filtter-css */

.latest-news-section .form-control-filter {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #f4f4f4;
    padding-right: 30px;
    position: relative;
}
.form_control_coloum{
    width: 25%;
    position: relative;
    margin-top: 5px;
    padding-right: 0px;
}

.form-control-filter:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}
.custom-dropdown-icon {
    position: absolute;
    top: 45%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #000;
}
.form-control-filter option:hover {
    background-color: #06aeef !important;
    color: #fff !important;
}