.officer-carousel-hidden {
    display:none;
}

.rep-search input {
    width: 100%;
    padding: 20px;
    background: #f9f9f9;
    border-radius:5px;
    border:none;
    margin:10px 0px;
    color:#000;
}

.rep-system-box .panel-footer {
    border-radius:5px !important;
}

.rep-system-box-arrow .panel-footer:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f064";
    color: #fff;
    font-size: 50px;
    position: absolute;
    right: -22px;
    bottom: -40px;
    vertical-align: middle;
    font-weight: 900;
    webkit- transform: rotate(150deg) scaleX(-1);
    -moz- transform: rotate(150deg) scaleX(-1);
    -ms- transform: rotate(150deg) scaleX(-1);
    -o- transform: rotate(150deg) scaleX(-1);
    transform: rotate(150deg) scaleX(-1);
}

@media (max-width:1200px) and (min-width:1024px) {
    .rep-system-box-arrow .panel-footer:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f064";
        color: #fff;
        font-size: 50px;
        position: absolute;
        left: -161px;
        bottom: -399px;
        vertical-align: middle;
        font-weight: 900;
        webkit-transform: rotate(220deg) scaleX(-1);
        -moz-transform: rotate(220deg) scaleX(-1);
        -ms-transform: rotate(220deg) scaleX(-1);
        -o-transform: rotate(220deg) scaleX(-1);
        transform: rotate(220deg) scaleX(-1);
    }
}

@media (max-width:1024px) and (min-width:772px) {
    .rep-system-box .panel-footer {
        margin-left:20px;
    }
    .rep-system-box-arrow .panel-footer:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f064";
        color: #fff;
        font-size: 50px;
        position: absolute;
        left: -131px;
        bottom: -319px;
        vertical-align: middle;
        font-weight: 900;
        webkit-transform: rotate(220deg) scaleX(-1);
        -moz-transform: rotate(220deg) scaleX(-1);
        -ms-transform: rotate(220deg) scaleX(-1);
        -o-transform: rotate(220deg) scaleX(-1);
        transform: rotate(220deg) scaleX(-1);
    }
}

@media (max-width:772px) {
    .rep-system-box .panel-footer {
        margin-left:40px;
    }
    .rep-system-box-arrow .panel-footer:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f064";
        color: #fff;
        font-size: 40px;
        position: absolute;
        left: -45px;
        bottom: -185px;
        vertical-align: middle;
        font-weight: 900;
        webkit-transform: rotate(220deg) scaleX(-1);
        -moz-transform: rotate(220deg) scaleX(-1);
        -ms-transform: rotate(220deg) scaleX(-1);
        -o-transform: rotate(220deg) scaleX(-1);
        transform: rotate(220deg) scaleX(-1);
    }
}

.becomearep-fa, .becomearep-fa p {
    font-size: 180px;
    text-align: center;
    line-height:0;
    margin:0;
    margin-bottom:10px;
}