@media (min-width: 768px){
    .col-lg-6.video_section{
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
    }
    .col-lg-6.video_section1{
        display:flex;
        align-items:center;
        justify-content:center;
        height:100vh;
    }
    .content, .content2{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        height:100vh;
    }
    .video-player{
        width:80%;
    }
    .hero{
        position:fixed;
        top:-9rem;
        bottom:-7rem;
        left:-15rem;
        width:45%; 
        z-index:-1 !important;
        background:#FEF200;
       border-top-right-radius: 100%;
       border-bottom-right-radius: 100%;
       transform: rotate(20deg);
    }
    .hero1{
        position:fixed;
        top:-9rem;
        bottom:-7rem;
        left:-15rem;
        width:40%; 
        z-index:-1 !important;
        background:#FEF200;
       border-top-right-radius: 100%;
       border-bottom-right-radius: 100%;
       transform: rotate(20deg);
    }
    h2{
        font-size:1.2rem;
    }
    p{
        font-size:.95rem;
    }
    .plyr__video-wrapper {
        background: #EC1F24 !important;
        background: var(--plyr-video-background,var(--plyr-video-background,#EC1F24)) !important;
        height: 300px !important;
    }
    #contact-form{
        width:90% !important;
        margin-right:4rem !important;
    }
    .content1,.content2{
        z-index:-1 !important;
        float: right;
        position: absolute !important;
        right: 0;
    }
    .modal-content{
        width:420px !important;
    }
    .a{
        width:30% !important;
    }
    .fixed-top{
        z-index:-1 !important;
    }
    .applyform{
        padding-right:1.5rem !important;
    }
    #accordion .btn{
        width:80% !important;
        margin:auto !important;
    }
}
#accordion .card{
    border:none !important;
}
.wrapper span a{
    z-index:1000 !important;
}

.modal {
    z-index:10200 !important;
}
.modal-backdrop{
    display:none !important;
}
@media (max-width: 767px){
    .applyh2{
        margin-top:0 !important
    }
    .applydiv{
        margin-top:2rem !important
    }
    .fixed-top{
        z-index:2 !important;
    }
    .a{
        width:50% !important;
    }
    .modal-content{
        width:100% !important;
    }
    .arrows img{
        content: url("/images/down-arrow.png");
    }
    .btnpadding{
        margin-top:1rem !important;
    }
    .video_section{
        display:flex;
        order:2;
        align-items:center;
        justify-content:center;
    }
    .content1,.content2{
        margin-top:12rem !important;
    }
    .divtitle {
        margin-top: 4.5rem !important;
    }
    .wrapper span a{
        color:#fff !important;
    }
    .content, .content2{
        display:flex;
        align-items:center;
        flex-direction:column;
        order:1;
        margin-top:1.5rem;
        z-index: 1;
    }
    .video-player{
        width:100%;
        margin-top:2.5rem;
    }
    .hero{
        position:fixed;
        bottom:-5rem;
        left:-10rem;
        right:-5rem; 
        height:20rem;
        background:#FEF200;
       border-radius: 100%;
       transform: rotate(20deg);
       z-index:-1;
    }
    .hero1{
        position:fixed;
        top:-8.5rem;
        left:-10rem;
        right:-5rem; 
        height:20rem;
        background:#FEF200;
       border-radius: 100%;
       transform: rotate(20deg);
       z-index:-1;
    }
    h2{
        font-size:1.2rem;
    }
    p{
        font-size:.95rem;
    }
    .plyr__video-wrapper {
        background: #EC1F24 !important;
        background: var(--plyr-video-background,var(--plyr-video-background,#EC1F24)) !important;
        height: 250px !important;
    }
    
    .divtitle{
        background: #fff;
        padding: 1rem;
        border-radius: 7px;
        box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
        width:100% !important;
        margin-top:1.5rem;
    }
    #contact-form{
        width:100% !important;
        margin-right:1rem !important;
        margin-left:1rem !important;
    }
}

#contact-form{
    z-index:100 !important;
}

.video_section1{
    display:flex;
    align-items:center;
    justify-content:center;
    /*z-index:100;*/
}

.btn{
    background:#EC1F24 !important;
    border:1px solid #EC1F24 !important;
    font-size:1rem !important;
    color:#fff !important;
}

.plyr--video {
    background: #fff !important;
    overflow: hidden;
    padding: 0.5rem !important;
    border-radius: 7px !important;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%) !important;
}
.plyr--video .plyr__controls {
    background: transparent !important;
}

.plyr__control--overlaid{
    background:#FEF200 !important;
}
.divtitle{
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
    width:60%;
}

.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}

.has-spinner.btn.active .spinner {
    min-width: 20px;
}


/*form design*/
.form-group.input-material {
  position: relative;
  margin-top: 50px;
  margin-bottom: 25px;
  /* textarea label */
}
.form-group.input-material label {
  color: #b1bbc4;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  bottom: 1px;
  transition: 0.1s ease all;
  -moz-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
}
.form-group.input-material textarea.form-control ~ label {
  bottom: 90%;
  bottom: calc(100% - 38px);
}
.form-group.input-material .form-control, .form-group.input-material .form-select {
  border: none;
  border-bottom: 1.8px solid #ced4da;
  border-radius: 0px;
  background-color: transparent;
  padding-left: 2px;
  box-shadow: none;
  /* required fields */
  /* active state */
  /* invalid state */
}
.form-group.input-material .form-control:required ~ label::after, .form-group.input-material .form-select:required ~ label::after {
  content: "*";
  color: #dc3545;
  padding-left: 2px;
  font-size: 0.8em;
}
.form-group.input-material .form-control:focus, .form-group.input-material .form-control[value]:not([value=""]), .form-group.input-material .form-select:focus, .form-group.input-material .form-select[value]:not([value=""]) {
  border-bottom-color: #EC1F24;
  color: #000;
}
.form-group.input-material .form-control:focus ~ label, .form-group.input-material .form-control[value]:not([value=""]) ~ label, .form-group.input-material .form-select:focus ~ label, .form-group.input-material .form-select[value]:not([value=""]) ~ label {
  top: unset;
  bottom: 100%;
  bottom: calc(100% - 16px);
  font-size: 14px;
  color: #EC1F24;
  font-weight: 500;
}
.form-group.input-material .form-control:focus.invalid, .form-group.input-material .form-control.invalid, .form-group.input-material .form-control:focus.parsley-error, .form-group.input-material .form-control[value]:not([value=""]).parsley-error, .form-group.input-material .form-select:focus.invalid, .form-group.input-material .form-select.invalid, .form-group.input-material .form-select:focus.parsley-error, .form-group.input-material .form-select[value]:not([value=""]).parsley-error {
  border-bottom-color: #dc3545;
}
.form-group.input-material .form-control:focus.invalid ~ label, .form-group.input-material .form-control.invalid ~ label, .form-group.input-material .form-control:focus.parsley-error ~ label, .form-group.input-material .form-control[value]:not([value=""]).parsley-error ~ label, .form-group.input-material .form-select:focus.invalid ~ label, .form-group.input-material .form-select.invalid ~ label, .form-group.input-material .form-select:focus.parsley-error ~ label, .form-group.input-material .form-select[value]:not([value=""]).parsley-error ~ label {
  color: #dc3545;
}
.form-group.input-material .form-select {
  background-position: right 0 center;
  padding-left: 0;
}
.form-group.input-material .parsley-errors-list {
  color: #dc3545;
  list-style: none;
  font-size: 0.7em;
  padding-left: 5px;
  position: absolute;
  top: 107%;
}