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

    html, body {
        width: 100vw;
        max-width: 100vw;
        overflow-x: hidden;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }
    #section2-down{
        display: none;
    }

    #section2 {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    #section2-div1 {
        position: relative;
        width: 100%;
        height: 15vh;
        overflow: hidden;
        z-index: 1;
        margin: 0;
        padding: 10px 0 10px 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    #section2-div1 marquee {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #section2-div1 marquee h1 {
        line-height: 1.2;
        padding: 0;
        white-space: nowrap;
        font-weight: bolder;
        color: white;
        font-size: 40px;
        margin: 0;
        display: inline-block;
        font-family: 'Trebuchet MS', Arial, sans-serif;
    }

    #section2-div1 marquee h1 span {
        color: inherit !important;
        text-shadow: inherit !important;
        font-family: 'Trebuchet MS', Arial, sans-serif;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Arapça marquee için özel ayarlar */
    [dir="rtl"] #section2-div1 marquee {
        direction: rtl;
    }

    [dir="rtl"] #section2-div1 marquee h1 {
        direction: rtl;
        text-align: right;
        unicode-bidi: bidi-override;
    }

    #section2-div2 {
        width: 100%;
        max-width: 100vw;
        margin-top: 5%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #section2-div2-ourservices {
        max-width: 100vw;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #section2-div2-ourservices h1 {
        width: 100vw;
        max-width: 100vw;
        margin: auto;
        text-align: center;
        font-size: 30px;
        color: #00AAFF;
        font-family: 'Trebuchet MS', Arial, sans-serif;
        padding: 0;
        box-sizing: border-box;
    }

    #section2-div2-ourservices h1 span {
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
    }

    #section2-div2-services {
        justify-content: center;
        width: 100vw;
        max-width: 100vw;
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .section2-div2-services-div {
        border-radius: 8px;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .section2-div2-services-div a {
        color: #fff;
        text-decoration: none;
    }

    .section2-div2-services-div-img-WebDesign {
        width: 120px;
        height: 120px;
        background-image: url(../images/WebDesignICOWhite.png);
        background-size: cover;
        margin: 30px auto auto auto;
        transition: 0.3s;
    }

    #WebDesign:hover .section2-div2-services-div-img-WebDesign {
        background-image: url(../images/WebDesignICORed.png);
    }


    #CryptoConsulting:hover .section2-div2-services-div-img-CryptoConsulting {
        background-image: url(../images/CryptoConsultingICORed.png);
    }

    .section2-div2-services-div-img-CryptoConsulting {
        width: 120px;
        height: 120px;
        background-image: url(../images/CryptoConsultingICOWhite.png);
        background-size: cover;
        margin: 30px auto auto auto;
        transition: 0.3s;
    }

    .section2-div2-services-div-img img {
        width: 120px;
        height: 120px;
    }

    .section2-div2-services-div h2 {
        font-size: 26px;
        color: #fff;
    }

    .section2-div2-services-div h4 {
        font-size: 18px;
        color: #e0e0e0;
        font-weight: 500;
    }

    .section2-div2-services-div p {
        font-size: 16px;
        line-height: 1.8;
        color: #bbb;
        margin-top: 12px;
    }

    .section3 {
        width: 100vw !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding-top: 5% !important;
        padding-bottom: 5% !important;
        background-color: #0e1014 !important;
        position: relative !important;
        z-index: 10 !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .section3-div1 {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .section3-div1 h1 {
        color: white;
        font-size: 36px;
        text-align: center;
        font-weight: 800;
    }

    .section3-div1 h1 span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
    }

    .section3-div2 {
        width: 100% !important;
        max-width: 100vw !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        padding: 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: auto !important;
    }

    .section3-div2-news {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 200px !important;
        max-height: none !important;
        background-color: rgba(56, 56, 56, 0.334) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        transition: 0.3s !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .section3-div2-news:hover {
        transform: translateY(-20px);
    }

    .section3-div2-news-p {
        color: white;
        margin: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .section3-div2-news-p p {
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
        line-height: 1.6;
        margin: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }

    .section3-div2-news-d {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
    }

    /*
.section3-div2-news-d-img{
    width: 25%;
    height: 100%;
    margin: auto auto 5% 15%;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 10px white;
}
.section3-div2-news-d-img img{
    width: 100%;
    height: 100%;
}
    */
    .section3-div2-news-d-p {
        display: flex;
        width: auto;
        margin-left: 10%;
        font-weight: bolder;
        text-shadow: 0px 0px 10px red;
    }

    .section3-div2-news-d-p p {
        color: white;
        font-size: 18px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }


}