/* Variables */
:root {
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --theme-color: 238, 29, 35;
    --yellow-color: 255, 188, 17;
    --title-color: 17, 75, 163;
    --content-color2: 51, 51, 51;
    --bg-color: 244, 245, 247;
    --content-color: 142, 143, 153;
    --montserrat: Montserrat, sans-serif;
    --poppins: Poppins, sans-serif;
}

/* Reset css */
body {
    font-size: 18px;
    color: rgba(var(--title-color), 1);
    font-family: var(--montserrat);
    font-weight: 400;
    background-color: rgba(var(--white), 1);
}

.bg-color {
    background-color: rgba(var(--bg-color), 1);
}

section,
.section-t-space {
    padding-top: calc(35px + (100 - 35) * ((100vw - 320px) / (1920 - 320)));
}

.section-b-space {
    padding-bottom: calc(35px + (100 - 35) * ((100vw - 320px) / (1920 - 320)));
}

a {
    text-decoration: none;
    transition: 0.4s ease;
    display: inline-block;
}

.container {
    @media (min-width: 1440px) {
        max-width: 1380px;
    }
}

.half-container {
    @media (max-width: 575px) {
        padding-inline: 12px;
    }

    @media (min-width: 576px) {
        margin-left: calc((100% - 540px) / 2);
    }

    @media (min-width: 768px) {
        margin-left: calc((100% - 720px) / 2);
    }

    @media (min-width: 992px) {
        margin-left: calc((100% - 960px) / 2);
    }

    @media (min-width: 1200px) {
        margin-left: calc((100% - 1140px) / 2);
    }

    @media (min-width: 1400px) {
        margin-left: calc((100% - 1320px) / 2);
    }

    @media (min-width: 1440px) {
        margin-left: calc((100% - 1380px) / 2);
    }
}

.swiper {
    z-index: 0;
}

ul,
ol,
dl {
    padding-left: 0;
    margin-bottom: 0;
}

.horizontal-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 1199px) {
        flex-direction: column;
        align-items: start;
    }
}

.horizontal-title p {
    width: 50%;
    text-align: end;
    color: rgba(var(--content-color), 1);

    @media (max-width: 1199px) {
        text-align: start;
        width: 100%;
    }
}

.horizontal-title .title-style {
    margin-bottom: 0;
}

.title-style {
    margin-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.title-style .sub-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));
}

