@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: "Noto Sans", sans-serif;
    color: #707070;
    background-color: #ffffff;
}
.textcolorchange{
    color:#fff;
}
.textcolorchange:hover{
    color:linear-gradient(90deg, rgba(88, 131, 191, 1) 0%, rgba(0, 40, 96, 1) 100%);
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
}

p {
    margin-bottom: 0;
}

p:not(:last-of-type) {
    margin-bottom: 15px;
}

.site-header {
    position: relative;
    background-color: #fff;
    min-height: 100px;
    padding: 15px 0px 15px;
    display: flex;
    align-items: center;
    z-index: 9;
}

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo-brand {
    max-width: 251px;
    width: 100%;
}

.logo-brand a {
    display: inline-block;
}

.logo-brand a img {
    width: 100%;
    height: 100%;
}

.menu-toggle-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    color: #000;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
}

.menu-toggle {
    position: relative;
    background: transparent;
    border: 0;
    width: 25px;
    height: 24px;
    padding: 0;
    display: inline-block;
    transition: all 0.4s ease;
}

.menu-toggle span {
    display: block;
    height: 4px;
    background: #404040;
    transition: all .2s ease;
}

.menu-toggle span::before,
.menu-toggle span::after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #404040;
    transition: all .2s ease;
}

.close-wrape {
    max-width: 1320px;
    width: 100%;
    margin: auto;
    padding: 20px 15px 20px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
    top: 0;
}

.close-btn {
    background-color: transparent;
    border: 0;
    outline: none;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Noto Sans", sans-serif;
    font-weight: 600;
}

.close-btn span {
    position: relative;
    background: transparent;
    border: 0;
    width: 25px;
    height: 24px;
    padding: 0;
    display: inline-block;
    transition: all 0.4s ease;
    transform: rotate(45deg);
    top: 5px;
}

.close-btn span::before,
.close-btn span::after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #ffffff;
    transition: all .2s ease;
}

.close-btn span::after {
    transform: rotate(-90deg) translate3d(-1px, 0, 0);
}

.close-btn span::before {
    top: 1px;
}

.menu-toggle span::before {
    top: 1px;
}

.menu-toggle span::after {
    bottom: 1px;
}




.main-menu {
    position: fixed;
    top: 0;
    width: 100%;
    background: linear-gradient(90deg, rgba(88, 131, 191, 1) 0%, rgba(0, 40, 96, 1) 100%);
    height: 100vh;
    z-index: 99;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.4s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.main-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/menu-shade.png") no-repeat;
    width: 720px;
    height: 349px;
    z-index: -1;
}

.main-menu.menu-active {
    pointer-events: auto;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-duration: .75s;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-list .menu-item .menu-link {
    color: #ffffff;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    position: relative;
    padding-bottom: 5px;
}

.menu-list .menu-item p {
    color: #ffffff;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    position: relative;
    padding-bottom: 5px;
}

.menu-list .menu-item .menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='114' height='4' viewBox='0 0 114 4' fill='none'%3e%3cpath d='M0.93016 3.13976C8.10349 2.64643 15.2868 2.42643 22.4802 2.47976C29.8702 2.47976 37.2302 3.01976 44.6202 3.09976C52.0102 3.17976 59.0802 2.42976 66.3302 2.09976C73.5802 1.76976 80.8002 1.99976 88.0002 2.36976C96.0798 2.89471 104.183 2.96482 112.27 2.57976C113.5 2.48976 113.51 0.579764 112.27 0.649764C97.9102 1.64976 83.5602 -0.350235 69.2002 0.0497645C62.0002 0.239765 54.8202 1.10976 47.5902 1.16976C40.1802 1.23976 32.7902 0.709764 25.3902 0.579764C17.2302 0.439764 9.07683 0.653098 0.93016 1.21976C-0.29984 1.29976 -0.30984 3.21976 0.93016 3.13976Z' fill='white'/%3e%3c/svg%3e");
    width: 0;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
    transition: all 0.4s ease;
}

.menu-list .menu-item .menu-link:hover::after {
    width: 100%;
}

