@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
    --nunito: "Nunito Sans", sans-serif;
    --white: rgba(255, 255, 255, 1);
    --white-soft: rgba(242, 242, 242, 1);
    --blue: rgba(0, 63, 106, 1);
    --dark-blue: rgba(1, 52, 81, 1);
    --dark-blue2: rgba(24, 57, 88, 1);
    --light-blue: rgba(209, 234, 240, 1);
    --light-blue-2: rgba(212, 230, 242, 0.2);
    --light-blue-3: rgba(212, 230, 242, 1);
    --black: rgba(0, 0, 0, 0.1);
    --primary-color: rgba(42, 42, 46, 1);
    --secondary-color: rgba(0, 105, 177, 1);
    --third-color: rgba(87, 87, 91, 1);
    --lightgray: rgba(126, 126, 129, 1);
    --yellow: rgba(255, 237, 158, 1);
    --moonstone: rgba(0, 173, 198, 1);
    --tosca: rgba(4, 140, 170, 1);
    --green: rgba(35, 209, 100, 1);
}

/* Typography */
.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.fw-700 {font-weight: 700}
.fw-800 {font-weight: 800}
.xl-text {font-size: 48px!important;line-height: 58px!important}
.lg-text {font-size: 32px!important;line-height: 42px!important}
.md-text {font-size: 28px!important;line-height: 32px!important}
.md-text-l {font-size: 28px!important;line-height: 36px!important}
.md-text-m {font-size: 24px!important;line-height: 32px!important}
.sm-text {font-size: 20px!important;line-height: 28px!important}
.xs-text {font-size: 16px!important;line-height: 24px!important}
.xxs-text {font-size: 14px!important;line-height: 20px!important}
.xxxs-text {font-size: 12px!important;line-height: 18px!important}
.body-font{ font-family: var(--nunito)!important}

/* Layout */
.mt-32 {margin-top: 2rem}
.mt-24 {margin-top: 1.5rem}
.mb-24 {margin-bottom: 1.5rem}
.mb-32 {margin-bottom: 2rem}
.mb-40 {margin-bottom: 2.5rem}
.mb-85 {margin-bottom: 5.313rem}
.mb-100 {margin-bottom: 6.25rem}
.mtb-32-85 {margin-block: 32px 85px}
.my-40 {margin: 2.5rem 0}
.py-40 {padding-block: 2.5rem}
.py-50 {padding-block: 3.125rem}
.py-60 {padding-block: 3.75rem}
.pt-80 {padding-top: 5rem}
.pb-50 {padding-bottom: 3.125rem}
.pb-60 {padding-bottom: 3.75rem}
.pi-0 {padding-inline: 0}
.pi-5 {padding-inline: 5px}
.gap-16 {gap: 1rem}

