#offcanvas-toggler>.fa {
    /*color: #EE4A23!important;*/
     background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

.sp-megamenu-parent>li>a:before, .sp-megamenu-parent>li>span:before{
    background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe)!important;
}

.sp-menu-item a:hover {
    color: #0C0B25!important;
}

.sppb-carousel-extended-nav-control .nav-control, .sppb-btn-custom, .sppb-sp-slider-button, .sp-slider-btn-text, .sppb-btn {
    background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe)!important;
    border: none!important;
    display: inline;
    margin: auto;
    width: 60px!important;
    height: 60px!important;
}

.sppb-carousel-extended-nav-control .nav-control:hover, .sppb-btn-custom:hover, .sppb-sp-slider-button:hover, .sp-slider-btn-text:hover, .sppb-btn:hover {
    background: linear-gradient(135deg,#3e7bbe, #b24a95, #ec673c, #fde402 )!important;
    opacity: 0.8!important;
}

.sppb-btn-round {
    display: block;
}
.sppb-carousel-extended-nav-control .nav-control:hover {
      background-color: #0C0B25!important;
}

.sppb-btn, .btn, .sp-slider-btn-text {
    border-radius: 50px!important;
    padding: 18px!important;
    width: 60px!important;
    height: 60px!important;
}
.sppb-btn i, .sppb-btn-primary {
    font-size: 26px!important;
}    

.sp-slider-btn-icon {
    display: flex!important;
    margin: auto!important;
}

.sp-scroll-up {
    border-radius:20px;
}

input::placeholder, textarea::placeholder {
  color: #fff!important;
  opacity: 0.4!important;  
}


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
  background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}


.sppb-image-layout-title, .sppb-carousel-extended-heading {
    
  background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  line-height: 1.2!important;
}


.dark-background-title h4 {
    
  background: none!important;
  -webkit-background-clip: unset!important;
  -webkit-text-fill-color: unset!important;
  background-clip: unset!important;
  color: transparent !important;

    color: #fff!important;      
}

.sppb-addon-title {
    line-height: 1.2!important;
}

.sppb-image-layout-title small {
    opacity: 1!important;
}

#sp-footer {
    background: linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe) !important;
}

.feature-box-border .addon-root-feature {
    border: 4px solid transparent !important;
    border-radius: 20px;
    background:
    linear-gradient(135deg, #fde402, #ec673c, #b24a95, #3e7bbe) border-box !important;
}

@media only screen and (max-width: 1199px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
        padding: 0 8px;
        font-size: 11px;
    }
}


@media only screen and (max-width: 767px) {
  .sp-slider-btn-icon {
     margin-top: 2px !important;
     margin-left: 2px !important;
  }
}

@media only screen and (max-width: 575px) {
    #sp-header {
        height: 60px;
    }
    .sppb-addon-header {
        text-align: center!important;
    }
    #sp-footer1 .sppb-addon-header {
      text-align: left!important;
    }
    #footer_bottom p  {
        text-align: left!important;
        margin-left: 20px!important;
    }
}