.block-banner-slider .banner-slider .owl-dots {display:none !important; z-index: 0;}.block-slider-num {position: absolute;top: 158px;left:0;width: 104px;height: 251px;background-color: white;text-align: center;font-size:18px;line-height: 1.7;z-index: 1000;letter-spacing:4px;color: #152e1b;padding-top: 110px;}.block-banner-slider {padding-top:0 !important; max-width: 1720px; position: relative; margin: auto}.block-banner-slider .banner-slider a:hover{text-decoration:none}.block-banner-slider .banner-slider a:hover *{text-decoration:none}.block-banner-slider .banner-slider .item{width:100%;height:630px;background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:210px}
@media (max-width: 1199.98px){.block-banner-slider .banner-slider .item{height:600px;padding-top:140px}}
@media (max-width: 767.98px){.block-banner-slider .banner-slider .item{height:38vw;padding-top:50px}}
.block-banner-slider .banner-slider .item:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.25)}.block-banner-slider .banner-slider .item .content{text-align:left;color:#fff;z-index:2;position:relative;padding: 0 100px 0 212px;}.block-banner-slider .banner-slider .item .content .title{font-size: 48px; text-transform: uppercase; font-weight: bold;line-height: 55px}
@media (max-width: 767.98px){.block-banner-slider .banner-slider .item .content .title{font-size:36px}}
.block-banner-slider .banner-slider .item .content .line-separator{width:186px;height:1px;background:#fff;display:inline-block}
.block-banner-slider .banner-slider .item .content .desc{font-size:18px; font-weight: bold; line-height: 30px; padding-top:13px}
@media (min-width: 1400px ) {
font-size: 20px;
}
.block-banner-slider .banner-slider .item .content .desc{font-size:18px; line-height: 30px; padding-top:13px}
.block-banner-slider .banner-slider .owl-dots{position:absolute;display:flex;justify-content:center;width:200px;color:black;bottom:180px;left:calc(50% - 100px)}
@media (max-width: 1199.98px){.block-banner-slider .banner-slider .owl-dots{bottom:160px}}
@media (max-width: 767.98px){.block-banner-slider .banner-slider .owl-dots{bottom:-20px}}
.block-banner-slider .banner-slider .owl-dots button{height:10px;width:10px;border-radius:20px;display:block;background:#fff;opacity:.6;margin:0 5px}
@media (max-width: 767.98px){.block-banner-slider .banner-slider .owl-dots button{background:#173d27}}
.block-banner-slider .banner-slider .owl-dots button.active{opacity:1}.block-banner-slider .banner-slider .owl-dots button:focus,.block-banner-slider .banner-slider .owl-dots button:active{outline:none}
@media (min-width: 1000px) {
.block-banner-slider .banner-slider .item .content span {display: block}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.block-banner-slider .banner-slider .item .content { padding: 0 50px 0 150px; }
.block-banner-slider .banner-slider .item .content .title {font-size: 36px; line-height: 44px;}
.block-banner-slider .banner-slider .item .content .desc {font-size: 16px;}
.block-slider-num {width:80px; height:200px; top:133px; padding-top:86px;}
}
@media (max-width: 767.98px){
.block-slider-num {display: none;}
.block-banner-slider .banner-slider .item .content {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding:0;}
.block-banner-slider .banner-slider .item .content .title {font-size: 14px; line-height: 20px;}
.block-banner-slider .banner-slider .item .content .desc {font-size: 12px;line-height: 14px;}
.block-banner-slider .banner-slider .item {padding: 10px;}
}
@media (max-width: 350px){
.block-banner-slider .banner-slider .item .content .title {margin-top:20px; text-align: center;}
.block-banner-slider .banner-slider .item .content .desc {display: none;}
} .block-banner-slider .banner-slider .owl-nav,
.block-banner-slider .banner-slider .owl-nav.disabled {
display: flex !important;
justify-content: center;
align-items: center;
gap: 32px;
position: absolute !important;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
margin: 0 !important;
z-index: 20;
}
.block-banner-slider .banner-slider .owl-nav button.owl-prev,
.block-banner-slider .banner-slider .owl-nav button.owl-next,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-prev,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-next {
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.7) !important;
color: #152e1b !important;
border: none !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
cursor: pointer;
opacity: 1 !important;
transition: background 0.3s ease, color 0.3s ease;
padding: 0 !important;
margin: 0 !important;
}
.block-banner-slider .banner-slider .owl-nav button.owl-prev span,
.block-banner-slider .banner-slider .owl-nav button.owl-next span {
font-family: Arial, sans-serif;
font-size: 38px;
line-height: 1;
font-weight: 300;
display: block;
margin-top: -6px;
color: inherit;
}
.block-banner-slider .banner-slider .owl-nav button.owl-prev:hover,
.block-banner-slider .banner-slider .owl-nav button.owl-next:hover,
.block-banner-slider .banner-slider .owl-nav button.owl-prev:active,
.block-banner-slider .banner-slider .owl-nav button.owl-next:active,
.block-banner-slider .banner-slider .owl-nav button.owl-prev:focus,
.block-banner-slider .banner-slider .owl-nav button.owl-next:focus {
background: rgba(255, 255, 255, 0.95) !important;
color: #152e1b !important;
transform: none !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
outline: none !important;
}
@media (max-width: 1199.98px) {
.block-banner-slider .banner-slider .owl-nav,
.block-banner-slider .banner-slider .owl-nav.disabled {
bottom: 30px;
gap: 14px;
}
.block-banner-slider .banner-slider .owl-nav button.owl-prev,
.block-banner-slider .banner-slider .owl-nav button.owl-next,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-prev,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-next {
width: 44px;
height: 44px;
}
.block-banner-slider .banner-slider .owl-nav button span {
font-size: 38px;
margin-top: -6px;
}
}
@media (max-width: 767.98px) {
.block-banner-slider .banner-slider .owl-nav,
.block-banner-slider .banner-slider .owl-nav.disabled {
bottom: 14px;
gap: 10px;
}
.block-banner-slider .banner-slider .owl-nav button.owl-prev,
.block-banner-slider .banner-slider .owl-nav button.owl-next,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-prev,
.block-banner-slider .banner-slider .owl-nav.disabled button.owl-next {
width: 34px;
height: 34px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.block-banner-slider .banner-slider .owl-nav button span {
font-size: 28px;
margin-top: -4px;
}
}
@media (min-width: 1200px) {
.block-banner-slider .banner-slider .item .content .title {
transform: translate(100px, 0px);
transition: opacity 400ms ease 400ms, transform 400ms ease 400ms;
opacity: 0;
}
.block-banner-slider .banner-slider .owl-item.active .item .content .title {
transform: translate(0, 0);
opacity: 1;
}
.block-banner-slider .banner-slider .item .content .desc {
transform: translate(100px, 0px);
transition: opacity 800ms ease 800ms, transform 800ms ease 800ms;
opacity: 0;
}
.block-banner-slider .banner-slider .owl-item.active .item .content .desc {
transform: translate(0, 0);
opacity: 1;
}
}