@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-1);
    color: var(--color-text-light);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .16px;
    margin-top: 81px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.text-main {
    color: var(--color-main)!important;
}

.text-highlight {
    color: var(--color-highlight)!important;
}

/*Bootstrap*/
@media (min-width: 1200px) {
    .container {
        max-width: 1110px;
    }
}
/*End Bootstrap*/

/*Slick*/
.slick-next, .slick-prev {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.slick-dots li.slick-active button:before, .slick-dots li button:before {
    background-color: var(--color-main);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgb(255 255 255 / 50%), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgb(255 255 255 / 50%), rgba(0, 0, 0, 0));
}

.slick-h-100 .slick-track {
    display: flex !important;
}

.slick-h-100 .slick-slide {
    height: inherit !important;
}

.slick-dots {
    bottom: -12px;
}

.slick-dots li {
    margin: 0 1px;
}

.slick-dots li button:before {
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    line-height: 6px;
}

.slick-dots li.slick-active button {
    width: 20px;
}

.slick-dots li.slick-active button:before {
    width: 16px;
    border-radius: 6px;
    opacity: 1;
}
/*End Slick*/

/*Header Main*/
.header-main {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 4px 20px #0000001a;
    padding: 8px 0;
}

.header-main > .container > .row > .col-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-main .header-logo {
    width: 128px;
}

.header-main .header-logo img {
    width: 100%;
    height: auto;
}
/*End Header Main*/

