html, body {
    overflow-x: hidden;
}
body *{
    font-family: 'Roboto', sans-serif;
}
.font-serif {
    font-family: 'Inter', sans-serif;
}
body{
    background: #fff;
    overflow-x: hidden;
    padding: 0 !important;
}   

header.dark-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    min-height: 94px;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: 0px 4px 20px rgb(180 173 173 / 0%);
    transition: all 0.2s ease;
    max-width: 100vw;
}

header.dark-header nav.navbar {
    width: 100%;
    box-shadow: none;
    justify-content: space-between;
    padding: 0 15px;
}

header.dark-header nav.navbar .navbar-collapse {
    justify-content: space-between;
}

.container-fluid {
    width: calc(100% - 60px);
    max-width: 1420px;
}

header.dark-header nav.navbar a.navbar-brand {
    padding: 0;
}

header.dark-header ul.navbar-nav {}

header.dark-header ul.navbar-nav li a.nav-link {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
/* identical to box height, or 143% */
    color: #fff;
    text-transform: initial;
    padding: 0;
    margin: 0 16px;
    transition: all 0.2s ease;
} 
header.dark-header ul.navbar-nav li.active a.nav-link,
header.dark-header ul.navbar-nav li a.nav-link:hover,
header.dark-header ul.navbar-nav li a.nav-link:focus {
    color: #fff;
    transition: all 0.2s ease;
    opacity: 0.8;
    text-decoration: underline;
}  

