:root {
    --content-height: calc(100vh - 300px);
}

.about-us-info {
    margin-top: 40px;
}

.aboutus-cards-group {
    display: grid;
    justify-content: center;
    padding: initial;
    height: var(--content-height);
    grid-template-columns: repeat(auto-fit, 50%);
}
.aboutus-card.content {
    padding: 20px 30px;
}
.aboutus-card.sec-content {
    padding: 40px 30px;
}
.aboutus-card.img {
    height: var(--content-height);
}
.aboutus-card.content .themetechmount_aboutus {
    padding: 0;
}

.tmm_slideshow, .swiper-viewport, #slideshow0, .swiper-wrapper, .swiper {
    width: 100%;
    height: 100%;
}

.slider-img, .img-thumbnail {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: none;
    padding: 0;
    border-radius: unset;
}

.overflow-y-auto {
    overflow-y: auto;
}

.about-us-info p {
    text-align: justify !important;
}

.abt-swiper-pagnination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.6;
}
.abt-swiper-pagnination .swiper-pagination-bullet-active {
    background-color: #addfeb;
    opacity: 1;
}
.abt-swiper-controls::after, .tjc-details-swiper-controls::after {
    content: unset !important;
}

#information-information .factsheetimg {
    border-radius: 12px !important;
}

@media screen and (max-width: 1024px) {
    .abt-swiper-pagnination {
        display: block !important;
    }
}
@media screen and (max-width: 945px) {
    .aboutus-cards-group {
        height: unset;
        grid-template-columns: repeat(auto-fit, 100%);
    }
    .aboutus-cards-group:nth-child(1) > .aboutus-card.content {
        grid-row: 2;
    }
    .aboutus-card.img {
        height: unset;
    }

    .centertext {
        text-align: left !important;
    }
}
@media screen and (max-width: 850px) {
    .associations {
        padding: 50px 20px;
    }
}
@media screen and (max-width: 767px) {
    .fact-card {
        margin-bottom: 30px;
    }
    .factsheetimg {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }
}