@font-face {
    font-family: IBMPlexSans-Regular;
    font-style: normal;
    font-display: auto;
    font-weight: 400;
    src: local('IBMPlexSans-Regular'), local('IBMPlexSans-Regular'), url(/assets/fonts/IBMPlexSans-Regular.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: IBMPlexSans-Bold;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: local('IBMPlexSans-Bold'), local('IBMPlexSans-Bold'), url(/assets/fonts/IBMPlexSans-Bold.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: IBMPlexSans-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: local('IBMPlexSans-Medium'), local('IBMPlexSans-Medium'), url(/assets/fonts/IBMPlexSans-Medium.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}


body {
    color: #585661;
    font-family: IBMPlexSans-Regular, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}


a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
    text-decoration: none;
    color: #2e84cd;
    -webkit-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
}

ul {
    list-style: square;
    padding-left: 1.1em;
}

li {
    margin-top: .5em;
    margin-bottom: .5em;
}

header {
  display:block;
}

.c-header {
    background: #fff;
    z-index: 9;
    padding: 1.25rem 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


footer {

}

h1 {


}


h2 {


}


h3 {

}

h5 {

    font-size:.8rem;
    font-weight: normal;
    text-transform: uppercase;

}


h4 {



}


.white-bg {
  background-color:#fff;
}

.red-bg {
  background-color:#e54759
}

.blue-bg {
  background-color:#211966
}


.white {
  color:#ffffff;
}


.red {
  color:#e54759;
}

.blue {
  color:#211966;
}

/* special fonts */

.c-image_segue__label {
    color: #e54759;
    font-size: .8125rem;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    margin: 0 0 .25rem 0;
}


.c-image_segue__heading {
    font-size: 1.25rem;
}

.c-footer__heading {
    color: #d2eefb;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: .0625rem;
    margin-bottom: .5rem;
}

.c-text_banner__heading {
    color: #211966;
    font-size: 2rem;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    line-height: 2.625rem;
    margin: 0 auto 1.25rem auto;
    max-width: 50rem;
}

.c-text_banner__heading {
    color: #211966;
    font-size: 2rem;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    line-height: 2.625rem;
    margin: 0 auto 1.25rem auto;
    max-width: 50rem;
}

.hero-section {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: left;
    justify-content: center;
    text-align: left;
    color: #fff;
    overflow: hidden;
    background: linear-gradient(99deg, rgba(0, 0, 0, 1) 0%, rgb(15 61 129) 100%);
}
.hero-section video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.hero-section h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.hero-section p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
.section-padding {
    padding: 5rem 0;
}



.navbar {
    padding: 1rem 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e7eb;
}
.navbar-brand img {
    height: 40px;
}
.nav-link {
    color: #333;
    font-weight: 500;
    margin-right: 1.5rem;
    transition: color 0.3s ease;
}
.nav-link:hover {
    color: #0053a0;
}
.btn-cta {
    background-color: #0053a0;
    color: #fff;
    border-radius: 25px;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
}
.btn-cta:hover {
    background-color: #003d73;
}

.carousel {
    position: relative;
    height: 70vh;
}
.carousel video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.carousel-inner {
    position: relative;
    z-index: 1;
}
.carousel-item {
    background: none;
    height: 70vh;
}
.carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
.carousel-caption {
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 2;
    max-width: 40%;
    padding: 2rem;
    border-radius: 10px;
}
.carousel-caption h1 {
    color: #ffffff;
    font-size: 3.5rem;
}
.carousel-caption p {
    color: #fff;
    font-size: 2rem;
}

    .carousel-caption p span{

        background: -webkit-linear-gradient(#ffd200, #ff9600);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border: 0;
    }

    .feature-card, .news-card {
    text-align: center;
    padding: 2rem;
    border: none;
    transition: transform 0.3s;
}
.feature-card:hover, .news-card:hover {
    transform: translateY(-10px);
}
.feature-card img, .news-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}
.logo-section img {
    max-height: 50px;
    margin: 1rem;
    filter: grayscale(100%);
    transition: filter 0.3s;
}
.logo-section img:hover {
    filter: grayscale(0%);
}

.video-section .video-gallery-wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}
.video-section .video-gallery {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 16px;
    padding: 0 16px;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}
.video-section .video-gallery::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome/Safari */
}
.video-section .video-item {
    flex: 0 0 calc(33.333% - 11px); /* Show 3 videos, accounting for gap */
    max-width: calc(33.333% - 11px);
}
.video-section .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}
.video-section .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-section .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
}
.video-section .scroll-left {
    left: 10px;
}
.video-section .scroll-right {
    right: 10px;
}
.video-section .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.8);
}


