/** clients-section **/

.clients-section {
    position: relative;
    background: #FAFAFA;
}

.clients-section:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 65px;
    left: 0px;
    bottom: 0px;
}

.clients-section .pattern-layer {
    position: absolute;
    left: 36px;
    top: 210px;
    width: 136px;
    height: 147px;
    background-repeat: no-repeat;
}

.clients-section .clients-logo-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clients-section .clients-logo-list img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: auto;
    transition: all 500ms ease;
}

.clients-section .clients-logo-list img:hover {
    transform: scale(1.05);
}

.clients-section .map-inner {
    position: relative;
    display: block;
    height: 380px;
}

.clients-section .map-inner iframe {
    position: relative;
    display: block;
    width: 100%;
    height: 380px;
}

/** clients-style-two **/

.clients-style-two {
    position: relative;
}

.clients-style-two .clients-logo-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clients-style-two .clients-logo-list img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: auto;
    transition: all 500ms ease;
}

.clients-style-two .clients-logo-list img:hover {
    transform: scale(1.05);
}

.clients-style-two .pattern-layer {
    position: absolute;
    left: 0px;
    top: -30px;
    width: 100%;
    height: 432px;
    background-repeat: no-repeat;
    background-position: top center;
}

.clients-page-section {
    background: #fff;
}

/** rtl-css **/

/** responsive-css **/

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

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

@media only screen and (max-width: 767px) {
    .clients-section {
        padding-top: 70px;
    }
    .clients-style-two .clients-logo-list {
        display: block;
        text-align: center;
    }
    .clients-style-two .clients-logo-list li {
        margin-bottom: 30px;
    }
    .clients-style-two .clients-logo-list li:last-child {
        margin-bottom: 0px;
    }
    .clients-style-two {
        padding: 40px 0px 70px 0px;
    }
    .clients-page-section {
        padding-bottom: 70px;
    }
}

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

@media only screen and (max-width: 499px) {
    .clients-section .clients-logo-list {
        display: block;
        text-align: center;
    }
    .clients-section .clients-logo-list li {
        margin-bottom: 30px;
    }
    .clients-section .clients-logo-list li:last-child {
        margin-bottom: 0px;
    }
}