/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
@media (max-width: 352px) {
    #logo_home img{.signup-btn
        width: 105px;
        height: 44px;
    }
}

.signin-btn {
    background-color: #fff;
    border: 1px solid #6097b7;
    color: #6097b7!important;
    padding: 6px 8px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
}

.signup-btn {
    background: linear-gradient(180deg, #4F94FC 0%, #6097b7 100%);
    color: #fff!important;
    padding: 7px 8px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
}

#top_access{
    padding-bottom: 17px;
    padding-top: 6px;
    align-items: center;
}

.hed-container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .hed-container {
        max-width: 540px;
    }
}

@media (max-width: 576px) {
    .signin-btn{
        padding: 15px 10px;
        font-size: 11px;
    }

    .signup-btn{
        padding: 15px 10px;
        font-size: 11px;
    }
    .hero_home .content h3 {
        font-size: 1.5rem !important;
    }
    
    .featured-services {
        display: block !important;
    }
    
    .featured-services p {
        overflow: hidden;
        width: -webkit-fill-available !important;
    }
}

@media (min-width: 768px) {
    .hed-container {
        max-width: 720px;
    }

}

@media (max-width: 768px) {
    .hed-container > div {
        display: block !important;
        overflow: hidden;
    }

    ul#top_access li:first-child{
        margin-left: 0 !important;
    }
    
    ul#top_access li:last-child {
        margin-left: auto !important;
    }

    #top_access{
        width: 100%;
        margin-top: 15px !important;
    }
}

@media (min-width: 992px) {
    .hed-container {
        max-width: 960px;
    }
}

@media (max-width: 992px) {
    .hero-home {
        margin-bottom: 20px !important;
    }

}

@media (min-width: 1200px) {
    .hed-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .hed-container {
        max-width: 85%;
    }
}

@media (max-width: 991px) {
    .spanBox{
        top: -6% !important;
        right: 44% !important;
        left: -48px !important;
        transform: rotate(90deg) !important;
    }
}

@media (max-width: 338px) {
    .btn_1{
        font-size: 14px !important;
    }
}