@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,200;0,300;0,400;0,700;0,900;1,100;1,700&display=swap");

.logo-txt {
    font-family: "Urbanist", sans-serif;
    line-height: 20px;
    font-size: 1.875rem;
    font-weight: 400;
}

.main-txt {
    font-family: "Urbanist", sans-serif;
    font-size: 1.563rem;
    font-style: italic;
    line-height: 30px;
    border-left: 5px solid #e2e2e2;
}

.logo-decription-txt {
    font-family: "Urbanist", sans-serif;
    text-align: justify;
    font-size: 1.188rem;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

.main-ads-container {
    display: grid;
    grid-template-rows: 1fr;
    gap: 15px;
}

.ads-container {
    width: 230px;
    height: 230px;
    background-color: #ececec;
    border: 1px #000;
}

/*For ads style*/
.left-border {
    border-left: 1px solid rgb(202, 201, 201);
}

@media (max-width: 992px) {
    .main-ads-container {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*For ads style*/
    .left-border {
        border-left: 0;
        border-top: 1px solid rgb(202, 201, 201);
    }
}

@media (max-width: 768px) {
    .main-ads-container {
        grid-template-columns: 1fr 1fr;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .main-ads-container {
        grid-template-columns: 1fr;
        gap: 1.875rem;
    }

    .logo-txt {
        font-size: 1.5rem;
    }

    .main-txt,
    .logo-decription-txt {
        font-size: 0.75rem;
    }
}