/* Utilities */
.primary-color {color: var(--primary-color)}
.secondary-color {color: var(--secondary-color)}
.third-color {color: var(--third-color)}
.white-color {color: var(--white)}
.bg-primary-color {background-color: var(--primary-color)!important}
.bg-secondary-color {background-color: var(--secondary-color)!important}
.bg-btn-frm {background-color: var(--moonstone)!important}
.overflow-hidden {overflow: hidden}
.overflow-visible {overflow: visible}
.box-shadow {box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2)}
.box-shadow-slider {box-shadow: 0px 6.57px 17.51px 0px rgba(0, 0, 0, 0.2)}
.btn-shadow {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1)}
.element-shadow {
    background: linear-gradient(110.48deg, #ECECEC 0%, #F4F4F4 100%);
    box-shadow: -12px -12px 24px rgba(255, 255, 255, 0.1), 12px 12px 24px rgba(0, 0, 0, 0.15);
}
.border-radius {border-radius: 50%}
.b-rad-12 {border-radius: .75rem}
.b-rad-16 {border-radius: 1rem}
.b-rad-20 {border-radius: 1.25rem}
.b-top-r-rad-16 {border-top-right-radius: 1rem}
.b-top-l-rad-16 {border-top-left-radius: 1rem}
.h-300 {height: calc(350px * 1.3)}
.h-380 {height: calc(380px * 1.3)}
.bottom-sw-100 {bottom: calc(100% - 545px)!important}
.max-h-300 {max-height: 300px}
.max-h-280 {max-height: 280px}
.min-h-20-vh {min-height: calc(20vh + 100px)} 
.min-h-50-vh {min-height: calc(25vh + 258px)}
.line {border: 4px solid rgba(159, 4, 4, 1)}
.orn-1 {
    left: 0;
    right: 0;
}
.orn-2 {right: 0}

/* Components */
.btn-solid,
.btn-solid:hover,
.btn-solid:focus {
    background: linear-gradient(110.48deg, #ECECEC 0%, #F4F4F4 100%);
    color: var(--primary-color);
    padding: 14px 35px;
    border: 1px solid rgba(255, 255, 255, 1);
}
.btn-solid-sm,
.btn-solid-sm:hover,
.btn-solid-sm:focus {
    background: var(--white);
    color: var(--primary-color);
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 2px 0px #0000001A;
    transition: transform 0.3s ease;
}
.btn-solid-sm:hover,
.btn-solid-sm:focus {
    transform: scale(1.05);
}
.btn-border,
.btn-border:hover {
    padding: 14px 35px;
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 1);
}
.btn-card-secondary,
.btn-card-secondary:hover {
    background: var(--secondary-color);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: var(--white);
    padding: 16px 24px;
}
.btn-card-primary,
.btn-card-primary:hover {
    background: linear-gradient(110.48deg, #ECECEC 0%, #F4F4F4 100%);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: var(--primary-color);
    padding: 16px 24px;
}

/* Swiper */
.swiper-slide {
  min-width: 0;
  box-sizing: border-box;
}
.swiper-button-next,
.swiper-button-prev {
    width: 3.75rem;
    height: 3.75rem;
    top: 42%;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    content: '';
}
.swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_14556_5728)'%3E%3Crect x='16' y='10' width='40' height='40' rx='20' fill='url(%23paint0_linear_14556_5728)'/%3E%3Cpath d='M27 31.0001H42.2967L37.3491 35.2408C37.2494 35.3263 37.1675 35.4305 37.1081 35.5477C37.0487 35.6648 37.0129 35.7925 37.0029 35.9234C36.9825 36.1879 37.0681 36.4496 37.2407 36.651C37.4133 36.8523 37.6589 36.9769 37.9234 36.9972C38.0543 37.0073 38.1859 36.9914 38.3108 36.9506C38.4356 36.9098 38.5512 36.8448 38.6509 36.7593L45.6509 30.7593C45.7604 30.6654 45.8483 30.549 45.9085 30.4179C45.9688 30.2869 46 30.1443 46 30.0001C46 29.8558 45.9688 29.7133 45.9085 29.5822C45.8483 29.4512 45.7604 29.3347 45.6509 29.2408L38.6509 23.2408C38.5512 23.1553 38.4356 23.0903 38.3108 23.0495C38.1859 23.0087 38.0543 22.9929 37.9234 23.0029C37.7924 23.013 37.6647 23.0488 37.5476 23.1082C37.4305 23.1676 37.3262 23.2495 37.2407 23.3492C37.1552 23.4489 37.0903 23.5645 37.0494 23.6893C37.0086 23.8141 36.9928 23.9458 37.0029 24.0767C37.0129 24.2077 37.0487 24.3353 37.1081 24.4525C37.1675 24.5696 37.2494 24.6739 37.3491 24.7593L42.2967 29.0001H27C26.7348 29.0001 26.4804 29.1054 26.2929 29.293C26.1054 29.4805 26 29.7349 26 30.0001C26 30.2653 26.1054 30.5196 26.2929 30.7072C26.4804 30.8947 26.7348 31.0001 27 31.0001Z' fill='%2300ADC6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_14556_5728' x='0' y='0' width='72' height='72' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='6'/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_14556_5728'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_14556_5728' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_14556_5728' x1='16' y1='10' x2='64.2139' y2='28.0058' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%23F4F4F4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    right: -6%;
}
.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_14556_5700)'%3E%3Crect x='16' y='10' width='40' height='40' rx='20' fill='url(%23paint0_linear_14556_5700)'/%3E%3Cpath d='M45 29.0001H29.7033L34.6509 24.7594C34.8513 24.5865 34.9751 24.3411 34.995 24.0772C35.0148 23.8132 34.9293 23.5521 34.757 23.3512C34.5847 23.1502 34.3398 23.0257 34.0759 23.005C33.812 22.9843 33.5506 23.0691 33.3491 23.2408L26.3491 29.2408C26.2396 29.3347 26.1517 29.4512 26.0915 29.5822C26.0312 29.7133 26 29.8558 26 30.0001C26 30.1443 26.0312 30.2869 26.0915 30.4179C26.1517 30.549 26.2396 30.6655 26.3491 30.7594L33.3491 36.7593C33.5506 36.931 33.812 37.0158 34.0759 36.9951C34.3398 36.9744 34.5847 36.85 34.757 36.649C34.9293 36.448 35.0148 36.1869 34.995 35.923C34.9751 35.659 34.8513 35.4137 34.6509 35.2408L29.7033 31.0001H45C45.2652 31.0001 45.5196 30.8947 45.7071 30.7072C45.8946 30.5196 46 30.2653 46 30.0001C46 29.7349 45.8946 29.4805 45.7071 29.293C45.5196 29.1054 45.2652 29.0001 45 29.0001Z' fill='%2300ADC6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_14556_5700' x='0' y='0' width='72' height='72' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='6'/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_14556_5700'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_14556_5700' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_14556_5700' x1='16' y1='10' x2='64.2139' y2='28.0058' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%23F4F4F4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    left: -6%;
}
.swiper-pagination-bullet {
    position: relative;
    background-color: #00ADC6;
    opacity: 1;
    margin: 0 8px!important;
}
.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    width: .875rem;
    height: .875rem;
    background: unset;
    box-shadow: unset;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    box-shadow: -2px -2px 8px #8ADFE3, 2px 2px 8px #55C5D1;
}
.swiper-pagination-bullet-active:before {
    background: linear-gradient(110.48deg, #ececec 0%, #f4f4f4 100%);
    box-shadow: -2px -2px 8px #8adfe3, 2px 2px 8px #55c5d1;
}

.language-course-sliders .swiper-pagination,
.vocational-course-sliders .swiper-pagination,
.testimonial-sliders .swiper-pagination {
    display: none;
}

.video-testimonial-sliders .video_frame {
    display: flex;
    align-items: start;
    gap: 50px;
    padding: 0 15px 20px;
}
.video-testimonial-sliders :is(.video_thumbnail,.video_content) {
    flex: 1 1 50%;
}
.video-testimonial-sliders .video_content {
    max-height: 320px;
    overflow-y: auto;
}
.video-testimonial-sliders .video_thumbnail .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .25) 100%, #000000 100%);
}
.video-testimonial-sliders .swiper-pagination {
    top: 365px!important;
    left: 0;
    width: 50%;
    bottom: 0;
    transform: unset;
}
.video-testimonial-sliders .swiper-navigation {
    position: absolute;
    width: 10%;
    top: 225px;
    left: 52%;
    bottom: 0;
}
.video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
    top: 150px!important;
    width: 5rem;
    height: 5rem;
}
.video-testimonial-sliders .swiper-button-next {right: -12%}
.video-testimonial-sliders .swiper-button-prev {left: -12%}

