/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-iz12dv2544] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-iz12dv2544] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/About.razor.rz.scp.css */
@font-face {
    font-family: "Montserratarm-Regular";
    src: url(../font/Montserratarm-Regular/Montserratarm-Regular.ttf);
}

body[b-rbwl1h7yx6] {
    background-color: unset;
    font-size: unset;
    font-weight: unset;
    color: unset;
    -webkit-text-size-adjust: unset;
    -webkit-tap-highlight-color: unset;
    line-height: unset;
    background-color: #1A1A1A;
    font-family: "Montserratarm-Regular";
}

.content-animacion15[b-rbwl1h7yx6] {
    width: 65px;
    min-height: 723px;
    position: absolute;
    z-index: 50;
    right: 86%;
    animation: anim1-b-rbwl1h7yx6 30s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-rbwl1h7yx6] {
    width: 65px;
    min-height: 723px;
    position: absolute;
    z-index: 50;
    right: 70%;
    animation: anim2-b-rbwl1h7yx6 25s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-rbwl1h7yx6] {
    width: 65px;
    min-height: 723px;
    position: absolute;
    z-index: 50;
    right: 10%;
    animation: anim1-b-rbwl1h7yx6 40s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

@keyframes anim1-b-rbwl1h7yx6 {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-rbwl1h7yx6 {
    0% {
        transform: translateY(500%);
    }

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

ul[b-rbwl1h7yx6] {
    margin-bottom: unset;
    padding-left: unset;
}

.p-4[b-rbwl1h7yx6] {
    padding: unset !important;

}

a[b-rbwl1h7yx6] {
    color: unset;
}

.tr_aboute_title[b-rbwl1h7yx6] {
    white-space: nowrap !important;
}

h1[b-rbwl1h7yx6] {
    margin-bottom: unset;
}

.aboute-mapsec[b-rbwl1h7yx6] {
    overflow: hidden;
}

.content-aboute[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
    position: relative;
    z-index: 50;
    overflow-x: hidden;
}

.rigthSlider[b-rbwl1h7yx6] {
    max-width: 560px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/abouteimg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.align-items-end[b-rbwl1h7yx6] {
    gap: 0;
    justify-content: space-between;
    margin-left: unset;
    margin-right: unset;
}

.aboute-text[b-rbwl1h7yx6] {
    max-width: 551px !important;
    width: 100%;
    min-height: 72px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.row_unset[b-rbwl1h7yx6] {
    flex: unset;
    flex-shrink: unset;
}

.aboute-text[b-rbwl1h7yx6] {
    max-width: 559px;
    width: 100%;
    min-height: 358px;
}

.container-securety[b-rbwl1h7yx6] {
    margin-top: 130px;
}

.container-xxl[b-rbwl1h7yx6] {
    padding-right: unset;
    padding-left: unset;
    margin-right: unset;
    margin-left: unset;
    max-width: 1920px;
    width: 100%;
    padding-inline: 9.5%;
    margin-bottom: 16px;
    position: relative;
    z-index: 50;

}

.upDown[b-rbwl1h7yx6] {
    max-width: 1920px !important;
}

.content-newContainer[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
}

.layAnim[b-rbwl1h7yx6] {
    max-width: 485px;
    width: 100%;
    min-height: 338px;
    border-radius: 8px;
    background-color: var(--color-number1);
    border: 1px solid var(--color-number16);
}

.con-aboute[b-rbwl1h7yx6] {
    margin-top: -17px;
    position: relative;
    z-index: 50;
}

.container-securety[b-rbwl1h7yx6] {
    margin-top: 100px;
}

.marg[b-rbwl1h7yx6] {
    margin-top: unset;
    margin-right: unset;
    margin-left: unset;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;
}

.bac0101[b-rbwl1h7yx6] {
    max-width: 301px;
    width: 100%;
    min-height: 116px;
    background-image: url(/img/0101.svg);
    background-size: auto;
    background-repeat: no-repeat;
}

.bac0102[b-rbwl1h7yx6] {
    max-width: 301px;
    width: 100%;
    min-height: 116px;
    background-image: url(/img/0102.svg);
    background-size: auto;
    background-repeat: no-repeat;
}

.bac0103[b-rbwl1h7yx6] {
    max-width: 301px;
    width: 100%;
    min-height: 116px;
    background-image: url(/img/0103.svg);
    background-size: auto;
    background-repeat: no-repeat;
}

.row>*[b-rbwl1h7yx6] {
    padding-right: unset;
    padding-left: unset;
    margin-top: unset;
}

.container-securet[b-rbwl1h7yx6] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 10px;
}

.securet-name[b-rbwl1h7yx6] {
    padding-inline: 10px;
}

.securet-name h1[b-rbwl1h7yx6] {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number5);
}

.menuHub-work li.active[b-rbwl1h7yx6] {
    border-left: 4px solid #F96B31 !important;
    color: #F96B31 !important;
    font-weight: 500;
}

.cont12[b-rbwl1h7yx6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    padding-left: 16px;
}

.cont1[b-rbwl1h7yx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.design-text[b-rbwl1h7yx6] {
    width: 98%;
}

.cont-img[b-rbwl1h7yx6] {
    width: 24px;
    height: 24px;
    background-image: url(/img/correct_4436481.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-left: 24px;
}

.cont12 span[b-rbwl1h7yx6] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
    max-width: 419px;
    margin-bottom: 10px;
}

.container-securet-slider[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
}

.sec-slid[b-rbwl1h7yx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: auto;
}

.container-securet-slider[b-rbwl1h7yx6] {
    display: none;
}

.ab_mb[b-rbwl1h7yx6] {
    font-size: 30px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: unset;
}

.content-work[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
    padding-inline: 10.5%;
    margin-top: 75px;
    position: relative;
    z-index: 50;
}

.wrapper-work[b-rbwl1h7yx6] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    position: relative;
    z-index: 1;
}

.work-line[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.line-content[b-rbwl1h7yx6] {
    max-width: 1519px;
    width: 100%;
    height: 1px;
    border: 1px solid var(--color-number16);
}

.content-work-info[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
    display: flex;
    gap: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 50;
}

.menuHub-work[b-rbwl1h7yx6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.menuHub-work li[b-rbwl1h7yx6] {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
    max-width: 193px;
    width: 100%;
    min-height: 60px;
    cursor: pointer;
    transition: .3s ease-in-out 0s;
    padding-left: 16px;
    margin-bottom: -15px
}

.menuHub-work li:hover[b-rbwl1h7yx6] {
    color: var(--color-number2);
}

.line-old[b-rbwl1h7yx6] {
    border: 1px solid var(--color-number16);
    width: 1px;
    min-height: 468px;
    margin-left: 55px;
}

.work-info[b-rbwl1h7yx6] {
    max-width: 920px;
    width: 100%;
    min-height: 357px;
    display: flex;
}

.new-block1[b-rbwl1h7yx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.block-left[b-rbwl1h7yx6] {
    width: 112%;
    min-height: 355px;
    border-radius: 8px;
    border: 1px solid var(--color-number17);
    background-color: var(--color-number1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-block[b-rbwl1h7yx6] {
    max-width: 368px;
    width: 100%;
    min-height: 358px;
    background-image: url(/img/33.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.block-right[b-rbwl1h7yx6] {
    min-height: 314px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.design[b-rbwl1h7yx6] {
    max-width: 466px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont13[b-rbwl1h7yx6] {
    padding-left: unset;
    margin-top: 18px;
}

.design-text span[b-rbwl1h7yx6] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10)
}

#block2[b-rbwl1h7yx6],
#block3[b-rbwl1h7yx6],
#block4[b-rbwl1h7yx6],
#block5[b-rbwl1h7yx6] {
    display: none;
    opacity: 0;
}

.img-block1[b-rbwl1h7yx6] {
    max-width: 282px;
    width: 100%;
    min-height: 311px;
    background-image: url(/img/pentool.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.img-block2[b-rbwl1h7yx6] {
    max-width: 300px;
    width: 100%;
    min-height: 239px;
    background-image: url(/img/gf.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-block3[b-rbwl1h7yx6] {
    max-width: 336px;
    width: 100%;
    min-height: 210px;
    background-image: url(/img/aa.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.img-block4[b-rbwl1h7yx6] {
    max-width: 268px;
    width: 100%;
    min-height: 301px;
    background-image: url(/img/xx.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new[b-rbwl1h7yx6] {
    text-align: center;
    font-size: 30px;

}

.aboute-map[b-rbwl1h7yx6] {
    margin-top: 88px;
}

.ab_map[b-rbwl1h7yx6] {
    margin-top: 20px;
    padding-left: 19px;
    height: 535px;
    max-width: 633px
}

.content-abouteMap[b-rbwl1h7yx6] {
    max-width: 1920px;
    width: 100%;
    padding-right: unset;
    padding-left: unset;
    margin-right: unset;
    margin-left: unset;
}

.map-inTo[b-rbwl1h7yx6] {
    max-width: unset !important;
}

.map-row[b-rbwl1h7yx6] {
    align-items: center;
    margin-top: unset;
    margin-right: unset;
    margin-left: unset;
    justify-content: space-between;
}

.name2[b-rbwl1h7yx6] {
    padding-top: 32px;
}

.for_ab_form[b-rbwl1h7yx6] {
    margin-left: 24px;
    padding-inline: 11px;
}

@media (max-width:920px) {

    .menuHub-work li.active[b-rbwl1h7yx6] {
        border-left: unset !important;
        border-bottom: 2px solid #F96B31 !important;
        color: #F96B31 !important;
    }

    .menuHub-work[b-rbwl1h7yx6] {
        flex-direction: row;
        overflow-x: auto;
        height: 60px;
        white-space: nowrap;
        cursor: grab;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }

    .menuHub-work[b-rbwl1h7yx6]::-webkit-scrollbar {
        display: none;
    }

    .menuHub-work li:active[b-rbwl1h7yx6] {
        cursor: grabbing;
    }

    .menuHub-work :active[b-rbwl1h7yx6] {
        cursor: grabbing;
    }

    .grabbing[b-rbwl1h7yx6] {
        cursor: grabbing;
    }

    .menuHub-work li[b-rbwl1h7yx6] {
        user-select: none;
    }

    .content-work-info[b-rbwl1h7yx6] {
        flex-direction: column;
    }

    .old-line[b-rbwl1h7yx6] {
        display: none;
    }
}

@media (max-width:1440px) {

    .img-block1[b-rbwl1h7yx6],
    .img-block2[b-rbwl1h7yx6],
    .img-block3[b-rbwl1h7yx6],
    .img-block4[b-rbwl1h7yx6],
    .img-block[b-rbwl1h7yx6] {
        background-size: 80%;
    }

    .layAnim[b-rbwl1h7yx6] {
        max-width: 368px;
        min-height: 401px;
    }

    .content-work-info[b-rbwl1h7yx6] {
        max-width: 1920px;
        width: 100%;
        display: flex;
        gap: 20px;
        margin-top: 13px;
    }

    .block-left[b-rbwl1h7yx6] {
        width: 142%;
    }

    .line-old[b-rbwl1h7yx6] {
        margin-left: 36px;
    }

    .img-block1[b-rbwl1h7yx6] {
        background-size: 100%;
    }

    .menuHub-work li[b-rbwl1h7yx6] {
        max-width: 285px;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: 10%;
    }

    .contact-text[b-rbwl1h7yx6] {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .ab_map[b-rbwl1h7yx6] {
        padding-left: 0px;
        width: 81%;
        margin-top: 38px;
    }

    .map>iframe[b-rbwl1h7yx6] {
        width: 100%;
        height: 69%;
        margin-top: 76px;
    }

    .for_ab_form[b-rbwl1h7yx6] {
        margin-left: 6px;
        padding-inline: 48px;
    }

    .contact-form[b-rbwl1h7yx6] {
        max-width: 730px;
        width: 99%;
        min-height: 630px;
    }

    .name2[b-rbwl1h7yx6] {
        padding-top: 16px;
    }

    .aboute-map[b-rbwl1h7yx6] {
        margin-bottom: 37px;
    }
}

@media screen and (max-width:1430px) {
    .layAnim[b-rbwl1h7yx6] {
        max-width: 312px;
        width: 100%;
        min-height: 355px;
    }

    .cont1 span[b-rbwl1h7yx6] {
        max-width: 226px;
    }

    .cont12 .cont1:nth-child(3)[b-rbwl1h7yx6] {
        margin-bottom: 20px;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: unset;
        padding-inline: 10.5%;
    }

    .marg[b-rbwl1h7yx6] {
        flex-wrap: nowrap;
        gap: 20px;
    }

}

@media screen and (max-width:1280px) {

    @keyframes anim1-b-rbwl1h7yx6 {
        0% {
            transform: translateY(-100%);
        }

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

    @keyframes anim2-b-rbwl1h7yx6 {
        0% {
            transform: translateY(600%);
        }

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

    .align-items-end[b-rbwl1h7yx6] {
        padding-inline: 11.5%;
    }

    .con-aboute[b-rbwl1h7yx6] {
        margin-top: 0px;
    }

    .rigthSlider[b-rbwl1h7yx6] {
        margin-top: 20px;
        max-width: 449px !important;
        width: 100% !important;
        min-height: 401px !important;
    }

    .text-start p[b-rbwl1h7yx6] {
        width: 101%;
    }

    .container-securet[b-rbwl1h7yx6] {
        gap: 15px;
    }

    .cont12[b-rbwl1h7yx6] {
        gap: 0px
    }

    .content-work[b-rbwl1h7yx6] {
        padding-inline: 11.5%;
        margin-top: 68px;
    }

    .line-old[b-rbwl1h7yx6] {
        margin-left: 0px;
    }

    .block-left[b-rbwl1h7yx6] {
        width: 219%;
        margin-top: 11px;
        min-height: 360px;
    }

    .block-right[b-rbwl1h7yx6] {
        margin-top: 33px;
    }

    .menuHub-work[b-rbwl1h7yx6] {
        gap: 3px;
        margin-top: 15px;
    }

    .aboute-xxl[b-rbwl1h7yx6] {
        padding-inline: 11.5% !important;
    }

    .aboute-map[b-rbwl1h7yx6] {
        margin-top: 114px;
    }

    .contact-form[b-rbwl1h7yx6] {
        max-width: 736px;
        width: 113%;
        min-height: 635px;
    }

    .for_ab_form[b-rbwl1h7yx6] {
        margin-left: -70px;
    }

}

@media (max-width:1240px) {

    .ab_map[b-rbwl1h7yx6] {
        padding-left: 0px;
        width: 100%;
        margin-top: 38px;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .map-row[b-rbwl1h7yx6] {
        flex-direction: column;
        gap: 100px;
    }

    .contact-form[b-rbwl1h7yx6] {
        max-width: 736px;
        width: 100%;
        min-height: 635px;
        margin-left: unset;
    }

    .wrapper-input[b-rbwl1h7yx6] {
        padding-inline: unset;
    }
}

@media (max-width:1100px) {
    .marg[b-rbwl1h7yx6] {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: start;
    }
}

@media (max-width:1220px) {
    .new-block1[b-rbwl1h7yx6] {
        align-items: flex-start;
        flex-direction: column;
        width: 80%;
    }

    .block-left[b-rbwl1h7yx6] {
        width: 100%;
    }
}

@media (max-width:816px) {
    .marg[b-rbwl1h7yx6] {

        justify-content: center;
    }
}

@media (max-width:968px) {

    

    @keyframes anim1-b-rbwl1h7yx6 {
        0% {
            transform: translateY(-100%);
        }

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

    @keyframes anim2-b-rbwl1h7yx6 {
        0% {
            transform: translateY(650%);
        }

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

    .rigthSlider[b-rbwl1h7yx6] {
        margin-top: 5px;
        max-width: 373px !important;
        width: 100% !important;
        min-height: 350px !important;
    }

    .text-start[b-rbwl1h7yx6] {
        max-width: 500px;
        width: 100%;
    }

    .align-items-end[b-rbwl1h7yx6] {
        gap: 52px !important;
    }

    .text-start p[b-rbwl1h7yx6] {
        width: 99%;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: 9.5%;
        margin-bottom: -18px;
    }

    .container-securety[b-rbwl1h7yx6] {
        margin-top: 84px;
    }

    .content-newContainer[b-rbwl1h7yx6] {
        width: 101%;
    }

    .marg[b-rbwl1h7yx6] {
        width: 100%;
    }

    .content-work[b-rbwl1h7yx6] {
        padding-inline: 10.5%;
        margin-top: 118px;
    }

    .content-work-info[b-rbwl1h7yx6] {
        margin-top: 0px;
        gap: 4px;
    }

    .block-left[b-rbwl1h7yx6] {
        margin-top: 66px;
        width: 82%;
        margin-left: 15px;
    }

    .menuHub-work li[b-rbwl1h7yx6] {
        max-width: 266px;
    }

    .block-right[b-rbwl1h7yx6] {
        margin-top: 22px;
        margin-left: 18px;
    }

    .design[b-rbwl1h7yx6] {
        width: 85%;
    }

    .design-text[b-rbwl1h7yx6] {
        width: 80%;
    }

    .aboute-xxl[b-rbwl1h7yx6] {
        padding-inline: 10.5% !important;
    }

    .aboute-map[b-rbwl1h7yx6] {
        margin-top: 13px;
    }

    .map[b-rbwl1h7yx6] {
        width: 100% !important;
        max-width: 397px !important;
        display: flex;
        margin: auto;
    }

    .map>iframe[b-rbwl1h7yx6] {
        width: 397px;
        margin-top: 27px;
        height: 369px;
    }

    .for_ab_form[b-rbwl1h7yx6] {
        margin-left: 0px;
        margin-top: -140px;
        max-width: 560px;
    }

    .alternativ[b-rbwl1h7yx6] {
        display: none;
    }

}

@media (max-width:678px) {
    .content-animacion115[b-rbwl1h7yx6] {
        right: 17%;
    }

    .content-animacion15[b-rbwl1h7yx6] {
        right: 72%;
    }

    @keyframes anim1-b-rbwl1h7yx6 {
        0% {
            transform: translateY(-100%);
        }

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

    @keyframes anim2-b-rbwl1h7yx6 {
        0% {
            transform: translateY(700%);
        }

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

    .menuHub-work li[b-rbwl1h7yx6] {
        height: 40px;
    }

    .alternativ[b-rbwl1h7yx6] {
        display: block;
    }

    .marg[b-rbwl1h7yx6] {
        width: 100%;
    }

    .line-content[b-rbwl1h7yx6] {
        margin-top: -20px;
    }

    .menuHub-work[b-rbwl1h7yx6] {
        margin-top: 8px;
    }

    .block-left[b-rbwl1h7yx6] {
        margin-top: 47px;
        width: 114%;
        margin-left: 33px;
        min-height: 312px;
    }

    .img-block1[b-rbwl1h7yx6] {
        background-size: 90%;
    }

    .block-right[b-rbwl1h7yx6] {
        margin-top: 32px;
        margin-left: 14px;
    }

    .design[b-rbwl1h7yx6] {
        width: 130%;
    }

    .design-text[b-rbwl1h7yx6] {
        width: 117%;
    }

    .aboute-map[b-rbwl1h7yx6] {
        margin-top: 59px;
    }
}

@media screen and (max-width:560px) {
    .map>iframe[b-rbwl1h7yx6] {
        height: 370px !important;
    }

    .map-row[b-rbwl1h7yx6] {
        gap: 0;
    }
}

@media (max-width:640px) {
    .old-line[b-rbwl1h7yx6] {
        display: none;
    }

    .menuHub-work[b-rbwl1h7yx6] {
        flex-direction: unset;
        gap: 8px;

    }

    .content-work-info[b-rbwl1h7yx6] {
        flex-direction: column;
    }

    .menuHub-work li[b-rbwl1h7yx6] {
        white-space: nowrap;
        max-width: unset;
        width: unset;
        min-height: unset;
    }
}

@media (max-width:428px) {
    .rigthSlider[b-rbwl1h7yx6] {
        margin-top: -16px;
        width: 112% !important;
        min-height: 373px !important;
        background-size: 115%;
    }

    .align-items-end[b-rbwl1h7yx6] {
        padding-inline: 5.5%;
    }

    .container-securety[b-rbwl1h7yx6] {
        margin-top: 80px;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: 3% !important;
    }

    .mb-3[b-rbwl1h7yx6] {
        line-height: 43px;
    }

    .marg[b-rbwl1h7yx6] {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        gap: 30px;
    }

    .layAnim[b-rbwl1h7yx6] {
        max-width: 310px !important;
    }

    .content-work[b-rbwl1h7yx6] {
        padding-inline: 5.5%;
        margin-top: 94px;
    }

    .menuHub-work li[b-rbwl1h7yx6] {
        padding-left: 0px;
        margin-top: 8px;
    }

    .block-left[b-rbwl1h7yx6] {
        margin-top: 64px;
        width: 105%;
        margin-left: 30px;
        min-height: 295px;
    }

    .design[b-rbwl1h7yx6] {
        margin-top: 7px;
        width: 120%;
    }

    .cont1 span[b-rbwl1h7yx6] {
        max-width: 300px;
    }

    .cont13[b-rbwl1h7yx6] {
        width: 130%;
    }

    .block-right[b-rbwl1h7yx6] {
        gap: 4px;
    }

    .cont12 span[b-rbwl1h7yx6] {
        margin-bottom: 13px;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: 5% !important;
    }

    .contact-text h1[b-rbwl1h7yx6] {
        font-size: 30px;
        margin-bottom: -10px;
    }

    .map[b-rbwl1h7yx6] {
        margin-bottom: 28px;
    }

    .for_ab_form[b-rbwl1h7yx6] {
        padding-inline: 0px;
    }

    .wrapper-input[b-rbwl1h7yx6] {
        padding-inline: 4%;
    }

    .name2[b-rbwl1h7yx6] {
        padding-top: 24px;
    }
}

@media (max-width:320px) {
    .align-items-end[b-rbwl1h7yx6] {
        padding-inline: 6.5%;
        margin-top: 25px;
        gap: 0px !important;
    }

    .text-start[b-rbwl1h7yx6] {
        margin-top: -8px;
    }

    .text-start p[b-rbwl1h7yx6] {
        margin-top: -2px;
    }

    .mb-3[b-rbwl1h7yx6] {
        line-height: 30px;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-inline: 4% !important;
    }

    .container-securety[b-rbwl1h7yx6] {
        margin-top: 72px;
    }

    .marg[b-rbwl1h7yx6] {
        gap: 22px;
        margin-top: 46px;
    }

    .content-work[b-rbwl1h7yx6] {
        padding-inline: 7.5%;
        margin-top: 86px;
    }

    .block-left[b-rbwl1h7yx6] {
        margin-top: 78px;
        width: 124%;
        margin-left: 1px;
        min-height: 265px;
    }

    .img-block1[b-rbwl1h7yx6] {
        min-height: 264px;
        background-size: 80%;
    }

    .block-right[b-rbwl1h7yx6] {
        margin-top: 29px;
        margin-left: 0px;
    }

    .design[b-rbwl1h7yx6] {
        margin-top: 7px;
        width: 125%;
    }

    .aboute-map[b-rbwl1h7yx6] {
        margin-top: 77px;
    }

    .contact-text h1[b-rbwl1h7yx6] {
        font-size: 24px;
    }

    .aboute-xxl[b-rbwl1h7yx6] {
        padding-inline: 8% !important;
    }

    .map>iframe[b-rbwl1h7yx6] {
        height: 272px !important;
        width: 270px !important;
    }

    .map[b-rbwl1h7yx6] {
        margin-bottom: 17px;
        min-height: 420px;
    }

    .ab_map[b-rbwl1h7yx6] {
        margin-top: -26px;
        padding-left: 1px;
        height: 406px;
        margin-bottom: 38px;
    }

    .for_ab_form[b-rbwl1h7yx6] {
        margin-top: -166px;
    }
}

@media screen and (max-width:1418px) {
    .align-items-end[b-rbwl1h7yx6] {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width:1360px) {
    .rigthSlider[b-rbwl1h7yx6] {
        max-width: 444px;
        width: 100%;
        min-height: 433px;
    }
}

@media screen and (max-width:1150px) {
    .container-securet-slider[b-rbwl1h7yx6] {
        display: flex;
    }
}

@media screen and (max-width:428px) {
    .container-securet-slider[b-rbwl1h7yx6] {
        display: none;
    }

    .container-xxl[b-rbwl1h7yx6] {
        padding-left: unset;
        padding-inline: 10.5%;
    }

    .marg[b-rbwl1h7yx6] {
        flex-wrap: wrap;
    }

    .layAnim[b-rbwl1h7yx6] {
        max-width: 260px;
        width: 100%;
        min-height: 349px;
    }
}

@media screen and (max-width:1152px) {
    .align-items-end[b-rbwl1h7yx6] {
        gap: 25px;
    }
}

@media screen and (max-width:510px) {
    .rigthSlider[b-rbwl1h7yx6] {
        max-width: 380px;
        width: 100%;
        min-height: 371px;
    }
}

@media screen and (max-width:400px) {
    .rigthSlider[b-rbwl1h7yx6] {
        max-width: 272px;
        width: 100%;
        min-height: 266px;
    }
}

@media screen and (max-width:1616px) {
    .map>iframe[b-rbwl1h7yx6] {
        max-width: 615px;
        width: 100%;
    }
}

@media screen and (max-width:1430px) {
    .aboute-xxl[b-rbwl1h7yx6] {
        padding-inline: 10.5%;
    }
}

@media screen and (max-width:1280px) {
    .map>iframe[b-rbwl1h7yx6] {
        width: 397px;
        height: 370px;
    }
}

@media screen and (max-width:1040px) {
    .map-row[b-rbwl1h7yx6] {
        flex-direction: column;
        gap: 150px;
    }

    .col-md-6[b-rbwl1h7yx6] {
        width: 100%;
    }

    .map[b-rbwl1h7yx6] {
        max-width: unset;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .map>iframe[b-rbwl1h7yx6] {
        width: 550px;
    }

    .fafa[b-rbwl1h7yx6] {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:340px) {
    .name2 h1[b-rbwl1h7yx6] {
        text-align: center;
    }
}

@media screen and (min-width:1920px) {
    .content-aboute[b-rbwl1h7yx6] {
        margin: auto;
    }
}

@media (max-width:968px) {

    .map-row[b-rbwl1h7yx6] {
        gap: 250px;
    }
}
@media (max-width:320px) {

    .map-row[b-rbwl1h7yx6] {
        gap: 350px;
    }
}


.menuHub-work li.active[b-rbwl1h7yx6] { color: var(--color-number2); }
.new-block1[b-rbwl1h7yx6] { display: none; }
.new-block1.active[b-rbwl1h7yx6] { display: flex; }

@media (min-width: 921px) { .menuHub-work li.active[b-rbwl1h7yx6] { border-left: 2px solid var(--color-number2); } }
@media (max-width: 920px) { .menuHub-work li.active[b-rbwl1h7yx6] { border-bottom: 2px solid var(--color-number2); } }
.contact-text[b-rbwl1h7yx6] { text-align: left !important; align-items: flex-start; }

.contact-form[b-rbwl1h7yx6] { position: relative; z-index: 10; }
.for_ab_form[b-rbwl1h7yx6] { position: relative; z-index: 10; }
/* /Components/Pages/Areas.razor.rz.scp.css */
.content-areas[b-t48nszsmgb]{
    position: relative;
    overflow-x: hidden;
}
.slid-areas[b-t48nszsmgb] {
    max-width: 560px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/slid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-on span[b-t48nszsmgb] {
    max-width: 613px;
    width: 100%;
    min-height: 168px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.menu-areas[b-t48nszsmgb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all .3s ease-in 0s;
}

.menu-areas li.active[b-t48nszsmgb] {
    border-left: 4px solid #F96B31;
    color: #F96B31;
}

.menu-areas li[b-t48nszsmgb] {
    max-width: 263px;
    width: auto;
    min-height: 42px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    padding-left: 8px;
    text-align: left;
    color: #FFFFFFB2;
    transition: all .3s ease-in 0s;
}

.menu-areas li:hover[b-t48nszsmgb] {
    color: var(--color-number2);
    cursor: pointer;
}

.menu-areas li:nth-child(2)[b-t48nszsmgb] {
    min-height: 64px;
}

.line-old1[b-t48nszsmgb] {
    border: 1px solid var(--color-number16);
    width: 1px;
    min-height: 572px;
    margin-left: 55px;
}

.areas-info[b-t48nszsmgb] {
    max-width: 830px;
    width: 100%;
    min-height: 475px;
    background-color: var(--color-number1);
    margin-left: 16px;
    align-self: center;
    border-radius: 8px;
    padding-inline: 11px;
    padding-top: 5px;
}

.area-text[b-t48nszsmgb] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.area-text h1[b-t48nszsmgb] {
    font-family: "Montserratarm-Medium";
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;

}

.area-application[b-t48nszsmgb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.app[b-t48nszsmgb] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.app-back[b-t48nszsmgb] {
    width: 24px;
    height: 24px;
    background-image: url(/img/app.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.app span[b-t48nszsmgb] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
}

.wrapper-area[b-t48nszsmgb] {
    display: flex;
    flex-direction: column;
    gap: 57px;
}

.area-text h1[b-t48nszsmgb] {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number2);
}

.area-line[b-t48nszsmgb] {
    max-width: 263px;
    width: 100%;
    border: 1px solid var(--color-number16);
}

.area-text span[b-t48nszsmgb] {
    max-width: 789px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
}

.area-abote[b-t48nszsmgb] {
    margin-top: 0;
    position: relative;
    z-index: 50;
}

.area-flex[b-t48nszsmgb] {
    padding-inline: 10.5%;
    margin-top: 3.9%;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.new-area[b-t48nszsmgb] {
    max-width: 613px;
    width: 100%;
    min-height: 168px;
}

.area-work[b-t48nszsmgb] {
    margin-top: 121px;
    position: relative;
    z-index: 1;
}

.mj[b-t48nszsmgb] {
    margin-left: unset !important;
}

.area-info-work[b-t48nszsmgb] {
    padding-left: 20px;
}

.old-line11[b-t48nszsmgb] {
    margin-top: 10px;
}

.area-map[b-t48nszsmgb] {
    margin-top: 75px;
}

.content-areaMap[b-t48nszsmgb] {
    max-width: 1920px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: space-between;
}


@media screen and (min-width: 992px) {
    /* 1. Родительский контейнер */
    .map-row[b-t48nszsmgb] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important; /* Растягиваем по высоте */
        gap: 0 !important; /* Убираем лишние зазоры между колонками */
        width: 100% !important;
    }

    /* 2. Левая колонка (Карта) */
    .mxs6[b-t48nszsmgb] {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    /* 3. Правая колонка (Форма) */
    .ms48[b-t48nszsmgb] {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding-left: 20px !important; /* Небольшой отступ от карты */
        display: flex !important;
        justify-content: flex-start !important;
    }

    /* 4. Убираем любые смещения, которые могут быть в fafa */
    .fafa[b-t48nszsmgb] {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
    }
}


@media screen and (max-width: 991px) {
    .map-row[b-t48nszsmgb] {
        flex-direction: column !important;
    }

    .mxs6[b-t48nszsmgb], .ms48[b-t48nszsmgb] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.ms48[b-t48nszsmgb] {
    width: 100%;
}

.name3[b-t48nszsmgb] {
    padding-top: 16px;
}
.fafa[b-t48nszsmgb] {
    display: flex;
    justify-content: center; 
    width: 100%;
}
/* 
.slideInLeft1{

    opacity: 0;
    animation: servLeft 1s forwards ease !important;
    margin-left: -662px !important;
}

@keyframes servLeft {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0px !important;
        opacity: 1;
    }
} */

@media screen and (max-width:1530px) {
    .line-old1[b-t48nszsmgb] {
        margin-left: 0;
    }

    .menu-areas li[b-t48nszsmgb] {
        max-width: 350px;
        width: 100%;
    }
}

@media screen and (max-width:1440px) {
 

    .area-flex[b-t48nszsmgb] {
        margin-top: 5.9%;
    }

    .row[b-t48nszsmgb] {
        --bs-gutter-x: unset;
        --bs-gutter-y: unset;
    }

    .area-work[b-t48nszsmgb] {
        margin-top: 118px;
    }

    .area-info-work[b-t48nszsmgb] {
        padding-left: 15px;
    }

    .areas-info[b-t48nszsmgb] {
        padding-inline: 18px;
        margin-left: 0;
    }

    .wrapper-area[b-t48nszsmgb] {
        gap: 54px;
    }

    .map[b-t48nszsmgb] {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width:1280px) {

    .mxs6[b-t48nszsmgb] {
        width: 57% !important;
        display: flex;
        justify-content: center;
    }

    .map-row[b-t48nszsmgb] {
        gap: 100px;
        width: 100%;
        max-width: 1920px;
        justify-content: center;

    }

    .map[b-t48nszsmgb] {
        justify-content: center;
    }

    .slid-areas[b-t48nszsmgb] {
        max-width: 484px;
        width: 100%;
        min-height: 374px;
    }

    .area-flex[b-t48nszsmgb] {
        margin-top: 6.9%;
        padding-inline: 11.5%;
    }

    .lg5[b-t48nszsmgb] {
        width: 47.66667%;
    }

    .area-work[b-t48nszsmgb] {
        margin-top: 114px;
    }

    .area-info-work[b-t48nszsmgb] {
        padding-left: 31px;
    }

    .areas-info[b-t48nszsmgb] {
        max-width: 690px;
        min-height: 537px;
    }

    .aboute-xxl[b-t48nszsmgb] {
        padding-inline: 11.5%;
    }

    .area-map[b-t48nszsmgb] {
        margin-top: 77px;
    }

    .contact-text[b-t48nszsmgb] {
        gap: 24px;
    }

    .ms48[b-t48nszsmgb] {
        width: 57%;
    }

    .mxs6[b-t48nszsmgb] {
        width: 41%;
    }

    .name3[b-t48nszsmgb] {
        padding-top: 4px;
    }

    .wrapper-input[b-t48nszsmgb] {
        padding-inline: 14%;
    }

    .container-pathFooter[b-t48nszsmgb] {
        margin-top: 0;
    }

    .area-application[b-t48nszsmgb] {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:1190px) {
    .area-flex[b-t48nszsmgb] {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .lg5[b-t48nszsmgb] {
        width: 59.66667%;
    }
}

@media screen and (max-width:968px) {
    .wrapper-work[b-t48nszsmgb] {
        overflow: hidden;
    }

    .map-row[b-t48nszsmgb] {
        gap: 150px;
    }

    .old-line11[b-t48nszsmgb] {
        display: none;
    }

    .area-flex[b-t48nszsmgb] {
        margin-top: 8.9%;
    }

    .lg5[b-t48nszsmgb] {
        width: 62.66667%;
    }

    .area-info-work[b-t48nszsmgb] {
        padding-left: 14px;
    }

    .areas-info[b-t48nszsmgb] {
        max-width: 478px;
        min-height: 662px;
        position: relative;
        top: 30px;
    }

    .area-map[b-t48nszsmgb] {
        margin-top: 104px;
    }

    .aboute-xxl[b-t48nszsmgb] {
        padding-inline: 10.5%;
    }

    .contact-text[b-t48nszsmgb] {
        gap: 19px;
    }

    .map[b-t48nszsmgb] {
        align-items: flex-start;
    }

    .mxs6[b-t48nszsmgb] {
        width: 52%;
        height: 370px;
    }

    .map-row[b-t48nszsmgb] {
        margin-top: 15px;
    }

    .ms48[b-t48nszsmgb] {
        width: 73%;
    }

    .container-pathFooter[b-t48nszsmgb] {
        margin-top: 25px;
    }

    .container-pathFooter[b-t48nszsmgb] {
        clip-path: polygon(11% 20%, 89% 20%, 100% 10%, 100% 100%, 25% 100%, 0 100%, 0 10%);
    }
}

@media screen and (max-width:920px) {
    .menu-areas li[b-t48nszsmgb]{
        height: 18px;
    }
    #li2[b-t48nszsmgb]{
        min-height: 42px;
    }
    .area-info-work[b-t48nszsmgb] {
        flex-direction: column;
    }

    .menu-areas[b-t48nszsmgb] {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        cursor: grab;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }

    .menu-areas[b-t48nszsmgb]::-webkit-scrollbar {
        display: none;
    }

    .menu-areas li:active[b-t48nszsmgb] {
        cursor: grabbing;
    }

    .menu-areas :active[b-t48nszsmgb] {
        cursor: grabbing;
    }

    .grabbing[b-t48nszsmgb] {
        cursor: grabbing;
    }

    .menu-areas li[b-t48nszsmgb] {
        user-select: none;
    }

    .menu-areas li[b-t48nszsmgb] {
        max-width: 630px;
        white-space: nowrap;
    }

    .lg5[b-t48nszsmgb] {
        width: 79.66667%;
    }
}

@media screen and (max-width:960px) {

    .mxs6[b-t48nszsmgb] {
        width: 76%;
        height: 370px;
    }
}
@media screen and (max-width:500px){
  
        #li2[b-t48nszsmgb] {
            flex: 1 0 398px;
        }
    
}
@media screen and (max-width: 678px) {
    .content-animacion15[b-t48nszsmgb] {
        display: none;
    }

    .content-animacion115[b-t48nszsmgb] {
        right: 72%;
    }

    .content-animacion116[b-t48nszsmgb] {
        right: 10%;
    }

    .areas-info[b-t48nszsmgb]{
        margin-top: 20px;
    }

    .area-flex[b-t48nszsmgb] {
        margin-top: 11.9%;
    }

    .area-flex[b-t48nszsmgb] {
        padding-inline: 7.5%;
    }

    .area-work[b-t48nszsmgb] {
        margin-top: 96px;
    }

    .areas-info[b-t48nszsmgb] {
        position: unset;
    }

    .area-map[b-t48nszsmgb] {
        margin-top: 43px;
    }

    .mxs6[b-t48nszsmgb] {
        width: 75%;
    }

    .ms48[b-t48nszsmgb] {
        width: 100%;
    }

}

@media screen and (max-width:590px) {
    .slid-areas[b-t48nszsmgb] {
        max-width: 379px;
        width: 100%;
        min-height: 298px;
    }

    .map-row[b-t48nszsmgb] {
        gap: 100px;
    }
}

@media screen and (max-width:428px) {

    .wrapper-input[b-t48nszsmgb] {
        padding-inline: 3%;
    }

    .mxs6[b-t48nszsmgb] {
        width: 100%;
    }

    .contact-text h1[b-t48nszsmgb] {
        font-size: 30px;
    }

    .area-flex[b-t48nszsmgb] {
        margin-top: 14.9%;
    }

    .ms-4[b-t48nszsmgb] {
        font-size: 38px;
        margin-left: unset !important;
    }

    .lg5[b-t48nszsmgb] {
        width: 100%;
    }

    .area-flex[b-t48nszsmgb] {
        padding-inline: 5.5%;
    }

    .area-work[b-t48nszsmgb] {
        margin-top: 120px;
    }

    .content-work[b-t48nszsmgb] {
        padding-inline: unset;
    }

    .work-menu[b-t48nszsmgb] {
        padding-inline: 10.5%;
    }

    .wrapper-area[b-t48nszsmgb] {
        gap: 9px;
    }

    .areas-info[b-t48nszsmgb] {
        padding-inline: 10px;
        margin-left: 0;
    }

    .area-map[b-t48nszsmgb] {
        margin-top: 64px;
    }

    .aboute-xxl[b-t48nszsmgb] {
        padding-inline: 5.5%;
    }

    .map-row[b-t48nszsmgb] {
        gap: 100px;
    }

    .content-areaMap[b-t48nszsmgb] {
        gap: 30px;
    }
}

@media screen and (max-width:390px) {
    .slid-areas[b-t48nszsmgb] {
        max-width: 271px;
        width: 100%;
        min-height: 213px;
    }

    .ms-4[b-t48nszsmgb],
    .contact-text h1[b-t48nszsmgb] {
        font-size: 24px !important;
    }
}

#fire1[b-t48nszsmgb],
#fire2[b-t48nszsmgb],
#fire3[b-t48nszsmgb],
#fire4[b-t48nszsmgb],
#fire5[b-t48nszsmgb],
#fire6[b-t48nszsmgb],
#fire7[b-t48nszsmgb],
#fire8[b-t48nszsmgb],
#fire9[b-t48nszsmgb],
#fire10[b-t48nszsmgb],
#fire11[b-t48nszsmgb] {
    display: none;
}

/* /Components/Pages/Courses.razor.rz.scp.css */


.courses-background[b-brd53fjciy] {
    max-width: 1920px;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

.glitch[b-brd53fjciy] {
    position: relative;
    color: #fff;
    font-size: 80px;
}

.glitch .line:not(:first-child)[b-brd53fjciy] {
    position: absolute;
    top: 0;
    left: 0;
}

.glitch .line:nth-child(1)[b-brd53fjciy] {
    animation: clip-b-brd53fjciy 3000ms -300ms linear infinite, glitch1-b-brd53fjciy 500ms 116ms linear infinite;
}

@keyframes glitch1-b-brd53fjciy {
    0% {
        transform: translateX(0);
    }

    80% {
        transform: translateX(0);
        color: #fff;
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26;
    }

    90% {
        transform: translateX(-4px);
        color: #ac1212;
    }

    95% {
        transform: translateX(-3px);
        color: #fff;
    }

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

/* Similarly add @keyframes for glitch2 to glitch9 */

@keyframes clip-b-brd53fjciy {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
    }

    100% {
        clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
    }
}

.content-animacion15[b-brd53fjciy] {
    display: flex;
    flex-direction: column;
    /* background-size: 10px 10px; */
    height: 100vh;
    gap: 30px 0;
    /* overflow: hidden; */
    /* width: 65px;
    min-height: 723px; */
    /* background-image: url(/img/0110.svg); */
    /* background-position: initial;
    background-size: 100%; */
    position: absolute;
    z-index: 0;
    right: 86%;
    animation: anim1-b-brd53fjciy 14s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-brd53fjciy] {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 100vh;
    /* background-image: url(/img/0110.svg); */
    /* background-position: initial; */
    /* background-size: 100%; */
    position: absolute;
    gap: 30px 0;
    z-index: 0;
    right: 70%;
    animation: anim2-b-brd53fjciy 14s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-brd53fjciy] {
    display: flex;
    flex-direction: column;
    width: 65px;
    gap: 30px 0;
    height: 100vh;
    /* background-image: url(/img/0110.svg);
    background-position: initial;
    background-size: 100%; */
    position: absolute;
    z-index: 0;
    right: 10%;
    animation: anim1-b-brd53fjciy 7s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

@keyframes anim1-b-brd53fjciy {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-brd53fjciy {
    0% {
        transform: translateY(100%);
    }

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

ul[b-brd53fjciy],
h1[b-brd53fjciy] {
    margin-bottom: unset;
    padding-left: unset;
}

h1[b-brd53fjciy] {
    font-family: "Montserratarm-Regular";
}

.container-courses[b-brd53fjciy] {
    display: flex;
    justify-content: space-between;
    padding-inline: 10.5%;
    max-width: 1920px;
    width: 100%;
    margin-top: 80px;
    align-items: center;
    position: relative;
    z-index: 50;
}

.coursesImg[b-brd53fjciy] {
    max-width: 560px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/coursesimg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    animation: servRight-b-brd53fjciy 1s forwards ease-out;
}

@keyframes servRight-b-brd53fjciy {
    0% {
        margin-right: -762px;
        opacity: 0;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.couses-name[b-brd53fjciy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    opacity: 0;
    animation: servLeft-b-brd53fjciy 1s forwards ease-out;
}

@keyframes servLeft-b-brd53fjciy {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

.couses-name h1[b-brd53fjciy] {
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.couses-name span[b-brd53fjciy] {
    max-width: 462px;
    width: 100%;
    min-height: 144px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.content-coursesInfo[b-brd53fjciy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 1920px;
    width: 100%;
    margin-top: 130px;
    overflow: hidden;
    padding-inline: 10.5%;
    align-items: center;
}

.d-flex[b-brd53fjciy] {
    max-width: 1920px;
    width: 100%;
    justify-content: center;
}

.d-flex h1[b-brd53fjciy] {
    font-size: 38px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number9);
}

.team-item[b-brd53fjciy] {
    max-width: 485px;
    width: 100%;
    min-height: 440px;
    background: linear-gradient(38.96deg, #181C3F 30.25%, #282945 51.19%, #0E132A 77.67%);
    border-radius: 8px !important;
}

.secTion[b-brd53fjciy] {
    position: relative;
    z-index: 50;
}

.content-courses[b-brd53fjciy] {
    margin-top: 88px;
}

.resing[b-brd53fjciy] {
    max-width: 1920px;
    width: 100%;
    --bs-gutter-x: unset;
    --bs-gutter-y: unset;
    display: flex;
    gap: 11px;
    flex-wrap: nowrap;
    margin-top: unset;
    margin-right: unset;
    margin-left: unset;
}

.content-start[b-brd53fjciy] {
    max-width: 103px;
    width: 100%;
    min-height: 34px;
    margin: 16px;
    padding: 7px 16px 7px 16px;
    background-color: var(--color-number16);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number18);
}

.CSharp[b-brd53fjciy] {
    max-width: 123px;
    width: 100%;
    min-height: 130px;
    background-image: url(/img/csharp.svg);
    background-position: left;
    background-repeat: no-repeat;
}

.C-back[b-brd53fjciy] {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    padding-inline: 24px;
}

.info-Csharp[b-brd53fjciy] {
    width: 100%;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-inline: 16px;
}

.info-Csharp h1[b-brd53fjciy] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
}

.info-Csharp span[b-brd53fjciy] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
}

.Csharp-btn[b-brd53fjciy] {
    display: flex;
    justify-content: flex-end;
    padding-inline: 16px;
    margin-top: 40px;
}

.Csharp-btn button[b-brd53fjciy] {
    border: none;
    max-width: 213px;
    width: 100%;
    min-height: 36px;
    text-transform: uppercase;
    border-radius: 8px;
    background-color: var(--color-number5);
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: #000 !important;
    transition: all .3s ease 0s;

}

.Csharp-btn button:hover[b-brd53fjciy] {
    background-color: var(--color-number2);
}

.Csharp-btn button:active[b-brd53fjciy] {
    transition: .1s;
    background-color: var(--color-number1);
    color: var(--color-number2);
    border: solid 1px var(--color-number2);
}

.content-start1[b-brd53fjciy] {
    max-width: 200px;
    width: 100%;
    min-height: 34px;
    margin: 16px;
    padding: 7px 16px 7px 16px;
    background-color: var(--color-number16);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number18);
}

.content-start2[b-brd53fjciy] {
    max-width: 156px;
    width: 100%;
    min-height: 34px;
    margin: 16px;
    padding: 7px 16px 7px 16px;
    background-color: var(--color-number16);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number18);
}

.anim[b-brd53fjciy] {
    display: none;
}

.container-courses-slider[b-brd53fjciy] {
    display: none;
}

@media screen and (max-width:1440px) {

    .container-pathFooter[b-brd53fjciy] {
        margin-top: -25px;
    }

    .team-item[b-brd53fjciy] {
        max-width: 367px;
        width: 100%;
    }

    .container-courses[b-brd53fjciy] {
        margin-top: 83px;
    }

    .content-courses[b-brd53fjciy] {
        margin-top: 74px;
    }

}

@media screen and (max-width:1280px) {

    .content-coursesInfo[b-brd53fjciy] {
        margin-top: 130px;
    }

    .Csharp-btn[b-brd53fjciy] {
        display: flex;
        justify-content: center;
    }

    .col-lg-4[b-brd53fjciy] {
        flex: 0 0 auto;
        width: 32.33333%;
    }

    .team-item[b-brd53fjciy] {
        max-width: 310px;
        width: 100%;
    }

    .resing[b-brd53fjciy] {
        gap: 25px;
        max-width: 980px;
    }

    .container-courses[b-brd53fjciy] {
        padding-inline: 11.5%;
    }

    .coursesImg[b-brd53fjciy] {
        max-width: 480px;
        width: 100%;
        min-height: 370px;
    }

    .container-pathFooter[b-brd53fjciy] {
        margin-top: -13px;
    }

}

@media screen and (max-width:1188px) {
    .container-courses[b-brd53fjciy] {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .secTion[b-brd53fjciy] {
        padding-inline: 100px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        padding-inline: 3%;
    }
}

@media screen and (max-width:968px) {
    .courses-background[b-brd53fjciy] {
        overflow-x: hidden;
    }

    .coursesImg[b-brd53fjciy] {
        max-width: 478px;
        width: 100%;
        min-height: 367px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        padding-inline: unset;
    }

    .row[b-brd53fjciy] {
        padding-left: 10.5%;
    }

    .anim[b-brd53fjciy] {
        border: none !important;
    }

    .res-hid[b-brd53fjciy] {
        display: none;
    }

    .anim[b-brd53fjciy] {
        display: block;
    }

    .container-courses-slider[b-brd53fjciy] {
        display: block;
        margin-top: 26px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        margin-top: 124px;
        max-width: 700px;
        padding-inline: 0px;
    }

    .row[b-brd53fjciy] {
        padding-left: 0%;
    }

    .sec-slid[b-brd53fjciy] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
    }

    .fadeInUp[b-brd53fjciy] {
        max-width: 310px;
        width: 100%;
        padding-left: 0px;
    }

    .marg[b-brd53fjciy] {
        flex-wrap: nowrap;
        gap: 20px;
        /* overflow: visible; */
        width: 100%;
        transition: all 2s ease-out;
        /* overflow: scroll; */
    }

    .marg[b-brd53fjciy] {
        flex-wrap: wrap !important;
        gap: 20px;
    }

    .secTion[b-brd53fjciy] {
        padding-inline: 100px;
        display: flex;
        justify-content: center;
    }

    .anim[b-brd53fjciy] {
        max-width: 340px !important;
    }

    .team-item[b-brd53fjciy] {
        max-width: 340px;
        width: 100%;
    }

    .line-con[b-brd53fjciy] {
        max-width: 1920px;
        width: 100%;
        margin-top: 41px;
    }
}

@media screen and (max-width:900px) {

    .anim[b-brd53fjciy],
    .team-item[b-brd53fjciy] {
        max-width: 320px !important;
    }
}

@media screen and (max-width:860px) {

    .anim[b-brd53fjciy],
    .team-item[b-brd53fjciy] {
        max-width: 300px !important;
    }
}

@media screen and (max-width:820px) {

    .anim[b-brd53fjciy],
    .team-item[b-brd53fjciy] {
        max-width: 280px !important;
    }
}

@media screen and (max-width:780px) {

    .anim[b-brd53fjciy],
    .team-item[b-brd53fjciy] {
        max-width: 350px !important;
    }

    .marg[b-brd53fjciy] {
        justify-content: center !important;
    }
}

@media screen and (max-width: 678px) {
    .content-animacion15[b-brd53fjciy] {
        display: none;
    }

    .content-animacion115[b-brd53fjciy] {
        right: 72%;
    }

    .content-animacion116[b-brd53fjciy] {
        right: 10%;
    }

    .content-coursesInfo[b-brd53fjciy] {
        margin-top: 132px;
        max-width: 907px;
        /* overflow: visible; */
        padding-inline: 70px;
    }

    .fadeInUp[b-brd53fjciy] {
        padding-left: 0;
    }

    .secTion[b-brd53fjciy] {
        padding-inline: 0px;
    }

    .container-pathFooter[b-brd53fjciy] {
        clip-path: polygon(10% 21%, 90% 21%, 100% 10%, 100% 100%, 25% 100%, 0 100%, 0 10%) !important;
    }
}

@media screen and (max-width:677px) {

    .container-courses-slider[b-brd53fjciy] {
        display: none;
    }

    .res-hid[b-brd53fjciy] {
        display: flex;
        flex-wrap: wrap;
        padding-left: unset;
        padding-inline: 0%;
        justify-content: center;
    }

    .anim[b-brd53fjciy] {
        display: none;
    }

    .coursesImg[b-brd53fjciy] {
        max-width: 378px;
        width: 100%;
        min-height: 292px;
    }

    .container-courses[b-brd53fjciy] {
        padding-inline: 5.5%;
        margin-top: 64px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        padding-inline: 17px;
    }

    .content-start2[b-brd53fjciy] {
        margin: 17px 17px;
    }

    .resing[b-brd53fjciy] {
        gap: 15px;
        max-width: 980px;
    }

    .content-courses[b-brd53fjciy] {
        margin-top: -46px;
    }

    .container-pathFooter[b-brd53fjciy] {
        clip-path: polygon(21% 20%, 80% 20%, 100% 13%, 100% 100%, 25% 100%, 0 100%, 0 13%) !important;
    }

}

@media screen and (max-width:428px) {
    .content-courses[b-brd53fjciy] {
        margin-top: -5px;
    }

    .container-pathFooter[b-brd53fjciy] {
        clip-path: polygon(11% 17%, 89% 17%, 100% 13%, 100% 100%, 25% 100%, 0 100%, 0 13%) !important;
    }

    .hid968[b-brd53fjciy] {
        margin-top: 47px;
    }

    .line-con[b-brd53fjciy] {
        margin-top: 10px;
    }
}

@media screen and (max-width:388px) {
    .coursesImg[b-brd53fjciy] {
        max-width: 272;
        width: 100%;
        min-height: 210px;
    }

    .couses-name h1[b-brd53fjciy],
    .d-flex h1[b-brd53fjciy] {
        font-size: 24px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        padding-inline: 40px;
    }

}

@media screen and (max-width:320px) {

    .content-courses[b-brd53fjciy] {
        margin-top: -88px !important;
    }

    .couses-name[b-brd53fjciy] {
        margin-top: -12px;
        gap: 3px;
    }

    .container-courses[b-brd53fjciy] {
        padding-inline: 24px;
    }

    .content-coursesInfo[b-brd53fjciy] {
        padding-inline: 24px;
        gap: 9px;
        margin-top: 123px;
    }

    .resing[b-brd53fjciy] {
        gap: 17px;
    }

    .content-courses[b-brd53fjciy] {
        margin-top: -42px;
    }

    .hid968[b-brd53fjciy] {
        margin-top: 39px;
    }

    .line-con[b-brd53fjciy] {
        margin-top: 7px;
        padding-inline: 7.5%;
    }

    .content-courses[b-brd53fjciy] {
        margin-top: -50px !important;
    }

    .hid968[b-brd53fjciy] {
        margin-top: 32px;
    }
}



.team-item[b-brd53fjciy] {
    display: block !important;
}

/* /Components/Pages/Home.razor.rz.scp.css */
*[b-rvk4lkh01m] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

@font-face {
    font-family: "Montserratarm-Regular";
    src: url(../font/Montserratarm-Regular/Montserratarm-Regular.ttf);
}

@font-face {
    font-family: "Montserratarm-Medium";
    src: url(../font/fonts/Montserratarm-Medium/Montserratarm-Medium.ttf);
}

h1[b-rvk4lkh01m] {
    font-family: "Montserratarm-Regular";
}

h1:focus[b-rvk4lkh01m] {
    outline: none;
}

body[b-rvk4lkh01m] {
    font-family: "Montserratarm-Regular";
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    color: unset;
}

  
  .glitch[b-rvk4lkh01m] {
    position: relative;
    color: #fff;
    font-size: 80px;
  }
  .glitch .line:not(:first-child)[b-rvk4lkh01m] {
    position: absolute;
    top: 0;
    left: 0;
  }
  .glitch .line:nth-child(1)[b-rvk4lkh01m] {
    animation: clip-b-rvk4lkh01m 3000ms -300ms linear infinite, glitch1-b-rvk4lkh01m 500ms 116ms linear infinite;
  }

  
  @keyframes glitch1-b-rvk4lkh01m {
    0% {
      transform: translateX(0);
    }
    80% {
      transform: translateX(0);
      color: #fff;
    }
    85% {
      transform: translateX(-2px);
      color: #4e9a26;
    }
    90% {
      transform: translateX(-4px);
      color: #ac1212;
    }
    95% {
      transform: translateX(-3px);
      color: #fff;
    }
    100% {
      transform: translateX(0);
    }
  }
  
  /* Similarly add @keyframes for glitch2 to glitch9 */
  
  @keyframes clip-b-rvk4lkh01m {
    0% {
      clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
    }
    100% {
      clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
    }
  }
.content-animacion15[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 30px 0;
    position: absolute;
    z-index: 0;
    right: 86%;
    animation: anim1-b-rvk4lkh01m 75s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 100vh;
    position: absolute;
    gap: 30px 0;
    z-index: 0;
    right: 70%;
    animation: anim2-b-rvk4lkh01m 75s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    width: 65px;
    gap: 30px 0;
    height: 100vh;
    position: absolute;
    z-index: 0;
    right: 10%;
    animation: anim1-b-rvk4lkh01m 65s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

@keyframes anim1-b-rvk4lkh01m {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-rvk4lkh01m {
    0% {
        transform: translateY(1000%);
    }

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

:root[b-rvk4lkh01m] {
    --color-number1: #181818;
    --color-number2: #F96B31;
    --color-number3: #F9893D66;
    --color-number4: rgba(249, 137, 61, 0.40);
    --color-number5: #F9893D;
    --color-number6: #FFFFFF;
    --color-number7: #E8E8E8;
    --color-number8: #1A1A1A;
    --color-number9: #F3F3F3;
    --color-number10: #D6B88D;
    --color-number11: #F2F2F2;
    --color-number12: #AAAAAA;
    --color-number13: #FF7233;
    --color-number14: #FFB25F;
    --color-number15: #717171;
    --color-number16: #F9893D80;
    --color-number17: #FFFFFFB2;
    --background: #252525;
    --color-number18: #FF9149B2;
    --bs-font-sans-serif: unset;
    --bs-font-monospace: unset;
    --bs-gradient: unset;
    --bs-gutter-x: unset;
    --color-number18: #F7F7F7;
}

.vem5[b-rvk4lkh01m] {
    padding-inline: 10.5%;
    margin-top: 47px;
}

.container-content[b-rvk4lkh01m] {
    width: 100vw;
    background-color: #1A1A1A;
    position: relative;
    overflow: hidden;
}

.navbar-icon-open[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/openicon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.contnet-colum[b-rvk4lkh01m] {
    filter: drop-shadow(0.1em -0.1em 2px rgba(249, 137, 61, 1)) drop-shadow(0.25em 0.25em 4px rgba(249, 137, 61, 0.4));
}

.navbar[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    /* max-width: 1440px; */
    width: 100%;
    margin: auto;
    min-height: 156px;
    justify-content: space-around;
    padding-inline: 100px;
    transition: all 0.3s ease;
    position: relative;
    background-color: var(--color-number1);
    clip-path: polygon(0 0, 10.5% 36%, 89.5% 36%, 100% 1%, 100% 100%, 85% 100%, 15% 100%, 0 100%);
    padding-top: 52px;
}

.navbar-height[b-rvk4lkh01m] {
    min-height: 170px;
}

.dropdown-menu[b-rvk4lkh01m] {
    position: absolute;
    width: 100%;
    background-color: var(--color-number1);
    min-height: 544px;
    z-index: 10;
    /* transform: translateX(-100%); */
    /* transition: transform 0.8s ease-in-out, height 0.4s ease-in-out; */
}

/* .dropdown-menu.active {
    transform: translateY(0%);
    transform: translateX(0px);
    transition: transform 1.8s ease-in-out, height .4s ease-in-out;
} */

.dropdown-menu.open[b-rvk4lkh01m] {

    min-height: 544px;
}

.dropdown-menu>.navbar-menu[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 100px;
}

.navbar-fixit[b-rvk4lkh01m] {
    width: 100%;
    margin: auto;
    min-height: 100px;
    filter: drop-shadow(0.25em -0.5em 4px rgba(249, 137, 61, 0.4));
    position: fixed;
    top: 0;
    z-index: 1000;
}

.sec-1[b-rvk4lkh01m] {
    display: flex;
}

.content-animacion[b-rvk4lkh01m] {
    max-width: 559px;
    width: 100%;
    min-height: 433px;
    margin-right: 141px;
    margin-top: 78px;
    pointer-events: none;
    background: url(/img/Pic1.svg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
    right: 44px;
    bottom: 22px;
    transition: transform 0.3s ease-out;
    opacity: 0;
    animation: servRight-b-rvk4lkh01m 1s forwards ease-out;
}

@keyframes servRight-b-rvk4lkh01m {
    0% {
        margin-right: -762px;
        opacity: 0;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.navbar.fixed-navbar[b-rvk4lkh01m] {
    height: 90px;
    min-height: unset;
    align-items: center;
    background: var(--color-number1);
    padding-top: unset;
    box-shadow: 0px 0px 30px 0px var(--color-number3);
    border-bottom: 1px solid var(--color-number2);
    margin-top: unset;
    clip-path: none;
}

.navbar-logo[b-rvk4lkh01m] {
    max-width: 223px;
    width: 100%;
    min-height: 43px;
    background-image: url(/img/logo.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.navbar-menu[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.img-nav[b-rvk4lkh01m] {
    width: 24px;
    height: 24px;
    background-image: url(/img/earth-grid1.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.navbar-btn button[b-rvk4lkh01m] {
    border-radius: 8px;
    background-color: var(--color-number5);
    border: none;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number8);
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease-in-out 0s;
    min-height: 36px;
}

.login-navbar[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.content-lenguage[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
    position: relative;
}

.navbar-menu li a[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
    transition: all .3s ease-in-out 0s;
    position: relative;
}
.language-select[b-rvk4lkh01m]{
    font-family: "Montserratarm-Regular";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number7);
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    background-color: #181818;
    outline: none;
}
.language-select option[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number7);
    text-transform: uppercase;
}

.navbar-menu li a:hover[b-rvk4lkh01m] {
    color: var(--color-number5);
}

.navbar-menu li a:active[b-rvk4lkh01m] {
    color: var(--color-number2);
    transition: .1s;
}

.navbar-menu li a[b-rvk4lkh01m]::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--color-number5);
    position: absolute;
    bottom: -11px;
    left: 0;
    transition: width 0.3s ease;
}

.navbar-menu li a:hover[b-rvk4lkh01m]::after {
    width: 100%;
}

.content-lenguage:hover[b-rvk4lkh01m] {
    color: var(--color-number5);
}

.content-lenguage[b-rvk4lkh01m]::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--color-number5);
    position: absolute;
    bottom: -11px;
    left: 0;
    transition: width 0.3s ease;
}

.content-lenguage:hover[b-rvk4lkh01m]::after {
    width: 100%;
}

.navbar-btn button:hover[b-rvk4lkh01m] {
    background-color: var(--color-number2);
}

.navbar-btn button:active[b-rvk4lkh01m] {
    transition: .1s;
    background-color: var(--color-number8);
    border: solid 1px var(--color-number2);
    color: var(--color-number2);
}

.navbar-icon[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.content-lenguage h1:hover[b-rvk4lkh01m] {
    color: var(--color-number5);
}

.content-soft[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 1440px;
    width: 100%;
    margin: 139px auto;
    padding-left: 10.5%;
    opacity: 0;
    animation: servLeft-b-rvk4lkh01m 1s forwards ease-out;
}

@keyframes servLeft-b-rvk4lkh01m {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

.content-soft-info[b-rvk4lkh01m] {
    max-width: 482px;
    width: 100%;
    min-height: 132px;
}
.mark[b-rvk4lkh01m]{
    color:var(--color-number9) !important;
}
.content-soft-info h1>span[b-rvk4lkh01m] {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number2);
    text-transform: uppercase;
}

.content-soft-info h1[b-rvk4lkh01m] {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.content-text[b-rvk4lkh01m] {
    max-width: 425px;
    width: 100%;
    min-height: 72px;
}

.content-text span[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.soft-btn[b-rvk4lkh01m] {
    margin-top: 37px;
}

.custom-btn[b-rvk4lkh01m] {
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}

.btn-4[b-rvk4lkh01m] {
    width: 247px;
    height: 40px;
    padding: 0;
    border: none;
}

.btn-4 span[b-rvk4lkh01m] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number5);
    text-transform: uppercase;

}

.btn-4[b-rvk4lkh01m]:before {
    position: absolute;
    content: "";
    right: 10px;
    top: -3px;
    background: var(--color-number5);
    transition: all 0.3s ease;
    transform: rotate(45deg);
    height: 70%;
    width: 2px;
}

.btn-4[b-rvk4lkh01m]:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0px;
    background: var(--color-number5);
    transition: all 0.3s ease;
}

.btn-4[b-rvk4lkh01m]:after {
    width: 50%;
    height: 2px;
}

.btn-4:hover[b-rvk4lkh01m]:before {
    height: 133%;
    top: -6px;
    right: 18px;
}

.btn-4:hover[b-rvk4lkh01m]:after {
    width: 85.5%;
}

.btn-4 span[b-rvk4lkh01m]:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: var(--color-number5);
    transition: all 0.3s ease;
}

.btn-4 span[b-rvk4lkh01m]:before {
    position: absolute;
    content: "";
    left: 8px;
    bottom: -4px;
    background: var(--color-number5);
    transition: all 0.3s ease;
    width: 2px;
    height: 70%;
    transform: rotate(45deg);
}

.btn-4 span[b-rvk4lkh01m]:after {
    width: 70%;
    height: 2px;
}

.btn-4 span:hover[b-rvk4lkh01m]:before {
    height: 132%;
    left: 16px;
    bottom: -7px;
}

.btn-4 span:hover[b-rvk4lkh01m]:after {
    width: 85.5%;
}

.wrapper-service[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 1440px;
    width: 100%;
    margin: auto;
    padding-top: 51px;
}

.content-service[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline: 10.5%;
}

.content-service h1[b-rvk4lkh01m] {
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.content-service span[b-rvk4lkh01m] {
    max-width: 755px;
    width: 100%;
    min-height: 48px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.flex-container[b-rvk4lkh01m] {
    display: flex;
    gap: 20px;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    padding-inline: 10.5%;
}

.flex-item[b-rvk4lkh01m],
.flex-item1[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    max-width: 367px;
    width: 100%;
    min-height: 320px;
    border-radius: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 3s ease, transform 2.3s ease;
    padding-top: 111px;
}

#img1[b-rvk4lkh01m] {
    background-image: url(/img/01.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

#img2[b-rvk4lkh01m] {
    background-image: url(/img/02.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

.content-flex1[b-rvk4lkh01m] {
    display: none;
}

.content-hiiden[b-rvk4lkh01m] {
    width: 100%;
    overflow: hidden;
    display: flex;
    padding-left: 10.5%;
}

#img3[b-rvk4lkh01m] {
    background-image: url(/img/03.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

#img4[b-rvk4lkh01m] {
    background-image: url(/img/04.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

#img5[b-rvk4lkh01m] {
    background-image: url(/img/05.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

#img6[b-rvk4lkh01m] {
    background-image: url(/img/06.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 367px;
    height: 320px;
    border: solid 1px var(--color-number16);
    background-color: var(--color-number1);
}

.flex-item.show[b-rvk4lkh01m],
.flex-item1.show[b-rvk4lkh01m] {
    opacity: 1;
    transform: translateY(0px);
}

.content-slider[b-rvk4lkh01m] {
    max-width: 152px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 12px auto;
    display: none;
}

.slider[b-rvk4lkh01m] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: solid 1px var(--color-number16);
}

.content-flex[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 38px;
    margin-top: 30px;
}

.content-header-line[b-rvk4lkh01m] {
    display: none;
}

.dropdown-menu>.login-navbar[b-rvk4lkh01m] {
    display: none;
}

.container-btn5[b-rvk4lkh01m] {
    max-width: 1440px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-item h1[b-rvk4lkh01m],
.flex-item1 h1[b-rvk4lkh01m] {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number5);
}

.flex-item span[b-rvk4lkh01m],
.flex-item1 span[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number11);
}

.content-big[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 334px;
    width: 100%;
    min-height: 188px;
}

.secttion-areas[b-rvk4lkh01m] {
    max-width: 1440px;
    width: 100%;
    margin: auto;
    margin-top: 130px;
}

.areas-text[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-inline: 10.5%;
}

.portfolio-text h1[b-rvk4lkh01m] {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
}

.areas-text h1[b-rvk4lkh01m] {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
}

.areas-text span[b-rvk4lkh01m] {
    max-width: 775px;
    width: 100%;
    min-height: 48px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.areas-paragraf[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}
.container-portfolio[b-rvk4lkh01m] {
    max-width: 1440px;
    width: 100%;
    padding-top: 131px;
}

.content-portfolio[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
}

.portfolio-text[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-inline: 10.5%;
}

.portfolio-text span[b-rvk4lkh01m] {
    max-width: 561px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.content-port-big[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;
    max-width: 1440px;
    width: 100%;
    margin: auto;
    padding-top: 50px;
    padding-inline: 10.5%;
}

.content-oldBig[b-rvk4lkh01m] {
    max-width: 1520px;
    width: 100%;
    min-height: 408px;
}

.wrapper-show[b-rvk4lkh01m] {
    max-width: 1140px;
    width: 100%;
    min-height: 408px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 2s ease-out, transform 1.3s ease;
    display: flex;
    align-items: center;
}

.wrapper-show.show1[b-rvk4lkh01m],
.wrapper-show.show1[b-rvk4lkh01m] {
    opacity: 1;
    transform: translateY(0px);
}

.content-block-name[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 225px;
    margin-left: -89px;
}

.blocked[b-rvk4lkh01m] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    max-width: 855px;
    gap: 24px;
}

.blocked2[b-rvk4lkh01m] {
    max-width: 833px;
    width: 100%;
    margin-left: 38px;
    opacity: 22;
    position: relative;
    background: var(--color-number8);
    min-height: 170px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.content-block-name h1[b-rvk4lkh01m],
#content-name2 h1[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number5);
    padding-top: 24px;
}

.content-block-name span[b-rvk4lkh01m],
#content-name2 span[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number11);
}

.radio-container[b-rvk4lkh01m] {
    margin-bottom: 10px;
}

input[type="radio"][b-rvk4lkh01m] {
    display: none;
}

.custom-radio[b-rvk4lkh01m] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid var(--color-number5);
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
    background-color: var(--color-number6);
}

input[type="radio"]:checked+.custom-radio[b-rvk4lkh01m] {
    background-color: var(--color-number5);
}

.content-radio[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    position: absolute;
    top: 90%;
    left: 19%;
}

.portfolio-btn[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    margin-bottom: 130px;
    margin-top: 50px;
}

#content-name2[b-rvk4lkh01m] {

    display: flex;
    flex-direction: column;
    gap: 24px;
}

#content-name2 span[b-rvk4lkh01m] {
    max-width: 625px;
    width: 100%;
    min-height: 215px;
}

.content-radio1[b-rvk4lkh01m] {
    display: flex;
    gap: 13px;
    position: absolute;
    top: 90%;
    left: 75%;
}

.content-programming[b-rvk4lkh01m] {
    width: 100%;
    min-height: 827px;
    background: url(/img/progserv19.svg) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.wrapper-flex[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    gap: 341px;
    padding-left: 10.5%;
    max-width: 1920px;
    width: 100%;
    min-height: 253px;
    margin-top: 200px;
}

.program[b-rvk4lkh01m] {
    max-width: 465px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.program h1[b-rvk4lkh01m] {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
}

.program span[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.left-programm[b-rvk4lkh01m] {
    max-width: 481px;
    width: 100%;
    min-height: 298px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 4px;
    gap: 23px;

}

.content-line-bac[b-rvk4lkh01m] {
    width: 78px;
    min-height: 29px;
    background-image: url(/img/card/line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.line-text[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.bacgroung-line[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.line-text span[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
    transition: all .5s ease-in-out 0s;
}

.container-map[b-rvk4lkh01m] {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 130px;
    margin-bottom: 107px;
}

.contact-text[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.wrapper-contact[b-rvk4lkh01m] {
    padding-inline: 10.5%;
}

.contact-text h1[b-rvk4lkh01m] {
    font-size: 38px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.contact-text span[b-rvk4lkh01m] {
    max-width: 561px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.contact-map[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 116px;
    margin-top: 50px;
    padding-inline: 10.5%;

}

.map[b-rvk4lkh01m] {
    width: 32.031vw;
    min-height: 533px;

}

.map iframe[b-rvk4lkh01m] {
    width: 32.031vw;
    min-height: 533px;
}

.contact-form[b-rvk4lkh01m] {
    max-width: 736px;
    width: 100%;
    min-height: 648px;
    border-radius: 8px;
    background-color: var(--color-number8);
    box-shadow: 0px 7px 8px 0px var(--color-number5);

}

.wrapper-form[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.form-name h1[b-rvk4lkh01m] {
    font-family: "Montserratarm-Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
}

.wrapper-input[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    padding-inline: 8%;
    gap: 8px;
}

.wrapper-input span[b-rvk4lkh01m] {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number12);
    align-self: flex-start;
    width: 100%;
    padding-left: 19px;
}

.wrapper-input input[b-rvk4lkh01m] {
    max-width: 600px;
    width: 100%;
    min-height: 40px;
    box-shadow: 0px 0px 8px 0px var(--color-number2);
    border: none;
    border-radius: 8px;
    padding: 10px 16px;
    color: var(--color-number15);
}

.wrapper-input input:focus-visible[b-rvk4lkh01m],
.wrapper-input textarea:focus-visible[b-rvk4lkh01m] {
    outline: none;
    border: 1px solid var(--color-number13);
    box-shadow: 0px 0px 8px 0px var(--color-number2);

}

.wrapper-input input:hover[b-rvk4lkh01m],
.wrapper-input textarea:hover[b-rvk4lkh01m] {
    border: 1px solid var(--color-number14);
    box-shadow: 0px 0px 8px 0px var(--color-number2);

}

.wrapper-input textarea[b-rvk4lkh01m] {
    padding: 10px 0;
    max-width: 600px;
    width: 100%;
    height: 150px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px var(--color-number2);
}

.form-name[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

.contact-form form[b-rvk4lkh01m] {
    margin: 32px auto;
}

.wrapper-input-button[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px;
}

.form-btn[b-rvk4lkh01m] {
    max-width: 230px;
    width: 100%;
}

.form-btn.btn-4:hover[b-rvk4lkh01m]:after {
    width: 84.5% !important;
}

.form-btn.btn-4 span:hover[b-rvk4lkh01m]:after {
    width: 84.5%;
}

.container-footer[b-rvk4lkh01m] {
    width: 100%;
    margin-top: 134px;
}

.footer[b-rvk4lkh01m] {
    width: 100%;
    min-height: 533px;
}

.big-footer[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
}

.footer-nav[b-rvk4lkh01m] {
    display: flex;
    justify-content: space-between;
    max-width: 1380px;
    width: 100%;
    min-height: 278px;
    margin-top: 187px;
    padding-left: 10.5%;
    padding-right: 3%;
}

.footer-logo[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 17px;
}

.footer-logo1[b-rvk4lkh01m] {
    max-width: 244px;
    width: 100%;
    min-height: 47px;
    background-image: url(/img/footer/logo-MarkSoft.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: -7px;
}

.footer-logo span[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.line-medium[b-rvk4lkh01m] {
    max-width: 183px;
    width: 100%;
    border: 1px solid var(--color-number5);
    margin-bottom: 10px;
}

.footer-soc[b-rvk4lkh01m] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    position: relative;
    bottom: 15px;
}

.youtube[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/youtube.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.linkdin[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/lnkdlin.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.facebook[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/fac.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-navibar[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-left: 158px;
    margin-top: 8px;
}

.content-footer-name h1[b-rvk4lkh01m] {
    font-family: "Montserratarm-Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number5);
}

.navbar-footer-nav[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 34px;
    align-self: flex-start;
}

.navbar-footer-nav li[b-rvk4lkh01m] {
    position: relative;
}

.navbar-footer-nav li a[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.navbar-footer-nav li a[b-rvk4lkh01m]::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--color-number5);
    position: absolute;
    bottom: -11px;
    left: 0;
    transition: width 0.3s ease;
}

.navbar-footer-nav li a:hover[b-rvk4lkh01m] {
    color: var(--color-number5);
}

.navbar-footer-nav li a:hover[b-rvk4lkh01m]::after {
    width: 100%;
}

.footer-icon[b-rvk4lkh01m] {
    max-width: 1px;
    width: 100%;
    border: 1px solid var(--color-number5);
    position: relative;
    right: 14px;
}

.old[b-rvk4lkh01m] {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    gap: 16px;
}

.content-contact-footer[b-rvk4lkh01m] {
    display: flex;
    gap: 26px;
}

.content-contact-footer span[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
    align-self: center;
}

.logo-div1[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/phone-call_5585846\ 1.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.logo-div2[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/Vector.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.logo-div3[b-rvk4lkh01m] {
    width: 30px;
    height: 30px;
    background-image: url(/img/footer/s.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-line[b-rvk4lkh01m] {
    max-width: 1525px;
    width: 100%;
    border: 1px solid var(--color-number16);
}

.footer-end[b-rvk4lkh01m] {
    display: flex;
    gap: 120px;
    justify-content: center;
    padding-top: 9px;
}

.ent-text[b-rvk4lkh01m] {
    display: flex;
    gap: 42px;
}

.ent-text span a[b-rvk4lkh01m] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);
}

.content-llc[b-rvk4lkh01m] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number7);
}

.footer-contact[b-rvk4lkh01m] {
    position: relative;
    top: 10px;
    right: 29px;
}

.footer-content1[b-rvk4lkh01m] {
    max-width: 1920px;
    width: 100%;
    min-height: 533px;
    filter: drop-shadow(0.1em -0.1em 2px rgba(249, 137, 61, 1)) drop-shadow(0.25em 0.25em 4px rgba(249, 137, 61, 0.4));
}

.container-pathFooter[b-rvk4lkh01m] {
    max-width: 1920px;
    width: 100%;
    min-height: 549px;
    background-color: var(--color-number1);
    box-shadow: 0px 0px 30px 0px var(--color-number3);
    margin-top: 44px;
    clip-path: polygon(10% 22%, 90% 22%, 100% 4%, 100% 100%, 25% 100%, 0 100%, 0 4%);
}

.line-con[b-rvk4lkh01m] {
    max-width: 1920px;
    width: 100%;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    padding-inline: 10.5%;
}

.hid968[b-rvk4lkh01m] {
    display: none;
}

/* service */

.content-services_info[b-rvk4lkh01m] {
    width: 100%;
    margin-top: 34px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-inline: 10.5%;
    z-index: 1;
    position: relative;
}

.block-servicersTop[b-rvk4lkh01m] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.block-setting_service[b-rvk4lkh01m] {
    position: relative;
    border-radius: 8px;
    background-color: var(--color-number1);
    border: 1px solid var(--color-number16);
    overflow: hidden;
    min-height: 317px;
    background-image: url(/img/card/11.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
}

.hovv[b-rvk4lkh01m] {
    position: absolute;
    z-index: 0;
    border-radius: 8px;
    transform: translate(-100%, -100%);
    transition: all .5s ease 0s;
}

.block-setting_service:hover .hovv[b-rvk4lkh01m] {
    width: 100%;
    height: 100%;
    background: #F9893D80;
    border: 1px solid #F9893D80;
    transition: all .5s ease;
    transform: translate(0%, 0%);

}

.containerSwip[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__container[b-rvk4lkh01m] {
    padding-block: 5rem;
    padding-left: 100px;
}

.card__content[b-rvk4lkh01m] {
    overflow: hidden;
}

.card__article[b-rvk4lkh01m] {
    width: 300px;
    /* Remove after adding swiper js */
    /* border-radius: 1.25rem; */
    overflow: hidden;
}

.card__image[b-rvk4lkh01m] {
    position: relative;
    background-color: var(--first-color-light);
    padding-top: 1.5rem;
    margin-bottom: -.75rem;
}

.card__data[b-rvk4lkh01m] {
    background-color: var(--container-color);
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    text-align: center;
    position: relative;
    z-index: 10;
}

.card__img[b-rvk4lkh01m] {
    width: 180px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.card__shadow[b-rvk4lkh01m] {
    width: 200px;
    height: 200px;
    background-color: var(--first-color-alt);
    border-radius: 50%;
    position: absolute;
    top: 3.75rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    filter: blur(45px);
}

.card__name[b-rvk4lkh01m] {
    font-size: var(--h2-font-size);
    color: var(--second-color);
    margin-bottom: .75rem;
}

.card__description[b-rvk4lkh01m] {
    font-weight: 500;
    margin-bottom: 1.75rem;
}

.card__button[b-rvk4lkh01m] {
    display: inline-block;
    background-color: var(--first-color);
    padding: .75rem 1.5rem;
    border-radius: .25rem;
    color: var(--dark-color);
    font-weight: 600;
}

/* Swiper class */
.swiper-button-prev[b-rvk4lkh01m]:after,
.swiper-button-next[b-rvk4lkh01m]:after {
    content: "";
}

.swiper-button-prev[b-rvk4lkh01m],
.swiper-button-next[b-rvk4lkh01m] {
    width: initial;
    height: initial;
    font-size: 3rem;
    color: var(--second-color);
    display: none;
}

.swiper-button-prev[b-rvk4lkh01m] {
    left: 0;
}

.swiper-button-next[b-rvk4lkh01m] {
    right: 0;
}

.swiper-pagination-bullet[b-rvk4lkh01m] {
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border: 1px solid #F9893D;
    opacity: 1;
}

.swiper-pagination-bullet-active[b-rvk4lkh01m] {
    background-color: #F9893D;
}

.swiper-pagination[b-rvk4lkh01m] {
    width: 152px !important;
    display: flex;

    justify-content: space-between;
}

.block-setting_service:hover .block-text-settings h1[b-rvk4lkh01m] {
    color: #FFFFFF;
    transition: all 1s ease;
}

.block-servicersBottom[b-rvk4lkh01m] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/11.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/sec2.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/sec3.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/sec4.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/sec5.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(485px, 5vw, 312px);
    min-height: 282px;
    background-image: url(/img/card/sec6.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-inline: 13.5px;
    padding-block: 12px;
}

.block-text-settings[b-rvk4lkh01m] {
    min-height: 147px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 107px;
    position: absolute;
    z-index: 1;
    padding-inline: 16px;

}

.block-text-settings h1[b-rvk4lkh01m] {
    font-family: "Montserratarm-Medium";
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number5);
}

.block-text-settings span[b-rvk4lkh01m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number11);
}

.containerSwip[b-rvk4lkh01m] {
    display: none;
}

@media screen and (max-width:1640px) {
    .wrapper-flex[b-rvk4lkh01m] {
        padding-inline: 10.5%;
        gap: 0px;
        justify-content: space-between;
    }
}

@media screen and (max-width:1600px) {

    .block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
        min-height: 320px;
    }

    .swiper-slide-active[b-rvk4lkh01m] {
        width: 380px !important;
    }
}

@media screen and (max-width:1440px) {
    .left-programm[b-rvk4lkh01m] {
        margin-right: 0px;
    }

    /* .portfolio-btn {
        margin-bottom: 429px;
    } */

    .content-services_info[b-rvk4lkh01m] {
        gap: 18px;
    }

    .block-servicersTop[b-rvk4lkh01m],
    .block-servicersBottom[b-rvk4lkh01m] {
        gap: 20px;
    }

    .container-btn5[b-rvk4lkh01m] {
        margin-top: 50px;
    }

    .content-programming[b-rvk4lkh01m] {
        min-height: 723px;
    }

    .content-programming[b-rvk4lkh01m] {
        width: 100%;
        min-height: 827px;
        background: url(/img/progserv14.svg) no-repeat center;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        margin-bottom: 63px;
    }

    .wrapper-flex[b-rvk4lkh01m] {
        margin-top: 158px !important;
    }

}

@media screen and (max-width:1280px) {
    .block-servicersTop[b-rvk4lkh01m] {
        gap: 22px;
    }
    .content-animacion15[b-rvk4lkh01m] {
        animation: anim1-b-rvk4lkh01m 50s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
    }
    
    .content-animacion115[b-rvk4lkh01m] {
        animation: anim2-b-rvk4lkh01m 45s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
    }
    
    .content-animacion116[b-rvk4lkh01m] {
        animation: anim1-b-rvk4lkh01m 60s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
    }
    

    .block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
        min-height: 340px;
        min-height: 361px;
    }

    .wrapper-flex[b-rvk4lkh01m] {
        padding-inline: 12% !important;
    }

    .wrapper-flex[b-rvk4lkh01m] {
        margin-top: 154px !important;
        min-height: 300px;
        gap: 27px;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        padding-top: 0 !important;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        margin-top: 50px;
        margin-bottom: 46px;
    }

    .left-programm[b-rvk4lkh01m] {
        padding-top: 14px
    }

    .program[b-rvk4lkh01m] {
        max-width: 388px;
    }

    .content-programming[b-rvk4lkh01m] {
        background: url(/img/progserv12.svg) no-repeat center;
    }

    .content-animacion[b-rvk4lkh01m] {
        margin-right: 0;
    }

}

@media screen and (max-width:1250px) {
    /* .portfolio-btn {
        margin-bottom: 258px;
    } */
}

@media screen and (max-width:1220px) {
    .wrapper-flex[b-rvk4lkh01m] {
        flex-direction: column;
        min-height: 896px;
        justify-content: unset;
    }

    .content-programming[b-rvk4lkh01m] {
        background: url(/img/progserv9.svg) no-repeat center;
        background-size: 100%;
    }

    .program[b-rvk4lkh01m] {
        max-width: 388px;
        margin-top: 133px;
    }
}

@media screen and (max-width:1126px) {

    .block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
        min-width: 312px;
    }

    .content-services_info[b-rvk4lkh01m] {
        flex-direction: row;
        gap: 123px;
    }

    .content-slider[b-rvk4lkh01m] {
        display: flex;
        margin-top: 30px;
    }

    .index-service[b-rvk4lkh01m] {
        display: none;
    }

    .containerSwip[b-rvk4lkh01m] {
        display: flex;
    }

    .wrapper-service[b-rvk4lkh01m] {
        padding-top: unset !important;
    }

}

@media screen and (max-width:766px) {
    .block-setting_service[b-rvk4lkh01m] {
        min-height: 380px;
    }

}

@media screen and (max-width:765px) {
    .block-setting_service[b-rvk4lkh01m] {
        min-height: 330px;
    }

}

@media screen and (max-width:734px) {
    .block-setting_service[b-rvk4lkh01m] {
        min-height: 345px;
    }

}

@media screen and (max-width:669px) {
    .block-text-settings h1[b-rvk4lkh01m] {
        font-size: 21px;
    }

}

@media screen and (max-width:500px) {
    .content-services_info[b-rvk4lkh01m] {
        flex-direction: column;
        gap: 24px;
    }

    .block-servicersTop[b-rvk4lkh01m],
    .block-servicersBottom[b-rvk4lkh01m] {
        flex-direction: column;
        gap: 24px;
    }

    .block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
        width: max(312px, 50%);
    }

    .content-slider[b-rvk4lkh01m] {
        display: none;
    }
}

@media screen and (max-width:360px) {

    .block-servicersTop .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersTop .block-setting_service:nth-child(3)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(1)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(2)[b-rvk4lkh01m],
    .block-servicersBottom .block-setting_service:nth-child(3)[b-rvk4lkh01m] {
        max-width: 275px;
        width: 100%;
        min-width: unset;
    }

    .content-services_info[b-rvk4lkh01m] {
        padding-inline: unset;
    }
}

/* service end */

/* Programs start */

.wrapper-programs[b-rvk4lkh01m] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-inline: 10.5%;
    margin-top: 50px;
}

.program-colum[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    width: min(1520px, 100%);
    min-height: 408px;
    position: relative;
}

/* My animation Start  */

@keyframes slideInFromBottom-b-rvk4lkh01m {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

@keyframes slideInFromBottom_Btn-b-rvk4lkh01m {
    0% {
        opacity: 0;
        transform: translateY(800%);
    }

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

.see_all_btn[b-rvk4lkh01m],
.see_more_bnt_A[b-rvk4lkh01m] {
    opacity: 0;
    animation: slideInFromBottom_Btn-b-rvk4lkh01m 1s ease forwards;
}

.crm_animacion[b-rvk4lkh01m],
.finace_animacion[b-rvk4lkh01m],
.service_animacion[b-rvk4lkh01m],
.service_menu_animacion_1[b-rvk4lkh01m],
.service_menu_animacion_2[b-rvk4lkh01m],
.service_menu_animacion_3[b-rvk4lkh01m],
.service_menu_animacion_4[b-rvk4lkh01m],
.service_menu_animacion_5[b-rvk4lkh01m],
.service_menu_animacion_6[b-rvk4lkh01m],
.service_menu_animacion_7[b-rvk4lkh01m],
.service_menu_animacion_8[b-rvk4lkh01m],
.service_menu_animacion_9[b-rvk4lkh01m] {
    opacity: 0;
    animation: slideInFromBottom-b-rvk4lkh01m 1s ease forwards;
}

.service_menu_animacion_1[b-rvk4lkh01m]{
    animation-delay: 0.1s;
}
.service_menu_animacion_2[b-rvk4lkh01m]{
    animation-delay: 0.5s;
}
.service_menu_animacion_3[b-rvk4lkh01m]{
    animation-delay: 0.9s;
}

.service_menu_animacion_4[b-rvk4lkh01m]{
    animation-delay: 1.3s;
}
.service_menu_animacion_5[b-rvk4lkh01m]{
    animation-delay: 1.7s;
}
.service_menu_animacion_6[b-rvk4lkh01m]{
    animation-delay: 2.1s;
}

.service_menu_animacion_7[b-rvk4lkh01m]{
    animation-delay: 2.5s;
}
.service_menu_animacion_8[b-rvk4lkh01m]{
    animation-delay: 2.9s;
}
.service_menu_animacion_9[b-rvk4lkh01m]{
    animation-delay: 3.3s;
}

/* My animation End  */

.radius-prog[b-rvk4lkh01m] {
    width: clamp(750px, 5vw, 350px);
    min-height: 408px;
    border-radius: 8px;
    background-color: var(--color-number8);
    border: solid 1px var(--color-number11);
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

.radius-text[b-rvk4lkh01m] {
    min-height: 191px;
    background-color: var(--color-number8);
    position: absolute;
    right: 0;
    margin-left: 635px;
}

.label-checkbox[b-rvk4lkh01m] {
    max-width: 68px;
    min-height: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
}

.checkbox-container[b-rvk4lkh01m],
.checkbox-container1[b-rvk4lkh01m],
.checkbox-container2[b-rvk4lkh01m] {
    display: inline-block;
}

.checkbox-container input[type="checkbox"][b-rvk4lkh01m],
.checkbox-container1 input[type="checkbox"][b-rvk4lkh01m],
.checkbox-container2 input[type="checkbox"][b-rvk4lkh01m] {
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    border: 1px solid #F9893D80;
    outline: none;
    cursor: pointer;
    background-color: #FFFFFF;
}

.checkbox-container input[type="checkbox"]:checked[b-rvk4lkh01m],
.checkbox-container1 input[type="checkbox"]:checked[b-rvk4lkh01m],
.checkbox-container2 input[type="checkbox"]:checked[b-rvk4lkh01m] {
    background: #F9893D;

}

#Crm-content[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number5);
}

.radius-text span[b-rvk4lkh01m],
.text-backRadius span[b-rvk4lkh01m] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number11);
}

.revers-column[b-rvk4lkh01m] {
    flex-direction: row-reverse;
}

.text-backRadius[b-rvk4lkh01m] {
    margin-left: unset;
    left: 0;
    margin-right: 658px;
}

/* .new-prog {
    background-image: url(/img/vv.svg);
    background-position: 73% 31%;
} */

.text-backRadius[b-rvk4lkh01m] {
    min-height: 191px;
    background-color: var(--color-number8);
    position: absolute;
    right: 0;
}

.con-btn-program[b-rvk4lkh01m] {
    align-self: flex-end;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.con-btn-program1[b-rvk4lkh01m] {
    align-self: flex-end;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.con-btn-program a button[b-rvk4lkh01m],
.con-btn-program1 a button[b-rvk4lkh01m] {
    max-width: 272px;
    width: 100%;
    min-height: 36px;
    border-radius: 8px;
    background-color: var(--color-number5);
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number1);
    border: none;
    text-transform: uppercase;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    transition: all .3s ease 0s;
}

.con-btn-program a button:hover[b-rvk4lkh01m],
.con-btn-program1 a button:hover[b-rvk4lkh01m] {
    background-color: var(--color-number2);
}

.con-btn-program a button:active[b-rvk4lkh01m],
.con-btn-program1 a button:active[b-rvk4lkh01m] {
    transition: .1s;
    background-color: var(--color-number1);
    border: 1px solid var(--color-number2);
    color: var(--color-number2);
}

@media screen and (max-width:1440px) {
    .left-img[b-rvk4lkh01m] {
        transform: translateX(30px) !important;
    }

    .slider-list[b-rvk4lkh01m] {
        top: 72px !important;
        left: 0 !important;
    }

    /* .slider-item .slider-img {
        max-width: 70%;
    } */

    .radius-prog[b-rvk4lkh01m] {
        width: clamp(560px, 5vw, 350px);
    }

    .wrapper-flex[b-rvk4lkh01m] {
        margin-top: -25px;
    }

    /* .radius-text {
        margin-left: 457px;
    } */
    .radius-text[b-rvk4lkh01m] {
        margin-left: 500px;
    }

    .text-backRadius[b-rvk4lkh01m] {
        margin-right: 500px;
    }

    .new-prog[b-rvk4lkh01m] {
        background-position: 87% 31% !important;
    }

    .radius-prog[b-rvk4lkh01m] {
        background-size: 79%;
        background-position: 11% 31%;
    }
}

@media screen and (max-width:1100px) {
    .radius-prog[b-rvk4lkh01m] {
        width: clamp(350px, 5vw, 350px);
    }

    .radius-text[b-rvk4lkh01m] {
        margin-left: 325px;
    }

    .text-backRadius[b-rvk4lkh01m] {
        margin-right: 298px;
    }

    .slider-list li[b-rvk4lkh01m] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-img[b-rvk4lkh01m] {
        display: block;
        max-width: 70% !important;
    }

    .left-img[b-rvk4lkh01m] {
        transform: translateX(0px) !important;
    }

    .text-backRadius[b-rvk4lkh01m] {
        margin-right: 319px;
    }

}

@media screen and (max-width:968px) {
    .slider-item .slider-img[b-rvk4lkh01m] {
        max-width: 94%;
    }

    .slider-controls[b-rvk4lkh01m] {
        bottom: 30px !important;
    }
}

@media screen and (max-width:900px) {

    .con-btn-program[b-rvk4lkh01m],
    .con-btn-program1[b-rvk4lkh01m] {
        justify-content: center;
        margin-top: 20px;
    }

    .program-colum[b-rvk4lkh01m] {
        flex-direction: column;
    }

    .radius-prog[b-rvk4lkh01m] {
        width: clamp(538px, 5vw, 350px);
        position: unset;
        background-position: 31% 31%;
    }

    .radius-text[b-rvk4lkh01m] {
        position: unset;
        margin-left: unset;
        width: clamp(478px, 5vw, 225px);
        margin-top: -28px;
    }

    .text-backRadius[b-rvk4lkh01m] {
        position: unset;
        margin-right: unset;
        width: clamp(478px, 5vw, 225px);
        margin-top: -28px;
    }

    .new-prog[b-rvk4lkh01m] {
        background-position: 45% 29% !important;
    }

    .slider-list li[b-rvk4lkh01m],
    .slider-list[b-rvk4lkh01m] {
        justify-content: center;
    }

    .slider-img[b-rvk4lkh01m] {
        max-width: 100% !important;
    }
}

@media screen and (max-width:590px) {
    .radius-prog[b-rvk4lkh01m] {
        width: clamp(380px, 5vw, 350px);
        background-size: 90%;
    }

    .radius-text[b-rvk4lkh01m],
    .text-backRadius[b-rvk4lkh01m] {
        width: clamp(341px, 5vw, 225px);
    }

    .slider-img[b-rvk4lkh01m] {
        max-width: 90% !important;
    }

}

@media screen and (max-width:400px) {
    .radius-prog[b-rvk4lkh01m] {
        width: clamp(272px, 5vw, 350px);
    }

    .radius-text[b-rvk4lkh01m],
    .text-backRadius[b-rvk4lkh01m] {
        width: clamp(244px, 5vw, 225px);
    }
    .content-animacion15[b-rvk4lkh01m]{
        right: 73%;
    }
}

/* Programs end */

.visually-hidden[b-rvk4lkh01m] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    /* added line */
}

.slider1[b-rvk4lkh01m] {
    position: relative;
    padding: 0 30px;
    max-width: 750px;
    width: 100%;
    min-height: 408px;
}

.slider-list[b-rvk4lkh01m] {
    display: flex;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style-type: none;
    position: absolute;
    top: 33px;
    height: 290px;
}

.slider-item[b-rvk4lkh01m] {
    opacity: 0;
    width: 0%;
    flex-shrink: 0;
    z-index: 1;
    transition: opacity 1s;
}

#slider-control-1:checked~.slider-list .slider-item:nth-child(1)[b-rvk4lkh01m],
#slider-control-2:checked~.slider-list .slider-item:nth-child(2)[b-rvk4lkh01m],
#slider-control-3:checked~.slider-list .slider-item:nth-child(3)[b-rvk4lkh01m] {
    opacity: 100;
    width: 100%;
    transition: opacity 0.5s;
}

#slider-control-11:checked~.slider-list .slider-item:nth-child(1)[b-rvk4lkh01m],
#slider-control-21:checked~.slider-list .slider-item:nth-child(2)[b-rvk4lkh01m],
#slider-control-31:checked~.slider-list .slider-item:nth-child(3)[b-rvk4lkh01m] {
    opacity: 100;
    width: 100%;
    transition: opacity 0.5s;
}

#slider-control-12:checked~.slider-list .slider-item:nth-child(1)[b-rvk4lkh01m],
#slider-control-22:checked~.slider-list .slider-item:nth-child(2)[b-rvk4lkh01m],
#slider-control-32:checked~.slider-list .slider-item:nth-child(3)[b-rvk4lkh01m] {
    opacity: 100;
    width: 100%;
    transition: opacity 0.5s;
}

.slider-img[b-rvk4lkh01m] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
}

.slider-controls[b-rvk4lkh01m] {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 999;
}

.slider-controls label[b-rvk4lkh01m] {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: var(--color-number11);
    font-size: 0;
    cursor: pointer;
    border: 1px solid #F9893D;
    z-index: 10;
}

.two-list[b-rvk4lkh01m] {
    left: 98px;
}

.slider-controls label:hover[b-rvk4lkh01m],
#slider-control-1:checked~.slider-controls label:nth-child(1)[b-rvk4lkh01m],
#slider-control-2:checked~.slider-controls label:nth-child(2)[b-rvk4lkh01m],
#slider-control-3:checked~.slider-controls label:nth-child(3)[b-rvk4lkh01m] {
    background-color: #F9893D;
}

.slider-controls label:hover[b-rvk4lkh01m],
#slider-control-11:checked~.slider-controls label:nth-child(1)[b-rvk4lkh01m],
#slider-control-21:checked~.slider-controls label:nth-child(2)[b-rvk4lkh01m],
#slider-control-31:checked~.slider-controls label:nth-child(3)[b-rvk4lkh01m] {
    background-color: #F9893D;
}

.slider-controls label:hover[b-rvk4lkh01m],
#slider-control-12:checked~.slider-controls label:nth-child(1)[b-rvk4lkh01m],
#slider-control-22:checked~.slider-controls label:nth-child(2)[b-rvk4lkh01m],
#slider-control-32:checked~.slider-controls label:nth-child(3)[b-rvk4lkh01m] {
    background-color: #F9893D;
}

.slider-imgNew[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-imgNew1[b-rvk4lkh01m] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-img[b-rvk4lkh01m] {
    transform: translateX(150px);

}

.d-flex-img[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
}

.slidItem[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 678px) {
    .content-animacion15[b-rvk4lkh01m] {
        display: none;
    }

    .content-animacion115[b-rvk4lkh01m] {
        right: 72%;
    }

    .content-animacion116[b-rvk4lkh01m] {
        right: 10%;
    }
    @keyframes anim1-b-rvk4lkh01m {
        0% {
            transform: translateY(-100%);
        }
    
        100% {
            transform: translateY(1000%);
        }
    }
    
    @keyframes anim2-b-rvk4lkh01m {
        0% {
            transform: translateY(1000%);
        }
    
        100% {
            transform: translateY(-100%);
        }
    }
}
@media screen and (min-width:1440px) and (max-width:1920px) {
    .container-content[b-rvk4lkh01m] {
        /* background-image: url(/img/Background1920_1.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; */
        background-color: #1A1A1A;
        max-width: 1920px;
        width: 100%;
    }

    .navbar[b-rvk4lkh01m] {
        width: 100%;
        max-width: 1920px;
        min-height: 170px;
        clip-path: polygon(0 0, 10.5% 36%, 89.5% 36%, 100% 1%, 100% 100%, 85% 100%, 15% 100%, 0 100%);
        padding-inline: 10.5%;
        display: flex;
        padding-top: 67px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid var(--color-number5);
    }

    .navbar-logo[b-rvk4lkh01m] {
        margin-left: -2px;
    }

    .nav[b-rvk4lkh01m] {
        padding-right: 24px;
    }

    .content-soft[b-rvk4lkh01m] {
        gap: 18px;
        display: flex;
        justify-content: center;
        min-height: 245px;
        align-items: flex-start;
        margin: 150px auto;
        padding-left: 10.5%;
    }

    .content-soft-info[b-rvk4lkh01m] {
        max-width: 643px;
        width: 100%;
        min-height: 88px;
    }

    .soft-btn[b-rvk4lkh01m] {
        margin-top: 46px;
    }

    .btn-4[b-rvk4lkh01m] {
        width: 330px;
    }

    .btn-4:hover[b-rvk4lkh01m]:after {
        width: 89.5%;
    }

    .btn-4 span:hover[b-rvk4lkh01m]:after {
        width: 88.5%;
    }

    .wrapper-service[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
        padding-top: 58px;
    }

    .content-service[b-rvk4lkh01m] {
        padding-left: 10.5%;
        gap: 16px;
    }

    .flex-item[b-rvk4lkh01m],
    .flex-item1[b-rvk4lkh01m] {
        max-width: 485px;
        width: 100%;
        min-height: 282px;
    }

    #img1[b-rvk4lkh01m] {
        background-image: url(/img/01.svg);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: inherit;
        width: 485px;
        height: 282px;
        border: solid 1px var(--color-number16);
        background-color: var(--color-number1);
    }

    .flex-container[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
        gap: 33px;
        padding-inline: 10.5%;
    }

    .content-big[b-rvk4lkh01m] {
        max-width: 453px;
        width: 100%;
        min-height: 147px;
        padding: 0 10px;
    }

    .secttion-areas[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
    }

    .areas-text[b-rvk4lkh01m] {
        padding-left: 10.5%;
    }

    .container-btn5[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
        margin-top: 50px;
    }

    .container-portfolio[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
        padding-top: 137px;
    }

    .portfolio-text[b-rvk4lkh01m] {
        padding-left: 10.5%;
    }


    .wrap-img[b-rvk4lkh01m] {
        max-width: 750px;
        width: 100%;
        min-height: 408px;
        background-color: var(--color-number8);
        border: 1px solid var(--color-number11);
        border-radius: 8px;
        padding: 30px;
    }

    .img-wrap[b-rvk4lkh01m] {
        max-width: 593px;
        width: 100%;
        min-height: 291px;
        background-image: url(/img/wrap.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .img-wrap1[b-rvk4lkh01m] {
        max-width: 593px;
        width: 100%;
        min-height: 291px;
        background-image: url(/img/wrap2.svg);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
    }


    .content-port-big[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
    }

    .wrapper-show[b-rvk4lkh01m] {
        max-width: 1520px;
        width: 100%;
    }

    .content-block-name[b-rvk4lkh01m] {
        background-color: var(--color-number8);
    }


    .content-radio[b-rvk4lkh01m] {
        left: 22.5%;
    }

    #content-name2 span[b-rvk4lkh01m] {
        max-width: 855px;
        width: 100%;

    }



    .content-radio1[b-rvk4lkh01m] {
        left: 73%;
    }

}

@media screen and (max-width:1570px) {
    /* .areas_bac {
        background-image: url(/img/Group1000001578.svg);
    } */

    .footer-line[b-rvk4lkh01m] {
        max-width: 1240px;
        width: 100%;
    }
}

@media screen and (max-width:1500px) {
    .content-block-name[b-rvk4lkh01m] {
        margin-left: -40px;
    }
}

@media screen and (max-width:1440px) {
    .slider-listPadd[b-rvk4lkh01m] {
        max-width: 85%;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        padding-top: 42px;
    }

    .index-service[b-rvk4lkh01m] {
        margin-top: 0px;
    }

    .content-service[b-rvk4lkh01m] {
        gap: 19px;
    }

    .wrapper-service[b-rvk4lkh01m] {
        padding-top: 62px;
    }

    .btn-4 span:hover[b-rvk4lkh01m]:after {
        width: 85.5%;
    }

    .btn-4:hover[b-rvk4lkh01m]:after {
        width: 85.5%;
    }

    .btn-4[b-rvk4lkh01m] {
        width: 247px;
    }

    .soft-btn[b-rvk4lkh01m] {
        margin-top: 35px;
    }

    .content-soft[b-rvk4lkh01m] {
        margin-top: 142px;
    }

    .content-soft-info[b-rvk4lkh01m] {
        max-width: 482px;
    }

    .contact-text[b-rvk4lkh01m] {
        gap: 15px;
    }

    .contact-form[b-rvk4lkh01m] {
        max-width: 560px;
        width: 100%;
        min-height: 629px;
    }

    .map iframe[b-rvk4lkh01m],
    .map[b-rvk4lkh01m] {
        min-height: 368px;
    }

    /* .contact-map {
        margin-top: 35px;
    } */

    .wrapper-input[b-rvk4lkh01m] {
        padding-inline: 15%;
    }

    .container-map[b-rvk4lkh01m] {
        margin-bottom: 85px;
    }

    .navbar-footer-nav[b-rvk4lkh01m] {
        gap: 16px;
    }

    /* animacion home page start */
    .areas-map[b-rvk4lkh01m] {
        margin-top: 53px;
    }

    .crl1[b-rvk4lkh01m] {
        max-width: 752px;

    }

    .bot1[b-rvk4lkh01m]::before {
        content: "";
        position: absolute;
        width: 202px;
        min-height: 119px;
        background-image: url(/img/animacion/01.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        left: 110px;
        top: 46px;
    }

    .toy1[b-rvk4lkh01m]::after {
        content: "";
        position: absolute;
        width: 212px;
        min-height: 124px;
        background-image: url(/img/animacion/02.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        right: 106px;
        top: 45px;
    }

    .crl2[b-rvk4lkh01m] {
        width: 85%;
    }

    .crl3[b-rvk4lkh01m] {
        max-width: 687px;
    }

    .toy3[b-rvk4lkh01m] {
        right: -2px;
    }

    .crl4[b-rvk4lkh01m] {

        max-width: 1139px;
    }

    .toy4[b-rvk4lkh01m] {
        right: 27px;
    }

    .crl5[b-rvk4lkh01m] {
        max-width: 755px;
    }

    .toy5[b-rvk4lkh01m] {
        right: 1px;
    }

    .bot2[b-rvk4lkh01m]::before {
        content: "";
        position: absolute;
        width: 370px;
        min-height: 51px;
        background-image: url(/img/animacion/03.svg);

    }

    .toy2[b-rvk4lkh01m]::after {
        content: "";
        position: absolute;
        width: 342px;
        min-height: 52px;
        background-image: url(/img/animacion/04.svg);

    }

    .bot4[b-rvk4lkh01m]::before {
        content: "";
        position: absolute;
        width: 370px;
        min-height: 80px;
        background-image: url(/img/animacion/05.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        top: -27px;
        left: 115px;
    }

    .toy4[b-rvk4lkh01m]::after {
        content: "";
        position: absolute;
        width: 327px;
        min-height: 101px;
        background-image: url(/img/animacion/06.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        right: 115px;
        bottom: 47px;
    }

    .bot5[b-rvk4lkh01m]::before {
        content: "";
        position: absolute;
        width: 206px;
        min-height: 151px;
        background-image: url(/img/animacion/07.svg);

    }

    .toy5[b-rvk4lkh01m]::after {
        position: absolute;
        content: "";
        width: 206px;
        min-height: 148px;
        background-image: url(/img/animacion/08.svg);
    }

    /* animacion home page end */
    .navbar[b-rvk4lkh01m] {
        width: 100%;
        max-width: 1920px;
        min-height: 154px;
        clip-path: polygon(0 0, 10.5% 36%, 89.5% 36%, 100% 1%, 100% 100%, 85% 100%, 15% 100%, 0 100%);
        padding-inline: 10.5%;
        display: flex;
        padding-top: 67px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0px solid var(--color-number5);
    }

    .container-pathFooter[b-rvk4lkh01m] {
        max-width: 1920px;
        width: 100%;
        min-height: 533px;
        background-color: var(--color-number1);
        box-shadow: 0px 0px 30px 0px var(--color-number3);
        margin-top: -14px;
        clip-path: polygon(10% 22%, 90% 22%, 100% 12%, 100% 100%, 25% 100%, 0 100%, 0 12%);
    }

    .footer-nav[b-rvk4lkh01m] {
        max-width: 1352px;
        width: 100%;
        margin-top: 163px;
        padding-left: 9.7%;
    }



    .footer-contact[b-rvk4lkh01m] {
        right: 121px;
    }

    .footer-icon[b-rvk4lkh01m] {
        right: 61px;
    }

    .footer-navibar[b-rvk4lkh01m] {
        padding-left: 0;
    }



    .content-block-name[b-rvk4lkh01m] {
        background-color: var(--color-number8);
    }

    .wrap-img[b-rvk4lkh01m] {
        max-width: 560px;
        width: 100%;
        min-height: 408px;
        background-color: var(--color-number8);
        border: 1px solid var(--color-number11);
        border-radius: 8px;
        padding: 30px;
        display: flex;
        justify-content: space-around;
    }

    .img-wrap[b-rvk4lkh01m] {
        max-width: 452px;
        width: 100%;
        min-height: 227px;
        background-image: url(/img/ma.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .img-wrap1[b-rvk4lkh01m] {
        max-width: 440px;
        width: 100%;
        min-height: 227px;
        background-image: url(/img/pa.svg);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .container-content[b-rvk4lkh01m] {
        background-size: cover;
    }

    .contnet-colum[b-rvk4lkh01m] {
        border-bottom: 1px solid var(--color-number5);
    }



    .navbar-height[b-rvk4lkh01m] {
        min-height: 153px;
    }

    .wrapper-flex[b-rvk4lkh01m] {

        padding-inline: 10.5%;
        max-width: 1361px;
        width: 100%;
    }

    .container-map[b-rvk4lkh01m] {
        margin-top: 5vw;
    }



    .contact-map[b-rvk4lkh01m] {
        gap: 30px;
        justify-content: space-between;
    }

    .slider-list[b-rvk4lkh01m] {
        height: 273px;
    }


    .slider-img1[b-rvk4lkh01m] {
        max-width: 70%;
    }
}

@media screen and (max-width:1388px) {
    .crl2[b-rvk4lkh01m] {
        width: 89%;
    }
}

@media screen and (max-width:1340px) {
    .crl2[b-rvk4lkh01m] {
        width: 92%;
    }
}

@media screen and (max-width:1296px) {
    .crl2[b-rvk4lkh01m] {
        width: 95%;
    }
}










@media screen and (max-width:1250px) {
    .content-flex[b-rvk4lkh01m] {
        display: none;
    }

    .content-flex1[b-rvk4lkh01m] {
        display: flex;
        gap: 20px;
    }

}

@media screen and (max-width:1280px) {
    .footer-nav[b-rvk4lkh01m] {
        padding-right: unset;
        padding-left: unset;
        padding-inline: 11.5%;

    }

    .content-animacion[b-rvk4lkh01m] {
        margin-right: 0px;
    }

}


/* animacion start */
/* .bot1::before {
        width: 215px;
        min-height: 165px;
        background-image: url(/img/animacion/1210.svg);
        left: 110px;
        top: 41px;
    } */

/* .toy1::after {
        width: 212px;
        min-height: 142px;
        background-image: url(/img/animacion/1211.svg);
        right: 107px;
        top: 45px;
    } */

/* .bot2::before {
        width: 370px;
        min-height: 63px;
        background-image: url(/img/animacion/1212.svg);
    } */

.toy1[b-rvk4lkh01m]::before {
    white-space: unset;
    left: -13px;
}

.bot3[b-rvk4lkh01m]::after {
    white-space: unset;
    right: 0px;
}

.toy3[b-rvk4lkh01m]::before {
    white-space: unset;
    right: 0px;
}

/* animacion end */
.navbar[b-rvk4lkh01m] {
    padding-top: 54px;
}

.footer-icon[b-rvk4lkh01m] {
    right: 0px;
}

.container-pathFooter[b-rvk4lkh01m] {
    clip-path: polygon(12% 20%, 89% 20%, 100% 10%, 100% 100%, 25% 100%, 0 100%, 0 10%);
}

.footer-contact[b-rvk4lkh01m] {
    right: 10px;
}

/* .container-content {
        background-image: url(/img/HomePageView1280_1.svg);
        background-size: cover;
    } */



.navbar-logo[b-rvk4lkh01m] {
    background-image: url(/img/1280-logo.svg);
    background-size: cover;
    max-width: 185px;
    width: 100%;
    min-height: 36px;
}


.content-soft[b-rvk4lkh01m] {
    margin: 98px auto;
}

.content-soft[b-rvk4lkh01m] {
    margin: 98px auto;
}

.slidItem[b-rvk4lkh01m] {
    display: flex;
    justify-content: center;
}

.content-animacion[b-rvk4lkh01m] {
    margin-right: 70px;
}


@media screen and (max-width:1280px) {
    .content-animacion[b-rvk4lkh01m] {
        margin-right: 0px;
    }

}



@media screen and (max-width:1240px) {
    .img-wrap[b-rvk4lkh01m] {
        max-width: 452px;
        width: 100%;
        min-height: 227px;
        background-image: url(/img/ma.svg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 78% 100%;
    }


    .sec-1[b-rvk4lkh01m] {
        flex-direction: column-reverse;
        align-items: center;
        padding-inline: 10%;
    }

    .content-animacion[b-rvk4lkh01m] {
        background-image: url(/img/123.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 260px;
        width: 100%;
        min-height: 250px;
        position: unset;
    }

    .content-soft[b-rvk4lkh01m] {
        width: 100%;
        margin-top: 46px;
        padding-left: unset;
        align-items: center;
    }

    .content-soft-info[b-rvk4lkh01m] {
        max-width: 594px;
        width: 100%;
        min-height: 88px;
    }


    .content-soft h1[b-rvk4lkh01m] {
        text-align: center;
    }

    .content-text[b-rvk4lkh01m] {
        max-width: 594px;
        width: 100%;
    }

    .soft-btn[b-rvk4lkh01m] {
        margin-top: unset;
        margin: 37px auto;
    }


}

@media screen and (max-width:1180px) {
    .bot[b-rvk4lkh01m]::before {
        height: 251px;
        background-image: url(/img/animacion/0201.svg);
    }

    .bot[b-rvk4lkh01m] {
        bottom: 147px;
    }

    .areas_bac[b-rvk4lkh01m] {
        min-height: 1020px;
    }

    .toy[b-rvk4lkh01m]::before {
        height: 244px;
        background-image: url(/img/animacion/0202.svg);
        bottom: 92px;
        transform: rotate(360deg);
    }

    .bot1[b-rvk4lkh01m]::before {
        width: 215px;
        min-height: 165px;
        background-image: url(/img/animacion/0203.svg);
        left: 110px;
        top: 41px;
    }

    .toy[b-rvk4lkh01m] {
        top: 140px;
    }

    .bot1[b-rvk4lkh01m]::before {
        width: 134px;
        min-height: 279px;
        background-image: url(/img/animacion/0203.svg);
    }

    .crl1[b-rvk4lkh01m] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 116px;
        max-width: 607px;
    }

    .toy1[b-rvk4lkh01m]::after {
        width: 139px;
        min-height: 299px;
        background-image: url(/img/animacion/0204.svg);
    }

    .bot2[b-rvk4lkh01m]::before {
        width: 208px;
        min-height: 143px;
        background-image: url(/img/animacion/0205.svg);
    }

    .toy2[b-rvk4lkh01m]::after {
        width: 207px;
        min-height: 166px;
        background-image: url(/img/animacion/0207.svg);
    }

    .crl2[b-rvk4lkh01m] {
        max-width: 830px;
        width: 100%;
        top: 283px;
    }

    .crl3[b-rvk4lkh01m] {
        max-width: 631px;
    }

    .bot4[b-rvk4lkh01m]::before {
        width: 230px;
        min-height: 165px;
        background-image: url(/img/animacion/0208.svg);
        top: -107px;
    }

    .toy4[b-rvk4lkh01m]::after {
        width: 208px;
        min-height: 158px;
        background-image: url(/img/animacion/0209.svg);
        bottom: 41px;
    }

    .login-navbar1[b-rvk4lkh01m] {
        display: none;
    }

    .crl4[b-rvk4lkh01m] {
        max-width: 830px;
    }

    .crl5[b-rvk4lkh01m] {
        max-width: 631px;
    }

    .bot5[b-rvk4lkh01m]::before {
        width: 151px;
        min-height: 307px;
        background-image: url(/img/animacion/0210.svg);
    }

    .toy5[b-rvk4lkh01m]::after {
        width: 147px;
        min-height: 302px;
        background-image: url(/img/animacion/0211.svg);
    }

    .nav[b-rvk4lkh01m] {
        display: none;
    }

    .navbar-icon[b-rvk4lkh01m] {
        display: block;
    }

    .navbar[b-rvk4lkh01m] {
        justify-content: space-between;
        padding-inline: 10.5%;
    }

}

@media screen and (max-width:998px) {
    .footer-contact[b-rvk4lkh01m] {
        right: -26px;
    }

    .footer-icon[b-rvk4lkh01m] {
        right: -14px;
    }
}

@media screen and (max-width:968px) {

    .map[b-rvk4lkh01m],
    .map iframe[b-rvk4lkh01m] {
        min-height: 368px;
        width: 40.031vw;
    }

    .contact-map[b-rvk4lkh01m] {
        flex-direction: column;
    }

    .footer-end[b-rvk4lkh01m] {
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    /* .container-content {
        min-height: 8060px !important;
    } */

    .wrapper-show[b-rvk4lkh01m] {
        max-width: 768px;
        width: 100%;
    }

    .wrap-img[b-rvk4lkh01m] {
        max-width: 350px;
        width: 100%;
    }

    .img-wrap[b-rvk4lkh01m] {
        background-image: url(/img/968w.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 88%;
        max-width: 291px;
        width: 100%;
        min-height: 131px;
        background-position-x: 2px;
    }

    /* .container-content {
        background-image: url(/img/HomePageView968_1.svg);
        background-repeat: initial;
    } */

    .areas-text span[b-rvk4lkh01m] {
        max-width: 703px;
        width: 100%;
    }


    .wrapper-flex[b-rvk4lkh01m] {
        margin-top: 0px !important;
    }

    .program[b-rvk4lkh01m] {
        max-width: 427px;
        margin-top: 195px;
    }

    .left-programm[b-rvk4lkh01m] {
        max-width: 636px;
    }

    .left-programm[b-rvk4lkh01m] {
        max-width: 554px;
        justify-content: unset;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        margin-bottom: 12px;
    }

    .card__container[b-rvk4lkh01m] {
        padding-left: 10.5%;
    }

}

@media screen and (max-width:960px) {
    .footer-logo[b-rvk4lkh01m] {
        display: none;
    }

    .hid968[b-rvk4lkh01m] {
        margin-top: 40px;
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .footer-nav[b-rvk4lkh01m] {
        margin-top: 182px;
        padding-inline: 11.9%;
    }

    .footer-end[b-rvk4lkh01m] {
        margin-bottom: 8px;
    }

}

@media screen and (max-width:920px) {


    .wrapper-show[b-rvk4lkh01m] {
        flex-direction: column;
    }

    .wrap-img[b-rvk4lkh01m] {
        max-width: 538px;
        width: 100%;
    }

    .blocked[b-rvk4lkh01m] {
        max-width: 477px;
        width: 100%;
    }

    .blocked2[b-rvk4lkh01m] {
        max-width: 477px;
        width: 100%;
        margin-top: -30px;
        margin-left: 0;
    }

    .content-block-name[b-rvk4lkh01m] {
        margin-left: unset;
        margin-top: -50px;
    }

    .content-radio[b-rvk4lkh01m] {
        top: 50%;
        left: 39%;
    }

    .content-radio1[b-rvk4lkh01m] {
        top: 51%;
        left: 38%;
    }

    #wrap2[b-rvk4lkh01m] {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (max-width:870px) {
    .areas_bac[b-rvk4lkh01m] {
        min-height: 1276px;
    }

    .bot[b-rvk4lkh01m]::before {
        width: 18px;
        height: 400px;
    }

    .bot[b-rvk4lkh01m] {
        bottom: 296px;
    }

    .toy[b-rvk4lkh01m]::before {
        height: 400px;
        width: 18px;
    }

    .toy[b-rvk4lkh01m] {
        top: 292px;
    }

    .bot1[b-rvk4lkh01m]::before {
        width: 80px;
        min-height: 435px;
        background-image: url(/img/animacion/9001.svg);
    }

    .crl1[b-rvk4lkh01m] {
        max-width: 508px;
    }

    .toy1[b-rvk4lkh01m]::after {
        width: 102px;
        min-height: 380px;
        background-image: url(/img/animacion/9002.svg);
    }

    .toy1[b-rvk4lkh01m] {
        left: 18px;
    }

    .bot2[b-rvk4lkh01m]::before {
        width: 88px;
        min-height: 255px;
        background-image: url(/img/animacion/9003.svg);
    }

    .crl2[b-rvk4lkh01m] {
        max-width: 587px;
        width: 100%;
        top: 291px;
    }

    .toy2[b-rvk4lkh01m]::after {
        width: 65px;
        min-height: 310px;
        background-image: url(/img/animacion/9004.svg);
    }

    .bot4[b-rvk4lkh01m]::before {
        width: 79px;
        min-height: 262px;
        background-image: url(/img/animacion/9005.svg);
        top: -205px;
    }

    .crl4[b-rvk4lkh01m] {
        max-width: 601px;
    }

    .toy4[b-rvk4lkh01m]::after {
        width: 71px;
        min-height: 218px;
        background-image: url(/img/animacion/9006.svg);
        bottom: 41px;
    }

    .bot5[b-rvk4lkh01m]::before {
        width: 126px;
        min-height: 549px;
        background-image: url(/img/animacion/9007.svg);
    }

    .crl5[b-rvk4lkh01m] {
        max-width: 547px;
    }

    .toy5[b-rvk4lkh01m]::after {
        width: 91px;
        min-height: 505px;
        background-image: url(/img/animacion/9008.svg);
    }

    .toy5[b-rvk4lkh01m] {
        right: 23px;
    }

    .content-programming[b-rvk4lkh01m] {
        background-size: cover;
    }
}

@media screen and (max-width:700px) {
    .areas_bac[b-rvk4lkh01m] {
        display: none;
    }

    .areas-map[b-rvk4lkh01m] {
        background-image: url(/img/0322.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 1900px;
    }
}

@media screen and (max-width:678px) {

    .map[b-rvk4lkh01m],
    .map iframe[b-rvk4lkh01m] {
        min-height: 368px;
        width: 56.031vw;
    }

    /* .container-content {
        background-image: url(/img/HomePageView678_1.svg);
    } */

    .container-pathFooter[b-rvk4lkh01m] {
        margin-top: 16px !important;
    }

    .footer-nav[b-rvk4lkh01m] {
        margin-top: 174px !important;
    }

    .footer-icon[b-rvk4lkh01m] {
        left: 3px !important;
    }

    .footer-contact[b-rvk4lkh01m] {
        left: 2px !important;
    }

    .hid968[b-rvk4lkh01m] {
        margin-top: 31px;
    }

    .footer-logo span[b-rvk4lkh01m] {
        max-width: 275px !important;
    }

    .line-medium[b-rvk4lkh01m] {
        margin-bottom: unset;
        position: relative;
        bottom: 20px;
    }

    .footer-soc[b-rvk4lkh01m] {
        bottom: 20px !important;
    }

    .line-con[b-rvk4lkh01m] {
        margin-top: 7px;
        padding-inline: 17.5%;
    }

    .content-programming[b-rvk4lkh01m] {
        background: url(/img/progserv6.svg) no-repeat center;
    }

    .left-programm[b-rvk4lkh01m] {
        justify-content: center;
    }

    .card__container[b-rvk4lkh01m] {
        margin-bottom: 50px;
    }

}

@media screen and (max-width:664px) {
    .toy2[b-rvk4lkh01m] {
        right: 7px;
    }

    .bot2[b-rvk4lkh01m]::before {
        width: 96px;
        min-height: 276px;
        background-image: url(/img/animacion/9003.svg);
    }

    .bot2[b-rvk4lkh01m] {
        right: 30px;
    }

    .toy4[b-rvk4lkh01m] {
        right: 7px;
    }
}

@media screen and (max-width:650px) {
    .login-navbar[b-rvk4lkh01m] {
        gap: 10px;
    }
}

@media screen and (max-width:618px) {

    .line-text[b-rvk4lkh01m] {
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 291px;
        width: 100%;
        min-height: 24px;
    }

    .wrapper-flex[b-rvk4lkh01m] {
        padding-inline: unset !important;
    }

    .program h1[b-rvk4lkh01m] {
        font-size: 30px;
    }

    .toy2[b-rvk4lkh01m] {
        right: -10px;
    }

    .footer-nav[b-rvk4lkh01m] {
        margin-top: 221px !important;
    }

    .footer-nav[b-rvk4lkh01m] {
        margin-top: 231px;
        flex-direction: column;
        padding-inline: 10.5%;
    }

    .content-footer-name[b-rvk4lkh01m] {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .old[b-rvk4lkh01m] {
        align-items: center;
    }

    .footer-contact[b-rvk4lkh01m] {
        margin-top: 15px;
        position: unset;
    }

    .footer-icon[b-rvk4lkh01m] {
        position: unset;
        max-width: 278px;
        width: 100%;
        margin: auto;
        margin-top: 15px;
    }

    .footer-navibar[b-rvk4lkh01m] {
        gap: 15px;
    }

    .navbar-footer-nav[b-rvk4lkh01m] {
        margin: auto;
        justify-content: center;
        align-items: center;
    }

    .wrapper-login[b-rvk4lkh01m] {
        max-width: 537px;
        width: 100%;
        min-height: 425px;
    }

    .wrapper-sign[b-rvk4lkh01m] {
        max-width: 536px;
        width: 100%;
        min-height: 682px;
    }
}

@media screen and (max-width:578px) {
    .content-soft-info h1>span[b-rvk4lkh01m] {
        font-size: 30px;
    }

    .wrapper-login[b-rvk4lkh01m] {
        max-width: 381px;
        width: 100%;
        min-height: 425px;
    }

    .wrapper-sign[b-rvk4lkh01m] {
        max-width: 380px;
        width: 100%;
        min-height: 682px;
    }

    .content-login-input input[b-rvk4lkh01m] {
        max-width: 350px;
        width: 100%;
    }

    .content-login-input span[b-rvk4lkh01m] {
        padding-inline: 25px;
    }

    .content-animacion115[b-rvk4lkh01m] {
        right: 72%;
    }
}

@media screen and (max-width:600px) {
    .content-header-line[b-rvk4lkh01m] {
        display: block;
        max-width: 288px;
        width: 100%;
        min-height: 1px;
        border: 1px solid var(--color-number16);
        margin: 56px auto;
    }

    .dropdown-menu>.login-navbar1[b-rvk4lkh01m] {
        display: flex !important;
        justify-content: center;
        gap: 24px;
    }

    .login-navbar>.content-lenguage[b-rvk4lkh01m],
    .login-navbar>.navbar-btn[b-rvk4lkh01m] {
        display: none;
    }

    .content-text[b-rvk4lkh01m],
    .flex-container[b-rvk4lkh01m] {
        max-width: 273px;
        width: 100%;
        margin: auto;
    }


    .container-portfolio[b-rvk4lkh01m] {
        padding-top: 86px;
    }

}

@media screen and (max-width:625px) {
    .areas_bac[b-rvk4lkh01m] {
        min-height: 1735px;
    }

    .bot[b-rvk4lkh01m]::before {
        width: 11px;
        height: 636px;
        background-image: url(/img/animacion/8001.svg);
    }

    .bot[b-rvk4lkh01m] {
        bottom: 532px;
    }

    .toy[b-rvk4lkh01m]::before {
        width: 11px;
        height: 857px;
        background-image: url(/img/animacion/8002.svg);
    }

    .toy[b-rvk4lkh01m] {
        top: 620px;
    }

    .crl1[b-rvk4lkh01m] {
        max-width: 304px;
    }

    .bot1[b-rvk4lkh01m]::before {
        width: 25px;
        min-height: 542px;
        background-image: url(/img/animacion/8003.svg);
    }

    .bot1[b-rvk4lkh01m] {
        top: 66px;
    }

    .toy1[b-rvk4lkh01m]::after {
        width: 60px;
        min-height: 440px;
        background-image: url(/img/animacion/8004.svg);
    }

    .toy1[b-rvk4lkh01m] {
        left: 30px;
        top: 165px;
    }

    .crl2[b-rvk4lkh01m] {
        max-width: 411px;
        width: 100%;
        top: 453px;
    }

    .toy2[b-rvk4lkh01m] {
        right: 0px;
        top: 105px;
    }
}

@media screen and (max-width:500px) {
    .program[b-rvk4lkh01m] {
        max-width: 465px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0px;
        padding-inline: 10.5%;
    }

    .content-hiiden[b-rvk4lkh01m] {
        display: none;
    }

    .content-flex[b-rvk4lkh01m] {
        display: flex;
    }

    .flex-container[b-rvk4lkh01m] {
        flex-direction: column;
    }

    .content-service h1[b-rvk4lkh01m] {
        font-size: 30px;
    }

    .flex-container[b-rvk4lkh01m] {
        max-width: unset;
        padding-inline: 10.5%;
    }
}

@media screen and (max-width:428px) {
    .content-soft-info h1>span[b-rvk4lkh01m] {
        font-size: 26px;
    }

}

@media screen and (max-width:428px) {
    .bacgroung-line[b-rvk4lkh01m] {
        gap: 29px !important;
    }

    .form-name h1[b-rvk4lkh01m] {
        text-align: center;
    }

    .contact-text h1[b-rvk4lkh01m],
    .portfolio-text h1[b-rvk4lkh01m] {
        font-size: 30px;
    }

    .map[b-rvk4lkh01m],
    .map iframe[b-rvk4lkh01m] {
        min-height: 368px;
        width: 78.031vw;
    }

    /* .container-content {
        background-image: url(/img/HomePageView428_1.svg);
    } */

    .container-pathFooter[b-rvk4lkh01m] {
        margin-top: unset !important;
        clip-path: polygon(11% 20%, 89% 20%, 100% 15%, 100% 100%, 25% 100%, 0 100%, 0 15%);
    }

    .footer-nav[b-rvk4lkh01m] {
        margin-top: 252px !important;
    }

    .navbar-footer-nav[b-rvk4lkh01m] {
        margin-top: 5px !important;
    }

    .line-con[b-rvk4lkh01m] {
        margin-top: 7px;
        padding-inline: 5.5%;
    }

    .content-llc[b-rvk4lkh01m] {
        max-width: 380px;
        width: 100%;
    }

    .footer-icon[b-rvk4lkh01m] {
        margin-top: 25px;
    }

    .hid968[b-rvk4lkh01m] {
        margin-top: 60px;
    }

    .footer-contact[b-rvk4lkh01m] {
        margin-top: 31px;
    }

    .navbar[b-rvk4lkh01m] {
        min-height: 136px;
        padding-top: 45px;
    }

    .ent-text span a[b-rvk4lkh01m] {
        font-size: 12px;
    }

    .content-llc[b-rvk4lkh01m] {
        font-size: 12px;
        text-align: center;
    }

    .wrapper-sign[b-rvk4lkh01m] {
        max-width: 272px;
        width: 100%;
    }

    .wrapper-login[b-rvk4lkh01m] {
        max-width: 272px;
        width: 100%;
    }

    .content-login-input input[b-rvk4lkh01m] {
        /* max-width: 242px; */
        max-width: 350px;
        width: 100%;
    }

    .content-login-name[b-rvk4lkh01m] {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .content-soft-info h1[b-rvk4lkh01m] {
        font-size: 30px;
        font-weight: 500;
        line-height: 37px;
        letter-spacing: 0em;
        text-align: center;
    }

    #img1[b-rvk4lkh01m],
    #img2[b-rvk4lkh01m],
    #img3[b-rvk4lkh01m],
    #img4[b-rvk4lkh01m],
    #img5[b-rvk4lkh01m],
    #img6[b-rvk4lkh01m] {
        width: 275px;
        height: 341px;
        ;
    }



    .content-service h1[b-rvk4lkh01m] {
        font-size: 24px;
    }

    .content-big span[b-rvk4lkh01m] {
        font-size: 13px;
    }

    .areas_bac[b-rvk4lkh01m] {
        background-image: url(/img/1992.svg) !important;
        min-height: 2515px !important;
        background-position-x: -117px;
    }

    .content-programming[b-rvk4lkh01m] {
        background: url(/img/progserv4.svg) no-repeat center;

    }


    .program[b-rvk4lkh01m] {
        margin-top: 194px;
        padding-inline: 5.5%;
    }

    .program h1[b-rvk4lkh01m] {
        line-height: 40px !important;
    }

    .wrapper-flex[b-rvk4lkh01m] {
        gap: 58px;
    }

    .line-text[b-rvk4lkh01m] {
        gap: 24px;
    }

    .portfolio-btn[b-rvk4lkh01m] {
        margin-bottom: 37px;
    }

    .left-programm[b-rvk4lkh01m] {
        padding-inline: 10px;
    }

    .swiper[b-rvk4lkh01m] {
        display: none;
    }

    .index-service[b-rvk4lkh01m] {
        display: block;
    }

}

@media screen and (max-width:430px) {
    .content-line-bac[b-rvk4lkh01m] {
        width: 30px;
        background-position: right;
    }
}

@media screen and (max-width:423px) {
    .bacgroung-line[b-rvk4lkh01m] {
        gap: 26px;
    }
}

@media screen and (max-width:410px) {
    .areas-map[b-rvk4lkh01m] {
        background-image: url(/img/1151.svg);
        background-position: center;
    }

    .program h1[b-rvk4lkh01m] {
        font-size: 25px;
    }
}


@media screen and (max-width:410px) {

    .content-soft-info h1[b-rvk4lkh01m] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content-soft-info h1>span[b-rvk4lkh01m] {
        text-align: center;
    }


    .crl[b-rvk4lkh01m],
    .crl2[b-rvk4lkh01m],
    .crl1[b-rvk4lkh01m],
    .crl3[b-rvk4lkh01m],
    .crl4[b-rvk4lkh01m],
    .crl5[b-rvk4lkh01m] {
        display: none;
    }

    .areas-map[b-rvk4lkh01m] {
        background-image: none;
        padding-inline: unset;
    }

    .areas_bac[b-rvk4lkh01m] {
        display: block;
        background-image: url(/img/1151.svg) !important;
        background-position: -109px -344px;
    }
}

@media screen and (max-width:386px) {
    .wrapper-flex[b-rvk4lkh01m] {
        gap: 25px;
    }
}

@media screen and (max-width:476px) {
    .bacgroung-line[b-rvk4lkh01m] {
        gap: 24px;
    }
}

@media screen and (max-width:446px) {
    .bacgroung-line[b-rvk4lkh01m] {
        gap: 24px;
    }
}

@media screen and (max-width:376px) {
    .line-text[b-rvk4lkh01m] {
        gap: 21px;
    }
}

@media screen and (max-width:368px) {
    .ent-text[b-rvk4lkh01m] {
        flex-direction: column;
        gap: 0;
    }

    .program[b-rvk4lkh01m] {
        margin-top: 166px;
    }
}



@media screen and (max-width:324px) {
    .bacgroung-line[b-rvk4lkh01m] {
        gap: 40px;
    }
}

@media screen and (max-width:320px) {
    .line-text[b-rvk4lkh01m] {
        gap: 12px;
    }

    /* .container-content {
        background-image: url(/img/HomePageView320_1.svg);
    } */

    .contact-text h1[b-rvk4lkh01m] {
        font-size: 24px;
        font-weight: 500;
        line-height: 29.26px;
        text-align: left;

    }

    .wrapper-input[b-rvk4lkh01m] {
        padding-inline: 10px;
    }

    .form-name h1[b-rvk4lkh01m] {
        text-align: center;
    }
}
/* /Components/Pages/Jobs.razor.rz.scp.css */
@font-face {
    font-family: "Montserratarm-Regular";
    src: url(../font/Montserratarm-Regular/Montserratarm-Regular.ttf);
}

@font-face {
    font-family: "Montserratarm-Medium";
    src: url(../font/fonts/Montserratarm-Medium/Montserratarm-Medium.ttf);
}

body[b-m3ikvt4p00] {
    background-color: #1A1A1A;
    font-size: unset;
    font-weight: unset;
    color: unset;
    -webkit-text-size-adjust: unset;
    -webkit-tap-highlight-color: unset;
    line-height: unset;
}

ul[b-m3ikvt4p00] {
    margin-bottom: unset;
    padding-left: unset;
}

.glitch[b-m3ikvt4p00] {
    position: relative;
    color: #fff;
    font-size: 80px;
}

.glitch .line:not(:first-child)[b-m3ikvt4p00] {
    position: absolute;
    top: 0;
    left: 0;
}

.glitch .line:nth-child(1)[b-m3ikvt4p00] {
    animation: clip-b-m3ikvt4p00 3000ms -300ms linear infinite, glitch1-b-m3ikvt4p00 500ms 116ms linear infinite;
}

@keyframes glitch1-b-m3ikvt4p00 {
    0% {
        transform: translateX(0);
    }

    80% {
        transform: translateX(0);
        color: #fff;
    }

    85% {
        transform: translateX(-2px);
        color: #4e9a26;
    }

    90% {
        transform: translateX(-4px);
        color: #ac1212;
    }

    95% {
        transform: translateX(-3px);
        color: #fff;
    }

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

/* Similarly add @keyframes for glitch2 to glitch9 */

@keyframes clip-b-m3ikvt4p00 {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
    }

    100% {
        clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
    }
}

.content-animacion15[b-m3ikvt4p00] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 30px 0;

    position: absolute;
    z-index: 0;
    right: 86%;
    animation: anim1-b-m3ikvt4p00 14s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-m3ikvt4p00] {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 100vh;
    position: absolute;
    gap: 30px 0;
    z-index: 0;
    right: 70%;
    animation: anim2-b-m3ikvt4p00 14s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-m3ikvt4p00] {
    display: flex;
    flex-direction: column;
    width: 65px;
    gap: 30px 0;
    height: 100vh;

    position: absolute;
    z-index: 0;
    right: 10%;
    animation: anim1-b-m3ikvt4p00 7s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

@keyframes anim1-b-m3ikvt4p00 {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-m3ikvt4p00 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-250%);
    }
}

.align-items-end[b-m3ikvt4p00] {
    padding-inline: 10.5%;
    align-items: center !important;
    margin-top: 80px;
    gap: 132px;
}

.slideInRight[b-m3ikvt4p00] {
    max-width: 630px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/jobs.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.container_job[b-m3ikvt4p00] {
    max-width: 1920px;
    width: 100%;
    background-color: #1A1A1A;
    position: relative;
    overflow-x: hidden;
}

.slideLf[b-m3ikvt4p00] {
    opacity: 0;
    animation: servLeft-b-m3ikvt4p00 1s forwards ease-out;
}

@keyframes servLeft-b-m3ikvt4p00 {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

.slideRi[b-m3ikvt4p00] {
    opacity: 0;
    animation: servRight-b-m3ikvt4p00 1s forwards ease-out;
}

@keyframes servRight-b-m3ikvt4p00 {
    0% {
        margin-right: -762px;
        opacity: 0;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.mb-3[b-m3ikvt4p00] {
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.text-start p[b-m3ikvt4p00] {
    max-width: 462px;
    width: 100%;
    min-height: 72px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.container-jobs[b-m3ikvt4p00] {
    position: relative;
    padding-inline: 11.5%;
    margin-top: 103px;
    gap: 6px;
}

.newFade[b-m3ikvt4p00] {
    max-width: 1520px;
    width: 100%;
    min-height: 121px !important;
    border-radius: 8px;
    background-color: var(--color-number1);
    box-shadow: 0px 2px 2px 0px var(--color-number16);
    display: flex;
    align-items: center;
}

.p-4[b-m3ikvt4p00] {
    padding: unset !important;

}

.rounded[b-m3ikvt4p00] {
    border-radius: unset !important;
    width: 100%;
    display: flex !important;
    justify-content: space-between !important;
}

.jobs-info.p-4.jobs-flex[b-m3ikvt4p00] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jobs-info[b-m3ikvt4p00] {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.jobs-info h1[b-m3ikvt4p00] {
    font-family: "Montserratarm-Medium";
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
}

.jobs-info span[b-m3ikvt4p00] {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number17);

}

.job-btn[b-m3ikvt4p00] {
    display: flex;
    align-items: center;

}

.job-btn a button[b-m3ikvt4p00] {
    max-width: 103px;
    width: 100%;
    min-height: 36px;
    border-radius: 8px;
    background-color: var(--color-number5);
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number1);
    border: none;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    transition: all .5s ease 0s;
}

a[b-m3ikvt4p00] {
    color: unset;
}

.content-sec[b-m3ikvt4p00] {
    margin-top: 108px;
    margin-bottom: 65px;
}

.upTo[b-m3ikvt4p00] {
    background-color: transparent;
    box-shadow: unset;
}

.container-jobs12[b-m3ikvt4p00] {
    max-width: 1920px;
    width: 100%;
    min-height: 533px;
    background-color: var(--color-number1);
    box-shadow: 0px 0px 30px 0px var(--color-number3);
    margin-top: 7%;
    clip-path: polygon(11% 23%, 91% 22%, 100% 6%, 100% 100%, 25% 100%, 0 100%, 0 6%);
}

.foolow-btn[b-m3ikvt4p00] {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.foolow-btn button[b-m3ikvt4p00] {
    max-width: 140px;
    width: 100%;
    min-height: 42px;
    border-radius: 8px;
    color: var(--color-number5);
    border: 1px solid var(--color-number5);
    background-color: var(--color-number1);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
}

.content-foolow[b-m3ikvt4p00] {
    justify-content: center !important;
}

.job-btn a button:hover[b-m3ikvt4p00] {
    background-color: var(--color-number2);
}

.job-btn a button:active[b-m3ikvt4p00] {
    transition: .1s;
    background-color: var(--color-number1);
    color: var(--color-number2);
    border: 1px solid var(--color-number2);
}

h1[b-m3ikvt4p00] {
    margin-bottom: unset;
}

.row-jobs[b-m3ikvt4p00] {
    --bs-gutter-x: unset;
    --bs-gutter-y: unset;
    display: flex;
    flex-wrap: nowrap;
    margin-right: unset;
    margin-left: unset;
    align-items: center;
    margin-top: 80px;
    padding-inline: 10.5%;
    justify-content: space-between;
}

.text_1[b-m3ikvt4p00] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #D6B88D;
    width: 100%;
    max-width: 475px;
}

.rod[b-m3ikvt4p00] {
    flex-direction: column;
}

@media screen and (max-width:1880px) {
    .align-items-end[b-m3ikvt4p00] {
        gap: 0;
    }
}

@media screen and (max-width:1540px) {
    .slideInRight[b-m3ikvt4p00] {
        min-height: 396px;
    }
}

@media screen and (max-width:1440px) {
    .row-jobs[b-m3ikvt4p00] {
        margin-top: 100px;
    }

    .container-jobs[b-m3ikvt4p00] {
        margin-top: 55px;
        margin-bottom: 44px;

    }

    .content-sec[b-m3ikvt4p00] {
        margin-bottom: 83px;
    }
}

@media screen and (max-width:1280px) {
    .slideInRight[b-m3ikvt4p00] {
        max-width: 483px;
        min-height: 293px;
    }

    .row-jobs[b-m3ikvt4p00] {
        padding-inline: 11.5%
    }

    .col-lg-5[b-m3ikvt4p00] {
        flex: 1 0 auto;
        width: 41.66667%;
    }

    .container-jobs[b-m3ikvt4p00] {
        padding-inline: 13%;
        margin-top: 126px;
    }

    .content-sec[b-m3ikvt4p00] {
        margin-top: 55px;
        margin-bottom: 95px;
    }
}

@media screen and (max-width:1152px) {
    .align-items-end[b-m3ikvt4p00] {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .text-start[b-m3ikvt4p00] {
        max-width: 476px;
        width: 100%;
    }
}

@media screen and (max-width:968px) {
    .row-jobs[b-m3ikvt4p00] {
        flex-direction: column-reverse;
        gap: 70px;
    }

    .first_text[b-m3ikvt4p00] {
        flex: 0 0 auto;
        width: 63.66667%;
    }

    .text_1[b-m3ikvt4p00] {
        max-width: 455px;
    }

    .container-jobs[b-m3ikvt4p00] {
        padding-inline: 12%;
        margin-top: 99px;
    }

    .lowTabe[b-m3ikvt4p00] {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-inline: 10.5%;
        margin-top: 55px;
    }

    .low_Tabe_width[b-m3ikvt4p00] {
        width: 100%;
    }
}

@media screen and (max-width: 678px) {
    .content-animacion15[b-m3ikvt4p00] {
        display: none;

    }

    .content-animacion115[b-m3ikvt4p00] {
        right: 72%;
        animation: anim2-b-m3ikvt4p00 20s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;

    }

    .content-animacion116[b-m3ikvt4p00] {
        right: 10%;
        animation: anim1-b-m3ikvt4p00 25s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;

    }

    
   

    @keyframes anim1-b-m3ikvt4p00 {
        0% {
            transform: translateY(-100%);
        }

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

    @keyframes anim2-b-m3ikvt4p00 {
        0% {
            transform: translateY(350%);
        }

        100% {
            transform: translateY(-350%);
        }
    }

    .first_text[b-m3ikvt4p00] {
        flex: 0 0 auto;
        width: 90.66667%;
    }

    .newFade[b-m3ikvt4p00] {
        min-height: 167px !important;
    }

    .container-jobs[b-m3ikvt4p00] {
        margin-top: 90px !important;
    }

    .rounded[b-m3ikvt4p00] {
        flex-direction: column;
        gap: 35px !important;
    }

    .container-jobs[b-m3ikvt4p00] {
        padding-inline: 12.5%;
    }

    .top_section_low[b-m3ikvt4p00] {
        margin-top: -10px;
    }

    .lowTabe[b-m3ikvt4p00] {
        margin-bottom: 55px;
    }

}

@media screen and (max-width:428px) {

    .row-jobs[b-m3ikvt4p00] {
        padding-inline: 1.5%;
    }

    .row-jobs[b-m3ikvt4p00] {
        margin-top: 68px;
        gap: 55px;
    }

    .container-jobs[b-m3ikvt4p00] {
        padding-inline: 9.5%;
    }

    .container-jobs[b-m3ikvt4p00] {
        margin-top: 112px !important;
    }

    .container-jobs[b-m3ikvt4p00] {
        gap: 16px;
    }

    .top_section_low[b-m3ikvt4p00] {
        display: flex;
    }

    .top_section_low[b-m3ikvt4p00] {
        margin-top: -58px;
    }

    .foolow-btn[b-m3ikvt4p00] {
        margin-top: 15px;
    }
}

@media screen and (max-width:320px) {
    .text-start[b-m3ikvt4p00] {
        max-width: 273px !important;
        width: 100% !important;
        min-height: 179px !important;
    }

    .row-jobs[b-m3ikvt4p00] {
        margin-top: 68px;
        gap: 53px;
        padding-inline: 2.5%;
    }

    .mb-3[b-m3ikvt4p00] {
        line-height: 30px;
    }

    .container-jobs[b-m3ikvt4p00] {
        padding-inline: 12.5%;
        margin-top: 116px !important;
    }

    .lowTabe[b-m3ikvt4p00] {
        padding-inline: 8.5%;
    }

    .foolow-btn[b-m3ikvt4p00] {
        flex-direction: column;
    }
}

@media screen and (max-width:715px) {
    .jobs-info[b-m3ikvt4p00] {
        padding-top: 7px;
    }

    .rounded[b-m3ikvt4p00] {
        flex-direction: column;
        gap: 7px;
    }

    .job-btn[b-m3ikvt4p00] {
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .newFade[b-m3ikvt4p00] {
        min-height: 167px;
    }

    .container-jobs[b-m3ikvt4p00] {
        margin-top: 60px;
    }

}

@media screen and (max-width:550px) {
    .text-start[b-m3ikvt4p00] {
        max-width: 372px;
        width: 100%;
        min-height: 252px;
    }

    .container-jobs[b-m3ikvt4p00] {
        margin-top: unset;
    }
}



/* /Components/Pages/Programs.razor.rz.scp.css */
@font-face {
    font-family: "Montserratarm-Regular";
    src: url(../font/Montserratarm-Regular/Montserratarm-Regular.ttf);
}

body[b-2oo4xcaf5s] {
    font-family: "Montserratarm-Regular";
}

.dropdown-menu[b-2oo4xcaf5s] {
    background-color: var(--color-number1) !important;
}

@keyframes anim1-b-2oo4xcaf5s {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-2oo4xcaf5s {
    0% {
        transform: translateY(250%);
    }

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

.content-animacion15[b-2oo4xcaf5s] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 30px 0;
    position: absolute;
    z-index: 0;
    right: 86%;
    animation: anim1-b-2oo4xcaf5s 25s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-2oo4xcaf5s] {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 100vh;
    position: absolute;
    gap: 30px 0;
    z-index: 0;
    right: 70%;
    animation: anim2-b-2oo4xcaf5s 25s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-2oo4xcaf5s] {
    display: flex;
    flex-direction: column;
    width: 65px;
    gap: 30px 0;
    height: 100vh;
    position: absolute;
    z-index: 0;
    right: 10%;
    animation: anim1-b-2oo4xcaf5s 35s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-programs[b-2oo4xcaf5s] {
    max-width: 1920px;
    width: 100%;
    background-color: #1A1A1A;
    position: relative;
    overflow: hidden;
}

ul[b-2oo4xcaf5s] {
    margin-bottom: unset;
}

h1[b-2oo4xcaf5s] {
    margin-bottom: 0;
    font-family: unset;
}

.container-programss[b-2oo4xcaf5s] {
    max-width: 1920px;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-inline: 10.5%;
}

.old-program[b-2oo4xcaf5s] {
    max-width: 1920px;
    width: 100%;
    padding-top: unset !important;
    padding-bottom: unset !important;
    margin-top: 80px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.background-program[b-2oo4xcaf5s] {
    max-width: 560px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/logo-program.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    padding-right: 0;

    opacity: 0;
    animation: servRight-b-2oo4xcaf5s 1s forwards ease-out !important;
}

@keyframes servRight-b-2oo4xcaf5s {
    0% {
        margin-right: -762px;
        opacity: 0;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

    

.new-align[b-2oo4xcaf5s] {
    flex-wrap: nowrap;
    justify-content: space-between;
}

.program-text[b-2oo4xcaf5s] {
    padding-right: unset;
    padding-left: unset;
    align-self: center;
    --bs-gutter-x: unset !important;
    opacity: 0;
    animation: servLeft-b-2oo4xcaf5s 1s forwards ease-out !important;
}

@keyframes servLeft-b-2oo4xcaf5s {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

.new-text[b-2oo4xcaf5s] {
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number6);
    text-transform: uppercase;
}

.slideInLeft span[b-2oo4xcaf5s] {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.into-text[b-2oo4xcaf5s] {
    max-width: 462px;
    width: 100%;

}

@media screen and (max-width:1440px) {
    .radius-prog[b-2oo4xcaf5s] {
        width: clamp(560px, 5vw, 350px);
    }

    .wrapper-flex[b-2oo4xcaf5s] {
        margin-top: -25px;
    }

    .radius-text[b-2oo4xcaf5s] {
        margin-left: 500px;
    }
    .slider-img[b-2oo4xcaf5s] {
        display: block;
        max-width: 75%;
    }

    .text-backRadius[b-2oo4xcaf5s] {
        margin-right: 474px;
    }

    .new-prog[b-2oo4xcaf5s] {
        background-position: 87% 31% !important;
    }

    .radius-prog[b-2oo4xcaf5s] {
        background-size: 79%;
        background-position: 11% 31%;
    }
}

@media screen and (max-width:1100px) {
    .radius-prog[b-2oo4xcaf5s] {
        width: clamp(350px, 5vw, 350px);
    }

    .radius-text[b-2oo4xcaf5s] {
        margin-left: 297px;
    }

    .text-backRadius[b-2oo4xcaf5s] {
        margin-right: 298px;
    }
}

@media screen and (max-width:900px) {
    @keyframes anim1-b-2oo4xcaf5s {
        0% {
            transform: translateY(-100%);
        }
    
        100% {
            transform: translateY(450%);
        }
    }
    
    @keyframes anim2-b-2oo4xcaf5s {
        0% {
            transform: translateY(450%);
        }
    
        100% {
            transform: translateY(-100%);
        }
    }

    .con-btn-program[b-2oo4xcaf5s],
    .con-btn-program1[b-2oo4xcaf5s] {
        justify-content: center;
        margin-top: 10px;
    }

    .program-colum[b-2oo4xcaf5s] {
        flex-direction: column;
    }

    .radius-prog[b-2oo4xcaf5s] {
        width: clamp(538px, 5vw, 350px);
        position: unset;
        background-position: 31% 31%;
    }

    .radius-text[b-2oo4xcaf5s] {
        position: unset;
        margin-left: unset;
        width: clamp(478px, 5vw, 225px);
        margin-top: -28px;
    }

    .text-backRadius[b-2oo4xcaf5s] {
        position: unset;
        margin-right: unset;
        width: clamp(478px, 5vw, 225px);
        margin-top: -28px;
    }

    .new-prog[b-2oo4xcaf5s] {
        background-position: 45% 29% !important;
    }
}

@media screen and (max-width:590px) {
    .radius-prog[b-2oo4xcaf5s] {
        width: clamp(380px, 5vw, 350px);
        background-size: 90%;
    }

    .radius-text[b-2oo4xcaf5s],
    .text-backRadius[b-2oo4xcaf5s] {
        width: clamp(341px, 5vw, 225px);
    }
}

@media screen and (max-width:400px) {
    .radius-prog[b-2oo4xcaf5s] {
        width: clamp(272px, 5vw, 350px);
    }

    .radius-text[b-2oo4xcaf5s],
    .text-backRadius[b-2oo4xcaf5s] {
        width: clamp(244px, 5vw, 225px);
    }
}

@media screen and (max-width:1440px) {

    .crm-img[b-2oo4xcaf5s] {
        max-width: 560px;
    }

    .into-text[b-2oo4xcaf5s] {
        max-width: 439px;
        width: 100%;
    }

    .mb-5[b-2oo4xcaf5s] {
        margin-bottom: -1rem !important;
    }

}

@media screen and (max-width:1280px) {

    .new-align[b-2oo4xcaf5s] {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .background-program[b-2oo4xcaf5s] {
        margin-left: -70px;
    }

    .new-align[b-2oo4xcaf5s] {
        flex-wrap: nowrap;
        justify-content: unset;
    }

    .container-programss[b-2oo4xcaf5s] {
        padding-inline: 150px;
    }

}

@media screen and (max-width:991px) {
    @keyframes anim1-b-2oo4xcaf5s {
        0% {
            transform: translateY(-100%);
        }
    
        100% {
            transform: translateY(350%);
        }
    }
    
    @keyframes anim2-b-2oo4xcaf5s {
        0% {
            transform: translateY(350%);
        }
    
        100% {
            transform: translateY(-100%);
        }
    }

    .new-align[b-2oo4xcaf5s] {
        flex-direction: column-reverse;
        gap: 49px;
    }

    .container-programss[b-2oo4xcaf5s] {
        padding-inline: 0px;
        max-width: 560px;
        width: 100%;
    }

    .row>*[b-2oo4xcaf5s] {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .mb-5[b-2oo4xcaf5s] {
        margin-bottom: 0rem !important;
    }

    .into-text[b-2oo4xcaf5s] {
        max-width: 360px;
        width: 100%;
    }

}

@media screen and (max-width: 678px) {
    .content-animacion15[b-2oo4xcaf5s] {
        display: none;
    }

    .content-animacion115[b-2oo4xcaf5s] {
        right: 72%;
    }

    .content-animacion116[b-2oo4xcaf5s] {
        right: 10%;
    }

    .background-program[b-2oo4xcaf5s] {
        background-image: url(/img/logo-program6.svg);
        margin: auto;

    }

    ul[b-2oo4xcaf5s] {
        padding-left: 0rem;
    }

}

@media screen and (max-width:428px) {

    .new-text[b-2oo4xcaf5s] {
        font-size: 30px;
    }

    .old-program[b-2oo4xcaf5s] {
        margin-top: 67px;
    }

    .background-program[b-2oo4xcaf5s] {
        background-image: url(/img/logo-program4.svg);
        min-height: 284px;
    }

    .row>*[b-2oo4xcaf5s] {
        width: 100%;
        max-width: 89%;
    }

    .into-text[b-2oo4xcaf5s] {
        max-width: 380px;
        width: 100%;
    }

    .new-align[b-2oo4xcaf5s] {
        gap: 56px;
    }

}

@media screen and (max-width:320px) {
    .background-program[b-2oo4xcaf5s] {
        min-height: 204px;
    }

    .new-text[b-2oo4xcaf5s] {
        font-size: 24px;
    }

    .new-align[b-2oo4xcaf5s] {
        gap: 40px;
    }

    .row>*[b-2oo4xcaf5s] {
        width: 100%;
        max-width: 100%;
        padding-inline: 24px;
    }

    .background-program[b-2oo4xcaf5s] {
        width: 100%;
        max-width: 85%;
    }

    .new-text[b-2oo4xcaf5s] {
        margin-bottom: 0rem !important;
    }

    .erm-text[b-2oo4xcaf5s] {
        max-width: 233px;
    }

}

/* /Components/Pages/Services.razor.rz.scp.css */
.container-service[b-66ytjunsjf] {
    max-width: 1920px;
    width: 100%;
    background-color: #1A1A1A;
    position: relative;
    overflow: hidden;
}

.content-animacion15[b-66ytjunsjf] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 30px 0;
    position: absolute;
    z-index: 0;
    right: 86%;
    animation: anim1-b-66ytjunsjf 30s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion115[b-66ytjunsjf] {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 100vh;
    position: absolute;
    gap: 30px 0;
    z-index: 0;
    right: 70%;
    animation: anim2-b-66ytjunsjf 35s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.content-animacion116[b-66ytjunsjf] {
    display: flex;
    flex-direction: column;
    width: 65px;
    gap: 30px 0;
    height: 100vh;
    position: absolute;
    z-index: 0;
    right: 10%;
    animation: anim1-b-66ytjunsjf 40s cubic-bezier(0.07, 0.06, 1, 1.03) infinite;
}

.container-pathFooter[b-66ytjunsjf] {
    margin-top: 107px;
}

@keyframes anim1-b-66ytjunsjf {
    0% {
        transform: translateY(-100%);
    }

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

@keyframes anim2-b-66ytjunsjf {
    0% {
        transform: translateY(200%);
    }

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

.wrapper-service1[b-66ytjunsjf] {
    max-width: 1920px;
    width: 100%;
    padding-inline: 10.5%;
    margin-top: 77px;
    min-height: 564px;
    overflow: hidden;
}

.service-info[b-66ytjunsjf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.name-service[b-66ytjunsjf] {
    max-width: 462px;
    width: 100%;
    min-height: 208px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    opacity: 0;
    animation: servLeft-b-66ytjunsjf 1s forwards ease-out;
}

@keyframes servLeft-b-66ytjunsjf {
    0% {
        margin-left: -662px;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

.name-service h1[b-66ytjunsjf] {
    font-size: 38px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number9);
    text-transform: uppercase;
}

.name-service span[b-66ytjunsjf] {
    max-width: 366px;
    width: 100%;
    min-height: 120px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number10);
}

.service-logo[b-66ytjunsjf] {
    max-width: 560px;
    width: 100%;
    min-height: 433px;
    background-image: url(/img/service-logo.svg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    animation: servRight-b-66ytjunsjf 1s forwards ease-out;
}

@keyframes servRight-b-66ytjunsjf {
    0% {
        margin-right: -762px;
        opacity: 0;

    }

    50% {
        opacity: 0;

    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.container-block-service[b-66ytjunsjf] {
    max-width: 1920px;
    width: 100%;
    overflow: hidden;
}

.res-hid1[b-66ytjunsjf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -33px;
    padding-inline: 11%;

}

.block1[b-66ytjunsjf] {
    max-width: 485px;
    width: 100%;
    min-height: 281px;
    border-radius: 8px;
    background-color: var(--color-number1);
    border: 1px solid var(--color-number16);
    margin-top: 33px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
    
}
.hovv[b-66ytjunsjf] {
    position: absolute;
    z-index: 0;
    border-radius: 8px;
    transform: translate(-100%, -100%);
    transition: all .5s ease 0s;
}

.service_menu_animacion_1:hover .hovv[b-66ytjunsjf] {
    width: 100%;
    height: 100%;
    background: #F9893D80;
    border: 1px solid #F9893D80;
    transition: all .5s ease;
    transform: translate(0%, 0%);

}

.row>*[b-66ytjunsjf] {
    flex-shrink: unset;
    width: unset;
    max-width: unset;
    padding-right: unset;
    padding-left: unset;
    margin-top: unset;
}

.sec1[b-66ytjunsjf],
.sec2[b-66ytjunsjf] {
    margin-top: 32px;
}

.sector1[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec1.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

ul[b-66ytjunsjf] {
    margin-top: unset;
    margin-bottom: unset;
    padding-left: unset;
}

h1[b-66ytjunsjf] {

    margin-bottom: unset;
}

.sector2[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector3[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec3.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector4[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec4.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector5[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec5.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector6[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec6.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector7[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec7.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector8[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec8.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sector9[b-66ytjunsjf] {
    max-width: 301px;
    width: 100%;
    min-height: 113px;
    background-image: url(/img/card/sec9.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sect-info[b-66ytjunsjf] {
    max-width: 479px;
    width: 100%;
    min-height: 148px;
    padding-inline: 14px;
}

.info-text[b-66ytjunsjf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
}

.info-text h1[b-66ytjunsjf] {
    font-family: "Montserratarm-Medium" !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-number5);
}

.wow[b-66ytjunsjf] {
    width: 485px;
    max-width: 32.3%;
    /* max-width: 485px;
    width: 100%;  */
}

.info-text span[b-66ytjunsjf] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-number11);
}

/* @media screen and (max-width:1545px) {
    .block1 {
        min-height: 301px;
    }
}
@media screen and (max-width:1336px) {
    .block1 {
        max-width: 312px;
        width: 100%;
        min-height: 357px;
    }
} */

@media screen and (max-width:1711px) {
    .block1[b-66ytjunsjf] {
        min-height: 303px;
    }
}

@media screen and (max-width:1546px) {
    .block1[b-66ytjunsjf] {
        min-height: 310px;
    }
}

@media screen and (max-width:516px) {
    .service-logo[b-66ytjunsjf] {
        max-width: 480px;
        width: 100%;
        min-height: 400px;
    }

    .name-service h1[b-66ytjunsjf] {
        font-size: 30px;
    }

    .wowo[b-66ytjunsjf] {
        width: 260px !important;
        max-width: 100%;
        min-height: 349px;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 18px;
    }
}

@media screen and (max-width:396px) {
    .service-logo[b-66ytjunsjf] {
        max-width: 271px;
        width: 100%;
        min-height: 226px;
    }

    .name-service h1[b-66ytjunsjf] {
        font-size: 24px;
    }
}

@media screen and (max-width:1440px) {

    .container-pathFooter[b-66ytjunsjf] {
        margin-top: 68px !important;
    }

    .res-hid1[b-66ytjunsjf] {
        margin-top: -20px;
        padding-inline: 11.2%;
    }

    .block1[b-66ytjunsjf] {
        max-width: 485px;
        width: 100%;
        min-height: 317px;
        margin-top: 25px;
    }
}

@media screen and (max-width:1314px) {
    .block1[b-66ytjunsjf] {
        min-height: 323px;
    }
}

@media screen and (max-width:1280px) {

    .wrapper-service1[b-66ytjunsjf] {
        min-height: 530px;
    }

    .res-hid1[b-66ytjunsjf] {
        margin-top: -24px;
        padding-inline: 12.6%;
    }

    .block1[b-66ytjunsjf] {
        max-width: 315px;
        width: 100%;
        margin-top: 24px;
        min-height: 317px;
    }

    .name-service h1[b-66ytjunsjf] {
        font-size: 40px;
    }

    .container-pathFooter[b-66ytjunsjf] {
        margin-top: 78px !important;
    }

    .line-con[b-66ytjunsjf] {
        padding-inline: 12.5%;
    }

}

@media screen and (max-width:1264px) {
    .block1[b-66ytjunsjf] {
        min-height: 340px;
    }
}

@media screen and (max-width:1160px) {
    .info-text h1[b-66ytjunsjf] {
        font-size: 21px;
    }
}

@media screen and (max-width:1137px) {
    .block1[b-66ytjunsjf] {
        min-height: 360px;
    }
}

@media screen and (max-width:1104px) {
    .block1[b-66ytjunsjf] {
        min-height: 370px;
    }
}

@media screen and (max-width:1053px) {
    .block1[b-66ytjunsjf] {
        min-height: 380px;
    }
}

@media screen and (max-width:968px) {

    @keyframes anim1-b-66ytjunsjf {
        0% {
            transform: translateY(-100%);
        }
    
        100% {
            transform: translateY(300%);
        }
    }
    
    @keyframes anim2-b-66ytjunsjf {
        0% {
            transform: translateY(300%);
        }
    
        100% {
            transform: translateY(-100%);
        }
    }

    .name-service[b-66ytjunsjf] {
        max-width: 480px;
        gap: 8px;
    }

    .res-hid1[b-66ytjunsjf] {
        /* justify-content: space-between; */
        gap: 17px;
        padding-inline: 0;
        max-width: 644px;
        width: 100%;

        /* padding-inline: 174px; */
        margin: 21px auto;
    }

    .sect-info[b-66ytjunsjf] {
        padding-inline: 15px;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 24px;
    }

    .wowo[b-66ytjunsjf] {
        width: 312px !important;
        max-width: 65.3%;
        min-height: 317px;
        margin-top: 0px;
    }

    .service-info[b-66ytjunsjf] {
        flex-direction: column-reverse;
    }

    .container-block-service[b-66ytjunsjf] {
        margin-top: 70px;
    }

    .block1[b-66ytjunsjf] {
        min-height: 321px;
        margin-top: 0px;
    }

    .container-pathFooter[b-66ytjunsjf] {
        clip-path: polygon(10% 20%, 90% 20%, 100% 9%, 100% 100%, 25% 100%, 0 100%, 0 9%) !important;
    }

    .line-con[b-66ytjunsjf] {
        padding-inline: 0;
    }
}

@media screen and (max-width:811px) {
    .res-hid1[b-66ytjunsjf] {
        gap: 20px;
        padding-inline: 0;
        max-width: 806px;
        width: 100%;
        padding-inline: 81px;
        margin: 21px auto;
        justify-content: unset;
    }

    .block1[b-66ytjunsjf] {
        max-width: 260px;
    }

    .block1[b-66ytjunsjf] {
        min-height: 333px;
        max-width: 100%;
        margin-top: 0px;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;

    }

    .wowo[b-66ytjunsjf] {
        width: 302px !important;
        max-width: 47.3%;
        min-height: 319px;
        margin-top: 0px;
    }

}

@media screen and (max-width:756px) {
    .block1[b-66ytjunsjf] {
        min-height: 350px;
    }
}

@media screen and (max-width:712px) {
    .block1[b-66ytjunsjf] {
        min-height: 370px;
    }
}

@media screen and (max-width:678px) {
    @keyframes anim1-b-66ytjunsjf {
        0% {
            transform: translateY(-100%);
        }
    
        100% {
            transform: translateY(450%);
        }
    }
    
    @keyframes anim2-b-66ytjunsjf {
        0% {
            transform: translateY(450%);
        }
    
        100% {
            transform: translateY(-100%);
        }
    }

    .res-hid1[b-66ytjunsjf] {
        gap: 18px;
        padding-inline: 0;
        max-width: 806px;
        width: 100%;
        padding-inline: 70px;
        margin: 25px auto;
    }

    .sect-info[b-66ytjunsjf] {
        padding-inline: 8px;
    }

    .block1[b-66ytjunsjf] {
        min-height: 349px;
    }

    .wowo[b-66ytjunsjf] {
        width: 302px !important;
        max-width: 48.3%;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 19px;
    }

    .line-medium[b-66ytjunsjf] {
        bottom: 10px;
    }

    .container-pathFooter[b-66ytjunsjf] {
        clip-path: polygon(10% 21%, 90% 21%, 100% 10%, 100% 100%, 25% 100%, 0 100%, 0 10%) !important;
    }

    .container-pathFooter[b-66ytjunsjf] {
        margin-top: 29px !important;
    }

    .container-developer[b-66ytjunsjf] {
        margin-bottom: 50px;
    }

}

@media screen and (max-width:669px) {
    .wowo[b-66ytjunsjf] {
        width: 302px !important;
        max-width: 47.3%;
    }
}

@media screen and (max-width:663px) {
    .res-hid1[b-66ytjunsjf] {
        justify-content: center;
    }

    .wowo[b-66ytjunsjf] {
        width: 330px !important;
        max-width: 100%;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 23px;
    }

    .info-text span[b-66ytjunsjf] {
        font-size: 18px;
    }
}

@media screen and (max-width:550px) {
    .name-service h1[b-66ytjunsjf] {
        font-size: 35px;
    }
}

@media screen and (max-width:470px) {
    .name-service h1[b-66ytjunsjf] {
        font-size: 33px;
    }
}

@media screen and (max-width:428px) {
    .name-service h1[b-66ytjunsjf] {
        font-size: 30px;
    }

    .wrapper-service1[b-66ytjunsjf] {
        max-width: 1920px;
        width: 100%;
        padding-inline: 6.5%;
    }

    .service-logo[b-66ytjunsjf] {
        max-width: 480px;
        width: 100%;
        min-height: 292px;
    }

    .name-service[b-66ytjunsjf] {
        margin-top: 62px;
        min-height: 225px;
    }

    .wowo[b-66ytjunsjf] {
        width: 260px !important;
        max-width: 100%;
    }

    .info-text h1[b-66ytjunsjf] {
        font-size: 19px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: center;
    }

    .info-text span[b-66ytjunsjf] {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }

    .res-hid1[b-66ytjunsjf] {
        gap: 24px;
    }

    .container-pathFooter[b-66ytjunsjf] {
        clip-path: polygon(21% 20%, 80% 20%, 100% 13%, 100% 100%, 25% 100%, 0 100%, 0 13%) !important;
    }

    .container-developer[b-66ytjunsjf] {
        margin-bottom: 0px;
    }

    .line-medium[b-66ytjunsjf] {
        bottom: 7px !important;
    }

    .line-con[b-66ytjunsjf] {
        margin-top: -10px !important;
        padding-inline: 0 !important;
    }

}

/* 
@media screen and (max-width:390px) {
    .block1 div:nth-child(1) {
        min-height: 96px;
    }
} */

@media screen and (max-width:370px) {
    /* .block1 div:nth-child(1) {
        min-height: 89px;
    } */

    .name-service h1[b-66ytjunsjf] {
        font-size: 28px;
    }
}

@media screen and (max-width:350px) {
    /* .block1 div:nth-child(1) {
        min-height: 82px;
    } */

    .res-hid1[b-66ytjunsjf] {
        padding-inline: 50px;
    }

    .name-service h1[b-66ytjunsjf] {
        font-size: 26px;
    }
}

@media screen and (max-width:320px) {

    .name-service h1[b-66ytjunsjf] {
        font-size: 24px;
    }

    .res-hid1[b-66ytjunsjf] {
        padding-inline: 29px;
    }

    .service-logo[b-66ytjunsjf] {
        max-width: 259px;
        width: 100%;
        min-height: 207px;
    }

    .name-service[b-66ytjunsjf] {
        margin-top: 45px;
        min-height: 225px;
    }

    .name-service[b-66ytjunsjf] {
        gap: 0px;
    }

    .container-block-service[b-66ytjunsjf] {
        margin-top: 58px;
    }

    /* .block1 div:nth-child(1) {
        min-height: 113px;
    } */

    .hid968[b-66ytjunsjf] {
        margin-top: 42px !important;
    }

    .line-con[b-66ytjunsjf] {
        margin-top: 2px !important;
    }

}

/* /Components/Shared/Footer.razor.rz.scp.css */
body[b-j08twgoevn] {
}
/* /Components/Shared/Header.razor.rz.scp.css */
body[b-98j18ip811] {
}