.portbody {
    height: 390px;
    padding: 0 20px;
    margin-top: 4px;
    text-align: center;
}

.port__con {
    padding: 35px 0;
    color: #082743;
}

.port__h2 {
    font-size: var(--size-2xl);
    font-weight: 500;
    position: relative;
}

.port__p {
    position: relative;
    font-size: var(--size-sm);
    font-weight: 300;
    color: #65606e;
    top: 20px;
}



.img_box img {
    max-width: 100%;
    
}

.slider_container {
    z-index: -1;
}

.slider_container .container {
    padding: 0 15px;
    min-width: 325px;
    margin: 0 auto;
}

.card_slider {
    padding: 50px 0;
}


/* xxs */
@media (min-width: 425px) {
    .portbody {
        height: 430px;
    }

    .slider_container {
        z-index: -1;
    }
}

/* xs */
@media (min-width: 476px) {
    .portbody {
        height: 470px;
    }

    .port__p {
        font-size: var(--size-base);
    }
    
}

/* sm */
@media (min-width: 641px) {
    .portbody {
        height: 590px;
        position: relative;
        top: 5px;
    }

    

    .port__con {
        position: relative;
        top: 0;
    }

    .port__p {
        font-size: var(--size-sm);
    }

    .slider_container {
        position: relative;
        top: 30px;
    }
}

/* Large screens */
@media (min-width: 769px) {
    .portbody {
        height: 440px;
    }

}

/* lg */
@media (min-width: 1024px) {
    .portbody {
        height: 570px;
    }

    .port__p {
        font-size: var(--size-lg);
    }

    .port__h2 {
        font-size: var(--size-3xl);
    }

    .port__con {
        position: relative;
        top: 20px;
    }

    .slider_container {
        position: relative;
        top: 45px;
    }

    

}

/* xl */
@media (min-width: 1280px) {
    .portbody {
        height: 520px;
    }
}