:root {
    --main-yellow: #AB972C;
    --main-blue: #04005F;
    --secondary-black: #4C4C4C;
}

@font-face {
    font-family: DIN Next LT W23;
    font-weight: bold;
    src: url(../font/din-next-lt-w23-bold-1.ttf);
}

@font-face {
    font-family: DIN Next LT W23;
    font-weight: normal;
    src: url(../font/din-next-lt-w23-regular.ttf);
}

/* Global */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: DIN Next LT W23;
}

html,
body {
    overflow-x: hidden;
}


html[dir='rtl'] p,
html[dir='rtl'] h1,
html[dir='rtl'] h3,
html[dir='rtl'] h4,
html[dir='rtl'] h5,
html[dir='rtl'] h6,
html[dir='rtl'] h2,
html[dir='rtl'] a {
    text-align: right;
}

html[dir='ltr'] p,
html[dir='ltr'] h1,
html[dir='ltr'] h3,
html[dir='ltr'] h4,
html[dir='ltr'] h5,
html[dir='ltr'] h6,
html[dir='ltr'] h2,
html[dir='ltr'] a {
    text-align: left;
}

section {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1420px;
}

@media (max-width:1500px) {
    .container {
        max-width: 1200px;
    }
}

.navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    height: 60px;
}

.navbar-brand img {
    height: 100%;
    object-fit: contain;
}

@media (max-width:991px) {
    .navbar-brand {
        position: static;
        transform: translateX(0);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
    }

}

.sub_title {
    font-size: 26px;
    font-weight: 700;
    line-height: 39px;
    color: var(--main-yellow);
}

.hero_section .swiper-slide .primary_title {
    font-size: clamp(32px, 5.6vw, 42px);
}

.primary_title {
    font-size: clamp(26px, 3.4vw, 48px);
    font-weight: 700;
    line-height: clamp(36px, 5.4vw, 68px);
    color: rgba(4, 0, 95, 1);
}

.description {
    font-size: clamp(16px, 2.4vw, 20px) !important;
    font-weight: 400;
    line-height: clamp(26px, 6.4vw, 32px) !important;
    color: #4C4C4C;
}

@media (max-width:1200px) {
    .navbar-nav {
        width: 100%;
    }

    .sub_title {
        font-size: 24px;
    }

}




@media (max-width:1024px) {
    .sub_title {
        font-size: 24px;
        line-height: 32px;
    }


    .description {
        font-size: 22px;
        line-height: 32px;
    }

    .button_learn {
        font-size: 18px;
    }

}

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

