.element {
    position: absolute;
    width: 100%;
    height: 300px;
    top: 718px;
    left: 0;
}

#hizmetlervertical {
    background-image: url(../img/img/Bg-Hzm.png);
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    margin-top: 20px;
    width: 100%;
    position: relative;
    height: 822.7px;
}

#hizmetlertab {
    clear: both;
    width: 100%;
    height: auto;
    margin-top: 100px;
}

.bg-icon-hizmetlervertical {
    width: 100%;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 822.7px;
}

.arrow-hzmetlermz-5 {
    position: relative;
    width: 11.9px;
    height: 11.9px;
    margin-left: 130px;
    margin-top: -40px;
}

#hzmetlermz-text-wrapper {
    position: relative;
    font-size: 24px;
    line-height: 24px;
    font-family: var(--font-archivo);
    color: var(--tce-red);
    text-align: left;
    margin-left: 350px;
    bottom: 20px;
}

.text-sz-btn-55 {
    border: none !important;
    color: #ffffff;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    display: block;
}

#tceege-online-button-red-8 {
    width: 50%;
    height: 77px;
    background-image: url(../img/icons/tceegeOnlinered.svg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    object-fit: cover;
}

.mterilere-st-dzey {
    margin: 0;
}

.mterilere-st-dzey-container {
    width: 100%;
    position: relative;
    font-size: 52px;
    line-height: 54px;
    display: inline-block;
    font-family: 'Inter', sans-serif;
    color: #000000;
    text-align: center;
    height: 102.8px;
    top: 30px;
}

.all-tab {
    position: absolute;
    height: 420px;
    top: 0;
    left: 0;
    width: 100%;
    height: 598px;
    text-align: left;
    font-size: var(--font-size-lg);
    color: var(--body-color);
    font-family: 'Inter', sans-serif;
}

.text-gen-hiz {
    position: absolute;
    height: 46.88%;
    width: 83.14%;
    top: 26.56%;
    right: 8.39%;
    bottom: 26.56%;
    left: 8.47%;
}

.arrow-gen-hiz {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 8px;
    left: 282px;
}

.arrow-gen-hiz-3 {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 8px;
    left: 402px;
}

.general-construction {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #737373;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    display: inline-block;
}

#vert-tabs-tex-001 {
    font-size: 30px;
    font-family: 'Inter', sans-serif;
    line-height: 30px;
    color: #000000;
}

#vert-tabs-tex-002 {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    align-items: center;
    font-family: 'Inter', sans-serif;
}

#vert-tabs-tex-003 {
    font-size: 16px;
    line-height: 28px;
    font-family: 'Archivo', sans-serif;
    width: 550px;
    height: 49.8px;
}

#vert-tabs-tex-004 {
    font-size: 18px;
    line-height: 28px;
    color: black;
}

#vert-tabs-tab {
    position: absolute;
    height: 600px;
    width: 100%;
    right: 0%;
    bottom: 0%;
    top: 40px;
    left: 0%;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #000000 !important;
    border: none;
}

.vert-tabs-tex-all {
    font-size: 18px;
    line-height: 28px;
    color: black;
}

#vert-tabs-tabContent {
    width: 100%;
    position: relative;
    background-color: var(--tce-ege-blue);
    height: 520px;
    top: 50px;
}

.hizmetlervertical-tabs-all-left {
    left: 0;
    width: 100%;
    position: absolute;
    height: 569.1px;
    border: none;
    z-index: 5;
}

#vert-tabs-tabContent-2 {
    width: 550px;
    position: relative;
    background-color: transparent;
    height: auto;
    top: -500px;
    left: 440px;
    overflow: hidden;
}

.tceege-online-index-yan-plan-vert-tabs-tabCont-all .tab-content {
    width: 100%;
    position: relative;
    background-color: #0072BC !important;
    height: 452px;
    left: -100px;
}

.tceege-online-index-yanasma-plan-left-all {
    width: 100%;
    position: relative;
    height: 412px;
    text-align: left;
    font-size: 16px;
    color: #000000;
    font-family: 'Inter', sans-serif;
    margin-top: 200px;
}

