@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

.h1,
h1 {
    font-size: 3.5rem;
    margin-bottom: 1.875rem
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    -webkit-text-stroke: 1px #020221;
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
    text-shadow: 3px 3px #102c4b
}

.h2 span,
h2 span {
    color: #0a9ee2
}

@media (max-width:767px) {

    .h2,
    h2 {
        font-size: 2rem;
        line-height: 1.5
    }

    .h2 br,
    h2 br {
        display: none
    }
}

.h3,
h3 {
    font-size: 2rem
}

.h3,
.h4,
h3,
h4 {
    margin-bottom: 1.25rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.h6,
h6 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

p {
    color: inherit;
    margin-bottom: 1rem
}

a:not(.btn) {
    color: #040c14
}

a:not(.btn):hover {
    text-decoration: underline
}

b,
strong {
    font-weight: 700
}

.wp-admin b,
.wp-admin strong,
.wp-core-ui b,
.wp-core-ui strong {
    font-family: inherit;
    font-size: inherit;
    font-weight: 700
}

.text-white {
    color: #fff !important
}

.text-white .subtitle,
.text-white a:not(.btn),
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white label,
.text-white p {
    color: inherit !important
}

html {
    font-size: 16px
}

body {
    background-color: #1F4C7D;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.page-holder {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

img {
    height: auto;
    max-width: 100%
}

img.aligncenter {
    display: block;
    margin: 1.875rem auto
}

img.alignleft {
    float: left;
    margin: 0 .9375rem .9375rem 0
}

img.alignright {
    float: right;
    margin: 0 0 .9375rem .9375rem
}

section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding: 5.625rem 0;
    position: relative;
    width: 100%
}

section .container,
section .container-fluid {
    position: relative;
    z-index: 10
}

@media (max-width:990px) {
    section {
        padding: 4.6875rem 0 2.5rem
    }
}

pre {
    float: left;
    width: 100%
}

.navbar-toggler {
    background-color: transparent;
    border: none !important;
    min-height: 3.25rem;
    min-width: 3.125rem;
    position: relative;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    width: 3.125rem
}

@media (max-width:990px) {
    .navbar-toggler {
        margin-right: .0625rem
    }
}

@media (max-width:767px) {
    .navbar-toggler {
        margin-top: -.1875rem
    }
}

@media (min-width:767px) {
    .navbar-toggler {
        margin-right: -.625rem
    }
}

.navbar-toggler span {
    background-color: #fff;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    height: 2px;
    left: 50%;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    width: 1.875rem
}

.navbar-toggler span:first-of-type {
    transform: translate(-50%, -.625rem) rotate(0deg)
}

.navbar-toggler span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(0deg)
}

.navbar-toggler span:nth-of-type(3) {
    transform: translate(-50%, .5rem) rotate(0deg)
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: 0;
    text-decoration: none
}

.navbar-toggler[aria-expanded=true] {
    color: transparent !important
}