@media (max-width:558px) {
    .sub_title {
        font-size: 20px;
        line-height: 32px;
    }


    .description {
        font-size: 18px;
        line-height: 32px;
    }

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



/* Swiper */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper.mySwiper>.container {
    padding: 0 !important;
    position: absolute;
    z-index: 1;
    bottom: 00px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.swiper.mySwiper .swiper-button-next-hero,
.swiper.mySwiper .swiper-button-prev-hero {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    width: 120px;
}

html[dir="rtl"] {

    .swiper.mySwiper .swiper-button-next-hero,
    .swiper.mySwiper .swiper-button-prev-hero {
        flex-direction: row-reverse;
    }
}

.swiper.mySwiper .swiper-button-next-hero {
    justify-content: flex-end;
}

.swiper.mySwiper .swiper-button-prev-hero {
    justify-content: flex-start;
}

.swiper.mySwiper .swiper-button-next-hero img,
.swiper.mySwiper .swiper-button-prev-hero img {
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    width: 60px
}

.swiper.mySwiper .swiper-button-next-hero div,
.swiper.mySwiper .swiper-button-prev-hero div {
    width: 60px;
    text-transform: capitalize;
}


html[dir="ltr"] {
    .hero_section .swiper.mySwiper .swiper-button-next-hero img {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
    }

    .hero_section .swiper.mySwiper .swiper-button-next-hero:hover img {
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }

    .hero_section .swiper.mySwiper .swiper-button-prev-hero img {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
    }

    .hero_section .swiper.mySwiper .swiper-button-prev-hero:hover img {
        transform: translate(00px);
        -webkit-transform: translate(00px);
        -moz-transform: translate(00px);
        -ms-transform: translate(00px);
        -o-transform: translate(00px);
    }

}

html[dir="rtl"] {
    .hero_section .swiper.mySwiper .swiper-button-next-hero img {
        transform: translate(10px);
        -webkit-transform: translate(10px);
        -moz-transform: translate(10px);
        -ms-transform: translate(10px);
        -o-transform: translate(10px);
    }

    .hero_section .swiper.mySwiper .swiper-button-next-hero:hover img {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
    }

    .hero_section .swiper.mySwiper .swiper-button-prev-hero img {
        transform: translate(-10px);
        -webkit-transform: translate(-10px);
        -moz-transform: translate(-10px);
        -ms-transform: translate(-10px);
        -o-transform: translate(-10px);
    }

    .hero_section .swiper.mySwiper .swiper-button-prev-hero:hover img {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
    }

}

.swiper.mySwiper .swiper-button-next-hero::after {
    content: none;
    top: 0;
    height: 10px;
    margin-bottom: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.swiper.mySwiper .swiper-button-prev-hero::after {
    content: "";
    top: 0;
    height: 10px;
    margin-bottom: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    box-shadow: none;

}

.navbar-toggler-icon {
    background-image: url(../images/menu.png);
}

.hero_section .navbar_section {
    height: fit-content;
    padding-block: 0 !important;
    transition: .5s background, .5s color;
    -webkit-transition: .5s background, .5s color;
    -moz-transition: .5s background, .5s color;
    -ms-transition: .5s background, .5s color;
    -o-transition: .5s background, .5s color;
    background: none;
    background-color: rgba(4, 2, 35, 1);
}

@media (max-width:1200px) {

    .hero_section .navbar_section:not(.scrolling) .navbar-collapse {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

}


.hero_section .navbar_section.scrolling {
    background: rgba(4, 2, 35, 1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding-bottom: 0 !important;
}


.hero_section .navbar_section.scrolling .container {
    .navbar-brand {
        height: 40px;
    }

    .top_section {
        padding-block: 26px !important;
    }
}

@media (max-width:1200px) {
    html:has(.navbar-collapse.show) {
        overflow: hidden;
    }

    .hero_section .navbar_section {
        background: rgba(4, 0, 95, 1);

    }

    .hero_section .navbar_section .container #navbarSupportedContent.navbar-collapse.collapse.show {
        height: calc(100vh - 61px) !important;
    }

    .hero_section .navbar_section .container .navbar-collapse {
        transition: .5s all ease;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
    }

    .hero_section .navbar_section .container #navbarSupportedContent>ul {
        height: calc(100vh - 55px - 81px) !important;
        justify-content: center;
    }

    #navbarSupportedContent .nav-item>.dropdown-menu {
        position: absolute;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
}

    .navbar_section .dropdown-menu {
        font-size: 16px !important;
    }

    .navbar_section .dropdown-menu li {
        padding: 4px 12px !important;
        line-height: 24px;
    }

    .navbar_section .dropdown-menu li a {
        padding: 0 !important;
    }
}

.hero_section .navbar_section .container {
    padding-block: 0;
    padding-inline: 16px !important;
}

.hero_section .navbar_section .container .top_section {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    color: white;
    padding-block: 32px;
    border-bottom: 1px solid #FFFFFF7A;
    padding-inline: 0 !important;
    position: relative;
}

@media (max-width:992px) {
    .hero_section .navbar_section .container .top_section {
        padding-block: 20px !important;
    }
}

.hero_section .navbar_section .container .top_section .dropdown-toggle::after {
    display: none;
}

.hero_section .navbar_section .container .top_section a {
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    text-decoration: none;
    color: #FFF;
}

.hero_section .navbar_section .container .top_section .languageSelector:hover a {
    color: var(--main-yellow) !important;
}

.hero_section .navbar_section .container .top_section .phoneNumber {
    cursor: pointer;
    align-items: baseline !important;
}

.hero_section .navbar_section .container .top_section .phoneNumber a {
    text-decoration: none;
    color: #FFF;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    direction: ltr;
}

.hero_section .navbar_section .container .top_section .iconLanguage,
.hero_section .navbar_section .container .top_section .phoneNumber img {
    margin-top: -4px;
}

.hero_section .navbar_section .container .top_section .phoneNumber:hover a {
    color: var(--main-yellow);
}

.hero_section .navbar_section .container .top_section .languageSelector {
    cursor: pointer;
    align-items: baseline !important;
}

.hero_section .navbar_section .container .top_section .iconLanguage {
    width: 16px;
    height: 16px;
}

.hero_section .navbar_section .container .top_section .nice-select:after {
    border-color: #FFF
}

.hero_section .navbar_section .container .top_section .nice-select .option {
    color: #000;
    text-align: center;
}

@media (max-width:778px) {

    .hero_section .navbar_section .container .top_section {
        padding-block: 10px;
    }

    .hero_section .navbar_section.scrolling .container {

        .top_section {
            padding-block: 10px !important;
        }
    }

    .hero_section .navbar_section.scrolling {
        padding-top: 0 !important;
    }

}

.hero_section .navbar_section .container .search_input {
    max-width: 120px;
}

.hero_section .navbar_section .container .container_info .search_button {
    font-size: 18px;
    font-weight: 500;
    line-height: 26.46px;

}



.hero_section .navbar_section .container .container_info .line {
    background-color: #FFFFFF7A;
    height: 24px;
    width: 2px;
}

.hero_section .navbar_section .container .navbar {
    font-size: 20px;
    font-weight: 500;
    line-height: 29.4px;
    padding-block: 20px !important;
}

@media (max-width:1200px) {
    .hero_section .navbar_section .container .navbar {
        padding-block: 0 !important;
        width: calc(100% + 100px);
        margin-inline-start: -40px;
    }
}

.hero_section .navbar_section .container .navbar li {
    margin-inline: 6px;
}

.hero_section .navbar_section .container .navbar li:has(.active) {
    .dropdown-toggle::after {
        filter: none
    }
}

.hero_section .navbar_section .container .navbar li.active a {
    color: var(--main-yellow) !important
}

.hero_section .navbar_section .container .navbar .dropdown-menu>li :is(a, div) {
    color: black;
    line-height: normal;
    padding-inline: 16px;
    @media (max-width:1200px) {
        padding-inline: 0;
        
    }
}

.hero_section .navbar_section .container .navbar .dropdown-menu>li:hover a {
    color: var(--main-yellow);
}

.hero_section .navbar_section .container .navbar .dropdown-menu>li a img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
}

html[dir="rtl"] .hero_section .navbar_section .container .navbar .dropdown-menu>li a img {
    rotate: 180deg;
}

.hero_section .navbar_section .container .navbar .dropdown-menu>li:hover a img {
    filter: none;
    -webkit-filter: none;
}

.hero_section .navbar_section .container .navbar a.nav-link {
    color: white;
    display: flex;
    align-items: baseline;
    gap: 4px;

}

.hero_section .navbar_section .container .navbar a.active {
    color: var(--main-yellow);
}


/* Footer */


/* Footer */

footer {
    background-color: #040223;
    position: relative;
    z-index: 1;
}

footer .container {
    padding-inline: 12px !important;
}

footer .container:first-child {
    border-bottom: 1px solid #FFFFFF66;
}

footer::before {
    content: url(../images/FooterIcon-2.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

footer::after {
    content:'';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 150px;
    background: url(/static/images/footerIcon.png) center no-repeat;
    height: 150px;
    background-size: contain;
}

footer .part_info {
    max-width: 417px;
}

footer .part_info .logo {
    width: 146px;
}

footer .part_info p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;

}

footer ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 259px;
    padding: 0;
}

footer ul ul {
    margin: 0;
}

footer ul li a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    word-break: break-word;
    direction: ltr;
}