#hizmetimage-bg {
    background-color: #0072bc;
    width: 403px;
    height: 600px;
    z-index: 5;
    left: 0;
    margin-top: -13px;
}

#hizmetimage {
    position: relative;
    left: 35px;
    top: 35px;
    width: 82%;
    overflow: hidden;
    height: 406.6px;
    object-fit: cover;
}

.tab-content {
    background-color: transparent;
}

.arrow-icon {
    width: 100%;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 10.1px;
    object-fit: contain;
    float: right;
}

#hizmetlervertical .nav-link {
    width: 409px;
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: var(--white-color);
    height: 61px;
}

.nav-link #general-construction {
    position: absolute;
    height: 30px;
    top: 10px;
    left: 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #737373;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    display: inline-block;
}

.nav-link #arrow-gen-hiz-3 {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 2rem;
    left: 360px;
    float: right;
    background-image: url(../img/icons/arrowBlack.svg);
    background-repeat: no-repeat;
    border-style: none !important;
    color: #ffffff !important;
}

#hizmetlervertical .nav-link.active {
    width: 532px;
    position: relative;
    box-shadow: 0px 8px 25px #15161c05;
    border-radius: var(--br-3xs) 0px var(--br-3xs) var(--br-3xs);
    background-color: #da2128 !important;
    height: 61px;
    color: #ffffff;
    border-color: transparent;
}

.nav-link.active #general-construction {
    position: absolute;
    height: 30px;
    top: 10px;
    left: 20px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    display: inline-block;
}

.nav-link.active #arrow-gen-hiz-3 {
    position: absolute;
    width: 13px;
    height: 13px;
    left: 500px;
    float: right;
    background-image: url(../img/icons/arrow.png);
    background-repeat: no-repeat;
    color: #ffffff;
}

#hizmetlervertical .nav-link.active,
.btn:hover {
    background-color: #da2128 !important;
    color: #ffffff;
}

.text-2 {
    width: 100%;
    position: relative;
    height: 26px;
    text-align: left;
    font-size: 20px !important;
    font-family: var(--font-inter);
    top: 5px;
}

.NO-22 {
    top: 4rem;
    width: 100%;
    position: relative;
    height: 31.1px;
    opacity: 0.5;
    text-align: right;
    font-size: 50px;
    color: var(--white-color);
    font-family: var(--font-inter);
}

.text-no-22 {
    width: 85px;
    font-size: 50px;
    line-height: 54px;
    text-transform: uppercase;
    display: flex;
    font-family: var(--font-inter);
    color: #fff;
    float: right;
    height: 32px;
}

.hzmet-no-22 {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    display: flex;
    font-family: var(--font-inter);
    color: #fff;
    text-align: left;
    float: left;
    left: 35px;
    mix-blend-mode: normal;
    top: 15px;
}

.line-4 {
    align-items: center;
    width: 20%;
    margin-top: 60px;
    margin-right: 5rem;
}

.responsive-banner-hiz-project-all-textimg {
    width: 100%;
    height: auto;
}

.hiz-project-text-all {
    width: 100%;
    margin-top: 50px;
    height: 100px;
}

.project-challenge {
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 32px;
    color: #000000;
    font-family: 'Inter', sans-serif;
}

.industrys-standard-dummy {
    width: 60%;
    position: relative;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Archivo', sans-serif;
    color: #737373;
    text-align: center;
    display: inline-block;
    height: 96px;
}

.hiz-project-title {
    top: 70px;
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 18px;
    font-family: 'Archivo', sans-serif;
    color: #000000;
}


/* --------------------------- */

.testimonials-section-002 {
    width: 100%;
    position: relative;
    height: 592px;
    top: 220px;
}

.testimonials-section-hed {
    width: 1016px;
    position: relative;
    font-size: 100px;
    letter-spacing: -0.01em;
    line-height: 90px;
    display: inline-block;
    font-family: var(--font-inter);
    color: var(--white-color);
    text-align: center;
}

.testimonials-section-text-left {
    text-align: left;
}

.testimonials-section-text-yorumlar {
    width: 666px;
    position: relative;
    font-size: 52px;
    line-height: 55px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #000000;
    text-align: left;
    display: inline-block;
}