.menu-list .menu-item.menu-head .menu-link {
    font-size: 28px;
    font-weight: 900;
}

.menu-list .menu-item:not(:last-of-type) {
    margin-bottom: 6px;
}

.menu-list-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.menu-list-main {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-list-wrap .menu-footer {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 15px 0px;
    flex-direction: column;
}

.social-links {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.social-links a {
    display: inline-block;
    width: 36px;
    height: 37px;
    position: relative;
}

.social-links a:not(:last-of-type) {
    margin-right: 10px;
}

.menu-footer .links a {
    color: #FAF2DF;
    font-size: 16px;
    font-weight: 500;
    font-family: "Noto Sans", sans-serif;
    position: relative;
    padding-bottom: 5px;
}

.menu-footer .links a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='114' height='4' viewBox='0 0 114 4' fill='none'%3e%3cpath d='M0.93016 3.13976C8.10349 2.64643 15.2868 2.42643 22.4802 2.47976C29.8702 2.47976 37.2302 3.01976 44.6202 3.09976C52.0102 3.17976 59.0802 2.42976 66.3302 2.09976C73.5802 1.76976 80.8002 1.99976 88.0002 2.36976C96.0798 2.89471 104.183 2.96482 112.27 2.57976C113.5 2.48976 113.51 0.579764 112.27 0.649764C97.9102 1.64976 83.5602 -0.350235 69.2002 0.0497645C62.0002 0.239765 54.8202 1.10976 47.5902 1.16976C40.1802 1.23976 32.7902 0.709764 25.3902 0.579764C17.2302 0.439764 9.07683 0.653098 0.93016 1.21976C-0.29984 1.29976 -0.30984 3.21976 0.93016 3.13976Z' fill='white'/%3e%3c/svg%3e");
    width: 0;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
    transition: all 0.4s ease;
}

.menu-footer .links a:hover::before {
    width: 100%;
}

.menu-footer .links a:not(:last-of-type)::after {
    content: '|';
    display: inline-block;
    margin: 0 10px;
}

body.menu-change {
    overflow: hidden;
}

.main-banner {
    padding: 45px 0px 60px;
}

.banner-content {
    display: flex;
}

.banner-content .banner-img {
    max-width: 887px;
    width: 100%;
    position: relative;
    padding-top: 35%;
}

.banner-content .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.banner-content .banner-desc {
    flex: 1;
    padding-left: 30px;
}

.banner-content .banner-desc h1 {
    font-size: 36px;
    font-weight: 900;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
    margin-bottom: 10px;
}

.banner-content .banner-desc h1 br {
    display: none;
}

.banner-content .banner-desc .slide-icon {
    margin-bottom: 25px;
}

.banner-content .banner-desc a {
    color: #5884BF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
}

.banner-content .banner-desc a img {
    margin-left: 20px;
}

.slick-dots {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.slick-dots button {
    border: 0;
    outline: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.3 10.58"><defs><style>.cls-1{opacity:0.2;}.cls-2{fill:%23333;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><path class="cls-2" d="M1.8.43a5.55,5.55,0,0,0-1.47,3A11,11,0,0,0,0,6.2a4.81,4.81,0,0,0,1.07,3,4.39,4.39,0,0,0,3.15,1.32,8,8,0,0,0,3.31-.28A4.11,4.11,0,0,0,10,7.82a4.74,4.74,0,0,0,.12-2.91,5.11,5.11,0,0,0-2-2.75A6.93,6.93,0,0,0,4.79,1C3.5.8,2,1.07,1.3,2.34a1.53,1.53,0,0,0,.54,2.05,1.51,1.51,0,0,0,2.05-.54c.15-.28-.25.21,0,0,0,0-.29.17-.07.07-.48.23.16-.1.21,0s-.4,0-.09,0h.2a2.89,2.89,0,0,1,.66,0c-.4-.09.12,0,.22.06a4.43,4.43,0,0,1,.49.13l.27.09c.22.07-.33-.16,0,0,.17.09.33.17.49.27a.9.9,0,0,1,.28.18s-.25-.22,0,0L6.89,5c.06.06.21.17,0,0A1.13,1.13,0,0,1,7,5.21a2.25,2.25,0,0,0,.12.21c.15.25-.09-.29,0,0a4.34,4.34,0,0,1,.14.48s0,.19,0,.19,0-.32,0-.1,0,.33,0,.49,0-.1,0-.11a1.45,1.45,0,0,0-.08.33s-.08.22-.07.23.15-.29,0-.1A2.12,2.12,0,0,0,7.08,7c-.14.27,0-.07,0,0s-.37.45-.19.21-.06,0-.13.08-.4.17-.07.06l-.58.16c-.06,0-.29.06,0,0l-.3,0a10.26,10.26,0,0,1-1.24,0l-.55,0c-.4,0,.3.08-.09,0l-.24,0-.23-.07c-.34-.1.2.16-.09,0l-.16-.11s.26.24,0,0c0,0-.25-.23-.06,0s0,0,0-.08l-.09-.16c-.15-.26.05.25,0,.06s-.09-.27-.12-.4,0-.33,0-.09,0-.14,0-.2a8.54,8.54,0,0,1,0-1.13c0-.09.06-.27,0,.09,0-.1,0-.2.05-.3s.07-.37.11-.55a8.41,8.41,0,0,1,.32-1.22l0-.06c.06-.16.05-.14,0,0a1.3,1.3,0,0,1,.16-.31,1,1,0,0,1,.12-.19c-.12.15-.13.16,0,0a1.29,1.29,0,0,1,.17-.16,1.52,1.52,0,0,0,0-2.12A1.54,1.54,0,0,0,1.8.43Z"/></g></g></g></svg>');
}

.slick-dots li:not(:last-of-type) {
    margin-right: 5px;
}

.slick-dots li.slick-active button {
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.3 10.58"><defs><style>.cls-1{fill:%235884bf;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M1.8.43a5.55,5.55,0,0,0-1.47,3A11,11,0,0,0,0,6.2a4.81,4.81,0,0,0,1.07,3,4.39,4.39,0,0,0,3.15,1.32,8,8,0,0,0,3.31-.28A4.11,4.11,0,0,0,10,7.82a4.74,4.74,0,0,0,.12-2.91,5.11,5.11,0,0,0-2-2.75A6.93,6.93,0,0,0,4.79,1C3.5.8,2,1.07,1.3,2.34a1.53,1.53,0,0,0,.54,2.05,1.51,1.51,0,0,0,2.05-.54c.15-.28-.25.21,0,0,0,0-.29.17-.07.07-.48.23.16-.1.21,0s-.4,0-.09,0h.2a2.89,2.89,0,0,1,.66,0c-.4-.09.12,0,.22.06a4.43,4.43,0,0,1,.49.13l.27.09c.22.07-.33-.16,0,0,.17.09.33.17.49.27a.9.9,0,0,1,.28.18s-.25-.22,0,0L6.89,5c.06.06.21.17,0,0A1.13,1.13,0,0,1,7,5.21a2.25,2.25,0,0,0,.12.21c.15.25-.09-.29,0,0a4.34,4.34,0,0,1,.14.48s0,.19,0,.19,0-.32,0-.1,0,.33,0,.49,0-.1,0-.11a1.45,1.45,0,0,0-.08.33s-.08.22-.07.23.15-.29,0-.1A2.12,2.12,0,0,0,7.08,7c-.14.27,0-.07,0,0s-.37.45-.19.21-.06,0-.13.08-.4.17-.07.06l-.58.16c-.06,0-.29.06,0,0l-.3,0a10.26,10.26,0,0,1-1.24,0l-.55,0c-.4,0,.3.08-.09,0l-.24,0-.23-.07c-.34-.1.2.16-.09,0l-.16-.11s.26.24,0,0c0,0-.25-.23-.06,0s0,0,0-.08l-.09-.16c-.15-.26.05.25,0,.06s-.09-.27-.12-.4,0-.33,0-.09,0-.14,0-.2a8.54,8.54,0,0,1,0-1.13c0-.09.06-.27,0,.09,0-.1,0-.2.05-.3s.07-.37.11-.55a8.41,8.41,0,0,1,.32-1.22l0-.06c.06-.16.05-.14,0,0a1.3,1.3,0,0,1,.16-.31,1,1,0,0,1,.12-.19c-.12.15-.13.16,0,0a1.29,1.29,0,0,1,.17-.16,1.52,1.52,0,0,0,0-2.12A1.54,1.54,0,0,0,1.8.43Z"/></g></g></svg>');
}

.banner-slider .slick-dots {
    position: absolute;
    right: 24%;
    bottom: 6px;
    z-index: 1;
}

.bottom-details {
    margin-top: 52px;
}

.bottom-details h2 {
    font-size: 54px;
    font-weight: 300;
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 20px;
    color: #333333;
}

.bottom-details h3 {
    font-size: 45px;
    font-weight: 300;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
}

.sub-head {
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 20px;
    color: #333333;
}

.link-btn {
    color: #5884BF !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    font-family: "Noto Sans", sans-serif;

}

.link-btn img {
    margin-left: 10px;
}

.bottom-details .left-side .main-dec:not(:last-of-type) {
    margin-bottom: 150px;
}

.main-banner .bottom-details {
    position: relative;
}

.bottom-details .left-side {
    max-width: 693px;
    width: 100%;
}

.bottom-details .right-side {
    padding-left: 10px;
}

.bottom-details .desc-wrapper {
    display: flex;
}

.partners-card {
    background-color: #80808010;
    min-height: 158px;
    min-width: 158px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.partners-slider {
    margin: 0 -20px;
}

.partners-slider .partner-slide {
    padding: 0 20px;
}

.padding-bottom {
    padding-bottom: 60px;
}

.padding-top {
    padding-top: 60px;
}

.section-title {
    margin-bottom: 35px;
}

.section-title h2 {
    font-size: 18px;
    font-weight: 900;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
    margin-bottom: 0;
}

.service-card .service-img {
    background: #606060;
    border-image-source: url('../images/border-shade.png');
    border-image-slice: 11;
    border-image-width: 11px;
    border-image-outset: 6px 6px;
    border-style: solid;
    border-width: 1px;
    min-height: 162px;
    position: relative;
    margin-bottom: 58px;
}

.service-card .service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-card .service-desc h3 {
    color: #333333;
    font-family: "Noto Sans", sans-serif;
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 25px;
    flex: 1;
}

.service-card .service-desc p {
    font-weight: 400;
    color: #333333;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
}

.service-card .service-desc p:not(:last-of-type) {
    margin-bottom: 35px;
}

.service-card .service-desc .highlight-text {
    color: #5884bf !important;
    font-style: italic;
    font-weight: bold;
}


.service-card {
    display: flex;
    flex-wrap: wrap;
}

.service-card .service-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 0 12px;
}

.service-card .service-body .service-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.our-service .link-btn {
    margin-top: 60px;
}

.footer-tops {
    background: linear-gradient(90deg, rgba(88, 131, 191, 1) 0%, rgba(0, 40, 96, 1) 100%);
    padding: 50px 0;
}

.footer-tops .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-tops .tops-head {
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.footer-tops .link-list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
    gap: 40px;
}

.footer-tops .link-box {
    display: flex;
    padding: 15px;
    max-width: 158px;
    width: 100%;
    background: #ffffff10;
    min-height: 78px;
    align-items: center;
    justify-content: center;
}

.site-footer {
    position: relative;
    padding: 50px 0px 50px;
    background: #333333;
}

.footer-menu li:not(:last-of-type) {
    margin-bottom: 12px;
}

.footer-menu .menu-item.menu-head a {
    font-family: "Noto Sans", sans-serif;
    font-weight: 900;
    font-size: 18px;
    color: #FFFFFF;
}

.footer-menu .menu-item a,
.footer-menu .menu-item p {
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;

}

.footer-col .footer-menu li a {
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
}

.social-links a::before {
    display: none;
}

.footer-col .footer-menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='114' height='4' viewBox='0 0 114 4' fill='none'%3e%3cpath d='M0.93016 3.13976C8.10349 2.64643 15.2868 2.42643 22.4802 2.47976C29.8702 2.47976 37.2302 3.01976 44.6202 3.09976C52.0102 3.17976 59.0802 2.42976 66.3302 2.09976C73.5802 1.76976 80.8002 1.99976 88.0002 2.36976C96.0798 2.89471 104.183 2.96482 112.27 2.57976C113.5 2.48976 113.51 0.579764 112.27 0.649764C97.9102 1.64976 83.5602 -0.350235 69.2002 0.0497645C62.0002 0.239765 54.8202 1.10976 47.5902 1.16976C40.1802 1.23976 32.7902 0.709764 25.3902 0.579764C17.2302 0.439764 9.07683 0.653098 0.93016 1.21976C-0.29984 1.29976 -0.30984 3.21976 0.93016 3.13976Z' fill='white'/%3e%3c/svg%3e");
    width: 0;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
    transition: all 0.4s ease;
}

.footer-col .footer-menu li a:hover::before {
    width: 100%;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
}

.footer-col {
    width: 100%;
    flex: 1;
}

.footer-col:not(:first-of-type) {
    padding-left: 70px;
}

.site-footer .copy-text {
    margin-top: 45px;
}

.site-footer .copy-text p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.page-banner {
    padding: 40px 0px 60px;
}

.page-banner .page-img {
    position: relative;
    min-height: 384px;
}

.page-banner .page-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url("../images/on-banner_1.png");
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
}