.title-style .sub-title h3 {
    background: linear-gradient(90deg,
            rgba(var(--title-color), 1) 0%,
            rgba(var(--theme-color), 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* button css */
.btn-solid {
    background-color: rgba(var(--theme-color), 1);
    color: rgba(var(--white), 1);
    padding: calc(8px + (13 - 8) * ((100vw - 320px) / (1920 - 320))) calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    transition: 0.4s ease;
    z-index: 0;
    overflow: hidden;
}

.btn-solid:hover {
    color: rgba(var(--theme-color), 1);
}

.btn-solid:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

.btn-solid::before {
    content: "";
    height: 300px;
    width: 300px;
    background-color: rgba(var(--white), 1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}

/* animation css */
@keyframes quote {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes smooth-header {
    0% {
        transform: translateY(-80px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

/* Typography css */
h1 {
    font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    font-family: var(--poppins);
    line-height: 1.4;
    margin-bottom: 0;
}

h2 {
    font-size: calc(22px + (38 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0;
    font-family: var(--poppins);
}

h3 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
}

h4 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}

h5 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}

h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}

p {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
}

li {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    display: inline-block;
}

/* Header css */
.header-topbar {
    background-color: rgba(var(--yellow-color), 1);
    padding: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320))) calc(12px + (100 - 12) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 480px) {
        display: none;
    }
}

.header-topbar .left-topbar {
    display: flex;
    align-items: center;
    gap: calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.header-topbar .left-topbar .contact-text {
    line-height: 1;
    color: rgba(var(--black), 1);
}

.header-topbar .left-topbar .contact-text span,
strong {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;

    @media (max-width: 767px) {
        display: none;
    }
}

.header-topbar .left-topbar .contact-text strong,
.header-topbar .left-topbar .contact-text strong a {
    font-weight: 600;
    margin-left: calc(2px + (3 - 2) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(var(--black), 1);

    @media (max-width: 767px) {
        display: flex;
        align-items: center;
        font-weight: 500;
    }
}

.header-topbar .right-topbar h6 {
    color: rgba(var(--black), 1);
}

.main-header {
    padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))) calc(12px + (100 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.main-header.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-block: 12px;
    background: rgba(var(--white), 1);
    animation: smooth-header 700ms linear;
    z-index: 2;
    box-shadow: 0px 8px 23px 7px rgba(var(--title-color), 0.03);
}

.main-header .header-content .navbar {
    padding: 0;
    justify-content: flex-start;

    @media (min-width:992px) {
        justify-content: space-between;
    }
}

.main-header .header-content .navbar .btn-solid {
    padding-inline: calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width:991px) {
        margin-left: auto;
    }
}

.main-header .header-content .navbar .btn-solid::before {
    background-color: rgba(var(--bg-color), 1);
}

.main-header .header-content .navbar .navbar-collapse {
    @media (min-width:992px) {
        justify-content: center;
    }

    @media (max-width: 991px) {
        position: absolute;
        top: calc(42px + (53 - 42) * ((100vw - 320px) / (1920 - 320)));
        left: 0;
        width: 100%;
        background: rgba(var(--white), 1);
        padding: 20px;
        z-index: 1;
        border-radius: 6px;
        box-shadow: 0 2px 8px 0 rgba(var(--title-color), 0.12);
    }
}

.main-header .header-content .navbar .navbar-brand {
    margin: 0;
    padding: 0;
}

.main-header .header-content .navbar .navbar-toggler {
    padding: 0;
    font-size: unset;
    border: none;
    margin-right: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.main-header .header-content .navbar .navbar-toggler:focus {
    box-shadow: none;
}

.main-header .header-content .navbar .navbar-toggler .navbar-toggler-icon {
    width: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    height: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(1429%) hue-rotate(196deg) brightness(86%) contrast(96%);
}

.main-header .header-content .navbar .navbar-brand img {
    width: calc(120px + (238 - 120) * ((100vw - 320px) / (1920 - 320)));
    height: auto;
    object-fit: contain;
}

.main-header .header-content .navbar nav .navbar-nav {
    gap: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 1199px) and (min-width: 992px) {
        gap: 20px;
    }

    @media (max-width: 991px) {
        gap: 12px;
    }
}

.main-header .header-content .navbar nav .navbar-nav .nav-item .nav-link {
    padding: 0;
    color: #333333;
    font-weight: 500;
    transition: 0.4s ease;
}

.main-header .header-content .navbar nav .navbar-nav .nav-item .nav-link::after {
    content: "";
    position: relative;
    display: block;
    width: 0;
    height: 1px;
    background-color: rgba(var(--title-color), 1);
    margin-top: 6px;
    transition: 0.4s ease;
    margin-left: auto;

    @media (max-width: 991px) {
        display: none;
    }
}

.main-header .header-content .navbar nav .navbar-nav .nav-item:hover .nav-link,
.main-header .header-content .navbar nav .navbar-nav .nav-item .nav-link.active-link {
    color: rgba(var(--title-color), 1);
}

.main-header .header-content .navbar nav .navbar-nav .nav-item:hover .nav-link::after,
.main-header .header-content .navbar nav .navbar-nav .nav-item .nav-link.active-link::after {
    width: 30px;
}

/* Home css */
.home-section {
    padding-left: calc(30px + (100 - 30) * ((100vw - 768px) / (1920 - 768)));
    position: relative;
    z-index: 0;
    background-image: url(../images/home-bg-img.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding-top: calc(80px + (102 - 80) * ((100vw - 768px) / (1920 - 768)));

    @media (max-width: 991px) {
        padding-block: calc(50px + (80 - 50) * ((100vw - 768px) / (1920 - 768)));
    }
}

.home-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(17, 75, 163, 1) 0%,
            rgba(94, 9, 12, 1) 100%);
    z-index: -1;
    mix-blend-mode: multiply;
}

.home-section .home-content {
    padding-top: calc(25px + (62 - 25) * ((100vw - 768px) / (1920 - 768)));

    @media (max-width: 1399px) and (min-width: 992px) {
        padding-top: 0;
    }

    @media (max-width: 991px) {
        text-align: center;
        padding-top: 0;
    }
}

.home-section .home-content h3 {
    color: #ffbc11;
    font-weight: 400;
    margin-top: -3px;
}

.home-section .home-content .btn-solid {
    line-height: 1.5;
    display: inline-flex;
}

.home-section .home-content h1 {
    color: rgba(var(--white), 1);
    width: 80%;

    @media (max-width:1399px) {
        width: 100%;
    }
}

.home-section .home-content p {
    color: rgba(var(--white), 0.7);
    margin-block: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320))) calc(34px + (64 - 34) * ((100vw - 320px) / (1920 - 320)));
    width: 86%;
    letter-spacing: 0.2px;

    @media (max-width: 1399px) {
        width: 100%;
    }
}

.home-section .dot-img {
    bottom: 50px;
    left: 100px;

    @media (max-width: 575px) {
        bottom: 20px;
        left: 30px;
        width: 13%;
    }
}

.home-section .paris-img {
    bottom: 40px;
    right: -40px;

    @media (max-width: 1399px) {
        width: 20%;
    }

    @media (max-width: 575px) {
        bottom: 0;
        width: 30%;
    }
}

.home-section .home-img {
    position: relative;
    z-index: 0;
}

/* quote css */
.quote-section {
    padding-block: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    background: rgba(var(--theme-color), 1);
    overflow: hidden;
}

.quote-section .quote-list {
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
    animation: quote 25s linear infinite;

    @media (max-width: 575px) {
        animation-duration: 15s;
    }
}

.quote-section .quote-list li {
    display: contents;
}

.quote-section .quote-list li h3 {
    margin-left: calc(3px + (5 - 3) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(var(--white), 1);
}

.quote-section .quote-list li img {
    width: calc(20px + (27 - 20) * ((100vw - 320px) / (1920 - 320)));
    height: calc(20px + (27 - 20) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
    border: 1px solid rgba(var(--white), 1);
    border-radius: 100%;
}

.quote-section .quote-list li::after {
    content: url(../images/svg/object.svg);
    position: relative;
    width: 100%;
    height: 100%;
    padding-inline: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

/* About css */
.about-section .about-flex-img {
    display: flex;
    gap: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.about-section {
    position: relative;
}

.about-section .about-bg {
    position: absolute;
    bottom: -64px;
    right: 0;
    z-index: -1;

    @media (max-width:1399px) {
        filter: blur(1.3px);
        opacity: 0.7;
    }
}

.about-section .about-flex-img .about-left-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-section .about-flex-img .about-right-img {
    display: flex;
    flex-direction: column;
    gap: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.about-section .about-flex-img .about-left-img .about-img::after,
.about-section .about-flex-img .about-left-img .about-img::before {
    content: "";
    position: absolute;
    top: calc(15px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
    left: calc(10px + (17 - 10) * ((100vw - 320px) / (1920 - 320)));
    width: calc(100% - calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))));
    height: calc(100% - calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))));
    border: 1px solid rgba(var(--theme-color), 1);
    z-index: -1;
}

