/* ================= hero Start ================= */
.home-hero-container {display: flex;flex-flow: column;justify-content: center; height: calc(100% - 60px); min-height: 450px;position: relative; background: var(--blue-color);}
.home-hero-text-content-outer {position: relative;padding: 20px 45px 80px 0;z-index: 99;width: 100%;max-width: 585px;}
.home-hero-text-slide-list {position: relative;z-index: 999; padding-bottom: 0;}
.home-hero-text-slide-list .slick-track{display: flex;}
.home-hero-text-slide-list .slick-slide{height: auto;}
.home-hero-text-slide-box {padding: 35px 40px 40px;background: rgb(32 55 71 / 80%);color: #fff;border-radius: 7px;padding-right: 20px;height: 100%;}
.home-hero-text-slide-box h6 {font-size: 18px;font-weight: 400;line-height: 1.4;text-transform: uppercase;margin-bottom: 15px;letter-spacing: 7.5px;}
.home-hero-text-slide-box .hero-heading{font-size: 48px;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;}
.home-hero-text-slide-box .hero-heading span{font-weight: 300;display: block;}
.home-hero-img-slide {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
.home-hero-img-box {height: 100%;width: 100%;}
.home-hero-img-box img { width: 100%; height: 100%; object-fit: cover; }
.home-hero-img-slide  .slick-list { height: 100%; }
.home-hero-img-slide .slick-track { height: 100%; display: flex; }
.home-hero-img-slide .slick-dots {display: flex;align-items: center;justify-content: end;max-width: 1200px;left: 50%;transform: translateX(-50%);padding: 0 7px;bottom: 75px;}
.home-hero-container .shape-box {display: flex;align-items: center;position: absolute;bottom: 32px;right: 15px;z-index: 999;}
.home-hero-container .shape-box .shape-one {width: 85px;height: 85px;display: block;background: var(--teal-color);border-radius: 5px;box-shadow: 0 0 15px 0px rgb(0 0 0 / 75%);margin-right: -43px;z-index: 9;opacity: .9;}
.home-hero-container .shape-box .shape-two {width: 127px;height: 129px;display: block;background: var(--orange-color);border-radius: 5px;box-shadow: 0 0 15px 0px rgb(0 0 0 / 75%);opacity: .9;}

/* ================= hero End ================= */


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

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px){
    .home-hero-text-content-outer{padding:0; max-width: 100%;}
    .home-hero-img-slide{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:270px;}
    .home-hero-container{height:auto;background:var(--blue-color);color:#fff;}
    .home-hero-text-slide-item{margin-top:0;padding:0;}
    .home-hero-text-slide-box{padding:36px 0 0px;text-align:center;}
    .home-hero-text-slide-box h6{text-align:center;font-size:15px;letter-spacing:4.2px;margin-bottom:14px;}
    .home-hero-text-slide-box .hero-heading{font-size:35px;line-height:45px;margin-bottom:19px;}
    .home-hero-text-slide-list{padding-bottom:88px;}
    .home-hero-container .shape-box{bottom: -68px;right: 0;}
    .home-hero-text-slide-list .slick-dots{justify-content:start;bottom:32px;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:413.98px) {
    .home-hero-text-slide-box .hero-heading{font-size:30px;line-height:38px;margin-bottom:10px;}
    
    .home-hero-container .shape-box { bottom: -50px; }
    .home-hero-container .shape-box .shape-two { width: 100px; height: 100px; }
    .home-hero-container .shape-box .shape-one { height: 67px; width: 67px; }
}