.form-container form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before { background-color:#0060DF;border: 1px solid #0060df;background-image:url('https://2952860.fs1.hubspotusercontent-na1.net/hubfs/2952860/Casual_Films_2022/Images/Contact/check-2.png');background-size:12px; background-position:4.5px 5px;background-repeat:no-repeat;}
.form-container form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
.form-container form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; cursor:pointer;background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #999;}
.contact-banner-cm{
   position:relative;
   z-index:1;
   padding: 140px 0 120px;
}

.form-container form {background: transparent;padding: 0;text-align: left;}
.form-container form label span {color: #000;font-size: 14px;}
.form-container form input[type=email], 
.form-container form input[type=file],
.form-container form input[type=number], 
.form-container form input[type=password], 
.form-container form input[type=tel], 
.form-container form input[type=text],
.form-container form select, .form-container form textarea{
  border-radius: 100px;
background: #fff !important;
  color:#000;
  font-size:14px;  
}
.form-container  .hs-form legend{color:#000;padding-bottom:15px;padding-left: 15px;text-align:left;}

/******************************************** Radio Button CSS*******************************************************/
  .form-container form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background-color:#000 ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset;  }
  .form-container form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
  .form-container form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #fff;border-radius:50%;}
/******************************************** Check Box CSS*******************************************************/
  .form-container form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background-color:#000;background-image:url('https://2952860.fs1.hubspotusercontent-na1.net/hubfs/2952860/Casual_Films_2022/Images/Contact/check-2.png');background-size:12px; background-position:top 5px center;background-repeat:no-repeat;}
  .form-container form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
  .form-container form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #fff;}

.form-container  .hs-form-field{margin-bottom:10px;}
.form-container form label{text-align:left; padding-left:0;}
.form-container form .actions {text-align: center;margin: 25px 0 0 !important;display: block;}
.form-container form input[type="submit"]{border-color:#fff; color:#fff; font-size:16px;}
.form-container  .step-form{display:none;text-align:center}
.form-container form .next-btn{margin:20px 0 0; border:2px solid #000; padding:10px 15px; color:#000; font-size:16px; background-color:transparent;}
.form-container form .next-btn {  letter-spacing: 3.04px; line-height:18px;text-transform: uppercase; border-radius:100px; max-width: 114px; text-align: center; display: inline-block; font-family: degular; width: 100%; font-weight: 700; }
.form-container form .hs-richtext span {display: block;text-align:center;margin: 0 0 20px;font-weight: 500;line-height: 18.2px;font-size: 14px;}
.form-container .hs-form label.hs-error-msg{color:#f00; font-size:14px;}
.form-container .submitted-message{background-color:transparent; font-size:24px; padding:50px 0}
.form-container fieldset.steps {display: none; text-align:center;}
.form-container fieldset.steps.step1{display:flex; flex-wrap:wrap;}
.form-container fieldset.steps.active{display:block}
.form-container fieldset.steps.active.form-columns-2{display:flex; flex-wrap:wrap;}

.form-container form fieldset.form-columns-2 > div.hs-form-field{margin-right:3% !important;width:48.5% !important;}
.form-container  form fieldset.form-columns-2 > div.hs-form-field:nth-child(2n){margin-right:0 !important;}
.button-section {text-align: center;width: 100%;}
.quotestep {display: block;width: 100%; text-align:center;font-size:14px;}
.form-container form select option {color: #000;}
.contact-inners{min-height:897px;padding: 100px 0 400px; position:relative;} {# padding: 100px 0 0; #}
.left-cols{width:100%; max-width:795px; margin:0 auto;text-align: center;}
.right-cols { margin: -17% 0 0 auto; width: 59.5%; position: relative; z-index: 1; }


.contact-banner-cm .content-wrapper:before{
  position: absolute;
  left: -60px;
  top: 48%;
  content: "";
  background: url('https://2952860.fs1.hubspotusercontent-na1.net/hubfs/2952860/Casual_Films_2022/Images/Contact/Subtract%20(7).svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 439px;
  height: 1508px;
  z-index:1;
  display:none;
}

.contact-banner-cm .image-video-container.video-cont .image-container{
   display:none;
}

.contact-banner-cm .image-video-container.image-cont .video-container{
   display:none;
}

.contact-banner-cm .image-video-container .image-container{
   height:635px;
}

.contact-banner-cm .image-video-container .video-container{
   height:635px;
   position:relative;
}

.contact-banner-cm .image-video-container .video-container video{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-banner-cm .image-video-container{
   margin-bottom:50px;
}

.contact-banner-cm .overlay-color{
   position:absolute;
   left:0;
   right:0; 
   top:560px;
   bottom:0;
   width:100%;
   height:auto;
   content:'';
   z-index:-1;
}

.contact-banner-cm form{
   background:transparent;
   padding:0;
}

.contact-banner-cm .left-col .text-container{
   padding-left:40px;
}

.contact-banner-cm .left-col{
   margin-top:466px;
}

.contact-banner-cm form label{
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 10px;
}


.contact-banner-cm form .hs-form-required{
   color:#000000;
}

.contact-banner-cm form input,
.contact-banner-cm form select,
.contact-banner-cm form textarea{
  font-size: 14px;
  line-height: 18px;
  color:#999999;
  height:54px;
}

.contact-banner-cm form textarea{
   height:167px;
   resize:none;
   border-radius:25px!important;
}

.contact-banner-cm form .hs-button{
   height:auto;
}

.contact-banner-cm form .actions{
   display:inline-block;
   position:relative;
}

.contact-banner-cm form .actions:after{
  position: absolute;
  content: "";
  right: -50px;
  background: url(https://2952860.fs1.hubspotusercontent-na1.net/hubfs/2952860/Casual_Films_2022/Images/Global%20Icon/Play%20button.svg)no-repeat;
  background-position: 50%;
  background-size: cover;
  width: 42px;
  height: 42px;
  top: -2px;  
}

.contact-banner-cm .form-container{
   padding-right:40px;
}

.contact-banner-cm .right-col .text-container{
   display:none;
}

@media(max-width:1300px){
  .contact-inners{min-height:inherit; padding:80px 20px 18rem;}
.contact-banner-cm .left-col .text-container {
    padding-left: 20px;
}
  
.contact-banner-cm .form-container {
    padding-right: 20px;
}
  
.contact-banner-cm .content-wrapper:before{
  top: 56%;
  width: 329px;
  height: 1128px;
}
}


@media(max-width:1024px){

.contact-banner-cm .image-video-container .image-container {
    height: 435px;
}
  
.contact-banner-cm .image-video-container .video-container{
   height: 435px;
}
  
.contact-banner-cm {
    padding: 60px 0 120px;
}
  
.contact-banner-cm .overlay-color{
   top:420px;
}
  
.contact-banner-cm .left-col {
    margin-top: 396px;
}
  

}


@media(max-width:767px){

  .right-cols {margin: 0;width: 100%;}
    .contact-inners{ padding:80px 20px;}
.contact-banner-cm .content-wrapper>.row-fluid{
   display: flex;
   flex-direction: column-reverse; 
}
  .form-container form fieldset.form-columns-2>div.hs-form-field{width:100% !important;margin-right:0 !important;}
.contact-banner-cm .image-video-container .image-container {
    height: 325px;
}
  
.contact-banner-cm .image-video-container .video-container{
   height: 325px;
}
  
.contact-banner-cm .overlay-color {
    top: 0;
}
  
.contact-banner-cm .form-container {
   padding-right: 0;
   padding:0 20px;
}
  
.contact-banner-cm .right-col .text-container{
   display:block;
   padding:40px 20px 0px;
}
  
.contact-banner-cm .left-col{
   display:block;
   margin-top:40px;
}
  
.contact-banner-cm .content-wrapper:before{
   display:none;
}
  
.contact-banner-cm form .actions:after{
  display:none;
}
}