.about-section .about-flex-img .about-left-img .about-img::before {
    border-color: rgba(var(--white), 1);
    z-index: 0;
    height: calc(100% - calc(4px + (24 - 14) * ((100vw - 320px) / (1920 - 320))));
    width: calc(100% - calc(9px + (14 - 9) * ((100vw - 320px) / (1920 - 320))));
}

.about-section .about-flex-img .about-left-img .circle-img {
    width: calc(140px + (196 - 140) * ((100vw - 320px) / (1920 - 320)));
    height: calc(140px + (196 - 140) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 100%;
    border: 1px solid rgba(var(--content-color2), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-inline: auto;
}

.about-section .about-flex-img .about-left-img .circle-img img {
    animation: round 28s infinite linear;
    width: inherit;
    padding: 10px;
}

.about-section .about-flex-img .about-left-img .circle-img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(80px + (130 - 80) * ((100vw - 320px) / (1920 - 320)));
    height: calc(80px + (130 - 80) * ((100vw - 320px) / (1920 - 320)));
    border: 1px solid rgba(var(--content-color2), 1);
    border-radius: 100%;
}

.about-section .about-flex-img .about-left-img .circle-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../images/svg/circle-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    width: calc(45px + (57 - 45) * ((100vw - 320px) / (1920 - 320)));
    height: calc(45px + (57 - 45) * ((100vw - 320px) / (1920 - 320)));
}

.about-section .about-flex-img .about-right-img .about-board {
    background: rgba(var(--yellow-color), 1);
    padding-block: calc(15px + (36 - 15) * ((100vw - 320px) / (1920 - 320)));
    padding-inline: 12px;
    color: rgba(var(--content-color2), 1);
    display: flex;
    align-items: center;
    gap: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    justify-content: center;

    @media (max-width: 1199px) {
        flex-direction: column;
    }
}

.about-section .about-flex-img .about-right-img .about-board h2 {
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.3;
}

.about-section .about-flex-img .about-right-img .about-board h4 {
    font-weight: 600;
    width: 42%;

    @media (max-width: 1199px) {
        width: 100%;
        text-align: center;
    }
}

