.bg-imgs {
    position: absolute;
    height: 1140px;
    width: 97vw;
    top: 0;
    left: 0;
}
section.form-bg-screen.first-screen .text-wrapper .text {
    z-index: 5;
}
.bg-imgs img {
    position: absolute;
}

.bg-imgs .right-circle-calculator {
    bottom: 134px;
    right: 14px;
}

.bg-imgs .upper-card-img {
    top: 0;
    right: 300px;
}

.bg-imgs .left-circle-calculator {
    top: 0;
    left: 200px;
}

.bg-imgs .first-screen-card-img {
    bottom: 0;
    left: 50px;
}

.round-white-item {
    border-radius: 60px 0 0 0;
    z-index: 5;
    background: #fff;
    height: 165px;
    width: 60vw;
    position: absolute;
    left: 679px;
    bottom: 32px;
}

section.form-bg-screen.first-screen {
    background: radial-gradient(38.86% 173% at 77.88% 32.89%, #3A4454 0%, #232C39 100%); /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    width: 100%; /* Make the section span the full width */
    margin: 0 0 150px 0 !important;
    position: relative;
    padding-bottom: 100px !important;
}

section.form-bg-screen.first-screen .text-wrapper .info-slider-btn {
    cursor: pointer;
    z-index: 10;
    position: absolute;

}

li.text-wrapper {
    height: auto !important;
}

section.form-bg-screen.first-screen > .wrapper {
    position: relative;
    z-index: 5;
}

section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
    left: -830px;
    bottom: -850px;
    z-index: 15;

}

section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
    bottom: -850px;
    z-index: 15;
}

.first-screen-card-img {
    bottom: -175px;
}

section.form-bg-screen.first-screen .text-wrapper {
    transition: opacity 0.2s ease-in-out;
}

ul.first-screen-slider-wrapper {
    user-select: none;
}

.first-screen-slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

section.form-bg-screen.first-screen .text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.4s ease, opacity 0.4s ease;
    will-change: transform; /* Optimize for performance */

}

.info-slider-btn.inactive {
    cursor: default;
    pointer-events: none;
}


.text-wrapper {
    transition: opacity 0.5s ease-in-out;
}

section.form-bg-screen.first-screen .text-wrapper {
    position: relative;
    z-index: 5;
    min-height: 700px;
}

section.form-bg-screen.first-screen .text-wrapper .info-slider-img {
    position: absolute;
    bottom: -46.5% !important;
    left: 350px;
}

.first-screen-form .circle {
    top: -38px !important;
}

.first-screen-bottom {
    position: relative;
    display: flex;
    gap: 64px;
}

.first-screen-bottom .key-words-wrapper {
    position: relative;
    z-index: 11;
    background: #FFFFFF;
}

ul.key-words-list {
    position: initial;
}

section.form-bg-screen.first-screen {
    margin-bottom: 0px !important;
    border-radius: 60px 60px 60px 0;
}

.first-screen-form {
    position: relative;
    top: -33px;;
    left: 32px;
}

.first-screen-form .rectangle {
    width: 35vw;
    min-width: 400px;
    height: 165px;
    border-radius: 0 0 60px 60px;
    background: #232C39;
    max-width: 670px;
}

.first-screen-form .circle, .first-screen-bottom .circle-bottom {
    position: absolute;
    top: 15px;
    right: -58px;
    width: 98px; /* Set the size */
    height: 110px;
    background-color: transparent; /* Optional: Transparent base */
    border-top-left-radius: 100px; /* Create the quarter circle */
    border: 40px solid #232C39; /* Adjust thickness and color */
    border-right: none; /* Remove the right side */
    border-bottom: none; /* Remove the bottom side */
    transform-origin: center; /* Ensure rotation occurs around the center */
}

.first-screen-bottom .circle-bottom {
    z-index: 10;
    right: 0;
    left: 618px;
    border-color: #FFFFFF;
    transform: rotate(179deg);
    height: 149px;
    width: 101px;
    top: 22px;
}

