.promoCarousel002 {padding:50px 0;background:#fff}
.promoCarousel002 .headerCont {text-align:center;margin-bottom:10px}
.promoCarousel002 .leadingText {line-height:22px;font-weight:600;letter-spacing:1px;text-transform:initial;color:#9A9FB3;margin-bottom:10px}
.promoCarousel002 .headerTitle {font-size:25px;line-height:36px;font-weight:900;letter-spacing:0;text-transform:initial;margin-bottom:10px}
.promoCarousel002 .menuItems {display:none}

.promoCarousel002 .row-owl {margin:0}
.promoCarousel002 .row-owl > * {padding:0}
.promoCarousel002 .row-owl > .col-12 {position:relative}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 {width:92%;margin:7% 0 7% 4%}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 {position:relative}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 .c1ImgWrap {position:relative}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 .rotBox {position:absolute;top:0;left:0;bottom:0;right:0}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 .rotBox.rb1 {background:#b8b8b8;transform:rotate(5deg);transform-origin:center;z-index:-1}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 .rotBox.rb2 {background:#dadad9;transform: rotate(10deg);transform-origin:center;z-index:-2}
.promoCarousel002 #owlPrmoCsl .ocItem .c1 img {width:100%}
.promoCarousel002 #owlPrmoCsl .ocItem .c2 {width:100%}
.promoCarousel002 .ociRole,
.promoCarousel002 .ociName {font-size:20px;line-height:1.1;font-weight:700;padding:10px;margin:0}
.promoCarousel002 .ociRole {display:none}
.promoCarousel002 #owlPrmoCsl .ocItem .c2 .ociInfo {
    overflow-x:hidden;overflow-y:auto;padding:15px;height:auto;max-height:250px;
    background:linear-gradient(0deg, #fff, #f1f1f1);border:1px solid #fff

}
.promoCarousel002 #owlPrmoCsl .ociInfo a:link,
.promoCarousel002 #owlPrmoCsl .ociInfo a:visited {color:royalblue}
.promoCarousel002 #owlPrmoCsl .ociInfo a:hover,
.promoCarousel002 #owlPrmoCsl .ociInfo a:active {color:blue}
.promoCarousel002 .customNavCont {margin-top:10px;display:none}
.promoCarousel002 .customNav {display:flex;justify-content:center}
.promoCarousel002 .customNav a {cursor:pointer}
.promoCarousel002 .customNav .customDot .fa{margin-right:8px}
.promoCarousel002 .playBtn {margin-left:5px}
body:dir(rtl) .promoCarousel002 .playBtn {margin:1px 15px 0 0;transform:scaleX(-1)}
.promoCarousel002 .playBtn .fa:before {font-size:14px}
.promoCarousel002 .customNav .customDot .fa:before {font-size:12px}
.promoCarousel002 .customNav .customDot .fa:before {color:rgba(181,18,27,.4)}
.promoCarousel002 .playBtn .fa:before,
.promoCarousel002 .customNav .customDot.active .fa:before {color:#B5121B}
.promoCarousel002 .owl-carousel[data-owl-nav=true] {padding:0 30px!important}
.promoCarousel002 .owl-carousel .owl-nav {font-size:34px;top:65%}
.promoCarousel002 .owl-carousel button {border:none!important;background:none!important;color:unset!important}
.promoCarousel002 .owl-carousel button.owl-prev,
.promoCarousel002 .owl-carousel button.owl-next {width:30px}
.promoCarousel002 .owl-carousel .owl-nav button:hover {background:none!important;color:unset!important}

.promoCarousel002 .primary-theme-btn {margin:20px auto;box-shadow:none}
@media (max-width:576px) {
    .promoCarousel002 .container {padding:0}
    .promoCarousel002 .leadingText,
    .promoCarousel002 .headerTitle {padding:0 25px}
}

@media (min-width:576px) {
    .promoCarousel002 #owlPrmoCsl .ocItem .c1 {width:71vw;margin:8% 0 7% 4vw}
}

@media (min-width:768px) {
    .promoCarousel002 #owlPrmoCsl .ocItem .c1 {width:590px;margin:50px 0 50px 32px}
}

@media(min-width:992px) {
    .promoCarousel002 #owlPrmoCsl .ocItem {display:flex}
    .promoCarousel002 #owlPrmoCsl .ocItem .c1 {width:auto;max-width:500px;margin:50px 35px 0 30px}
    .promoCarousel002 #owlPrmoCsl .ocItem .c2 {width:510px;max-height:400px}
    .promoCarousel002 #owlPrmoCsl .ocItem .c2 .ociName {margin-top:36px}
    .promoCarousel002 .ociInfo p {font-size:16px;line-height:1.4}
    .promoCarousel002 .owl-carousel .owl-nav {top:50%}
    /*.promoCarousel002 .owl-stage-outer {max-height:600px}*/
}

@media(min-width:1279px) {
    .promoCarousel002 .owl-carousel[data-owl-nav=true] {padding:0 !important}
    .promoCarousel002 {background-color:#fff}
    .promoCarousel002 .leadingText {text-align:center}
    .promoCarousel002 .headerTitle {text-align:center;font-size:35px}
    .promoCarousel002 #owlPrmoCsl .owl-nav{display:none}
    .promoCarousel002 .customNavCont {display:flex}
    .promoCarousel002 .menuItems {
        display:flex;flex-wrap:wrap;justify-content:center;text-align:center;align-items:center;gap:15px
    }
    body:dir(rtl) .promoCarousel002 .menuItems {left:unset}
    .promoCarousel002 .menuItems a {
        display:block;font-size:20px;line-height:1.1;border-radius:50px;
        padding:8px 15px;background:#d1d1d1;color:#000
    }
    .promoCarousel002 .menuItems a:hover {text-shadow:1px 1px 1px #fff}
    .promoCarousel002 .menuItems a.active {background:#0077cc;color:#fff}
    .promoCarousel002 .menuItems a.active:hover {text-shadow:none}

    .promoCarousel002 #owlPrmoCsl .ocItem .c1 {
        width:650px;max-width:none;
        margin:50px 50px 0 50px
    }
    .promoCarousel002 #owlPrmoCsl .ocItem .c1 .rotBox.rb1 {transform: rotate(3deg)}
    .promoCarousel002 #owlPrmoCsl .ocItem .c1 .rotBox.rb2 {transform: rotate(6deg)}
    .promoCarousel002 #owlPrmoCsl .ocItem .c2 {
        width:460px
    }
    .promoCarousel002 #owlPrmoCsl .ocItem .c2 .ociName {display:none}
    .promoCarousel002 #owlPrmoCsl .ociRole {display:block;margin:0 0 20px 0;font-size:27px}
    .promoCarousel002 #owlPrmoCsl .ocItem .c2 .ociInfo {height:auto;max-height:700px;margin-top:50px}
    .heroActionsContainer {flex-direction:row}
}
