
:root {
  --main-gradient-color: linear-gradient(to right top, #224088, #269a00);
  --blue-gradient-color: linear-gradient(to right top, #00388f, #0088cc);
  --green-gradient-color: linear-gradient(to right top, #21752a, #488f03);

}




/* global gradient--- */

.bg-gradient-light-purple-light-orange, .bg-gradient-fast-blue-purple, .bg-fast-blue, .border-gradient-light-brownish-orange-black {
    background-image: var(--main-gradient-color);
}


.bg-gradient-shamrock-green-light-orange{background-image: var(--main-gradient-color);}

.bg-transparent-gradient-fast-blue-purple{ background-image: var(--main-gradient-color); opacity: 0.9; }
.bg-blue-gradient{background-image: var(--blue-gradient-color);}

.btn-dark-gray{

    background: var(--blue-gradient-color) !important;
    border-color: #0088cc !important;
}

.btn.btn-dark-gray:hover{
    color: #fff !important;
}

.border-color-fast-blue {
    border-color: #0088cc !important;
}


.text-tussock{

     background:  var(--main-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.text-shamrock-green{color: #21752a;}


.text-gradient-sky-blue-pink, .text-salmon-rose {
    background:  var(--main-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.text-blue{ 
background:  var(--blue-gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;


 }

.footer-blue{
    background-image: var(--blue-gradient-color);
    color: #fff;
}

.footer-blue li > a, 
.footer-blue  a, 
.footer-blue i, 
.footer-blue p 
 { color: #fff; }



.bootbox.modal {z-index: 9999 !important;}

.footer-cpr{ background-image: var(--green-gradient-color)!important; color: #fff;}


.btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: #232323;
    color: #232323;
}


.btn.btn-transparent-dark-gray:hover {
    background-image: var(--green-gradient-color)!important; color: #fff;
    border-color: #232323;
 
}

.border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #21752a, #488f03)!important; border-image-slice: 1; }


.navbar.navbar-light .navbar-nav > .dropdown.active > a{

    color:#10cc24 !important;
    font-weight: 700;

}

.padding-140px-top{
    padding-top: 140px !important;
}


.padding-100px-top{
    padding-top: 100px !important;
}

footer .border-end {
    border-right: 1px solid #4176a4!important;
}


.interactive-banners-style-09 .interactive-banners-action-content {
 
    -webkit-line-clamp: 5;
  }





@media (max-width: 991px){
[data-mobile-nav-style=modern] 
.navbar-show-modern-bg {
 background-image: var(--main-gradient-color);
}
}





