@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";
@import "../../bootstrap-4.0.0/scss/card";
@import "../../bootstrap-4.0.0/scss/transitions";


.banner-content{
    top: 0;
    display: flex;
    align-items: center;
    @include media-breakpoint-down(sm) { 
        position: relative !important;
        text-align: center !important;
        padding: 3rem 0rem;
    }
    .yell-box{
        width: 60px;
        height: 5px;
        @include media-breakpoint-down(sm) { 
            margin: 0 auto;
        }
    }
    h1{
        @include media-breakpoint-up(lg) { 
            font-size: 4.2rem;
         }
    }
}
@media (min-width: 576px){
.container {
    max-width: 1160px !important;
}
}
.arws{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d7d7d7;
}
.card-link{
    .arws{
        position: relative;
    }
    &.collapsed{
        .arw-line{
            &:after{
                content: "";
                width: 8px;
                height: 2px;
                background-color: #757575;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }
            &:before{
                content: "";
                width: 2px;
                height: 8px;
                background-color: #757575;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }
        }
       
    }
    .arw-line{
        &:after{
            content: "";
            width: 8px;
            height: 2px;
            background-color: #757575;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
     
    }
}
.form-box{
    margin-top: -45px;
}
.mandatory{
    color: #f61c1b;
    padding-left: 5px;
}
.card-headers{
    border-top: 1px solid #e7e7e7;
   
}
.card-headers:last-child {
    border-bottom: 1px solid #e7e7e7 !important;
}