<<<<<<< HEAD
@font-face {
    font-family: "General Sans Regular";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Regular"), url("../fonts/GeneralSans-Regular.otf")
}

@font-face {
    font-family: "General Sans Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Italic"), url("../fonts/GeneralSans-Italic.otf")
}

@font-face {
    font-family: "General Sans Extralight";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Extralight"), url("../fonts/GeneralSans-Extralight.otf")
}

@font-face {
    font-family: "General Sans Extralight Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Extralight Italic"), url("../fonts/GeneralSans-ExtralightItalic.otf")
}

@font-face {
    font-family: "General Sans Light";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Light"), url("../fonts/GeneralSans-Light.otf")
}

@font-face {
    font-family: "General Sans Light Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Light Italic"), url("../fonts/GeneralSans-LightItalic.otf")
}

@font-face {
    font-family: "General Sans Medium";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Medium"), url("../fonts/GeneralSans-Medium.otf")
}

@font-face {
    font-family: "General Sans Medium Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Medium Italic"), url("../fonts/GeneralSans-MediumItalic.otf")
}

@font-face {
    font-family: "General Sans Semibold";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Semibold"), url("../fonts/GeneralSans-Semibold.otf")
}

@font-face {
    font-family: "General Sans Semibold Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Semibold Italic"), url("../fonts/GeneralSans-SemiboldItalic.otf")
}

@font-face {
    font-family: "General Sans Bold";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Bold"), url("../fonts/GeneralSans-Bold.otf")
}

@font-face {
    font-family: "General Sans Bold Italic";
    font-style: normal;
    font-weight: normal;
    src: local("General Sans Bold Italic"), url("../fonts/GeneralSans-BoldItalic.otf")
}

body {
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    color: #1e293b;
    overflow-x: hidden
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #b7b7b7
}

input,
button,
a {
    outline: none !important;
    box-shadow: none !important
}

input:focus,
button:focus,
a:focus {
    outline: none;
    box-shadow: none
}

.generalFont {
    font-family: "General Sans Regular", sans-serif !important
}

.navbar {
    background: rgba(255, 255, 255, .65) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transition: all .3s ease;
    padding: 1rem 0;
    position: relative;
    z-index: 11
}

.navbar.scrolled {
    padding: .5rem 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08)
}

.navbar .navbar-brand {
    font-size: 1.75rem;
    font-weight: 800;
    color: #6319ff !important;
    letter-spacing: -0.5px
}

.navbar .navbar-nav .nav-link {
    border: none;
    color: #5a5a59;
    font-weight: 400;
    padding: 13px 20px;
    border-radius: 35px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff3ed;
    margin: 0px 5px
}

.navbar .navbar-nav .nav-link::after {
    content: "";
    height: 5px;
    width: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px
}

.navbar .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left .5s ease
}

.navbar .navbar-nav .nav-link:hover {
    color: #6319ff;
    border-color: #6319ff;
    background-color: rgba(99, 25, 255, .1)
}

.navbar .navbar-nav .nav-link.active {
    background: radial-gradient(circle, #844aff, #6015ff);
    box-shadow: 0 8px 25px rgba(99, 102, 241, .4);
    border: 1px solid #844aff;
    color: #fff;
    transition: all .3s ease;
    padding-right: 30px
}

.navbar .navbar-nav .nav-link.active::after {
    background-color: #fff;
    width: 5px
}

.navbar .navbar-nav .nav-link.active::before {
    left: 100%
}

@media(max-width: 1199px) {
    .navbar .navbar-nav .nav-link {
        font-size: 14px;
        padding: 13px 17px
    }
}

.navbar .navbar-toggler {
    outline: none;
    box-shadow: none;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 11px;
    background-color: #fff3ed;
    border: 0
}

@media(max-width: 991px) {
    .navbar .navbar-toggler {
        display: flex
    }
}

@media(max-width: 991px) {
    .navbar .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        display: block !important;
        position: fixed;
        background: #f6f6fe;
        bottom: 0;
        top: 0;
        right: auto;
        left: 0;
        width: 320px;
        min-height: 100svh !important;
        transition: .3s cubic-bezier(0.39, 0.58, 0.57, 1);
        box-shadow: 1px 0 15px 0 rgba(19, 19, 19, .2);
        padding-left: 20px
    }

    .navbar .collapse:not(.show) {
        left: -350px
    }
}

.btn-consultation {
    background: #fff3ed;
    border: none;
    color: #131313;
    font-weight: 400;
    padding: .75rem 1.5rem;
    border-radius: 30px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "General Sans Medium", sans-serif
}

.btn-consultation::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent, rgba(56, 53, 53, 0.1), transparent);
    transition: left .5s ease
}

.btn-consultation:hover {
    border: 1px solid #131313
}

.btn-consultation:hover::before {
    left: 100%
}

@media(max-width: 1199px) {
    .btn-consultation {
        font-size: 14px;
        padding: .75rem 1rem
    }
}

@media(max-width: 575px) {
    .btn-consultation {
        width: 100%;
        padding: .75rem 1rem
    }
}

.hero-section {
    background-image: url("../images/pattern.png");
    background-repeat: repeat;
    background-size: contain;
    color: #131313;
    padding: 100px 0 100px;
    position: relative;
    overflow: hidden
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%)
}

.hero-section .hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 15px
}

@media(max-width: 767px) {
    .hero-section .hero-content {
        flex-direction: column;
        text-align: left
    }
}

.hero-section .hero-title {
    font-size: clamp(44px, 5vw, 68px);
    font-weight: 400;
    margin-bottom: 1.5rem;
    line-height: 1.1;
    letter-spacing: -1px;
    width: 50%
}

@media(max-width: 1199px) {
    .hero-section .hero-title {
        font-size: 2.7rem
    }
}

@media(max-width: 991px) {
    .hero-section .hero-title {
        font-size: 2.2rem;
        min-width: 320px
    }
}

@media(max-width: 767px) {
    .hero-section .hero-title {
        width: 100%;
        margin-bottom: 0
    }
}

@media(max-width: 575px) {
    .hero-section .hero-title {
        font-size: 24px;
        word-break: break-word;
        min-width: inherit
    }
}

.hero-section .hero-description {
    width: 50%
}

@media(max-width: 991px) {
    .hero-section .hero-description {
        font-size: 1rem !important
    }
}

@media(max-width: 767px) {
    .hero-section .hero-description {
        width: 100%
    }
}

@media(max-width: 575px) {
    .hero-section .hero-description {
        font-size: 12px !important
    }
}

.hero-section .hero-subtitle {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    opacity: .95;
    font-weight: 500
}

@media(max-width: 991px) {
    .hero-section {
        padding: 100px 0 60px;
        background-repeat: repeat;
        background-size: contain
    }
}

@media(max-width: 767px) {
    .hero-section {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0
    }

    .hero-section .hero-img-section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .hero-section .hero-img-section::before {
        display: none
    }
}

.hero-img-section {
    position: relative;
    padding-bottom: 60px;
    padding-top: 60px
}

.hero-img-section::before {
    content: "";
    position: absolute;
    top: auto;
    height: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff3ed
}

.hero-img-section img {
    max-width: 100%
}

.stats-section {
    background: #fff;
    padding: 80px 0;
    position: relative;
    z-index: 3
}

.stats-section #counter {
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    background-repeat: repeat-x;
    background-position: 20px 100%;
    background-size: contain;
    margin-bottom: 24px
}

.stats-section #counter li {
    width: 20%;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #e1e1f1;
    height: 100%;
    padding-bottom: 25px
}

.stats-section #counter li::before {
    content: "";
    background-image: url(../images/shape_rating.png);
    position: absolute;
    width: 80px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -1px;
    right: -50px
}

.stats-section #counter li::after {
    content: "";
    position: absolute;
    width: 50px;
    background-color: #fff;
    height: 2px;
    bottom: -2px;
    right: -34px;
    z-index: 1
}

.stats-section #counter li:nth-child(1) {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .stats-section #counter li:nth-child(1) {
        width: 100%;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .stats-section #counter li:nth-child(1) img {
        max-width: 140px
    }
}

@media(max-width: 575px) {
    .stats-section #counter li:nth-child(1) img {
        max-width: 140px
    }
}

.stats-section #counter li:last-child::before {
    display: none
}

.stats-section #counter li span {
    font-size: 40px;
    font-weight: 600;
    color: #1e0a52
}

.stats-section #counter li div {
    font-size: 18px;
    color: #5f5f86;
    margin-top: 8px;
    font-weight: 400
}

@media(max-width: 991px) {
    .stats-section #counter li {
        width: 50%;
        height: auto;
        margin-bottom: 18px
    }

    .stats-section #counter li span {
        font-size: 32px
    }

    .stats-section #counter li div {
        font-size: 15px
    }

    .stats-section #counter li:nth-child(odd)::before,
    .stats-section #counter li:nth-child(odd)::after {
        display: none
    }
}

@media(max-width: 767px) {
    .stats-section #counter li span {
        font-size: 20px
    }

    .stats-section #counter li div {
        font-size: 12px
    }
}

@media(max-width: 575px) {
    .stats-section #counter li span {
        font-size: 16px
    }

    .stats-section #counter li div {
        font-size: 8px
    }
}

@media(max-width: 991px) {
    .stats-section #counter {
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .stats-section {
        padding: 60px 0
    }

    .stats-section .stats-container {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        background: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 575px) {
    .stats-section {
        padding: 30px 0
    }
}

.schedule-section .container .schedule-inner {
    background: linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);
    padding: 120px 40px;
    margin-bottom: 65px;
    border-radius: 50px
}

@media(max-width: 991px) {
    .schedule-section .container .schedule-inner {
        margin-bottom: 42px
    }
}

