.hero_banner { 
    position: relative; 
} 
.hero_banner .hero_slide_box {    
    height: calc(100vh - 80px);
    min-height: 500px;
    max-height: 1000px; 
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    display: flex;
    align-items: center; 
    text-align: left;
    position: relative;
} 
.hero_banner .hero_banner_Txtwrap {
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    max-width: 325px;
}
.hero_banner .hero_banner_Txtwrap .hero_banner_txt {
    padding: 45px 0;
}
.hero_banner .hero_banner_Txtwrap .h1,
.hero_banner .hero_banner_Txtwrap p {
    color: var(--white-color);
}
.hero_banner .hero_banner_Txtwrap p {
    margin-bottom: 20px;
}
.hero_banner_slider_dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    z-index: 1;
}   
.hero_slider_lines {
    position: absolute;
    height: 100%;
    width: 100%;
}
.hero_slider_lines .line {
    position: absolute;
    height: 100%;
    right: 0;
    width: auto;
}
.hero_slider_lines .line1 {
    right: -5%;
}
.hero_slider_lines .line2 {
    right: 30%;
}
.line::before, .line::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 71%;
    background: var(--white-color);
    right: 0;
}
.line::before {
    top: -0.5px;
    transform: rotate(45deg);
    transform-origin: top right;
}
.line::after {   
    bottom: -0.5px;
    transform: rotate(315deg);
    transform-origin: bottom right;
}    
.hero_slider_lines {
        display: none;
    }
.hero_banner_slider_dots .slick-dots { 
    max-width: 400px;
    margin: 0;
}
.hero_slider_btmRight_box {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.hero_slider_btmRight_box a {
    display: block;
    text-decoration: none;
    padding: 40px 40px 40px 40px;
    margin: 0;
    line-height: 1;
    position: relative;
    top: -25px;
    cursor: pointer;
    z-index: 1;
}
.hero_slider_btmRight_box a img {
    transition: all .5s;
    position: relative;
    right: 0;
}
.hero_slider_btmRight_box a:hover img {
    right: -5px;
}
.hero_slider_btmRight_box::before {
    content: '';
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    width: 230px;
    height: 230px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--secondary-color);
}
.hero_slider_btmRight_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
    height: 260px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    background: linear-gradient( -45deg, transparent 49%, var(--white-color) 50%, var(--white-color) 52%, transparent 53% );
}
.hero_banner .hero_label {
    color: var(--white-color);
}

@media screen and (max-width: 1299.98px) {

    .hero_slider_btmRight_box::before { 
        width: 190px;
        height: 190px; 
    }
    .hero_slider_btmRight_box::after { 
        width: 220px;
        height: 220px; 
    }

}

@media screen and (max-width: 1199.98px) {

    .hero_slider_btmRight_box::before { 
        width: 170px;
        height: 170px; 
    }
    .hero_slider_btmRight_box::after { 
        width: 190px;
        height: 190px; 
    }
    .hero_slider_btmRight_box a { 
        padding: 10px 25px 10px 25px; 
    }

}

@media screen and (max-width: 767.98px) {

    .header .header_main {
        padding: 8px 0;
    }
    .hero_banner .hero_slide_box {
        height: auto;
        min-height: auto;
        max-height: inherit;
        padding-top: 60px;
        padding-bottom: 175px;
    }
    .hero_banner .hero_banner_Txtwrap {
        max-width: 220px;
    } 
    .hero_slider_btmRight_box::before { 
        width: 130px;
        height: 130px; 
    }
    .hero_slider_btmRight_box::after { 
        width: 145px;
        height: 145px; 
    } 
    .hero_slider_btmRight_box a {
        padding: 10px 15px 10px 15px;
        top: -17px;
    }
    .hero_banner_slider_dots {
        width: 220px;
    } 
    
}