.testimonial-section {
    background: #f8f9fa;
    text-align: center;
}
.testimonial-section blockquote {
    font-size: 1.5rem;
    font-style: italic;
    margin-bottom: 1rem;
}
.content-section {
    background: #fff;
}
footer {
    background: #343a40;
    color: #fff;
    padding: 3rem 0;
}
footer a {
    color: #adb5bd;
    text-decoration: none;
}
footer a:hover {
    color: #fff;
}

/*buttons */

.c-button--pink, input.c-button--pink {
    color: #e54759;
    border-color: #e54759;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.c-button, input.c-button {
    border: 1px solid #e54759;
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    border-radius: 10em;
    color: inherit;
    display: inline-block;
    font-size: 1rem;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    padding: 1rem 3.125rem;
    -webkit-transition: color .1s ease, border .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease;
    line-height: 1;
    cursor: pointer;
}

.c-button--grad-pink, input.c-button--grad-pink {
    color: #fff;
    background: #e54759;
    background: -webkit-linear-gradient(45deg, #e54759 0, #ff6478 50%, #ff8595 100%);
    background: -o-linear-gradient(45deg, #e54759 0, #ff6478 50%, #ff8595 100%);
    background: linear-gradient(45deg, #e54759 0, #ff6478 50%, #ff8595 100%);
    border: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 8px 11px -6px rgba(0, 0, 0, .16);
    box-shadow: 0 8px 11px -6px rgba(0, 0, 0, .16);
}

.c-button, input.c-button {
    border: 1px solid #e54759;
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    border-radius: 10em;
    color: inherit;
    display: inline-block;
    font-size: 1rem;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    padding: 1rem 3.125rem;
    -webkit-transition: color .1s ease, border .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease;
    transition: color .1s ease, border .1s ease, background .1s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease;
    line-height: 1;
    cursor: pointer;
}


/* menus */

.side-info {
    font-size:.8rem;
}

.side-info a {
    color:#9fd3ff;

}

ul.dropdown-menu ul {
  list-style: none;
  padding-left:0;
}

ul.dropdown-menu ul li{
  font-size:.6rem;
}


ul.small-links {
  list-style: none;
  padding-left:0;
}

ul.small-links li {
  font-size:.7rem;
  display:inline;
}

.nav-link {
    color: #211966;
    font-family: IBMPlexSans-Medium, sans-serif;
    font-weight: 500;
    letter-spacing: .0625rem;
    font-size: .9rem;
}

/* boxes */


.c-list, .box {
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
    border-radius: .5rem;
}

blockquote {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 2em 0;
}


/* read more arrows icons */

.c-image_segue__icon {
    display: block;
    height: 1rem;
    margin: .5rem 0 0 auto;
    width: 1rem;
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
}

.c-main_nav__search {
    background-image: url(/assets/img/icon-search.svg);
    background-position: 20px;
    background-repeat: no-repeat;
    padding: 1.25rem 1.5rem 1.25rem 0;
    cursor: pointer;
}

.c-reg_card {
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
    border: .0625rem solid;
    border-color: #e54759;
    margin-bottom: 1.25rem;
    padding: 4rem;
    text-align: center;
}

@media (max-width: 991px) {
    .nav-link {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
    .carousel-caption {
        max-width: 100%;
        left: 14%;
        transform: unset;
        text-align: center;
        top: 10%;
        padding:0rem;
    }
    .carousel-caption h1 {
        font-size: 2.2rem;
    }
    .carousel-caption p {
        color:#fff;
        font-size:1.2rem;

    }

.red {
  color: #e54759;
}