/*button*/
.button-type-1 {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 45px;
    background-image: -webkit-linear-gradient(-30deg, var(--color-main), var(--color-highlight) 100%);
    display: inline-flex;
    padding: 8px 25px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.button-type-1:hover {
    background-image: -webkit-linear-gradient(-30deg, var(--color-highlight), var(--color-main) 100%);
    color: #fff;
}

.button-type-2, .button-type-3 {
    position: relative;
    font-weight: 700;
    letter-spacing: .12px;
    border-radius: 20px;
    border: 1px solid transparent;
    cursor: pointer;
    background-image: -webkit-linear-gradient(-30deg, var(--color-main), var(--color-highlight) 100%);
    overflow: hidden;
    transition: .6s;
    color: #fff;
    font-size: 13px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
}

.button-type-3 {
    background: #fff;
    color: var(--color-main);
}

.button-type-2:hover, .button-type-3:hover {
    background-image: -webkit-linear-gradient(-30deg, var(--color-highlight), var(--color-main) 100%);
    color: #fff;
}

.button-type-2 span, .button-type-3 span {
    white-space: nowrap;
}

.button-type-2 svg, .button-type-3 svg {
    height: 17px;
    width: 17px;
    border: 2px solid white;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin-left: 4px;
}

.button-type-3 svg {
    border-color: var(--color-main);
    color: var(--color-main)!important;
}

.button-type-3:hover svg {
    border-color: #fff;
    color: #fff!important;
}
/*End button*/

/*section-video*/
.section-video video {
    width: 100%;
    height: auto;
    display: block;
}

.section-video .inner-button {
    position: absolute;
    bottom: -88px;
    left: 50%;
    transform: translate(-50%, -35%);
    z-index: 1;
}

.section-video .inner-button a {
    border-radius: 80px;
    border: 8px solid #fff;
    background-image: -webkit-linear-gradient(-30deg, var(--color-main), var(--color-highlight) 100%);
    width: 467px;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .5px;
    font-family: var(--font-2);
}

.section-video .inner-button a img {
    height: 40px;
    width: auto;
    margin-right: 20px;
}

@media (max-width: 575.98px) {
    .section-video .inner-button {
        bottom: -66px;
    }
    
    .section-video .inner-button a {
        border: 3px solid #fff;
        width: 260px;
        height: 60px;
        font-size: 16px;
    }
    
    .section-video .inner-button a img {
        height: 32px;
        margin-right: 10px;
    }
}
/*End section-video*/

/*section-1*/
.section-1 {
    position: relative;
    aspect-ratio: 2560 / 1440;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.section-1 .inner-icon-1 {
    position: absolute;
    top: 40%;
    left: 86%;
    transform: translate(-50%, -35%);
    animation: moveRotateCylinder 6s infinite linear;
}

.section-1 .inner-icon-1 img {
    width: 96px;
    height: auto;
}

.section-1 .inner-icon-2 {
    position: absolute;
    top: 10%;
    left: 25%;
    transform: translate(-50%, -35%);
    animation: moveRotateTorus2 15s infinite linear;
    transform-origin: center;
}

.section-1 .inner-icon-2 img {
    width: 112px;
    height: auto;
    filter: brightness(0) invert(1);
}

.section-1 .inner-icon-3 {
    position: absolute;
    top: 70%;
    left: 8%;
    transform: translate(-50%, -35%);
    animation: moveRotateTorus 8s infinite linear;
}

.section-1 .inner-icon-3 img {
    width: 85px;
    height: auto;
}

@keyframes moveRotateCylinder {
    0% {
        transform: scale(.9);
    }
    25% {
        transform: scale(.8);
    }
    75% {
        transform: scale(.6);
    }
    100% {
        transform: scale(.9);
    }
}

@keyframes moveRotateTorus2 {
    0% {
        transform: translate(-50%, -50%);
    }
    25% {
        transform: translate(-50%, 50%);
    }
    50% {
        transform: translate(50%, 50%);
    }
    75% {
        transform: translate(50%, -50%);
    }
    100% {
        transform: translate(-50%, -50%);
    }
}

@keyframes moveRotateTorus {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    
    25% {
        transform: translate(-50%, 50%) rotate(90deg);
    }
    50% {
        transform: translate(50%, 50%) rotate(180deg);
    }
    75% {
        transform: translate(50%, -50%) rotate(270deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.section-1 .inner-main {
    padding: 60px 0;
    background: #05071d;
}

.section-1 .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-1 .inner-content {
    margin: 0 auto;
    text-align: center;
}

.section-1 .inner-content .inner-tag {
    color: var(--color-main);
    border-radius: 100px;
    background: #fff;
    font-size: 19px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .57px;
    word-wrap: break-word;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    margin-bottom: 20px;
}

.section-1 .inner-content .inner-title {
    font-size: 48px;
    font-weight: 800;
    font-family: var(--font-2);
    color: #fff;
}

.section-1 .inner-image {
    position: relative;
    width: 100%;
    aspect-ratio: 1812 / 790;
}

.section-1 .inner-image .inner-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-1 .inner-image .inner-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95%;
    object-fit: contain;
    object-position: bottom;
}

.section-1 .inner-tag-2 {
    position: relative;
    margin-bottom: 50px;
}

.section-1 .inner-tag-2 span {
    color: var(--color-highlight);
    font-size: 51.877px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.038px;
    font-family: var(--font-2);
}

.section-1 .inner-tag-2 img {
    position: absolute;
    bottom: -14px;
    left: 0;
}

.section-1 .inner-button-2 {
    margin-top: 30px;
}

.section-1.type-2 .inner-content {
    width: 36%;
}

.section-1.type-2 .inner-image {
    width: 58%;
}

@media (max-width: 1199.98px) {
    .section-1 .inner-content .inner-tag {
        font-size: 14px;
    }
    
    .section-1 .inner-content .inner-title {
        font-size: 32px;
    }
    
    .section-1 .inner-button a {
        border: 5px solid #fff;
        width: 310px;
        height: 80px;
        font-size: 18px;
    }
    
    .section-1 .inner-tag-2 span {
        font-size: 42px;
    }
    
    .section-1 .inner-tag-2 img {
        width: 88%;
        height: 20px;
        left: 5%;
    }
}

@media (max-width: 991.98px) {
    .section-1 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-1 .inner-content, .section-1.type-2 .inner-content {
        width: 100%;
        order: 2;
        text-align: center;
    }
    
    .section-1 .inner-image, .section-1.type-2 .inner-image {
        width: 100%;
        order: 1;
        z-index: 1;
    }
    
    .section-1 .inner-button {
        bottom: -66px;
    }
}

@media (max-width: 767.98px) {
    .section-1 .inner-icon-2 img {
        width: 70px;
    }
    
    .section-1 .inner-icon-3 img {
        width: 40px;
    }
    
    .section-1 .inner-icon-1 img {
        width: 40px;
    }
}

@media (max-width: 575.98px) {
    .section-1 .inner-content .inner-tag {
        font-size: 12px;
    }
    
    .section-1 .inner-content .inner-title {
        font-size: 24px;
    }
}
/*End section-1*/

/*box-head*/
.box-head {
    margin-bottom: 20px;
}

.box-head .inner-text {
    font-size: 38px;
    font-weight: 700;
    font-family: var(--font-2);
    color: var(--color-text-dark);
    text-transform: capitalize;
}

.box-head .inner-tag {
    color: var(--color-text-light);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .4px;
    text-align: center;
}

.box-head .inner-bg {
    position: relative;
}

.box-head .inner-bg img {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 110%;
}

@media (max-width: 1199.98px) {
    .box-head .inner-text {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    .box-head .inner-text {
        font-size: 28px;
    }
    
    .box-head .inner-tag {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .box-head .inner-text {
        font-size: 24px;
    }
    
    .box-head .inner-tag {
        font-size: 14px;
    }
}
/*End box-head*/

/*section-2*/
.section-2 {
    margin-top: 160px;
}

.section-2 .inner-main {
    position: relative;
}

@media (max-width: 991.98px) {
    .section-2 {
        margin-top: 80px;
    }
}
/*End section-2*/

/*trending-slide*/
.trending-slide {
    width: 80%;
}

.trending-slide .inner-item {
    position: relative;
}

.trending-slide .inner-item .inner-main {
    width: 70%;
    position: relative;
}

.trending-slide .inner-item .inner-bg img {
    width: 100%;
    height: auto;
}

.trending-slide .inner-item .inner-content {
    position: absolute;
    top: 0;
    left: 19%;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.trending-slide .inner-item .inner-content .inner-title {
    color: #fff;
    font-family: var(--font-2);
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .52px;
    margin-bottom: 15px;
}

.trending-slide .inner-item .inner-content .inner-desc {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .52px;
}

.trending-slide .inner-item .inner-content .inner-button {
    margin-top: 25px;
}

.trending-slide .inner-item .inner-image {
    width: 41%;
    position: absolute;
    top: 21%;
    left: 49.5%;
}

.trending-slide .inner-item .inner-image img {
    width: 100%;
    height: auto;
}

.trending-slider-control .slider-arrow {
    height: 56px;
    width: 56px;
    border: 2.75px solid rgb(141, 144, 148);
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 58%;
}

.trending-slider-control .slider-arrow:hover {
    border-color: var(--color-main);
    background: var(--color-main);
}

.trending-slider-control .slider-arrow:after {
    font-size: 30px;
    color: rgb(141, 144, 148);
}

.trending-slider-control .slider-arrow:hover:after {
    color: #fff;
}

.trending-slider-control .swiper-button-prev {
    left: -60px;
}

.trending-slider-control .swiper-button-next {
    right: -60px;
}

@media (max-width: 1199.98px) {
    .trending-slide {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .trending-slide .inner-item .inner-main {
        width: 80%;
    }
    
    .trending-slide .inner-item .inner-content {
        width: 58%;
    }
    
    .trending-slide .inner-item .inner-content .inner-title {
        font-size: 24px;
    }
    
    .trending-slide .inner-item .inner-content .inner-desc {
        font-size: 14px;
    }
    
    .trending-slide .inner-item .inner-image {
        width: 32%;
        top: 30%;
        left: 64%;
    }
}

@media (max-width: 767.98px) {
    .trending-slide .inner-item .inner-main {
        width: 84%;
    }
    
    .trending-slide .inner-item .inner-content {
        width: 60%;
    }
    
    .trending-slide .inner-item .inner-content .inner-title {
        font-size: 20px;
    }
    
    .trending-slide .inner-item .inner-content .inner-desc {
        font-size: 13px;
    }
    
    .trending-slide .inner-item .inner-image {
        left: 68%;
    }
}

@media (max-width: 575.98px) {
    .trending-slide .inner-item {
        margin-top: 20%;
    }
    
    .trending-slide .inner-item .inner-main {
        width: 100%;
    }
    
    .trending-slide .inner-item .inner-content {
        width: 62%;
    }
    
    .trending-slide .inner-item .inner-content .inner-title {
        text-align: center;
    }
    
    .trending-slide .inner-item .inner-content .inner-button {
        text-align: center;
    }
    
    .trending-slide .inner-item .inner-image {
        left: 34%;
        top: -20%;
    }
}
/*End trending-slide*/

/*slider-list-brand*/
.slider-list-brand {
    display: flex;
    margin: 128px 0;
}

.slider-list-brand .slider-inner {
    display: flex;
}

.slider-list-brand .slider-inner:nth-child(1) {
    animation: reverse-loop 50s -25s linear infinite;
}

.slider-list-brand .slider-inner:nth-child(2) {
    animation: reverse-loop2 50s linear infinite;
}

.slider-list-brand .slider-inner .inner-item {
    width: 320px;
    height: 115px;
    background: #fff;
}

.slider-list-brand .slider-inner .inner-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes reverse-loop {
    0% {
        transform: translate(100%);
    }
    
    100% {
        transform: translate(-100%);
    }
}

@keyframes reverse-loop2 {
    0% {
        transform: translate(0);
    }
    
    100% {
        transform: translate(-200%);
    }
}

@media (max-width: 1199.98px) {
    .slider-list-brand {
        margin: 60px 0;
    }
}

@media (max-width: 991.98px) {
    .slider-list-brand .slider-inner .inner-item {
        width: 180px;
        height: 70px;
    }
}

@media (max-width: 767.98px) {
    .slider-list-brand {
        margin: 40px 0;
    }
}
/*End slider-list-brand*/

/*section-4*/
.section-4 {
    margin-bottom: 96px;
}

.section-4 .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.section-4 .inner-image {
    width: 56%;
}

.section-4 .inner-image img {
    width: 100%;
    height: auto;
}

.section-4 .inner-image video {
    width: 100%;
    height: auto;
    display: block;
}

.section-4 .inner-content {
    width: 40%;
}

.section-4 .inner-content .inner-desc {
    margin-bottom: 25px;
    text-align: justify;
}


.section-4 .inner-button {
    margin-top: 25px;
}

@media (max-width: 767.98px) {
    .section-4 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-4 .inner-image {
        width: 100%;
    }
    
    .section-4 .inner-content {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .section-4 .inner-content .inner-desc {
        margin-bottom: 20px;
        font-size: 12px;
    }
}
/*End section-4*/

/*section-5*/
.section-5 {
    margin-bottom: 96px;
}

.section-5 .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-5 .inner-image {
    width: 58%;
}

.section-5 .inner-image img {
    width: 100%;
    height: auto;
}

.section-5 .inner-image video {
    width: 100%;
    height: auto;
    display: block;
}

.section-5 .inner-content {
    width: 40%;
    margin-top: 20px;
}

.section-5 .inner-accordion {
    margin-bottom: 25px;
}

.section-5 .inner-accordion .card {
    box-shadow: rgba(114, 114, 114, 0.25) 0px 3px 6px 0px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgb(255, 255, 255);
    margin-bottom: 12px;
}

.section-5 .inner-accordion .card .card-header button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    padding: 8px 18px;
    color: #000000d9;
    line-height: 1.5715;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    font-size: 14px;
}

.section-5 .inner-accordion .card .card-header button.collapsed i::before {
    content: "\f077";
}

.section-5 .inner-accordion .card .card-body {
    padding: 5px 18px 18px 18px;
    text-align: justify;
    font-size: 14px;
}

@media (max-width: 767.98px) {
    .section-5 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-5 .inner-image {
        width: 100%;
        order: 1;
    }
    
    .section-5 .inner-content {
        width: 100%;
        order: 2;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .section-5 .inner-accordion .card .card-header button {
        font-size: 12.5px;
    }
    
    .section-5 .inner-accordion .card .card-body {
        font-size: 12px;
    }
}
/*End section-5*/

/*box-text-ul*/
.box-text-ul {
    line-height: 1.6;
    text-align: justify;
}

@media (max-width: 575.98px) {
    .box-text-ul {
        font-size: 12px;
    }
}
/*End box-text-ul*/

/*Section 6*/
.section-6 {
    margin-bottom: 96px;
}

.section-6 .inner-wrap {
    position: relative;
}

.section-6 .inner-image img {
    width: 100%;
    height: auto;
}

.section-6 .inner-button {
    margin-top: 25px;
}

@media (max-width: 991.98px) {
    .section-6 .inner-wrap {
        text-align: center;
    }
    
    .section-6 .inner-image {
        position: static;
        margin-bottom: 20px;
    }
    
    .section-6 .inner-image img {
        height: auto;
    }
}
/*End Section 6*/

/*section-7*/
.section-7 {
    margin-top: 96px;
    margin-bottom: 96px;
}

.section-7 .inner-desc {
    text-align: center;
    max-width: 662px;
    margin: 0 auto 25px;
}

.section-7 .inner-main {
    padding: 60px 0;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-7 .inner-main .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    margin-bottom: 30px;
}

.section-7 .inner-main .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .4px;
    border-bottom: 2px solid transparent;
    padding: 0;
    margin: 0 18px;
    transition: all 0.3s;
}

.section-7 .inner-main .nav-tabs .nav-link:hover,
.section-7 .inner-main .nav-tabs .nav-link.active {
    border-color: #fff;
    color: #fff;
}

.section-7 .inner-main .inner-image {
    height: 175px;
    border-radius: 28px;
    box-shadow: #959da533 0 2px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.section-7 .inner-main .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

@media (max-width: 991.98px) {
    .section-7 .inner-main .nav-tabs .nav-link {
        font-size: 15px;
        margin: 0 10px;
    }
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-7 .inner-desc {
        font-size: 12px;
    }
    
    .section-7 .inner-main .inner-image {
        height: 100%;
    }
}
/*End section-7*/

/*slick-arrow-circle-white*/
.slick-arrow-circle-white .slick-arrow {
    opacity: 1;
    filter: opacity(1);
    border: 2px solid #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.slick-arrow-circle-white .slick-prev,
.slick-arrow-circle-white .slick-slider:hover .slick-prev {
    left: -80px;
}

.slick-arrow-circle-white .slick-next,
.slick-arrow-circle-white .slick-slider:hover .slick-next {
    right: -80px;
}

.slick-arrow-circle-white .slick-arrow:before {
    color: #fff;
    opacity: 1;
}

.slick-arrow-circle-white .slick-slider .slick-arrow:hover {
    background: #fff;
}

.slick-arrow-circle-white .slick-slider .slick-arrow:hover:before {
    color: var(--color-main);
}
/*End slick-arrow-circle-white*/

/*slick-arrow-circle-gray*/
.slick-arrow-circle-gray .slick-arrow {
    opacity: 1;
    filter: opacity(1);
    border: 2px solid #8d9094;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.slick-arrow-circle-gray .slick-prev,
.slick-arrow-circle-gray .slick-slider:hover .slick-prev {
    left: -80px;
}

.slick-arrow-circle-gray .slick-next,
.slick-arrow-circle-gray .slick-slider:hover .slick-next {
    right: -80px;
}

.slick-arrow-circle-gray .slick-arrow:before {
    color: #8d9094;
    opacity: 1;
}

.slick-arrow-circle-gray .slick-slider .slick-arrow:hover {
    background: var(--color-main);
    border-color: var(--color-main);
}

.slick-arrow-circle-gray .slick-slider .slick-arrow:hover:before {
    color: #fff;
}
/*End slick-arrow-circle-gray*/

/*section-8*/
.section-8 {
    margin-bottom: 96px;
}

.section-8 .slick-track {
    margin-top: 20px;
    margin-bottom: 50px;
}

.section-8 .inner-item {
    position: relative;
    border-radius: 0 30px 0 30px;
    height: 100%;
    box-shadow: 0 1px 20px #a8b5c54d;
    margin-top: 34px;
    margin-bottom: -34px;
}

.section-8 .inner-item .inner-logo {
    position: absolute;
    display: flex;
    justify-content: center;
    z-index: 9;
    top: -34px;
    left: calc(50% - 114px);
    width: 228px;
    height: 78px;
    padding: 8px;
    border-radius: 99px;
    background-color: #fff;
    box-shadow: #6a6b6d1a 0 -12px 20px;
}

.section-8 .inner-item .inner-logo .inner-bg {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(139, 190, 251) 0px 0px 8px 0px inset;
}

.section-8 .inner-item .inner-logo .inner-bg img {
    height: 70%;
    object-fit: cover;
    max-width: 100%;
}

.section-8 .inner-item .inner-info {
    padding: 56px 30px 30px 30px;
    text-align: center;
}

.section-8 .inner-item .inner-avatar img {
    width: 120px;
    height: 120px;
    border-radius: 0 30px 0 30px;
    border: 3px solid var(--color-main);
}

.section-8 .inner-item .inner-name {
    color: var(--color-text-dark);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.16px;
    margin-top: 10px;
}

.section-8 .inner-item .inner-desc {
    color: var(--color-text-light);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.15px;
    margin-top: 7px;
}

.section-8 .inner-item .inner-desc-2 {
    color: var(--color-text-light);
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.3px;
    margin-top: 11px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-8*/

/*section-9*/
.section-9 {
    margin-bottom: 76px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-9*/

/*section-10*/
.section-10 .inner-section-1 {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 92px 0;
}

.section-10 .inner-section-1 .inner-title {
    width: 48%;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .4px;
    text-transform: capitalize;
    font-family: var(--font-2);
    position: relative;
    left: 50%;
}

.section-10 .inner-section-2 {
    margin-top: 40px;
}

.section-10 .inner-section-2 .inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.section-10 .inner-section-2 .inner-image {
    width: 50%;
    text-align: center;
    margin-top: -120px;
}

.section-10 .inner-section-2 .inner-image img {
    max-width: 100%;
    height: auto;
}

.section-10 .inner-section-2 .box-form-contact {
    width: 44%;
    margin-top: -310px;
}

@media (max-width: 1199.98px) {
    .section-10 .inner-section-1 .inner-title {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    .section-10 {
        margin-bottom: 60px;
    }
    
    .section-10 .inner-section-1 .inner-title {
        font-size: 28px;
        width: 100%;
        text-align: center;
        left: 0;
    }
    
    .section-10 .inner-section-2 .inner-image {
        width: 100%;
        position: absolute;
        left: 0;
        opacity: 0.05;
    }
    
    .section-10 .inner-section-2 .box-form-contact {
        width: 100%;
        margin-top: -100px;
    }
}

@media (max-width: 575.98px) {
    .section-10 .inner-section-1 .inner-title {
        font-size: 24px;
    }
}
/*End section-10*/

/*box-form-contact*/
.box-form-contact {
    background-color: #fff;
    border-radius: 37px;
    box-shadow: #00000059 0 5px 15px;
    padding: 40px 40px 24px 40px;
}

.box-form-contact .inner-title {
    color: var(--color-main);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-align: center;
    margin-bottom: 20px;
}

.box-form-contact .form-group {
    position: relative;
    margin-bottom: 35px;
}

.box-form-contact .form-group .form-control {
    border-radius: 10px;
    border: 1px solid #596a7e;
    min-height: 58px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-1);
    padding: 0 20px;
}

.box-form-contact .form-group textarea.form-control {
    padding: 20px;
}

.box-form-contact .form-group label {
    position: absolute;
    color: #253445;
    left: 16px;
    top: -12px;
    background: #fff;
    margin: 0;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .13px;
}

.box-form-contact .form-group label.invalid-feedback {
    position: absolute;
    bottom: -15px;
    left: 20px;
    top: auto;
    width: 90%;
    margin: 0;
    padding: 0;
    color: red;
    font-size: 11px;
}

.box-form-contact .form-group .form-control::placeholder {
    color: #c6c6c6;
}

.box-form-contact .form-group .form-control:focus {
    border: 2px solid var(--color-main);
}

.box-form-contact .form-group .form-control.error {
    border-color: red;
}

.box-form-contact .form-group .form-control.error + .invalid-feedback + label {
    color: red;
}

@media (max-width: 575.98px) {
    .box-form-contact .form-group label {
        top: -10px;
        font-size: 12px;
    }
    
    .box-form-contact .form-group .form-control {
        min-height: 42px;
        font-size: 13px;
    }
}
/*End box-form-contact*/

/*Footer*/
footer {
    background: #19034f;
    position: relative;
}
/*End Footer*/

/*footer-socials*/
.footer-socials {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -35%);
    z-index: 1;
}

.footer-socials .inner-main {
    border-radius: 100px;
    border: 8px solid #fff;
    background-image: -webkit-linear-gradient(-30deg, var(--color-main), var(--color-highlight) 100%);
    width: 467px;
    height: 101px;
    display: flex;
    align-items: center;
}

.footer-socials .inner-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.footer-socials .inner-wrap a img {
    height: 46px;
    width: auto;
    transition: .3s ease-in-out;
}

.footer-socials .inner-wrap a img:hover {
    transform: scale(1.1);
}

@media (max-width: 1199.98px) {
    .footer-socials .inner-main {
        border: 3px solid #fff;
        width: 320px;
        height: 60px;
    }
    
    .footer-socials .inner-wrap a img {
        height: 30px;
    }
}

@media (max-width: 991.98px) {
    .footer-socials .inner-main {
        width: 260px;
    }
}
/*End footer-socials*/

/*footer-info-1*/
.footer-info-1 {
    margin-top: 128px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-info-1 .inner-left {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-info-1 .inner-left .inner-logo {
    width: 116px;
}

.footer-info-1 .inner-left .inner-logo img {
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
}

.footer-info-1 .inner-left .inner-text {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-left: 10px;
}

.footer-info-1 .inner-bct img {
    width: 155px;
    height: auto;
}

@media (max-width: 1199.98px) {
    .footer-info-1 {
        margin-top: 70px;
    }
}

@media (max-width: 575.98px) {
    .footer-info-1 .inner-left .inner-text {
        font-size: 16px;
    }
}
/*End footer-info-1*/

/*footer-list-link*/
.footer-list-link {
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer-list-link > .container > .row > .col-12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 991.98px) {
    .footer-list-link > .container > .row > .col-12 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .footer-list-link > .container > .row > .col-12 {
        display: block;
    }
}
/*End footer-list-link*/

/*footer-links*/
.footer-links {
    margin-bottom: 30px;
}

.footer-links .inner-title {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .34px;
    margin-bottom: 20px;
}

.footer-links .inner-info,
.footer-links .inner-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links .inner-info li,
.footer-links .inner-list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footer-links .inner-info li {
    color: #d7d7d7;
    font-size: 15px;
}

.footer-links .inner-info li i {
    color: #fff;
    font-size: 24px;
    width: 24px;
    margin-right: 16px;
}

.footer-links .inner-list li a {
    color: #d7d7d7;
    font-size: 15px;
}

.footer-links .inner-list li a:hover {
    color: var(--color-highlight);
    text-decoration: underline!important;
}
/*End footer-links*/

/*section-11*/
.section-11 {
    padding: 80px 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.section-11 .inner-wrap {
    display: flex;
    justify-content: space-between;
}

.section-11 .inner-info {
    width: 44%;
}

.section-11 .inner-info .inner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 30px;
}

.section-11 .inner-info .inner-item {
    width: calc(50% - 12.5px);
    height: 130px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.section-11 .inner-info .inner-item:nth-child(1) .inner-name {
    color: #eb5757;
}

.section-11 .inner-info .inner-item:nth-child(2) .inner-name {
    color: #2baf63;
}

.section-11 .inner-info .inner-item:nth-child(3) .inner-name {
    color: #5dcef2;
}

.section-11 .inner-info .inner-item:nth-child(4) .inner-name {
    color: #bb6bd9;
}

.section-11 .inner-info .inner-item .inner-name {
    font-size: 32.13px;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: .32px;
}

.section-11 .inner-info .inner-item .inner-desc {
    color: #596a7e;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .16px;
}

.section-11 .inner-posts {
    width: 50%;
    position: relative;
}

.section-11 .inner-posts .inner-list-post {
    width: 60vw;
}

.section-11 .inner-posts .inner-list-post .slick-slider {
    position: static;
}

.section-11 .article-item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    margin-bottom: 0 !important;
}

.section-11 .article-item .inner-image .inner-image-ratio {
    border: 0;
}

.section-11 .article-item .inner-content {
    padding: 0 20px 20px 20px;
}

.section-11 .slick-arrow {
    opacity: 1;
    filter: opacity(1);
    top: auto;
    bottom: 0;
    border: 2px solid #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.section-11 .slick-arrow:hover {
    background: var(--color-main);
    border-color: var(--color-main);
}

.section-11 .slick-arrow:before {
    color: #fff;
    opacity: 1;
}

.section-11 .slick-prev,
.section-11 .slick-slider:hover .slick-prev {
    left: -31%;
}

.section-11 .slick-next,
.section-11 .slick-slider:hover .slick-next {
    left: -20%;
    right: auto;
}

@media (max-width: 1199.98px) {
    .section-11 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-11 .inner-info {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .section-11 .inner-posts {
        width: 100%;
    }
    
    .section-11 .inner-posts .inner-list-post {
        width: 100%;
    }
    
    .section-11 .slick-arrow {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .section-11 .inner-info .inner-item .inner-name {
        font-size: 22px;
    }
    
    .section-11 .inner-info .inner-item .inner-desc {
        font-size: 12px;
    }
}
/*End section-11*/

/*section-12*/
.section-12 .inner-main {
    padding-top: 60px;
}
/*End section-12*/

/*section-13*/
.section-13 {
    padding-top: 176px;
}

.section-13 .inner-image {
    width: 48%;
}

@media (max-width: 1199.98px) {
    .section-13 {
        padding-top: 96px;
        margin-bottom: 66px;
    }
}

@media (max-width: 767.98px) {
    .section-13 .inner-image {
        width: 100%;
    }
}
/*End section-13*/

/*section-14*/
.section-14 {
    padding-top: 96px;
    padding-bottom: 96px;
}

@media (max-width: 1199.98px) {
    .section-14 {
        padding-top: 36px;
        padding-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .section-4 .inner-content {
        order: 2;
    }
}
/*End section-14*/

/*section-15*/
.section-15 {
    padding-bottom: 176px;
}

.section-15 .inner-wrap {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.section-15 .inner-item {
    width: 25%;
    text-align: center;
    padding: 0 50px;
    border-left: 3px solid #bbd5ff;
}

.section-15 .inner-item:first-child {
    border-left: 0;
}

.section-15 .inner-item img {
    height: 110px;
    width: auto;
}

.section-15 .inner-item .inner-name {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: .64px;
    text-transform: capitalize;
}

.section-15 .inner-item .inner-desc {
    margin-top: 12px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .16px;
}

@media (max-width: 1199.98px) {
    .section-15 {
        padding-bottom: 96px;
    }
    
    .section-15 .inner-item {
        padding: 0 20px;
    }
    
    .section-15 .inner-item .inner-desc {
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    .section-15 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-15 .inner-item {
        width: 50%;
    }
    
    .section-15 .inner-item:nth-child(2n + 1) {
        border-left: 0;
    }
}

@media (max-width: 575.98px) {
    .section-15 .inner-item {
        width: 100%;
    }
    
    .section-15 .inner-item {
        border-left: 0;
    }
}
/*End section-15*/

/*section-16*/
.section-16 {
    padding-bottom: 100px;
}

.section-16 .inner-item {
    width: 100%;
    border-radius: 24px;
    margin-bottom: 30px;
}

.section-16 .inner-item .inner-name {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .25px;
    height: 92px;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -53px;
    z-index: 100;
    position: relative;
    color: #fff;
    padding: 12px 0;
}

.section-16 .inner-item img {
    border-radius: 0 0 20px 20px;
    height: 350px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1199.98px) {
    .section-16 .inner-item .inner-name {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .section-16 {
        padding-bottom: 66px;
    }
}
/*End section-16*/

/*section-17*/
.section-17 {
    padding-bottom: 100px;
}

.section-17 .inner-list img {
    border-radius: 35.36px;
    border: 3px solid var(--color-main);
    padding: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
@media (max-width: 991.98px) {
    .section-17 {
        padding-bottom: 66px;
    }
}
/*End section-17*/

/*section-18*/
.section-18 {
    padding-bottom: 140px;
}

.section-18 .inner-item {
    width: 100%;
    aspect-ratio: 1060/587;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 1px 18px #a8b5c54d;
}

.section-18 .inner-item img {
    transform: scale(1);
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-18 .inner-item:hover img {
    transform: scale(1.1);
}

.section-18 .slick-dots {
    bottom: -38px;
}

@media (max-width: 991.98px) {
    .section-18 {
        padding-bottom: 66px;
    }
}
/*End section-18*/

/*section-19*/
.section-19 {
    padding-top: 96px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-19*/

/*section-20*/
.section-20 {
    padding-top: 96px;
    padding-bottom: 96px;
    background-color: #f5f5f5;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-20*/

/*section-21*/
.section-21 .inner-item {
    box-shadow: rgba(168, 181, 197, 0.3) 0px 0px 17.5263px;
    border-radius: 20px;
    background: rgb(255, 255, 255);
    height: 100%;
    padding: 20px;
}

.section-21 .inner-item .inner-image {
    text-align: center;
}

.section-21 .inner-item .inner-image img {
    height: 120px;
    width: auto;
}

.section-21 .inner-item .inner-name {
    color: #242424;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .18px;
    font-family: var(--font-2);
    margin-top: 16px;
}

.section-21 .inner-item .inner-desc {
    color: var(--color-text-light);
    overflow: hidden;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.3px;
    padding-top: 15px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-21*/

/*section-22*/
.section-22 {
    height: 939px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.section-22 .inner-main {
    padding-top: 94px;
    text-align: center;
}

.section-22 .inner-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 200%);
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-22*/

/*section-23*/
.section-23 {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 160px 0;
}

@media (max-width: 575.98px) {
    .section-23 {
        background-size: contain;
        background-color: #e3f1ff;
        padding-top: 200px;
        padding-bottom: 80px;
        margin-bottom: 36px;
    }
}
/*End section-23*/

/*section-24*/
.section-24 {
    padding-top: 66px;
    padding-bottom: 66px;
    position: relative;
}

.section-24 .inner-content {
    width: 48%;
}

.section-24 .inner-image {
    width: 48%;
}

.section-24 .inner-bg-1, .section-24 .inner-bg-2 {
    position: absolute;
}

.section-24 .inner-bg-1 {
    top: 250px;
    left: 0;
    width: 343px;
}

.section-24 .inner-bg-2 {
    top: 0;
    right: 0;
    width: 208px;
}

@media (max-width: 767.98px) {
    .section-24 .inner-content {
        width: 100%;
    }
    
    .section-24 .inner-image {
        width: 100%;
    }
}
/*End section-24*/

/*section-25*/
.section-25 {
    padding-bottom: 66px;
    position: relative;
}

.section-25 .inner-content {
    width: 48%;
}

.section-25 .inner-image {
    width: 46%;
}

.section-25 .inner-bg-1 {
    position: absolute;
    top: 130px;
    right: 0;
    width: 340px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-25*/

/*section-26*/
.section-26 {
    padding-bottom: 66px;
    position: relative;
}

.section-26 .inner-image {
    width: 43%;
}

@media (max-width: 767.98px) {
    .section-25 {
        padding-bottom: 36px;
    }
    
    .section-25 .inner-content {
        width: 100%;
    }
    
    .section-25 .inner-image {
        width: 100%;
    }
}
/*End section-25*/

/*section-26*/
@media (max-width: 767.98px) {
    .section-26 {
        padding-bottom: 0;
    }
    
    .section-26 .inner-content {
        width: 100%;
    }
    
    .section-26 .inner-image {
        width: 100%;
    }
}
/*End section-26*/

/*section-27*/
.section-27 {
    padding-bottom: 66px;
    position: relative;
}

.section-27 .inner-content {
    width: 48%;
}

.section-27 .inner-image {
    width: 43%;
}

.section-27 .inner-bg-1 {
    position: absolute;
    top: -190px;
    left: 0;
    width: 364px;
}

@media (max-width: 767.98px) {
    .section-27 {
        padding-bottom: 0;
    }
    
    .section-27 .inner-content {
        width: 100%;
    }
    
    .section-27 .inner-image {
        width: 100%;
    }
}
/*End section-27*/

/*section-28*/
.section-28 {
    padding-bottom: 66px;
    position: relative;
}

.section-28 .inner-content {
    width: 44%;
}

.section-28 .inner-image {
    width: 44%;
}

.section-28 .inner-bg-1 {
    position: absolute;
    top: 50px;
    right: 40px;
    width: 249px;
}

@media (max-width: 767.98px) {
    .section-28 {
        padding-bottom: 0;
    }
    
    .section-28 .inner-content {
        width: 100%;
    }
    
    .section-28 .inner-image {
        width: 100%;
    }
}
/*End section-28*/

/*section-29*/
.section-29 {
    padding-bottom: 96px;
    position: relative;
}

.section-29 .inner-bg-1 {
    position: absolute;
    top: -80px;
    left: 40px;
    width: 229px;
}

.section-29 .inner-head {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

.section-29 .slick-dots {
    bottom: -40px;
}

.section-29 .inner-slides .item {
    width: 876px;
}

.section-29 .inner-slides .inner-item {
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 876/487;
}

.section-29 .inner-slides .inner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1199.98px) {
    .section-29 .inner-slides .item {
        width: 800px;
    }
}

@media (max-width: 991.98px) {
    .section-29 .inner-slides .item {
        width: 700px;
    }
}

@media (max-width: 767.98px) {
    .section-29 .inner-slides .item {
        width: 500px;
    }
}

@media (max-width: 575.98px) {
    .section-29 .inner-slides .item {
        width: 80vw;
    }
}
/*End section-29*/

/*section-30*/
.section-30 {
    padding-top: 66px;
    padding-bottom: 66px;
    position: relative;
}

.section-30 .inner-content {
    width: 48%;
}

.section-30 .inner-image {
    width: 43%;
}

.section-30 .inner-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 687px;
}

.section-30 .inner-bg-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 497px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-30 {
        padding-bottom: 0;
    }
    
    .section-30 .inner-content {
        width: 100%;
    }
    
    .section-30 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-30*/

/*section-31*/
.section-31 {
    padding-bottom: 136px;
    position: relative;
}

.section-31 .inner-bg-1 {
    position: absolute;
    top: -100px;
    left: 0;
    width: 496px;
}

.section-31 .inner-head {
    max-width: 760px;
    margin: 0 auto;
}

.section-31 .inner-desc {
    text-align: justify;
    margin-bottom: 40px;
}

.section-31 .inner-images {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.section-31 .inner-images .inner-item {
    width: 25%;
    aspect-ratio: 1/1;
}

.section-31 .inner-images .inner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-31 .inner-marquee {
    color: var(--color-main);
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 112px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .section-31 {
        padding-bottom: 96px;
    }
    
    .section-31 .inner-marquee {
        font-size: 68px;
    }
}

@media (max-width: 991.98px) {
    .section-31 .inner-marquee {
        font-size: 48px;
    }
}

@media (max-width: 767.98px) {
    .section-31 .inner-images .inner-item {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .section-31 .inner-marquee {
        font-size: 38px;
    }
}
/*End section-31*/

/*section-32*/
.section-32 {
    position: relative;
    padding-bottom: 96px;
}

.section-32 .inner-bg-1 {
    position: absolute;
    top: -70px;
    left: 0;
    width: 339px;
}

.section-32 .inner-bg-2 {
    position: absolute;
    top: 80px;
    right: 0;
    width: 330px;
}

.section-32 .inner-image {
    width: 43%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-32 {
        padding-bottom: 0;
    }
    
    .section-32 .inner-content {
        width: 100%;
    }
    
    .section-32 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-32*/

/*section-33*/
.section-33 {
    position: relative;
    margin-bottom: 0;
}

.section-33 .inner-bg-1 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 395px;
}

.section-33 .inner-bg-2 {
    position: absolute;
    bottom: -10%;
    right: 15%;
    width: 133px;
}

.section-33 .inner-image {
    width: 43%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-33 {
        padding-bottom: 0;
    }
    
    .section-33 .inner-content {
        width: 100%;
    }
    
    .section-33 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-33*/

/*section-34*/
.section-34 {
    padding: 108px 0 150px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.section-34 .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-34 .inner-image {
    width: 49.5%;
}

.section-34 .inner-image img {
    width: 100%;
    height: auto;
}

.section-34 .box-form-contact {
    width: 45%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    .section-34 {
        padding-bottom: 100px;
    }
    
    .section-34 .inner-wrap {
        flex-wrap: wrap;
    }
    
    .section-34 .box-form-contact {
        width: 100%;
        order: 1;
    }
    
    .section-34 .inner-image {
        width: 100%;
        order: 2;
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-34*/

/*section-35*/
.section-35 {
    padding-top: 96px;
    position: relative;
}

.section-35 .inner-bg-1 {
    position: absolute;
    top: -80px;
    left: 0;
    width: 664px;
}

.section-35 .inner-bg-2 {
    position: absolute;
    bottom: -96px;
    left: 0;
    width: 275px;
}

.section-35 .inner-bg-3 {
    position: absolute;
    top: 116px;
    right: 0;
    width: 310px;
}

.section-35 .inner-content {
    width: 44%;
}

.section-35 .inner-image {
    width: 48%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-35 .inner-content {
        width: 100%;
    }
    
    .section-35 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-35*/

/*section-36*/
.section-36 {
    margin-top: 40px;
    padding: 80px 0 80px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.section-36 .inner-desc {
    color: #8897a9;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: .16px;
    margin-bottom: 40px;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.section-36 .inner-slides .slider-for .inner-item {
    position: relative;
}

.section-36 .inner-slides .slider-for .inner-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 8px;
}

.section-36 .inner-slides .slider-for .inner-item button {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
}

.section-36 .inner-slides .slider-nav {
    margin-top: 20px;
}

.section-36 .inner-slides .slider-nav .inner-item {
    position: relative;
}

.section-36 .inner-slides .slider-nav .inner-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-36 {
        padding-top: 80px;
    }
    
    .section-36 .inner-desc {
        font-size: 12px;
    }
}
/*End section-36*/

/*section-37*/
.section-37 {
    padding-top: 158px;
    position: relative;
}

.section-37 .inner-bg-1 {
    position: absolute;
    top: 58%;
    left: 0;
    width: 342px;
}

.section-37 .inner-bg-2 {
    position: absolute;
    top: 70%;
    right: 0;
    width: 237px;
}

.section-37 .inner-content {
    width: 52%;
}

.section-37 .inner-image {
    width: 40%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-37 {
        padding-top: 96px;
    }
    
    .section-37 .inner-image {
        width: 100%;
    }
    
    .section-37 .inner-content {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-37*/

/*section-38*/
.section-38 {
    padding-top: 66px;
    position: relative;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-38 {
        padding-top: 0;
        margin-bottom: 0;
    }
}
/*End section-38*/

/*section-39*/
.section-39 {
    position: relative;
    padding-top: 96px;
    padding-bottom: 192px;
}

.section-39 .inner-bg-1 {
    position: absolute;
    top: 40%;
    right: 0;
    width: 336px;
}

.section-39 .inner-image {
    position: absolute;
    left: -18%;
    top: -30px;
    bottom: auto;
}

.section-39 .inner-image img {
    height: 453px;
}

@media (max-width: 1199.98px) {
    .section-39 .inner-image {
        left: -24%;
    }
}

@media (max-width: 991.98px) {
    .section-39 {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .section-39 .inner-image {
        position: static;
    }
    
    .section-39 .inner-image img {
        height: auto;
    }
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-39 {
        padding-top: 96px;
    }
}
/*End section-39*/

/*section-40*/
.section-40 .inner-content {
    width: 44%;
}

.section-40 .inner-image {
    width: 48%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-40 .inner-content {
        width: 100%;
    }
    
    .section-40 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-40*/

/*section-41*/
.section-41 {
    padding-top: 96px;
    position: relative;
}

.section-41 .inner-bg-1 {
    position: absolute;
    top: -2%;
    left: 0;
    width: 414px;
}

.section-41 .inner-bg-2 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 356px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-41 {
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-41*/

/*section-42*/
.section-42 {
    padding-top: 96px;
}

.section-42 .inner-content {
    width: 44%;
}

.section-42 .inner-image {
    width: 48%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-42 {
        margin-bottom: 0;
    }
    
    .section-42 .inner-content {
        width: 100%;
    }
    
    .section-42 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-42*/

/*section-43*/
.section-43 {
    padding-top: 66px;
}

.section-43 .inner-image {
    width: 46%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-43 {
        margin-bottom: 0;
    }
    
    .section-43 .inner-content {
        width: 100%;
    }
    
    .section-43 .inner-image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-43*/

/*section-44*/
.section-44 {
    padding-top: 66px;
    padding-bottom: 66px;
}

.section-44 .inner-bg-1 {
    position: absolute;
    left: 61%;
    top: 2%;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-44 {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-44*/

/*section-45*/
.section-45 {
    padding-top: 96px;
    padding-bottom: 36px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-45 {
        padding-bottom: 0;
        margin-bottom: 66px;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-45*/

/*section-46*/
.section-46 {
    height: 965px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.section-46 .inner-main {
    max-width: 515px;
    padding: 0 15px;
    text-align: center;
    height: 100%;
    margin: 0 auto;
    padding-top: 340px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-46*/

/*section-48*/
.section-48 {
    padding-top: 96px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-48 {
        margin-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-48*/

/*section-49*/
.section-49 {
    padding-top: 96px;
}

.section-49 .inner-content .box-head .inner-tag {
    text-align: left;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-49 {
        margin-bottom: 0;
    }
    
    .section-49 .inner-content .box-head .inner-tag {
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-49*/

/*section-50*/
.section-50 {
    padding-top: 36px;
    padding-bottom: 96px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-50 {
        padding-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-50*/

/*section-51*/
.section-51 {
    height: 470px;
    justify-content: center;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.section-51 .inner-main {
    border: 2.03px solid var(--color-highlight);
    height: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px;
    text-align: center;
}

.section-51 .inner-desc {
    color: #d5e6fb;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .2px;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-51 .inner-desc {
        font-size: 16px;
    }
}
/*End section-51*/

/*section-52*/
.section-52 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.section-52 .inner-item {
    background: white;
    border-radius: 24px;
    box-shadow: 0 3.5274541378px 17.6372699738px #a8b5c54d;
    padding: 25px;
    height: 100%;
}

.section-52 .inner-item .inner-image {
    text-align: center;
    margin-bottom: 10px;
}

.section-52 .inner-item .inner-image img {
    height: 116px;
    width: auto;
}

.section-52 .inner-item .inner-desc {
    text-align: justify;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .section-52 {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}

@media (max-width: 575.98px) {
    
}
/*End section-52*/

/*section-53*/
.section-53 {
    padding-bottom: 96px;
}

.section-53 .box-head {
    max-width: 755px;
    margin-left: auto;
    margin-right: auto;
}

.section-53 .inner-item {
    width: 100%;
    background-color: #253445bf;
    border-radius: 12px;
    height: 242px;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    margin-bottom: 30px;
}

.section-53 .inner-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #253445bf;
    opacity: 0;
    transition: all .5s ease 0s;
}

.section-53 .inner-item:hover::before {
    opacity: 1;
}

.section-53 .inner-item::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    left: 170%;
    top: 0;
    transform: skew(45deg);
    transition: all 1s ease 0s;
    background-color: #fff3;
    z-index: 1;
}

.section-53 .inner-item:hover::after {
    left: -170%;
    top: 0;
}

.section-53 .inner-item .inner-image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    vertical-align: bottom;
    object-fit: cover;
}

.section-53 .inner-item .inner-content {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    transition: all .5s ease 0s;
}

.section-53 .inner-item:hover .inner-content {
    bottom: 6%;
    padding-left: 18px;
}

.section-53 .inner-item .inner-content .inner-name {
    color: #fff;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: .4px;
    margin-bottom: 0;
}

.section-53 .inner-item .inner-content .inner-desc {
    width: 100%;
    color: #fff;
    text-align: start;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .28px;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}
/*End section-53*/

/*section-55*/
.section-55 .inner-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}

.section-55 .inner-item {
    position: relative;
}

.section-55 .inner-item:nth-child(2n) {
    top: 50px;
}

.section-55 .inner-item .inner-number {
    font-size: 70px;
    font-weight: 800;
    color: var(--color-main);
    line-height: 1;
}

.section-55 .inner-item .inner-box {
    background: var(--color-main);
    border-radius: 5px;
    padding: 10px;
    margin-top: -25px;
    box-shadow: rgb(255 255 255 / 65%) 0px -15px 18px 4px;
    position: relative;
}

.section-55 .inner-item .inner-box .inner-title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #faca26;
}

.section-55 .inner-item .inner-box .inner-desc {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.section-55 .inner-item .inner-box .inner-image {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.section-55 .inner-button {
    text-align: center;
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    .section-55 .inner-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .section-55 .inner-wrap {
        gap: 20px;
    }
    
    .section-55 .inner-item .inner-box .inner-title {
        font-size: 24px;
    }
    
    .section-55 .inner-item .inner-box .inner-desc {
        font-size: 14px;
    }
}
/*End section-54*/

/*Responsive*/
.is-mobile .menu-section > ul > li {
    margin-left: 0;
}

.is-mobile .menu-section > ul > li > a {
    padding: 10px 30px 10px 0;
}

@media (max-width: 575.98px) {
    .copyright {
        font-size: 12px;
    }
    
    .article-item .article-title {
        font-size: 18px;
    }
    
    .article-entry-info > span {
        font-size: 14px;
    }
    
    .article-item .article-description {
        font-size: 14px;
    }
}
/*End Responsive*/