@import url(common.css);
@import url(comon_media_query.css);

.slider-inner a{
    text-decoration: none;
}
.slider-inner h2{
    color: var(--black);
}
.slider-inner a:hover h2{
    color: var(--white);
}

.services_section .page_title {
    min-height: 7rem;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #303030;
    position: relative;
}

.services_section .page_title::after {
    background: none repeat scroll 0 0 #FDCA40;
    content: "";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    left: 0%;
}

.services_section .text-green {
    color: #008081;
    margin-bottom: 5rem;
}


.slick-track {
    width: 100% !important;
}

.services_section .sections {
    width: 16%;
    padding: 15px;
}

.slick-slide {
    width: 91px;
}

.slick-slide:hover .page_title,
.slick-slide:hover .text-green {
    color: white !important;
}

.slick-slide:hover {
    width: 20%;
    color: red;
    transition: .5s linear;
    color: white !important;
    padding: 25px;
}

.slick-slide:nth-child(1):hover {
    background-image: url("../images/DesignEngineering.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slick-slide:nth-child(2):hover {
    background-image: url("../images/ProcurementAssistance.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slick-slide:nth-child(3):hover {
    background-image: url("../images/Liasoning.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slick-slide:nth-child(4):hover {
    background-image: url("../images/Audit.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slick-slide:nth-child(5):hover {
    background-image: url("../images/ProjectManagement.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.slick-slide:nth-child(6):hover {
    background-image: url("../images/architecture.webp");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.first {
    margin-right: -50px;
}

@media screen and (max-width: 1299px) {
    #dk_services_section {
        display: none;
    }

    .mobile_sections .page_title {
        font-size: 20px;
    }

    .mobile_sections .text-green {
        font-size: 16px;
    }
}


@media screen and (min-width: 1300px) {
    #dk_services_section {
        display: block;
    }

    .mobile_sectionss {
        display: none;
    }
}