/* Add custom CSS styles below */ 

element.style {
    height: 65px;
}


.navbar-brand {
    align-items: center;
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}



[dir=rtl] .mm-spn li:before {
    border: 3px solid;
    border-right: none;
    border-top: none;
    height: 6px;
    left: 25px;
    left: calc(var(--mm-spn-item-height)/2);
    right: auto;
    top: 50%;
    width: 6px;
}

.rounded-full {
    border-radius: 0px;
}


.root { 
   --color-primary-l: #FFFFFF;
}


#submit-form-btn {
    color: var(--color-primary-l)!important;
}

.w-16 {
    width: 20%;
}

.w-16 {
    width: 20%;
    height: 20%;
}




.is_grad .banner-square .box-img:before {top:0; left:0; right:0; opacity: 0.7; position: absolute; content:""; width: 100%; height: 0rem;ackground:linear-gradient(to bottom, #292929,transparent); z-index: 1;}
.is_grad .banner-square > .on-text {top:5rem; z-index:1;}
.is_grad .banner-square > .on-text > h3 {font-size: 2rem; color: #fff;}
.is_grad .banner-square > .on-text > .btn-primary {border-radius:0; margin-top: 1rem; padding:0.75rem 1rem !important}
.is_grad .banner-square > .on-text > .btn-primary  span {font-size:1rem;}

@media(max-width:787px) {
.is_grad .banner-square .box-img:before {height:3rem}
.is_grad .banner-square > .on-text {top:2rem}
.is_grad .banner-square > .on-text > h3 {font-size: 0.9rem;}
.is_grad .banner-square > .on-text > .btn-primary {border-radius:0; margin-top:0.25rem; padding:0.1rem 0.5rem !important}
.is_grad .banner-square > .on-text > .btn-primary  span {font-size:0.6rem;}
}