.page-banner .page-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-title h2.fs-large {
    font-size: 36px;
}

.section-title p {
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    color: #808080;
    font-weight: 400;
}

.section-title h2+p {
    margin-top: 20px;
}

.info-card .info-icon {
    margin-bottom: 25px;
    height: 94px;
}

.info-card h3 {
    font-family: "Noto Sans", sans-serif;
    font-weight: 900;
    color: #333333;
    font-size: 20px;
    text-transform: uppercase;
}

.info-card p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #808080;
    font-size: 16px;
}

.prnciples-sec {
    position: relative;
    padding: 230px 0 230px;
    background: url('../images/prnciples-sec.jpeg');
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.prnciples-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(88, 131, 191, 1) 0%, rgba(0, 40, 96, 1) 100%);
    z-index: -1;
    opacity: 0.8;
}

.prnciples-card .prnciples-icon {
    margin-bottom: 25px;
}

.prnciples-card h3 {
    font-weight: 900;
    font-family: "Noto Sans", sans-serif;
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.prnciples-card p {
    font-weight: 600;
    font-family: "Noto Sans", sans-serif;
    color: #FFFFFF;
    font-size: 18px;
}

.prnciples-card-row {
    margin-top: -80px;
}

.prnciples-card-row .prnciples-card {
    margin-top: 80px;
}

.prnciples-sec .section-title {
    margin-bottom: 49px;
    position: relative;
}

.lab-card-body .collab-logo {
    margin-bottom: 25px;
    height: 67px;
}

.lab-card {
    display: flex;
    flex-wrap: wrap;
}

.lab-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.lab-card-body .collab-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.lab-card-body .collab-info p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #808080;
    font-size: 18px;
    margin-bottom: 23px;
    flex: 1;
}

