/* Main Page Styles */

main {

    display: flex !important;

    align-items: center;

    width: 100%;

    max-width: 1212px;

    margin: 0 auto 150px;
    position: relative;
    top: 120px;
    height: 590px;

}

.indeco-sm{
    display: flex !important;
    align-items: center;
    width: 100%;
    max-width: 1212px;
    margin: 0 auto;
    position: relative;
    min-height: 800px;
    margin-top: 120px;
    font: 16px "BPG Mrgvlovani";
    line-height: 20px;
    padding: 0 20px;
}


.project-description {

    background-color: white;

    border-radius: 10px 0 0 10px;

    color: var(--text-color);

    font-family: "BPG Arial";

    /* padding: 51px 34px 58px 54px; */
    padding: 30px 34px 0px 54px;

    width: 55%;

    height: 100%;
}



.project-description p:first-child {

    margin-bottom: 30px;

}



.image-container {

    border-radius: 0 10px 10px 0;

    cursor: pointer;

    width: 45%;

    /* height: 463px; */
    height: 100%;
    overflow: hidden;

}



.image-container img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 1s ease;

}



/* .image-container img:hover {

    transform: scale(1.1);

} */



.inner-description {

    display: flex;

    min-height: 176px;

    width: 100%;

    gap: 15px;

    margin-bottom: 40px;

}

.inner-description a  {
color:var(--text-color) !important;
text-decoration: none !important;

}

.inner-description div:last-child {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 100%;

}



.decor {

    background-color: #D1AE82;

    width: 15px;

    min-height: 100%;

}



main .social-media-links a {

    border: 1px solid #CFCFCF;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    width: 30px;

    height: 30px;

}



.main .social-media-links i {

    font-size: 15px;

    color: #AEAEAE;

}



.title {

    font-family: "Chromatica Bold","BPG Arial";

    font-weight: bold;

    margin-bottom: 30px;

}



.description {

    color: var(--text-color);

    font-family: "BPG Arial";

}




.completed-projects-grid {

    display: flex;

    flex-direction: column;

    gap: 60px;

    width: 100%;

}



.projects-item {

    display: flex;

    align-items: center;

    width: 100%;

    gap: 57px;

}



.protects-description {
    cursor: pointer;
    width: 36%;
}



.project-swiper {

    border-radius: 10px;
    cursor: pointer;
    width: 60%;

}



.swiper-pagination-bullet-active {

    background-color: white !important;

}



.partners {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: space-around;

    align-items: center;

    width: 100%;

}



.partners img {

    border-radius: 10px;

}

.project-swiper img {
    width: 100%;
    height: 403px;
    object-fit: cover;
}

.image-class img {
    width: 100%;
    height: 403px;
    object-fit: cover;
}