.section-child {
    width: 1782.9px;
    position: absolute;
    margin: 0 !important;
    top: calc(50% - 880px);
    right: -139.9px;
    height: 1760.1px;
    opacity: 0.4;
    z-index: 0;
}

.zmlerimiz {
    width: 638px;
    position: relative;
    letter-spacing: 1.28px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    font-size: 14px;
}

.htiyacnza-uygun-sunucular {
    align-self: stretch;
    position: relative;
    font-size: 54px;
    letter-spacing: -1.62px;
    font-weight: 600;
    color: #212121;
}

.htiyacnzn-ne-olduunu {
    margin: 0;
}

.htiyacnzn-ne-olduunu-container {
    align-self: stretch;
    position: relative;
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 32px;
    font-weight: 500;
    color: #4b5563;
}

.donut-chart-line-icon {
    width: 24px;
    position: relative;
    height: 24px;
}

.paket-ad {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.5px;
    line-height: 28px;
    font-weight: 600;
}

.vds-paketleri-lorem-ipsum-dolor {
    align-self: stretch;
    position: relative;
    font-size: 16px;
    letter-spacing: -0.18px;
    line-height: 24px;
    color: #6b7280;
}

.paket-ad-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
}

.vds-paketleri-frame-child {
    align-self: stretch;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vds-paketleri-div {
    position: relative;
    letter-spacing: -1px;
    line-height: 40px;
    font-weight: 600;
}

.vds-paketleri-ay {
    position: relative;
    font-size: 14px;
    letter-spacing: -0.08px;
    line-height: 20px;
    color: #6b7280;
}

.vds-paketleri-price {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.vds-paketleri-heading3 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 32px;
    color: #1e2022;
}

.vds-paketleri-frame-container {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

.vds-paketleri-heading2 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.frame-icon {
    width: 24px;
    position: relative;
    height: 24px;
    overflow: hidden;
    flex-shrink: 0;
}

.button1 {
    position: relative;
    line-height: 24px;
    font-weight: 500;
}

.paket-button {
    align-self: stretch;
    box-shadow: 0px 1px 2px rgba(143, 36, 0, 0.56), 0px 0px 0px 1px #ff4b0e;
    border-radius: 8px;
    background-color: #ff4b0e;
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-sizing: border-box;
    height: 44px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    gap: 8px;
    font-size: 18px;
    color: #fff;
}

.vds-paketleri-heading-button {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    gap: 16px;
}

.vds-paketleri-heading-button-wrapper {
    flex: 1;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.vds-paketleri-neler-dahil {
    flex: 1;
    position: relative;
    letter-spacing: -0.08px;
    line-height: 20px;
}

.vds-paketleri-feature {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    color: #6b7280;
}

.vds-paketleri-icon {
    width: 24px;
    border-radius: 99px;
    height: 24px;
}

.vds-paketleri-description {
    flex: 1;
    position: relative;
    letter-spacing: -0.18px;
    line-height: 24px;
}

.vds-paketleri-feature1 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.vds-paketleri-features {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    gap: 12px;
}

.vds-paketleri-features-wrapper {
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 16px;
}

.vds-paketleri-frame-group {
    flex: 1;
    border-radius: 16px;
    background-color: #f9f9fa;
    border: 1px solid #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8px;
    gap: 8px;
}

.heading-button1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    gap: 16px;
    z-index: 0;
}

.en-popler {
    position: relative;
    line-height: 16px;
}

.heading-button-parent {
    flex: 1;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.vds-paketleri-frame-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.feature21 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.feature-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    font-size: 16px;
    color: #36393f;
}

.features-wrapper1 {
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 14px;
    color: #6b7280;
}

.title-child {
    align-self: stretch;
    position: relative;
    border-top: 1px solid #e9e9e9;
    box-sizing: border-box;
    height: 1px;
}

.vds-paketleri-title {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    z-index: 1;
}

.vds-paketleri-section {
    width: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 150px;
    box-sizing: border-box;
    gap: 10px;
    text-align: left;
    font-size: 24px;
    color: #36393f;
    font-family: 'Albert Sans';
}

.bg-line-icon {
    width: 312px;
    position: absolute;
    margin: 0 !important;
    top: -53.74px;
    left: 0px;
    height: 307.7px;
    object-fit: contain;
    opacity: 0.7;
    z-index: 0;
}

.img-icon {
    position: absolute;
    height: 26.39%;
    width: 52.68%;
    top: 4.29%;
    right: 45.21%;
    bottom: 69.31%;
    left: 2.11%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.img-icon1 {
    position: absolute;
    height: 33.69%;
    width: 90.05%;
    top: 39.3%;
    right: 7.84%;
    bottom: 27.01%;
    left: 2.11%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.trustscore-47-49283-container {
    position: absolute;
    top: 74.98px;
    left: 4px;
    line-height: 13.2px;
}

.istatistikler-link {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 93.2px;
}

.iframe-html-body {
    width: 190px;
    position: relative;
    height: 94px;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 11px;
    color: #191919;
}

.google-icon {
    width: 112px;
    position: relative;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.svg-icon {
    width: 24px;
    position: relative;
    height: 24px;
}

.svg-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.istatistikler-rating {
    position: relative;
    line-height: 16px;
}

.istatistikler-rating-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}

.istatistikler-b1 {
    position: relative;
    line-height: 16px;
    display: flex;
    font-family: 'Albert Sans';
    align-items: center;
    height: 15.5px;
    flex-shrink: 0;
}

.istatistikler-reviews {
    position: relative;
    line-height: 16px;
    font-family: 'Albert Sans';
}

.istatistikler-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    font-family: 'DM Sans';
}

.istatistikler-frame-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
}

.google-parent {
    width: 152px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.istatistikler-frame-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
}

.hostadvice-parent {
    width: 156px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    text-decoration: none;
}

.iframe-html-body-parent {
    position: absolute;
    top: 20.5px;
    left: 37px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 128px;
}

.istatistikler-container {
    width: 1128px;
    position: relative;
    height: 135px;
    flex-shrink: 0;
    z-index: 1;
}

.bg-line-icon1 {
    width: 574px;
    position: absolute;
    margin: 0 !important;
    top: -68px;
    left: 881px;
    height: 566px;
    object-fit: contain;
    opacity: 0.7;
    z-index: 2;
}

.istatistikler-section {
    width: 100%;
    position: relative;
    background-color: #f5f4f2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 150px;
    box-sizing: border-box;
    gap: 10px;
    text-align: left;
    font-size: 12px;
    color: #262831;
    font-family: 'Albert Sans';
}

.vds-icon {
    width: 48px;
    border-radius: 8px;
    height: 48px;
}

.vds-asana {
    position: relative;
    letter-spacing: -0.32px;
    line-height: 32px;
    font-weight: 500;
}

.vds-app {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 0;
}

.vds-icon1 {
    width: 48px;
    border-radius: 8px;
    height: 48px;
    object-fit: cover;
}

.vds-app1 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 1;
}

.vds-app2 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 2;
}