.lab-card-body .collab-info .social-links {
    margin-top: 27px;
}

.lab-life .section-title {
    margin-bottom: 77px;
}

.margin-bottom {
    margin-bottom: 86px;
}


.lab-life .side-image {
    position: absolute;
    right: 0;
    bottom: -180px;
    z-index: -1;
}

.project-banner {
    padding: 40px 0 150px;
}


.project-banner .section-title p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #808080;
}

.section-title h1 {
    font-family: "Noto Sans", sans-serif;
    font-weight: 900;
    color: #333333;
    font-size: 36px;
}

.pro-list .icon {
    margin-bottom: 10px;
}

.pro-list h3 {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.banner-img-xl {
    max-width: 575px;
    width: 100%;
    margin-left: auto;
    position: relative;
}

.banner-img-xl::before {
    content: '';
    position: absolute;
    left: -194px;
    background: url('../images/sm-star.png') no-repeat;
    width: 289px;
    height: 288px;
    z-index: -1;
    bottom: -120px;
}

.banner-img-xl img {
    width: 100%;
    height: 775px;
    object-fit: cover;
}

.project-data .img-wrapper {
    background: #333333;
    position: relative;
    height: 100%;
}
.project-data .img-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-data .right-side {
    padding: 130px 0px 130px 35px;
}

.accordion-item {
    margin-bottom: 15px;
    border: 0;
}

.accordion-item .accordion-button {
    background-color: #808080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.6s ease;
}

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

.accordion-button:hover,
.accordion-button:not(.collapsed) {
    background-color: #5884BF;
}

.accordion-button::after {
    display: none;
}

.project-data:nth-child(odd) .row {
    flex-direction: row-reverse;
}

.project-data:nth-child(odd) .row .right-side {
    padding: 130px 35px 130px 0px;
}

.team-card .team-card-body .team-img {
    margin-bottom: 27px;
}

.team-card .team-card-body .team-img img {
    width: 100%;
    height: 306px;
    object-fit: cover;
}

.team-card .team-card-body h3 {
    font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    color: #808080;
    font-weight: 800;
}

.team-card .team-card-body p {
    color: #808080;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}

.designation {
    font-style: italic;
}

.team-listing .row+.row {
    margin-top: 30px;
}

.page-banner.event-wrapper .event-desc .section-title h2+p {
    margin-top: 0;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
    color: #808080;
    font-family: "Noto Sans", sans-serif;
}

.page-banner.event-wrapper .event-desc .section-title {
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
}

.page-banner.event-wrapper .event-desc .section-title .main-head {
    flex: 1;
}

.page-banner.event-wrapper .event-desc .section-title .date-time span {
    display: block;
    color: #808080;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 800;
}

.page-banner.event-wrapper .event-desc {
    margin-top: 42px;
}

.page-banner.event-wrapper .event-desc p {
    font-weight: 400;
    font-size: 18px;
    color: #808080;
    font-family: "Noto Sans", sans-serif;
}

.page-banner.has-decorative {
    position: relative;
}

.page-banner.has-decorative::before {
    content: '';
    position: absolute;
    background: url('../images/decorative.png') no-repeat;
    right: -40px;
    width: 289px;
    height: 289px;
    bottom: -80px;
}

.page-banner.event-wrapper .event-desc .sub-head {
    margin-bottom: 6px;
}

.event-card .accordion-button {
    display: block;
    background-color: transparent;
    padding: 0;
    position: relative;
    border-radius: 0 !important;
    height: 100%;
}

.event-card .accordion-button .inner-main {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.event-card .accordion-button .prev-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-card .accordion-button .innders-desc {
    position: relative;
    z-index: 1;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.5);
    min-height: 340px;
}

.event-card .accordion-button .innders-desc .date {
    display: flex;
    align-items: flex-start;
    padding-bottom: 50.5%;
    gap: 10px;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.event-card .accordion-button .innders-desc .date img {
    vertical-align: top;
}

.event-card .accordion-button .innders-desc h3,
.event-card .accordion-button .innders-desc h3 a {
    font-family: "Noto Sans", sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #FFFFFF;
}

.event-card .accordion-button .innders-desc p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
}

.event-card .accordion-button .slide-up {
    background-color: #002860;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: transform 300ms;
    transform: translate3d(0, 100%, 0);
    padding: 22px 16px;
}

.event-card .accordion-button:focus .slide-up,
.event-card .accordion-button:hover .slide-up {
    transform: translate3d(0, 0, 0);
}

.event-card .accordion-button .slide-up h3 {
    font-size: 22px;
    margin-bottom: 14px;
    font-family: "Noto Sans", sans-serif;
}

.event-card .accordion-button .slide-up p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Noto Sans", sans-serif;
}

.event-card .accordion-button .date-time-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1rem;
}

