﻿.navbar-brand img {
    width: 360px;
    height: auto;
}

a.hover-2::before {
    border-radius: .4rem !important;
}

a.hover-3:before {
    border-radius: .4rem !important;
}

#switch-giovanni a.active {
    background-color: var(--bs-pale-blue);
    border: 2px solid rgba(58, 71, 213, 0);
}

#switch-giovanni a {
    border: 2px solid rgba(58, 71, 213, 0.2);
}

    #switch-giovanni a.active::after {
        content: "";
        position: absolute;
        bottom: -25px;
        right: -25px;
        background-image: url(../images/icons/solid/pointer-cursor.svg);
        background-repeat: no-repeat;
        width: 80px;
        height: 80px;
    }

.navbar.navbar-light.fixed .btn.btn-outline-white:not(.btn-expand):not(.btn-gradient) {
    background: transparent;
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

#bottone_servizi a:hover .svg-bg{
    box-shadow:0 5px 10px -5px rgba(0,0,0,0.2)
}


#bottone_servizi a h4{
    margin-bottom:0;
}

#bottone_servizi a {
    display: block;
    padding: 1rem;
}

    #bottone_servizi a:hover {
        background-color: #f5faff;
        border-radius: .4rem;
        padding: 1rem;
    }

.overlap-grid-1 {
    width: 70%;
    margin-top: 0;
    margin-right: 30%;
    z-index: 3;
}

.svg-bg.svg-bg-lg .icon-svg {
    width: 2rem;
    height: 2rem;
}

@media (max-width: 1399.98px) {
    .navbar-brand img {
        width: 300px;
    }
}

@media (max-width: 1199.98px) {
    .navbar-brand img {
        width: 250px;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        width: 360px;
    }
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        width: 300px;
    }
    .overlap-grid-1 {
        width: 100%;
    }
    .mt-n21 {
        margin-top: -7.5rem !important;
    }
}

@media (min-width: 768px) {
    .overlap-grid-2 .item:nth-child(3) {
        width: 60%;
        margin-top: -12%;
        margin-left: 50%;
        z-index: 2;
    }
    .overlap-grid-2 .item:nth-child(2) {
        width: 55%;
        margin-top: -25%;
        margin-left: 0;
        z-index: 4;
    }
  

}