@media (max-width: 767.98px) {
    .partner-sliders .swiper-button-next, 
    .partner-sliders .swiper-button-prev, 
    .language-course-sliders .swiper-button-next, 
    .language-course-sliders .swiper-button-prev, 
    .vocational-course-sliders .swiper-button-next, 
    .vocational-course-sliders .swiper-button-prev,
    .testimonial-sliders .swiper-button-next, 
    .testimonial-sliders .swiper-button-prev {
        display: none;
    }
    .language-course-sliders .swiper-pagination,
    .vocational-course-sliders .swiper-pagination,
    .testimonial-sliders .swiper-pagination {
        display: block;
    }
    .orn-1 {top: 0}
    .video-testimonial-sliders .video_frame {
        gap: 95px;
        flex-direction: column;
    }
    .video-testimonial-sliders .video_content {
        max-height: none;
        overflow-y: auto;
        padding-top: 100px;
    }
    .video-testimonial-sliders .swiper-navigation {
        width: 30%;
        top: 158px;
        left: 20px;
        bottom: 0;
        transform: inherit;
        position: absolute;
    }
    .video-testimonial-sliders .swiper-pagination {
        left: 0;
        width: 100%;
        bottom: 0;
        transform: unset;
        top: 230px!important;
    }
    .video-testimonial-sliders .swiper-pagination-bullet:before {
        width: 1.25rem;
        height: 1.25rem;
    }
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        width: 5rem;
        height: 5rem;
        margin-top: -16px;
    }
    .video-testimonial-sliders .swiper-button-prev {left: -20px}
    .video-testimonial-sliders .swiper-button-next {right: 0}
}

@media only screen and (min-height: 740px) and (orientation: portrait) {
    .video-testimonial-sliders .swiper-pagination {top: 215px!important}
    .video-testimonial-sliders .swiper-navigation {top: 5px!important}
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        top: 292px!important;
    }
}

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
    .video-testimonial-sliders .swiper-pagination {top: 255px!important}
    .video-testimonial-sliders .swiper-navigation {top: 40px!important}
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        top: 300px!important;
    }
}