.event-card .accordion-button .date-time-main span {
    display: inline-block;
    vertical-align: top;
}

.event-card .accordion-button .date-time-main img {
    width: 16px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.accordion-body.event-body {
    padding: 0;
}

.event-body .event-banner {
    position: relative;
    min-height: 384px;
    margin-bottom: 30px;
}

.event-body .event-banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-body .event-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url("../images/on-banner_1.png");
    width: 100%;
    height: 100%;
    font-weight: 400;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.event-banner-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.event-banner-detail h3 {
    font-size: 20px;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
    font-weight: 800;
    margin-bottom: 5px;
}

.event-banner-detail p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
}

.event-banner-detail .left-side {
    flex: 1;
    padding-right: 15px;
}

.event-banner-detail .date-time span {
    display: block;
    color: #808080;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 800;
}

.event-body .main-desc p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #808080;
    font-size: 16px;
}

.event-body iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.iframe-wrap {
    position: relative;
    min-height: 206px;
}

.accordion-header.event-card {
    position: relative;
}

.event-card .accordion-button::before {
    content: '';
    width: 65px;
    height: 65px;
    background: #333333;
    position: absolute;
    transform: rotate(45deg);
    bottom: -98px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}

.event-card .accordion-button:not(.collapsed)::before {
    opacity: 1;
    visibility: visible;
}