.testimonials-section-text-success-p {
    position: absolute;
    top: 35px;
    left: 0px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 500;
}

.testimonials-client-2-m {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 30px;
    line-height: 100%;
    color: var(--tce-ege-red);
}

.testimonials-section-text-success-2 {
    position: absolute;
    top: 0px;
    left: 189px;
    width: 130px;
    height: 59px;
}

.testimonials-clients-icon-2 {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 169px;
    height: 55px;
}

.testimonials-client-faction {
    position: absolute;
    top: 18px;
    left: 990px;
    width: 319px;
    height: 59px;
    color: #555558;
}

.testimonials-section-text-2-title {
    width: 100%;
    position: relative;
    height: 96px;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--tce-ege-black);
    font-family: 'Inter', sans-serif;
}

.testimonials-section-bg {
    width: 400px;
    position: relative;
    overflow: hidden;
    height: 356px;
    background-image: url(../img/img/testimonials-section-bg-w.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.testimonials-section-bg-red {
    width: 400px;
    position: relative;
    overflow: hidden;
    height: 356px;
    background-image: url(../img/img/testimonials-section-bg-red.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.testimonials-section-review-text-001 {
    width: 181px;
    position: relative;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #0072BC;
    text-align: left;
    display: inline-block;
    top: 0;
    left: 30px;
}

.testimonials-section-review-text-002 {
    width: 161px;
    position: relative;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    text-align: left;
    display: inline-block;
    top: 0;
    left: 21px;
}

.testimonials-section-icons-all {
    width: 72px;
    position: relative;
    border-radius: 50%;
    background-color: #D9D9D9;
    height: 72px;
    left: 40px;
    top: 65px;
}

.star-icon {
    position: absolute;
    top: 110px;
    left: 140px;
    width: 100%;
    height: 20px;
    text-align: left;
    font-size: 17px;
}

.checked {
    color: #DA2128;
}

.checked-2 {
    color: #ffffff;
}

.testimonials-section-review-content-001 {
    top: 45px;
    width: 329px;
    position: relative;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    display: inline-block;
    color: #737373;
    font-family: 'Archivo', sans-serif;
}

.testimonials-section-review-content-002 {
    top: 45px;
    width: 329px;
    position: relative;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    display: inline-block;
    color: #ffffff;
    font-family: 'Archivo', sans-serif;
}

.testimonials-section-we-001 {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 32px;
    display: inline-block;

}

.testimonials-section-name {
    position: absolute;
    top: 284px;
    left: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    text-align: center;
    font-size: 20px;
    color: var(--tce-ege-red);
}

.testimonials-section-name-2 {
    position: absolute;
    top: 284px;
    left: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
}

.testimonials-section-name-pul {
    position: relative;
    line-height: 32px;
    font-weight: 600;
}

.testimonials-section-ceo {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Archivo', sans-serif;
    color: #737373;
    opacity: 0.8;
}

.testimonials-section-ceo-2 {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Archivo', sans-serif;
    color: #ffffff;
    opacity: 0.8;
}

.our-best-services-all {
    width: 100%;
    position: relative;
    height: 808px;
    margin-top: 150px;
}

.testimonials-section-hiz-all {
    top: 50px;
}

#Meet-Bg_team_all {
    background-color: #0072BC;
    width: 100%;
    height: 585px;
    position: relative;
}

#Meet-Bg_team_ol_all {
    background-color: #FAFAFA;
    color: #0072BC;
    width: 100%;
    height: 585px;
}

#Meet-Bg_team_ol_all:hover {
    background-color: #0072BC;
    color: #ffffff;
    width: 100%;
    height: 585px;
}

#Meet-Bg_team_ol_all a:hover {
    background-color: #0072BC;
    color: #ffffff;
    width: 100%;
    height: 585px;
}

#Meet-Bg_team_img-all {
    width: 90%;
    height: 419px;
    top: 25px;
    left: 20px;
    position: relative;
}

.reefer-conteyner-hizmetleri {
    width: 424px;
    background-color: #D9D9D9;
    height: 381px;
}

