/*Client Block */
.client_block {border: 1px solid #E6E4E4; border-radius: 5px 5px 0 0; box-sizing: border-box; display: flex; flex-direction: column; width: calc(25% - 17px); margin-bottom: 20px;}
.client_block .cb_image{height: 220px; border-radius: 5px 5px 0 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.client_block .cb_logo{position: absolute; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; height: 70px;}
.client_block .cb_logo > div{position: absolute; inset: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, .9);}
.client_block .cb_logo img{max-width: 100%; max-height: 50px; position: relative; z-index: 1;}
.client_block .cb_overlay{}
.client_block .cb_content{border-top: 1px solid #E6E4E4; padding: 10px; display: flex; flex-direction: column; text-align: center; position: relative;
    background: #fff;}
.client_block .cb_title {height: 45px; padding-bottom: 10px; margin-bottom: 10px; position: relative; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.client_block .cb_title a {color: #1D1D1B; font-size: 18px; line-height: 22px;font-weight: bold; }
.client_block .cb_title::after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; width: 30px; background: #C4C4BF;}
.client_block .cb_description{font-size: 13px; color: #1D1D1B; height: 65px; margin: 0 0 20px; overflow: hidden; line-height: 22px;}
.client_block .cb_read_more{position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; }
.client_block .cb_read_more > a{display: inline-block; line-height: 46px; background: #000; border-radius: 20px; padding: 0 15px; font-size: 15px; font-weight: bold; color: #fff; 
    transition: ease-in-out all .3s; }
.client_block:hover .cb_read_more > a{background: #E15520;}

/* Module */
.clients_module {display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap;}
.clients_module.bg_on {background: #F7F7F7;}
.clients_module.full_width {width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw;}
.cm_container {padding: 0 10px; box-sizing: border-box;}
.clients_module:not(.full_width) .cm_container {width:100%;}
.cm_title_wrap {display: flex; align-items: center; justify-content: center; padding: 20px 0;}
.cm_title {line-height: 30px; font-weight: bold; color: #1D1D1B; font-size: 20px; text-transform: uppercase; margin-right: 30px; position: relative;}
.cm_title::after {content: ""; height: 2px; width: 100%; background: #F47B20; position: absolute; left: 0; bottom: 0;}

.cm_gal_wrap {position: relative; padding: 20px 0;}

/* List View */
.cm_gal.list {display: flex; flex-wrap:wrap; gap:12px;}
.cm_gal.list .client_block {width:280px;}
/* Carousel View */
.cm_gal.carousel {}
.cm_gal.carousel .client_block {width:283px; margin: 0 6px 20px;} 
/* navigation */
.cm_gal_wrap.list .cm_gal_nav {display:none;}
.cm_gal_wrap.carousel .cm_gal_nav {display:flex; justify-content: center; align-items: center; width:45px; height:70px; position: absolute; top:calc(50% - 35px); cursor:pointer;}
.cm_gal_wrap.carousel .cm_gal_nav::after {content:""; display: block; width:15px; height:15px; border: solid #000; transform: rotate(45deg);}
.cm_gal_wrap.carousel .cm_gal_prev {left:-55px;}
.cm_gal_wrap.carousel .cm_gal_prev::after {border-width: 0 0 3px 3px; margin-left:8px;}
.cm_gal_wrap.carousel .cm_gal_next {right:-55px;}
.cm_gal_wrap.carousel .cm_gal_next::after {border-width: 3px 3px 0 0; margin-right:8px;}
.cm_gal_wrap.carousel .cm_gal_pagination {display:flex; justify-content: center; position: absolute; bottom: -20px; width: 100%; height: 25px; z-index: 1; }
.cm_gal_wrap.carousel .cm_gal_pagination ul {display:flex; align-items: center; justify-content: center; flex-wrap:wrap; gap:10px; list-style:none; padding:0;}
.cm_gal_wrap.carousel .cm_gal_pagination li {padding:0;}
.cm_gal_wrap.carousel .cm_gal_pagination button { height: 16px; width: 16px; box-sizing: border-box; display: inline-block; background: #fff; border: 1px solid #9E9E9E; border-radius: 100%; font-size:0; transition: ease-in-out all .3s; cursor:pointer;}
.cm_gal_wrap.carousel .cm_gal_pagination li.slick-active button { background:#F47B20; }



/*---------LARGE SCREEN > 1200px---------*/
@media only screen and (min-width:1200px) {




}


/*---------DESKTOP < 1199px---------*/
@media (min-width:960px) and (max-width:1199px) {

    /* Clients Module */
    /*list view*/
    .cm_gal.list {gap:8px;}
    .cm_gal.list .client_block {width:224px;}
    /* carousel */
    .cm_gal.carousel .client_block {width:229px; margin: 0 4px 20px;}




}


/*--------------Mobile & Tablet---------------***/
@media (max-width:959px) {





}




/*---------TABLET < 959px---------*/
@media (min-width:768px) and (max-width:959px) {


    /* ----- MODULES ----- */

    /* -- Clients Module -- */
    .cm_gal.list {gap:6px;}
    .cm_gal.list .client_block {width:240px;}
    .cm_gal.carousel .client_block {width:240px; margin: 0 2px 20px;}
    .cm_gal_wrap.carousel .cm_gal_nav {display:none;} 




}

/*---------MOBILE < 767px---------*/
@media (max-width:767px) {


    /* ----- MODULES ----- */

    /* -- Clients Module -- */
    .cm_gal.list {gap:4px;}
    .cm_gal.list .client_block {width:310px;}

    .cm_gal_wrap.carousel,
    .cm_gal.carousel,
    .cm_gal.carousel .slick-list,
    .cm_gal.carousel .slick-track {max-width: none !important;}
    .cm_gal.carousel .client_block {width:310px; margin: 0 2px 20px;}


}