.vds-app3 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 3;
}

.vds-app4 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 4;
}

.vds-app5 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 5;
}

.vds-app6 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 6;
}

.vds-evernote-icon {
    width: 32px;
    position: relative;
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.vds-icon7 {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.vds-app7 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 7;
}

.vds-app8 {
    align-self: stretch;
    border-radius: 12px;
    background-color: #f9fafb;
    border: 0.5px solid #f3f4f6;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    z-index: 8;
}

.vds-overlay {
    width: 100%;
    position: absolute;
    margin: 0 !important;
    height: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0) 32.78%, rgba(255, 255, 255, 0) 67.09%, #fff);
    z-index: 9;
}

.vds-apps {
    width: 417px;
    height: 754px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 16px;
    font-size: 24px;
    color: #030712;
}

.text-section {
    width: 100%;
    position: relative;
    background-color: #f5f4f2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 60px 150px;
    box-sizing: border-box;
    gap: 10px;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
    font-family: 'Albert Sans';
}

.text-section-heading-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 0;
}

.text-section-heading {
    width: 858px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.text-section-heading1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.text-section-title-text {
    position: relative;
    letter-spacing: 1.28px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
}

.text-section-title {
    align-self: stretch;
    position: relative;
    font-size: 54px;
    letter-spacing: -1.62px;
    font-weight: 600;
    color: #212121;
}

.text-section-description {
    align-self: stretch;
    position: relative;
    font-size: 18px;
    letter-spacing: -0.32px;
    line-height: 32px;
    font-weight: 500;
    color: #4b5563;
}

/* KARŞILAŞTIRMA */

.vds-karsilastirma-div {
    flex: 1;
    position: relative;
    line-height: 24px;
    font-weight: 600;
    opacity: 0;
}

.vds-karsilastirma-hdd {
    flex: 1;
    position: relative;
    line-height: 24px;
    font-weight: 600;
}

.vds-karsilastirma-title1 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.vds-karsilastirma-title {
    align-self: stretch;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px 24px;
    gap: 24px;
}

.vds-karsilastirma-balant-noktas {
    position: relative;
    line-height: 24px;
    font-weight: 500;
}

.vds-karsilastirma-feature1 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.vds-karsilastirma-feature3 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vds-karsilastirma-lorem-ipsum2 {
    flex: 1;
    position: relative;
    line-height: 24px;
    font-weight: 500;
}

.vds-karsilastirma-feature2 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    font-family: Inter;
}