.past-events .event-body {
    margin-top: 32px;
    margin-bottom: 45px;
}

.accordion-button:hover {
    z-index: unset;
}

.speaker-card .speaker-img {
    position: relative;
    background-color: #333333;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 92px;
    height: 91px;
    overflow: hidden;
    z-index: -1;
    flex-shrink: 0;
}

.speaker-card .speaker-img::before {
    content: '';
    background: url('../images/img-border-rounded.png');
    width: 92px;
    height: 91px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}

.speaker-card .speaker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.speaker-card {
    display: flex;
    align-items: center;
}

.speaker-card .speaker-info {
    padding-left: 20px;
}

.speaker-card .speaker-info h5 {
    font-weight: 800;
    font-size: 20px;
    color: #808080;
    font-family: "Noto Sans", sans-serif;
}

.speaker-card .speaker-info p {
    font-family: "Noto Sans", sans-serif;
    font-style: italic;
    color: #808080;
    font-size: 16px;
}

.events-triggres .accordion-item {
    display: flex;
    flex-wrap: wrap;
}

.events-triggres .accordion-item .event-card {
    width: 100%;
}

.events-triggres .accordion-item {
    margin-bottom: 25px;
}

.partners-section {
    overflow: hidden;
}

.public-card {
    display: flex;
    flex-wrap: wrap;
}

