@import url("variable.css");

.page-template-template-pos-cashiers-training .site-content .site-main .container {max-width: 990px;}
.page-template-template-pos-cashiers-training .site-content .site-main .container.min-container {max-width: 650px;}
.page-template-template-pos-cashiers-training .site-content .site-main .banner  .container {position: relative; z-index: 2; max-width: 680px;}

.page-template-template-pos-cashiers-training .course-card {background: #f2f2f2;}

.page-template-template-pos-cashiers-training .site-content .site-main .meet-instructor .container {max-width: 1100px;}

.banner {position: relative; overflow: hidden; min-height: calc(90vh - 120px); display: flex; align-items: center; justify-content: center; background-position: center center; background-size: cover;}

.banner::before {top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; content: ""; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.3);}

.cashier-training-section {background: var(--cashier-light-blue);}
.cash-training-inner .block .icon {margin: 0 auto 20px; display: table;}

/* Meet Instructor */
.meet-instructor .row {margin-bottom: 40px;}
.meet-instructor .row:last-child {margin-bottom: 0;}
.meet-instructor .row:nth-child(even) {flex-direction: row-reverse;}
.meet-instructor .row:first-child .content-block {text-align: center;}
.meet-instructor .content-block .heading-24 {color: var(--cashier-dark-blue);}
.meet-instructor .content-block .heading-24 span {font-weight: normal; display: block;}

@media (max-width: 991px) {
    .banner {
        min-height: inherit;
    }
}

@media (max-width: 767px) {
    .meet-instructor .col-sm-6 {width: 100%; margin-bottom: 20px;}
    .meet-instructor .col-sm-6:last-child {margin-bottom: 0;}
    .meet-instructor .img-block {max-width: 500px; margin-left: auto; margin-right: auto;}
    .meet-instructor .content-block {text-align: center;}
}

@media (max-width: 575px) {
    .cash-training-inner .col-sm-3 {width: 50%; margin-bottom: 25px;}
    .cash-training-inner .col-sm-3:nth-last-child(2), .cash-training-inner .col-sm-3:last-child {margin-bottom: 0;}    
}