.navbar-toggler[aria-expanded=true] span:first-of-type {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.navbar-toggler[aria-expanded=true] span:nth-of-type(2) {
    opacity: 0
}

.navbar-toggler[aria-expanded=true] span:nth-of-type(3) {
    transform: translate(-50%, -50%) rotate(45deg)
}

.admin-bar .top-menu {
    top: 2.8125rem
}

@media (min-width:767px) {
    .admin-bar .top-menu {
        top: 2rem
    }
}

.top-menu {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    transition: background .4s ease 0s, padding .2s ease 0s, border .2s ease 0s;
    -webkit-transition: background .4s ease 0s, padding .2s ease 0s, border .2s ease 0s;
    width: 100%;
    z-index: 999
}

@media (min-width:1650px) {
    .top-menu {
        background-color: rgba(7, 7, 48, .5)
    }
}

.top-menu.fixed {
    background-color: #070730;
    border-bottom-color: hsla(0, 0%, 100%, .17);
    box-shadow: 0 .125rem .3125rem hsla(0, 0%, 100%, .13);
    -webkit-box-shadow: 0 .125rem .3125rem hsla(0, 0%, 100%, .13);
    -moz-box-shadow: 0 .125rem .3125rem hsla(0, 0%, 100%, .13)
}

.modal-open .top-menu,
[style*=padding-right] .top-menu {
    width: calc(100vw - 17px)
}

@media (max-width:990px) {
    .top-menu .nav-item {
        max-width: 200px;
        width: 100%
    }

    .top-menu .nav-item .nav-link {
        width: 100%
    }
}

.top-menu .navbar-brand {
    margin: 0;
    max-width: 7.6875rem;
    padding: .25rem 0;
    width: 100%
}

@media (min-width:1200px) {
    .top-menu .navbar-brand {
        max-width: 10.4375rem
    }
}

.top-menu .navbar {
    border-bottom: 1px solid hsla(0, 0%, 100%, .17);
    margin: 0;
    padding: 1px 0 0;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    width: 100%
}

@media (min-width:990px) {
    .top-menu .navbar {
        width: auto
    }
}

.top-menu .navbar .row {
    margin: 0;
    width: 100%
}

.top-menu .navbar-nav {
    padding: 0
}

.top-menu .offcanvas {
    background-color: #020221
}

.top-menu .offcanvas .offcanvas-header .btn-close {
    filter: brightness(0) invert(1)
}

.top-menu .nav-link {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin: 0 .25rem;
    padding: .625rem !important;
    text-align: center;
    text-decoration: none !important;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s
}

@media (min-width:990px) {
    .top-menu .nav-link:hover {
        color: #102c4b
    }
}

.top-menu .menu-item-has-children {
    overflow: visible !important;
    position: relative
}

.top-menu .menu-item-has-children>.dropdown-toggle,
.top-menu .menu-item-has-children>.nav-link {
    position: relative
}

.top-menu .menu-item-has-children>.dropdown-toggle:after,
.top-menu .menu-item-has-children>.nav-link:after {
    background: none;
    border: 5px solid transparent;
    border-bottom: none;
    border-top-color: #fff;
    content: "";
    left: auto;
    position: absolute;
    right: 0;
    top: 1.125rem;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s
}

.top-menu .menu-item-has-children>.dropdown-toggle.show:after,
.top-menu .menu-item-has-children>.nav-link.show:after {
    transform: rotate(180deg)
}

.top-menu .menu-item-has-children:hover>.nav-link {
    color: #fff
}

.top-menu .menu-item-has-children:hover>.nav-link:before {
    width: 100%
}

.top-menu .navbar-nav .nav-item:not(.menu-btn) .nav-link.active {
    color: #fff
}

.top-menu .navbar-nav .nav-item:not(.menu-btn) .nav-link.active.dropdown-toggle:before {
    width: 100%
}

.current_page_item:not(.menu-btn)>.nav-link.active {
    color: #000
}

.current_page_item:not(.menu-btn)>.nav-link:before {
    width: 100% !important
}

.current_page_item:not(.menu-btn)>.dropdown-item {
    background-color: #fff;
    color: #102c4b
}

.dropdown-menu {
    background-color: #000;
    border: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: -2.09px 2.9057px 8.2641px rgba(45, 45, 45, .16);
    -webkit-box-shadow: -2.09px 2.9057px 8.2641px rgba(45, 45, 45, .16);
    -moz-box-shadow: -2.09px 2.9057px 8.2641px rgba(45, 45, 45, .16);
    left: auto !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%
}

@media (max-width:990px) {
    .dropdown-menu {
        margin-left: 8px
    }
}

.dropdown-menu .dropdown-item {
    border: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    line-height: 1.25rem;
    margin: 0;
    padding: .625rem .9375rem !important;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s
}

.dropdown-menu .dropdown-item span {
    display: inline-block;
    min-width: 25px;
    text-align: center
}

.dropdown-menu .dropdown-item:hover {
    background-color: #fff;
    color: #000
}

.dropdown-menu li {
    list-style: none
}

.section-footer {
    padding: 0
}

.section-footer hr {
    border-top-color: #fff;
    opacity: .21
}

.section-footer p {
    font-size: .75rem
}

@media (min-width:990px) {
    .section-footer .footer-logo {
        min-height: 4rem
    }
}

.section-footer .footer-logo a {
    padding-right: 1.25rem
}

.section-footer .footer-holder {
    float: left;
    padding-bottom: 1.9375rem;
    width: 100%
}

.section-footer .footer-menu {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    max-width: 100%
}

.section-footer .footer-menu>* {
    width: 100%
}

.section-footer .nav-link {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    margin: 0 .25rem;
    padding: .5625rem .25rem !important;
    text-decoration: none !important;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s
}

@media (min-width:990px) {
    .section-footer .nav-link:hover {
        color: #102c4b
    }
}

.section-footer .footer-copy-holder {
    background-color: #13133e;
    float: left;
    padding: 1.4375rem 0;
    width: 100%
}

.section-footer .footer-copy-holder p {
    color: hsla(0, 0%, 100%, .55);
    font-size: .75rem;
    margin: 0
}

.btn,
.menu-btn .nav-link {
    align-items: center;
    border: 1px solid transparent;
    display: inline-flex;
    font-size: 1.125rem;
    justify-content: center;
    min-height: 3.125rem;
    min-width: .0625rem;
    padding: 0 !important;
    text-align: center;
    text-decoration: none !important;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s
}

.btn.btn-default,
.menu-btn .btn-default.nav-link {
    background: linear-gradient(93.83deg, #102c4b -2.13%, #225da1 99.76%);
    border-radius: 3.125rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 !important;
    min-height: 3.25rem;
    padding: 0 .625rem !important;
    width: 100%
}

@media (min-width:400px) {

    .btn.btn-default,
    .menu-btn .btn-default.nav-link {
        max-width: 12.5625rem
    }
}

@media (min-width:990px) {

    .btn.btn-default:hover,
    .menu-btn .btn-default.nav-link:hover {
        color: #070730
    }
}

.btn.btn-play,
.menu-btn .btn-play.nav-link {
    backdrop-filter: blur(16.1457px);
    background-color: hsla(0, 0%, 100%, .12);
    background-image: url(../images/play.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: 2.15276px solid hsla(0, 0%, 100%, .31);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 21.5276px 21.5276px 32.2914px rgba(7, 7, 48, .7);
    -webkit-box-shadow: 21.5276px 21.5276px 32.2914px rgba(7, 7, 48, .7);
    -moz-box-shadow: 21.5276px 21.5276px 32.2914px rgba(7, 7, 48, .7);
    height: 5.625rem;
    min-height: 5.625rem;
    padding: 0;
    width: 5.625rem
}

.btn.btn-play.active,
.menu-btn .btn-play.active.nav-link {
    border: 2.15276px solid hsla(0, 0%, 100%, 0.31)
}

@media (max-width:767px) {

    .btn.btn-play,
    .menu-btn .btn-play.nav-link {
        height: 5rem;
        min-height: 5rem;
        width: 5rem
    }
}

@media (min-width:990px) {

    .btn.btn-play:hover,
    .menu-btn .btn-play.nav-link:hover {
        color: #070730
    }
}

.menu-btn {
    padding: .25rem 0
}

.menu-btn .nav-link {
    background: linear-gradient(93.83deg, #102c4b -2.13%, #225da1 99.76%);
    border-radius: 3.125rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 !important;
    min-height: 3.25rem;
    padding: 0 .625rem !important
}

@media (min-width:990px) {
    .menu-btn .nav-link {
        padding: 0 1.25rem !important
    }

    .menu-btn .nav-link:hover {
        color: #070730
    }
}

#vimeom .modal-content,
#youtubem .modal-content,
[id^=videoModal-] .modal-content {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

#vimeom .modal-content .videoWrapper,
#youtubem .modal-content .videoWrapper,
[id^=videoModal-] .modal-content .videoWrapper {
    border: .3125rem solid #fff
}

#vimeom .modal-header,
#youtubem .modal-header,
[id^=videoModal-] .modal-header {
    border: none;
    padding: 0
}

.video-holder,
.videoWrapper {
    background-color: #fff;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.video-holder iframe,
.video-holder video,
.videoWrapper iframe,
.videoWrapper video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-holder {
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    overflow: hidden
}

.btn.btn-x,
.menu-btn .btn-x.nav-link {
    color: #fff;
    margin-right: .625rem !important;
    min-height: 1.5625rem;
    padding: 0 0 1px !important;
    width: 1.5625rem
}

@media (min-width:767px) {

    .btn.btn-x,
    .menu-btn .btn-x.nav-link {
        margin-right: -.9375rem !important
    }
}

@media (min-width:990px) {

    .btn.btn-x:hover,
    .menu-btn .btn-x.nav-link:hover {
        background-color: #fff;
        color: #000
    }
}

.slick-slider {
    float: left;
    position: relative;
    width: 100%
}

.slick-arrow {
    align-items: center;
    background: none;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    position: absolute;
    width: 4.3125rem;
    z-index: 15
}

.slick-arrow.slick-disabled {
    cursor: not-allowed !important;
    opacity: .3
}

.slick-dots {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: none;
    margin: .9375rem 0 0;
    padding: 0;
    width: 100%
}

.slick-dots li {
    text-align: center
}

.slick-dots li button {
    background: none;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: transparent;
    font-size: .00625rem;
    height: .625rem;
    margin: 0 .21875rem;
    opacity: .3;
    padding: 0;
    width: .625rem
}

.slick-dots li.slick-active button {
    opacity: 1
}

.modal-speaker-slider {
    display: none
}

.modal-speaker-slider .item {
    visibility: hidden
}

.modal-speaker-slider.slick-initialized {
    display: block
}

.modal-speaker-slider.slick-initialized .item {
    visibility: visible
}

.modal-speaker-slider.slick-initialized+#loadAjax {
    display: none
}

.modal-speaker-slider .slick-arrow {
    align-items: center;
    background: none;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: flex;
    height: auto;
    justify-content: center;
    padding: 0 !important;
    position: absolute;
    right: calc(50% - 80px);
    top: -6.25rem;
    transform: translateY(-50%);
    width: auto;
    z-index: 15
}

@media (min-width:1200px) {
    .modal-speaker-slider .slick-arrow {
        margin: 0;
        right: -11.25rem;
        top: 50%
    }
}

.modal-speaker-slider .slick-arrow.slick-prev {
    left: calc(50% - 80px);
    right: auto
}

@media (min-width:1200px) {
    .modal-speaker-slider .slick-arrow.slick-prev {
        left: -11.25rem;
        margin: 0
    }
}

.modal-speaker-slider .slick-arrow.slick-disabled {
    cursor: not-allowed !important;
    opacity: .3
}

.modal-speaker-slider .slick-arrow:hover {
    background-color: #000
}

.pagination .page-numbers {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    display: inline-flex;
    flex-direction: column;
    font-size: 1.5rem;
    height: 2.75rem;
    justify-content: center;
    padding: .1875rem;
    text-align: center;
    text-decoration: none !important;
    width: 2.75rem
}

.pagination .page-numbers:not(.current):not(.dots):hover {
    background-color: hsla(0, 0%, 100%, .16)
}

.pagination .page-numbers.current {
    border-color: #fff;
    color: #fff
}

@media (min-width:1200px) {
    .container {
        max-width: 1150px
    }
}

.socials-menu-container {
    left: .625rem;
    position: absolute;
    top: 5.3125rem;
    z-index: 50
}

@media (min-width:576px) {
    .socials-menu-container {
        left: calc(50vw - 270px);
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width:768px) {
    .socials-menu-container {
        left: calc(50vw - 360px)
    }
}

@media (min-width:992px) {
    .socials-menu-container {
        left: calc(50vw - 480px)
    }
}

@media (min-width:1200px) {
    .socials-menu-container {
        left: calc(50vw - 575px)
    }
}

.socials-menu .nav-link {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff !important;
    display: flex;
    height: 3rem;
    justify-content: center;
    text-decoration: none !important;
    width: 3rem
}

.socials-menu .nav-link i {
    font-size: 1.5rem
}

@media (min-width:990px) {
    .socials-menu .nav-link:hover {
        background-color: hsla(0, 0%, 100%, .14);
        border-color: hsla(0, 0%, 100%, .12);
        box-shadow: 20px 20px 30px rgba(7, 7, 48, .7);
        -webkit-box-shadow: 20px 20px 30px rgba(7, 7, 48, .7);
        -moz-box-shadow: 20px 20px 30px rgba(7, 7, 48, .7)
    }
}

.section-hero {
    background-image: url(../images/hero-image.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60.75rem;
    padding: 6.25rem 0 0
}

@media (min-width:1500px) {
    .section-hero {
        background-position: 50%
    }
}

.central-image,
.section-hero .hero-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.central-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    min-height: clamp(230px, 100%, 792px);
    position: relative;
    text-align: center;
    width: clamp(280px, 100%, 967px)
}

@media (min-width:767px) {
    .central-image {
        padding-left: 5.3125rem
    }
}

.central-image>* {
    position: relative;
    z-index: 50
}

.central-image .btn,
.central-image .menu-btn .nav-link,
.menu-btn .central-image .nav-link {
    margin-top: -4.375rem !important;
    width: 100%
}

@media (min-width:400px) {

    .central-image .btn,
    .central-image .menu-btn .nav-link,
    .menu-btn .central-image .nav-link {
        max-width: 12.5625rem
    }
}

.bg-page {
    background-image: url(../images/bg-page.svg);
    background-position: top;
    background-repeat: repeat-y;
    background-size: 100% auto;
    float: left;
    width: 100%
}

.video-section p {
    font-size: 1.5rem
}

.video-section .video-holder {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 23.0552px 23.0552px 34.819px rgba(3, 3, 33, .71);
    -webkit-box-shadow: 23.0552px 23.0552px 34.819px rgba(3, 3, 33, .71);
    -moz-box-shadow: 23.0552px 23.0552px 34.819px rgba(3, 3, 33, .71)
}

.video-section .video-holder .btn-play {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 50
}

.video-section .inner-holder {
    max-width: 49.75rem
}

.image-holder {
    background-color: #13133e;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    float: left;
    position: relative;
    width: 100%;
    z-index: 10
}

.image-holder .cover {
    background: linear-gradient(180deg, rgba(19, 19, 62, 0), #13133e);
    bottom: 0;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 15
}

.image-holder .image-inner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 18.125rem
}

.image-holder .image-inner.big-image {
    min-height: 37.875rem
}

.icon-box {
    background-color: #071a36;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 10px 10px 30px #090921;
    -webkit-box-shadow: 10px 10px 30px #090921;
    -moz-box-shadow: 10px 10px 30px #090921;
    float: left;
    margin-bottom: .875rem;
    min-height: 18rem;
    padding: 1.25rem .625rem 0;
    width: 100%
}

@media (min-width:1200px) {
    .icon-box {
        padding: 1.75rem 1.75rem 0
    }
}

.icon-box p {
    color: #fff;
    font-size: .875rem
}

@media (max-width:400px) {
    .icon-box p {
        font-size: .8125rem
    }
}

.icon-circle {
    align-items: center;
    background-color: rgba(34, 197, 177, .19);
    border: 1px solid rgba(34, 197, 177, .29);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: flex;
    height: 3.625rem;
    justify-content: center;
    margin: 0 auto 20px;
    width: 3.625rem
}

@media (max-width:400px) {
    .icon-circle {
        height: 2.6875rem;
        width: 2.6875rem
    }
}

.features-row [class*=col-] {
    padding-left: .4375rem;
    padding-right: .4375rem
}

.slider-holder {
    position: relative
}

.section-slider {
    position: static
}

@media (max-width:1500px) {
    .section-slider {
        width: 116.666%
    }
}

@media (max-width:990px) {
    .section-slider {
        width: 175%
    }
}

.section-slider .item {
    margin: 0 16px 50px 0
}

.section-slider .slick-dots {
    bottom: 0;
    left: 0;
    position: absolute
}

.slider-box {
    background-color: #13133e;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 10px 10px 30px #090921;
    -webkit-box-shadow: 10px 10px 30px #090921;
    -moz-box-shadow: 10px 10px 30px #090921;
    float: left;
    min-height: 15.625rem;
    padding: 1.875rem 1.875rem .625rem;
    width: 100%
}

@media (min-width:576px) {
    .slider-box {
        min-height: 13.9375rem
    }
}

@media (min-width:990px) {
    .slider-box {
        min-height: 15.4375rem
    }
}

.img-circle-box {
    background-color: #d9d9d9;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 3.375rem;
    margin-right: .625rem;
    min-width: 3.375rem;
    width: 3.375rem
}

@media (min-width:767px) {
    .img-circle-box {
        height: 4.9375rem;
        margin-right: 1.25rem;
        min-width: 4.9375rem;
        width: 4.9375rem
    }
}

.info-top-holder h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .375rem
}

@media (min-width:767px) {
    .info-top-holder h3 {
        font-size: 1.5rem
    }
}

.info-top-holder ul {
    align-items: center;
    display: flex;
    flex: row;
    justify-content: start;
    margin: 0;
    padding: 0
}

.info-top-holder ul li {
    list-style: none
}

.info-top-holder ul li i {
    color: #102c4b;
    font-size: 1rem;
    margin: 0 .1875rem
}

@media (min-width:767px) {
    .info-top-holder ul li i {
        font-size: 1.375rem
    }
}

.info-content {
    float: left;
    margin-top: 1.25rem;
    width: 100%
}

.info-content p span {
    text-decoration: underline
}

.color-info-box {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 10px 10px 30px #090921;
    -webkit-box-shadow: 10px 10px 30px #090921;
    -moz-box-shadow: 10px 10px 30px #090921;
    float: left;
    margin-top: 1.5rem;
    padding: 1.4375rem 1.75rem 2.5rem;
    width: 100%
}

.color-info-box.green-box {
    background-color: #0a9ee2
}

.color-info-box.pink-box {
    background-color: #102c4b
}

.color-info-box .img-circle-box {
    border: 8px solid #fff;
    height: 5.25rem;
    min-width: 5.25rem;
    width: 5.25rem
}

.color-info-box label {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .1875rem
}

.color-info-box p {
    font-size: .75rem;
    font-weight: 500;
    margin: 0
}

.color-info-box .info-content {
    margin-top: .5rem
}

.color-info-box .info-link {
    color: #fff;
    font-weight: 600;
    margin-top: .9375rem;
    text-decoration: none
}

.color-info-box .info-link i {
    margin-right: .5rem
}

.color-info-box .info-link:hover {
    color: #020221;
    text-decoration: none
}

.central-logo {
    filter: drop-shadow(20px 35px 4px rgba(7, 7, 48, .6));
    margin-bottom: 80px;
    max-width: 450px
}

@media (max-width:990px) {

    .section-footer .footer-logo,
    .section-footer p {
        text-align: center
    }
}

@media (max-width:767px) {
    .top-menu .navbar {
        border-bottom: 1px solid transparent
    }

    .section-hero {
        min-height: 35rem
    }

    .section-hero .hero-content {
        justify-content: end
    }

    .central-image .btn,
    .central-image .menu-btn .nav-link,
    .menu-btn .central-image .nav-link {
        margin-top: 0 !important
    }

    .central-image {
        background-position: bottom;
        justify-content: end;
        margin: 0;
        min-height: clamp(230px, 60%, 350px);
        width: 100%
    }

    .central-logo {
        max-width: 75%
    }

    .socials-menu .nav-link i {
        font-size: 18px
    }

    .video-section p {
        font-size: 1.125rem
    }

    .color-info-box {
        padding: 1.4375rem 1.25rem 1.25rem
    }

    .section-footer .footer-menu .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap
    }

    .section-footer .footer-menu .navbar-nav li {
        max-width: 50%;
        width: 100%
    }
}