/* BANNER */
.banner {width: 100%;overflow: hidden;position: relative;}    
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;padding-left: 100px;}
.slide-img{
    border-radius: 45px 0 45px 0;overflow: hidden;
    max-width: 1365px;
    margin: 0 0 0 auto;
}
.ban-areas-text {
    color: rgb(52 52 52 / 46%);
    text-align: right;
    padding: 55px 62px 55px 0;
}
.slideingdiv {
    padding: 0 100px;
}

.webox {width: 100%;;position: relative;margin-top:135px;z-index: 1;max-width: 990px;}
.hmbo_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;}
.big_title{
    margin-bottom: 15px;
}
.big_title span{
    font-size: 100px;
    color: var(--secondary-color);
    line-height: 90px;
    text-transform: inherit;
    font-weight: bold;
    background: rgb(255 255 255 / 30%);
    display: inline-block;
    padding: 5px 10px 12px 0;
    text-shadow: 0 8px 18px rgb(255 255 255 / 35%), 0 -8px 18px rgb(255 255 255 / 35%);
}
.small_title{font-size: 22px;color: #000;width: 100%;}
.webox  .small-title {width: 100%;margin-bottom: 40px;}
.webox  .small-title span{
    font-size: 18px;
    
    color: var(--secondary-color);
    line-height: 24px;
    background: rgb(255 255 255 / 30%);
    display: inline-block;
    padding: 2px 15px 5px 5px;
}
.js_hmbanner.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.js_hmbanner {height:782px;}
.js_hmbanner .slide-img > img {width: 100%;height:782px;-o-object-fit: cover;object-fit: cover;}

.js_hmbanner .slick-dots{
    bottom:15px;
    line-height: 100%;
    left: 18%;
    right: 0;
    margin: 0 auto;
    max-width: 550px;
}
.js_hmbanner .slick-dots li button{
    width: 14px;
    height: 14px;
    border:1px solid #000;
    background: #000;
    border-radius: 100%;
}
.js_hmbanner  .slick-dots li{
    width: 14px;
    height: 14px;
}
.js_hmbanner .slick-dots li button:hover,
.js_hmbanner .slick-dots li.slick-active button{
    background: #FFEE00;
}
.js_hmbanner .slick-dots li button:before{
    content: none;
}
.hm-portfolio .resp-tabs-list li:hover{
    background: #fff !important;
    color: var(--secondary-color) !important;
}

.homepg .home_banner_wrapper .heading_66 {
    position: relative;
}
.homepg .home_banner_wrapper .heading_66::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -15px;
    width: 2px;
    height: 47px;
    background-color: #ffc31e;
}

.home_banner_js .slick-next, .home_banner_js .slick-prev {
    border-color: #fff;
}
.home_banner_js .slick-prev {
    left: 35px;
}
.home_banner_js .slick-next {
    right: 35px;
}
.home_banner_js .slick-prev:before, .home_banner_js .slick-next:before {
    filter: invert(1) brightness(10);
}


/* START MEDIA QUERY */
@media screen and (max-width: 1650px){
    .slide-img{max-width: 1200px;}
}
@media screen and (max-width: 1500px){
    .js_hmbanner .slide-img > img, .js_hmbanner{height: 685px;}
    .webox{margin-bottom: 0;}
    .slide-img {max-width: 975px;}
}
@media (max-width: 1439.99px) {
    .homepg .home_banner_wrapper .heading_66::before {
        top: 3px;
        height: 45px;
    }
}
@media screen and (max-width: 1365.99px){
    .big_title span{font-size: 75px;line-height: 70px;}
    .slide-img {max-width: 890px;}
    .js_hmbanner .slide-img > img, .js_hmbanner {height: 550px;}
    .ban-areas-text {padding: 30px 0;font-size: 2.5rem;}
}
@media screen and (max-width: 1279.99px){
    .bannertext{padding-left: 55px;}
    .slideingdiv {padding: 0 55px;}
    .need-text.right {right: 15px;}
}
@media screen and (max-width: 1199.99px){
    /* BANNER */
    .homepg .home_banner_wrapper .heading_66::before {
        top: 7px;
        height: 36px;
    }
    .slide-img {max-width: 100%;}
    .bannertext {padding-left: 15px;}
    .slideingdiv {padding: 0 55px 0 15px;}
    .big_title span {font-size: 50px;line-height: 56px;}
    .webox {text-align: center;margin: 0 auto;}
    .js_hmbanner .slick-dots{left:0;}
    .ban-areas-text{font-size: 1.375rem;text-align: center;padding: 15px 0;}

    .icon {
        width: 40px;
        height: 40px;
    }
    .hm_instagram .wrap{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .hm_instagram .wrap .intro{
        width: 100%;text-align: center;margin-bottom: 0.75rem;
    }
    .social-wrap{margin-bottom: 2rem;}
}

@media screen and (max-width: 991.99px){
    .homepg .home_banner_wrapper .heading_66::before {
        top: 7px;
        height: 30px;
    }
    .webox{max-width: 500px;}
    .big_title span {font-size: 30px;line-height: 36px;padding: 3px 6px 6px;}
    .webox .small-title span{font-size: 16px;line-height: 20px;}
    .webox .small-title{margin-bottom: 20px;}
    .js_hmbanner .slide-img > img, .js_hmbanner {height: 450px;}
}
@media screen and (max-width: 575.99px){    
    .home_slide {padding: 38px 0 70px 0;}
    .homepg .home_banner_wrapper .heading_66::before {top: 10px; height: 28px;}
    .webox {max-width: 100%;padding: 0 70px 0 20px;}
    .big_title span{line-height: 28px;}
    .home_banner_js .slick-prev {
        left: calc(50% - 40px);
        top: unset;
        bottom: 2px;
    }
    .home_banner_js .slick-next {
        right: calc(50% - 40px);
        top: unset;
        bottom: 2px;
    }
}
@media screen and (max-width: 360px){
    .banner .need-text{display: none;}
    .webox{padding: 0 10px;}
    .slideingdiv {padding: 0 15px;}
    .bannertext {padding: 0 10px;}

}