﻿.mb-8 {
    margin-bottom: 4.5rem !important;
}

.mb-9 {
    margin-bottom: 5rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.py-8 {
    padding-bottom: 4.5rem !important;
    padding-top: 4.5rem !important;
}

.py-9 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
}

@media (min-width: 576px) {
    .mb-sm-8 {
        margin-bottom: 4.5rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 5rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .py-sm-8 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-sm-9 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}

@media (min-width: 768px) {
    .mb-md-8 {
        margin-bottom: 4.5rem !important;
    }

    .mb-md-9 {
        margin-bottom: 5rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .py-md-8 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-md-9 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-8 {
        margin-bottom: 4.5rem !important;
    }

    .mb-lg-9 {
        margin-bottom: 5rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .py-lg-8 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-lg-9 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}

@media (min-width: 1200px) {
    .mb-xl-8 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xl-9 {
        margin-bottom: 5rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .py-xl-8 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-xl-9 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}

@media (min-width: 1400px) {
    .mb-xxl-8 {
        margin-bottom: 4.5rem !important;
    }

    .mb-xxl-9 {
        margin-bottom: 5rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .py-xxl-8 {
        padding-bottom: 4.5rem !important;
        padding-top: 4.5rem !important;
    }

    .py-xxl-9 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}

@media (max-width: 767.98px) {
    .ourservices .border-start {
        border-left: none !important;
    }

    .ourservices .border-end {
        border-right: none !important;
    }
}

@media (min-width: 768px) {
    .ourservices .border-top {
        border-top: none !important;
    }

    .ourservices .border-bottom {
        border-bottom: none !important;
    }
}

.ourServicesBox {
    border: 0;
    min-height: 28rem;
    transition: 1.0s;
    text-align: center;
    border-bottom: 10px solid var(--renk2);
    border-radius: 0;
}

    .ourServicesBox i {
        font-size: 3rem;
        margin: 2rem auto;
    }

    .ourServicesBox h4 {
        font-size: 20pt;
    }

.bordR {
    border-right: 1px solid #0000001c;
}

.ourServicesBox:hover {
    transform: scale(1.075, 1.075);
    transform-origin: bottom;
    background: var(--renk5);
    z-index: 9;
    border: transparent;
    border-bottom: 10px solid var(--renk3);
}