footer ul li a:hover {
    color: var(--main-yellow);
}

footer .container:not(:first-child) a {
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
}

footer .container:not(:first-child) a:hover {
    scale: 1.1;
}

footer ul:last-child li {
    text-wrap: balance;
    display: flex;
    justify-content: start;
    align-items: baseline !important;

    @media (max-width:668px) {
        justify-content: center !important;
    }

    img {
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
    }
}

footer .text_copyright {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}


.infoPage {
    background: rgba(235, 226, 192, 0.6) url(../images/repeatBG.png);
    margin-top: 175px;
    background-size: cover;
}

@media (max-width: 1200px) {
    .infoPage {
        margin-top: 92px;
    }
}

@media (max-width: 778px) {
    .infoPage {
        margin-top: 98px;
    }
}

.title_page {
    color: rgba(4, 0, 95, 1);
    font-size: clamp(20px, 2.4vw, 40px);
    font-weight: 600;
    line-height: clamp(42px, 2.4vw, 60px);
    padding-top: 12px;

}

.infoPage .list_links {
    flex-wrap: wrap;
    row-gap: 10px !important;
    margin-bottom: 0;
}

.infoPage .list_links li {
    position: relative;

}

.infoPage .list_links li a {
    text-decoration: none;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 600;
    line-height: 29.4px;
    color: rgba(4, 0, 95, 1);
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
}

.infoPage .list_links li a:hover {
    color: var(--main-yellow);
    border-bottom: 1px solid var(--main-yellow);
}

.infoPage .list_links li:first-child a {
    color: var(--main-yellow);
}

