main {padding: 0 15px !important;}
.home-banner-section {padding: 150px 0 40px;position: relative;overflow: hidden;}
.home-banner-section h1 span.next-stroke {font-size: 130px;font-weight: 700; line-height: 110px;}

.modal-content .close {float: right;background: transparent !important;border: 1px solid #e5e5e5;margin: 18px -15px 0 0;padding: 8px 15px;}
.modal-content .close i{color: var(--clr0E2336);}
.modal-content h5 {font-family: 'Roboto Condensed';font-size: 33px;color: var(--clr000000);font-weight: 500;}
.modal-content p {color: var(--clr25282A);font-weight: 100;max-width: 500px;}
.modal-content img {width: 100%;height: 100%;object-fit: cover;clip-path: polygon( 0% 110px, 120px 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0 100% );background: transparent;}
.modal-content button.close {border: none; position: relative; right: -20px;}
.modal-content button.close i {font-size: 32px;}
.content-area .modal-content{background: transparent;    border: none;}
.hs-button {color: var(--clrFFFFFF) !important;text-transform: uppercase;font-size: 20px;line-height: 20px;font-family: 'Roboto Condensed';font-weight: 400;border-radius: 5px !important;border: 2px solid rgba(60, 81, 86, 0.35);box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important;-ms-border-radius: 5px !important;-o-border-radius: 5px !important;padding: 15px 30px !important;background-color: var(--clr0E2336) !important;}
video {object-fit: cover;position: absolute;top: 0;left: 0;height: 100%;width: 100%; }
.overlay{position: absolute;background: rgb(14 35 54 / 50%);top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.home-banner-section .container {z-index: 1;}


/*Media query start*/
@media only screen and (min-width: 1024px) and (max-width:1399px){
 
    .home-banner-section h1 span.next-stroke {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .home-banner-section{padding: 70px 0;}
    #scroll{width: 40px; height: 40px;}
}
@media only screen and (min-width: 1400px) and (max-width:1800px){
    .home-banner-section{padding: 70px 0;}
}
@media only screen and (min-width: 1025px) and (max-width:1199px){

    .home-banner-section h1  span.next-stroke {font-size: 100px !important;line-height: 90px !important;}
 }
@media only screen and (min-width: 768px) and (max-width:1024px){
    .home-banner-section {padding: 60px 0 45px 0 !important;}
    .home-banner-section h1  span.next-stroke {font-size: 60px !important;line-height: 52px !important;}
   
    .modal-dialog {max-width: 100%}
    #scroll{bottom: 180px;}
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    #scroll{bottom: 20px;}.modal-dialog {max-width: 80%}
    .home-banner-section h1  span.next-stroke {font-size: 90px !important;line-height: 75px !important;}
  
}
@media only screen and (max-width: 767px) {
    .home-banner-section {padding: 90px 0 50px 0;}
    .modal-backdrop{height: auto!important;}
    .modal-content img {display: none;}
    #scroll{bottom: 20px;width: 45px;height: 42px;}
    .modal-content .close{padding: 3px 5px}
    .modal-content .close i {font-size: 25px;}
}
@media only screen and (min-width: 320px) and (max-width:767px){
    .home-banner-section h1  span.next-stroke {font-size: 40px !important;line-height: 40px !important;}
}