.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: Space Grotesk;
    font-size: 16px;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
}

section {
    overflow: hidden;
}
/* Header */
header{
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #fff;
}

main{
    padding-top: 115px
}
.container {
    padding: 13px 150px 13px 150px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid var(--neutral-colors-color-600, #d4d2e3);
    background: var(--neutral-colors-white, #fff);
}

.menu_button {
    width: 25px;
}
nav {
    flex: 1;
    text-align: right;
}

nav ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: var(--neutral-colors-white, #000);
    font-size: 14px;
}

.formError {
    color: #FF0000;
    font-size: 11px;
}

.link_1 {
    width: 60px;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    gap: 8px;
    color: #093046;
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.link_2 {
    width: 87px;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    gap: 8px;
    color: #093046;
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.ref:hover {
    color: #f18412;
}

.link_3 {
    width: 82px;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    gap: 8px;
    color: #093046;
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.link_4 {
    width: 67px;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    gap: 8px;
    color: #093046;
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.action_btn {
    width: 111px;
    height: 60px;
    padding: 18px, 24px, 18px, 24px;
    gap: 8px;
    border-radius: 8px;
    border: 0;
    background: var(--orange-o-300, #f18412);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--neutral-colors-white, #fff);
    text-align: center;
}

.icon {
    color: #000;
    font-size: 20px;
    line-height: 80px;
    float: right;
    display: none;
}

.btn {
    width: 100%;
    gap: 8px;
    border-radius: 8px;
    background: var(--orange-o-300, #f18412);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--neutral-colors-white, #fff);
    text-align: center;
}

.links {
    display: flex;
    justify-content: flex-end;
}
/* Dropdown Menu */

.dropdown_menu .action_btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Responsive Design */

@media (max-width: 375px) {
    .dropdown_menu {
        left: 2rem;
        width: unset;
    }
}

@media (max-width: 992px) {
    .links,
    .action_btn {
        display: none;
    }

    .dropdown_menu {
        display: block;
    }
}

.test_1 {
    position: relative;
    background: var(--neutral-colors-white, #fff);
}

/* Home Section */

a {
    text-decoration: none;
}
.begin {
    position: relative;
    width: 100%;
    height: 640px;
}

.first_section {
    width: 100%;
    background-image: url("/storage/images/Background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top: 1px solid var(--neutral-colors-color-600, #d4d2e3);
}

.bg_image {
    padding: 80px 16px;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 50%;
}

.hero_content {
    display: flex;
    align-items: center;
    max-width: 1140px;
    margin: auto;
    padding: 80px 16px;
}

.title_1 {
    color: #093046;
    font-family: Space Grotesk;
    top: 88px;
    left: 150px;
    font-size: 61px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

@media (max-width: 768px) {
    .title_1 {
        font-size: 46px;
    }

}

@media (max-width: 425px) {
    .title_1 {
        font-size: 37px;
    }

    .paragraph {
        margin-bottom: 0 !important;
    }
}

.paragraph {
    color: var(--gray-3, #828282);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    top: 369px;
    left: 150px;
    margin-top: 22px;
    margin-bottom: 50px;
}

.block_button {
    display: flex;
    gap: 24px;
    bottom: 90px;
    left: 150px;
}

.txt_1 {
    color: var(--neutral-colors-white, #fff);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}
.button_1 {
    background-color: #f18412;
    border: 0;
    border-radius: 8px;
    color: #fff;
    padding: 20px 24px;
    gap: 8px;
}

.button_1:hover {
    background: #093046;
}

.button_1:hover i {
    color: #fff;
}

i {
    width: 8px;
    height: 8px;
}

.button_2 {
    height: 64px;
    padding: 20px 24px;
    border-radius: 8px;
    border: 2px solid var(--orange-o-300, #f18412);
}

.button_2:hover {
    background: #093046;
}

.button_2:hover .btn_txt {
    color: #FFF;
}

.btn_txt {
    color: var(--blue-b-300, #093046);
    text-align: center;

    /* Paragraph/Normal : 16px - Bold */
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.button_2:hover {
    background: #093046;
    color: #fff;
}

.btn_txt:hover {
    color: #fff;
}

.block_picture {
    width: 50%;
    display: flex;
    flex-direction: row-reverse;
}

.picture_1 {
    width: 60%;
    height: 400px;
    border-radius: 30px;
    object-fit: cover;
}

.picture_2 {
    width: 56%;
    height: 318px;
    margin: 185px -100px 0 0;
    z-index: 10;
    border-radius: 30px;
    border: 20px solid #fff;
    object-fit: cover;
}

/* Partner Section */
.client {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    background-color: #f0f3f4;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.logos {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

.logos:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 30s slide infinite linear;
}

.logos-slide img {
    height: 24px;
    margin: 10px 40px;
}

.text {
    display: flex;
    top: 845px;
    margin-left: 186px;
    margin-right: 150px;
    justify-content: space-around;
}

/* About Section */
.us {
    max-width: 1140px;
    margin: auto;
    margin-top: 67px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 140px;
}

.title_2 {
    color: var(--blue-b-300, #093046);
    font-family: DM Sans;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.paragraph_1 {
    color: var(--gray-3, #828282);
    padding-top: 16px;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.mytabs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45.78px;
    gap: 16px;
}

.mytabs input[type="radio"] {
    display: none;
}

.mytabs label {
    display: flex;
    padding: 32px;
    border-radius: 8px;
    background: var(--orange-o-300, #f18412);
    gap: 10px;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    flex: 1 0 0;
}

.mytabs .label_1 {
    display: flex;
    /* height: 84px; */
    padding: 32px;
    border-radius: 8px;
    background: var(--blue-b-50, #e6eaed);
    gap: 10px;
    color: var(--blue-b-500, #051d2b);
    justify-content: center;
    align-items: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    flex: 1 0 0;
    cursor: pointer;
}

.mytabs .tab {
    width: 100%;
    order: 1;
    display: none;
}

.mytabs .tab h2 {
    width: 100%;
    margin-top: 30px;
    color: var(--blue-b-300, #093046);
    font-family: DM Sans;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.mytabs input[type="radio"]:checked + label + .tab {
    display: block;
}

.mytabs input[type="radio"]:checked + label {
    background: var(--orange-o-300, #f18412);
    color: var(--blue-b-50, #e6eaed);
}

.block_text_1 {
    margin-top: 20px;
    color: var(--gray-3, #828282);
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.picture_3 {
    max-width: 475px;
    border-radius: 20px;
    object-fit: cover;
}

.pic {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

@media (max-width: 768px) {
    .pic {
        gap: 13px;
    }
}

/* Services */
.service {
    padding-left: 150px;
    padding-right: 150px;
    background-color: #093046;
    padding-bottom: 200px;
}

.service-block {
    max-width: 1140px;
    margin: auto;
}

.block-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 112px;
    margin-bottom: 68px;
}

.block_2 {
    width: 629px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media (max-width: 425px) {
    .block_2 {
        width: 100%;
    }

    .block_2 p{
        text-align: left;
    }

    .block-container {
        margin: 60px 0;
    }

    .block_text_2 {
        font-size: 39px!important;
    }
}

.block_text_2 {
    color: var(--blue-b-25, #f0f3f4);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.block_text_3 {
    color: var(--gray-3, #828282);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.block_text_11 {
    color: var(--gray-3, #828282);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
}

.block_3 {
    width: 100%;
    height: 722px;
    top: 303px;
    gap: 16px;
}

.sub_block_1 {
    display: inline-block;
}

.block {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.block1 {
    display: flex;
    margin-top: 16px;
    gap: 16px;
}

.pictur_2 {
    width: 49%;
    padding: 48px 32px 48px 32px;
    border-radius: 24px;
    background: var(--blue-b-25, #f0f3f4);
}

.pictur_3 {
    width: 32%;
    padding: 28px 32px 28px 32px;
    border-radius: 24px;
    background: var(--blue-b-25, #f0f3f4);
}

.img {
    border-radius: 500px;
}

.serviceItem {
    margin: 20px 0;
}

.block_text_4 {
    height: 60px;
    font-family: Space Grotesk;
    color: var(--blue-b-300, #093046);
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.block_text_5 {
    color: var(--gray-3, #828282);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.block_text_6 {
    width: 316px;
    height: 60px;
    font-family: Space Grotesk;
    color: var(--blue-b-300, #093046);
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.block_text_7 {
    font-family: Space Grotesk;
    color: var(--blue-b-300, #093046);
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.block_text_8 {
    font-family: Space Grotesk;
    color: var(--blue-b-300, #093046);
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

/* Industries */
.industries {
    padding: 80px 16px;
}

.industries .block-container, .work-block .block-container {
    margin-top: 0;
}

.industry-block {
    max-width: 1140px;
    margin: auto;
}

.block_4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub_element {
    display: flex;
    width: 32%;
    padding: 24px 32px 24px 32px;
    border-radius: 24px;
    background: var(--blue-b-25, #f0f3f4);
    align-items: center;
    gap: 20px;
}

@media (max-width: 425px) {
    .sub_element span {
        font-size: 20px;
        width: 100%;
    }
}

.teamText {
    margin-top: 17px;
    margin-bottom: 27px;
}

.imgs {
    width: auto;
    height: 72px;
    border-radius: 500px;
    padding: 16px;
    gap: 8px;
    vertical-align: middle;
}

.block_text_9 {
    display: flex;
    text-align: center;
    width: 613.67px;
    height: 123px;
    color: var(--blue-b-300, #093046);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.block_text_10 {
    color: var(--blue-b-25, #093046);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

/* Team */

#team {
    position: relative;
    background-image: url("/storage/images/Image9.jpg");
    background-size: cover;
    background-position: center;
    padding: 200px 32px;
}

.smoothLines {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scale(1.2);
}

@media only screen and (max-width: 767px) {
    .smoothLines {
        display: none;
    }
}

.team-block {
    max-width: 1140px;
    margin: auto;
}

.sub_team {
    position: absolute;
    background-size: cover;
}
.sub_team_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.sub_team_2 {
    width: 40%;
}

@media (max-width: 425px) {
    .sub_team_2 {
        width: 100%;
    }
    #team {
        padding: 80px 20px !important;
    }
}

.sub_team_txt {
    top: 110px;
    left: 150px;
    color: var(--blue-b-25, #f0f3f4);
    font-family: Space Grotesk;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.sub_team_txt_1 {
    color: var(--blue-b-75, #9aaab3);
    top: 180px;
    left: 150px;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.sub_team_txt_2 {
    color: var(--neutral-colors-white, #fff);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.sub_team_button {
    bottom: 16%;
    left: 11%;
    border-radius: 8px;
    padding: 20px 24px 20px 24px;
    justify-content: flex-end;
    align-items: center;
    border: 0;
    background: var(--orange-o-300, #f18412);
    gap: 8px;
}

@media (max-width: 320px) {
    .sub_team_button {
        position: absolute;
        left: 5%;
        bottom: 23%;
    }
}

@media (max-width: 768px) {
    #team {
        padding: 80px 32px;
    }
    .mytabs .label_1 {
        display: flex;
        /* height: 84px; */
        padding: 32px;
        border-radius: 8px;
        background: var(--blue-b-50, #e6eaed);
        gap: 10px;
        color: var(--blue-b-500, #051d2b);
        justify-content: center;
        align-items: center;
        font-feature-settings: "clig" off, "liga" off;
        font-family: DM Sans;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        flex: 1 0 0;
        cursor: pointer;
    }

}

@media (max-width: 320px) {
    #team {
        padding: 280px 32px !important;
    }
}

.sub_team_button:hover {
    background: #093046;
}

/* Achievements */
#work {
    background: var(--blue-b-25, #f0f3f4);
    margin-bottom: 80px;
}

.achievement {
    width: 50%;
}

@media (max-width: 425px) {
    .achievement {
        width: 100%;
    }

    .sub_element {
        width: 100%!important;
    }
}

.work-block {
    max-width: 1140px;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 100px;
    padding-top: 112px;
}

.work-block .block_2 {
    width: 698px;
}

.block-txt-work-1 {
    color: var(--blue-b-300, #093046);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 58.8px */
}

.block-txt-work-2 {
    color: var(--Gray-3, #828282);
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.block-enterprise {
    display: flex;
    padding: 64px;
    justify-content: space-between;
    border-radius: 16px;
    background: var(--neutral-colors-white, #fff);
    gap: 20px;
}

.sub-block-enterprise {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.title-enterprise {
    color: var(--blue-b-300, #093046);
    text-align: left;
    font-family: Space Grotesk;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 46.8px */
}

.txt-enterprise {
    color: var(--Gray-3, #828282);
    font-family: Space Grotesk;
    font-size: 16px;
}

.line {
    width: 411px;
    height: 1px;
    background: #d4d2e3;
}

.redirect {
    color: var(--orange-o-300, #f18412);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.block-enterprise-1 {
    display: flex;
    flex-direction: row-reverse;
    padding: 64px;
    justify-content: space-between;
    border-radius: 16px;
    background: var(--neutral-colors-white, #fff);
    gap: 20px;
}

/* Contact */
#contact {
    /* position: relative; */
    padding-left: 20px;
    padding-right: 20px;
    background: var(--neutral-colors-white, #fff);
    bottom: 150px;
}

.contact-block {
    display: flex;
    gap: 20px;
}

.contact_team {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-width: 1140px;
    margin: auto;
}

.contact_img {
    /* position: absolute; */
    left: 0;
    margin-top: -300px;
}

.contact_img_3 {
    width: 800px;
}

label {
    display: flex;
}

.btn-label {
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.area {
    width: 100%;
    border: 0;
}

.sub-form-group textarea {
    all: unset;
    padding: 16px 10px;
    border-radius: 8px;
    background: #FFF;
}

@keyframes pulsate {
    0% { border-color: #F18412; }
    50% { border-color: transparent; }
    100% { border-color: #F18412; }
}

@keyframes fadeDots {
    0%, 100% { border-color: #F18412; }
    50% { border-color: transparent; }
}

@keyframes growBorder {
    from { border-color: transparent; }
    to { border-color: #F18412; }
}

@keyframes bounceColorChange {
    0%, 100% { transform: scale(1); border-color: #F18412; }
    50% { transform: scale(1.1); border-color: #FFF; }
}

@keyframes swingColorChange {
    0%, 100% { transform: rotate(0deg); border-color: #F18412; }
    50% { transform: rotate(5deg); border-color: #093046; }
}


.area:focus-visible {
    border: 1px solid #F18412;
    animation: pulsate 1s 1;
}

.space {
    margin-top: 30px;
}

.sub_contact_3 {
    padding: 24px 32px 24px 32px;
    border-radius: 24px;
    background: var(--blue-b-25, #f0f3f4);
    z-index: 100;
}

@media (max-width: 340px) {
    .sub_contact_3 {
        padding: 24px 11px;
    }
}

.sub_contact_txt_1 {
    display: flex;
    color: var(--blue-b-300, #093046);
    font-family: Space Grotesk;
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 58.8px */
}

.sub_contact_txt_2 {
    display: flex;
    margin-top: 10px;
    color: var(--gray-3, #828282);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */ /* 58.8px */
}

.sub_block_1 {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.sub_block_1 img {
    height: 16px;
}

.sub_block_2 {
    display: flex;
    width: 100%;
    width: 225px;
    height: 24px;
}

.sub_block_3 {
    display: flex;
    width: 500px;
    height: 24px;
}

.sub_block_4 {
    display: flex;
    width: 400px;
    height: 24px;
}

.contact_txt_1 {
    display: flex;
    color: var(--blue-b-300, #093046);
    width: 195px;
    margin-left: 8px;
    text-align: center;
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.contact_txt_2 {
    display: flex;
    align-items: center;
    padding-left: 28px;
    font-family: Space Grotesk;
    font-size: 13px;
}

.contact_button {
    display: flex;
    padding: 20px 24px;
    margin-top: 30px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--orange-o-300, #f18412);
}

.sub_contact_2 {
    display: flex;
    position: relative;
    width: 616px;
    height: 678px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 16px;
    background: var(--blue-b-25, #f0f3f4);
}

.sub_contact_1 {
    display: flex;
    width: 100%;
    height: 413px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.sub_contact_2 {
    display: flex;
    width: 100%;
    height: 678px;
    min-width: 366px;
    margin-right: 150px;
    padding: 32px;
    border-radius: 16px;
    background: var(--blue-b-25, #f0f3f4);
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
}

.contact_txt_3 {
    display: flex;
    color: var(--blue-b-300, #093046);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.contact_block {
    display: flex;
    /* width: 100%; */
    height: 413px;
    align-content: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.element {
    display: flex;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*footer*/

.footerHome {
    height: 162px;
    position: relative;
    background: var(--blue-b-300, #093046);
    overflow: hidden;
}

.footerContainer {
    padding: 0 32px;
}

.footer-BgImg {
    position: absolute;
    right: 24%;
    bottom: 0px;
    z-index: 1;
}

.footerContent span:hover {
    color: #F18412
}

.footerContent a {
    text-decoration: none;
}

@media (max-width: 1440px) {
    .footer-BgImg {
        right: 7%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .inner-footer {
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 16px;
        flex-direction: column;
    }
}

.footerContent {
    max-width: 1140px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.inner-footer {
    display: flex;
    justify-content: space-between;
    height: 162px;
    align-items: center;
}

.foot_img {
    position: absolute;
    right: 120px;
    bottom: 0px;
    opacity: 1.1;
    fill: #f18412;
}

.foot_block {
    width: 100%;
    display: flex;
    margin-right: 16px;
    margin-left: 16px;
    flex-wrap: wrap;
    align-content: center;
}

.sub_foot_block {
    width: 50%;
}

.foot_txt_1 {
    color: var(--gray-5, #e0e0e0);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.foot_txt_2 {
    color: var(--gray-4, #bdbdbd);
    font-family: Space Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
}

/* responsive 1092px */
@media (max-width: 1092px) {
    .service {
        padding-left: 20px;
        padding-right: 20px;
        background-color: #093046;
        padding-bottom: 200px;
    }
}

/* responsive 1036px */
@media (max-width: 1036px) {
    .industries {
        padding: 86px 20px;
    }
}
/* responsive 990px */
@media (max-width: 990px) {
    .line {
        width: 340px;
        height: 1px;
        background: #d4d2e3;
    }
}

/* responsive 920px */
@media (max-width: 920px) {
    .contact_img {
        margin-top: 20px;
    }

    .foot_block {
        width: 100%;
        display: flex;
        margin-right: 16px;
        margin-left: 16px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}

/* responsive 990px */
@media (max-width: 768px) {

    .element {
        justify-content: flex-start;
    }

    .sub_element {
        width: 49%;
        padding: 24px 20px 24px 20px;
    }

    .line {
        width: 280px;
        height: 1px;
        background: #d4d2e3;
    }

    .contact_img_3 {
        width: 620px;
    }
}

/* responsive 838px */

@media (max-width: 838px) {
    .pic {
        display: flex;
        flex-direction: column;
    }

    .block {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: space-between;
        flex-direction: column;
    }

    .pictur_2 {
        width: 100%;
        padding: 28px 32px 28px 32px;
        border-radius: 24px;
        background: var(--blue-b-25, #f0f3f4);
    }

    .pictur_3 {
        width: 100%;
        padding: 28px 32px 28px 32px;
        border-radius: 24px;
        background: var(--blue-b-25, #f0f3f4);
    }

    .line {
        width: 100%;
        height: 1px;
        background: #d4d2e3;
    }
}

/* responsive 816px */
@media (max-width: 816px) {
    .contact-block {
        display: flex;
        flex-direction: column;
    }
    .sub_element {
        display: flex;
        width: 49%;
        padding: 24px 32px 24px 32px;
        border-radius: 24px;
        background: var(--blue-b-25, #f0f3f4);
        align-items: center;
        gap: 20px;
    }
    .achievement {
        width: 50%;
        object-fit: contain;
    }
    .block-enterprise {
        display: flex;
        padding: 32px;
        /* justify-content: space-between; */
        border-radius: 16px;
        background: var(--neutral-colors-white, #fff);
        gap: 20px;
        /* align-items: center; */
    }

}

/* responsive 718px */
@media (max-width: 718px) {
    .bg_image {
        width: 100%;
        padding: 0 16px 80px;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: auto;
    }

    .block_picture {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .hero_content {
        display: flex;
        align-items: center;
        max-width: 1140px;
        margin: auto;
        padding: 80px 16px;
        flex-direction: column;
    }

    .block-enterprise {
        display: flex;
        padding: 24px;
        border-radius: 16px;
        background: var(--neutral-colors-white, #fff);
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .block-enterprise-1 {
        display: flex;
        padding: 24px;
        justify-content: center;
        border-radius: 16px;
        background: var(--neutral-colors-white, #fff);
        flex-direction: column;
        align-items: flex-start;
    }

    .contact_img_3 {
        width: 520px;
    }
}

/* responsive 578px */

@media (max-width: 578px) {
    .work-block {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 100px;
        padding-top: 112px;
    }

    .block-txt-work-1 {
        color: var(--blue-b-300, #093046);
        text-align: center;
        font-family: Space Grotesk;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .title-enterprise {
        color: var(--blue-b-300, #093046);
        /* text-align: center; */
        font-family: Space Grotesk;
        font-size: 29px;
        /* font-style: normal; */
        font-weight: 700px;
        line-height: 120%;
    }

    .contact_img_3 {
        width: 470px;
    }
}

/* responsive 484px */
@media (max-width: 484px) {
    .block_4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 20px 50px 20px;
    }

    .picture_3 {
        max-width: 360px;
        border-radius: 20px;
        object-fit: cover;
    }

    .sub_contact_txt_2 {
        display: flex;
        /* width: 453px; */
        margin-top: 10px;
        color: var(--gray-3, #828282);
        font-family: Space Grotesk;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .sub-form-block {
        display: flex;
        gap: 8px;
        margin-top: 20px;
        flex-direction: column;
    }

    .contact_img_3 {
        width: 310px;
    }

    .sub_foot_block {
        display: flex;
        justify-content: flex-end;
    }

    .end {
        position: relative;
        display: flex;
        margin-top: 50px;
        background: var(--blue-b-300, #093046);
        overflow: hidden;
    }

    .foot_block {
        width: 100%;
        display: flex;
        margin-right: 20px;
        margin-left: 20px;
        flex-wrap: wrap;
        align-content: center;
    }
}

/* responsive 370px */
@media (max-width: 370px) {
    .block_button {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .picture_1 {
        width: 75%;
        height: 300px;
        border-radius: 30px;
        object-fit: cover;
    }

    .picture_2 {
        width: 65%;
        height: 260px;
        margin: 185px -116px 0 0;
        z-index: 10;
        border-radius: 30px;
        border: 20px solid #fff;
        object-fit: cover;
    }

    .mytabs {
        display: flex;
        flex-wrap: wrap;
        margin-top: 45.78px;
        gap: 16px;
        flex-direction: column;
    }

    .picture_3 {
        max-width: 365px;
        border-radius: 20px;
        object-fit: cover;
    }

    .block_text_1 {
        margin-top: 20px;
        color: var(--gray-3, #828282);
        font-family: DM Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .block_text_3 {
        width: 100%;
        line-height: 150%;
    }

    .sub_team_txt {
        position: absolute;
        top: 110px;
        left: 20px;
        color: var(--blue-b-25, #f0f3f4);
        font-family: Space Grotesk;
        font-size: 39px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .sub_team_txt_1 {
        position: absolute;
        color: var(--blue-b-75, #9aaab3);
        top: 155px;
        left: 20px;
        font-family: Space Grotesk;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .sub_contact_txt_1 {
        color: var(--blue-b-300, #093046);
        font-family: Space Grotesk;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .sub_contact_txt_2 {
        display: flex;
        margin-top: 10px;
        color: var(--gray-3, #828282);
        font-family: Space Grotesk;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
    .sub-form-block {
        display: flex;
        gap: 8px;
        margin-top: 20px;
        flex-direction: column;
    }

    .contact_img {
        left: 0;
        margin-top: 50px;
    }

    .contact_img_3 {
        width: 330px;
    }

    .foot_block {
        width: 100%;
        display: flex;
        margin-right: 20px;
        margin-left: 20px;
        flex-wrap: wrap;
        align-content: center;
    }
}

/* responsive 320px */

@media (max-width: 320px) {
    .picture_3 {
        max-width: 280px;
        border-radius: 20px;
        object-fit: cover;
    }
}