.about-section .about-content .title-style {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.about-section .about-content p {
    color: rgba(var(--content-color2), 1);
    margin-block: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.about-section .about-content p:nth-of-type(1) {
    border-left: 4px solid rgba(var(--theme-color), 1);
    padding-left: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-block: 0;
}

.about-list li {
    display: flex;
    align-items: center;
    gap: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.about-list li+li {
    margin-top: calc(12px + (23 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.about-list li img {
    width: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
    height: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
}

.about-list li h4 {
    font-weight: 500;
    color: rgba(var(--content-color2), 1);
}

/* Help css */
.help-section .help-box {
    background-color: rgba(var(--white), 1);
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    transition: 0.4s ease;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.help-section .swiper-slide {
    height: unset;
    overflow: hidden;
}

.help-section .help-box::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: rgba(var(--title-color), 0.03);
    border-radius: 100%;
    top: 92px;
    right: 62px;
}

.help-section .help-box .circle-effect::after,
.help-section .help-box .circle-effect::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: rgba(var(--title-color), 0.03);
    border-radius: 100%;
    top: 50px;
    right: 86px;
}

.help-section .help-box .circle-effect::after {
    width: 112px;
    height: 112px;
    top: -25px;
    right: -33px;
}

.help-section .help-box .help-icon {
    width: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--title-color), 0.1);
    transition: 0.4s ease;
}

.help-section .help-box .help-icon img {
    width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
}

.help-section .help-box::before {
    content: "";
    position: relative;
    width: calc(56px + (76 - 56) * ((100vw - 320px) / (1920 - 320)));
    height: 3px;
    background: rgba(var(--title-color), 1);
    display: block;
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    transition: 0.4s ease;
}

.help-section .help-box .help-content {
    margin-top: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.help-section .help-box .help-content .help-text {
    flex-grow: 1;
}

.help-section .help-box .help-content h4 {
    font-family: var(--poppins);
    font-weight: 500;
    transition: 0.4s ease;
}

.help-section .help-box .help-content p {
    color: rgba(var(--content-color), 1);
    margin-block: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    transition: 0.4s ease;
}

.help-section .help-box .help-content a {
    font-family: var(--poppins);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: rgba(var(--content-color), 1);
    display: flex;
    align-items: center;
    gap: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
    justify-content: space-between;
    transition: 0.4s ease;
}

.help-section .help-box .help-content a img {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
}

.help-section .help-box:hover {
    background-color: rgba(var(--theme-color), 1);
}

.help-section .help-box:hover .help-content h4,
.help-section .help-box:hover .help-content p,
.help-section .help-box:hover .help-content a {
    color: rgba(var(--white), 1);
}

.help-section .help-box:hover .help-content a img {
    filter: brightness(0) invert(1);
    opacity: 1;
    visibility: visible;
}

.help-section .help-box:hover .help-icon img {
    filter: brightness(0) saturate(100%) invert(39%) sepia(96%) saturate(5430%) hue-rotate(341deg) brightness(87%) contrast(115%);
}

.help-section .help-box:hover .help-icon,
.help-section .help-box:hover::before {
    background-color: rgba(var(--white), 1);
}

.help-section .help-box:hover .circle-effect::after,
.help-section .help-box:hover .circle-effect::before,
.help-section .help-box:hover::after {
    background-color: rgba(var(--white), 0.1);
}

/* Category css */
.category-quote .quote-section {
    background-color: rgba(var(--title-color), 1);

    @media (max-width:991px) {
        padding-block: 3px;
    }
}

.category-quote .quote-section .quote-list {
    gap: calc(10px + (42 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.category-quote .quote-section .quote-list li h3 {
    margin-left: 0;
    font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.category-quote .quote-section .quote-list li::after {
    content: url(../images/svg/star.svg);
    padding-inline: 0;

    @media (max-width:991px) {
        transform: scale(0.7);
        transform-origin: center;
    }
}

/* Choose css */
.choose-section .dot-img {
    top: 80px;
    left: 68px;
}

.choose-section .choose-board {
    bottom: 15%;
    right: 25px;

    @media (max-width:1399px) {
        width: 12%;
    }

    @media (max-width:991px) {
        width: 17%;
        bottom: 5%;
    }

    @media (max-width:767px) {
        width: 22%;
    }

    @media (max-width:575px) {
        display: none;
    }
}

.choose-section .choose-img .choose-bag {
    bottom: 0;
    left: -40px;
    width: auto;

    @media (max-width:1199px) {
        width: 24%;
        left: -25px;
    }

    @media (max-width:575px) {
        display: none;
    }
}

.choose-section .choose-img img {
    width: 100%;
}

.choose-section .choose-content .title-style {
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.choose-section .choose-content p {
    color: rgba(var(--content-color2), 1);
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

/* Dream css */
.dream-section {
    position: relative;
}

.dream-section .dot-img {
    bottom: 15%;
    right: 7%;
}

.dream-section::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/dream-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    background-color: rgba(var(--theme-color), 1);
    position: absolute;
    z-index: -1;
    background-blend-mode: multiply;
}

.dream-section .container .row>div:nth-child(2) .step-number::after,
.dream-section .container .row>div:nth-child(2) .step-number::before,
.dream-section .container .row>div:nth-child(5) .step-number::after,
.dream-section .container .row>div:nth-child(5) .step-number::before {
    content: "";
    position: absolute;
    background: url(../images/svg/arrow-step.svg);
    top: -13px;
    left: 0;
    background-size: cover;
    width: 12px;
    height: 24px;

    @media (max-width:991px) {
        display: none;
    }
}

.dream-section .container .row>div:nth-child(2) .step-number::after,
.dream-section .container .row>div:nth-child(5) .step-number::after {
    left: unset;
    right: 0;
}

.dream-section .title-style {
    color: rgba(var(--white), 1);
}

.dream-section .title-style .sub-title h3 {
    color: rgba(var(--white), 1);
    background: unset;
    -webkit-text-fill-color: unset;
}

.dream-section .title-style .sub-title img {
    filter: brightness(0) invert(1);
}

.dream-section .timeline-line {
    border-top: 1px solid transparent;
    border-image: repeating-linear-gradient(to right, rgba(var(--white), 1) 0, rgba(var(--white), 1) 6px, transparent 4px, transparent 11px);
    border-image-slice: 1;
    width: calc(100% - 226px);
    margin-inline: auto;
    margin-top: calc(61px + 30px);
    position: relative;
    display: block;

    @media (max-width:1399px) {
        width: calc(100% - 182px);
    }

    @media (max-width: 1199px) {
        width: calc(100% - 148px);
    }

    @media (max-width:991px) {
        display: none;
    }
}

.dream-section .timeline-line::before {
    content: "";
    width: 1px;
    height: 61px;
    position: relative;
    border-left: 1px solid transparent;
    border-image: repeating-linear-gradient(to bottom, rgba(var(--white), 1) 0, rgba(var(--white), 1) 6px, transparent 4px, transparent 11px);
    border-image-slice: 1;
    display: block;
    margin-inline: auto;
    margin-top: -61px;
}

.dream-section .timeline-line::after {
    content: "";
    width: 12px;
    height: 24px;
    position: relative;
    background: url(../images/svg/arrow-step.svg);
    display: block;
    margin-inline: auto;
    margin-top: -50px;
    transform: rotate(90deg);
}

.dream-section .step-number {
    text-align: center;
    position: relative;
}

.dream-section .step-number .step-count::before {
    content: "";
    position: relative;
    width: 1px;
    height: 61px;
    border-left: 1px solid transparent;
    border-image: repeating-linear-gradient(to bottom, rgba(var(--white), 1) 0, rgba(var(--white), 1) 6px, transparent 4px, transparent 11px);
    border-image-slice: 1;
    display: block;
    margin-inline: auto;

    @media (max-width:991px) {
        display: none;
    }
}

.dream-section .step-number .step-count {
    font-weight: 700;
    font-size: calc(28px + (45 - 28) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    color: rgba(var(--white), 0.5);
}

.dream-section .dream-box {
    background: rgba(var(--white), 1);
    padding: 24px calc(20px + (55 - 20) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
    flex-grow: 1;
    transition: 0.4s ease;
    padding-top: 0;
    margin-top: 34px;
    position: relative;

    @media (max-width:1199px) and (min-width: 992px) {
        padding-inline: 25px;
    }
}

.dream-section .dream-box .dream-icon {
    width: calc(60px + (82 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: calc(60px + (82 - 60) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--white), 1);
    border-radius: 100%;
    transition: 0.4s ease;
    border: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320))) solid rgba(var(--theme-color), 1);
    margin-top: -34px;
}

.dream-section .dream-box:hover .dream-icon img {
    animation: tada 1.5s ease-in-out infinite;
}

.dream-section .dream-box .dream-icon img {
    width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
    transition: 1s ease;
}

.dream-section .dream-box h5 {
    transition: 0.4s ease;
    color: rgba(var(--content-color2), 1);
    font-weight: 600;
    line-height: 1.5;

    @media (min-width:1567px) {
        width: 90%;
    }

    @media (max-width:1567px) {
        width: 80%;
    }

    @media (max-width:1399px) {
        width: 95%;
    }


    @media (max-width:991px) {
        width: 58%;
    }

    @media (max-width:767px) and (min-width: 576px) {
        width: 50%;
    }

    @media (max-width:575px) {
        width: 100%;
    }

    @media (max-width: 444px) {
        width: 65%;
    }

    @media (max-width: 364px) {
        width: 75%;
    }

    @media (max-width: 328px) {
        width: 80%;

    }
}

/* Country css */
.country-section {
    position: relative;
    z-index: 0;
    height: 100vh;

    @media (max-width: 991px) {
        height: auto;
    }
}

.country-section .title-style {
    @media (max-width: 991px) {
        text-align: center;
    }
}

.country-section .title-style .sub-title {
    @media (max-width: 991px) {
        justify-content: center;
    }
}

.country-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/country-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: bottom;

    @media (max-width: 1199px) {
        background-size: cover;
    }

    @media (max-width: 991px) {
        display: none;
    }

}

.country-main-box {
    padding-top: calc(20px + (70 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.country-main-box .dot-img {
    top: 70px;
    left: 63px;
    z-index: -1;
}

.country-main-box .w-sm-100 {
    @media (max-width:520px) {
        width: 100%;
    }
}

.country-main-box .country-box {
    background-color: #f4f4f6;
    padding: 10px;
}

.country-main-box .country-box .country-img {
    transition: 0.4s ease;
}

.country-main-box .country-box .country-img img {
    width: 100%;
}

.country-main-box .country-box:hover .country-img {
    filter: grayscale(1);
}

.country-main-box .country-box:hover .country-title h4 {
    color: rgba(var(--theme-color), 1);
}

.country-main-box .country-box .country-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.country-main-box .country-box .country-title .country-icon {
    margin-top: calc(-15px + (-40 - -15) * ((100vw - 320px) / (1920 - 320)));
    width: calc(45px + (75 - 45) * ((100vw - 320px) / (1920 - 320)));
    height: calc(45px + (75 - 45) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--white), 1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    z-index: 0;
}

.country-main-box .country-box .country-title h4 {
    font-weight: 500;
    color: rgba(var(--content-color2), 1);
    padding-top: 10px;
    transition: 0.4s ease;
}

/* counter start */
.counter-section {
    background-color: rgb(var(--title-color), 1);
    position: relative;
    z-index: 0;
}

.counter-section::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    opacity: 0.15;
    z-index: -1;
}

.counter-section .counter-box {
    display: flex;
    align-items: center;
    gap: calc(12px + (25 - 12) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width:575px) {
        flex-direction: column;
    }
}

.counter-section .counter-box .counter-icon {
    width: calc(60px + (105 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: calc(60px + (105 - 60) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--theme-color), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.counter-section .counter-box .counter-icon img {
    transition: 1s ease;
    width: calc(30px + (43 - 30) * ((100vw - 320px) / (1920 - 320)));
    height: calc(30px + (43 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.counter-section .counter-box:hover .counter-icon img {
    transform: rotateY(360deg);
}

.counter-section .counter-box .counter-content {
    width: calc(100% - calc(60px + (105 - 60) * ((100vw - 320px) / (1920 - 320))) - calc(12px + (25 - 12) * ((100vw - 320px) / (1920 - 320))));
    color: rgba(var(--white), 1);

    @media (max-width:575px) {
        width: 100%;
        text-align: center;
    }
}

.counter-section .counter-box .counter-content .counter {
    font-size: calc(28px + (50 - 28) * ((100vw - 320px) / (1920 - 320)));
    font-family: var(--montserrat);
}

/* testimonials start */
.testimonial-section .pagination-arrow-btn {
    margin-top: calc(25px + (135 - 25) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    z-index: 0;
    position: relative;
}

@media (max-width: 991px) and (min-width: 767px) {
    .testimonial-section .pagination-arrow-btn {
        margin-top: 50px;
    }
}

.testimonial-section .pagination-arrow-btn .swiper-button-next,
.testimonial-section .pagination-arrow-btn .swiper-button-prev {
    position: relative;
    inset: unset;
    width: auto;
    height: auto;
    justify-content: unset;
    margin: 0;
    transition: 0.4s ease;
}

.testimonial-section .pagination-arrow-btn .swiper-button-next::after,
.testimonial-section .pagination-arrow-btn .swiper-button-prev::after {
    content: none;
}

.testimonial-section .pagination-arrow-btn .swiper-button-next .box,
.testimonial-section .pagination-arrow-btn .swiper-button-prev .box {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--title-color), 0.1);
    position: relative;
    z-index: 0;
}

.testimonial-section .pagination-arrow-btn .swiper-button-next .box:after,
.testimonial-section .pagination-arrow-btn .swiper-button-prev .box:after {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: rgba(var(--title-color), 0.1);
}

.testimonial-section .pagination-arrow-btn .swiper-button-next img,
.testimonial-section .pagination-arrow-btn .swiper-button-prev img {
    z-index: 1;
}

@media (max-width: 575px) {

    .testimonial-section .pagination-arrow-btn .swiper-button-next img,
    .testimonial-section .pagination-arrow-btn .swiper-button-prev img {
        width: 50%;
    }
}

.testimonial-section .pagination-arrow-btn .swiper-button-next h5,
.testimonial-section .pagination-arrow-btn .swiper-button-prev h5 {
    font-weight: 600;
    font-size: 20px;
    color: rgb(var(--title-color), 1);
}

.testimonial-section .pagination-arrow-btn .swiper-button-next img {
    margin-left: -20px;
}

.testimonial-section .pagination-arrow-btn .swiper-button-next .box:after {
    left: 0;
}

.testimonial-section .pagination-arrow-btn .swiper-button-next h5 {
    margin-left: 8px;
}

.testimonial-section .pagination-arrow-btn .swiper-button-prev img {
    margin-right: -20px;
    transform: scale(-1);
}

.testimonial-section .pagination-arrow-btn .swiper-button-prev .box:after {
    right: 0;
}

.testimonial-section .pagination-arrow-btn .swiper-button-prev h5 {
    margin-right: 8px;
}

.testimonial-section .style-pagination-1>.swiper-pagination-bullets,
.testimonial-section .style-pagination-1.swiper-pagination-bullets {
    position: relative;
    inset: unset;
    transform: unset;
    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    z-index: 0;
    display: flex;
    align-items: center;
    gap: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    padding: 0;
    margin: 0;
    width: auto;
}

.testimonial-section .style-pagination-1 .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    background: rgba(var(--content-color2), 0.3);
    opacity: 1;
    position: relative;
    transition: 0.4s ease;
    margin-inline: 0;
}

.testimonial-section .style-pagination-1 .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    border: 1px solid rgba(var(--theme-color), 1);
}

.testimonial-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(var(--theme-color), 1);
}

.testimonial-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.testimonial-section {
    position: relative;
}

.testimonial-section .testimonials-info .title-style p {
    margin-top: 20px;
    color: rgba(var(--content-color2), 1);
}

.testimonial-section .object-dots {
    bottom: 100px;
    right: 90px;
}

.testimonial-section .testimonials-box {
    background: rgba(var(--white), 1);
    padding: calc(12px + (40 - 12) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    margin-block: 30px 26px;
    margin-left: 30px;
}

@media (max-width: 575px) {
    .testimonial-section .testimonials-box {
        margin: 0;
        text-align: center;
    }
}

.testimonial-section .testimonials-box .testimonials-img {
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: 0;
    background: linear-gradient(rgba(var(--white), 1), rgba(var(--white), 1)) content-box,
        50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat,
        linear-gradient(50deg,
            rgba(var(--title-color), 1) 0%,
            rgba(var(--theme-color), 1) 100%) border-box;
    border-radius: 50%;
    width: calc(60px + (69 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: calc(60px + (69 - 60) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.testimonial-section .testimonials-box .testimonials-img .plane-badge {
    background-color: rgba(var(--theme-color), 1);
    width: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
    height: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
    border: 2px solid rgba(var(--white), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 100%;
}

.testimonial-section .testimonials-box .testimonials-img .plane-badge img {
    width: auto;
    height: auto;
}

@media (max-width: 575px) {
    .testimonial-section .testimonials-box .testimonials-img {
        position: relative;
        inset: unset;
        margin-inline: auto;
    }
}

.testimonial-section .testimonials-box .testimonials-img img {
    width: calc(35px + (43 - 35) * ((100vw - 320px) / (1920 - 320)));
    height: calc(35px + (43 - 35) * ((100vw - 320px) / (1920 - 320)));
    object-fit: cover;
    border-radius: 100%;
}

@media (max-width: 575px) {
    .testimonial-section .testimonials-box .testimonials-content {
        margin-top: 15px;
    }
}

.testimonial-section .testimonials-box .testimonials-content .testimonials-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 4px;
}

@media (max-width: 575px) {
    .testimonial-section .testimonials-box .testimonials-content .testimonials-name {
        padding-left: 0;
        justify-content: center;
    }
}

.testimonial-section .testimonials-box .testimonials-content .testimonials-name h4 {
    font-weight: 600;
    font-size: 22px;
    color: rgba(var(--title-color), 1);
}

.testimonial-section .testimonials-box .testimonials-content .testimonials-name h5 {
    color: rgba(var(--content-color2), 1);
    font-size: 20px;
}

.testimonial-section .testimonials-box .testimonials-content p {
    color: rgba(var(--content-color2), 1);
    font-weight: 400;
    margin-block: calc(10px + (22 - 10) * ((100vw - 320px) / (1920 - 320))) calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-section .testimonials-box .testimonials-content ul li i {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(0, 1, 0);
}

.testimonial-section .testimonials-box .testimonials-content .quote-img {
    position: absolute;
    bottom: -28px;
    right: 0;
    width: calc(75px + (120 - 75) * ((100vw - 320px) / (1920 - 320)));
    height: calc(50px + (78 - 50) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
}

@media (max-width: 575px) {
    .testimonial-section .testimonials-box .testimonials-content .quote-img {
        opacity: 0.2;
        bottom: 20px;
    }
}

.testimonial-section .testimonials-slider {
    height: 685px;
    margin-bottom: -32px;
}

@media (max-width: 1399px) {
    .testimonial-section .testimonials-slider {
        height: 630px;
    }
}

@media (max-width: 1199px) {
    .testimonial-section .testimonials-slider {
        height: 586px;
    }
}

@media (max-width: 991px) {
    .testimonial-section .testimonials-slider {
        height: auto;
        margin-bottom: 0;
    }
}

.testimonial-section .testimonials-info {
    position: relative;
    margin-left: 22px;

    @media (max-width:991px) {
        margin-left: 0;
    }
}

.testimonial-section .testimonials-info .testimonials-logo {
    display: inline-grid;
    grid-template-columns: auto auto auto;
    row-gap: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
    column-gap: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.testimonial-section .testimonials-info .testimonials-logo li:nth-child(4) {
    border-left: none;
    padding-left: 0;
}

.testimonial-section .testimonials-info .testimonials-logo li+li {
    border-left: 1px solid rgba(var(--content-color2), 0.4);
    padding-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
}

/* Contact css */
.contact-section .contact-bg-img {
    background: url(../images/contact-bg.png);
    height: 225px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-section .dot-img {
    bottom: 10%;
    right: 6%;

    @media (max-width:575px) {
        width: 15px;
    }
}

.contact-section .row .col-xl-7 {
    @media (min-width: 1440px) {
        width: 723px;
    }
}

.contact-section .row .col-xl-5 {
    @media (min-width: 1440px) {
        width: calc(100% - 723px);
    }
}

.contact-section .contact-bg-img .contact-person {
    bottom: 0;
    left: 16%;
}

.contact-section .contact-bg-img .contact-right {
    top: 0;
    right: 0;
}

.contact-section .contact-main-box {
    padding: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))) calc(30px + (80 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.contact-section .title-style p {
    color: rgba(var(--content-color2), 1);
    font-family: var(--poppins);
    font-weight: 400;
    margin-top: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.contact-section .apply-modal .form-box {
    border: 1px solid rgba(var(--content-color2), 0.2);
    padding: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
    background: rgba(var(--white), 1);
    margin-top: -90px;
    position: relative;

    @media (max-width:1399px) and (min-width:1199px) {
        padding: 22px;
    }

    @media (max-width:1199px) {
        margin-top: 0;
    }
}

.contact-section .apply-modal .form-box .btn-solid::before {
    background-color: rgba(var(--bg-color), 1);
}

.contact-section .apply-modal .form-box .form-field label {
    color: rgba(var(--content-color2), 1);
}

.contact-section .apply-modal .form-box .form-field .form-control {
    background-color: rgba(var(--bg-color), 1);
}

.contact-section .contact-box .contact-icon {
    width: calc(52px + (68 - 52) * ((100vw - 320px) / (1920 - 320)));
    height: calc(52px + (68 - 52) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--title-color), 1);
    border-radius: 100%;
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.contact-section .contact-box .contact-icon img {
    transform: scale(0.9);
    transition: 0.4s ease;
    width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
}

.contact-section .contact-main-box .contact-paris {
    position: absolute;
    top: 5%;
    right: -4%;

    @media (max-width: 1399px) {
        filter: blur(1px);
        opacity: 0.5;
    }

    @media (max-width: 767px) {
        display: none;
    }
}

.contact-section .contact-box h4 {
    font-weight: 500;
    margin-bottom: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    border-left: 3px solid rgba(var(--yellow-color), 1);
    padding-left: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    font-family: var(--poppins);
    color: rgba(var(--content-color2), 1);

    @media (max-width: 767px) {
        padding-left: 0;
        border-left: none;
    }
}

.contact-section .contact-box:hover .contact-icon img {
    transform: scale(1.1);
}

.contact-info {
    padding-left: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 767px) {
        padding-left: 0;
    }
}

.contact-section .contact-box h5,
.contact-section .contact-box h5 a {
    color: rgba(var(--content-color2), 1);
    font-family: var(--poppins);
    font-weight: 400;
    white-space: nowrap;

    @media (max-width: 767px) {
        word-wrap: break-word;
    }
}

.contact-section .contact-box h5+h5 {
    margin-top: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
}

/* Footer css */
.footer-section {
    position: relative;
    z-index: 0;
    background-color: rgb(var(--title-color), 1);
}

.footer-section .footer-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    object-fit: contain;
    mix-blend-mode: darken;

    @media (max-width: 1650px) {
        width: 80%;
    }

    @media (max-width: 1650px) {
        filter: opacity(0.8) blur(1px);
    }
}

.footer-section .footer-content .footer-logo img {
    width: calc(147px + (312 - 147) * ((100vw - 320px) / (1920 - 320)));
    height: auto;
    object-fit: contain;
    margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.footer-section .footer-content p {
    color: rgba(var(--white), 0.6);
    margin-block: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320))) calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
    width: 72%;

    @media (max-width: 1650px) {
        width: 80%;
    }

    @media (max-width: 575px) {
        width: 100%;
    }
}

.footer-section .footer-content h2 {
    color: rgba(var(--white), 1);
}

.footer-section .footer-content .social-list {
    display: flex;
    align-items: center;
    gap: calc(6px + (22 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.footer-section .footer-content .social-list li a {
    width: calc(40px + (58 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (58 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--white), 0.15);
    border-radius: 100%;
    transition: 0.4s ease;
}

.footer-section .footer-content .social-list li a img {
    width: calc(28px + (45 - 28) * ((100vw - 320px) / (1920 - 320)));
    height: calc(28px + (45 - 28) * ((100vw - 320px) / (1920 - 320)));
    object-fit: contain;
}

.footer-section .footer-content .social-list li:hover a {
    transform: translateY(-3px);
    box-shadow: 0px 0px 18px 1px rgba(var(--title-color), 0.12);
}

.footer-section .footer-link .footer-title {
    display: none;
    color: rgba(var(--white), 1);
    margin-bottom: 15px;

    @media (max-width:767px) {
        display: flex;
        align-items: center;
        gap: 10px;
    }
}

.footer-section .footer-link .footer-title img {
    filter: brightness(0) invert(1);
}

.footer-section .footer-link .footer-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 1399px) {
        justify-content: start;
    }

    @media (max-width: 767px) {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 30px;
    }
}

.footer-section .footer-link .footer-list li+li {
    border-left: 2px solid rgba(var(--white), 1);
    padding-left: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width: 767px) {
        border-left: none;
        padding-left: 0;
    }
}

.footer-section .footer-link .footer-list li a {
    color: rgba(var(--white), 1);
}

.footer-section .footer-link .footer-list li:hover a {
    color: rgba(var(--theme-color), 1);
}

.footer-section .footer-padding {
    padding-top: calc(50px + (87 - 50) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--theme-color), 1);
}

/* Tap to top button */
.fixed-button .whatsapp-box {
    width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--black), 0.13);
    border-radius: 50%;
    padding: 0;
    border: none;
    box-shadow: rgba(var(--title-color), 0.2) 0px 7px 29px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(18px);
}

.fixed-button .whatsapp-box img {
    width: 35px;
    height: 35px;
}

.fixed-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: column;
    transform: scale(0);
    transition: 0.4s ease;
}

.fixed-button.show {
    transform: scale(1);
}

.fixed-button .tap-to-top {
    width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--theme-color), 1);
    border-radius: 50%;
    padding: 0;
    border: none;
    box-shadow: rgba(var(--title-color), 0.2) 0px 7px 29px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-button .tap-to-top img {
    width: 25px;
    height: 25px;
}

/* modal css */
.apply-modal .modal-dialog {
    @media (min-width: 1440px) {
        max-width: 1415px;
    }
}

.apply-modal .modal-content {
    border-radius: 0;
}

.apply-modal .modal-body {
    padding: 0;
}

.apply-modal .modal-body .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    border-radius: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: 0.4s ease;
    z-index: 1;
}

.apply-modal .modal-body .btn-close:focus {
    box-shadow: none;
}

.apply-modal .modal-body .btn-close:hover {
    background-color: rgba(var(--white), 1);
}

.apply-modal .modal-body .btn-close:hover .close-icon::after,
.apply-modal .modal-body .btn-close:hover .close-icon::before {
    transform: rotate(0);
}

.apply-modal .modal-body .btn-close .close-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
}

.apply-modal .modal-body .btn-close .close-icon::after {
    transform: rotate(45deg);
}

.apply-modal .modal-body .btn-close .close-icon::before {
    transform: rotate(-45deg);
}

.apply-modal .modal-body .btn-close .close-icon::after,
.apply-modal .modal-body .btn-close .close-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: rgb(var(--title-color), 1);
    transform-origin: 50% 50%;
    transition: 0.4s ease;
}

.apply-modal .modal-right {
    background-color: rgba(var(--bg-color), 1);
    padding: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))) calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))) calc(10px + (26 - 10) * ((100vw - 320px) / (1920 - 320))) calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .form-box .form-field {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));

    @media (max-width:1399px) and (min-width:1199px) {
        margin-bottom: 24px;
    }
}

.apply-modal .form-box .btn-solid {
    border: none;
    padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(45px + (78 - 45) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .form-box .btn-solid:focus-visible {
    outline: none;
}

.apply-modal .form-box .form-field label {
    font-family: var(--poppins);
    font-weight: 500;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(var(--title-color), 1);
    line-height: 1.1;
    margin-bottom: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .form-box .form-field .form-control {
    padding: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    background-color: rgba(var(--white), 1);
    border: none;
    border-radius: 0;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    color: rgba(21, 24, 49, 0.4);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.apply-modal .form-box .form-field .form-control::placeholder {
    color: rgba(21, 24, 49, 0.4);
    font-family: var(--poppins);
    font-weight: 400;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
}

.apply-modal .form-box .form-field textarea {
    height: 117px;
}

.apply-modal .form-box .form-field .form-control:focus {
    box-shadow: none;
}

.apply-modal .modal-left {
    background: url(../images/modal-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))) calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    z-index: 0;
}

.apply-modal .modal-left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--white), 0.5);
    backdrop-filter: blur(5px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;

    @media (max-width:575px) {
        opacity: 1;
        visibility: visible;
    }
}

.apply-modal .modal-left h2 {
    font-weight: 700;
    font-size: calc(20px + (53 - 20) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: rgba(var(--title-color), 1);
}

.apply-modal .modal-left>h3 {
    color: rgba(var(--content-color), 1);
    border-left: 4px solid rgba(var(--theme-color), 1);
    padding-left: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    margin-block: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320))) calc(60px + (135 - 60) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .modal-left .country-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(10px + (22 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .modal-left .country-list li {
    display: flex;
    align-items: center;
    gap: calc(5px + (8 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.apply-modal .modal-left .country-list li img {
    width: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
    height: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
    border: 1.7px solid rgba(var(--white), 1);
    object-fit: contain;
    box-shadow: 0 0 21px 0 rgba(var(--black), 0.2);
    border-radius: 100%;
}

.apply-modal .modal-left .country-list li h3 {
    color: rgba(var(--black), 1);
    font-family: Barlow Condensed;
}

.modal-backdrop {
    background-color: rgba(0, 19, 48, 0.7);
}

.modal-backdrop.show {
    opacity: 1;
}

.split-text span {
    opacity: 0;
    transform: translateY(15px);
    display: inline-block;
    transition: all 0.5s ease;
}

.split-text.in-view span {
    opacity: 1;
    transform: translateY(0);
}