.reefer-conteyner-hizmetleri-red {
    width: 424px;
    background-color: #DA2128;
    height: 381px;
}

.reefer-conteyner-hizmetleri-blue {
    width: 424px;
    background-color: #0072BC;
    height: 381px;
}

.reefer-conteyner-hizmeti-container p {
    width: 351px;
    position: relative;
    font-size: 48px;
    line-height: 48px !important;
    text-transform: capitalize;
    display: inline-block;
    font-family: 'Inter', sans-serif;
    color: #15161C;
    text-align: left;
    height: 174px;
    left: 40px;
    top: 100px;
}

.reefer-conteyner-hizmeti-container-wht p {
    width: 351px;
    position: relative;
    font-size: 48px;
    line-height: 48px !important;
    text-transform: capitalize;
    display: inline-block;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    text-align: left;
    height: 174px;
    left: 40px;
    top: 100px;
}

.reefer-conteyner-blg-al {
    position: absolute;
    height: 100%;
    width: 88.65%;
    top: 0%;
    left: 0%;
    text-transform: capitalize;
    display: inline-block;
}

.reefer-conteyner-blg-al-parent {
    width: 100%;
    position: relative;
    height: 13.5px;
    text-align: left;
    font-size: 14px;
    color: #15161C;
    font-family: 'Inter', sans-serif;
    top: 70px;
    left: 40px;
}

.reefer-conteyner-blg-al-parent-wht {
    width: 100%;
    position: relative;
    height: 13.5px;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    top: 70px;
    left: 40px;
}

.isolation-mode-icon {
    width: 71.3px;
    position: relative;
    max-width: 71.3px;
    overflow: hidden;
    height: 71.3px;
    left: 40px;
    top: 73px;
}

/* .hizmetlermobiltab {
    visibility: hidden;
    clear: both;
    float: right;
    display: none;
} */



@media screen and (min-width: 900px) and (max-width: 1156px) {
    .hizmetlermobiltab {
        width: 100%;
        height: 1000px;
        margin-top: 100px;
        /* display: none; */
    }

    .frame-2 {
        width: 85%;
        height: 28px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        margin-top: 2rem;
        left: 2rem;
    }
}

@media screen and (min-width: 900px) and (max-width: 1156px) {
    .frame-2 {
        width: 85%;
        height: 28px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        margin-top: 2rem;
        left: 0;
    }

    .text-wrapper-13 {
        font-size: 12px;
    }

    .text-wrapper-koordinatlar {
        font-size: 12px;
    }
}


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

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .nav-link.active #arrow-gen-hiz-3 {
        left: 350px;
    }

    .nav-link #arrow-gen-hiz-3 {
        left: 240px;
    }

    #hizmetlervertical .nav-link {
        width: 300px;
        position: relative;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-color: var(--white-color);
        height: 61px;
    }

    #hizmetlervertical .nav-link.active {
        width: 400px;
        height: 61px;
    }

    #Meet-Bg_team_img-all {
        width: 88%;
        height: 419px;
        top: 25px;
        left: 20px;
        position: relative;
    }

    #vert-tabs-tex-003 {
        width: 80%;
        height: 49.8px;
    }

    .hizmetlervertical-tabs-all-left {
        left: 0;
    }

    #vert-tabs-tabContent {
        left: -100px;
        margin-top: 4px;
    }

    #hzmetlermz-text-wrapper {
        margin-left: 250px;
    }

    .mterilere-st-dzey-container {
        width: 90%;
        position: relative;
        font-size: 42px;
        line-height: 64px;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        color: #000000;
        text-align: center;
        height: 96.1px;
        top: 30px;
    }

    .our-best-services-all {
        width: 100%;
        position: relative;
        height: auto;
        top: 100px;
    }

    .hiz-project-text-all {
        margin-top: 200px;
        width: 100%;
        height: 800px;
    }

}