@media(max-width: 767px) {
    .schedule-section .container .schedule-inner {
        padding: 80px 32px;
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .schedule-section .container .schedule-inner {
        padding: 60px 25px;
        border-radius: 20px
    }
}

.schedule-section h2 {
    font-weight: 500;
    font-size: 63px;
    letter-spacing: -2px;
    color: #1e0a52;
    max-width: 1120px;
    margin: auto;
    line-height: 100%;
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .schedule-section h2 {
        font-size: 42px !important
    }
}

@media(max-width: 767px) {
    .schedule-section h2 {
        font-size: 36px !important;
        line-height: 38px
    }
}

@media(max-width: 575px) {
    .schedule-section h2 {
        font-size: 26px !important;
        line-height: 30px
    }
}

.schedule-section p {
    font-family: "General Sans Regular", sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 120%;
    max-width: 660px;
    margin: 0 auto 50px;
    color: #5f5f86
}

@media(max-width: 767px) {
    .schedule-section p {
        margin-bottom: 30px
    }
}

.schedule-section.details-hero-section {
    padding: 100px 0 100px
}

.schedule-section.details-hero-section .schedule-inner {
    padding: 50px
}

.schedule-section.details-hero-section .schedule-inner .section-title {
    font-size: 42px;
    color: #000
}

.schedule-section.details-hero-section .schedule-inner .section-subtitle {
    font-size: 20px !important;
    font-family: "General Sans Regular", sans-serif;
    color: #5f5f86
}

.schedule-section.details-hero-section .schedule-inner .section-subtitle b {
    font-family: "General Sans Bold", sans-serif
}

@media(max-width: 767px) {
    .schedule-section.details-hero-section .schedule-inner .section-subtitle {
        font-size: 16px !important
    }
}

@media(max-width: 575px) {
    .schedule-section.details-hero-section .schedule-inner .section-subtitle {
        font-size: 14px !important
    }
}

.schedule-section.details-hero-section .schedule-inner .detail-img {
    max-width: 134px;
    max-height: 134px;
    margin-right: auto;
    margin-left: 0;
    display: block;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .schedule-section.details-hero-section .schedule-inner .detail-img {
        max-width: 100px;
        max-height: 100px
    }
}

@media(max-width: 575px) {
    .schedule-section.details-hero-section .schedule-inner .detail-img {
        max-width: 75px;
        max-height: 75px
    }
}

.schedule-section.details-hero-section .schedule-inner .row {
    padding: 100px 0px 0px 67px;
    border-radius: 40px;
    overflow: hidden
}

@media(max-width: 991px) {
    .schedule-section.details-hero-section .schedule-inner .row {
        padding: 20px;
        flex-direction: column-reverse;
        margin: 0
    }
}

@media(max-width: 575px) {
    .schedule-section.details-hero-section .schedule-inner .row {
        padding: 8px;
        background: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 767px) {
    .schedule-section.details-hero-section .schedule-inner {
        padding: 30px;
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .schedule-section.details-hero-section .schedule-inner {
        padding: 10px;
        margin-bottom: 20px
    }
}

@media(max-width: 991px) {
    .schedule-section.details-hero-section {
        padding: 60px 0
    }
}

@media(max-width: 767px) {
    .schedule-section.details-hero-section {
        padding: 45px 0
    }
}

@media(max-width: 575px) {
    .schedule-section.details-hero-section {
        padding: 10px 0
    }
}

@media(max-width: 767px) {
    .schedule-section.schedule-meeting .schedule-inner {
        padding: 24px
    }
}

.btn-schedule {
    background: radial-gradient(circle, #844aff, #6015ff);
    box-shadow: 0 8px 25px rgba(99, 102, 241, .4);
    color: #fff !important;
    transition: all .3s ease;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    overflow: hidden;
    display: flex;
    gap: 5px
}

.btn-schedule::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left .5s ease
}

.btn-schedule:hover {
    transform: translateY(0px);
    box-shadow: 0 8px 25px rgba(99, 102, 241, .4)
}

.btn-schedule:hover::before {
    left: 100%
}

@media(max-width: 575px) {
    .btn-schedule {
        font-size: 14px;
        padding: 15px 20px
    }
}

.services-section {
    background-image: url("../images/creative_approach.jpg");
    padding: 100px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.services-section .section-title {
    font-size: 63px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
    letter-spacing: -1px
}

@media(max-width: 767px) {
    .services-section .section-title {
        font-size: 2rem
    }
}

.services-section .section-subtitle {
    font-size: 1.3rem;
    color: #64748b;
    margin-bottom: 4rem
}

@media(max-width: 767px) {
    .services-section .section-subtitle {
        font-size: 1.1rem !important
    }
}

.services-section .nav-pills {
    background-color: rgba(77, 77, 77, .2);
    border: 1px solid #6a6a6a;
    border-radius: 50px;
    padding: 32px;
    margin-right: 40px
}

.services-section .nav-pills .nav-link {
    position: relative;
    text-align: left;
    padding-left: 60px;
    padding-top: 28px;
    padding-bottom: 28px;
    border-radius: 50px;
    font-size: 18px;
    color: #9c9c9c;
    white-space: nowrap
}

.services-section .nav-pills .nav-link::before {
    content: "";
    height: 14px;
    width: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 30px;
    background-image: url(../images/service_dot.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.services-section .nav-pills .nav-link.active {
    background-color: #fff;
    color: #000
}

.services-section .nav-pills .nav-link.active::before {
    background-image: url(../images/service_dot_active.svg)
}

@media(max-width: 991px) {
    .services-section .nav-pills .nav-link {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 16px
    }
}

@media(max-width: 575px) {
    .services-section .nav-pills .nav-link {
        font-size: 14px
    }
}

@media(max-width: 1199px) {
    .services-section .nav-pills {
        margin-right: 35px
    }
}

@media(max-width: 767px) {
    .services-section .nav-pills {
        width: 100%;
        margin-right: 0
    }
}

@media(max-width: 575px) {
    .services-section .nav-pills {
        padding: 20px;
        overflow-x: auto;
        width: 120%;
        flex-direction: inherit !important;
        flex-wrap: inherit;
        padding-right: 20%
    }

    .services-section .nav-pills::-webkit-scrollbar {
        width: 6px;
        height: 0;
        background-color: #f5f5f5
    }
}

.services-section .tab-content {
    max-width: calc(100% - 345px)
}

@media(max-width: 767px) {
    .services-section .tab-content {
        max-width: 100%;
        margin-top: 40px
    }
}

.services-section h3 {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 30px
}

@media(max-width: 991px) {
    .services-section h3 {
        font-size: 36px
    }
}

@media(max-width: 575px) {
    .services-section h3 {
        font-size: 24px;
        margin-bottom: 14px
    }
}

.services-section p,
.services-section li {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
    color: #dadae4;
    font-family: "General Sans Regular", sans-serif
}

@media(max-width: 991px) {

    .services-section p,
    .services-section li {
        font-size: 16px
    }
}

@media(max-width: 575px) {
    .services-section p {
        font-size: 14px;
        color: rgba(218, 218, 228, .8)
    }
}

.services-section ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.services-section ul li {
    margin-bottom: 30px;
    display: flex
}

.services-section ul li img {
    margin-right: 16px;
    width: 25px;
    height: 25px
}

@media(max-width: 991px) {
    .services-section ul li img {
        width: 20px;
        height: 20px
    }
}

.services-section ul li:last-child {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .services-section ul li {
        margin-bottom: 20px
    }
}

.services-section .btn-schedule {
    margin-top: 32px
}

@media(max-width: 767px) {
    .services-section {
        padding: 60px 15px
    }
}

@media(max-width: 575px) {
    .services-section {
        overflow: hidden
    }
}

.platform-section h2 {
    font-weight: 500;
    font-size: 63px;
    letter-spacing: -2px;
    color: #1e0a52;
    margin: auto;
    line-height: 100%;
    margin-bottom: 20px;
    margin: 64px 0;
    position: relative
}

@media(max-width: 1199px) {
    .platform-section h2 {
        font-size: 42px;
        margin: 45px 0
    }
}

@media(max-width: 991px) {
    .platform-section h2 {
        font-size: 36px;
        margin: 36px 0
    }
}

@media(max-width: 575px) {
    .platform-section h2 {
        font-size: 26px;
        margin: 30px 0
    }
}

.platform-section h2 img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    animation: swing ease-in-out 1.5s infinite alternate;
    transform-origin: center 45px
}

@media(max-width: 1199px) {
    .platform-section h2 img {
        max-width: 120px;
        animation: swing1 ease-in-out 1.5s infinite alternate;
        top: 10px
    }
}

@media(max-width: 991px) {
    .platform-section h2 img {
        max-width: 100px
    }
}

@media(max-width: 767px) {
    .platform-section h2 img {
        max-width: 100px
    }
}

@media(max-width: 575px) {
    .platform-section h2 img {
        max-width: 80px
    }
}

@keyframes swing {
    0% {
        transform: rotate(30deg);
        bottom: 30px
    }

    100% {
        transform: rotate(-30deg);
        bottom: -90px
    }
}

@keyframes swing1 {
    0% {
        transform: rotate(30deg);
        bottom: 30px
    }

    100% {
        transform: rotate(-20deg);
        bottom: 0px
    }
}

.platform-section .platform-content {
    background: linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);
    margin-bottom: 65px;
    border-radius: 50px
}

@media(max-width: 991px) {
    .platform-section .platform-content {
        margin-bottom: 42px;
        margin-top: 46px
    }
}

@media(max-width: 767px) {
    .platform-section .platform-content {
        margin-bottom: 30px;
        border-radius: 20px;
        margin-top: 30px
    }
}

@media(max-width: 575px) {
    .platform-section .platform-content {
        margin-top: 20px
    }
}

.platform-section.app-detail-section {
    position: relative
}

.platform-section.app-detail-section .platform-content {
    padding: 120px;
    margin-top: 64px;
    margin-bottom: -100px;
    padding-bottom: 200px
}

.platform-section.app-detail-section .platform-content h2 {
    text-align: left;
    letter-spacing: -1px;
    margin-top: 0
}

@media(max-width: 991px) {
    .platform-section.app-detail-section .platform-content h2 {
        font-size: 42px !important;
        margin-bottom: 30px
    }
}

@media(max-width: 767px) {
    .platform-section.app-detail-section .platform-content h2 {
        font-size: 32px !important;
        margin-bottom: 24px
    }
}

@media(max-width: 575px) {
    .platform-section.app-detail-section .platform-content h2 {
        font-size: 24px !important;
        margin-bottom: 20px
    }
}

.platform-section.app-detail-section .platform-content ul {
    padding-left: 20px
}

.platform-section.app-detail-section .platform-content li,
.platform-section.app-detail-section .platform-content p {
    color: #5f5f86;
    font-family: "General Sans Regular", sans-serif
}

.platform-section.app-detail-section .platform-content li b,
.platform-section.app-detail-section .platform-content p b {
    font-family: "General Sans Bold", sans-serif;
    font-weight: 700
}

@media(max-width: 575px) {

    .platform-section.app-detail-section .platform-content li,
    .platform-section.app-detail-section .platform-content p {
        font-size: 14px !important
    }
}

@media(max-width: 1199px) {
    .platform-section.app-detail-section .platform-content {
        padding: 80px 80px 200px
    }
}

@media(max-width: 991px) {
    .platform-section.app-detail-section .platform-content {
        padding: 50px 50px 180px;
        border-radius: 30px;
        margin-top: 46px
    }
}

@media(max-width: 767px) {
    .platform-section.app-detail-section .platform-content {
        padding: 50px 40px 170px;
        border-radius: 25px;
        margin-top: 30px
    }
}

@media(max-width: 575px) {
    .platform-section.app-detail-section .platform-content {
        padding: 30px 22px 150px;
        margin-top: 20px
    }
}

.platform-section.app-detail-section .app-screenshots {
    margin-bottom: 74px
}

.platform-section.app-detail-section .app-screenshots .slick-slide {
    margin: 0px 12px
}

.platform-section.app-detail-section .app-screenshots img {
    margin: auto
}

.platform-section.testimonial-section {
    margin-bottom: 64px
}

.platform-section.testimonial-section .testimonial-box {
    background: linear-gradient(180deg, #e7edff 0%, rgba(250, 250, 255, 0) 102.76%);
    padding: 20px;
    border-radius: 50px
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner {
    padding: 32px;
    border-radius: 50px;
    background-color: #fff;
    text-align: left
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner h3 {
    font-size: 32px;
    font-family: "General Sans Medium", sans-serif;
    color: #1e0a52;
    margin-bottom: 32px;
    line-height: 100%
}

@media(max-width: 991px) {
    .platform-section.testimonial-section .testimonial-box .testimonial-inner h3 {
        font-size: 20px;
        margin-bottom: 14px
    }
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner p {
    font-size: 18px;
    font-family: "General Sans Regular", sans-serif;
    color: #5f5f86;
    margin-bottom: 52px
}

@media(max-width: 991px) {
    .platform-section.testimonial-section .testimonial-box .testimonial-inner p {
        font-size: 16px;
        margin-bottom: 32px
    }
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate ul {
    margin-bottom: 5px
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate p {
    margin-bottom: 0;
    color: #cccce9
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate p span {
    color: #1e0a52
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user {
    display: flex;
    gap: 16px;
    align-items: center
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user .testimonial-user-profile {
    height: 61px;
    width: 61px;
    border: 1px solid #cccce9;
    padding: 8px;
    border-radius: 50%
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user .testimonial-user-profile img {
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #cccce9
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user h6 {
    font-size: 20px;
    font-family: "General Sans Medium", sans-serif;
    color: #1e0a52;
    margin-bottom: 6px;
    font-weight: 500
}

.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user p {
    font-size: 16px;
    font-family: "General Sans Regular", sans-serif;
    color: #5f5f86;
    margin-bottom: 0;
    line-height: normal
}

@media(max-width: 991px) {
    .platform-section.testimonial-section .testimonial-box .testimonial-inner {
        padding: 32px 24px
    }
}

.platform-section.testimonial-section .testimonial-box.bg-second {
    background: linear-gradient(136.13deg, #ffffff 4.19%, rgba(216, 250, 80, 0.5) 95.64%)
}

@media(max-width: 767px) {
    .platform-section.testimonial-section {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .platform-section.testimonial-section {
        margin-bottom: 25px
    }
}

.platform-section.testimonial-section .slick-slide {
    margin: 0px 15px
}

.platform-section.testimonial-section .slick-dots {
    bottom: -40px
}

.platform-section.testimonial-section .slick-dots li {
    margin: 0
}

.platform-section.testimonial-section .slick-dots li button:before {
    content: "";
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #cccce9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease;
    opacity: 1;
    right: 0
}

.platform-section.testimonial-section .slick-dots li.slick-active button {
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #5f5f86;
    position: relative;
    border-radius: 50%
}

.platform-section.testimonial-section .slick-dots li.slick-active button::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #1e0a52;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.work-section {
    margin-bottom: 65px
}

@media(max-width: 991px) {
    .work-section .col-lg-12.d-flex {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 20px
    }
}

@media(max-width: 575px) {
    .work-section .col-lg-12.d-flex {
        gap: 0px
    }
}

.work-section .section-title {
    color: #5a5a59;
    text-align: left
}

.work-section .section-title img {
    margin-right: 12px
}

.work-section .section-title h2 {
    font-size: 63px;
    font-weight: 500;
    color: #000;
    line-height: normal
}

@media(max-width: 1199px) {
    .work-section .section-title h2 {
        font-size: 42px
    }
}

@media(max-width: 991px) {
    .work-section .section-title h2 {
        font-size: 36px
    }
}

@media(max-width: 575px) {
    .work-section .section-title h2 {
        font-size: 24px
    }
}

@media(max-width: 991px) {
    .work-section .section-title {
        width: 100%;
        text-align: center
    }

    .work-section .section-title div {
        font-size: 18px
    }
}

@media(max-width: 575px) {
    .work-section .section-title {
        width: 100%;
        text-align: left
    }

    .work-section .section-title div {
        font-size: 14px;
        margin-bottom: 14px
    }
}

.work-section .title-content {
    max-width: 500px;
    text-align: left;
    color: #5a5a59
}

@media(max-width: 991px) {
    .work-section .title-content {
        text-align: center;
        max-width: 100%;
        justify-content: center
    }

    .work-section .title-content li {
        list-style: none
    }
}

@media(max-width: 575px) {
    .work-section .title-content {
        text-align: left;
        justify-content: start
    }
}

.work-section .row.g-4 {
    background-image: url("../images/dashed_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.work-section .row.g-4 .col-lg-3 {
    z-index: 1;
    padding: 0px 14px
}

.work-section .row.g-4 .col-lg-3 .work-card {
    padding: 32px;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    transition: all .3s ease;
    background-color: #fff
}

.work-section .row.g-4 .col-lg-3 .work-card .work-badge {
    color: #d2d2d2;
    font-size: 42px;
    line-height: 100%;
    transition: all .3s ease;
    font-family: "General Sans Medium", sans-serif
}

.work-section .row.g-4 .col-lg-3 .work-card .work-badge .work-badge-image {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    background-color: #6319ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

@media(max-width: 1199px) {
    .work-section .row.g-4 .col-lg-3 .work-card .work-badge .work-badge-image {
        height: 50px;
        width: 50px
    }
}

@media(max-width: 575px) {
    .work-section .row.g-4 .col-lg-3 .work-card .work-badge {
        font-size: 33px;
        align-items: center
    }
}

.work-section .row.g-4 .col-lg-3 .work-card h5 {
    color: #131313;
    font-size: 30px;
    line-height: 100%;
    font-family: "General Sans Medium", sans-serif;
    transition: all .3s ease
}

@media(max-width: 1199px) {
    .work-section .row.g-4 .col-lg-3 .work-card h5 {
        font-size: 26px
    }
}

.work-section .row.g-4 .col-lg-3 .work-card p {
    font-size: 16px;
    color: #5a5a59;
    line-height: 140%;
    font-family: "General Sans Regular", sans-serif;
    transition: all .3s ease;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .work-section .row.g-4 .col-lg-3 .work-card p {
        font-size: 14px
    }
}

.work-section .row.g-4 .col-lg-3 .work-card:hover,
.work-section .row.g-4 .col-lg-3 .work-card.active {
    background-color: #000
}

.work-section .row.g-4 .col-lg-3 .work-card:hover .work-badge,
.work-section .row.g-4 .col-lg-3 .work-card.active .work-badge {
    color: #5a5a59
}

.work-section .row.g-4 .col-lg-3 .work-card:hover .work-badge .work-badge-image,
.work-section .row.g-4 .col-lg-3 .work-card.active .work-badge .work-badge-image {
    background-color: #0cbb52
}

.work-section .row.g-4 .col-lg-3 .work-card:hover h5,
.work-section .row.g-4 .col-lg-3 .work-card.active h5 {
    color: #d2d2d2
}

.work-section .row.g-4 .col-lg-3 .work-card:hover p,
.work-section .row.g-4 .col-lg-3 .work-card.active p {
    color: #b3b3b3
}

@media(max-width: 991px) {
    .work-section .row.g-4 .col-lg-3 .work-card {
        height: 100%
    }
}

@media(max-width: 767px) {
    .work-section .row.g-4 .col-lg-3 .work-card {
        padding: 24px;
        border-radius: 20px
    }
}

.work-section .row.g-4 .col-lg-3:nth-of-type(even) .work-card {
    margin-top: 110px
}

@media(max-width: 991px) {
    .work-section .row.g-4 {
        background-image: none
    }

    .work-section .row.g-4 .col-lg-3:nth-of-type(even) .work-card {
        margin-top: 0;
        flex-direction: column-reverse;
        display: flex
    }
}

@media(max-width: 767px) {
    .work-section .row.g-4 {
        margin-top: -40px
    }
}

.work-section.features-benefits-section {
    margin-top: 64px
}

.work-section.features-benefits-section h2 {
    font-size: 72px;
    font-family: "General Sans Regular", sans-serif;
    font-weight: 500;
    color: #1e0a52
}

@media(max-width: 1199px) {
    .work-section.features-benefits-section h2 {
        font-size: 46px
    }
}

@media(max-width: 991px) {
    .work-section.features-benefits-section h2 {
        font-size: 42px
    }
}

@media(max-width: 575px) {
    .work-section.features-benefits-section h2 {
        font-size: 24px;
        font-family: poppins, sans-serif;
        color: #131313;
        font-weight: 500
    }
}

.work-section.features-benefits-section .title-content p {
    font-size: 18px;
    font-family: "General Sans Regular", sans-serif;
    font-weight: 400;
    color: #5f5f86
}

@media(max-width: 767px) {
    .work-section.features-benefits-section .title-content p {
        font-size: 14px
    }
}

@media(max-width: 575px) {
    .work-section.features-benefits-section .title-content p {
        font-size: 12px;
        font-family: poppins, sans-serif;
        color: #8e8e8e
    }
}

.work-section.features-benefits-section .feature-box {
    background-color: #fff;
    padding: 40px;
    border-radius: 50px;
    height: calc(100% - 24px)
}

.work-section.features-benefits-section .feature-box .feature-box-head {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px
}

.work-section.features-benefits-section .feature-box .feature-box-head .feature-img {
    min-width: 80px;
    height: 80px;
    background: linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1199px) {
    .work-section.features-benefits-section .feature-box .feature-box-head .feature-img {
        min-width: 65px;
        height: 65px
    }
}

@media(max-width: 991px) {
    .work-section.features-benefits-section .feature-box .feature-box-head .feature-img {
        min-width: 50px;
        height: 50px
    }
}

@media(max-width: 767px) {
    .work-section.features-benefits-section .feature-box .feature-box-head .feature-img {
        min-width: 48px;
        height: 48px
    }
}

.work-section.features-benefits-section .feature-box .feature-box-head h4 {
    font-size: 40px;
    font-weight: 500;
    color: #1e0a52;
    margin: 0;
    letter-spacing: -2px
}

@media(max-width: 1199px) {
    .work-section.features-benefits-section .feature-box .feature-box-head h4 {
        font-size: 26px
    }
}

@media(max-width: 991px) {
    .work-section.features-benefits-section .feature-box .feature-box-head h4 {
        font-size: 20px
    }
}

@media(max-width: 767px) {
    .work-section.features-benefits-section .feature-box .feature-box-head h4 {
        letter-spacing: normal
    }
}

@media(max-width: 991px) {
    .work-section.features-benefits-section .feature-box .feature-box-head {
        gap: 16px;
        margin-bottom: 18px
    }
}

@media(max-width: 767px) {
    .work-section.features-benefits-section .feature-box .feature-box-head {
        gap: 14px;
        margin-bottom: 16px
    }
}

.work-section.features-benefits-section .feature-box p,
.work-section.features-benefits-section .feature-box li {
    font-size: 18px;
    color: #5f5f86;
    font-family: "General Sans Regular", sans-serif;
    margin-bottom: 0
}

@media(max-width: 991px) {

    .work-section.features-benefits-section .feature-box p,
    .work-section.features-benefits-section .feature-box li {
        font-size: 16px
    }
}

@media(max-width: 575px) {

    .work-section.features-benefits-section .feature-box p,
    .work-section.features-benefits-section .feature-box li {
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .work-section.features-benefits-section .feature-box {
        padding: 30px
    }
}

@media(max-width: 575px) {
    .work-section.features-benefits-section .feature-box {
        border-radius: 22px;
        padding: 16px
    }
}

@media(max-width: 767px) {
    .work-section.features-benefits-section {
        margin-top: 40px
    }
}

@media(max-width: 767px) {
    .work-section {
        margin-bottom: 40px
    }
}

@media(max-width: 575px) {
    .work-section {
        margin-bottom: 20px
    }
}

.vision-section .vision-content {
    background: linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);
    padding: 50px 40px;
    margin-bottom: 65px;
    border-radius: 50px
}

.vision-section .vision-content .vision-tabs {
    display: flex;
    gap: 16px;
    padding: 10px 20px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    margin-bottom: 30px;
    overflow-x: auto
}

.vision-section .vision-content .vision-tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.vision-section .vision-content .vision-tabs::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #f5f5f5
}

.vision-section .vision-content .vision-tabs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #b7b7b7
}

.vision-section .vision-content .vision-tabs::-webkit-scrollbar-button:start:increment {
    height: 200px;
    display: block;
    background: rgba(0, 0, 0, 0)
}

.vision-section .vision-content .vision-tabs::-webkit-scrollbar-button:end:decrement {
    height: 200px;
    display: block;
    background: rgba(0, 0, 0, 0)
}

.vision-section .vision-content .vision-tabs .vision-tab {
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    font-family: "General Sans Medium", sans-serif;
    color: #555;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    font-size: 18px
}

.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img {
    max-width: 100%;
    max-height: 100%;
    min-width: 28px;
    min-height: 28px
}

@media(max-width: 991px) {
    .vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img {
        min-width: 16px;
        min-height: 16px
    }
}

@media(max-width: 575px) {
    .vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img {
        min-width: 14px;
        min-height: 14px
    }
}

.vision-section .vision-content .vision-tabs .vision-tab.active {
    background: linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);
    color: #fff
}

.vision-section .vision-content .vision-tabs .vision-tab.active .vision-tab-icon {
    filter: brightness(0) invert(1)
}

@media(max-width: 991px) {
    .vision-section .vision-content .vision-tabs .vision-tab {
        font-size: 16px
    }
}

@media(max-width: 991px) {
    .vision-section .vision-content .vision-tabs .vision-tab {
        gap: 6px;
        font-size: 14px;
        padding: 10px 15px
    }
}

@media(max-width: 991px) {
    .vision-section .vision-content .vision-tabs {
        gap: 8px
    }
}

.vision-section .vision-content .vision-carousel {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1)
}

.vision-section .vision-content .vision-carousel .vision-slides {
    display: flex;
    transition: transform .6s ease-in-out;
    width: 100%;
    height: 100%
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide {
    min-width: 100%;
    display: flex !important;
    justify-content: space-between;
    padding: 0px 40px;
    align-items: center;
    gap: 40px;
    margin: 20px 0
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .slick-slide {
    margin: 0 0
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2 {
    margin-bottom: 0;
    color: #1e1e2d;
    height: 66px;
    width: auto;
    background-color: #d8fa50;
    border-radius: 50px;
    font-size: 24px;
    font-family: Abyssinica SIL;
    padding: 15px 20px;
    word-wrap: break-word;
    display: inline-flex;
    align-items: center
}

@media(max-width: 767px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2 {
        min-height: 42px;
        min-width: 42px;
        padding: 0;
        justify-content: center
    }
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p {
    color: #1e0a52;
    font-size: 50px;
    font-weight: 400;
    line-height: 100%;
    font-family: Abyssinica SIL
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p span {
    color: #cccce9
}

@media(max-width: 767px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p span {
        display: block
    }
}

@media(max-width: 1199px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content {
        min-width: 350px
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2 {
        font-size: 20px;
        height: auto
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p {
        font-size: 36px
    }
}

@media(max-width: 767px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content {
        text-align: center
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content .d-flex.align-items-center.gap-4.mb-3.mb-md-5 {
        display: none !important
    }
}

@media(max-width: 575px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content {
        min-width: inherit
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2 {
        font-size: 18px
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p {
        font-size: 28px
    }
}

.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content img {
    width: auto;
    min-width: inherit
}

@media(max-width: 1199px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide img {
        max-width: 400px;
        min-width: 230px
    }
}

@media(max-width: 991px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide img {
        max-width: 160px;
        min-width: 160px
    }
}

@media(max-width: 767px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide {
        flex-direction: column-reverse;
        text-align: left;
        gap: 20px;
        padding: 0 !important
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p {
        font-size: 28px !important
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide img {
        max-width: 200px;
        margin-top: 0px
    }
}

@media(max-width: 575px) {
    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p {
        font-size: 24px
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content .generalFont {
        font-size: 16px !important
    }

    .vision-section .vision-content .vision-carousel .vision-slides .vision-slide img {
        max-width: 120px;
        min-width: 120px
    }
}

.vision-section .vision-content .vision-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    align-items: center
}

.vision-section .vision-content .vision-dots .vision-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #cccce9;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: .3s
}

.vision-section .vision-content .vision-dots .vision-dot.active {
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #5f5f86;
    position: relative
}

.vision-section .vision-content .vision-dots .vision-dot.active::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #1e0a52;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media(max-width: 991px) {
    .vision-section .vision-content {
        padding: 32px 30px;
        margin-bottom: 42px
    }

    .vision-section .vision-content .vision-slide img {
        width: 200px;
        margin-top: 20px
    }

    .vision-section .vision-content .vision-slide-content img {
        width: auto;
        margin-top: 0 !important
    }
}

@media(max-width: 767px) {
    .vision-section .vision-content {
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .vision-section .vision-content {
        padding: 20px 15px;
        border-radius: 22px
    }

    .vision-section .vision-content .vision-tabs {
        padding: 10px 15px
    }

    .vision-section .vision-content .vision-tabs .vision-tab {
        padding: 8px 12px;
        font-size: 14px
    }

    .vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon {
        height: 12px;
        width: 12px
    }

    .vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon.active {
        height: 24px;
        width: 24px
    }

    .vision-section .vision-content.feature-boxs {
        margin-top: -40px
    }
}

.quote-section .section-title h2 {
    max-width: 478px;
    font-size: 44px;
    font-weight: 500;
    line-height: 100%
}

@media(max-width: 1199px) {
    .quote-section .section-title h2 {
        font-size: 32px
    }
}

@media(max-width: 991px) {
    .quote-section .section-title h2 {
        font-size: 26px
    }
}

@media(max-width: 575px) {
    .quote-section .section-title h2 {
        font-size: 24px
    }
}

.quote-section .title-content {
    text-align: right;
    gap: 40px;
    justify-content: space-between;
    max-width: none
}

.quote-section .title-content span {
    font-size: 16px;
    color: #7e7e7e;
    white-space: nowrap;
    margin-bottom: 12px;
    display: block
}

@media(max-width: 1199px) {
    .quote-section .title-content span {
        font-size: 14px
    }
}

.quote-section .title-content a {
    font-size: 23px;
    white-space: nowrap;
    color: #000;
    text-decoration: none
}

@media(max-width: 1199px) {
    .quote-section .title-content a {
        font-size: 16px
    }
}

@media(max-width: 991px) {
    .quote-section .title-content {
        width: 100%;
        text-align: center
    }
}

@media(max-width: 480px) {
    .quote-section .title-content {
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .quote-section {
        margin-bottom: 0px
    }

    .quote-section .row {
        margin-bottom: 0 !important
    }
}

.footer {
    padding: 80px 0 30px;
    position: relative
}

.footer h5 {
    margin-bottom: 14px;
    font-size: 20px;
    font-family: "General Sans Medium", sans-serif
}

.footer p {
    font-size: 16px;
    font-family: "General Sans Regular", sans-serif;
    margin-bottom: 24px;
    max-width: 300px
}

.footer .footer-email {
    position: relative;
    max-width: 375px
}

.footer .footer-email img {
    height: 42px;
    width: 42px;
    margin-right: 12px;
    padding: 10px;
    border-radius: 50px;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 8px
}

.footer .footer-email input {
    padding: 12px 60px;
    background-color: #f9faff;
    min-height: 58px;
    border-radius: 50px
}

.footer .footer-email input::-moz-placeholder {
    color: #5f5f86;
    font-family: Abyssinica SIL
}

.footer .footer-email input::placeholder {
    color: #5f5f86;
    font-family: Abyssinica SIL
}

.footer .footer-email button {
    padding: 16px 24px;
    background: linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);
    border-radius: 24px;
    font-family: Abyssinica SIL;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
    max-height: 48px;
    line-height: 15px
}

.footer ul {
    padding-left: 0px
}

.footer ul li {
    margin-bottom: 20px;
    list-style: none
}

.footer ul li a {
    padding-left: 20px;
    position: relative;
    transition: all .3s ease;
    font-size: 1rem;
    text-decoration: none;
    font-size: 16px;
    color: #777;
    font-family: Abyssinica SIL
}

.footer ul li a::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #777;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease
}

.footer ul li a:hover {
    color: #6319ff
}

.footer ul li a:hover::before {
    background-color: #6319ff
}

.footer ul li:last-child {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .footer ul li {
        margin-bottom: 8px
    }
}

.footer img.footer-logo.me-4 {
    filter: brightness(0)
}

@media(max-width: 575px) {
    .footer img.footer-logo.me-4 {
        max-width: 100px;
        margin-right: 12px !important
    }

    .footer img.footer-logo.me-4+p {
        font-size: 14px
    }

    .footer img.footer-logo.me-4+p br {
        display: none
    }
}

.footer .footer-bottom {
    border-top: 1px solid #cccce9;
    margin-top: 50px;
    padding-top: 50px;
    text-align: center
}

.footer .footer-bottom p {
    margin: 0;
    max-width: none;
    color: #5f5f86;
    font-family: "poppins", sans-serif
}

@media(max-width: 767px) {
    .footer .footer-bottom p {
        font-size: 14px;
        margin-bottom: 12px
    }
}

.footer .footer-bottom a {
    width: 40px;
    height: 40px;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s all
}

.footer .footer-bottom a img {
    transition: .3s all
}

.footer .footer-bottom a:hover {
    background-color: #6319ff
}

.footer .footer-bottom a:hover img {
    filter: brightness(0) invert(1)
}

.footer .quote-section {
    justify-content: space-between
}

@media(max-width: 991px) {
    .footer .quote-section {
        flex-direction: column
    }
}

@media(max-width: 575px) {
    .footer .quote-section .d-flex {
        flex-direction: column;
        gap: 16px;
        text-align: left;
        justify-content: flex-start;
        width: 100%;
        align-items: flex-start !important
    }
}

@media(max-width: 767px) {
    .footer {
        text-align: left;
        padding-top: 30px
    }

    .footer .footer-brand,
    .footer .footer-description,
    .footer .footer-social {
        margin-bottom: 2rem
    }

    .footer .footer-links {
        margin-bottom: 2rem
    }

    .footer .footer-bottom {
        margin-top: 30px;
        padding-top: 30px
    }
}

@media(max-width: 575px) {
    .footer .footer-bottom {
        align-items: self-start !important;
        text-align: left
    }
}

.slider .slick-dots {
    position: absolute;
    right: -24px;
    display: block;
    left: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    transform: rotate(90deg);
    margin: auto;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    top: 0;
    width: auto
}

.slider .slick-dots li {
    margin: 0
}

.slider .slick-dots li button:before {
    content: "";
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #cccce9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease;
    opacity: 1;
    right: 0
}

.slider .slick-dots li.slick-active button {
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #5f5f86;
    position: relative;
    border-radius: 50%
}

.slider .slick-dots li.slick-active button::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #1e0a52;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media(max-width: 767px) {
    .slider .slick-dots {
        width: 100%;
        top: auto;
        right: auto;
        left: auto;
        transform: inherit;
        bottom: -25px
    }
}

.slider .slick-prev,
.slider .slick-next {
    transform: rotate(90deg);
    right: 10px
}

.slider .slick-prev::before,
.slider .slick-next::before {
    color: #000
}

.code-tool-section .code-tool-content {
    display: flex;
    gap: 24px;
    flex-wrap: wrap
}

.code-tool-section .code-tool-content .code-box {
    padding: 32px 45px;
    border: 1px solid #d2d2d2;
    background-color: #fbfbfb;
    border-radius: 42px;
    width: calc(25% - 18px)
}

.code-tool-section .code-tool-content .code-box div {
    box-shadow: -20px 23px 118px 0px rgba(1, 1, 1, .0588235294);
    padding: 26px;
    background-color: #fff;
    border-radius: 50%;
    max-height: 112px;
    max-width: 112px;
    margin: auto
}

.code-tool-section .code-tool-content .code-box div img {
    max-width: 100%
}

@media(max-width: 1199px) {
    .code-tool-section .code-tool-content .code-box div {
        max-height: 90px;
        max-width: 90px
    }
}

@media(max-width: 991px) {
    .code-tool-section .code-tool-content .code-box div {
        max-height: 78px;
        max-width: 78px;
        padding: 14px
    }
}

.code-tool-section .code-tool-content .code-box p {
    margin-top: 18px;
    font-size: 30px;
    font-family: "General Sans Regular", sans-serif
}

@media(max-width: 1199px) {
    .code-tool-section .code-tool-content .code-box p {
        font-size: 22px
    }
}

@media(max-width: 991px) {
    .code-tool-section .code-tool-content .code-box p {
        font-size: 18px
    }
}

@media(max-width: 1199px) {
    .code-tool-section .code-tool-content .code-box {
        padding: 32px
    }
}

@media(max-width: 1199px)and (max-width: 991px) {
    .code-tool-section .code-tool-content .code-box {
        padding: 17px;
        border-radius: 20px
    }
}

@media(max-width: 767px) {
    .code-tool-section .code-tool-content .code-box {
        width: calc(50% - 12px)
    }
}

@media(max-width: 575px) {
    .code-tool-section .code-tool-content .code-box {
        width: calc(50% - 9px)
    }
}

@media(max-width: 575px) {
    .code-tool-section .code-tool-content {
        gap: 18px
    }
}

.code-tool-section .code-tool-content.five-grid .code-box {
    width: calc(20% - 19.5px);
    padding: 32px 25px
}

.code-tool-section .code-tool-content.five-grid .code-box p {
    font-size: 22px
}

@media(max-width: 1199px) {
    .code-tool-section .code-tool-content.five-grid .code-box p {
        font-size: 18px
    }
}

@media(max-width: 991px) {
    .code-tool-section .code-tool-content.five-grid .code-box p {
        font-size: 16px
    }
}

@media(max-width: 1199px) {
    .code-tool-section .code-tool-content.five-grid .code-box {
        padding: 32px 20px
    }
}

@media(max-width: 991px) {
    .code-tool-section .code-tool-content.five-grid .code-box {
        width: calc(25% - 18px)
    }
}

@media(max-width: 767px) {
    .code-tool-section .code-tool-content.five-grid .code-box {
        width: calc(50% - 12px)
    }
}

@media(max-width: 575px) {
    .code-tool-section .code-tool-content.five-grid .code-box {
        width: calc(50% - 9px)
    }
}

.feedback-section {
    background: #f3f4ff;
    padding: 100px 70px;
    position: relative
}

.feedback-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/pattern.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.feedback-section .feedback-inner {
    position: relative
}

.feedback-section .feedback-content-top {
    font-family: "General Sans Regular", sans-serif;
    font-size: 16px;
    color: #5a5a59
}

@media(max-width: 575px) {
    .feedback-section .feedback-content-top {
        font-size: 14px;
        margin-bottom: 16px !important
    }

    .feedback-section .feedback-content-top img {
        max-width: 34px;
        height: auto
    }
}

.feedback-section .section-title {
    font-family: "General Sans Medium", sans-serif;
    font-size: 72px;
    color: #131313;
    letter-spacing: -3px;
    margin-bottom: 32px;
    text-transform: capitalize
}

@media(max-width: 1199px) {
    .feedback-section .section-title {
        font-size: 52px
    }
}

@media(max-width: 767px) {
    .feedback-section .section-title {
        letter-spacing: normal
    }
}

@media(max-width: 575px) {
    .feedback-section .section-title {
        font-size: 24px !important;
        margin-bottom: 12px !important
    }
}

.feedback-section .section-subtitle {
    font-family: "General Sans Regular", sans-serif;
    font-size: 18px;
    color: #131313;
    line-height: 140%;
    font-weight: 400
}

@media(max-width: 575px) {
    .feedback-section .section-subtitle {
        font-size: 12px !important;
        margin-bottom: 20px !important;
        color: #8e8e8e
    }
}

.feedback-section .feedback-content-bottom img {
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid #d2d2d2;
    max-height: 50px
}

.feedback-section .feedback-content-bottom h4 {
    font-family: "General Sans Semibold", sans-serif;
    font-size: 20px;
    color: #131313;
    font-weight: 600
}

.feedback-section .feedback-content-bottom p {
    font-family: "General Sans Medium", sans-serif;
    font-size: 12px;
    color: #131313
}

@media(max-width: 575px) {
    .feedback-section .feedback-content-bottom h4 {
        font-size: 13px
    }

    .feedback-section .feedback-content-bottom p {
        font-size: 8px
    }

    .feedback-section .feedback-content-bottom .d-flex {
        margin-right: auto
    }
}

@media(max-width: 767px) {
    .feedback-section {
        padding: 40px 30px
    }
}

@media(max-width: 575px) {
    .feedback-section {
        padding: 25px 20px
    }

    .feedback-section .container {
        padding: 0
    }
}

.typography-section {
    margin-bottom: 65px;
    margin-top: 65px;
    background-color: #131313;
    padding: 64px
}

.typography-section .typography-content h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 32px;
    font-family: "General Sans Medium", sans-serif
}

@media(max-width: 991px) {
    .typography-section .typography-content h3 {
        font-size: 36px !important;
        margin-bottom: 22px
    }
}

@media(max-width: 575px) {
    .typography-section .typography-content h3 {
        font-size: 22px !important;
        margin-bottom: 16px
    }
}

.typography-section .typography-content .typography-info {
    margin-bottom: 64px;
    gap: 16px
}

.typography-section .typography-content .typography-info .typography-item {
    flex: 1;
    color: #b3b3b3;
    font-size: 20px;
    font-weight: 400;
    font-family: "General Sans Regular", sans-serif;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .typography-section .typography-content .typography-info .typography-item {
        font-size: 16px
    }
}

@media(max-width: 991px) {
    .typography-section .typography-content .typography-info {
        margin-bottom: 42px
    }
}

@media(max-width: 767px) {
    .typography-section .typography-content .typography-info {
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 30px
    }

    .typography-section .typography-content .typography-info .typography-item {
        font-size: 14px
    }
}

.typography-section h2 {
    font-size: 60px;
    line-height: 83px;
    letter-spacing: -1px;
    margin-bottom: 20px
}

@media(max-width: 1199px) {
    .typography-section h2 {
        font-size: 46px;
        line-height: 65px
    }
}

@media(max-width: 1199px) {
    .typography-section h2 {
        font-size: 38px;
        line-height: 54px
    }
}

@media(max-width: 767px) {
    .typography-section h2 {
        font-size: 28px;
        line-height: 54px
    }
}

.typography-section .color-box {
    border-radius: 25px;
    height: 317px;
    width: 100%;
    position: relative
}

.typography-section .color-box span.color-box-top {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    font-size: 12px
}

.typography-section .color-box span.color-box-bottom {
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 12px;
    right: 24px
}

.typography-section .color-box.orange {
    background-color: #ff704d
}

.typography-section .color-box.secondary {
    background-color: #e2e2e2;
    height: 150px
}

@media(max-width: 767px) {
    .typography-section .color-box {
        border-radius: 20px
    }
}

.typography-section .typography-pixels {
    margin-bottom: 64px
}

.typography-section .typography-pixels .typography-px {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2e3236;
    padding-bottom: 14px;
    margin-bottom: 14px
}

.typography-section .typography-pixels .typography-px span {
    font-size: 20px;
    color: #9b9187
}

@media(max-width: 991px) {
    .typography-section .typography-pixels .typography-px span {
        font-size: 16px
    }
}

.typography-section .typography-pixels .typography-output {
    font-size: 74px;
    line-height: 83px;
    letter-spacing: -1px;
    color: #fff
}

@media(max-width: 991px) {
    .typography-section .typography-pixels .typography-output {
        font-size: 48px;
        line-height: 54px
    }
}

@media(max-width: 767px) {
    .typography-section .typography-pixels .typography-output {
        font-size: 37px;
        line-height: 32px
    }
}

.typography-section .typography-pixels .typography-logo-text {
    font-size: 36px;
    line-height: 83px;
    letter-spacing: -1px;
    color: #fff
}

@media(max-width: 991px) {
    .typography-section .typography-pixels .typography-logo-text {
        font-size: 28px;
        line-height: 46px
    }
}

@media(max-width: 767px) {
    .typography-section .typography-pixels .typography-logo-text {
        font-size: 24px;
        line-height: 42px
    }
}

.typography-section .typography-pixels .typography-body-text {
    color: #fff;
    font-size: 20px;
    line-height: 54px;
    letter-spacing: -1px
}

@media(max-width: 991px) {
    .typography-section .typography-pixels .typography-body-text {
        font-size: 16px;
        line-height: 24px
    }
}

@media(max-width: 991px) {
    .typography-section .typography-pixels {
        margin-bottom: 42px
    }
}

@media(max-width: 767px) {
    .typography-section .typography-pixels {
        margin-bottom: 30px
    }
}

@media(max-width: 991px) {
    .typography-section {
        padding: 42px;
        margin-bottom: 45px;
        margin-top: 45px
    }
}

@media(max-width: 767px) {
    .typography-section {
        padding: 32px;
        margin-bottom: 30px;
        margin-top: 30px
    }
}

@media(max-width: 575px) {
    .typography-section {
        padding: 30px 10px;
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.hero-section.contact-section {
    margin-bottom: 64px
}

.hero-section.contact-section .btn-schedule {
    font-family: "General Sans Medium", sans-serif
}

.hero-section.contact-section .hero-content>div {
    color: #5a5a59;
    font-family: "General Sans Regular", sans-serif;
    display: flex;
    align-items: center
}

.hero-section.contact-section .hero-content>div img {
    margin-right: 12px
}

.hero-section.contact-section .hero-content .hero-title {
    color: #131313;
    font-family: "General Sans Medium", sans-serif;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .hero-section.contact-section .hero-content .hero-title {
        text-align: center;
        font-size: 42px;
        padding: 0px 10px
    }
}

.hero-section.contact-section .contact-form .form-group label {
    color: #131313;
    font-family: "General Sans Medium", sans-serif;
    margin-bottom: 5px
}

@media(max-width: 767px) {
    .hero-section.contact-section .contact-form .form-group label {
        font-size: 14px
    }
}

.hero-section.contact-section .contact-form .form-group .form-control {
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}

.hero-section.contact-section .contact-form .form-group .form-control::-moz-placeholder {
    color: #b3b3b3;
    font-size: 14px;
    font-family: "General Sans Medium", sans-serif;
    font-weight: 500
}

.hero-section.contact-section .contact-form .form-group .form-control::placeholder {
    color: #b3b3b3;
    font-size: 14px;
    font-family: "General Sans Medium", sans-serif;
    font-weight: 500
}

.hero-section.contact-section .contact-form .form-group .form-control:focus {
    border-bottom: 2px solid #6319ff
}

.hero-section.contact-section .contact-form .form-group .form-control:focus::-moz-placeholder {
    color: #6319ff
}

.hero-section.contact-section .contact-form .form-group .form-control:focus::placeholder {
    color: #6319ff
}

.hero-section.contact-section .contact-form .form-group .form-control.textarea {
    border: 1px solid #e2e8f0;
    padding: 20px;
    border-radius: 16px;
    resize: none
}

.hero-section.contact-section .contact-form .form-group .form-control.textarea:focus {
    border: 2px solid #6319ff;
    box-shadow: none
}

.hero-section.contact-section .contact-form .form-group .form-check {
    display: inline-flex;
    position: relative;
    padding: 0
}

.hero-section.contact-section .contact-form .form-group .form-check .form-check-input {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    border-radius: 0;
    opacity: 0;
    margin: 0
}

.hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label {
    font-size: 14px;
    padding: 15px 24px;
    border: 2px solid #e2e8f0;
    border-radius: 60px;
    font-family: "General Sans Medium", sans-serif;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label {
        font-size: 13px;
        padding: 10px 16px
    }
}

@media(max-width: 767px) {
    .hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label {
        font-size: 12px;
        padding: 8px 12px
    }
}

.hero-section.contact-section .contact-form .form-group .form-check .form-check-input:checked+.form-check-label {
    border: 2px solid #6319ff;
    padding-right: 35px
}

.hero-section.contact-section .contact-form .form-group .form-check .form-check-input:checked+.form-check-label::after {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    background: currentColor;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 22px
}

@media(max-width: 1199px) {
    .hero-section.contact-section {
        margin-bottom: 45px;
        padding-top: 50px
    }
}

@media(max-width: 575px) {
    .hero-section.contact-section {
        margin-bottom: 30px
    }
}

.contact-map-section {
    background-color: #131313
}

.contact-map-section img {
    width: 100%
}

.contact-map-section .mapouter {
    margin-top: -440px
}

.contact-map-section .mapouter iframe {
    height: 647px;
    border-radius: 20px
}

@media(max-width: 1199px) {
    .contact-map-section .mapouter iframe {
        height: 550px
    }
}

@media(max-width: 991px) {
    .contact-map-section .mapouter iframe {
        height: 400px
    }
}

@media(max-width: 767px) {
    .contact-map-section .mapouter iframe {
        height: 300px
    }
}

@media(max-width: 575px) {
    .contact-map-section .mapouter iframe {
        height: 200px
    }
}

@media(max-width: 1199px) {
    .contact-map-section .mapouter {
        margin-top: -340px
    }
}

@media(max-width: 991px) {
    .contact-map-section .mapouter {
        margin-top: -280px
    }
}

@media(max-width: 767px) {
    .contact-map-section .mapouter {
        margin-top: -220px
    }
}

@media(max-width: 575px) {
    .contact-map-section .mapouter {
        margin-top: -120px
    }
}

.what-we-do-section {
    padding: 64px 0;
    margin-bottom: 0
}

.what-we-do-section.work-section {
    background-color: #131313
}

.what-we-do-section.work-section .section-title {
    color: #d2d2d2
}

@media(max-width: 575px) {
    .what-we-do-section.work-section .section-title img {
        height: 32px;
        width: auto;
        margin-right: 8px
    }
}

.what-we-do-section.work-section h2 {
    line-height: 100%;
    color: #fff;
    margin-top: 12px
}

@media(max-width: 575px) {
    .what-we-do-section.work-section h2 {
        font-size: 42px;
        margin-bottom: 24px
    }
}

.what-we-do-section.work-section .title-content {
    color: #b3b3b3
}

.what-we-do-section.work-section .accordion {
    margin-top: 64px
}

.what-we-do-section.work-section .accordion .accordion-item {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: #fffefd;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button {
    background-color: rgba(0, 0, 0, 0);
    color: #fffefd;
    justify-content: space-between
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button>div {
    color: #b3b3b3
}

@media(max-width: 767px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-header button>div.d-flex {
        width: 100%;
        justify-content: space-between;
        padding-left: 15px
    }
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button p {
    margin-bottom: 0;
    color: #6319ff;
    min-width: 680px;
    font-size: 30px;
    font-family: "General Sans Medium", sans-serif
}

@media(max-width: 991px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-header button p {
        font-size: 24px;
        min-width: 420px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-header button p {
        font-size: 18px;
        min-width: inherit
    }
}

@media(max-width: 767px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-header button p {
        font-size: 15px
    }
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button::after {
    display: none
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed img {
    transform: rotate(90deg);
    filter: brightness(0.5) invert(0.5)
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed>div {
    color: #5a5a59
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed p {
    color: #fff
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-collapse.collapse.show .accordion-body {
    border-bottom: 2px solid #6600f7;
    margin-bottom: -2px
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-body {
    padding: 5px
}

.what-we-do-section.work-section .accordion .accordion-item .accordion-body p {
    max-width: 610px;
    margin-left: auto;
    margin-right: 100px;
    font-family: "General Sans Regular", sans-serif;
    color: #f6f6f6
}

@media(max-width: 991px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-body p {
        max-width: 400px;
        margin-right: 50px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-body p {
        font-size: 14px;
        max-width: 410px
    }
}

@media(max-width: 575px) {
    .what-we-do-section.work-section .accordion .accordion-item .accordion-body p {
        padding-left: 45px;
        max-width: inherit
    }
}

@media(max-width: 991px) {
    .what-we-do-section.work-section .accordion {
        margin-top: 45px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.work-section .accordion {
        margin-top: 30px
    }
}

.what-we-do-section.staff-section h2 {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto
}

.what-we-do-section.staff-section .col-lg-12 {
    margin-bottom: 64px
}

@media(max-width: 1199px) {
    .what-we-do-section.staff-section .col-lg-12 {
        margin-bottom: 45px
    }
}

@media(max-width: 575px) {
    .what-we-do-section.staff-section .col-lg-12 {
        margin-bottom: 30px
    }
}

.what-we-do-section.staff-section .staff-content img {
    width: 410px;
    height: 500px;
    border-radius: 42px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 1199px) {
    .what-we-do-section.staff-section .staff-content img {
        height: 410px;
        border-radius: 30px
    }
}

@media(max-width: 991px) {
    .what-we-do-section.staff-section .staff-content img {
        height: 300px;
        border-radius: 20px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.staff-section .staff-content img {
        height: 500px;
        width: 100%;
        border-radius: 20px
    }
}

@media(max-width: 575px) {
    .what-we-do-section.staff-section .staff-content img {
        width: 100%;
        height: 500px
    }
}

.what-we-do-section.staff-section .staff-content h4 {
    font-size: 38px;
    font-family: "General Sans Medium", sans-serif;
    color: #d2d2d2;
    margin-top: 24px
}

@media(max-width: 991px) {
    .what-we-do-section.staff-section .staff-content h4 {
        font-size: 36px;
        margin-top: 20px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.staff-section .staff-content h4 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 0
    }
}

.what-we-do-section.staff-section .staff-content ul {
    padding-left: 20px
}

.what-we-do-section.staff-section .staff-content ul li {
    font-size: 20px;
    color: #b3b3b3;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .what-we-do-section.staff-section .staff-content ul li {
        font-size: 16px
    }
}

@media(max-width: 767px) {
    .what-we-do-section.staff-section .staff-content ul li {
        font-size: 14px
    }
}

@media(max-width: 575px) {
    .what-we-do-section.staff-section {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(max-width: 1199px) {
    .what-we-do-section {
        padding: 45px 0
    }
}

@media(max-width: 575px) {
    .what-we-do-section {
        padding: 30px 0
    }
}

.logo-section {
    margin: 64px 0 40px
}

.logo-section h3 {
    font-size: 30px;
    font-family: "General Sans Medium", sans-serif;
    margin-bottom: 42px
}

@media(max-width: 575px) {
    .logo-section h3 {
        font-size: 24px
    }
}

@media(max-width: 575px) {
    .logo-section .slick-list .slick-track {
        display: flex;
        align-items: center
    }
}

.logo-section .slick-list .slick-slide {
    margin: 0px 8px
}

.logo-section .slick-list .slick-slide img {
    max-width: 100%
}

@media(max-width: 575px) {
    .logo-section .slick-list .slick-slide {
        margin: 0px 15px
    }
}

.logo-section .slick-list::after,
.logo-section .slick-list::before {
    content: "";
    background: linear-gradient(90deg, #ffffff 28.42%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0
}

@media(max-width: 575px) {

    .logo-section .slick-list::after,
    .logo-section .slick-list::before {
        width: 60px
    }
}

.logo-section .slick-list::before {
    left: auto;
    right: 0;
    background: linear-gradient(270deg, #ffffff 28.42%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 1199px) {
    .logo-section {
        margin: 45px 0 20px
    }
}

@media(max-width: 575px) {
    .logo-section {
        margin: 30px 0 10px
    }
}

.modal .modal-content {
    border-radius: 50px
}

@media(max-width: 1199px) {
    .modal .modal-content {
        border-radius: 30px
    }
}

@media(max-width: 767px) {
    .modal .modal-content {
        border-radius: 20px
    }
}

.modal .modal-header {
    display: block;
    text-align: center;
    padding: 80px 80px 35px;
    border: 0
}

@media(max-width: 1199px) {
    .modal .modal-header {
        padding: 60px 40px 25px
    }
}

@media(max-width: 767px) {
    .modal .modal-header {
        padding: 40px 20px 20px
    }
}

@media(max-width: 575px) {
    .modal .modal-header {
        padding: 30px 15px 15px
    }
}

.modal .modal-header h1 {
    font-size: 63px;
    margin-bottom: 26px;
    color: #000;
    line-height: normal
}

@media(max-width: 1199px) {
    .modal .modal-header h1 {
        font-size: 48px;
        margin-bottom: 20px;
        line-height: 45px
    }
}

@media(max-width: 767px) {
    .modal .modal-header h1 {
        font-size: 36px;
        margin-bottom: 16px
    }
}

@media(max-width: 575px) {
    .modal .modal-header h1 {
        font-size: 28px;
        margin-bottom: 12px;
        line-height: 32px
    }
}

.modal .modal-header p {
    font-size: 18px;
    color: #5a5a59;
    max-width: 668px;
    margin: auto
}

@media(max-width: 1199px) {
    .modal .modal-header p {
        font-size: 16px;
        max-width: 100%
    }
}

@media(max-width: 767px) {
    .modal .modal-header p {
        font-size: 14px
    }
}

@media(max-width: 575px) {
    .modal .modal-header p {
        font-size: 12px
    }
}

.modal .modal-header .btn-close {
    position: absolute;
    top: 38px;
    right: 38px;
    border: 1px solid;
    border-radius: 50%;
    opacity: 1
}

@media(max-width: 1199px) {
    .modal .modal-header .btn-close {
        top: 30px;
        right: 30px
    }
}

@media(max-width: 767px) {
    .modal .modal-header .btn-close {
        top: 20px;
        right: 20px;
        border: 0
    }
}

@media(max-width: 575px) {
    .modal .modal-header .btn-close {
        top: 15px;
        right: 15px
    }
}

.modal .modal-body {
    padding: 80px;
    padding-top: 0
}

@media(max-width: 1199px) {
    .modal .modal-body {
        padding: 0 60px 40px
    }
}

@media(max-width: 767px) {
    .modal .modal-body {
        padding: 0 40px 30px
    }
}

@media(max-width: 575px) {
    .modal .modal-body {
        padding: 0 20px 20px
    }
}

.modal .modal-body .mb-4 {
    margin-bottom: 32px
}

@media(max-width: 767px) {
    .modal .modal-body .mb-4 {
        margin-bottom: 24px !important
    }
}

@media(max-width: 575px) {
    .modal .modal-body .mb-4 {
        margin-bottom: 16px !important
    }
}

.modal label {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #1e0a52;
    margin-bottom: 14px
}

@media(max-width: 1199px) {
    .modal label {
        font-size: 16px
    }
}

@media(max-width: 767px) {
    .modal label {
        font-size: 14px
    }
}

@media(max-width: 575px) {
    .modal label {
        font-size: 12px
    }
}

.modal input,
.modal textarea {
    padding: 24px 32px;
    color: #7a7782;
    font-size: 18px;
    border-radius: 20px
}

@media(max-width: 1199px) {

    .modal input,
    .modal textarea {
        font-size: 16px;
        padding: 16px 24px
    }
}

@media(max-width: 767px) {

    .modal input,
    .modal textarea {
        font-size: 14px
    }
}

@media(max-width: 575px) {

    .modal input,
    .modal textarea {
        font-size: 12px
    }
}

@media(max-width: 991px) {
    .navbar-collapse {
        padding: 1rem 0
    }

    .navbar-collapse .nav-link {
        padding: .75rem 0;
        font-size: 1.1rem
    }

    .btn-consultation {
        display: block;
        margin-top: 1rem
    }
}
=======
@font-face{font-family:"General Sans Regular";font-style:normal;font-weight:normal;src:local("General Sans Regular"),url("../fonts/GeneralSans-Regular.otf")}@font-face{font-family:"General Sans Italic";font-style:normal;font-weight:normal;src:local("General Sans Italic"),url("../fonts/GeneralSans-Italic.otf")}@font-face{font-family:"General Sans Extralight";font-style:normal;font-weight:normal;src:local("General Sans Extralight"),url("../fonts/GeneralSans-Extralight.otf")}@font-face{font-family:"General Sans Extralight Italic";font-style:normal;font-weight:normal;src:local("General Sans Extralight Italic"),url("../fonts/GeneralSans-ExtralightItalic.otf")}@font-face{font-family:"General Sans Light";font-style:normal;font-weight:normal;src:local("General Sans Light"),url("../fonts/GeneralSans-Light.otf")}@font-face{font-family:"General Sans Light Italic";font-style:normal;font-weight:normal;src:local("General Sans Light Italic"),url("../fonts/GeneralSans-LightItalic.otf")}@font-face{font-family:"General Sans Medium";font-style:normal;font-weight:normal;src:local("General Sans Medium"),url("../fonts/GeneralSans-Medium.otf")}@font-face{font-family:"General Sans Medium Italic";font-style:normal;font-weight:normal;src:local("General Sans Medium Italic"),url("../fonts/GeneralSans-MediumItalic.otf")}@font-face{font-family:"General Sans Semibold";font-style:normal;font-weight:normal;src:local("General Sans Semibold"),url("../fonts/GeneralSans-Semibold.otf")}@font-face{font-family:"General Sans Semibold Italic";font-style:normal;font-weight:normal;src:local("General Sans Semibold Italic"),url("../fonts/GeneralSans-SemiboldItalic.otf")}@font-face{font-family:"General Sans Bold";font-style:normal;font-weight:normal;src:local("General Sans Bold"),url("../fonts/GeneralSans-Bold.otf")}@font-face{font-family:"General Sans Bold Italic";font-style:normal;font-weight:normal;src:local("General Sans Bold Italic"),url("../fonts/GeneralSans-BoldItalic.otf")}body{font-family:"Poppins",sans-serif;line-height:1.6;color:#1e293b;overflow-x:hidden}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}body::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#b7b7b7}input,button,a{outline:none !important;box-shadow:none !important}input:focus,button:focus,a:focus{outline:none;box-shadow:none}.generalFont{font-family:"General Sans Regular",sans-serif !important}.navbar{background:rgba(255,255,255,.65) !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;padding:1rem 0;position:relative;z-index:11}.navbar.scrolled{padding:.5rem 0;box-shadow:0 4px 20px rgba(0,0,0,.08)}.navbar .navbar-brand{font-size:1.75rem;font-weight:800;color:#6319ff !important;letter-spacing:-0.5px}.navbar .navbar-nav .nav-link{border:none;color:#5a5a59;font-weight:400;padding:13px 20px;border-radius:35px;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #fff3ed;margin:0px 5px}.navbar .navbar-nav .nav-link::after{content:"";height:5px;width:0;border-radius:50%;background-color:rgba(0,0,0,0);position:absolute;top:0;bottom:0;margin:auto;right:20px}.navbar .navbar-nav .nav-link::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:radial-gradient(circle, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.navbar .navbar-nav .nav-link:hover{color:#6319ff;border-color:#6319ff;background-color:rgba(99,25,255,.1)}.navbar .navbar-nav .nav-link.active{background:radial-gradient(circle, #844aff, #6015ff);box-shadow:0 8px 25px rgba(99,102,241,.4);border:1px solid #844aff;color:#fff;transition:all .3s ease;padding-right:30px}.navbar .navbar-nav .nav-link.active::after{background-color:#fff;width:5px}.navbar .navbar-nav .nav-link.active::before{left:100%}@media(max-width: 1199px){.navbar .navbar-nav .nav-link{font-size:14px;padding:13px 17px}}.navbar .navbar-toggler{outline:none;box-shadow:none;height:42px;width:42px;border-radius:50%;align-items:center;justify-content:center;padding:11px;background-color:#fff3ed;border:0}@media(max-width: 991px){.navbar .navbar-toggler{display:flex}}@media(max-width: 991px){.navbar .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;display:block !important;position:fixed;background:#f6f6fe;bottom:0;top:0;right:auto;left:0;width:320px;min-height:100svh !important;transition:.3s cubic-bezier(0.39, 0.58, 0.57, 1);box-shadow:1px 0 15px 0 rgba(19,19,19,.2);padding-left:20px}.navbar .collapse:not(.show){left:-350px}}.btn-consultation{background:#fff3ed;border:none;color:#131313;font-weight:400;padding:.75rem 1.5rem;border-radius:30px;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0);font-family:"General Sans Medium",sans-serif}.btn-consultation::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:radial-gradient(circle, transparent, rgba(56, 53, 53, 0.1), transparent);transition:left .5s ease}.btn-consultation:hover{border:1px solid #131313}.btn-consultation:hover::before{left:100%}@media(max-width: 1199px){.btn-consultation{font-size:14px;padding:.75rem 1rem}}@media(max-width: 575px){.btn-consultation{width:100%;padding:.75rem 1rem}}.hero-section{background-image:url("../images/pattern.png");background-repeat:repeat;background-size:contain;color:#131313;padding:100px 0 100px;position:relative;overflow:hidden}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%)}.hero-section .hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:15px}@media(max-width: 767px){.hero-section .hero-content{flex-direction:column;text-align:left}}.hero-section .hero-title{font-size:clamp(44px,5vw,68px);font-weight:400;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1px;width:50%}@media(max-width: 1199px){.hero-section .hero-title{font-size:2.7rem}}@media(max-width: 991px){.hero-section .hero-title{font-size:2.2rem;min-width:320px}}@media(max-width: 767px){.hero-section .hero-title{width:100%;margin-bottom:0}}@media(max-width: 575px){.hero-section .hero-title{font-size:24px;word-break:break-word;min-width:inherit}}.hero-section .hero-description{width:50%}@media(max-width: 991px){.hero-section .hero-description{font-size:1rem !important}}@media(max-width: 767px){.hero-section .hero-description{width:100%}}@media(max-width: 575px){.hero-section .hero-description{font-size:12px !important}}.hero-section .hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.95;font-weight:500}@media(max-width: 991px){.hero-section{padding:100px 0 60px;background-repeat:repeat;background-size:contain}}@media(max-width: 767px){.hero-section{display:flex;flex-direction:column-reverse;padding-top:0}.hero-section .hero-img-section{padding-top:30px;padding-bottom:30px}.hero-section .hero-img-section::before{display:none}}.hero-img-section{position:relative;padding-bottom:60px;padding-top:60px}.hero-img-section::before{content:"";position:absolute;top:auto;height:60%;left:0;right:0;bottom:0;background:#fff3ed}.hero-img-section img{max-width:100%}.stats-section{background:#fff;padding:80px 0;position:relative;z-index:3}.stats-section #counter{display:flex;list-style:none;justify-content:space-between;align-items:center;background-repeat:repeat-x;background-position:20px 100%;background-size:contain;margin-bottom:24px}.stats-section #counter li{width:20%;text-align:center;position:relative;border-bottom:1px solid #e1e1f1;height:100%;padding-bottom:25px}.stats-section #counter li::before{content:"";background-image:url(../images/shape_rating.png);position:absolute;width:80px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain;bottom:-1px;right:-50px}.stats-section #counter li::after{content:"";position:absolute;width:50px;background-color:#fff;height:2px;bottom:-2px;right:-34px;z-index:1}.stats-section #counter li:nth-child(1){display:flex;align-items:center}@media(max-width: 991px){.stats-section #counter li:nth-child(1){width:100%;justify-content:center}}@media(max-width: 767px){.stats-section #counter li:nth-child(1) img{max-width:140px}}@media(max-width: 575px){.stats-section #counter li:nth-child(1) img{max-width:140px}}.stats-section #counter li:last-child::before{display:none}.stats-section #counter li span{font-size:40px;font-weight:600;color:#1e0a52}.stats-section #counter li div{font-size:18px;color:#5f5f86;margin-top:8px;font-weight:400}@media(max-width: 991px){.stats-section #counter li{width:50%;height:auto;margin-bottom:18px}.stats-section #counter li span{font-size:32px}.stats-section #counter li div{font-size:15px}.stats-section #counter li:nth-child(odd)::before,.stats-section #counter li:nth-child(odd)::after{display:none}}@media(max-width: 767px){.stats-section #counter li span{font-size:20px}.stats-section #counter li div{font-size:12px}}@media(max-width: 575px){.stats-section #counter li span{font-size:16px}.stats-section #counter li div{font-size:8px}}@media(max-width: 991px){.stats-section #counter{flex-wrap:wrap;margin-bottom:0}}@media(max-width: 767px){.stats-section{padding:60px 0}.stats-section .stats-container{box-shadow:none;border-radius:0;padding:0;background:rgba(0,0,0,0)}}@media(max-width: 575px){.stats-section{padding:30px 0}}.schedule-section .container .schedule-inner{background:linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);padding:120px 40px;margin-bottom:65px;border-radius:50px}@media(max-width: 991px){.schedule-section .container .schedule-inner{margin-bottom:42px}}@media(max-width: 767px){.schedule-section .container .schedule-inner{padding:80px 32px;margin-bottom:30px}}@media(max-width: 575px){.schedule-section .container .schedule-inner{padding:60px 25px;border-radius:20px}}.schedule-section h2{font-weight:500;font-size:63px;letter-spacing:-2px;color:#1e0a52;max-width:1120px;margin:auto;line-height:100%;margin-bottom:20px}@media(max-width: 991px){.schedule-section h2{font-size:42px !important}}@media(max-width: 767px){.schedule-section h2{font-size:36px !important;line-height:38px}}@media(max-width: 575px){.schedule-section h2{font-size:26px !important;line-height:30px}}.schedule-section p{font-family:"General Sans Regular",sans-serif;font-weight:400;font-size:16px !important;line-height:120%;max-width:660px;margin:0 auto 50px;color:#5f5f86}@media(max-width: 767px){.schedule-section p{margin-bottom:30px}}.schedule-section.details-hero-section{padding:100px 0 100px}.schedule-section.details-hero-section .schedule-inner{padding:50px}.schedule-section.details-hero-section .schedule-inner .section-title{font-size:42px;color:#000}.schedule-section.details-hero-section .schedule-inner .section-subtitle{font-size:20px !important;font-family:"General Sans Regular",sans-serif;color:#5f5f86}.schedule-section.details-hero-section .schedule-inner .section-subtitle b{font-family:"General Sans Bold",sans-serif}@media(max-width: 767px){.schedule-section.details-hero-section .schedule-inner .section-subtitle{font-size:16px !important}}@media(max-width: 575px){.schedule-section.details-hero-section .schedule-inner .section-subtitle{font-size:14px !important}}.schedule-section.details-hero-section .schedule-inner .detail-img{max-width:134px;max-height:134px;margin-right:auto;margin-left:0;display:block;margin-bottom:15px}@media(max-width: 767px){.schedule-section.details-hero-section .schedule-inner .detail-img{max-width:100px;max-height:100px}}@media(max-width: 575px){.schedule-section.details-hero-section .schedule-inner .detail-img{max-width:75px;max-height:75px}}.schedule-section.details-hero-section .schedule-inner .row{padding:100px 0px 0px 67px;border-radius:40px;overflow:hidden}@media(max-width: 991px){.schedule-section.details-hero-section .schedule-inner .row{padding:20px;flex-direction:column-reverse;margin:0}}@media(max-width: 575px){.schedule-section.details-hero-section .schedule-inner .row{padding:8px;background:rgba(0,0,0,0) !important}}@media(max-width: 767px){.schedule-section.details-hero-section .schedule-inner{padding:30px;margin-bottom:30px}}@media(max-width: 575px){.schedule-section.details-hero-section .schedule-inner{padding:10px;margin-bottom:20px}}@media(max-width: 991px){.schedule-section.details-hero-section{padding:60px 0}}@media(max-width: 767px){.schedule-section.details-hero-section{padding:45px 0}}@media(max-width: 575px){.schedule-section.details-hero-section{padding:10px 0}}@media(max-width: 767px){.schedule-section.schedule-meeting .schedule-inner{padding:24px}}.btn-schedule{background:radial-gradient(circle, #844aff, #6015ff);box-shadow:0 8px 25px rgba(99,102,241,.4);color:#fff !important;transition:all .3s ease;padding:15px 30px;border-radius:50px;font-size:18px;overflow:hidden;display:flex;gap:5px}.btn-schedule::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:radial-gradient(circle, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.btn-schedule:hover{transform:translateY(0px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.btn-schedule:hover::before{left:100%}@media(max-width: 575px){.btn-schedule{font-size:14px;padding:15px 20px}}.services-section{background-image:url("../images/creative_approach.jpg");padding:100px 0;background-position:center;background-repeat:no-repeat;background-size:cover}.services-section .section-title{font-size:63px;font-weight:500;color:#fff;margin-bottom:1rem;letter-spacing:-1px}@media(max-width: 767px){.services-section .section-title{font-size:2rem}}.services-section .section-subtitle{font-size:1.3rem;color:#64748b;margin-bottom:4rem}@media(max-width: 767px){.services-section .section-subtitle{font-size:1.1rem !important}}.services-section .nav-pills{background-color:rgba(77,77,77,.2);border:1px solid #6a6a6a;border-radius:50px;padding:32px;margin-right:40px}.services-section .nav-pills .nav-link{position:relative;text-align:left;padding-left:60px;padding-top:28px;padding-bottom:28px;border-radius:50px;font-size:18px;color:#9c9c9c;white-space:nowrap}.services-section .nav-pills .nav-link::before{content:"";height:14px;width:14px;position:absolute;top:0;bottom:0;margin:auto;left:30px;background-image:url(../images/service_dot.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.services-section .nav-pills .nav-link.active{background-color:#fff;color:#000}.services-section .nav-pills .nav-link.active::before{background-image:url(../images/service_dot_active.svg)}@media(max-width: 991px){.services-section .nav-pills .nav-link{padding-top:18px;padding-bottom:18px;font-size:16px}}@media(max-width: 575px){.services-section .nav-pills .nav-link{font-size:14px}}@media(max-width: 1199px){.services-section .nav-pills{margin-right:35px}}@media(max-width: 767px){.services-section .nav-pills{width:100%;margin-right:0}}@media(max-width: 575px){.services-section .nav-pills{padding:20px;overflow-x:auto;width:120%;flex-direction:inherit !important;flex-wrap:inherit;padding-right:20%}.services-section .nav-pills::-webkit-scrollbar{width:6px;height:0;background-color:#f5f5f5}}.services-section .tab-content{max-width:calc(100% - 345px)}@media(max-width: 767px){.services-section .tab-content{max-width:100%;margin-top:40px}}.services-section h3{font-size:50px;font-weight:500;margin-bottom:30px}@media(max-width: 991px){.services-section h3{font-size:36px}}@media(max-width: 575px){.services-section h3{font-size:24px;margin-bottom:14px}}.services-section p,.services-section li{font-size:18px;font-weight:400;line-height:120%;margin-bottom:24px;color:#dadae4;font-family:"General Sans Regular",sans-serif}@media(max-width: 991px){.services-section p,.services-section li{font-size:16px}}@media(max-width: 575px){.services-section p{font-size:14px;color:rgba(218,218,228,.8)}}.services-section ul{list-style:none;padding:0;margin:0}.services-section ul li{margin-bottom:30px;display:flex}.services-section ul li img{margin-right:16px;width:25px;height:25px}@media(max-width: 991px){.services-section ul li img{width:20px;height:20px}}.services-section ul li:last-child{margin-bottom:0}@media(max-width: 991px){.services-section ul li{margin-bottom:20px}}.services-section .btn-schedule{margin-top:32px}@media(max-width: 767px){.services-section{padding:60px 15px}}@media(max-width: 575px){.services-section{overflow:hidden}}.platform-section h2{font-weight:500;font-size:63px;letter-spacing:-2px;color:#1e0a52;margin:auto;line-height:100%;margin-bottom:20px;margin:64px 0;position:relative}@media(max-width: 1199px){.platform-section h2{font-size:42px;margin:45px 0}}@media(max-width: 991px){.platform-section h2{font-size:36px;margin:36px 0}}@media(max-width: 575px){.platform-section h2{font-size:26px;margin:30px 0}}.platform-section h2 img{position:absolute;top:0;right:0;left:0;margin:auto;animation:swing ease-in-out 1.5s infinite alternate;transform-origin:center 45px}@media(max-width: 1199px){.platform-section h2 img{max-width:120px;animation:swing1 ease-in-out 1.5s infinite alternate;top:10px}}@media(max-width: 991px){.platform-section h2 img{max-width:100px}}@media(max-width: 767px){.platform-section h2 img{max-width:100px}}@media(max-width: 575px){.platform-section h2 img{max-width:80px}}@keyframes swing{0%{transform:rotate(30deg);bottom:30px}100%{transform:rotate(-30deg);bottom:-90px}}@keyframes swing1{0%{transform:rotate(30deg);bottom:30px}100%{transform:rotate(-20deg);bottom:0px}}.platform-section .platform-content{background:linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);margin-bottom:65px;border-radius:50px}@media(max-width: 991px){.platform-section .platform-content{margin-bottom:42px;margin-top:46px}}@media(max-width: 767px){.platform-section .platform-content{margin-bottom:30px;border-radius:20px;margin-top:30px}}@media(max-width: 575px){.platform-section .platform-content{margin-top:20px}}.platform-section.app-detail-section{position:relative}.platform-section.app-detail-section .platform-content{padding:120px;margin-top:64px;margin-bottom:-100px;padding-bottom:200px}.platform-section.app-detail-section .platform-content h2{text-align:left;letter-spacing:-1px;margin-top:0}@media(max-width: 991px){.platform-section.app-detail-section .platform-content h2{font-size:42px !important;margin-bottom:30px}}@media(max-width: 767px){.platform-section.app-detail-section .platform-content h2{font-size:32px !important;margin-bottom:24px}}@media(max-width: 575px){.platform-section.app-detail-section .platform-content h2{font-size:24px !important;margin-bottom:20px}}.platform-section.app-detail-section .platform-content ul{padding-left:20px}.platform-section.app-detail-section .platform-content li,.platform-section.app-detail-section .platform-content p{color:#5f5f86;font-family:"General Sans Regular",sans-serif}.platform-section.app-detail-section .platform-content li b,.platform-section.app-detail-section .platform-content p b{font-family:"General Sans Bold",sans-serif;font-weight:700}@media(max-width: 575px){.platform-section.app-detail-section .platform-content li,.platform-section.app-detail-section .platform-content p{font-size:14px !important}}@media(max-width: 1199px){.platform-section.app-detail-section .platform-content{padding:80px 80px 200px}}@media(max-width: 991px){.platform-section.app-detail-section .platform-content{padding:50px 50px 180px;border-radius:30px;margin-top:46px}}@media(max-width: 767px){.platform-section.app-detail-section .platform-content{padding:50px 40px 170px;border-radius:25px;margin-top:30px}}@media(max-width: 575px){.platform-section.app-detail-section .platform-content{padding:30px 22px 150px;margin-top:20px}}.platform-section.app-detail-section .app-screenshots{margin-bottom:74px}.platform-section.app-detail-section .app-screenshots .slick-slide{margin:0px 12px}.platform-section.app-detail-section .app-screenshots img{margin:auto}.platform-section.testimonial-section{margin-bottom:64px}.platform-section.testimonial-section .testimonial-box{background:linear-gradient(180deg, #e7edff 0%, rgba(250, 250, 255, 0) 102.76%);padding:20px;border-radius:50px}.platform-section.testimonial-section .testimonial-box .testimonial-inner{padding:32px;border-radius:50px;background-color:#fff;text-align:left}.platform-section.testimonial-section .testimonial-box .testimonial-inner h3{font-size:32px;font-family:"General Sans Medium",sans-serif;color:#1e0a52;margin-bottom:32px;line-height:100%}@media(max-width: 991px){.platform-section.testimonial-section .testimonial-box .testimonial-inner h3{font-size:20px;margin-bottom:14px}}.platform-section.testimonial-section .testimonial-box .testimonial-inner p{font-size:18px;font-family:"General Sans Regular",sans-serif;color:#5f5f86;margin-bottom:52px}@media(max-width: 991px){.platform-section.testimonial-section .testimonial-box .testimonial-inner p{font-size:16px;margin-bottom:32px}}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate{display:flex;align-items:center;justify-content:space-between}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate ul{margin-bottom:5px}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate p{margin-bottom:0;color:#cccce9}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate p span{color:#1e0a52}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user{display:flex;gap:16px;align-items:center}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user .testimonial-user-profile{height:61px;width:61px;border:1px solid #cccce9;padding:8px;border-radius:50%}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user .testimonial-user-profile img{border-radius:50%;border:2px solid #fff;background-color:#cccce9}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user h6{font-size:20px;font-family:"General Sans Medium",sans-serif;color:#1e0a52;margin-bottom:6px;font-weight:500}.platform-section.testimonial-section .testimonial-box .testimonial-inner .testimonial-user-rate .testimonial-user p{font-size:16px;font-family:"General Sans Regular",sans-serif;color:#5f5f86;margin-bottom:0;line-height:normal}@media(max-width: 991px){.platform-section.testimonial-section .testimonial-box .testimonial-inner{padding:32px 24px}}.platform-section.testimonial-section .testimonial-box.bg-second{background:linear-gradient(136.13deg, #ffffff 4.19%, rgba(216, 250, 80, 0.5) 95.64%)}@media(max-width: 767px){.platform-section.testimonial-section{margin-bottom:45px}}@media(max-width: 575px){.platform-section.testimonial-section{margin-bottom:25px}}.platform-section.testimonial-section .slick-slide{margin:0px 15px}.platform-section.testimonial-section .slick-dots{bottom:-40px}.platform-section.testimonial-section .slick-dots li{margin:0}.platform-section.testimonial-section .slick-dots li button:before{content:"";border-radius:50%;width:10px;height:10px;border:1px solid #cccce9;border-radius:50%;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:all .3s ease;opacity:1;right:0}.platform-section.testimonial-section .slick-dots li.slick-active button{height:18px;width:18px;background-color:#fff;border:1px solid #5f5f86;position:relative;border-radius:50%}.platform-section.testimonial-section .slick-dots li.slick-active button::before{content:"";position:absolute;width:10px;height:10px;background-color:#1e0a52;border-radius:50%;top:0;bottom:0;left:0;right:0;margin:auto}.work-section{margin-bottom:65px}@media(max-width: 991px){.work-section .col-lg-12.d-flex{flex-direction:column;text-align:center;align-items:center;gap:20px}}@media(max-width: 575px){.work-section .col-lg-12.d-flex{gap:0px}}.work-section .section-title{color:#5a5a59;text-align:left}.work-section .section-title img{margin-right:12px}.work-section .section-title h2{font-size:63px;font-weight:500;color:#000;line-height:normal}@media(max-width: 1199px){.work-section .section-title h2{font-size:42px}}@media(max-width: 991px){.work-section .section-title h2{font-size:36px}}@media(max-width: 575px){.work-section .section-title h2{font-size:24px}}@media(max-width: 991px){.work-section .section-title{width:100%;text-align:center}.work-section .section-title div{font-size:18px}}@media(max-width: 575px){.work-section .section-title{width:100%;text-align:left}.work-section .section-title div{font-size:14px;margin-bottom:14px}}.work-section .title-content{max-width:500px;text-align:left;color:#5a5a59}@media(max-width: 991px){.work-section .title-content{text-align:center;max-width:100%;justify-content:center}.work-section .title-content li{list-style:none}}@media(max-width: 575px){.work-section .title-content{text-align:left;justify-content:start}}.work-section .row.g-4{background-image:url("../images/dashed_arrow.png");background-repeat:no-repeat;background-size:contain;background-position:center}.work-section .row.g-4 .col-lg-3{z-index:1;padding:0px 14px}.work-section .row.g-4 .col-lg-3 .work-card{padding:32px;border:1px solid #d2d2d2;border-radius:50px;transition:all .3s ease;background-color:#fff}.work-section .row.g-4 .col-lg-3 .work-card .work-badge{color:#d2d2d2;font-size:42px;line-height:100%;transition:all .3s ease;font-family:"General Sans Medium",sans-serif}.work-section .row.g-4 .col-lg-3 .work-card .work-badge .work-badge-image{height:64px;width:64px;border-radius:50%;background-color:#6319ff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media(max-width: 1199px){.work-section .row.g-4 .col-lg-3 .work-card .work-badge .work-badge-image{height:50px;width:50px}}@media(max-width: 575px){.work-section .row.g-4 .col-lg-3 .work-card .work-badge{font-size:33px;align-items:center}}.work-section .row.g-4 .col-lg-3 .work-card h5{color:#131313;font-size:30px;line-height:100%;font-family:"General Sans Medium",sans-serif;transition:all .3s ease}@media(max-width: 1199px){.work-section .row.g-4 .col-lg-3 .work-card h5{font-size:26px}}.work-section .row.g-4 .col-lg-3 .work-card p{font-size:16px;color:#5a5a59;line-height:140%;font-family:"General Sans Regular",sans-serif;transition:all .3s ease;margin-bottom:0}@media(max-width: 1199px){.work-section .row.g-4 .col-lg-3 .work-card p{font-size:14px}}.work-section .row.g-4 .col-lg-3 .work-card:hover,.work-section .row.g-4 .col-lg-3 .work-card.active{background-color:#000}.work-section .row.g-4 .col-lg-3 .work-card:hover .work-badge,.work-section .row.g-4 .col-lg-3 .work-card.active .work-badge{color:#5a5a59}.work-section .row.g-4 .col-lg-3 .work-card:hover .work-badge .work-badge-image,.work-section .row.g-4 .col-lg-3 .work-card.active .work-badge .work-badge-image{background-color:#0cbb52}.work-section .row.g-4 .col-lg-3 .work-card:hover h5,.work-section .row.g-4 .col-lg-3 .work-card.active h5{color:#d2d2d2}.work-section .row.g-4 .col-lg-3 .work-card:hover p,.work-section .row.g-4 .col-lg-3 .work-card.active p{color:#b3b3b3}@media(max-width: 991px){.work-section .row.g-4 .col-lg-3 .work-card{height:100%}}@media(max-width: 767px){.work-section .row.g-4 .col-lg-3 .work-card{padding:24px;border-radius:20px}}.work-section .row.g-4 .col-lg-3:nth-of-type(even) .work-card{margin-top:110px}@media(max-width: 991px){.work-section .row.g-4{background-image:none}.work-section .row.g-4 .col-lg-3:nth-of-type(even) .work-card{margin-top:0;flex-direction:column-reverse;display:flex}}@media(max-width: 767px){.work-section .row.g-4{margin-top:-40px}}.work-section.features-benefits-section{margin-top:64px}.work-section.features-benefits-section h2{font-size:72px;font-family:"General Sans Regular",sans-serif;font-weight:500;color:#1e0a52}@media(max-width: 1199px){.work-section.features-benefits-section h2{font-size:46px}}@media(max-width: 991px){.work-section.features-benefits-section h2{font-size:42px}}@media(max-width: 575px){.work-section.features-benefits-section h2{font-size:24px;font-family:poppins,sans-serif;color:#131313;font-weight:500}}.work-section.features-benefits-section .title-content p{font-size:18px;font-family:"General Sans Regular",sans-serif;font-weight:400;color:#5f5f86}@media(max-width: 767px){.work-section.features-benefits-section .title-content p{font-size:14px}}@media(max-width: 575px){.work-section.features-benefits-section .title-content p{font-size:12px;font-family:poppins,sans-serif;color:#8e8e8e}}.work-section.features-benefits-section .feature-box{background-color:#fff;padding:40px;border-radius:50px;height:calc(100% - 24px)}.work-section.features-benefits-section .feature-box .feature-box-head{display:flex;align-items:center;gap:24px;margin-bottom:24px}.work-section.features-benefits-section .feature-box .feature-box-head .feature-img{min-width:80px;height:80px;background:linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width: 1199px){.work-section.features-benefits-section .feature-box .feature-box-head .feature-img{min-width:65px;height:65px}}@media(max-width: 991px){.work-section.features-benefits-section .feature-box .feature-box-head .feature-img{min-width:50px;height:50px}}@media(max-width: 767px){.work-section.features-benefits-section .feature-box .feature-box-head .feature-img{min-width:48px;height:48px}}.work-section.features-benefits-section .feature-box .feature-box-head h4{font-size:40px;font-weight:500;color:#1e0a52;margin:0;letter-spacing:-2px}@media(max-width: 1199px){.work-section.features-benefits-section .feature-box .feature-box-head h4{font-size:26px}}@media(max-width: 991px){.work-section.features-benefits-section .feature-box .feature-box-head h4{font-size:20px}}@media(max-width: 767px){.work-section.features-benefits-section .feature-box .feature-box-head h4{letter-spacing:normal}}@media(max-width: 991px){.work-section.features-benefits-section .feature-box .feature-box-head{gap:16px;margin-bottom:18px}}@media(max-width: 767px){.work-section.features-benefits-section .feature-box .feature-box-head{gap:14px;margin-bottom:16px}}.work-section.features-benefits-section .feature-box p,.work-section.features-benefits-section .feature-box li{font-size:18px;color:#5f5f86;font-family:"General Sans Regular",sans-serif;margin-bottom:0}@media(max-width: 991px){.work-section.features-benefits-section .feature-box p,.work-section.features-benefits-section .feature-box li{font-size:16px}}@media(max-width: 575px){.work-section.features-benefits-section .feature-box p,.work-section.features-benefits-section .feature-box li{font-size:14px}}@media(max-width: 767px){.work-section.features-benefits-section .feature-box{padding:30px}}@media(max-width: 575px){.work-section.features-benefits-section .feature-box{border-radius:22px;padding:16px}}@media(max-width: 767px){.work-section.features-benefits-section{margin-top:40px}}@media(max-width: 767px){.work-section{margin-bottom:40px}}@media(max-width: 575px){.work-section{margin-bottom:20px}}.vision-section .vision-content{background:linear-gradient(146.64deg, #f3f4ff 2.74%, #ffffff 82.33%);padding:50px 40px;margin-bottom:65px;border-radius:50px}.vision-section .vision-content .vision-tabs{display:flex;gap:16px;padding:10px 20px;border-radius:50px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:30px;overflow-x:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vision-section .vision-content .vision-tabs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.vision-section .vision-content .vision-tabs::-webkit-scrollbar{width:6px;height:0;background-color:#f5f5f5}.vision-section .vision-content .vision-tabs::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#b7b7b7}.vision-section .vision-content .vision-tabs::-webkit-scrollbar-button:start:increment{height:200px;display:block;background:rgba(0,0,0,0)}.vision-section .vision-content .vision-tabs::-webkit-scrollbar-button:end:decrement{height:200px;display:block;background:rgba(0,0,0,0)}.vision-section .vision-content .vision-tabs .vision-tab{padding:10px 20px;border-radius:30px;cursor:pointer;font-family:"General Sans Medium",sans-serif;color:#555;transition:all .3s ease;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:18px}.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon{display:flex;align-items:center;justify-content:center}.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img{max-width:100%;max-height:100%;min-width:28px;min-height:28px}@media(max-width: 991px){.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img{min-width:16px;min-height:16px}}@media(max-width: 575px){.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon img{min-width:14px;min-height:14px}}.vision-section .vision-content .vision-tabs .vision-tab.active{background:linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);color:#fff}.vision-section .vision-content .vision-tabs .vision-tab.active .vision-tab-icon{filter:brightness(0) invert(1)}@media(max-width: 991px){.vision-section .vision-content .vision-tabs .vision-tab{font-size:16px}}@media(max-width: 991px){.vision-section .vision-content .vision-tabs .vision-tab{gap:6px;font-size:14px;padding:10px 15px}}@media(max-width: 991px){.vision-section .vision-content .vision-tabs{gap:8px}}.vision-section .vision-content .vision-carousel{position:relative;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.1)}.vision-section .vision-content .vision-carousel .vision-slides{display:flex;transition:transform .6s ease-in-out;width:100%;height:100%}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide{min-width:100%;display:flex !important;justify-content:space-between;padding:0px 40px;align-items:center;gap:40px;margin:20px 0}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .slick-slide{margin:0 0}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2{margin-bottom:0;color:#1e1e2d;height:66px;width:auto;background-color:#d8fa50;border-radius:50px;font-size:24px;font-family:Abyssinica SIL;padding:15px 20px;word-wrap:break-word;display:inline-flex;align-items:center}@media(max-width: 767px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2{min-height:42px;min-width:42px;padding:0;justify-content:center}}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p{color:#1e0a52;font-size:50px;font-weight:400;line-height:100%;font-family:Abyssinica SIL}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p span{color:#cccce9}@media(max-width: 767px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p span{display:block}}@media(max-width: 1199px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content{min-width:350px}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2{font-size:20px;height:auto}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p{font-size:36px}}@media(max-width: 767px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content{text-align:center}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content .d-flex.align-items-center.gap-4.mb-3.mb-md-5{display:none !important}}@media(max-width: 575px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content{min-width:inherit}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content h2{font-size:18px}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p{font-size:28px}}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content img{width:auto;min-width:inherit}@media(max-width: 1199px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide img{max-width:400px;min-width:230px}}@media(max-width: 991px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide img{max-width:160px;min-width:160px}}@media(max-width: 767px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide{flex-direction:column-reverse;text-align:left;gap:20px;padding:0 !important}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p{font-size:28px !important}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide img{max-width:200px;margin-top:0px}}@media(max-width: 575px){.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content p{font-size:24px}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide .vision-slide-content .generalFont{font-size:16px !important}.vision-section .vision-content .vision-carousel .vision-slides .vision-slide img{max-width:120px;min-width:120px}}.vision-section .vision-content .vision-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;align-items:center}.vision-section .vision-content .vision-dots .vision-dot{width:10px;height:10px;border:1px solid #cccce9;border-radius:50%;padding:0;cursor:pointer;transition:.3s}.vision-section .vision-content .vision-dots .vision-dot.active{height:18px;width:18px;background-color:#fff;border:1px solid #5f5f86;position:relative}.vision-section .vision-content .vision-dots .vision-dot.active::before{content:"";position:absolute;width:8px;height:8px;background-color:#1e0a52;border-radius:50%;top:0;bottom:0;left:0;right:0;margin:auto}@media(max-width: 991px){.vision-section .vision-content{padding:32px 30px;margin-bottom:42px}.vision-section .vision-content .vision-slide img{width:200px;margin-top:20px}.vision-section .vision-content .vision-slide-content img{width:auto;margin-top:0 !important}}@media(max-width: 767px){.vision-section .vision-content{margin-bottom:30px}}@media(max-width: 575px){.vision-section .vision-content{padding:20px 15px;border-radius:22px}.vision-section .vision-content .vision-tabs{padding:10px 15px}.vision-section .vision-content .vision-tabs .vision-tab{padding:8px 12px;font-size:14px}.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon{height:12px;width:12px}.vision-section .vision-content .vision-tabs .vision-tab .vision-tab-icon.active{height:24px;width:24px}.vision-section .vision-content.feature-boxs{margin-top:-40px}}.quote-section .section-title h2{max-width:478px;font-size:44px;font-weight:500;line-height:100%}@media(max-width: 1199px){.quote-section .section-title h2{font-size:32px}}@media(max-width: 991px){.quote-section .section-title h2{font-size:26px}}@media(max-width: 575px){.quote-section .section-title h2{font-size:24px}}.quote-section .title-content{text-align:right;gap:40px;justify-content:space-between;max-width:none}.quote-section .title-content span{font-size:16px;color:#7e7e7e;white-space:nowrap;margin-bottom:12px;display:block}@media(max-width: 1199px){.quote-section .title-content span{font-size:14px}}.quote-section .title-content a{font-size:23px;white-space:nowrap;color:#000;text-decoration:none}@media(max-width: 1199px){.quote-section .title-content a{font-size:16px}}@media(max-width: 991px){.quote-section .title-content{width:100%;text-align:center}}@media(max-width: 480px){.quote-section .title-content{flex-direction:column}}@media(max-width: 767px){.quote-section{margin-bottom:0px}.quote-section .row{margin-bottom:0 !important}}.footer{padding:80px 0 30px;position:relative}.footer h5{margin-bottom:14px;font-size:20px;font-family:"General Sans Medium",sans-serif}.footer p{font-size:16px;font-family:"General Sans Regular",sans-serif;margin-bottom:24px;max-width:300px}.footer .footer-email{position:relative;max-width:375px}.footer .footer-email img{height:42px;width:42px;margin-right:12px;padding:10px;border-radius:50px;background-color:#fff;position:absolute;top:0;bottom:0;margin:auto;left:8px}.footer .footer-email input{padding:12px 60px;background-color:#f9faff;min-height:58px;border-radius:50px}.footer .footer-email input::-moz-placeholder{color:#5f5f86;font-family:Abyssinica SIL}.footer .footer-email input::placeholder{color:#5f5f86;font-family:Abyssinica SIL}.footer .footer-email button{padding:16px 24px;background:linear-gradient(176.74deg, #1a084b -13.59%, #4a24a5 109.86%);border-radius:24px;font-family:Abyssinica SIL;font-size:14px;color:#fff;position:absolute;top:0;bottom:0;margin:auto;right:8px;max-height:48px;line-height:15px}.footer ul{padding-left:0px}.footer ul li{margin-bottom:20px;list-style:none}.footer ul li a{padding-left:20px;position:relative;transition:all .3s ease;font-size:1rem;text-decoration:none;font-size:16px;color:#777;font-family:Abyssinica SIL}.footer ul li a::before{content:"";height:8px;width:8px;border-radius:50%;background-color:#777;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:all .3s ease}.footer ul li a:hover{color:#6319ff}.footer ul li a:hover::before{background-color:#6319ff}.footer ul li:last-child{margin-bottom:0}@media(max-width: 767px){.footer ul li{margin-bottom:8px}}.footer img.footer-logo.me-4{filter:brightness(0)}@media(max-width: 575px){.footer img.footer-logo.me-4{max-width:100px;margin-right:12px !important}.footer img.footer-logo.me-4+p{font-size:14px}.footer img.footer-logo.me-4+p br{display:none}}.footer .footer-bottom{border-top:1px solid #cccce9;margin-top:50px;padding-top:50px;text-align:center}.footer .footer-bottom p{margin:0;max-width:none;color:#5f5f86;font-family:"poppins",sans-serif}@media(max-width: 767px){.footer .footer-bottom p{font-size:14px;margin-bottom:12px}}.footer .footer-bottom a{width:40px;height:40px;background-color:#dcdcdc;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:.3s all}.footer .footer-bottom a img{transition:.3s all}.footer .footer-bottom a:hover{background-color:#6319ff}.footer .footer-bottom a:hover img{filter:brightness(0) invert(1)}.footer .quote-section{justify-content:space-between}@media(max-width: 991px){.footer .quote-section{flex-direction:column}}@media(max-width: 575px){.footer .quote-section .d-flex{flex-direction:column;gap:16px;text-align:left;justify-content:flex-start;width:100%;align-items:flex-start !important}}@media(max-width: 767px){.footer{text-align:left;padding-top:30px}.footer .footer-brand,.footer .footer-description,.footer .footer-social{margin-bottom:2rem}.footer .footer-links{margin-bottom:2rem}.footer .footer-bottom{margin-top:30px;padding-top:30px}}@media(max-width: 575px){.footer .footer-bottom{align-items:self-start !important;text-align:left}}.slider .slick-dots{position:absolute;right:-24px;display:block;left:auto;padding:0;margin:0;list-style:none;text-align:center;transform:rotate(90deg);margin:auto;bottom:0;height:-moz-fit-content;height:fit-content;top:0;width:auto}.slider .slick-dots li{margin:0}.slider .slick-dots li button:before{content:"";border-radius:50%;width:10px;height:10px;border:1px solid #cccce9;border-radius:50%;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:all .3s ease;opacity:1;right:0}.slider .slick-dots li.slick-active button{height:18px;width:18px;background-color:#fff;border:1px solid #5f5f86;position:relative;border-radius:50%}.slider .slick-dots li.slick-active button::before{content:"";position:absolute;width:10px;height:10px;background-color:#1e0a52;border-radius:50%;top:0;bottom:0;left:0;right:0;margin:auto}@media(max-width: 767px){.slider .slick-dots{width:100%;top:auto;right:auto;left:auto;transform:inherit;bottom:-25px}}.slider .slick-prev,.slider .slick-next{transform:rotate(90deg);right:10px}.slider .slick-prev::before,.slider .slick-next::before{color:#000}.code-tool-section .code-tool-content{display:flex;gap:24px;flex-wrap:wrap}.code-tool-section .code-tool-content .code-box{padding:32px 45px;border:1px solid #d2d2d2;background-color:#fbfbfb;border-radius:42px;width:calc(25% - 18px)}.code-tool-section .code-tool-content .code-box div{box-shadow:-20px 23px 118px 0px rgba(1,1,1,.0588235294);padding:26px;background-color:#fff;border-radius:50%;max-height:112px;max-width:112px;margin:auto}.code-tool-section .code-tool-content .code-box div img{max-width:100%}@media(max-width: 1199px){.code-tool-section .code-tool-content .code-box div{max-height:90px;max-width:90px}}@media(max-width: 991px){.code-tool-section .code-tool-content .code-box div{max-height:78px;max-width:78px;padding:14px}}.code-tool-section .code-tool-content .code-box p{margin-top:18px;font-size:30px;font-family:"General Sans Regular",sans-serif}@media(max-width: 1199px){.code-tool-section .code-tool-content .code-box p{font-size:22px}}@media(max-width: 991px){.code-tool-section .code-tool-content .code-box p{font-size:18px}}@media(max-width: 1199px){.code-tool-section .code-tool-content .code-box{padding:32px}}@media(max-width: 1199px)and (max-width: 991px){.code-tool-section .code-tool-content .code-box{padding:17px;border-radius:20px}}@media(max-width: 767px){.code-tool-section .code-tool-content .code-box{width:calc(50% - 12px)}}@media(max-width: 575px){.code-tool-section .code-tool-content .code-box{width:calc(50% - 9px)}}@media(max-width: 575px){.code-tool-section .code-tool-content{gap:18px}}.code-tool-section .code-tool-content.five-grid .code-box{width:calc(20% - 19.5px);padding:32px 25px}.code-tool-section .code-tool-content.five-grid .code-box p{font-size:22px}@media(max-width: 1199px){.code-tool-section .code-tool-content.five-grid .code-box p{font-size:18px}}@media(max-width: 991px){.code-tool-section .code-tool-content.five-grid .code-box p{font-size:16px}}@media(max-width: 1199px){.code-tool-section .code-tool-content.five-grid .code-box{padding:32px 20px}}@media(max-width: 991px){.code-tool-section .code-tool-content.five-grid .code-box{width:calc(25% - 18px)}}@media(max-width: 767px){.code-tool-section .code-tool-content.five-grid .code-box{width:calc(50% - 12px)}}@media(max-width: 575px){.code-tool-section .code-tool-content.five-grid .code-box{width:calc(50% - 9px)}}.feedback-section{background:#f3f4ff;padding:100px 70px;position:relative}.feedback-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/pattern.png");background-position:center;background-repeat:no-repeat;background-size:contain}.feedback-section .feedback-inner{position:relative}.feedback-section .feedback-content-top{font-family:"General Sans Regular",sans-serif;font-size:16px;color:#5a5a59}@media(max-width: 575px){.feedback-section .feedback-content-top{font-size:14px;margin-bottom:16px !important}.feedback-section .feedback-content-top img{max-width:34px;height:auto}}.feedback-section .section-title{font-family:"General Sans Medium",sans-serif;font-size:72px;color:#131313;letter-spacing:-3px;margin-bottom:32px;text-transform:capitalize}@media(max-width: 1199px){.feedback-section .section-title{font-size:52px}}@media(max-width: 767px){.feedback-section .section-title{letter-spacing:normal}}@media(max-width: 575px){.feedback-section .section-title{font-size:24px !important;margin-bottom:12px !important}}.feedback-section .section-subtitle{font-family:"General Sans Regular",sans-serif;font-size:18px;color:#131313;line-height:140%;font-weight:400}@media(max-width: 575px){.feedback-section .section-subtitle{font-size:12px !important;margin-bottom:20px !important;color:#8e8e8e}}.feedback-section .feedback-content-bottom img{margin-right:12px;padding-right:12px;border-right:1px solid #d2d2d2;max-height:50px}.feedback-section .feedback-content-bottom h4{font-family:"General Sans Semibold",sans-serif;font-size:20px;color:#131313;font-weight:600}.feedback-section .feedback-content-bottom p{font-family:"General Sans Medium",sans-serif;font-size:12px;color:#131313}@media(max-width: 575px){.feedback-section .feedback-content-bottom h4{font-size:13px}.feedback-section .feedback-content-bottom p{font-size:8px}.feedback-section .feedback-content-bottom .d-flex{margin-right:auto}}@media(max-width: 767px){.feedback-section{padding:40px 30px}}@media(max-width: 575px){.feedback-section{padding:25px 20px}.feedback-section .container{padding:0}}.typography-section{margin-bottom:65px;margin-top:65px;background-color:#131313;padding:64px}.typography-section .typography-content h3{font-size:42px;font-weight:500;margin-bottom:32px;font-family:"General Sans Medium",sans-serif}@media(max-width: 991px){.typography-section .typography-content h3{font-size:36px !important;margin-bottom:22px}}@media(max-width: 575px){.typography-section .typography-content h3{font-size:22px !important;margin-bottom:16px}}.typography-section .typography-content .typography-info{margin-bottom:64px;gap:16px}.typography-section .typography-content .typography-info .typography-item{flex:1;color:#b3b3b3;font-size:20px;font-weight:400;font-family:"General Sans Regular",sans-serif;margin-bottom:0}@media(max-width: 991px){.typography-section .typography-content .typography-info .typography-item{font-size:16px}}@media(max-width: 991px){.typography-section .typography-content .typography-info{margin-bottom:42px}}@media(max-width: 767px){.typography-section .typography-content .typography-info{flex-wrap:wrap;flex-direction:column;margin-bottom:30px}.typography-section .typography-content .typography-info .typography-item{font-size:14px}}.typography-section h2{font-size:60px;line-height:83px;letter-spacing:-1px;margin-bottom:20px}@media(max-width: 1199px){.typography-section h2{font-size:46px;line-height:65px}}@media(max-width: 1199px){.typography-section h2{font-size:38px;line-height:54px}}@media(max-width: 767px){.typography-section h2{font-size:28px;line-height:54px}}.typography-section .color-box{border-radius:25px;height:317px;width:100%;position:relative}.typography-section .color-box span.color-box-top{position:absolute;top:24px;left:24px;right:24px;font-size:12px}.typography-section .color-box span.color-box-bottom{position:absolute;bottom:24px;left:24px;font-size:12px;right:24px}.typography-section .color-box.orange{background-color:#ff704d}.typography-section .color-box.secondary{background-color:#e2e2e2;height:150px}@media(max-width: 767px){.typography-section .color-box{border-radius:20px}}.typography-section .typography-pixels{margin-bottom:64px}.typography-section .typography-pixels .typography-px{display:flex;justify-content:space-between;border-bottom:1px solid #2e3236;padding-bottom:14px;margin-bottom:14px}.typography-section .typography-pixels .typography-px span{font-size:20px;color:#9b9187}@media(max-width: 991px){.typography-section .typography-pixels .typography-px span{font-size:16px}}.typography-section .typography-pixels .typography-output{font-size:74px;line-height:83px;letter-spacing:-1px;color:#fff}@media(max-width: 991px){.typography-section .typography-pixels .typography-output{font-size:48px;line-height:54px}}@media(max-width: 767px){.typography-section .typography-pixels .typography-output{font-size:37px;line-height:32px}}.typography-section .typography-pixels .typography-logo-text{font-size:36px;line-height:83px;letter-spacing:-1px;color:#fff}@media(max-width: 991px){.typography-section .typography-pixels .typography-logo-text{font-size:28px;line-height:46px}}@media(max-width: 767px){.typography-section .typography-pixels .typography-logo-text{font-size:24px;line-height:42px}}.typography-section .typography-pixels .typography-body-text{color:#fff;font-size:20px;line-height:54px;letter-spacing:-1px}@media(max-width: 991px){.typography-section .typography-pixels .typography-body-text{font-size:16px;line-height:24px}}@media(max-width: 991px){.typography-section .typography-pixels{margin-bottom:42px}}@media(max-width: 767px){.typography-section .typography-pixels{margin-bottom:30px}}@media(max-width: 991px){.typography-section{padding:42px;margin-bottom:45px;margin-top:45px}}@media(max-width: 767px){.typography-section{padding:32px;margin-bottom:30px;margin-top:30px}}@media(max-width: 575px){.typography-section{padding:30px 10px;margin-bottom:20px;margin-top:20px}}.hero-section.contact-section{margin-bottom:64px}.hero-section.contact-section .btn-schedule{font-family:"General Sans Medium",sans-serif}.hero-section.contact-section .hero-content>div{color:#5a5a59;font-family:"General Sans Regular",sans-serif;display:flex;align-items:center}.hero-section.contact-section .hero-content>div img{margin-right:12px}.hero-section.contact-section .hero-content .hero-title{color:#131313;font-family:"General Sans Medium",sans-serif;text-transform:capitalize}@media(max-width: 767px){.hero-section.contact-section .hero-content .hero-title{text-align:center;font-size:42px;padding:0px 10px}}.hero-section.contact-section .contact-form .form-group label{color:#131313;font-family:"General Sans Medium",sans-serif;margin-bottom:5px}@media(max-width: 767px){.hero-section.contact-section .contact-form .form-group label{font-size:14px}}.hero-section.contact-section .contact-form .form-group .form-control{border:0;border-bottom:1px solid #e2e8f0;padding-left:0;padding-right:0;border-radius:0}.hero-section.contact-section .contact-form .form-group .form-control::-moz-placeholder{color:#b3b3b3;font-size:14px;font-family:"General Sans Medium",sans-serif;font-weight:500}.hero-section.contact-section .contact-form .form-group .form-control::placeholder{color:#b3b3b3;font-size:14px;font-family:"General Sans Medium",sans-serif;font-weight:500}.hero-section.contact-section .contact-form .form-group .form-control:focus{border-bottom:2px solid #6319ff}.hero-section.contact-section .contact-form .form-group .form-control:focus::-moz-placeholder{color:#6319ff}.hero-section.contact-section .contact-form .form-group .form-control:focus::placeholder{color:#6319ff}.hero-section.contact-section .contact-form .form-group .form-control.textarea{border:1px solid #e2e8f0;padding:20px;border-radius:16px;resize:none}.hero-section.contact-section .contact-form .form-group .form-control.textarea:focus{border:2px solid #6319ff;box-shadow:none}.hero-section.contact-section .contact-form .form-group .form-check{display:inline-flex;position:relative;padding:0}.hero-section.contact-section .contact-form .form-group .form-check .form-check-input{border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;height:auto;width:100%;border-radius:0;opacity:0;margin:0}.hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label{font-size:14px;padding:15px 24px;border:2px solid #e2e8f0;border-radius:60px;font-family:"General Sans Medium",sans-serif;margin-bottom:0}@media(max-width: 767px){.hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label{font-size:13px;padding:10px 16px}}@media(max-width: 767px){.hero-section.contact-section .contact-form .form-group .form-check .form-check-input+.form-check-label{font-size:12px;padding:8px 12px}}.hero-section.contact-section .contact-form .form-group .form-check .form-check-input:checked+.form-check-label{border:2px solid #6319ff;padding-right:35px}.hero-section.contact-section .contact-form .form-group .form-check .form-check-input:checked+.form-check-label::after{content:"";height:8px;width:8px;position:absolute;background:currentColor;border-radius:50%;top:0;bottom:0;margin:auto;right:22px}@media(max-width: 1199px){.hero-section.contact-section{margin-bottom:45px;padding-top:50px}}@media(max-width: 575px){.hero-section.contact-section{margin-bottom:30px}}.contact-map-section{background-color:#131313}.contact-map-section img{width:100%}.contact-map-section .mapouter{margin-top:-440px}.contact-map-section .mapouter iframe{height:647px;border-radius:20px}@media(max-width: 1199px){.contact-map-section .mapouter iframe{height:550px}}@media(max-width: 991px){.contact-map-section .mapouter iframe{height:400px}}@media(max-width: 767px){.contact-map-section .mapouter iframe{height:300px}}@media(max-width: 575px){.contact-map-section .mapouter iframe{height:200px}}@media(max-width: 1199px){.contact-map-section .mapouter{margin-top:-340px}}@media(max-width: 991px){.contact-map-section .mapouter{margin-top:-280px}}@media(max-width: 767px){.contact-map-section .mapouter{margin-top:-220px}}@media(max-width: 575px){.contact-map-section .mapouter{margin-top:-120px}}.what-we-do-section{padding:64px 0;margin-bottom:0}.what-we-do-section.work-section{background-color:#131313}.what-we-do-section.work-section .section-title{color:#d2d2d2}@media(max-width: 575px){.what-we-do-section.work-section .section-title img{height:32px;width:auto;margin-right:8px}}.what-we-do-section.work-section h2{line-height:100%;color:#fff;margin-top:12px}@media(max-width: 575px){.what-we-do-section.work-section h2{font-size:42px;margin-bottom:24px}}.what-we-do-section.work-section .title-content{color:#b3b3b3}.what-we-do-section.work-section .accordion{margin-top:64px}.what-we-do-section.work-section .accordion .accordion-item{background-color:rgba(0,0,0,0);border:0;color:#fffefd;border-bottom:1px solid #e2e8f0;border-radius:0}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button{background-color:rgba(0,0,0,0);color:#fffefd;justify-content:space-between}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button>div{color:#b3b3b3}@media(max-width: 767px){.what-we-do-section.work-section .accordion .accordion-item .accordion-header button>div.d-flex{width:100%;justify-content:space-between;padding-left:15px}}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button p{margin-bottom:0;color:#6319ff;min-width:680px;font-size:30px;font-family:"General Sans Medium",sans-serif}@media(max-width: 991px){.what-we-do-section.work-section .accordion .accordion-item .accordion-header button p{font-size:24px;min-width:420px}}@media(max-width: 767px){.what-we-do-section.work-section .accordion .accordion-item .accordion-header button p{font-size:18px;min-width:inherit}}@media(max-width: 767px){.what-we-do-section.work-section .accordion .accordion-item .accordion-header button p{font-size:15px}}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button::after{display:none}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed img{transform:rotate(90deg);filter:brightness(0.5) invert(0.5)}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed>div{color:#5a5a59}.what-we-do-section.work-section .accordion .accordion-item .accordion-header button.collapsed p{color:#fff}.what-we-do-section.work-section .accordion .accordion-item .accordion-collapse.collapse.show .accordion-body{border-bottom:2px solid #6600f7;margin-bottom:-2px}.what-we-do-section.work-section .accordion .accordion-item .accordion-body{padding:5px}.what-we-do-section.work-section .accordion .accordion-item .accordion-body p{max-width:610px;margin-left:auto;margin-right:100px;font-family:"General Sans Regular",sans-serif;color:#f6f6f6}@media(max-width: 991px){.what-we-do-section.work-section .accordion .accordion-item .accordion-body p{max-width:400px;margin-right:50px}}@media(max-width: 767px){.what-we-do-section.work-section .accordion .accordion-item .accordion-body p{font-size:14px;max-width:410px}}@media(max-width: 575px){.what-we-do-section.work-section .accordion .accordion-item .accordion-body p{padding-left:45px;max-width:inherit}}@media(max-width: 991px){.what-we-do-section.work-section .accordion{margin-top:45px}}@media(max-width: 767px){.what-we-do-section.work-section .accordion{margin-top:30px}}.what-we-do-section.staff-section h2{max-width:440px;margin-left:auto;margin-right:auto}.what-we-do-section.staff-section .col-lg-12{margin-bottom:64px}@media(max-width: 1199px){.what-we-do-section.staff-section .col-lg-12{margin-bottom:45px}}@media(max-width: 575px){.what-we-do-section.staff-section .col-lg-12{margin-bottom:30px}}.what-we-do-section.staff-section .staff-content img{width:410px;height:500px;border-radius:42px;-o-object-fit:cover;object-fit:cover}@media(max-width: 1199px){.what-we-do-section.staff-section .staff-content img{height:410px;border-radius:30px}}@media(max-width: 991px){.what-we-do-section.staff-section .staff-content img{height:300px;border-radius:20px}}@media(max-width: 767px){.what-we-do-section.staff-section .staff-content img{height:500px;width:100%;border-radius:20px}}@media(max-width: 575px){.what-we-do-section.staff-section .staff-content img{width:100%;height:500px}}.what-we-do-section.staff-section .staff-content h4{font-size:38px;font-family:"General Sans Medium",sans-serif;color:#d2d2d2;margin-top:24px}@media(max-width: 991px){.what-we-do-section.staff-section .staff-content h4{font-size:36px;margin-top:20px}}@media(max-width: 767px){.what-we-do-section.staff-section .staff-content h4{font-size:30px;margin-top:10px;margin-bottom:0}}.what-we-do-section.staff-section .staff-content ul{padding-left:20px}.what-we-do-section.staff-section .staff-content ul li{font-size:20px;color:#b3b3b3;margin-bottom:0}@media(max-width: 991px){.what-we-do-section.staff-section .staff-content ul li{font-size:16px}}@media(max-width: 767px){.what-we-do-section.staff-section .staff-content ul li{font-size:14px}}@media(max-width: 575px){.what-we-do-section.staff-section{padding-left:5px;padding-right:5px}}@media(max-width: 1199px){.what-we-do-section{padding:45px 0}}@media(max-width: 575px){.what-we-do-section{padding:30px 0}}.logo-section{margin:64px 0 40px}.logo-section h3{font-size:30px;font-family:"General Sans Medium",sans-serif;margin-bottom:42px}@media(max-width: 575px){.logo-section h3{font-size:24px}}@media(max-width: 575px){.logo-section .slick-list .slick-track{display:flex;align-items:center}}.logo-section .slick-list .slick-slide{margin:0px 8px}.logo-section .slick-list .slick-slide img{max-width:100%}@media(max-width: 575px){.logo-section .slick-list .slick-slide{margin:0px 15px}}.logo-section .slick-list::after,.logo-section .slick-list::before{content:"";background:linear-gradient(90deg, #ffffff 28.42%, rgba(255, 255, 255, 0) 100%);height:100%;position:absolute;width:100px;z-index:1;left:0;top:0;bottom:0}@media(max-width: 575px){.logo-section .slick-list::after,.logo-section .slick-list::before{width:60px}}.logo-section .slick-list::before{left:auto;right:0;background:linear-gradient(270deg, #ffffff 28.42%, rgba(255, 255, 255, 0) 100%)}@media(max-width: 1199px){.logo-section{margin:45px 0 20px}}@media(max-width: 575px){.logo-section{margin:30px 0 10px}}.modal .modal-content{border-radius:50px}@media(max-width: 1199px){.modal .modal-content{border-radius:30px}}@media(max-width: 767px){.modal .modal-content{border-radius:20px}}.modal .modal-header{display:block;text-align:center;padding:80px 80px 35px;border:0}@media(max-width: 1199px){.modal .modal-header{padding:60px 40px 25px}}@media(max-width: 767px){.modal .modal-header{padding:40px 20px 20px}}@media(max-width: 575px){.modal .modal-header{padding:30px 15px 15px}}.modal .modal-header h1{font-size:63px;margin-bottom:26px;color:#000;line-height:normal}@media(max-width: 1199px){.modal .modal-header h1{font-size:48px;margin-bottom:20px;line-height:45px}}@media(max-width: 767px){.modal .modal-header h1{font-size:36px;margin-bottom:16px}}@media(max-width: 575px){.modal .modal-header h1{font-size:28px;margin-bottom:12px;line-height:32px}}.modal .modal-header p{font-size:18px;color:#5a5a59;max-width:668px;margin:auto}@media(max-width: 1199px){.modal .modal-header p{font-size:16px;max-width:100%}}@media(max-width: 767px){.modal .modal-header p{font-size:14px}}@media(max-width: 575px){.modal .modal-header p{font-size:12px}}.modal .modal-header .btn-close{position:absolute;top:38px;right:38px;border:1px solid;border-radius:50%;opacity:1}@media(max-width: 1199px){.modal .modal-header .btn-close{top:30px;right:30px}}@media(max-width: 767px){.modal .modal-header .btn-close{top:20px;right:20px;border:0}}@media(max-width: 575px){.modal .modal-header .btn-close{top:15px;right:15px}}.modal .modal-body{padding:80px;padding-top:0}@media(max-width: 1199px){.modal .modal-body{padding:0 60px 40px}}@media(max-width: 767px){.modal .modal-body{padding:0 40px 30px}}@media(max-width: 575px){.modal .modal-body{padding:0 20px 20px}}.modal .modal-body .mb-4{margin-bottom:32px}@media(max-width: 767px){.modal .modal-body .mb-4{margin-bottom:24px !important}}@media(max-width: 575px){.modal .modal-body .mb-4{margin-bottom:16px !important}}.modal label{font-weight:400;font-size:20px;line-height:100%;letter-spacing:0%;color:#1e0a52;margin-bottom:14px}@media(max-width: 1199px){.modal label{font-size:16px}}@media(max-width: 767px){.modal label{font-size:14px}}@media(max-width: 575px){.modal label{font-size:12px}}.modal input,.modal textarea{padding:24px 32px;color:#7a7782;font-size:18px;border-radius:20px}@media(max-width: 1199px){.modal input,.modal textarea{font-size:16px;padding:16px 24px}}@media(max-width: 767px){.modal input,.modal textarea{font-size:14px}}@media(max-width: 575px){.modal input,.modal textarea{font-size:12px}}@media(max-width: 991px){.navbar-collapse{padding:1rem 0}.navbar-collapse .nav-link{padding:.75rem 0;font-size:1.1rem}.btn-consultation{display:block;margin-top:1rem}}
>>>>>>> 35c2191b6175e37f75f240c2f0790ad2f29c9a5b