header.dark-header.styled-header {
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
    height: 80px;
    transition: all 0.3s ease;*/
    box-shadow: 0px 1px 9px rgb(16 15 15 / 25%);
    transition: all 0.2s ease;
    linear-gradient(90deg, #012262 100%, #070624 0%, #070624):
    transparent;
    background: linear-gradient(90deg, #012262 100%, #070624 0%, #070624);
}


header.dark-header.bg-dark {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
header.dark-header.styled-header.bg-dark {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
header.dark-header nav.navbar a.navbar-brand .second-img {
    margin-left: 10px;
    padding-left: 25px;
    text-transform: uppercase;
    color: #333333;
    position: relative;
    display: flex;
    align-items: center;
}

header.dark-header nav.navbar a.navbar-brand .second-img > span {
    display: inline-block;
    font-weight: bold;
    font-size: 17.4974px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

header.dark-header nav.navbar a.navbar-brand .second-img img {
    background: #ffffff;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

header.dark-header nav.navbar a.navbar-brand .second-img:before {content: "";position: absolute;left: 0;top: 25%;height: 50%;width: 1px;background: #ffffff;}

header.dark-header nav.navbar a.navbar-brand {
    display: flex;
    align-items: center;
}

header.dark-header ul.navbar-nav.nav-menu-left {
    height: 100px;
    display: flex;
    align-items: stretch;
    margin-left: 10px;
    transition: all 0.3s ease;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding: 0 28px;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
/* identical to box height, or 200% */
    font-feature-settings: 'liga' off;
    color: #A7A7A7;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link span.icon-box {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link span.icon-box img {
    width: auto;
}

header.dark-header.styled-header ul.navbar-nav.nav-menu-left {
    height: 80px;
    transition: all 0.3s ease;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active {}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active a.nav-link {
    background: #262526;
    color: #fff;
}
ul.navbar-nav.nav-right.nav-menu-right li.nav-item {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}ul.navbar-nav.nav-right.nav-menu-right {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #262526, #262526), url(image.png);
    height: 100%;
    margin-left: 12px;
    padding: 0 12px;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link img {}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box {}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box a.nav-link {
    padding: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box a.nav-link img {
    width: 100%;
}
html {
    overflow-x: hidden;
}
header.dark-header nav.navbar .navbar-collapse.regular-menu {
    justify-content: space-between;
    padding: 0 16px;
}
.banner-wrapper {
    margin-top: 0;
    padding: 122px 0 28px;
    position: relative;
    background-image: url('../images/bg-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-wrapper .content-block {
    text-align: left;
}

.banner-wrapper .row {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex: 1;
    width: 100%;
}

.banner-wrapper .banner-img {
    position: relative;
}

h2.title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    
/* or 135% */


/* Primary Black */
    color: #333333;
    width: 100%;
    max-width: 455px;
}

h4.sub-text {
    margin-bottom: 24px;
    
/* or 160% */
    color: #fff;
    width: 450px;
    max-width: 100%;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.banner-wrapper .btn.btn-primary {
    margin: 0;
    text-transform: initial;
    background: #00A7FE;
/* FigJam/Deep Shadow */
    border: 1px solid transparent;
    border-radius: 8px;
    height: 52px;
    padding: 0 40px;
    color: #fff;
    position: relative;
    transition: all 0.2s ease;
    font-weight: 700;
    font-size: 16px;
    line-height: 52px;
    width: 260px;
    max-width: 100%;
    text-align: center;
}

.banner-wrapper .btn.btn-primary .text {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
}

.btn.btn-primary .text {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
}

.btn.btn-primary .icon {
    margin-left: 0;
    top: -1px;
    opacity: 0;
    position: absolute;
    right: 25px;
    transition: all 0.35s ease;
}

.banner-wrapper h2.title {
        color: #fff;
        width: 100%;
        text-align: left;
        margin: 0 0 12px;
        font-weight: 700;
        font-size: 45px;
        line-height: 61px;
        letter-spacing: -.91px;
}

.banner-wrapper .btn.btn-primary:hover, .banner-wrapper .btn.btn-primary:focus,.banner-wrapper .btn.btn-primary:active {
    transition: all 0.2s ease;
    background: #fff;
    opacity: 1;
    border: 1px solid #fff;
}

.btn.btn-primary:hover .icon,.btn.btn-primary:focus .icon,.btn.btn-primary:active .icon {
    opacity: 1;
    position: absolute;
    transition: all 0.35s ease;
    right: 20px;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 6px;
    height: 4px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}

.text.bold {
    font-weight: 600;
}

.text {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 18px;
    color: #919191;
    font-family: Inter;
}

.text.text_white {
    color: #fff;
}

.card .text {
    margin: 0;
}

.card .text > span {
    text-transform: uppercase;
    font-weight: 600;
}

.btn.btn-primary .text {
    color: #fff;
    transition: all 0.2s ease;
    text-transform: capitalize;
}

.navbar .btn.btn-primary {
    background: #655AB7;
    border-radius: 50px;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    margin-left: 20px;
}

.navbar .btn.btn-primary:before {
    background: transparent;
}
.nav .btn.btn-secondary {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    line-height: normal;
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.nav .btn.btn-secondary:hover {
    border: 1px solid #fff;
    opacity: 1;
    background: #ffffff3d;
}

 .nav .btn.btn-secondary .text {
    font-weight: 700;
    font-size: 16px;
    text-transform: none;
    margin: 0;
    color: #fff;
    line-height: 28px;
}
.navbar .btn.btn-primary .text {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

h2.title {
    margin: 0 auto 40px;
    text-align: center;
    max-width: 100%;
}



a:hover {
    opacity: 0.7;
}

.navbar-nav li.dropdown > ul.dropdown-menu.active {
    opacity: 1;
    transform: scale(1);
    margin-top: 0;
    left: 0;
    transition: all 0.2s ease;
    transform-origin: 0 0;
}
ul.dropdown-menu {
    transition: all 0.2s ease;
}
.dropdown ul.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(132, 132, 132, 0.25);
    border-radius: 4px;
    min-width: 220px;
}

.dropdown ul.dropdown-menu li a {
    display: block;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    text-decoration: none;
}

.dropdown ul.dropdown-menu li a:hover {
    color: #225AFF;
}
.dropdown ul.dropdown-menu li.active a {
    color: #225AFF;
}
header.dark-header ul.navbar-nav li a.nav-link .icon {
    font-size: 12px;
    margin-left: 2px;
}

header.dark-header ul.navbar-nav li a.nav-link[data-toggle="dropdown"]:focus {
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background: #9289d3;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #DCDCDC;
    border: 1px solid #DCDCDC;
    background: transparent;
}
.banner-img img {
    width: 650px;
    max-width: 100%;
}
.banner-block {
    position: relative;
}

.banner-block .pos_bottomText,.banner-block .pos_topText {
    position: absolute;
}
.legendText {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #FFD40D;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45);
    margin-bottom: 6px;
    display: inline-block;
}
.text-gradient-1 {
    background: linear-gradient(82.39deg, #B5FFD3 4.86%, #D1A4FF 28.9%, #FFA5AF 51.42%, #FFDCA4 66.28%);
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: unset !important;
}

span.text-gradient-2 {
}
.logo-block {
    margin-top: 48px;
}

.logo-block h4.subTitle {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 1.25px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 32px;
    padding: 0 15px;
}
.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}
.banner-wrapper > .container-fluid {
    flex: 1;
    display: flex;
    align-items: center;
}
.btn.btn-primary:hover span.text {color: #00A7FE;transition: all 0.2s ease;}
.commonPadding {
    padding: 72px 0;
}

.alignCenter {
    align-items: center;
    justify-content: center;
}

h4.title {
    font-size: 52px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -0.9187043309211731px;
    margin-bottom: 24px;
    font-family: 'Roboto', sans-serif;
}

.text {}

.text.text-lg {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
}

.alignCenter p.text.text-lg {
    width: 800px;
    max-width: 100%;
    margin: 0;
    margin: 0 auto;
}

.commonPadding-Sm {
    padding: 72px 0;
}

.commonPadding-Xs {
    padding: 56px 0;
}

.legend {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #F04141;
    margin-bottom: 12px;
}

ul.checkList {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
}

ul.checkList li {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px;
}

ul.checkList li .text {
    margin: 0;
    color: #454D5B;
}

ul.checkList li .icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -3px;
    flex: 0 0 32px;
}

.buttonSection {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 32px;
    gap: 20px;
}

.btn.btn-primary {
    background: #1759DD;
    border: 1px solid #1759DD;
    width: auto;
    padding: 0px 20px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin: 0;
    border-radius: 6px;
}

.btn.btn-secondary {
    background: transparent;
    width: auto;
    padding: 0px 20px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin: 0;
    border-radius: 6px;
}

a.btn.btn-secondary .text {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
    margin: 0;
    color: #1759DD;
    font-weight: 700;
}

a.btn.btn-secondary .icon {
    margin-left: 10px;
}
.row.row-reverse {
    flex-direction: row-reverse;
}
.title.title-xs {
    font-size: 42px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
}

.title.title-sm {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.9187043309211731px;
    text-align: center;
}
.imageBox img {
    width: 650px;
    max-width: 100%;
}
.text.text-dark {
    color: #454D5B;
}
.sliderCard {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 22px;
    width: 306px;
    max-width: 100%;
}

.sliderCard .imgBox img {
    width: 100%;
    max-width: 100%;
}

.sliderCard .details {
    padding: 16px 16px 12px;
}

.sliderCard a.btn.btn-secondary {
    display: inline-block;
    padding: 0;
    margin: 0 16px 16px;
    height: 28px;
    line-height: 28px;
}

.text.text-xs {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #454D5B;
}

.sliderCard .details h4.main {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    margin-bottom: 12px;
}

.sliderCard .details p.text {
    margin: 0;
}

.sliderCard a.btn.btn-secondary .text {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

a.btn.btn-secondary:hover {
    background: transparent;
}
.swiper.caseStudy-swiper .swiper-slide {
    width: 306px;
    max-width: 100%;
}
.caseStudy.commonPadding {padding-bottom: 0;}

.caseStudy.commonPadding .row .col-md-4 {
    position: relative;
    z-index: 1;
    padding-left: 14%;
    flex: 0 0 40%;
    max-width: 40%;
}

.container-fluid.max-w-100 {
    max-width: 100%;
    width: 100%;
}

.caseStudy.commonPadding .row .col-md-8 {
    overflow: hidden;
}

.caseStudy.commonPadding .col-md-8.col-xs-12 {
    padding-bottom: 96px;
    flex: 0 0 60%;
    max-width: 60%;
}
.swiper-nav {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row;
    gap: 36px;
    padding-left: 16%;
    padding-top: 32px;
}

.swiper-nav .swiper-pagination,
.swiper-nav .swiper-pagination-one {
    position: relative;
    order: 2;
    height: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.swiper-nav .swiper-button-next,
.swiper-nav .swiper-button-next-one {order: 3;}

.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-prev-one {
    order: 1;
}

.swiper-nav .swiper-button-prev,.swiper-nav .swiper-button-next,
.swiper-nav .swiper-button-prev-one,.swiper-nav .swiper-button-next-one {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 14px;
}
.swiper-nav .swiper-button-prev img, .swiper-nav .swiper-button-next img,
.swiper-nav .swiper-button-prev-one img, .swiper-nav .swiper-button-next-one img {
    position: relative;
    display: inline-block;
    width: 8px;
    top: -6px;
    cursor: pointer;
}
.caseStudy.commonPadding .contentBox .text {
    width: 320px;
    max-width: 100%;
}
.bg-grey {
    background: #FAFCFF;
}

.about {}

.about .col-md-7.col-xs-12 {
    padding-left: 40px;
}

.about .col-md-7.col-xs-12 p.text.text-left.text-dark.text-lg {
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
}

.about .col-md-7.col-xs-12 .contentBox {}

.flexBox {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    column-gap: 48px;
    row-gap: 16px;
    padding: 0;
    position: relative;
    width: 100%;
}

.flexBox .counterBox {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 14%;
    align-items: center;
    justify-content: center;
    padding: 56px 0;
}

.flexBox .counterBox p.text.text-dark.text-lg {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 !important;
}

.text-red {
    background: linear-gradient(143.39deg, #FF062C 14.26%, #C40077 85.02%);
    -webkit-background-clip: text;
    color: transparent;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 800;
    line-height: 51px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
}

.flexBox .counterBox h4.main {
    text-align: center;
    margin-bottom: 2px;
}

.flexBox:before {
    content: "";
    position: absolute;
    left: 20%;
    top: 0;
    background: transparent;
    width: 40%;
    height: 1px;
}

a.link {
    font-family: Inter;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #1759DD;
    text-decoration: underline;
}
.testimonial h4.title {
    margin-bottom: 62px;
}

.swiper.testimonial-swiper {}

.testimonial .row {
    overflow: hidden;
}

.clientCard {
    background: #FFDCA599;
    border-radius: 22px;
    padding: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.testimonial-swiper .swiper-nav {
    padding-left: 0;
    justify-content: center;
}

.clientCard .details {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 70%;
    padding-right: 48px;
}

.clientCard .imgBox {
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    width: 30%;
}

.clientCard .imgBox img {
    width: auto;
    max-width: 100%;
    width: 100%;
}

.clientCard .details > img {
    width: auto;
    margin-bottom: 20px;
}

.clientCard .details p.text {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #1B1D21;
    flex: 1;
    max-width: 100%;
    text-align: justify;
}

.clientCard .details  h4.main {
    font-family: Inter;
    font-size: 21px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    margin: 8px 0;
}

.clientCard .details  p.text.text-bold {
    flex: initial;
    width: 100%;
    max-width: 100%;
}

.testimonial-swiper .swiper-slide {
    width: auto;
}
.swiper.testimonial-swiper {
  width: 100%;
  height: 100%;
}

.testimonial-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-swiper .swiper-slide img {
  display: block;
  object-fit: cover;
}
.testimonial-swiper .btn.btn-secondary {
    padding: 0;
    height: 28px;
    line-height: 28px;
}

.testimonial-swiper .btn.btn-secondary .text {
    font-family: Inter;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    text-transform: initial;
}
.clientCard .imgBox .play-btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 72px;
    height: 72px;
    border-radius: 100px;
    background: #000000;
    box-shadow: 0px 0px 4px 0px #FFFFFF40;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clientCard .imgBox .play-btn img {
    position: relative;
    left: 3px;
    width: auto;
}
nav .btn.btn-secondary {
    border: 1px solid #fff;
}

nav .btn.btn-secondary .text {
    color: #fff;
    text-transform: initial;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

nav a.btn.btn-secondary .icon {
    height: auto;
}
.bg-secondary {
    background: #D5F1F9 !important;
}

.contentBanner {
    padding: 54px 0;
}

.contentBanner .contentBox {
    width: 840px;
    max-width: 100%;
}

.contentBanner .contentBox p.text.text-center {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #454D5C;
}

.contentBanner .contentBox p.text.text-center .text-red {
    color: #F04141;
    background: unset;
    -webkit-background-clip: unset;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
}

.contentBanner .contentBox .buttonSection {
    justify-content: center;
}
.enroll .offset-md-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.enroll .offset-md-2 .contentBox {
    width: 480px;
    max-width: 100%;
}
span.text-gradient {
    background: linear-gradient(88.46deg, #1759DD 0%, #7500DC 47.5%, #C100BB 88.31%),linear-gradient(0deg, #1B1D21, #1B1D21);
    -webkit-background-clip: text;
    color: transparent;
    display: block;
    line-height: 1.1;
}
footer.main-footer {
    padding: 24px 0;
    background-image: url('../images/footer-bg-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
}

footer.main-footer .row {
    align-items: start;
}

footer.main-footer .logo-block {
    margin: 0 0 32px;
}

footer.main-footer .col-md-4 p.text.text-white.text-base {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    width: 210px;
    max-width: 100%;
}

footer.main-footer .divider {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #979B9F;
    margin: 48px 15px 24px;
}

footer.main-footer .quickLinks h4.main {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 12px;
}

footer.main-footer .quickLinks .quickLinks-menu {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 2px;
}

footer.main-footer .quickLinks .quickLinks-menu a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

footer.main-footer .col-md-6 p.text {
    margin: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

footer.main-footer  .footer-link {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 16px;
}

footer.main-footer  .footer-link a.text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: right;
    margin: 0;
}

footer.main-footer .footer-link span.text-white.text {width: 4px;height: 4px;border-radius: 100px;background: #fff;margin: 0;}
nav a.btn.btn-secondary:hover {
    opacity: 1;
    border: 1px solid #fff;
    background: #ffffff1c;
}
.btn.btn-primary:hover {
    background: transparent;
    border: 1px solid #1759DD;
    opacity: 1;
}

.btn.btn-primary:hover .text,.btn.btn-primary:focus .text {
    color: #1759DD !important;
}
.navbar-expand-lg .navbar-nav  .fullBlock-menu.dropdown-menu {
    position: fixed;
    min-width: 100%;
    top: 94px;
    padding: 32px 0;
    transform-origin: 0 0;
    margin: 0;
}

.navbar-expand-lg .navbar-nav .fullBlock-menu.dropdown-menu h4.main {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    color: #1E2025;
    margin-bottom: 24px;
}

.menu-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: start;
    gap: 32px;
}

.dropdown .menu-flex a.menu-flex-item {
    padding: 0;
    transition: all 0.3s ease;
    border-radius: 12px;
    max-width: 24%;
    position: relative;
    min-height: 110px;
}

.dropdown .menu-flex a.menu-flex-item > div {
    height: 100%;
    background: #fff;
    padding: 16px;
    transition: all 0.3s ease;
    border-radius: 12px;
    position: relative;
    z-index: 2;
}

.menu-flex a.menu-flex-item > div p.title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    color: #1E2025;
    margin-bottom: 4px;
    margin-top: 0 !important;
}

.menu-flex a.menu-flex-item > div p.text {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    margin: 0;
    color: #5E6474;
}

.dropdown .menu-flex a.menu-flex-item:hover > div {
    transition: all 0.3s ease;
}

.dropdown .menu-flex a.menu-flex-item:hover {
    transition: all 0.3s ease;
    opacity: 1;
}
.dropdown .menu-flex a.menu-flex-item:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: 1;
    background: radial-gradient(101.8% 570.98% at 2.8% 0%, #5DC9A7 0%, #F9DDAB 33.48%, #F2A9B0 68.5%, #CAA6F9 100%);
    border-radius: 12px;
    opacity: 0;
    transition: all 0.2s ease;
}

.dropdown .menu-flex a.menu-flex-item:hover:before {
    opacity: 1;
    transition: all 0.2s ease;
}
.talentCard {
    background: url(../images/talent-bg.png) !important;
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
}

.talentCard h4.title {
    line-height: 78px;
    width: 915px;
    max-width: 100%;
    margin: 0 auto 16px;
}

.talentCard p.text.text-dark {
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 24px;
}

.talentCard  .cardBlock {
    margin-top: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.talentCard .cardBlock .cardHeader {
    background: #2E5069;
    padding: 20px;
    border-radius: 22px 22px 0 0;
}

.talentCard .cardBlock .cardBody {
    background: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.talentCard .cardBlock .cardFooter {
    background: #fff;
    border-radius: 0 0 22px 22px;
    padding: 0 16px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.talentCard .cardBlock .cardHeader h4.main {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 27px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
}

.h-7 {
    height: 28px !important;
}

.btn.btn-secondary.h-7 .icon {
    position: relative;
    top: -2px;
}

.talentCard .cardBlock .cardBody p.text {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}
.row.alignStretch {
    align-items: stretch;
}
.whyUs {}

.whyUs .row {
    align-items: start;
    row-gap: 32px;
}

.whyUs .columnBox {}

.whyUs .columnBox .columnBody {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.whyUs .columnBox .columnBody p.main {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    color: #1B1D21;
    margin: 0;
}

.whyUs .columnBox .columnBody p.text.text-dark {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #5E6474 !important;
    margin: 0;
}
.talentCard .contentBox p.text {
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    margin-bottom: 48px;
}
.talentCard .talent-cardBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.talentCard .talent-cardBlock p.text {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.9187043309211731px;
    text-align: center;
    margin: 0;
}

.talentCard .buttonSection {
    margin-top: 72px;
    display: flex;
    column-gap: 48px;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: center;
}

.btn.btn-primary.btn-white-outline {
    border: 1px solid #fff;
    background: transparent;
}

.btn.btn-primary.btn-white-outline:hover .text {
    color: #fff !important;
    opacity: 0.7;
}
footer.main-footer .col-sm-6.col-xs-12 {
    flex: 0 0 20%;
    max-width: 20%;
}
.dropdown .twoBlock-menu .menu-flex a.menu-flex-item {
    max-width: 47%;
}

.dropdown .twoBlock-menu li > .container-fluid > .row > .col-md-6.col-xs-12 {
    padding: 0 24px;
    border-right: 1px solid #CDCFD2;
}

.dropdown .twoBlock-menu li > .container-fluid > .row  {
    margin: 0 -24px;
}

.dropdown .twoBlock-menu li > .container-fluid > .row > .col-md-6.col-xs-12:last-child {
    border-right: 1px solid transparent;
}
.talentCard .btn.btn-primary {
    background: #00A7FE;
    border: 1px solid #00A7FE;
}

.talentCard .btn.btn-primary:hover span.text {
    opacity: 0.8;
    color: #fff !important;
}
footer.main-footer {
    position: relative;
}

footer.main-footer span.footer-illustration {
    position: absolute;
    right: 0;
    top: 0;
}
.mtop-banner {
    padding-top: 122px;
}
.mtop-banner1 {
    padding-top: 94px;
}
.mtop-banner1.banner-wrapper {
    min-height: auto;
    padding-bottom: 0;
}
header.dark-header.header-color {
    background: linear-gradient(135deg, rgba(16,39,105,1) 35%,rgba(8,65,152,1) 63%,rgba(5,89,174,1) 100%);
    z-index: 999;
}
.navbar .navbar-nav .dropdown.nav-item .nav-link:before, .navbar .navbar-nav .dropdown.nav-item .nav-link:after {
    background: transparent !important;
}
.accordion > h3, .accordion > h4 {
    margin: 24px 0;
}

.accordion .accordion-icon.card-header button {
    margin: 0;
}

.accordion .card {box-shadow: none;}

.bg-dark {
    background: linear-gradient(135deg, rgba(16, 39, 105, 1) 35%, rgba(8, 65, 152, 1) 63%, rgba(5, 89, 174, 1) 100%) !important;
}

.accordion .accordion-icon.card-header button {
    background: linear-gradient(135deg, rgba(16, 39, 105, 1) 35%, rgba(8, 65, 152, 1) 63%, rgba(5, 89, 174, 1) 100%) !important;
    border: 2px solid transparent !important;
}

.accordion .accordion-icon.card-header button.collapsed {
    background: transparent !important;
}
.accordion-style .btn-link {
    text-transform: initial;
}
section.header-inner.header-inner-menu {
    overflow: visible !important;
}
.customModal {}

.customModal .modal-content {
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

.customModal .modal-content a.link-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.customModal .modal-content form {
    margin: 0;
    max-height: calc(100vh - 30px);
    display: flex;
    flex-direction: column;
    position: relative;
}

.customModal .modal-content .modal-header {
    padding: 28px 0 12px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.customModal .modal-content .modal-header h4 {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
}

.customModal .modal-content  .modal-body {
    padding: 0 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
}

.customModal .modal-content .modal-body .form-section {
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
}

.form-section label.control-label {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2px;
}

.form-section .form-control {
    border: 1px solid #CDCDCD;
    background-image: none;
    border-radius: 8px !important;
    height: 42px !important;
    padding: 0 16px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.form-section .input-group {
    position: relative;
}

.form-section .input-group span.icon {
    position: absolute;
    left: 14px;
    top: 9px;
}

.form-section .input-group select.form-control {
    padding-left: 46px;
}

.form-section .form-control::placeholder {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #767676;
}


.customModal .modal-content  .modal-footer {
    flex-direction: column;
    gap: 12px;
    padding: 0 16px 40px;
}

.customModal .modal-content .modal-footer a.link {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    text-decoration: none;
    color: #111;
}

.customModal .modal-content .modal-footer .btn.btn-primary {
    background: #1759DD;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: initial;
    width: 250px;
    max-width: 100%;
}

.customModal .modal-content .modal-footer .text {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #111;
    margin: 0;
}

.customModal .modal-content .modal-footer a.link-color {
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #1759DD;
    cursor: pointer;
}

.customModal .modal-content .modal-footer .line-divider {
    display: inline-block;
    margin: 8px auto 12px;
    background: #CDCDCD;
    height: 1px;
    width: 335px;
    max-width: 100%;
}

.customModal .modal-content .modal-footer .contact .item span.icon {
    margin-right: 14px;
}

.customModal .modal-content .modal-footer .w-form {
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
}
.form-block {
    padding-top: 20px;
    position: relative;
}

.form-block > input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
}

.form-block input ~ label.checkbox-label {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    padding-left: 28px;
    position: relative;
    cursor: pointer;
}

.form-block input:checked ~ label.checkbox-label {}

.form-block input ~ label.checkbox-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #CDCDCD;
    border-radius: 4px;
    opacity: 1;
}

.form-block input:checked ~ label.checkbox-label:before {
    background: #1759DD;
    border: 2px solid #1759DD;
}

.form-block input ~ label.checkbox-label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 5px;
    height: 9px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.clientSection {
    margin: 0 auto !important;
    position: relative !important;
    top: 0 !important;
    max-width: 100% !important;
}
section.banner-section.banner-wrapper.mtop-banner .btn.btn-primary:hover {
    background: transparent;
}
.counter-item span {
    font-size: 20px !important;
}
.banner .main-p {
    margin-left: auto !important;
    margin-right: auto !important;
}
.banner-wrapper h2.title  span.text-gradient-1 {
    letter-spacing: -0.9px;
    padding: 0 10px 0 0;
}
.signInModal .modal-dialog {
    max-width: 880px;
}

.signInModal .modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.signUpModal .modal-dialog {
    max-width: 880px;
}
.signUpModal .modal-content .modal-body {
    width: 560px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

.signUpModal .modal-content .modal-body .form-section {
    padding: 0 15px;
    flex: 0 0 50%;
    max-width: 50%;
}

.signUpModal .modal-content .modal-body .row {
    row-gap: 8px;
}

.signUpModal .modal-content .modal-footer .w-form {
    width: 530px;
}

.signUpModal .modal-content .modal-body .form-section.w-100 {
    flex: 0 0 100%;
    max-width: 100%;
}

.signUpModal .modal-content .modal-footer .w-form .form-block {
    padding-top: 12px;
}

.signUpModal .modal-content form {
    position: relative;
}

.signUpModal .modal-content form:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 163px;
    height: 152px;
    background-image: url('../images/signUp-illustration.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.signInModal.forgotPass .modal-dialog {max-width: 780px;}

.signInModal.forgotPass .modal-dialog .imgBlock {
    padding-right: 40px;
}
.customModal.signInModal .modal-content form {max-height: fit-content;}
.customModal.forgotPass .modal-content .modal-body {
    padding: 0 16px 12px;
}
.form-section .input-group .select2-selection--single {
    border: 1px solid #CDCDCD;
    background-image: none;
    border-radius: 8px !important;
    height: 42px !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.form-section .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    padding: 0 16px;
}

.form-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 32px;
}

.form-section span.select2.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-results>.select2-results__options {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

span.select2-dropdown {
    border: 1px solid #CDCDCD;
    border-radius: 0 0 8px 8px;
}

.form-section .select2-container--default .select2-selection--single .select2-selection__clear {
    right: 12px;
    font-size: 18px;
    top: 0;
}
.select2-container--default .select2-results>.select2-results__options .select2-results__option {
    padding: 8px;
}
.customModal .modal-content .modal-header.pt-custom {
    padding-top: 58px;
    align-items: start;
    padding: 58px 15px 12px;
}

.customModal .modal-content .modal-footer.pb-custom {
    padding-bottom: 58px;
}
header.dark-header.header-white {
    background: #fff;
    /* box-shadow: none; */
}

header.dark-header.header-white ul.navbar-nav li a.nav-link {
    color: #1B1D21;
}

header.dark-header.header-white ul.navbar-nav li a.nav-link .icon img {
    filter: brightness(0);
}

header.dark-header.header-white ul.navbar-nav li a.nav-link[data-toggle="dropdown"]:focus {
    color: #1B1D21;
    opacity: 0.8;
}

.header-white nav a.btn.btn-secondary {
    border: 1px solid #1B1D21;
}

.header-white nav a.btn.btn-secondary .text {color: #1B1D21;}

.header-white nav a.btn.btn-secondary  span.icon img {
    filter: brightness(0);
}
header.dark-header.header-white nav.navbar a.navbar-brand img.logo-light {
    display: none;
}

header.dark-header.header-white nav.navbar a.navbar-brand img.logo-dark {
    display: block !important;
}
.banner-wrapper.banner-white {
    background: #fff;
}
.text-gradient-2 {
    background: linear-gradient(88.46deg, #1759DD 0%, #7500DC 47.5%, #C100BB 88.31%);
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: unset !important;
}
.banner-wrapper.banner-white span.legendText.font-serif {
    color: #F04141;
    text-shadow: none;
}

.banner-wrapper.banner-white h2.title {
    color: #1B1D21;
    font-size: 62px !important;
    line-height: 78px !important;
    letter-spacing: -1px;
}

.banner-white h4.sub-text {
    color: #3F4551;
}

.banner-white .logo-block h4.subTitle {
    color: #000000;
}

.banner-white .swiper.mySwiper img {
    filter: brightness(0.7);
}
.row.content-center {
    align-items: center;
    justify-content: center;
}

h4.title.maxWidth {
    width: 700px;
    max-width: 100%;
    margin: 0 auto 32px;
}
span.tag {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    padding: 0px 14px;
    background: #F04141;
    color: #fff;
    border-radius: 22px;
    height: 28px;
    display: inline-block;
    margin-bottom: 12px;
}
ul.checkList li .text a.link {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    font-style: normal;
    margin-left: 6px;
}
.clientCard-bg {
    background: #D0E6AA;
}
.mb-block {
    margin-bottom: 72px;
}
.imageBox.w-auto img {
    width: auto;
}
.header-white .navbar-dark .navbar-toggler span {
    background: #000;
}
.banner-white .banner-img img {
    width: auto !important;
}

.i-contentBlock h4.title {
    width: 1088px;
    max-width: 100%;
    margin: 0 auto 24px;
    line-height: 78px;
}

.i-contentBlock p.text.text-lg {
    width: 936px;
    color: #454D5B;
    margin-bottom: 32px;
}

.i-contentBlock .contentBox {
    text-align: center;
}

.i-contentBlock .contentBox a.btn.btn-primary .text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

.i-contentBlock .contentBox a.btn.btn-primary {
    width: 200px;
    text-align: center;
    height: 54px;
    line-height: 54px;
}

span.sub-text {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin-bottom: 2px;
    display: inline-block;
}

.i-columnBlock h4.title {
    font-size: 62px;
    line-height: 88px;
    letter-spacing: -1px;
}

p.text.text-italic {
    font-style: italic;
    color: #3F4551;
    font-weight: 400;
}
.clientCard.clientCard-bg-blue {
    background: #A7DAFE;
}

.bg-orange {
    background: #FFDCA5;
}
.titleSection h4 {
    line-height: 78px;
}
h2.title.title-lg {
    font-size: 60px;
    font-weight: 700;
    line-height: 61px;
    margin-bottom: 28px;
}

.i-custom-banner h4.sub-text {
    width: 720px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}
.banner-video-block {
    background: #fff;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 48px;
    padding: 56px;
    position: relative;
    overflow: hidden;
}

.banner-video-block .banner-video-content {
    flex: 0 0 40%;
    max-width: 24%;
    display: flex;
    align-items: start;
    flex-direction: column;
    margin-left: 8%;
    margin-right: 8%;
}

.i-custom-banner .swiper.mySwiper img {
    filter: brightness(0.7);
}

.i-custom-banner .logo-block h4.subTitle {
    color: #000000;
}

.banner-wrapper.h-banner.i-custom-banner {
    background-size: 100% 100vh;
    background-position: top;
}

.banner-video-block .banner-video-content p.text {
    font-family: Roboto;
    font-size: 39.92px;
    font-weight: 400;
    line-height: 59.89px;
    letter-spacing: -1.146193027496338px;
    text-align: left;
    color: #1B1D21;
    margin-top: 20px;
    margin-bottom: 0;
}

.banner-video-block .banner-video-content span.text-gradient-2 {
    font-family: Roboto;
    font-size: 54.9px;
    font-weight: 700;
    line-height: 82.34px;
    letter-spacing: -1.146193027496338px;
    text-align: left;
}

.banner-wrapper .banner-img > img {
    position: relative;
    z-index: 2;
}

.banner-wrapper .banner-img .banner-bg {
    background-image: url(../images/interview-outsourcing/banner-bg.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    background-position: bottom;
}

.banner-video-block .play-btn {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 72px;
    height: 72px;
    border-radius: 100px;
    background: #000000;
    box-shadow: 0px 0px 4px 0px #FFFFFF40;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.banner-video-block .play-btn img {
    position: relative;
    left: 3px;
    width: auto;
}
p.text.maxWidth {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.columnRow .imageBox {
    margin-bottom: 16px;
}

.columnRow .contentBox p.main {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
    margin-bottom: 8px;
}

.columnRow .contentBox li span.text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.columnRow .contentBox li span.icon {
    width: 12px;
    height: auto;
    flex: 0 0 12px;
    top: 8px;
}

.columnRow .contentBox li span.icon img {
    width: 100%;
}

.columnRow .contentBox ul.checkList {
    gap: 8px;
    margin-bottom: 12px !important;
}

.columnRow .contentBox  a.btn.btn-secondary {
    padding: 0;
    height: auto;
}

.columnRow .contentBox a.btn.btn-secondary .text {font-family: Inter;font-size: 16px;font-weight: 600;line-height: 28px;text-align: left;}

.columnRow .imageBox img {
    margin: 0;
}
.row.columnRow {row-gap: 30px;}

.banner-video-block.platform-video-block {
    position: relative;
    min-height: 720px;
    overflow: hidden;
}

.banner-video-block.platform-video-block > .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/interview-platform/banner-img.png');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner-video-block.platform-video-block  .banner-video-content {
    position: relative;
    z-index: 2;
}

.banner-video-block.platform-video-block  .play-btn {
    z-index: 2;
}
.bg-yellow {
    background: #F1FAE5;
}

.mtop-56 {
    margin-top: 56px;
}
.contentBox.cardBox {
    box-shadow: 0px 4px 8px 0px #00000014;
    border-radius: 16px;
    background: #fff;
    padding: 24px;
    height: 100%;
}

.contentBox.cardBox p.text {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -1px;
    text-align: left;
    margin: 0;
    color: #5E6474;
}

.contentBox.cardBox p.main {
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1px;
    text-align: left;
    margin-bottom: 16px;
}

.contentBox.cardBox.i-cardBox {
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.contentBox.cardBox.i-cardBox .item {
    padding: 16px;
    flex: 1;
}

.contentBox.cardBox.i-cardBox .imageBox img {width: 100%;max-width: 100%;}

.contentBox.cardBox.i-cardBox .item p.main {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -1px;
    text-align: left;
    margin-bottom: 12px;
    color: #1B1D21;
}

.contentBox.cardBox.i-cardBox .item p.text {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin: 0;
    color: #454D5B;
}

.contentBox.cardBox.i-cardBox  .imageBox.w-auto {
    margin: 0;
}
.bg-purple {
    background: #EEF1FF;
}

.contentBox.cardBox.no-shadow {
    box-shadow: none;
}
.bg-blue {
    background: #EEF8FF;
}
.contentBox.cardBox.custom-cardBox {
    padding: 32px;
}

.contentBox.cardBox.custom-cardBox .iconBox {
    margin-bottom: 12px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.9187043309211731px;
    text-align: left;
}

.contentBox.cardBox.custom-cardBox p.text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #5E6474;
}

.contentBox.cardBox.custom-cardBox  p.main {
    margin-bottom: 8px;
}
.titleSection .imageBlock {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.titleSection .imageBlock img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.banner-video-block.platform-video-block.video-content-banner {
    border-radius: 32px;
}

.banner-video-block.platform-video-block.video-content-banner .banner-bg {background-image: url('../images/interview-platform/video-banner-bg.png');background-position: center;}

.banner-video-block.platform-video-block.video-content-banner .banner-img {
    position: relative;
    z-index: 2;
    text-align: center;
    flex: 1;
}

.banner-video-block.platform-video-block.video-content-banner .banner-img img {
    width: auto;
    max-width: 100%;
}

.banner-video-block.platform-video-block.video-content-banner  .banner-video-content {
    flex: 1;
    max-width: initial;
    margin-right: 0;
}

.banner-video-block.platform-video-block.video-content-banner .banner-video-content p.text {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 500;
    line-height: 76.46px;
    letter-spacing: -1.4634783267974854px;
    text-align: left;
    color: #fff;
}

span.font-lg {
    font-family: Roboto;
    font-size: 90px;
    font-weight: 700;
    line-height: 105.14px;
    letter-spacing: -1.4634783267974854px;
    text-align: left;
}

span.text-yellow {
    color: #F8C009;
}

.banner-video-block.platform-video-block.video-content-banner .banner-video-content span.text-yellow {}

.banner-video-block .video-player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.banner-video-block .video-player video {
    width: 100%;
    height: 100%;
}

.banner-video-block .video-player.show-player {
    transition: all 0.3s ease;
    opacity: 1;
    z-index: 3;
}
.banner-video-block .hide-block {
    opacity: 0;
    transition: all 0.3s ease;
}

.banner-video-content * {
    transition: all 0.3s ease;
    opacity: 1;
}
.cursor-pointer {
    cursor: pointer;
}
.banner-wrapper.h-banner.i-custom-banner.banner-halfHeight {
    min-height: initial;
    padding: 122px 0 64px;
    background-position: bottom;
}
.banner-wrapper.h-banner.i-custom-banner.banner-halfHeight span.legendText {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #FFD40D;
    margin-bottom: 16px;
}
.pricing-block {
    background: #C0E0F8;
}
.pricing-block .row {
    margin: 0 -24px;
    align-items: stretch;
}

.pricing-block .col-lg-4.section {
    padding: 0 24px;
}

.pricing-block .section .pricingBox {
    box-shadow: 0px 1px 3px 0px #2531381A;
    background: #FFFFFF;
    border-radius: 22px;
    overflow: hidden;
    transition: all 0.3s ease;
    transform: translateY(0px);
    height: 100%;
}

.pricing-block .section .pricingBox .header {}

.pricing-block .section .pricingBox .header h4.heading {
    background: #EBEFF2;
    padding: 20px 24px;
    text-align: center;
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 28px;
    color: #000000;
    transition: all 0.3s ease;
}

.pricing-block .section .pricingBox .header .sub {
    padding: 20px 24px;
    text-align: center;
}

.pricing-block .section .pricingBox .header .sub h2.price {
    font-family: Inter;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    color: #1D2026;
    margin: 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.pricing-block .section .pricingBox .header .sub h6.period {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin: 0;
    color: #505766;
}

.pricing-block .section .pricingBox .header .sub h2.sub-text {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #1D2026;
}

.pricing-block .section .pricingBox .header .sub .btn.btn-primary {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    background: transparent;
    border: 2px solid #1D2026;
    line-height: 62px;
    height: 62px;
}

.pricing-block .section .pricingBox .header .sub .btn.btn-primary .text {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #1D2026;
}

.pricing-block .section .pricingBox:hover .header .sub .btn.btn-primary, .pricing-block .section .pricingBox:focus .header .sub .btn.btn-primary {
    background: #1759DD;
    border: 2px solid #1759DD;
}

.pricing-block .section .pricingBox:hover .header .sub .btn.btn-primary .text, .pricing-block .section .pricingBox:focus  .header .sub .btn.btn-primary.text {
    color: #fff !important;
}

.pricing-block .section .pricingBox  .price-list {
    padding: 20px 24px 56px 24px;
}

.pricing-block .section .pricingBox .price-list h4.title {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
    margin: 0;
}

.pricing-block .section .pricingBox .price-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pricing-block .section .pricingBox .price-list ul li {
    list-style: none;
    display: flex;
    align-items: start;
    color: #5D6476;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.pricing-block .section .pricingBox .price-list ul li span.icon {
    margin-right: 8px;
}

.pricing-block .section .pricingBox .price-list ul li.inactive {
    color: #CACBCC;
}

.pricing-block .section .pricingBox:hover {
    transition: all 0.3s ease;
    transform: translateY(-16px);
}

.pricing-block .section .pricingBox:hover .header h4.heading {
    background: #5D6476;
    color: #fff;
    transition: all 0.3s ease;
}
.pricing-block .section .pricingBox .header .sub h2.price> span {
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
    top: 8px;
}

.columnBlock.custom-columnBlock .col-lg-3.col-md-6 .imageBox img {
    width: 100%;
}

.columnBlock.custom-columnBlock p.text {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #454D5B;
}
.clientCard.clientCard-bg-yellow {
    background: #FFC85D;
}
.bg-blue-dark {
    background: #D5F1F9;
}
.banner-wrapper .banner-img .banner-bg.assessment-bg {
    background-image: url(../images/assessment-outsourcing/banner-bg.png);
}
.banner-wrapper .banner-img > .assessment-bg ~ img {
    width: 500px;
    top: 0;
    left: 16px;
}
.bg-yellow-dark {
    background: #F9EBD5;
}
.banner-video-block.platform-video-block > .banner-bg.platform-bg {
    background: url('../images/assessment-platform/banner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
p.text.textCustom.text-dark {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
}
.bg-green {background: #F1FAE5;}
.collab_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
    margin: 32px 0;
}

.collab_box .img-Box img {
    width: auto;
    max-width: 100%;
}
.contentBox.cardBox a.btn.btn-secondary {
    margin-top: 16px;
}










/*media query*/
@media(min-width:992px) {
    h4.title.custom-lineHeight {
        line-height: 78px;
    }
}

@media(max-width: 1599px) {
    .caseStudy.commonPadding .row .col-md-4 {
        padding-left: 4%;
    }
    .flexBox {
        gap: 0;
    }

    .flexBox .counterBox {
        max-width: 14%;
    }
}
@media(max-width:1299px) {
    .flexBox .counterBox {
        max-width: 33.3%;
        padding: 26px 0;
    }
    .banner-video-block .banner-video-content {
        flex: 0 0 40%;
        max-width: 40%;
        margin-left: 0;
        margin-right: 0;
    }
    .i-custom-banner h4.sub-text {
        font-size: 16px;
    }
}

@media(min-width: 1100px) and (max-width: 1599px){
    h2.title {
        font-weight: 700;
        font-size: 40px !important;
        line-height: 50px !important;
        margin-bottom: 24px !important;
    }
    .banner-wrapper.i-banner .content-block h2.title {
        margin-bottom: 6px !important;
    }
    footer.main-footer .head h4 {
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .banner-img img {
        width: 550px;
    }
}

@media(min-width: 900px) and (max-width: 1099px){
    h2.title {
        font-weight: 700;
        font-size: 30px !important;
        line-height: 40px !important;
        margin-bottom: 24px !important;
    }
    .banner-wrapper.i-banner .content-block h2.title {
        margin-bottom: 6px !important;
    }
}
@media(max-width: 899px){
    h2.title {
        /* font-weight: 700; */
        /* font-size: 30px !important; */
        /* line-height: 40px !important; */
        /* margin-bottom: 24px !important; */
    }
    .banner-wrapper.i-banner .content-block h2.title {
        margin-bottom: 6px !important;
    }
    .caseStudy.commonPadding .row .col-md-4 {
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 32px;
    }

    .container-fluid.max-w-100 {
        width: calc(100% - 60px);
    }

    .caseStudy.commonPadding .col-md-8.col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 54px;
    }

    .swiper-nav {
        padding-left: 0;
        justify-content: center;
    }

    .caseStudy.commonPadding .contentBox .text {
        width: 100%;
    }
}
@media(max-width: 1199px){
    .pricing-block .row {
        margin: 0 -15px;
    }

    .pricing-block .col-lg-4.section {
        padding: 0 15px;
    }

    .pricing-block .section .pricingBox .price-list {
        padding: 16px 16px 32px;
    }

    .pricing-block .section .pricingBox .header .sub {
        padding: 16px;
    }

    .pricing-block .section .pricingBox .price-list h4.title {
        line-height: 24px;
        margin-bottom: 20px;
    }

    .pricing-block .section .pricingBox .header h4.heading {
        padding: 16px;
        font-size: 24px;
    }

    .pricing-block .section .pricingBox .price-list ul {
        gap: 16px;
    }
    footer.main-footer p.text, footer.main-footer .quickLinks .quickLinks-menu a, footer.main-footer .col-md-6 p.text,footer.main-footer .footer-link a.text {
        font-size: 12px;
        line-height: 24px;
        margin: 0;
    }

    footer.main-footer .quickLinks h4.main {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    .talentCard .col-md-6.col-xl-3 {
        margin-bottom: 32px;
    }

    .talentCard .buttonSection {
        margin-top: 32px;
    }
    .container-fluid {
        width: calc(100% - 60px);
    }
}
@media(max-width: 1099px){

    .banner-wrapper.banner-white h2.title {
        font-size: 44px !important;
        line-height: 58px !important;
    }
    .talentCard .cardBlock .cardHeader h4.main {
        font-size: 24px;
    }

    .talentCard .cardBlock .cardBody p.text {
        font-size: 16px;
        line-height: 28px;
    }
    
    .container-fluid {
        width: calc(100% - 60px);
    }
    .banner-wrapper .banner-img img {
        /* width: 88%; */
    }

    .banner-wrapper .row .col-md-6.col-xs-12.col-12.text-right {
        text-align: left !important;
    }

    .banner-wrapper .content-block {
        padding-right: 20px;
    }

    h2.title {
        font-size: 44px;
        line-height: 50px;
    }

    h4.sub-text {
        font-size: 15px;
        line-height: 24px;
    }

    .banner-block .right-block {
        right: 0;
    }
    .text {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 10px;
    }
}
@media(min-width: 599px) and (max-width: 991px) {
    .talentCard h4.title {
        line-height: 54px;
    }
    .container-fluid.max-w-100 {
        width: calc(100% - 30px);
    }

    .container-fluid {
        width: calc(100% - 30px);
    }
}
@media(max-width: 991px){
    .pricing-block .row {
        row-gap: 30px;
        justify-content: center;
    }
    .banner-video-block {
        margin-top: 0;
        padding: 24px;
    }

    .banner-video-block .banner-video-content p.text {
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        margin: 16px 0;
    }

    .banner-video-block .banner-video-content span.text-gradient-2 {
        font-size: 40px;
        line-height: 48px;
    }
    .header-white .navbar-collapse {
        background: #fff;
    }

    .header-white .menu-flex {
        background: #fff;
    }
    .mb-block {
        margin-bottom: 54px;
    }
    .commonPadding.titleSection {
        /* padding: 24px 0 0; */
    }
    .imageBox.w-auto img {
        margin-bottom: 32px;
    }
    footer.main-footer .col-sm-6.col-xs-12 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 32px;
    }

    footer.main-footer .divider {
        margin: 8px 15px 24px;
    }
    .navbar-expand-lg .navbar-nav .fullBlock-menu.dropdown-menu h4.main {
        display: none;
    }

    .menu-flex {
        gap: 5px;
        background: linear-gradient(90deg, #012262 100%, #070624 0%, #070624);
    }

    .dropdown .menu-flex a.menu-flex-item {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .navbar-nav li.dropdown > ul.dropdown-menu .container-fluid {
        width: 100%;
        padding: 0;
    }

    .navbar-nav li.dropdown > ul.dropdown-menu {
        right: -250px !important;
        left: 0 !important;
        position: absolute !important;
        top: 40px !important;
    }

    .dropdown .menu-flex a.menu-flex-item > div {
        padding: 8px 16px;
    }
    .dropdown .twoBlock-menu li > .container-fluid > .row > .col-md-6.col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .dropdown .twoBlock-menu .menu-flex a.menu-flex-item {
        max-width: 100%;
    }

    .menu-flex a.menu-flex-item > div p.title {
        font-size: 16px;
        text-align: center;
    }

    .menu-flex a.menu-flex-item > div p.text {
        font-size: 14px;
        text-align: center;
    }

    .clientCard .details h4.main {
        font-size: 18px;
        line-height: 28px;
    }
    .columnBlock .row.alignCenter {
        flex-direction: column-reverse;
    }

    .columnBlock .row.alignCenter .imageBox {
        margin-bottom: 32px;
        text-align: left !important;
    }

    .container-fluid.max-w-100 {
        width: 100%;
    }
    footer.main-footer .quickLinks h4.main {
        font-size: 16px;
        line-height: 26px;
    }
    .about .col-xl-5 {
        margin-bottom: 32px;
    }

    .text.text-lg {
        font-size: 16px;
        line-height: 24px;
    }

    a.link {
        font-size: 16px;
        line-height: 24px;
    }

    .text-red {
        font-size: 24px;
        font-weight: 800;
        line-height: 41px;
    }

    .flexBox .counterBox p.text.text-dark.text-lg {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .flexBox .counterBox {
        width: auto;
    }

    .testimonial h4.title {
        margin-bottom: 32px;
    }

    .clientCard {
        padding: 24px;
    }

    .clientCard .details {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 32px;
        padding: 0;
    }

    .clientCard .imgBox {
        width: 100%;
        max-width: 500px;
    }

    .clientCard .details p.text {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    footer.main-footer .logo-block {
        margin: 0 0 16px;
    }

    footer.main-footer .col-md-4 p.text.text-white.text-base {
        font-size: 14px;
        line-height: 21px;
        margin: 0;
    }

    footer.main-footer .quickLinks .quickLinks-menu a {
        font-size: 13px;
        line-height: 28px;
    }

    footer.main-footer .col-md-6 p.text {
        font-size: 14px;
        line-height: 21px;
    }

    footer.main-footer .footer-link a.text {
        font-size: 14px;
        line-height: 21px;
    }
    .contentBanner {
        padding: 36px 15px;
    }

    .title.title-sm {
        font-size: 38px;
        line-height: 58px;
    }

    .contentBanner .contentBox p.text.text-center {
        font-size: 16px;
        line-height: 28px;
    }

    .contentBanner .contentBox p.text.text-center .text-red {
        font-size: 16px;
        line-height: 28px;
    }
    .commonPadding-Sm {
        padding: 42px 0;
    }

    h4.title {
        font-size: 44px;
        line-height: 46px;
        margin-bottom: 12px;
    }

    .text.text-lg {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
    }

    .commonPadding {
        padding: 54px 0;
    }

    .title.title-xs {
        font-size: 36px;
        line-height: 46px;
    }

    .legend {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

    ul.checkList li .icon {
        width: 24px;
        height: 24px;
    }

    ul.checkList li .icon > img {
        width: 12px;
        position: relative;
        top: 1px;
    }
    
    .navbar-toggler {
        width: 24px;
        height: 18px;
        position: relative;
        line-height: normal !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .navbar-toggler .navbar-toggler-icon {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        border-radius: 6px;
        background: linear-gradient(90deg, #405e95 0%, #fff 100%);
        transition: all 0.2s ease;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(1) {
        top: 0;
        transform: rotate(0deg);
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(2) {
        top: 7px;
        opacity: 1;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(3) {
        bottom: 0;
        transform: rotate(0deg);
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(1) {
        top: 7px;
        transform: rotate(45deg);
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(3) {
        bottom: 7px;
        transform: rotate(-45deg);
    }

    .navbar-toggler.collapsed .navbar-toggler-icon {
        transition: all 0.2s ease;
    }

    .navbar-collapse {
        position: fixed;
        top: 94px;
        right: -300px;
        width: 300px;
        max-width: 100%;
        height: calc(100vh - 94px);
        background: linear-gradient(90deg, #012262 100%, #070624 0%, #070624);
        filter: drop-shadow(0px 18px 12px rgba(0, 0, 0, 0.1));
    }
    header.dark-header {
    }

    .navbar-collapse.show {
        transition: all 0.2s ease;
        right: 0;
    }

    .navbar-collapse ul.navbar-nav.nav-left {
        padding: 16px 0 0 0;
    }

    .navbar-collapse ul.navbar-nav.nav-right li.nav-item,.navbar-collapse ul.navbar-nav.nav-left li.nav-item {
        padding: 12px 10px;
        text-align: right;
    }

    .navbar-collapse ul.navbar-nav.nav-right li.nav-item a.nav-link,.navbar-collapse ul.navbar-nav.nav-left li.nav-item a.nav-link {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        font-weight: 600;
    }
    .navbar .btn.btn-primary, .navbar .btn.btn-secondary {
        position: absolute;
        right: 65px;
        z-index: 2;
    }
    .navbar-nav li.dropdown > ul.dropdown-menu.active {
        position: relative;
        left: 0 !important;
        right: 0 !important;
        padding: 4px 0;
    }

    .dropdown ul.dropdown-menu {
        display: block;
        opacity: 1;
        transform: scale(1);
        left: unset !important;
        right: -250px !important;
        width: 100%;
        background: transparent;
        box-shadow: none;
        position: absolute;
        transition: all 0s ease;
        padding: 0;
    }

    .dropdown ul.dropdown-menu li a {
        text-align: right;
        padding: 10px 36px 0px 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }
}


@media(max-width: 899px){
    .talentCard .cardBlock .cardHeader h4.main {
        font-size: 20px;
    }

    .talentCard .cardBlock .cardBody p.text {
        font-size: 14px;
        line-height: 21px;
    }

    .talentCard .cardBlock .cardHeader {
        padding: 20px 12px;
    }

    .talentCard .cardBlock .cardBody {
        padding: 12px;
    }

    .row.alignStretch {
        row-gap: 24px;
    }

    .talentCard p.text.text-dark {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
    }

    .talentCard h4.title {
        line-height: 54px;
    }


    .banner-wrapper .row .col-md-6.col-xs-12.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner-wrapper .row {
    }

    .banner-block {
        bottom: 0;
        text-align: center;
        margin-bottom: 24px;
    }

    .banner-wrapper .row .col-md-6.col-xs-12.col-12.text-right {
        text-align: center !important;
    }

    .banner-wrapper .banner-img img {
        width: 100%;
    }

    .banner-block .right-block {
        right: -50px;
    }

    .banner-wrapper .content-block {
        padding: 0;
        text-align: center;
        margin-bottom: 48px;
        padding-bottom: 0px;
    }
    .banner-wrapper.i-banner .content-block {
        margin-top: 0;
    }
    .banner-wrapper {
        background-position: inherit;
    }
    .banner-wrapper .content-block h2.title {
        text-align: center;
        font-size: 36px;
    }

    .banner-wrapper .content-block h4.sub-text {
        margin: 0 auto 24px;
        text-align: center;
        width: 100%;
    }
    
    
}
@media(min-width: 992px) and (max-width: 1047px) {
     header.dark-header ul.navbar-nav li a.nav-link {
        font-size: 14px;
        margin: 0 14px;
    }   
}
@media(max-width: 767px){
    .banner-video-block {
        flex-direction: column;
    }

    .banner-video-block .banner-video-content {
        align-items: center;
        text-align: center;
        margin-bottom: 24px;
    }

    .banner-video-block .banner-video-content span.text-gradient-2 {
        text-align: center;
    }

    .banner-video-block .play-btn {
        width: 48px;
        height: 48px;
        top: 16px;
        right: 16px;
    }
    .banner-video-block .banner-video-content p.text {
        font-size: 20px;
        line-height: 28px;
        margin: 10px 0;
    }

    .banner-video-block .banner-video-content span.text-gradient-2 {
        font-size: 28px;
        line-height: 32px;
    }
    ul.checkList li {
        gap: 4px;
    }
    footer.main-footer .col-sm-6.col-xs-12 {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0;
    }
    .flexBox {
        padding: 0 15px;
    }
    footer.main-footer .row {
        row-gap: 16px;
    }

    footer.main-footer .divider {
        margin: 0 15px;
    }

    footer.main-footer .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .enroll .row.alignCenter {
        justify-content: flex-start;
    }

    .enroll .row.alignCenter .imageBox {
        margin-bottom: 32px;
    }
    .container-fluid {
        width: 100%;
    }
    .imageBox img {
        width: 450px;
    }
}
@media(max-width: 699px){
    h2.title {
        /* font-size: 26px !important; */
        /* line-height: 36px !important; */
    }
    .signUpModal .modal-content form:before {
        display: none;
    }

}
@media(max-width: 599px){
    header.dark-header nav.navbar a.navbar-brand img {
        max-width: 350px;
    }
    footer.main-footer .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .flexBox .counterBox {
        max-width: 50%;
    }
    footer.main-footer .col-sm-6.col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .banner-wrapper .content-block h2.title {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
@media(max-width: 460px){
    header.dark-header nav.navbar a.navbar-brand img {
        max-width: 220px;
    }

    header.dark-header nav.navbar a.navbar-brand {
        margin: 0;
    }
    .signUpModal .modal-content .modal-body .form-section {
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media (max-width:899px) {
    .signInModal .modal-content {
        flex-direction: column;
    }
    .signInModal .modal-content .imgBlock {
        display: none;
    }
    .customModal .modal-content .modal-header {
        gap: 12px;
        padding: 16px 0 12px;
    }

    .customModal .modal-content .modal-footer {
        padding: 0 16px 20px;
    }
    .i-columnBlock h4.title {
        font-size: 40px;
        line-height: 54px;
    }
    .i-contentBlock h4.title {
        line-height: 54px;
    }
}