.tts_server_top_layout {
    width: 100%; 
    height: 400px; 
    padding-left: 25%; 
    padding-right: 25%; 
    padding-top: 70px; 
    padding-bottom: 14px;
    background: url("https://tentenso-image.tentenso.com/homepage_images/server_top.png"); 
    background-size: 100% 100%; 
    background-position: center;
}

.tts_server_top_en_layout {
    width: 100%; 
    height: 400px; 
    padding-left: 25%; 
    padding-right: 20%; 
    padding-top: 70px; 
    padding-bottom: 14px;
    background: url("https://tentenso-image.tentenso.com/homepage_images/server_top.png"); 
    background-size: 100% 100%; 
    background-position: center;
}

.tts_server_top_en_layout.ar {
    padding-left: 50%; 
    padding-right: 10%; 
}

.tts_server_function_layout {
    gap: 70px;
    background: #f3faf6;
}

.tts_server_nav_text {
    color: black; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 26px;
}

.tts_server_nav_text.active {
    color: #25B875; 
}

.tts_server_nav_line {
    width: 100px; 
    height: 4px;
}

.tts_server_nav_line.active {
    background: #25B875
}

.tts_server_function_item {
    width: 70%;
}

.tts_server_function1_layout {
    width: 70%;
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 50px; 
    padding-bottom: 50px; 
    background: white; 
    box-shadow: 0px 0px 50px rgba(37, 184, 117, 0.03); 
    border-radius: 10px; 
    gap: 50px;
}

.tts_server_function_title {
    color: black; 
    font-size: 30px; 
    font-weight: 500; 
    line-height: 10px;
}

.tts_server_function_title_back {
    color: rgba(0, 0, 0, 0.05); 
    font-size: 50px; 
    font-family: Roboto; 
    font-weight: 700; 
    line-height: 10px;
    text-transform: uppercase;
}

.tts_server_function2_layout {
    padding-left: 15%; 
    padding-right: 15%; 
    height: 505px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    box-shadow: 0px 0px 50px rgba(37, 184, 117, 0.03); 
    border-radius: 10px; 
    gap: 50px; 
    background: url("https://tentenso-image.tentenso.com/homepage_images/server_function2.jpg"); 
    background-size: 100% 100%; 
    background-position: center;
}

.tts_server_function3_layout {
    background: none; 
}

.tts_server_function4_layout {
    width: 100%; 
    padding-left: 25%; 
    padding-right: 25%; 
    padding-top: 20px; 
    padding-bottom: 70px; 
    background: white; 
    flex-direction: column; 
    gap: 34px;
}

.tts_server_function4_en_layout {
    width: 100%; 
    padding-left: 25%; 
    padding-right: 25%; 
    padding-top: 20px; 
    padding-bottom: 70px; 
    flex-direction: column; 
    gap: 34px;
}

@media (max-width: 700px) {
    .tts_server_top_layout {
        width: 100%; 
        height: 160px; 
        padding-left: 30%; 
        padding-right: 5%; 
        margin-top: 50px; 
        padding-bottom: 14px;
        background: url("https://tentenso-image.tentenso.com/homepage_images/server_top_mb.jpg"); 
        background-size: 100% 100%; 
        background-position: center;
    }

    .tts_server_top_en_layout {
        width: 100%; 
        height: 160px; 
        padding-left: 30%; 
        padding-right: 5%; 
        margin-top: 50px; 
        padding-top: 30px;
        padding-bottom: 14px;
        background: url("https://tentenso-image.tentenso.com/homepage_images/server_top_mb.jpg"); 
        background-size: 100% 100%; 
        background-position: center;
    }

    .tts_server_top_text_layout {
        padding-left: 15px; 
        padding-right: 15px; 
        flex-direction: column;
    }

    .tts_server_function1_layout {
        width: 100%;
        padding-top: 10px; 
        padding-bottom: 30px; 
        padding-left: 10px; 
        padding-right: 10px; 
        background: white; 
        flex-direction: column;
         gap: 15px;
    }

    .tts_server_function2_layout {
        background: url("https://tentenso-image.tentenso.com/homepage_images/server_function2_back_mb.png"); 
        background-size: 100% 100%; 
        background-position: center;
        width: 100%; 
        height: 478px; 
        padding-top: 10px; 
        padding-left: 10px; 
        padding-right: 10px; 
        border-radius: 0;
        flex-direction: column;  
        gap: 15px;
    }

    .tts_server_function2_en_layout {
        background: url("https://tentenso-image.tentenso.com/homepage_images/server_function2_back_mb.png"); 
        background-size: 100% 100%; 
        background-position: center;
        width: 100%; 
        height: 590px; 
        padding-top: 10px; 
        padding-left: 10px; 
        padding-right: 10px; 
        border-radius: 0;
        flex-direction: column;  
        gap: 15px;
    }

    .tts_server_function3_layout {
        background: #f3faf6; 
        width: 100%; 
        height: 478px;
        padding-top: 10px; 
        padding-bottom: 30px; 
        padding-left: 10px; 
        padding-right: 10px; 
        flex-direction: column; 
        gap: 15px;
    }

    .tts_server_title_layout {
        padding-top: 15px; 
        padding-bottom: 15px; 
        flex-direction: column;
    }

    .tts_server_title_hr {
        width: 5px; 
        height: 14px; 
        background: #25B875; 
        border-radius: 10px
    }

    .tts_server_function_title_back {
        font-size: 18px; 
    }
}