@media screen and (min-width: 800px) and (max-width: 1200px) {
    #hizmetlervertical {
        margin-top: 250px;
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 100%;
        height: auto;
        display: none;
    }

    #hizmetlertab {
        margin-top: 100px;
        width: 100%;
        height: auto;
    }

    /* .hizmetlermobiltab {
        width: 100%;
        height: 650px;
    } */

    .reefer-conteyner-hizmetleri {
        width: 216px;
        height: 200px;
    }

    .reefer-conteyner-hizmetleri-red {
        width: 216px;
        height: 200px;
    }

    .reefer-conteyner-hizmetleri-blue {
        width: 216px;
        height: 200px;
    }

    .isolation-mode-icon {
        width: 40px;
        position: relative;
        max-width: 40px;
        overflow: hidden;
        height: 40px;
        top: 30px;
    }

    .reefer-conteyner-hizmeti-container p {
        font-size: 24px;
        line-height: 26px !important;
        left: 40px;
        top: 50px;
    }

    .reefer-conteyner-hizmeti-container-wht p {
        width: 100%;
        font-size: 24px;
        line-height: 26px !important;
        left: 40px;
        top: 50px;
    }

    .reefer-conteyner-blg-al-parent {
        top: -70px;
    }

    .reefer-conteyner-blg-al-parent-wht {
        top: -70px;
    }

    #hzmetlermz-text-wrapper {
        position: relative;
        font-size: 24px;
        line-height: 24px;
        font-family: var(--font-archivo);
        color: var(--tce-red);
        text-align: center;
        margin-left: 0;
        bottom: 20px;
    }

    #Meet-Bg_team_ol_all {
        background-color: #FAFAFA;
        color: #0072BC;
        width: 100%;
        height: 380px;
    }

    #Meet-Bg_team_ol_all:hover {
        background-color: #0072BC;
        color: #ffffff;
        width: 100%;
        height: 410px;
    }

    #Meet-Bg_team_ol_all a:hover {
        background-color: #0072BC;
        color: #ffffff;
        width: 100%;
        height: 410px;
    }

    .hizmetlermobiltab #hizmetlertab .nav-link {
        background-color: #ffffff;
        color: #737373 !important;
        width: 100%;
        height: 60px;
        font-size: 18px;
        text-align: left;
        line-height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: var(--br-3xs) 0px var(--br-3xs) var(--br-3xs);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .hizmetlermobiltab #hizmetlertab .nav-link.active {
        width: 100%;
        font-size: 20px;
        position: relative;
        border-radius: var(--br-3xs) 0px var(--br-3xs) var(--br-3xs);
        background-color: #da2128 !important;
        height: 60px;
        margin-top: 10px;
        color: #ffffff !important;
        text-align: left;
        line-height: 50px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .hizmetlermobiltab #hizmetimage-bg-mob {
        position: relative;
        background-color: var(--tce-ege-blue);
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 520px;
        z-index: 5;
        margin-left: -15px;
        margin-top: 10px;
    }

    .hizmetlermobiltab #hizmetimage-bg-img-mob {
        width: 85%;
        height: 400px;
        margin-left: 25px;
        margin-top: 20px;
    }

    .hizmetlermobiltab .tab-custom-content-mob {
        float: right;
        margin-top: -500px;
    }

    .our-best-services-all {
        width: 100%;
        position: relative;
        height: auto;
        top: 100px;
    }

    #hiz-01-mob {
        font-family: 'Inter', sans-serif;
        color: #000000;
        width: 350px;
        position: relative;
        font-size: 24px;
        line-height: 38px;
        display: flex;
        text-align: left;
        align-items: center;
        height: 34px;
        float: left;
        margin-top: 5px;
    }

    .custom-content-below-list-2 {
        position: absolute;
        width: 100%;
        height: auto;
        left: 400px;
        margin-top: 2rem;
    }

    #hiz-all-tab-list-mob {
        width: 300px;
        font-size: 16px;
        line-height: 28px;
        color: black;
        font-family: 'Archivo', sans-serif;
        position: relative;
        text-align: left;
    }


    .line-34 {
        margin-right: 50px;
        width: 25%;
        position: relative;
        margin-top: 0;
        background-color: var(--white-color);
        border-top: 1px solid var(--white-color);
        box-sizing: border-box;
        height: 1px;
    }

    .hzmet-no-22 {
        width: 78px;
        position: relative;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        display: flex;
        font-family: var(--font-inter);
        color: #fff;
        text-align: left;
        align-items: center;
        height: 12.5px;
        mix-blend-mode: normal;
        top: 0;
        left: 30px;
    }

    .text-no-22 {
        width: 67px;
        position: relative;
        font-size: 50px;
        line-height: 24px;
        text-transform: uppercase;
        display: flex;
        font-family: var(--font-inter);
        color: #fff;
        text-align: right;
        align-items: center;
        height: 31.1px;
        left: -10px;
        top: 0;
    }

    #hiz-btn-01-mob {
        position: relative;
        margin-top: 120px;
        float: left;
        left: 0;
        font-weight: 400;
        color: #ffffff;
        width: 240px;
        height: 70px;
        background-image: url(../img/icons/tceegeOnlinered.svg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px 55px;       
        font-size: 18px;
        line-height: 17px;
        font-family: 'Inter', sans-serif;
    }

    .text-hkk-btn-mob-8 {
        border: none !important;
        margin-top: 12px;
        color: #fff;
        text-align: center;
    }

    #Meet-Bg_team_all {
        background-color: #0072BC;
        width: 100%;
        height: 400px;
        position: relative;
    }

    #Meet-Bg_team_img-all {
        top: 15px;
        width: 88%;
        height: 300px;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        left: 12px;
    }

    .hiz-project-text-all {
        margin-top: 200px;
        width: 100%;
        height: 800px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1366px) {
    .hiz-project-text-all {
        margin-top: 100px;
        width: 100%;
        height: 100px;
    }

    .our-best-services-all {
        width: 100%;
        position: relative;
        height: auto;
        top: 0;
    }

    .hiz-project-title {
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .custom-content-below-list-2 {
        position: absolute;
        width: 100%;
        height: auto;
        left: 470px;
        margin-top: 2rem;
    }
    .hizmetlermobiltab {
        width: 100%;
        height: 700px;
    }
}

@media (max-width: 768px) {
    #hizmetlertab {
        margin-top: 100px;
        width: 100%;
    }   

    #hizmetlervertical {
        visibility: hidden;
        clear: both;
        width: 100%;
        height: auto;
        display: none;
    }
    
    .arrow-hzmetlermz-5 {
        position: absolute;
        width: 11.9px;
        height: 11.9px;
        margin-left: 70px;
        margin-top: -15px;
    }

    #Meet-Bg_team_all {
        background-color: #0072BC;
        width: 100%;
        height: 550px;
        position: relative;
    }

    #Meet-Bg_team_img-all {
        top: 25px;
        width: 88%;
        height: 419px;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        left: 20px;
    }

    .contact-us-mail {
        margin-bottom: 2rem;
    }

    .testimonials-section-002 {
        width: 100%;
        position: relative;
        height: auto;
    }

    .our-best-services-all {
        width: 100%;
        position: relative;
        height: auto;
    }

    .hizmetlervertical-tabs-all-left {
        width: 100%;
        position: relative;
        height: 600px;
        border: none;
        z-index: 5;
    }

    .hiz-project-text-all {
        margin-top: 0;
    }

    .project-challenge {
        width: 100%;
        height: auto;
        position: relative;
        text-align: left;
        font-size: 32px;
        color: #000000;
        font-family: 'Inter', sans-serif;
    }

    .testimonials-section-text-yorumlar {
        width: 100%;
        position: relative;
        font-size: 52px;
        line-height: 55px;
        font-weight: 600;
        font-family: 'Inter', sans-serif;
        color: #000000;
        text-align: left;
        display: inline-block;
    }

    .testimonials-section-hiz-all {
        top: 50px;
        text-align: left;
        left: 0;
    }

    .testimonials-section-bg {
        width: 100%;
        top: 50px;
        margin-bottom: 2rem;
    }

    .testimonials-section-bg-red {
        width: 100%;
        top: 50px;
        margin-bottom: 2rem;
    }

    .testimonials-section-review-text-001 {
        left: 140px;
    }

    .testimonials-section-we-001 {
        left: 50px;
    }

    .testimonials-section-review-text-002 {
        left: 140px;
    }

    .hiz-project-title {
        top: 70px;
        width: 100%;
        position: relative;
        height: 96px;
        text-align: center;
        font-size: 18px;
        font-family: 'Archivo', sans-serif;
        color: #000000;
    }

    .industrys-standard-dummy {
        width: 90%;
        position: relative;
        font-size: 18px;
        line-height: 32px;
        font-family: 'Archivo', sans-serif;
        color: #000000;
        text-align: left;
        display: inline-block;
        height: 96px;
        left: 10px;
    }

    .custom-content-below-list-2 {
        position: absolute;
        width: 600px;
        height: auto;
        left: 28px;
        margin-top: 2rem;
    }

    /* ---------------------- */

    #hzmetlermz-text-wrapper {
        position: relative;
        font-size: 24px;
        line-height: 24px;
        text-transform: uppercase;
        font-family: var(--font-archivo);
        color: var(--tce-red);
        text-align: left;
        margin-left: 2.5rem;
        bottom: 20px;
    }

    .mterilere-st-dzey {
        margin: 0;
    }

    .mterilere-st-dzey-container {
        font-size: 32px;
        line-height: 34px;
        text-align: center;
    }

    #vert-tabs-tab {
        position: absolute;
        height: auto;
        width: 100%;
        right: 0%;
        bottom: 0%;
        left: 0%;
    }

    #vert-tabs-home-tab {
        width: 100%;
        height: auto;
    }

    #vert-tabs-tabContent {
        width: 100%;
        position: relative;
        background-color: var(--tce-ege-blue);
        height: 520.3px;
    }

    .text-4 {
        position: absolute;
        width: 517px;
        height: 230px;
        top: 0;
        left: 0;
    }

    .tceege-olarak-2009dan {
        position: absolute;
        top: 44.78%;
        left: 0.2%;
        line-height: 28px;
        color: var(--grey-color);
        width: 510px;
        font-size: 16px;
        font-family: var(--font-archivo);
        text-align: left;
        display: inline-block;
    }

    .general-construction-3 {
        height: 30px;
        top: 68px;
        color: #15161c;
        font-size: 18px;
        line-height: 30px;
        position: absolute;
        left: 0;
        letter-spacing: 0;
        white-space: nowrap;
        font-family: 'Inter', sans-serif;
    }

    #vert-tabs-tex-002 {
        color: #000000;
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        align-items: center;
        font-family: 'Inter', sans-serif;
    }

    #mob-text-wrapper-006 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        line-height: 30px;
        font-family: var(--paragraph-16);
        text-align: left;
    }

    .text-wrapper-6 {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        font-family: var(--paragraph-16);
        color: var(--black-color);
        text-align: left;
    }

    .general-construction {
        position: absolute;
        height: 30px;
        top: 0;
        left: 0;
        font-family: 'Inter', sans-serif !important;
        font-weight: 700;
        color: #000000;
        letter-spacing: 0;
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        display: inline-block;
    }

    #hizmetlertab .nav-link {
        background-color: #ffffff;
        color: #737373 !important;
        display: flex;
        width: 340px;
        height: 60px;
        font-size: 16px;
        text-align: left;
        line-height: 50px;
        margin-top: 2rem;
        margin-bottom: 5px;
        border-radius: var(--br-3xs) 0px var(--br-3xs) var(--br-3xs);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        align-items: center;
    }

    #hizmetlertab .nav-link.active {
        width: 360px;
        font-size: 18px;
        position: relative;
        border-radius: var(--br-3xs) 0px var(--br-3xs) var(--br-3xs);
        background-color: #da2128 !important;
        height: 60px;
        margin-top: 10px;
        color: #ffffff !important;
        text-align: left;
        line-height: 50px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .text-2 {
        width: 246px;
        position: relative;
        font-size: 18px;
        line-height: 30px;
        font-weight: 600;
        font-family: var(--font-inter);
        color: #000000;
        text-align: left;
        display: flex;
        align-items: center;
        height: 27px;
    }

    .line-34 {
        margin-right: 50px;
        width: 25%;
        position: relative;
        margin-top: 50px;
        background-color: var(--white-color);
        border-top: 1px solid var(--white-color);
        box-sizing: border-box;
        height: 1px;
    }

    #hizmetlertab .NO-22 {
        top: 0;
        position: relative;
        height: 31.1px;
        opacity: 0.5;
        text-align: right;
        font-size: 50px;
        color: var(--white-color);
        font-family: var(--font-inter);
    }

    .text-no-22 {
        width: 67px;
        position: relative;
        font-size: 50px;
        line-height: 24px;
        text-transform: uppercase;
        display: flex;
        font-family: var(--font-inter);
        color: #fff;
        text-align: right;
        align-items: center;
        height: 31.1px;
        left: -10px;
        top: 30px;
    }

    .hzmet-no-22 {
        width: 78px;
        position: relative;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        display: flex;
        font-family: var(--font-inter);
        color: #fff;
        text-align: left;
        align-items: center;
        height: 12.5px;
        mix-blend-mode: normal;
        top: 30px;
        left: 30px;
    }

    .tab-list {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        top: 202px;
        left: 1px;
    }

    #hizmetimage-bg-mob {
        position: relative;
        background-color: var(--tce-ege-blue);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 520px;
        z-index: 5;
        margin-left: 0;
        margin-top: 10px;
    }

    #hizmetimage-bg-img-mob {
        width: 85%;
        height: 400px;
        margin-left: 25px;
        margin-top: 20px;
    }

    #hizmetimage-mob {
        position: relative;
        width: 90%;
        height: auto;
        top: 29px;
    }

    .tab-content {
        position: relative;
        width: 721px;
        font-family: 'Inter', sans-serif !important;
    }

    #hiz-01-mob {
        font-family: 'Inter', sans-serif;
        color: #000000;
        width: 350px;
        position: relative;
        font-size: 24px;
        line-height: 38px;
        display: flex;
        text-align: left;
        align-items: center;
        height: 34px;
        float: left;
        margin-top: 5px;
    }

    #hiz-01-yen-mob {
        left: 0;
        color: #000000;
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        font-family: 'Inter', sans-serif;
    }

    #hiz-01-2009-mob {
        top: 10px;
        width: 100%;
        position: relative;
        font-size: 16px;
        line-height: 28px;
        font-family: 'Archivo', sans-serif;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .button-3-mob {
        margin-top: 150px;
        all: unset;
        box-sizing: border-box;
        gap: 10px;
        display: inline-flex;
        align-items: center;
        position: relative;
    }

    .tab-custom-content-mob {
        width: 100%;
        height: 500px;
    }

    #hiz-btn-01-mob {
        position: relative;
        margin-top: 80px;
        float: left;
        left: 0;
        font-weight: 800;
        color: #ffffff;
        width: 240px;
        height: 70px;
        background-image: url(../img/icons/tceegeOnlinered.svg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px 55px;       
        font-size: 14px;
        line-height: 17px;
        font-family: 'Inter', sans-serif;
    }

    .text-hkk-btn-mob-8 {
        border: none !important;
        margin-top: 12px;
        text-align: center;
        color: #fff;
    }

    #hiz-all-tab-list-mob {
        width: 50%;
        font-size: 16px;
        line-height: 28px;
        color: black;
        font-family: 'Archivo', sans-serif;
        position: relative;
        text-align: left;
        margin-left: 1rem;
    }

    #tceege-online-button-red-888 {
        position: relative;
        width: 100%;
        height: 70px;
        background-image: url(../img/icons/tceegeOnlinered.svg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px 55px;
        text-align: left;
        font-size: 18px;
        line-height: 17px;
        font-family: 'Inter', sans-serif;
    }

    .text-sz-btn-555 {
        border: none !important;
        color: #ffffff;
    }

    .button-33 {
        margin-top: 130px;
        all: unset;
        box-sizing: border-box;
        gap: 10px;
        display: inline-flex;
        align-items: center;
        position: relative;
        float: left;
    }


}

@media screen and (min-width: 586px) and (max-width: 1248px) {
    #vert-tabs-tex-004 {
        font-size: 14px;
        line-height: 28px;
        color: black;
        width: 80%;
        margin-top: 20px;
    }
}