.case-study-wrapper{ border-bottom:0.2rem solid #402f87; padding-top:2.54rem; padding-bottom:2rem;}

.case-study-main { max-width:1000px; margin:0 auto;}  
.case-study-main h1{ color:var(--dc-primary); text-align:center; padding-bottom:2rem;}
.case-study-main .case-study-brand{ padding-bottom:1.5rem;}
.case-study-main .study-logo{ padding:2rem 0rem;}  

.case-study-main .case-study-brand h2{color:var(--dc-primary);  padding-bottom:0.5rem;}
.case-study-main .case-study-brand p{ font-weight:500; }
 

.case-study-main .content h3{text-align:center; padding:2rem 0rem;}
.case-study-main .content h3 span{ display:block; }
.case-study-main .content p{ padding-bottom:2rem; }

.case-study-main .gallery-item { padding:1rem 0rem; text-align:center;}

.case-study-main .case-study-video {position:relative; display:block; width:100%; padding:0; overflow:hidden; border-radius:1.5rem;}
.case-study-main .case-study-video:before {padding-top:50%; display:block; content:""; }
.case-study-main .case-study-video iframe {position: absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0; }
.case-study-main ul li {  font-weight:500; padding-left:2rem; position:relative; margin:1rem 0rem;list-style: none !important;}

.case-study-main ul li:before {background:rgb(247,0,208); background:radial-gradient(circle, rgba(247,0,208,1) 0%, rgba(255,31,47,1) 15%, rgba(242,83,73,1) 25%, rgba(255,169,63,1) 35%, rgba(172,241,183,1) 45%, rgba(95,233,255,1) 55%, rgba(0,0,255,1) 75%); position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; height:12px; width:12px; border-radius:100%;}

.case-study-main .Key-lights{ padding:0rem 0 1rem;}
.case-study-main .Key-lights h1{ text-align:left; }
.case-study-main .Key-lights .lead{ font-size:1.50rem; font-weight:500;  padding-bottom:0.5rem; display:block;}
  
.newsletters{ padding:2rem 0rem;}
.newsletters h3{color:var(--dc-primary); text-align:center; margin-bottom:2.5rem;} 
.newsletters .newsletter-form{ max-width:580px; margin:0 auto; position:relative;}
.newsletters .newsletter-form .form-group{ display:flex; gap:0.5rem;}

.newsletters .newsletter-form .form-control { display: block; width: 100%; padding: 0.375rem 1rem; font-weight: 400;  background-color: #fff;  background-clip: padding-box; border: 1px solid #fff; border-radius: 10px; font-family: var(--primary-font-family); height: calc(1.25rem + 30px);}
.newsletters .newsletter-form .form-control::-webkit-input-placeholder{ color:#cccccc;}
.newsletters .newsletter-form .form-control:-ms-input-placeholder{color:#cccccc;}
.newsletters .newsletter-form .form-control::placeholder{color:#cccccc;}

.newsletters .newsletter-form .form-group .form-field:nth-child(1){ flex:5;}
.newsletters .newsletter-form .form-group .form-field:nth-child(2){ flex:2.5;}
.newsletters .newsletter-form .form-group .btn-basic-black{ flex-shrink: 0;color: #fff; border: 0; background: rgb(247,0,208); background: linear-gradient(0deg, rgba(247,0,208,1) 0%, rgba(255,31,47,1) 29%, rgba(242,83,73,1) 48%, rgba(255,169,63,1) 75%, rgba(172,241,183,1) 100%); border-radius: 10px; cursor: pointer; padding: 14px 20px;}

.study-logo .img-fluid {
    max-width: 180px;
}
.invalid-feedback.subscribesuccess {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 12px;
}

.fontgradient{background: rgb(241,0,215); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, rgba(241,0,215,1) 0%, rgba(255,31,47,1) 15%, rgba(242,83,73,1) 33%, rgba(255,169,63,1) 49%, rgba(179,214,118,1) 63%, rgba(0,134,202,1) 83%, rgba(0,0,255,1) 100%);}

footer:before{ display:none;}



/**media css strart **/



@media screen and (max-width:1919px){

 
    
}
 


@media screen and (max-width:1199px){
.newsletters h3{ margin-bottom:2rem; }

} 


 

@media screen and (max-width:991px){
  
  

.case-study-main .content p{ padding-bottom:1rem;}

    

          
    
}




@media screen and (max-width:767px){ 
    
.case-study-main{ width:100%;}    
.case-study-wrapper{ padding:1.54rem 0rem;}
    
  
  
.case-study-main .content h3 span{ display:inline-block;}
     

    
    
.case-study-main .Key-lights .lead{ font-size:1.24rem;}  
.case-study-main .gallery-item{ flex-wrap:wrap; padding:0.5rem 0rem;}
.case-study-main .gallery-item .item{ flex:100%;}    
.case-study-main .study-logo{ width:80px;}  
    
.case-study-main h1{  padding-bottom:1rem;} 
.case-study-main h1 span{ display:inline-block;}        
.newsletter-sec{ padding:1rem 0rem;}      
   
.case-study-main .case-study-video{ border-radius:0.5rem;}

.newsletters h3{ margin-bottom:1rem;}
    
.newsletters .form-group{ flex-wrap:wrap; gap:1.3rem; flex-direction:column;} 
.newsletters .newsletter-form{ max-width:360px;}    
.newsletters .newsletter-form .form-field{flex:100%!important; text-align:center;} 
.newsletters .newsletter-form .form-group .btn-basic-black{ width:100%;}
    
} 
 


   
@media screen and (max-width:575px){
 
.case-study-main ul li::before {
	top: 8px;
	transform: initial;
}

    
}