.homepage-banner-block {

    min-height: 100vh;

    background: var(--bg);

    background-repeat: no-repeat;

    padding: 0;

    isolation: isolate;

    background-size: cover;

    background-repeat: no-repeat;overflow: hidden;height: 100vh;

}
.contact-us{min-height: 50vh;
    height: 50vh;}






.banner-slider-block .owl-dots{

    position: absolute;

    bottom: 3%;

    display: flex;

    justify-content: center;

    width: 100%;}





.banner-slider-block .owl-dots .owl-dot span{margin:5px !important;transition:0.3s all ease-in-out;}



.banner-slider-block .owl-dots .owl-dot.active span {

    background: var(--lightgreen) !important;

    width: 37px;}



.homepage-banner-block  .top, .homepage-banner-block .bottom{

    width: 100%;



}





.homepage-banner-block .left p{
    /*font-size:var(--f-28-16);*/
    font-size:2rem !important;line-height:1.4;font-weight:400;color:#fff;max-width:800px;margin:0px;}





.banner-slider-block .homepage-banner-block::before{content:"";  position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    display: flex;

    height: 100%;

    background: #00000080;}

.banner-slider-block .homepage-banner-block.dark-overlay::before{
    background: #00000099;
}

.banner-slider-block{display: flex;

    max-height: 100vh;

    overflow: hidden;

    position: relative;    margin-block-start: 0 !important;}



.homepage-banner-block h1{

    color: var(--white);

    font-weight:700;

    /*font-size:var(--banner-text);*/
    font-size:3.8rem;
    line-height:1.1;

    max-width:1160px;margin: 0;

    padding-bottom: 10px;



}





.homepage-banner-block .content-block{    

    position: absolute;

    top: 0;

    height: 100vh;

    align-items: center;

    display: flex;

    padding: 0% 10vw;    width: 100%;

    box-sizing: border-box;} 


.contact-us .content-block{height:50vh;}


section:has(#banner-slider-slider){

    max-width: 100vw;

    overflow: hidden;

}



.learn-btn{  background: transparent;
    color: #fff;
    font-size: var(--btn-text);
    padding: 4px 30px 4px 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #fff;
    border-radius: 140px;margin-top:1.5rem;position:relative;
    min-height: 40px;
}

.learn-btn::before{content: "";
    background: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 140px;
    left: 4px;
    transition: 0.3s all ease-in-out;
    top: 4px;
        background: linear-gradient(85.5deg, #243D81 -12.86%, #0C2057 22.4%, #5B75B8 56.28%, #1E2F5A 88.48%);
}


.learn-btn:hover::before{width: calc(100% - 8px);
    height: calc(100% - 8px);z-index:10;}

/*.learn-btn:hover .arrow{transform:translateX(8px);}*/

.learn-btn span{
    position: relative;
    z-index: 100;
    transition: 0.3s all ease-in-out;font-weight:600;
}

.learn-btn{ transition: 0.3s all ease-in-out;}
.learn-btn:hover span{color:#fff;}
.learn-btn:hover{padding-left:30px;padding-right:60px;}



    
    .learn-btn svg{transition:0.3s all ease-in-out;  position: relative;
    z-index: 1;    position: absolute;z-index:100;
    right: calc(100% - 44px);} 
    
    
    .learn-btn:hover .arrow{fill:#fff !important;}
    .learn-btn:hover svg circle{opacity:0;}
    
    .learn-btn:hover svg{right:4px;}
    
    
    
    @media screen and (max-width:781px){
    .learn-btn{
       
        display: inline-flex;
        align-items: center;
        gap: 15px;
        width: fit-content;
    }
}





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

.homepage-banner-block h1{
font-size:var(--banner-text) !important;}

.homepage-banner-block .left p{
 font-size:var(--f-28-16) !important;}

   

}