.public-card .public-card-body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.public-card .public-img {
    position: relative;
    background-color: #333333;
    padding-top: 115.4%;
    width: 100%;
}

.public-card .public-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-card .public-card-desc {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.public-card .public-card-desc h3 {
    flex: 1;
}

.public-card .public-card-desc h3,
.public-card .public-card-desc h3 a {
    font-family: "Noto Sans", sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #333333;
}

.public-card .public-card-desc p {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    color: #808080;
    line-height: 1.3;
    flex: 1;
}

.project-data .right-side .section-title h2+p {
    margin-top: 15px;
}

.contact-form-main .form-control {
    background-color: rgb(88 132 191 / 10%);
    border: 0;
    height: 50px;
    font-family: "Noto Sans", sans-serif;
    color: #808080;
    font-size: 18px;
    font-weight: normal;
    border-radius: 0;
}

.contact-form-main .form-control:focus {
    box-shadow: none;
}

.contact-form-main textarea.form-control {
    padding: 15px 15px 15px;
    height: 254px;
    resize: none;
}

.submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    border: 0;
    outline: none;
    background-color: transparent;
    color: #5884BF;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 800;
}

.section-title p a {
    color: #808080;
}
.event-banner-detail .date-time span img{
    margin-right: 10px;
}
/*     
font-family: "Noto Sans", sans-serif; 
*/