@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) {
    .video-testimonial-sliders .swiper-pagination {top: 240px!important}
    .video-testimonial-sliders .swiper-navigation {top: 25px!important}
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        top: 295px!important;
    }
}

@media only screen and (min-height: 915px) and (orientation: portrait) {
    .video-testimonial-sliders .swiper-pagination {top: 255px!important}
    .video-testimonial-sliders .swiper-navigation {top: 40px!important}
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        top: 295px!important;
    }
}

@media only screen
    and (device-width: 430px) 
    and (device-height: 932px) 
    and (-webkit-device-pixel-ratio: 3) {
    .video-testimonial-sliders .swiper-pagination {top: 270px!important}
    .video-testimonial-sliders .swiper-navigation {top: 50px!important}
    .video-testimonial-sliders :is(.swiper-button-next,.swiper-button-prev) {
        top: 300px!important;
    }
}

.language-course-sliders,
.vocational-course-sliders,
.partner-sliders,
.testimonial-sliders {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.language-course-sliders.swiper-ready,
.vocational-course-sliders.swiper-ready,
.partner-sliders.swiper-ready,
.testimonial-sliders.swiper-ready {
    opacity: 1;
}

html {scroll-behavior: smooth}
body {
  margin: 0;
  font-family: var(--nunito)!important;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

section,
.row {
    position: relative;
}

/* b2b */
.hero-banner {
    position: relative;
    overflow: hidden;
}
.hero-banner .background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hero-banner .background-image {
    position: absolute;
    top: 0;
    left: 40px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.hero-banner .block-element {
	position: relative;
	z-index: 100;
	color: var(--white);
}

/* Corporate */
.corporate {
    position: relative;
    z-index: 100;
}
.corporate .counter-wrapper {
    margin-top: -80px;
    padding: 40px 100px;
}
.corporate .counter-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.partner-sliders {
    position: relative;
    padding-bottom: 40px;
    width: 100%;
}

/* Course */
.course-sliders .content-slider {background-color: var(--white)}
.course-sliders .content-slider .caption {padding: 24px 16px}
.course-sliders .content-slider a {
    position: absolute;
    left: 50%;
    right: 0;
    width: 90%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

/* Training */
.training-icon {width: auto}
.training-text {
    width: 100%;
    margin-left: 15px;
}
.block-video {position: relative}
.block-video .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container,
#singlevideoModal .modal-content,
#singlevideoModal .modal-body,
#testimonialvideoModal .modal-content,
#testimonialvideoModal .modal-body {
    border-radius: 1.25rem!important;
}
:where(#singlevideoModal,#testimonialvideoModal) .close {
    position: absolute;
    right: -30px;
    top: -20px;
    color: var(--white);
    opacity: 1;
}
:where(#singlevideoModal,#testimonialvideoModal) .modal-body {
    padding: 0 !important;
    overflow-y: auto;
}
#corporateModal .modal-body {padding: 2rem 1.5rem 0 1.5rem}
#corporateModal .modal-dialog button.close {
    position: absolute;
    right: -40px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    background: #ffffff;
    border-radius: 50%;
}
@media (min-width: 576px) {
    #corporateModal .modal-dialog {
        margin: 5rem auto;
    }
}
#corporateModal .modal-body label {margin-bottom: 0}
#corporateModal .modal-body label,
#corporateModal .modal-body input[type="submit"] {
    width: 100%;
}
#corporateModal .modal-body input[type="submit"] {
    background-color: #0069B1;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 20px;
}
.features-training {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}
.features-training.reverse-layout {flex-direction: row-reverse}
.features-training .featured-image,
.features-training .featured-content {
    flex: 1 1 300px;
}

