.slider-section {position: relative;}

#maincompany .swiper-container {
    width: 80%;
    overflow: hidden;
    position: absolute;
    left: -240px;
}
.swiper-wrapper 
{width: 80%; will-change: transform;}

.swiper-container 
{height: 320px;width: 100%; overflow: hidden;}
/*

.swiper-slide 
{border: 1px solid #ddd; width: 100%; background-color: white; overflow: hidden;}
.swiper-slide.swiper-slide-active .slide-image, .swiper-slide.swiper-slide-duplicate-active .slide-image 
{transform: scale3d(1, 1, 1);}



.swiper-wrapper .swiper-slide .slide-image 
{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="0"] .slide-image {background-image: url('../portfolio_01.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="1"] .slide-image {background-image: url('../portfolio_02.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="2"] .slide-image {background-image: url('../portfolio_03.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="3"] .slide-image {background-image: url('../portfolio_04.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="4"] .slide-image {background-image: url('../portfolio_05.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="5"] .slide-image {background-image: url('../portfolio_06.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="6"] .slide-image {background-image: url('../portfolio_07.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="7"] .slide-image {background-image: url('../portfolio_08.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="8"] .slide-image {background-image: url('../portfolio_09.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="9"] .slide-image {background-image: url('../portfolio_10.jpg');}
*/

.swiper-pagination 
{position: relative; display: flex; justify-content: center; align-items: center; height: 85px;}
.swiper-pagination.swiper-pagination 
{bottom: 0;}
.swiper-pagination-bullet 
{background: #0669bf; width: 22px; height: 4px; border-radius: 0; transition: opacity 1s ease;}
.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet 
{margin: 0;}

.slide-image 
{height: 100%; text-align: center; /* background-repeat: no-repeat; background-size: cover; background-position: center; transform: scale3d(1.3, 1.3, 1); backface-visibility: hidden; will-change: transform; transition: transform 1400ms ease;*/}
.slide-image img {max-height: 100px;}
.slide-content 
{padding: 0 2.2rem; display: flex; flex-direction: column; height: 100%;}
.slide-content h4 
{font-size: 25px; font-weight: 400; margin: 0 0 1rem; padding-top: 2.8rem; flex-grow: 0;}
.slide-content p 
{display: flex; line-height: 1.8; margin-top: 0; font-size: 14px; flex-grow: 1;}
.slide-content footer 
{ display: flex; justify-content: space-between; width: 100%; padding-bottom: 2.8rem; font-size: 14px;color: #c2c0e0;}
.slide-content a 
{color: #0669bf; font-size: 12px; font-weight: 700; text-decoration: none; border-bottom: 3px solid currentColor; padding-bottom: 3px;}
.swiper-button-next, .swiper-button-prev {top: 43%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
{color: #ddd; transition: all 0.5s;}
.swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after,
.swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after
{color: #0669bf;}



@media (max-width: 1200px) {
    #maincompany .swiper-container {
        width: 60%;
        left: 0;
    }
}


@media (max-width: 1024px) {
    .swiper-slide {
        width: 25%;
    }
    .slide-image img {max-height: 80px;}

}

@media (max-width: 768px) {
    .swiper-slide {width: 33.333333%;}
    .swiper-slide.swiper-slide-next .slide-image, .swiper-slide.swiper-slide-prev .slide-image, .swiper-slide.swiper-slide-duplicate-next .slide-image, .swiper-slide.swiper-slide-duplicate-prev .slide-image {transform: scale3d(1, 1, 1);}
    .swiper-pagination-bullet {width: 40px;}
    .slide-image img {max-height: 60px;}
}
@media (max-width: 575px) {
    .swiper-slide {width: 50%;}
    .swiper-wrapper {width: 100%;}
    .slide-image img {max-height: 40px;}

}