.infoPage .list_links li.active::before {
    content: url(../images/arrow-down.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -20px;
}

html[dir="rtl"] .infoPage .list_links li.active::before {
    right: auto;
    left: -20px;
    bottom: -5px;
    transform-origin: center;
    transform: rotateZ(180deg) translateY(50%);
    -webkit-transform: rotateZ(180deg) translateY(50%);
    -moz-transform: rotateZ(180deg) translateY(50%);
    -ms-transform: rotateZ(180deg) translateY(50%);
    -o-transform: rotateZ(180deg) translateY(50%);
}

/* Part Of Section Style */

.part {
    max-width: 685px;
    width: 100%;
}

@media (max-width:1024px) {

    .part {
        max-width: 100%;
    }

}

/* End Part Of Section Style */


button.download {
    width: fit-content;
    padding: 10px 50px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    background-color: var(--main-yellow);
    color: white;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}

.title_slide {
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0.01em;
    color: var(--main-blue);
}

@media (max-width:558px) {
    .title_slide {
        font-size: 26px;
        line-height: 40px;
    }
}

input::file-selector-button,
input::-webkit-file-upload-button {
    display: none !important;
}

/* Loader Style */

.containerLoader {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

button {
    outline: none;
    border: none;
}

/* Custom Style */

.hero_section .navbar_section .container:has(>.navbar-toggler) {
    padding: 0 !important;
}

.hero_section .navbar_section .container .navbar-toggler {
    padding-inline: 0;
}

.hero_section .navbar_section .container .navbar-toggler .navbar-toggler-icon {
    margin: 0 !important;
}

.contact_us .primary_title {
    text-wrap: balance;
}

.flat-page {
    h2 {
        font-size: clamp(20px, 3.4vw, 26px);
        font-weight: 700;
        color: rgba(4, 0, 95, 1);
        margin-block: 50px 20px;

        &:first-of-type {
            margin-top: 0;
        }
    }

    p,
    li {
        font-size: clamp(16px, 1.6vw, 20px) !important;
        font-weight: 400;
        line-height: clamp(26px, 5.4vw, 35px) !important;
        color: #4C4C4C;
    }
}

.containerImageDetail {
    width: 329px;
    height: 157px;
    overflow: hidden;
    margin-inline: auto;

    img {
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -ms-border-radius: 24px;
        -o-border-radius: 24px;
        max-width: 100%;
        max-height: 100%;
        width:100%;
        height:100%;
        object-fit: contain;
    }
}

.card_director {

    .containerCard,
    .container_team {
        &:hover {
            img:not(.goToCard) {
                filter: brightness(.6)
            }
        }

        img.goToCard {
            position: absolute;
            top: -100px;
            right: -40px;
            height: 54px;
            width: 54px;
            transition: .5s all ease;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            -ms-transition: .5s all ease;
            -o-transition: .5s all ease;
            z-index: 10;
            pointer-events: none;
            opacity: 0;
        }

        .img_director,
        .img_card {
            overflow: hidden;
            border-radius: 24px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            -ms-border-radius: 24px;
            -o-border-radius: 24px;
            max-width: 300px;
            height: 400px;
            margin-inline: auto;
            img:not(.goToCard) {
                object-fit: cover;
                width: 100%;
            }

            img {
                transition: .5s all ease;
                -webkit-transition: .5s all ease;
                -moz-transition: .5s all ease;
                -ms-transition: .5s all ease;
                -o-transition: .5s all ease;
            }
        }


        .description {
            padding-inline: 12px;
            text-align: center;
        }
    }

    & {

        .containerCard:hover,
        .container_team:hover {

            .img_director img.goToCard,
            .img_card img.goToCard {
                top: 20px;
                right: 20px;
                opacity: 1;
            }

            .img_card img:not(.goToCard) {
                filter: brightness(.5);
                -webkit-filter: brightness(.5);
            }

            .description {
                color: var(--main-blue)
            }
        }
    }
}

.Team {
    .title_section_asset {
        margin-bottom: clamp(20px, 3vw, 42px);
    }
}

ol,
ul {
    padding-inline-start: 32px;
    padding-inline-end: 0;
    margin: 0;
}

.wrapper-site {
    min-height: 50vh;
}

.wrapper-site:has(.error-not-found) {
    display: flex;

    .error-not-found {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-block: 40px;
        flex-direction: column;
        flex: 1;
        padding-top: 180px;
    }
}

.error-server {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.no-content-message {
    font-size: clamp(20px, 2.4vw, 40px);
    font-weight: 600;
    line-height: clamp(42px, 2.4vw, 60px);
    margin-block: 60px;
    text-align: center !important;
}

html[dir='rtl'] footer {
    @media (min-width: 768px) {

        .text-md-start {
            text-align: start !important
        }
    }
}
.label-line{
    flex:1;
    max-width:150px;
}


.importantInfo {
    background: #F3EED9;
    padding-block: 20px;

    .container {
        display: flex;
        flex-direction: column;
        gap: 48px;

        @media (max-width:1024px) {
            & {
                gap: 20px;
            }
        }

        .part {
            max-width: 100%;

            .title_page {
                font-size: clamp(20px, 2.4vw, 32px);
                font-weight: 500;
                line-height: 48px;
            }

            ul {
                li {
                    font-size: clamp(16px, 1.6vw, 22px);
                    font-weight: 400;
                    line-height: 36.3px;
                    color: var(--secondary-black);
                    margin-block: 16px;
                }
            }

            p {
                font-size: clamp(16px, 1.6vw, 22px);
                font-weight: 400;
                line-height: 36.3px;
                color: var(--secondary-black);
            }
        }
    }
}