.home-box-1 p{
    color: var(--color-primary-400);
    line-height: 1.5rem;
    margin: 1.5rem 0  !important;
    width: 80% !important;
}

/*=========Classes ===================*/
.title-1 {
    font-size: 4rem !important;
    font-weight: 700;
    line-height: 3.5rem;
    width: 80% ;
}

.text-1{
    color: var(--color-primary-400);
    line-height: 1.5rem;
    margin: 2.5rem 0  !important;

}

p.text-2{
    padding-top: .5rem;
    font-size: .75rem !important;
    font-weight: 400;
    color: var(--color-primary-400);
    line-height: 1rem !important;
}
p.text-2 a{
    font-size: .75rem !important;
    color: var(--color-primary-600);
    text-decoration: none;
    transition: all 0.3s ease;
}




/*==================*/
.doc-group img {
    overflow: hidden;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(100%) !important;
    z-index: 1;
}


.doc-group img:hover {
    filter: grayscale(0%) !important;
    transform: translateY(-6px) !important;

}


.text-2 a:hover {
    text-decoration: none;
}

.text-2 a strong {
    display: inline-block;
    transition: all 0.3s ease;
    color: var(--color-primary-600); /* ძირითადი ფერი */

}

.text-2 a:hover strong {
    color: var(--color-primary-400); /* ძირითადი ფერი */
    text-decoration: underline;
}

@media (max-width: 276px)  {
    .title-1 {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.5rem;
    }
}


@media (max-width: 768px)  {
    .title-1 {
        font-size: 2.75rem;
        font-weight: 700;
        line-height: 3.5rem;
    }


}


.map-wrapper {
    width: 100% !important;
    aspect-ratio: 2.5 / 1.4 !important; /* რეალურად შენი რუკის პროპორციის მიხედვით — შეიძლება 2.5, 2.35, ან 2.2 იყოს */
    overflow: hidden;
}

.map-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
}