.carousel-container { overflow: hidden; transition: all 0.2s ease; position: relative; }
.carousel-container:before{content:'';width: 102%;height: 101%;position: absolute;left: -1%;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.3) inset;} 
.tr-outer { padding: 70px 0; position: relative; z-index: 9 }
/* .tr-outer::after { content: ''; clip-path: polygon(0 0, 100% 0, 68% 50%, 100% 100%, 0 100%, 32% 50%); width: 48%; height: calc(100% + 4px); position: absolute; top: -2px; left: -4px; z-index: -1; background: #fff; } */
.tr-outer-shape{width: 48%;height: calc(100% + 4px);position: absolute;top: -2px;left: -4px;z-index: -1;filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.05));}
.tr-outer-shape:before{content:''; clip-path: polygon(0 0, 100% 0, 68% 50%, 100% 100%, 0 100%, 32% 50%); background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.tr-left { width: 50%; }
.tr-text-slider { padding-left: 10%; padding-right: 100px; padding-bottom: 0; }
.tr-text-box{padding: 10px;}
.tr-text-box h4 { font-size: 32px; line-height: 48px; color: inherit; letter-spacing: -0.8px; margin-bottom: 28px; }
.tr-text-box-cta{display: flex; flex-flow: column; align-items: flex-start;}
.tr-text-box-cta .btn{min-width: 246px;}
.tr-text-box-cta .btn + .btn{margin: 0; margin-top: 20px; }
.tr-right { width: 48%; margin-right: -1%; position: relative; }
.tr-logo-slider { position: absolute; }
.tr-text-slider .slick-dots { bottom: auto; top: 50%; transform: translateY(-50%); right: 20px; flex-flow: column; width: auto; }
.grey-bg .tr-text-slider .slick-dots, .yellow-bg .tr-text-slider .slick-dots, .gradient-light-bg .tr-text-slider .slick-dots, .grey-bg .slick-prev, .grey-bg .slick-next, .yellow-bg .slick-prev, .yellow-bg .slick-next,.gradient-light-bg .slick-prev, .gradient-light-bg .slick-next{filter: brightness(0);}
.tr-text-slider li { margin: 9px 0; }
.tr-text-slider li button { opacity: 0.4; background: var(--white); border-color: var(--white); }
.tr-text-slider li.slick-active button { background: var(--white); }
.tr-image-slider-outer { width: 100%; padding-bottom: 88%; position: relative; }
.tr-image-slider-frame { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9;filter:drop-shadow(0 0 6px rgba(0,0,0,0.33));  }
.tr-image-slider-hold { position: absolute; top: 8px; left: 6px; width: calc(100% - 12px); height: calc(100% - 16px); background: #2E373D; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
.tr-image-slider { height: 100%; padding-bottom: 0; }
.tr-image-slider .slick-track, .tr-image-slider .slick-list, .tr-image-slide { height: 100% !important; border: 0 !important; }
.tr-image-box { height: 100%; }
.tr-image-box img { width: 100%; height: 100%; object-fit: cover; }
.tr-logo-slider-outer { width: 100%; max-width: 148px; height: 134px; position: absolute; bottom: -55px; left: 50%; transform: translateX(-50%); z-index: 9;  }
.tr-logo-slider-frame { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; filter:drop-shadow(0 0 6px rgba(0,0,0,0.33))}
.tr-logo-slider-hold { position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background: #2E373D; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
.tr-logo-slider { width: 100%; height: 100%; padding-bottom: 0; }
.tr-logo-slider .slick-track, .tr-logo-slider .slick-list, .tr-logo-slide { height: 100% !important; border: 0 !important; }
.tr-logo-box { height: 100%; width: 100%; padding: 5px;}
.tr-logo-box img { width: 100%; height: 100%; object-fit: contain; padding: 25px; }
.tr-logo-slider-outer.no-logo { opacity: 0; visibility: hidden; }
/* .tr-outer.flex-md-row-reverse::after { right: -10px; left: auto; } */
.tr-outer.flex-md-row-reverse .tr-outer-shape { right: -10px; left: auto; }
.flex-md-row-reverse .tr-text-slider { padding-left: 100px; padding-right: 10%; }
.flex-md-row-reverse .tr-text-slider .slick-dots { left: 20px; right: auto; }
.tr-text-slider .slick-prev{position: absolute;right: 26px;top: 50%;bottom: auto;left: auto;margin-top: -115px;transform: rotate(0deg);}
.tr-text-slider .slick-next{position: absolute;right: 26px;bottom: 50%;top: auto;left: auto;margin-bottom: -115px;transform: rotate(180deg);}
.flex-md-row-reverse .tr-text-slider .slick-prev{right: auto; left: 26px;}
.flex-md-row-reverse .tr-text-slider .slick-next{right: auto; left: 26px;}

.tr-play-btn{ width: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; cursor: pointer; transition: var(--custom-ease);}
.tr-play-btn:hover{transform: translate(-50%, -50%) scale(1.05);}
.tr-play-btn img{width: 100%;}
.sc-item .tr-text-box-cta{}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .tr-outer { padding: 45px 0; }
    .tr-outer-shape { left: -135px; }
    .tr-left { width: 62%; }
    .tr-text-slider { padding-left: 10%; padding-right: 20%; }
    .tr-text-box h4 { font-size: 28px; line-height: 36px; margin-bottom: 25px; }
    .tr-right { width: 49%; margin-right: auto; margin-left: -11%; }
    .tr-logo-slider-outer { max-width: 110px; height: 100px; left: 49%; bottom: -45px; }
    .tr-outer.flex-md-row-reverse .tr-outer-shape { right: -92px;}
    .flex-md-row-reverse .tr-text-slider { padding-left: 20%; padding-right: 7%; }
    .flex-md-row-reverse .tr-right { margin-right: -11%; }
    .flex-md-row-reverse .tr-logo-slider-outer { bottom: -35px; left: 48%; }
    .tr-text-slider.no-slider{padding-right: 0;}
    .flex-md-row-reverse .tr-text-slider.no-slider{padding-left: 0;}
    
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .carousel-container { margin-bottom: 80px; overflow-x: clip; overflow-y: visible; }
    .carousel-container:before{display: none;}
    .tr-outer { padding: 0; }
    .tr-outer-shape{ top: -1px; left: -35px !important; right: 0 !important; width: calc(100% + 70px); height: 200px; filter: none;  }
    .tr-outer-shape:before{clip-path: polygon(0 0, 100% 0, 73% 100%, 27% 100%);}
    .tr-right { width: 91%; margin: 0 auto 46px !important; }
    .tr-left { width: 100%; padding: 0; }
    .tr-text-slider { padding: 50px 0 80px !important; }
    .tr-text-slider.no-slider{padding-top: 0 !important; margin-top: -20px;} 
    .tr-text-slider.no-logo{padding-bottom: 50px !important;} 
    .tr-text-box h4 { font-size: 30px; line-height: 38px; }
    .tr-text-box-cta { max-width: 320px; margin: 0 auto; }
    .tr-text-box-cta .btn { display: block; min-width:100%;}
    .tr-text-box-cta .btn + .btn { margin-left: 0; margin-top: 15px; } 
    .tr-text-slider .slick-dots { bottom: auto; top: 0; transform: none; left: auto !important; right: auto !important; flex-flow: row; width: 100%; }
    .tr-text-slider .slick-dots li { margin: 0 0; }
    .tr-logo-slider-outer { max-width: 124px; height: 110px; bottom: -60px !important; }
    .tr-text-slider .slick-prev, .flex-md-row-reverse .tr-text-slider .slick-prev{position: absolute;right: auto;top: -2px;bottom: auto;left: 50%;margin-top: 0;transform: rotate(-90deg);margin-left: -110px;}
    .tr-text-slider .slick-next, .flex-md-row-reverse .tr-text-slider .slick-next{position: absolute;left: auto;top: -2px;bottom: auto;right: 50%;margin-bottom: 0;transform: rotate(90deg);margin-right: -110px;}
    

}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 360px)
====================================================== */
@media (max-width:359.98px) {
   
}