.vds-karsilastirma-feature {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.vds-karsilastirma-data {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px 24px;
    gap: 16px;
    font-family: 'Albert Sans';
}

.vds-karsilastirma-content {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    color: #23272e;
    font-family: Inter;
}

.vds-karsilastirma-heading-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 59px;
}

.vds-karsilastirma-section {
    width: 100%;
    position: relative;
    background-color: #f5f4f2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 80px 150px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
    font-family: 'Albert Sans';
}

/* Responsive adjustments */
@media (max-width: 1280px) {

    .vds-paketleri-section,
    .istatistikler-section,
    .text-section,
    .vds-karsilastirma-section {
        padding: 60px 48px;
    }

    .istatistikler-container {
        width: 100%;
    }

    .iframe-html-body-parent {
        left: 0;
        gap: 64px;
        width: 100%;
        justify-content: space-between;
        padding: 0 16px;
    }
}

@media (max-width: 992px) {
    .vds-paketleri-frame-parent {
        flex-direction: column;
    }

    .vds-paketleri-frame-group {
        width: 100%;
        padding: 0px;
    }

    .istatistikler-frame-parent{
        justify-content: center;
    }

    .google-icon{
        width: 130px;
        height: 24px;
    }

    .vds-apps {
        width: 100%;
        height: auto;
    }

    .text-section-heading {
        width: 100%;
        padding: 0 8px;
    }

    .vds-karsilastirma-title {
        flex-wrap: wrap;
    }

    .vds-karsilastirma-title1 {
        flex-wrap: wrap;
        gap: 12px;
    }

    .vds-karsilastirma-feature2 {
        flex-direction: column;
        gap: 8px;
    }

    .vds-karsilastirma-feature,
    .vds-karsilastirma-data {
        padding: 12px;
        gap: 12px;
    }
}