/* Testimonial */
.swiperTestimonial {
    display: block;
    position: relative;
    padding-block: 50px;
}
.swiperTestimonial .swiper-slide {
    padding-top: 0;
    height: 100%;
    overflow: inherit;
    border-radius: 1.5rem;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2);
}
.swiperTestimonial .wrap-testimonial {
    position: relative;
    background-color: var(--white-soft);
    padding: 1.25rem 1.875rem;
    min-height: 400px;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    overflow: inherit;
}
.swiperTestimonial .wrap-testimonial .quote {
    position: absolute;
    top: -1.25rem;
    right: 2rem;
    margin-bottom: 0.313rem;
    background-image: url("data:image/svg+xml,%3Csvg width='61' height='44' viewBox='0 0 61 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61 4.91894C61 2.54745 59.5508 0.439453 55.9935 0.439453C51.1188 0.439453 45.1901 2.81094 41.2376 6.76343C36.3629 11.6382 33.4644 18.7526 33.4644 28.3703V28.8973C33.4644 37.9881 37.8121 43.6533 45.1901 43.6533C51.7775 43.6533 56.1253 39.042 56.1253 32.8498V32.5863C56.1253 26.9211 51.514 22.9686 46.9028 21.7829C46.6393 15.4589 50.3283 10.8477 57.0475 9.26667C59.2873 8.73967 61 7.29042 61 4.91894ZM27.5356 4.91894C27.5356 2.54745 26.0864 0.439453 22.5292 0.439453C17.6544 0.439453 11.7257 2.81094 7.77322 6.76343C2.89849 11.6382 0 18.7526 0 28.3703V28.8973C0 37.9881 4.34773 43.6533 11.7257 43.6533C18.3132 43.6533 22.6609 39.042 22.6609 32.8498V32.5863C22.6609 26.9211 18.0497 22.9686 13.4384 21.7829C13.1749 15.4589 16.8639 10.8477 23.5832 9.26667C25.8229 8.73967 27.5356 7.29042 27.5356 4.91894Z' fill='%2300ADC6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.813rem;
    height: 2.688rem;
}
.swiperTestimonial .testimonial-user-wrapper {
    display: block;
    position: relative;
    align-items: center;
    margin-top: 3.438rem;
    margin-bottom: 1.25rem;
}
.swiperTestimonial .testimonial-photo {
    position: absolute;
    top: -115px;
    left: -15px;
}
.swiperTestimonial .testimonial-photo img {max-width: 100px}
.swiperTestimonial .testimonial-comments {min-height: 220px}

/* Contact Form */
.contact-us {position: relative}
.contact-form {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 1.25rem;
    background-color: var(--white-soft);
    z-index: 1;
}
.contact-form label,
.contact-form .form-control {
    font-size: 16px;
    line-height: 24px;
}
.contact-form label {
    font-weight: 800;
    color: var(--primary-color);
}
.contact-form .form-control {
    color: rgba(126, 126, 129, 1);
    border: 1px solid rgba(0, 173, 198, 1);
    border-radius: 12px;
}
.contact-form button[type=submit] {
    padding: 16px 24px;
    margin-top: 38px;
}
.contact-image,
.ornament {
    position: absolute;
}
.contact-image {
    bottom: -60px;
    left: -15%;
}
.ornament {
    right: -18px;
    bottom: 0;
}

/* FAQ */
.accordion .card,
.accordion .card-header {
    padding-inline: 0;
    background-color: transparent;
    border: none;
}
.accordion > .card:first-child {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}
.accordion > .card:last-of-type {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
}
.accordion .card-header button:not([aria-expanded="true"]),
.accordion .card-header button[aria-expanded="true"] {
    display: flex;
    align-items: baseline;
    text-wrap: auto;
}
.accordion .card-header button:not([aria-expanded="true"]) {
    color: var(--primary-color);
    background-color: transparent;
}
.accordion .card-header button[aria-expanded="true"] {
    background-color: transparent;
    color: rgba(0, 173, 198, 1);
    text-decoration: none;
}
.accordion .card-body {
    color: rgba(87, 87, 91, 1);
    padding-inline: .85rem;
}
.accordion .card-header .btn-link i {margin-right: .5rem}

/* AI Agent */
.ai-agent-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.ai-agent-section .ai-agent-image img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
}
.ai-agent-section .ai-agent-content h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #2A2A2E;
    line-height: 36px;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.ai-agent-section .ai-agent-content .desc {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.005em;
}
.ai-agent-section .ai-agent-content .btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 14px 24px;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.005em;
    border-radius: 16px;
    background-color: #0069B1;
    color: #ffffff;
    text-decoration: none;
}
@media (min-width: 1024px) {
    .ai-agent-section .ai-agent-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between;
        gap: 48px;
        flex-wrap: nowrap;
    }
    .ai-agent-section .ai-agent-image,
    .ai-agent-section .ai-agent-content {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767.98px) {
    .hero-banner .background-image {left: 0}
    .hero-banner .overlay,br {display: none}
    .hero-banner .block-element {margin-top: -150px}
    .corporate .counter-items {
        display: block;
        padding-inline: 18px;
    }
    .corporate .counter-wrapper {padding: 20px 0}
    .contact-us {padding-bottom: 340px}
    .ai-agent-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .ai-agent-section .ai-agent-wrapper {gap: 32px}
    .faq,
    .faq-section,
    .accordion {
        max-width: 100%;
        overflow-x: hidden;
    }
}