/* Prevent horizontal overflow */
        html, body {
            overflow-x: hidden;
            margin: 0;
            padding: 0;
            width: 100%;
        }


.btn-primary {
   
    --bs-btn-bg: #28b2e6 !important;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #28b2e6 !important;
    --bs-btn-hover-color: #28b2e6 !important;
    --bs-btn-hover-bg: #fff !important;
    --bs-btn-hover-border-color: #28b2e6 !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #28b2e6 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;


}


.quote-btn {
      position:fixed;
      top: 50%;
      rotate:-90deg;
      right:-55px;
      transform: translateY(-50%);
      z-index: 1000;
    }

.sm_about span{

    color:#28b2e6;
}


.brochure{
   
    background: rgb(0 0 0 / 5%);
   box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.2);
   
}


.brochure i{
    border-radius: 20px;
}


.brochure img{
    height: auto;
    width: 60%;
    margin-bottom: 20px;
}


.navbar {
    z-index: 1000;
    width: -webkit-fill-available;
}

.benefits_img{

   
    height:20px !important;
}

.brochure span{

    color: #28b2e6;
    /*text-shadow: 2px -1px #5e5e60;*/
}

.modal-dialog h5{

    color:#28b2e6 ;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
        }