@media (min-width: 2559px) {
    section.form-bg-screen.first-screen {
        background: radial-gradient(38.86% 173% at 77.88% 32.89%, #3A4454 0%, #232C39 100%) !important;
        background-size: cover !important;
    }
}

@media (max-width: 1682px) {
    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        left: -690px;
    }

    .first-screen-bottom .circle-bottom {
        display: none;
    }

    .round-white-item {
        display: none;
    }

    section.form-bg-screen.first-screen .text-wrapper .info-slider-img {
        display: none;;
    }

    section.form-bg-screen.first-screen {
        background: radial-gradient(38.86% 173% at 77.88% 32.89%, #3A4454 0%, #232C39 100%) !important;
        background-size: cover !important;
    }
}

@media (max-width: 1442px) {
    section.first-screen .btn.calculator-btn {
        max-width: 320px;
    }

    .bg-imgs .right-circle-calculator {

    }

    .bg-imgs .left-circle-calculator {
        left: 150px;
    }

    .bg-imgs .upper-card-img {
        right: 200px;
    }

    .bg-imgs .first-screen-card-img {
        left: -195px;
        bottom: 400px;
    }

    ul.first-screen-slider-wrapper {
        bottom: -220px !important;
        margin-top: -350px;

    }

    section.form-bg-screen.first-screen .text-wrapper {
        height: auto !important;
        min-height: auto !important;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        left: -7%;
        bottom: 28px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        bottom: -9px;
        left: -53%;
    }

    .first-screen-card-img {
        bottom: 162px;
        left: -188px;
    }

    section.form-bg-screen.first-screen {
        padding-bottom: 80px !important;
    }

    .first-screen-form .rectangle {
        width: 600px;
    }

    .first-screen-slider-wrapper {
        bottom: 50px;
    }
}

@media (max-width: 1420px) {

}

@media (max-width: 1200px) {


    section.form-bg-screen {
        margin-bottom: 200px !important;
        background: radial-gradient(30.86% 173% at 77.88% 32.89%, #2e3a42 0%, #232C39 100%)
    }
}

@media (max-width: 1024px) {
    section.form-bg-screen.first-screen {
        padding-top: 120px !important;
    }

    .bg-imgs .first-screen-card-img {
        bottom: 230px;
    }

    .bg-imgs .right-circle-calculator {
        bottom: -30px;
        right: 52px;
    }

    section.first-screen .text-wrapper {
        max-width: 465px !important;
    }

    section.first-screen h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .first-screen-form .rectangle {
        width: 470px;
    }

    .first-screen-form .circle {
        top: -39px !important;
    }

    ul.key-words-list {
        max-width: 9999px;
        width: auto;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        left: 48%;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        left: -54%;
        bottom: -14px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        bottom: 6px;
    }
}

@media (max-width: 800px) {
    .bg-imgs img {
        max-width: 200px;
    }

    .bg-imgs .first-screen-card-img {
        left: -50px;
        bottom: 300px;
    }

    .bg-imgs .right-circle-calculator {
        bottom: 400px;
    }

    .bg-imgs .upper-card-img {
        display: none;
    }

    section.form-bg-screen.first-screen {
        padding-top: 40px !important;
    }

    .bg-imgs .left-circle-calculator {
        transform: rotate(165deg);
        left: 57px;
        top: 56px;
    }

    ul.first-screen-slider-wrapper {
        bottom: -158px !important;
        margin-top: -305px !important;
    }

    section.form-bg-screen.first-screen .form .circle {
        border-color: #232C39 !important;
    }

    section.form-bg-screen.first-screen .form .rectangle {
        background: #232C39 !important;
    }

    section.form-bg-screen.first-screen {
        padding-top: 32px !important;
        padding-inline: 32px !important;

    }

    section.form-bg-screen.first-screen {
        background: radial-gradient(25.86% 71% at 71.88% 38.89%, #3A4454 0%, #232C39 100%) !important;
    }

    .first-screen-form .rectangle {
        width: 210px;
        min-width: 1px;
        height: 90px;
    }

    .first-screen-slider-wrapper {
        bottom: 110px;
    }

    section.first-screen h1 {
        position: relative;
        left: 14%;
    }

    section.first-screen .text {
        position: relative;
        left: 14%;
    }

    .first-screen-form .circle {
        top: -39px !important;
        right: -44px !important;
        width: 86px;
        height: 84px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        left: -47%;
        bottom: 40px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        bottom: 9px;
        left: 45%;

    }
}


@media (max-width: 700px) {


    ul.first-screen-slider-wrapper {
        margin-top: 0 !important;
        bottom: 0 !important;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        bottom: -65px;
        left: 49%;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        bottom: 149px;
        left: -49%;
    }

    section.first-screen .btn.left-part {
        position: absolute;
        bottom: -90px;
    }

    .first-screen-bottom {
        gap: 24px;
    }

    .first-screen-form .circle {

    }

    .first-screen-form {
        max-width: 250px;
    }

    .first-screen-form .circle {
        right: -4px !important;
    }

    .first-screen-bottom {
        flex-direction: column;
    }

    ul.key-words-list {
        padding-inline: 32px !important;
    }


    section.form-bg-screen.first-screen .form .rectangle {
        min-width: 200px;
        height: 180px;
    }

    section.form-bg-screen.first-screen .form {
        bottom: -87px;
    }

    section.form-bg-screen.first-screen .form {
        bottom: -100px;
    }

    .first-screen-slider-wrapper {
        bottom: 0;
    }

    section.form-bg-screen.first-screen .form .circle {
        position: absolute;
        top: 40px;
        right: -38px;
        width: 78px;
        height: 88px;
        background-color: transparent;
        border-top-left-radius: 100px;
        border: 40px solid #242b34;
        border-right: none;
        border-bottom: none;
        transform-origin: center;
    }

    ul.first-screen-slider-wrapper {
        position: relative;
    }

    ul.first-screen-slider-wrapper li {
        position: relative !important;
    }

    .calc-wrapper {
        margin-bottom: 0 !important;
    }

    ul.first-screen-slider-wrapper h1 {
        margin-top: 32px !important;
        position: initial;
        text-align: center !important;
        padding-inline: 32px !important;
    }

    ul.first-screen-slider-wrapper .text {
        position: initial;
        text-align: center !important;
        padding-inline: 32px !important;
    }

    section.form-bg-screen.first-screen {
        padding-bottom: 0 !important;
    }

}

@media (max-width: 600px) {

    .first-screen-form .circle {
        top: -5px !important;
    }

    .first-screen-form .rectangle {
        position: relative;
        bottom: -28px;
    }

    .first-screen-bottom {
        margin-top: -1px;
    }


    .form-bg-container {
        padding-bottom: 0;
    }

    .key-words-wrapper {
        overflow: scroll !important;
    }

    ul.key-words-list li:first-child {
        top: 1px;
    }

    ul.key-words-list {
        overflow: scroll;
        flex-wrap: wrap;
        width: 800px;
    }

    ul.key-words-list li {
        flex-shrink: 0;
    }

    ul.key-words-list::-webkit-scrollbar {
        display: none;
    }

    .key-words-wrapper::-webkit-scrollbar {
        display: none;
    }

    .first-screen-bottom .key-words-wrapper {
        margin-top: -10px;
    }

}

@media (max-width: 500px) {
    .bg-imgs .right-circle-calculator {
        right: 0;
    }

    .bg-imgs .left-circle-calculator {
        left: 0;
        top: 0;
    }

    .first-screen.form-bg-screen {
        border-radius: 26px 26px 26px 0 !important;
    }

    .first-screen-form .rectangle {
        border-radius: 0 0 26px 26px !important;
    }

    .first-screen-form {
        left: 12px;
    }

    .first-screen-form .circle {
        top: -6px !important;
        width: 79px;
        right: 1px !important;
    }

    .first-screen-bottom {
        gap: 24px;
    }

    section.first-screen .btn.left-part {
        bottom: -90px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        bottom: 137px;
    }

    .bg-imgs .first-screen-card-img {
        left: -93px;
        bottom: 400px;
    }
}

@media (max-width: 440px) {
    ul.first-screen-slider-wrapper h1 {
        font-size: 28px;
        line-height: 28px;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        bottom: 123px;
    }
}

@media (max-width: 430px) {
    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        bottom: 92px;
        left: 92%;
        z-index: 10;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        left: 0;
        bottom: 92px;
        z-index: 10;
    }

    .first-screen-form .rectangle {
        width: 170px;
    }

    .first-screen-form .circle {
        right: 41px !important;
    }

    section.first-screen .btn.left-part {
        position: absolute !important;
    }

    section.form-bg-screen.first-screen {
        padding: 20px 20px 32px 20px !important;
    }

    ul.key-words-list {
        padding-left: 16px !important;
    }
}

@media (max-width: 400px) {
    section.first-screen .btn.left-part {
        left: 0 !important;
    }
}

@media (max-width: 321px) {
    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.right-arrow {
        bottom: 113px !important;
    }

    section.form-bg-screen.first-screen > .wrapper .info-slider-btn.left-arrow {
        bottom: 113px !important;
    }
}