@media (max-width: 768px) {

    .vds-paketleri-section,
    .istatistikler-section,
    .text-section,
    .vds-karsilastirma-section {
        padding: 48px 20px;
    }

    .htiyacnza-uygun-sunucular,
    .text-section-title {
        font-size: 32px;
    }

    .text-section-description,
    .htiyacnzn-ne-olduunu-container {
        font-size: 16px;
        line-height: 26px;
    }

    .vds-paketleri-heading-button {
        padding: 16px;
    }

    .vds-paketleri-features {
        padding: 16px;
    }

    .vds-paketleri-price {
        align-items: baseline;
    }

    .vds-paketleri-heading3 {
        font-size: 28px;
    }

    .vds-overlay {
        display: none;
    }

    .vds-app1,
    .vds-app2,
    .vds-app3,
    .vds-app4,
    .vds-app5,
    .vds-app6,
    .vds-app7,
    .vds-app8 {
        width: 100%;
    }

    .google-parent,
    .hostadvice-parent {
        width: 45%;
    }

    .iframe-html-body-parent {
        gap: 24px;
        flex-wrap: wrap;
        left: 0;
        justify-content: center;
    }

    /* VDS paket kartı: iç yapıyı dikey sırala (başlık + özellikler) */
    .vds-paketleri-frame-group {
        flex-direction: column;
        align-items: stretch;
    }

    .vds-paketleri-heading-button-wrapper,
    .vds-paketleri-features-wrapper {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .button {
        width: 100%;
    }

    .vds-paketleri-heading2 {
        gap: 16px;
    }

    .vds-paketleri-div {
        font-size: 24px;
        line-height: 32px;
    }

    .vds-karsilastirma-title {
        padding: 12px;
    }

    .vds-karsilastirma-feature1 {
        align-items: center;
    }

    .vds-karsilastirma-title1,
    .vds-karsilastirma-feature2 {
        width: 100%;
    }

    .google-parent,
    .hostadvice-parent {
        width: 100%;
    }
}

/* E-mail & SSL */
.email-ssl-bg-frame-child {
    width: 170px;
    position: relative;
    height: 170px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.email-ssl-bg-frame-text-description {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.08px;
    line-height: 20px;
}

.email-ssl-bg-frame-button-text {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    font-family: 'Albert Sans';
    color: #ff4b0e;
    text-align: left;
}

.email-ssl-bg-frame-button {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    font-size: 12px;
    color: #ff4b0e;
}

.email-ssl-bg-frame-text {
    width: 267px;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

.email-ssl-bg-frame-item {
    width: 6px;
    position: relative;
    border-radius: 96px;
    background-color: #000;
    height: 6px;
    cursor: pointer;
    pointer-events: auto;
}

.email-ssl-bg-frame-inner {
    width: 7px;
    position: relative;
    border-radius: 96px;
    background-color: #d8dbdf;
    border: 0.5px solid #d8dbdf;
    box-sizing: border-box;
    height: 7px;
    cursor: pointer;
    pointer-events: auto;
}

.email-ssl-bg-rectangle-parent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    gap: 8px;
}

.email-ssl-bg-frame-parent1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.email-ssl-bg-frame-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    text-align: left;
    color: #5b616e;
}

/* Email & SSL Responsive */
@media (max-width: 1200px) {
    .email-ssl-bg-frame-child {
        width: 140px;
        height: 140px;
    }

    .email-ssl-bg-frame-text {
        width: 320px;
    }

    .email-ssl-bg-frame-div {
        gap: 16px;
    }
}

@media (max-width: 992px) {
    .email-ssl-bg-frame-div {
        align-items: center;
    }

    .email-ssl-bg-frame-text {
        width: 360px;
    }

    .email-ssl-bg-frame-text-description {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .email-ssl-bg-frame-button {
        justify-content: center;
    }

    .email-ssl-bg-rectangle-parent {
        justify-content: center;
        padding: 8px;
    }

    .email-ssl-bg-frame-parent1 {
        align-items: center;
    }
}

@media (max-width: 768px) {
    .email-ssl-bg-frame-div {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
    }

    .email-ssl-bg-frame-child {
        width: 120px;
        height: 120px;
    }

    .email-ssl-bg-frame-text {
        width: 100%;
        max-width: 420px;
        padding: 12px;
    }

    .email-ssl-bg-frame-text-description {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width: 576px) {
    .email-ssl-bg-frame-child {
        width: 96px;
        height: 96px;
    }

    .email-ssl-bg-frame-text {
        max-width: 100%;
        padding: 12px;
    }

    .email-ssl-bg-frame-text-description {
        font-size: 14px;
        line-height: 20px;
    }

    .email-ssl-bg-rectangle-parent {
        gap: 6px;
        padding: 8px 0;
    }

    .email-ssl-bg-frame-item,
    .email-ssl-bg-frame-inner {
        width: 6px;
        height: 6px;
    }
}

/* Four Card Section */
.brush-icon {
    width: 300px;
    position: absolute;
    margin: 0 !important;
    top: 296px;
    left: 226px;
    height: 61px;
    z-index: 0;
}
.four-card-section-heading1-title-text {
    position: relative;
    letter-spacing: 1.28px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
}
.four-card-section-heading1-title {
    align-self: stretch;
    position: relative;
    font-size: 54px;
    letter-spacing: -1.62px;
    font-weight: 600;
    color: #212121;
}
.four-card-section-heading1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 3px;
}
.four-card-section-heading1-description {
    align-self: stretch;
    position: relative;
    font-size: 20px;
    letter-spacing: -0.32px;
    line-height: 32px;
    font-weight: 500;
    color: #4b5563;
}
.four-card-section-heading-parent {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
}
.four-card-section-heading {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.four-card-section-title {
    width: 487px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.dashboard-child {
    position: absolute;
    top: 124px;
    left: 62px;
    width: 654px;
    height: 344px;
    overflow: hidden;
}
.dashboard-item {
    position: absolute;
    top: 249px;
    left: 0px;
    background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0.96) 24%, rgba(255, 255, 255, 0));
    width: 716px;
    height: 211px;
}
.dashboard-inner {
    position: absolute;
    top: 460px;
    left: 606px;
    background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0));
    width: 460px;
    height: 110px;
    transform:  rotate(-90deg);
    transform-origin: 0 0;
}
.image-60-icon {
    position: absolute;
    top: 108px;
    left: 100px;
    width: 588px;
    height: 278px;
    object-fit: cover;
}
.dashboard {
    width: 716px;
    position: relative;
    height: 460px;
    overflow: hidden;
    flex-shrink: 0;
}
.four-card-section-title-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 59px;
}
.lorem-sit {
    margin: 0;
}
.lorem-sit-ipsum-container {
    position: absolute;
    top: 95px;
    left: 24px;
    letter-spacing: -0.02em;
    line-height: 24px;
    font-weight: 500;
    display: inline-block;
    width: 214px;
}
.four-card-text {
    position: absolute;
    top: 130px;
    left: 24px;
    font-size: 14px;
    letter-spacing: -0.01em;
    line-height: 20px;
    color: #73737f;
    display: inline-block;
    width: 214px;
}
.visit-page-open-app {
    position: absolute;
    top: calc(40% - 54px);
    left: 24px;
    width: 32px;
    height: 32px;
}
.bg-icon {
    position: absolute;
    top: 148px;
    right: -0.5px;
    width: 148px;
    height: 148px;
    mix-blend-mode: normal;
}
.card-01 {
    flex: 1;
    position: relative;
    box-shadow: 0px 1px 2px -1px rgba(26, 25, 37, 0.04), 0px 1px 1px rgba(26, 25, 37, 0.06), 0px 0.5px 0.5px rgba(26, 25, 37, 0.06);
    border-radius: 20px;
    background-color: #f7f7f8;
    height: 244px;
    overflow: hidden;
}
.card-02 {
    flex: 1;
    position: relative;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    height: 240px;
    overflow: hidden;
}
.card-01-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-size: 18px;
    color: #1a1925;
}
.four-card-section-frame-parent {
    width: 1262px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 1;
}
.four-card-section {
    width: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 150px;
    box-sizing: border-box;
    gap: 10px;
    text-align: left;
    font-size: 14px;
    color: #6b6b6b;
    font-family: 'Albert Sans';
}


