.main-tech-wrap {
    background-color: var(--lightmustard)
}

@media screen and (min-width: 992px) {

	.main-tech-wrap { padding-bottom: 300px; }

}

@media screen and (max-width: 991.98px) {
    .main-tech-wrap .common-title-wrap .title {
        font-size:30px
    }
}

.main-tech-wrap .techSwiper {
    background-color: var(--lightmustard)
}

@media screen and (min-width: 768px) {
    .main-tech-wrap .techSwiper {
        padding:0 60px
    }
}

@media screen and (min-width: 1720px) {
    .main-tech-wrap .techSwiper {
        max-width:calc(1600px + 120px)
    }
}

.main-tech-wrap .techSwiper .swiper-slide {
    font-family: "Archivo", sans-serif;
    cursor: pointer
}

@media screen and (min-width: 992px) {
    .main-tech-wrap .techSwiper .swiper-slide:hover .img {
        border-color: var(--burgundy)
    }

    .main-tech-wrap .techSwiper .swiper-slide:hover .title {
        color: var(--burgundy)
    }

    .main-tech-wrap .techSwiper .swiper-slide:hover .title::after {
        background-image: url(../../images/main/icon-go-to-E82324.svg)
    }
}

.main-tech-wrap .techSwiper .img {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #d6d6e3;
    transition: border-color .3s
}

.main-tech-wrap .techSwiper .sub-title {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.38;
    color: #6d6d7e
}

@media screen and (min-width: 992px) {
    .main-tech-wrap .techSwiper .sub-title {
        margin-top:35px;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.56
    }
}

.main-tech-wrap .techSwiper .title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--indigo);
    transition: color .3s
}

@media screen and (min-width: 992px) {
    .main-tech-wrap .techSwiper .title {
        font-size:22px;
        line-height: 1.64
    }
}

.main-tech-wrap .techSwiper .title::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../images/main/icon-go-to-A0A0B1-m.svg);
    transition: background-image .3s
}

@media screen and (min-width: 992px) {
    .main-tech-wrap .techSwiper .title::after {
        width:30px;
        height: 30px
    }
}