/* Istatislikler - Mobile stacking & centering */
@media (max-width: 768px) {
    .istatistikler-container {
        height: auto;
    }

    .iframe-html-body-parent {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 0;
    }

    .iframe-html-body {
        width: 100%;
        max-width: 340px;
        height: auto;
        overflow: visible;
    }

    /* Reflow absoluted inner elements so they are visible */
    .istatistikler-link {
        position: static;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .img-icon,
    .img-icon1 {
        position: static;
        width: 100%;
        height: auto;
        max-width: 340px;
    }

    .trustscore-47-49283-container {
        position: static;
        line-height: 16px;
        text-align: center;
    }

    .google-parent,
    .hostadvice-parent {
        width: 100%;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .iframe-html-body {
        max-width: 100%;
        height: auto;
    }

    .svg-parent {
        justify-content: center;
    }

    .istatistikler-rating-parent,
    .istatistikler-parent {
        justify-content: center;
    }

    /* Reflow absoluted inner elements to stack and be visible */
    .istatistikler-link {
        position: static;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .img-icon,
    .img-icon1 {
        position: static;
        width: 100%;
        height: auto;
        max-width: 340px;
    }

    .trustscore-47-49283-container {
        position: static;
        line-height: 16px;
        text-align: center;
    }
}

/* Mobilde VDS Karşılaştırma tablosunu yatay kaydırmalı yap */
@media (max-width: 768px) {
	.vds-karsilastirma-content {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.vds-karsilastirma-title,
	.vds-karsilastirma-data {
		min-width: 880px;
	}

	.vds-karsilastirma-title {
		flex-wrap: nowrap;
	}

	.vds-karsilastirma-title1 {
		flex-wrap: nowrap;
		gap: 24px;
	}

	.vds-karsilastirma-div {
		flex: 0 0 200px;
	}

	.vds-karsilastirma-hdd {
		flex: 0 0 160px;
	}

	.vds-karsilastirma-feature {
		justify-content: flex-start;
	}

	.vds-karsilastirma-feature1 {
		flex: 0 0 200px;
	}

	.vds-karsilastirma-feature2 {
		flex-direction: row;
		gap: 24px;
	}

	.vds-karsilastirma-feature3 {
		flex: 0 0 160px;
	}
}

/* Four Card Section - Mobile layout to prevent overflow */
@media (max-width: 768px) {
    .four-card-section {
        padding: 48px 20px;
        text-align: center;
    }

    .four-card-section-frame-parent {
        width: 100%;
        gap: 16px;
    }

    .four-card-section-title-parent {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .four-card-section-title {
        width: 100%;
        align-items: center;
    }

    .four-card-section-heading-parent {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .four-card-section-heading {
        width: 100%;
        justify-content: center;
    }

    .four-card-section-heading1-title {
        font-size: 32px;
    }

    .four-card-section-heading1-description {
        font-size: 16px;
        line-height: 26px;
    }

    .dashboard {
        width: 100%;
        height: auto;
    }

    .image-60-icon {
        position: static;
        width: 100%;
        height: auto;
    }

    .dashboard-child,
    .dashboard-item,
    .dashboard-inner,
    .bg-icon {
        display: none;
    }

    .card-01-parent {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .card-01,
    .card-02 {
        width: 100%;
        height: auto;
        min-height: 180px;
        padding: 16px;
        box-sizing: border-box;
    }

    .visit-page-open-app,
    .lorem-sit-ipsum-container,
    .four-card-text {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
    }

    .lorem-sit-ipsum-container,
    .four-card-text {
        text-align: left;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .four-card-section-heading1-title {
        font-size: 28px;
        letter-spacing: -0.8px;
    }

    .four-card-section-heading1-description {
        font-size: 15px;
        line-height: 22px;
    }
}

/* Additional centering fixes for mobile */
@media (max-width: 768px) {
    .four-card-section-heading1 {
        align-items: center;
        text-align: center;
    }

    .four-card-section-heading1-title-text {
        width: 100%;
        text-align: center;
    }

    .card-01,
    .card-02 {
        text-align: center;
    }

    .visit-page-open-app {
        display: block;
        margin: 0 auto 8px;
    }

    .lorem-sit-ipsum-container,
    .four-card-text {
        text-align: center;
    }
}