@media (max-width: 319px){
    .client-success-content {
        margin-top: -70px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 260px ;
        min-height: 230px !important;
        max-height: 235px !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-custom{
        margin-top: 95px !important;
        margin-left: -35px;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 8px !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext{
        width: 175px !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 12px !important;
        font-weight: 400 !important;
        max-width:115px !important;
    }
    .client-success-featured-subtext{
        font-size: 8px !important;
        font-weight:200 !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 7px !important;
        font-weight: 600 !important;  
        margin-top: -2px !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .header-client-success{
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        padding-top: 20px !important;
    }
    .client-success-content .client-success-content-row1 .acf-header-btn{
        font-size: 8px !important;
        padding: 4px 8px !important;
    }
    .client-success-content .client-success-content-row2 .acf-header-btn{
        font-size: 8px !important;
        padding: 4px 8px !important;
    }
    .client-success-header-heading{
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .header-client-success-heading {
        width: auto !important;
    }
    .client-success-header-dropdown {
        margin-top: 22px;
        flex-wrap: nowrap;
   
    }
    .client-success-dropdown-menu label {
        font-size: 12px !important;
        font-weight: 400 !important;

    }
    .client-success-dropdown-menu select {
        font-size: 12px !important;
        font-weight: 300 !important;

    }
    .img-size {
        max-height: clamp(260px, 234px, 201px) !important;
        max-width: clamp(220px, 200px, 284px) !important;
    }
    .client-success-content-row1-textbox {
        width: 220px !important;
        height: 85px !important;
        margin-left: clamp(10px, 0px, 5%) !important;
        padding-bottom: 4px;
    }
    .client-success-content-row2-textbox {
        width: 220px !important;
        height: 85px !important;
        margin-right: clamp(10px, 0px, 5%) !important;
    }
    .text-dark{
        font-size: 9px !important;
    }
    .content-wrapper {
        margin-right: -25px !important;
        gap: 20px !important;
    }

    .client-success-btmtxt {
        max-width: 64% !important;
        font-size: 10px !important;
        margin-left: -20px !important;
    }
    .client-success-btmtxt-new {
        font-size: 8px !important;
        width: 300px;
    }
    .client-success-learn-more-content {
        left: 38% !important;
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center;
        align-items: stretch; 
        max-width: 80%;
    }
    .client-success-learn-more-content button {
        margin: 1px -54px 0 0px !important; 
        align-self: flex-start; 
    }
           
    .client-success-transformed-image-div {
        height: 78px !important;
        width: 175px;
        flex-shrink: 0; 
        overflow: hidden; 
        position: relative;
        margin-left: auto;
      }
      
    .client-success-transformed-image {
        max-width: 100%; 
        height: auto; 
        display: block; 
    }
    .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn {
        font-size: 8px !important;
        padding: 2px 8px !important;
      }
    .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn:hover {
        font-size: 8px !important;
        padding: 4px 8px !important;
    }


}
@media (min-width: 320px) and (max-width: 374px){
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 260px ;
        min-height: 230px !important;
        max-height: 235px !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-custom{
        margin-top: 95px !important;
        margin-left: -35px;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 8px !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext{
        width: 175px !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 13px !important;
        font-weight: 400 !important;
        max-width:115px !important;
    }
    .client-success-featured-subtext{
        font-size: 8px !important;
        font-weight:200 !important;
    }
    .client-success-content .client-success-content-row1 .acf-header-btn{
        font-size: 8px !important;
        padding: 4px 8px !important;
    }
    .client-success-content .client-success-content-row2 .acf-header-btn{
        font-size: 8px !important;
        padding: 4px 8px !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 9px !important;
        font-weight: 600 !important;  
        margin-top: -2px !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .client-success-content {
        margin-top: -70px !important;
    }
    .header-client-success{
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        flex-direction: column !important;
        padding-top: 20px !important;
    }
    
    .client-success-header-heading{
        font-size: 15px !important;
        letter-spacing: 0.309px !important;
        font-weight: 400 !important;
    }
    .header-client-success-heading {
        width: auto !important;
    }
    .client-success-header-dropdown {
        margin-top: 22px;
        flex-wrap: nowrap;
   
    }
    .client-success-dropdown-menu label {
        font-size: 12px !important;
        font-weight: 400 !important;

    }
    .client-success-dropdown-menu select {
        font-size: 12px !important;
        font-weight: 300 !important;

    }
    .img-size {
        max-height: clamp(260px, 234px, 201px) !important;
        max-width: clamp(290px, 200px, 284px) !important;
    }
    .client-success-content-row1-textbox {
        width: 290px !important;
        height: 90px !important;
        margin-left: clamp(10px, 0px, 5%) !important;
        padding-bottom: 4px;
    }
    .client-success-content-row2-textbox {
        width: 290px !important;
        height: 90px !important;
        margin-right: clamp(10px, 0px, 5%) !important;
    }
    .text-dark{
        font-size: 12px !important;
    }
    .content-wrapper {
        margin-right: -25px !important;
        gap: 20px !important;
    }

    .client-success-btmtxt {
        max-width: 64% !important;
        font-size: 10px !important;
        margin-left: -20px !important;
    }
    .client-success-btmtxt-new {
        font-size: 8px !important;
        width: 300px;
    }
    .client-success-learn-more-content {
        left: 38% !important;
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center;
        align-items: stretch; 
        max-width: 80%; 
      }
      

      
      .client-success-learn-more-content button {
        margin: 1px -54px 0 0px !important; 
        align-self: flex-start;
      }
      
      .client-success-transformed-image-div {
        height: 78px !important;
        width: 175px;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn {
        font-size: 8px !important;
        padding: 2px 8px !important;
    }

}



@media (min-width: 375px) and (max-width: 450px){
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 260px ;
        min-height: 280px !important;
        max-height: 235px !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-custom{
        margin-top: 110px !important;
        margin-left: -35px;
    }
    .client-success-custom h5{
        font-size: 15px !important;
    }
    .client-success-custom p{
        font-size: 9px !important;
    }
    .client-success-header-heading{
        font-size: 22px !important;
        font-weight: 500 !important;
        
    }
    .header-client-success-heading {
        width: auto !important;
        padding-top: 20px !important;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 13 !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext{
        width: 228px !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 24 !important;
        max-width:170px !important;
    }
    .client-success-featured-subtext{
        font-size: 16px !important;
        font-weight:200 !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 9px !important;
        font-weight: 600 !important;  
        margin-top: -2px !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .client-success-content {
        margin-top: -70px !important;
    }
    .header-client-success{
        flex-direction: column !important;
    }
    .header-client-success-heading{
        margin-left: 2% !important;
        font-size: 18px !important;
    }
    .client-success-header-dropdown {
        margin-top: 22px;
        flex-wrap: nowrap;
   
    }
    .client-success-dropdown-menu label {
        font-size: 14px !important;
        font-weight: 400 !important;

    }
    .client-success-dropdown-menu select {
        font-size: 14px !important;
        font-weight: 300 !important;

    }
    .img-size {
        max-height: clamp(260px, 234px, 201px) !important;
        max-width: clamp(345px, 330px, 284px) !important;
    }
    .client-success-content-row1-textbox {
        width: 345px !important;
        height: 115px !important;
        margin-left: clamp(12px, 37px, 5%) !important;
        padding-bottom: 4px;
    }
    .client-success-content-row2-textbox {
        width: 345px !important;
        height: 115px !important;
        margin-right: clamp(12px, 37px, 5%) !important;

    }
    .text-dark{
        font-size: 15px !important;
    }
    .client-success-btmtxt {
        min-width: 128px !important;
        max-width: 300px !important;
        font-size: 13px !important;
        margin-left: -17px !important;
    }

    /* .acf-header-btn.client-success-btn {
        padding: 10px 2px !important;
        font-size: 10px !important;
        margin-left: 19px !important;
        
    } */
    .acf-header-btn{
        /* margin-left: 19px !important; */
        
    }
    .content-wrapper {
        margin-right: -25px !important;
        gap: 20px !important;
    }

    .client-success-btmtxt-new {
        font-size: 10px !important;
        width: 300px;
    }
    .client-success-learn-more-content {
        left: 38% !important; 
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center;
        align-items: stretch; 
        max-width: 80%;
      }
      

      
      .client-success-learn-more-content button {
        margin: 2px -75px 0 0px !important; 
        align-self: flex-start;
      }
      
      .client-success-transformed-image-div {
        height: 78px !important;
        width: 175px;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn {
        font-size: 10px !important;
        padding: 4px 8px !important;
      }
}
@media (min-width: 451px) and (max-width: 575px){
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 260px ;
        min-height: 280px !important;
        max-height: 235px !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-custom{
        margin-top: 110px !important;
        margin-left: -35px;
    }
    .client-success-custom h5{
        font-size: 15px !important;
    }
    .client-success-custom p{
        font-size: 9px !important;
    }
    .client-success-header-heading{
        font-size: 22px !important;
        font-weight: 500 !important;
        
    }
    .header-client-success-heading {
        width: auto !important;
        padding-top: 20px !important;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 13 !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext{
        width: 228px !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 24 !important;
        max-width:170px !important;
    }
    .client-success-featured-subtext{
        font-size: 16px !important;
        font-weight:200 !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 9px !important;
        font-weight: 600 !important;  
        margin-top: -2px !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .client-success-content {
        margin-top: -70px !important;
    }
    .header-client-success{
        flex-direction: column !important;
    }
    .header-client-success-heading{
        margin-left: 2% !important;
        font-size: 18px !important;
    }
    .client-success-header-dropdown {
        margin-top: 22px;
        flex-wrap: nowrap;
   
    }
    .client-success-dropdown-menu label {
        font-size: 14px !important;
        font-weight: 400 !important;

    }
    .client-success-dropdown-menu select {
        font-size: 14px !important;
        font-weight: 300 !important;

    }
    .img-size {
        max-height: clamp(260px, 234px, 201px) !important;
        max-width: clamp(390px, 330px, 284px) !important;
    }
    .client-success-content-row1-textbox {
        width: 390px !important;
        height: 115px !important;
        margin-left: clamp(12px, 37px, 5%) !important;
        padding-bottom: 4px;
    }
    .client-success-content-row2-textbox {
        width: 390px !important;
        height: 115px !important;
        margin-right: clamp(12px, 37px, 5%) !important;

    }
    .text-dark{
        font-size: 15px !important;
    }
    .client-success-btmtxt {
        min-width: 128px !important;
        max-width: 300px !important;
        font-size: 13px !important;
        margin-left: -17px !important;
    }

    /* .acf-header-btn.client-success-btn {
        padding: 10px 2px !important;
        font-size: 10px !important;
        margin-left: 19px !important;
        
    } */
    /* .acf-header-btn{
        margin-left: 19px !important;
        
    } */
    .content-wrapper {
        margin-right: -25px !important;
        gap: 20px !important;
    }

    .client-success-btmtxt-new {
        font-size: 11px !important;
        width: 300px;
    }
    .client-success-learn-more-content {
        left: 38% !important; 
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center;
        align-items: stretch; 
        max-width: 80%;
      }
      

      
      .client-success-learn-more-content button {
        margin: 2px -75px 0 0px !important; 
        align-self: flex-start;
      }
      
      .client-success-transformed-image-div {
        height: 78px !important;
        width: 175px;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn {
        font-size: 10px !important;
        padding: 4px 8px !important;
      }
      .FirstLetter{
        font-size: 46px !important;
        line-height: 43px !important;
    }
}



@media (min-width: 576px) and (max-width:767px) { 
    .client-success-banner{
        background-repeat: no-repeat !important;
        min-height: 260px !important;
        max-height: 350px !important; 
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-influence h5{
        margin-top: 175px;
        font-size: 19 !important;
    }
    .client-success-custom{
        margin-top: 175px !important;
        margin-left: -15px;
    }
    .client-success-custom h5{
        font-size: 16px !important;
    }
    .client-success-custom p{
        font-size: 9px !important;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 13px !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext{
        width: 290px !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 24 !important;
        max-width:178px !important;
    }
    .client-success-featured-subtext{
        font-size: 16px !important;
        font-weight:200 !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 14px !important;
        font-weight: 600 !important;  
        margin-top: 0px !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .header-client-success{
        flex-direction: column !important;
    }
    .header-client-success-heading{
        margin-left: 2% !important;
        font-size: 18px !important;
    }
    .header-client-success{
        flex-direction: column !important;
    }
    .client-success-header-dropdown {
        margin-top: 22px;
        flex-wrap: nowrap;
   
    }
    .client-success-dropdown-menu label {
        font-size: 14px !important;
        font-weight: 400 !important;

    }
    .client-success-dropdown-menu select {
        font-size: 14px !important;
        font-weight: 300 !important;

    }
    .img-size {
        max-height: clamp(260px, 234px, 201px) !important;
        max-width: clamp(476px, 330px, 284px) !important;
    }
    .client-success-content-row1-textbox {
        width: 480px !important;
        height: 110px !important;
        margin-left: clamp(38px, 37px, 5%) !important;
        padding-bottom: 4px;
   }
    .client-success-content-row2-textbox {
        width: 480px !important;
        height: 110px !important;
        margin-right: clamp(38px, 37px, 5%) !important;

    }
    .text-dark{
        font-size: 15px !important;
    }
    .client-success-btmtxt {
        max-width: 58% !important;
        font-size: 18px !important;
        margin-left: 0px !important;
    }


    .acf-header-btn{
        margin-left: 19px !important;
        
    }
    .client-success-btmtxt {
        max-width: 60% !important;
        margin-left: 15px !important;
        font-size: 18px !important;
    }
 
    .client-success-btmtxt-new {
        font-size: 14px !important;
        width: 300px;
    }
    .client-success-learn-more-content {
        left: 38% !important;
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center; 
        align-items: stretch; 
        max-width: 80%;
      }
      

      
      .client-success-learn-more-content button {
        margin: 12px -120px 0 75px !important; 
        align-self: flex-start;
      }
      
      .client-success-transformed-image-div {
        height: 123px !important;
        width: 275px;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn {
        font-size: 12px !important;
      }
}



@media (min-width: 768px)  and (max-width:991px) {
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 345px !important; 
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-influence h5{
        margin-top: 2px;
        font-size: 19 !important;
    }
    .client-success-custom{
        margin-top: 178px !important;
        margin-left: -20px;
    }
    .client-success-custom h5{
        font-size: 15px !important;
    }
    .client-success-featured-subtext {
        font-size: 10px !important;
        width:312px !important; 
        opacity: 0.9;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 10px !important;
        font-weight: 700 !important;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 24 !important;
        max-width:170px !important;
    }

    .client-success-read-more{
        position: absolute;
        font-size: 13px !important;
        font-weight: 600 !important;  
        margin-top: 0px !important;
        margin-left: 195px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .header-client-success {
        padding-left: 25px !important;
        padding-right: 0% !important;
        padding-top: 4% !important;
    }
    .header-client-success-heading{
        margin-left: 2% !important;
        font-size: 18px !important;
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
        padding-top: 5px !important;
    }
    .client-success-dropdown-menu label {
        font-size: 16px !important ;
    }
    .client-success-dropdown-menu select {
        font-size: 16px !important;
    }
    .img-size{
        max-height: 230px !important;
        max-width:320px !important;
    }
    .client-success-content-row1-textbox {

        width: clamp(88%, 370px, 85%) !important;
        height: 120px !important;
        width: clamp(315px, 265px, 85%) !important;
        margin-left: clamp(-12px, -20px, 5%) !important;
        padding-bottom: 4px;
   }
    .text-dark{
        font-size: 15px !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(315px, 265px, 85%) !important;
        height: 110px !important;
        margin-right: clamp(-12px, -20px, 5%) !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .col1img{
        margin-left: -34px;
    }
    .col2img{
        margin-right: -34px;
    }

    .client-success-learn-more-section {
        background-size: cover;
        background-position: center;
        padding: 40px !important; 

    }


    .client-success-btmtxt {
        font-size: 25px !important;
    }
    .client-success-btmtxt {
        max-width: 60% !important;
        margin-left: 70px !important;
        font-size: 20px !important;
    }
    .client-success-btmtxt-new {
        font-size: 14px !important;
        
    }
    .client-success-learn-more-content {
        left: 39% !important;
        top: 50% !important;
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center; 
        align-items: stretch;
        width: 524px !important;
     
      }
      

      
    .client-success-learn-more-content button {
        margin: 17px -60px 0 75px !important; 
        font-size: 11px !important;
        padding: 4px 5px !important;
      }

      .client-success-transformed-image-div {
        height: 89px !important;
        width: 200px;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-learn-more-content p {
        margin: 10px 27px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 4rem !important;

    }
}




@media (min-width: 992px) and (max-width:1199px) {
    .client-success-banner{
        height: 446px !important;
        /* min-height: 530px !important;
        max-height: 840px !important;  */
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-custom{
        margin-top: 240px !important;
        margin-left: 0px;
    }
    .client-success-featured{
        margin-top: -45px;
        font-size: 15px !important;
        font-weight: 700 !important;
    }
    .client-success-featured-subtext {
        font-size: 16px !important;
        width:50% !important; 
        opacity: 0.9;
    }
    .client-success-influence{
        margin-top: -18px;
        font-size: 21px !important;
        max-width:28% !important;
    }
    .client-success-featured-subtext{
        font-size: 12px !important;
        font-weight:200 !important;
    }
    .client-success-read-more{
        position: absolute;
        font-size: 17px !important;
        font-weight: 600 !important;  
        margin-top: -10px !important;
        margin-left: 215px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .header-client-success-heading{
        margin-left: 4% !important;
    }
    .client-success-header-dropdown {
        margin-top: 10px;
        width: 140% !important;
        justify-content: flex-end !important;
    }
    .client-success-dropdown-menu label {
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    .client-success-dropdown-menu select {
        font-size: 16px !important;
        font-weight: 300 !important;

    }    
    .client-success-dropdown-menu select {
        font-size: 16px !important;
        font-weight: 300 !important;

    }
    .col1img{
        margin-left: -30px;
    }
    .col2img{
        margin-right: -30px;
    }
    .img-size{
        height: 230px !important;
        width: 400px !important;
    }
    .text-dark{
        font-size: 19px !important;
        font-weight: 900 !important;
    }
    .client-success-content-row1-textbox {


        width: clamp(408px, 360px, 350px) !important;
        height: 137px !important;
        margin-left:  clamp(-8px, -10px, 5%) !important;
    }
    .client-success-content-row2-textbox {


        width: clamp(408px, 360px, 350px) !important;
        height: 127px !important;
        margin-right:  clamp(-8px, -10px, 5%) !important;
    }
 
    .acf-header-btn{
        margin-left: 19px !important;
        
    }
    .client-success-btmtxt {
        max-width: 60% !important;
        margin-left: 95px !important;
        font-size: 22px !important;
    }
    .client-success-btmtxt-new {
        font-size: 20px !important;
        width: 570px;
    }
    .client-success-learn-more-content {
        left: 38% !important;
        top: 54% !important;
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center;
        align-items: stretch;
        max-width: 80%;
      }
      

      
      .client-success-learn-more-content button {
        margin: 10px -100px 0 15px !important;
        align-self: flex-start; 
      }
      
      .client-success-transformed-image-div {
        height: 134px !important;
        width: 300px;
        flex-shrink: 0;
        overflow: hidden;
        position: relative;
        margin-left: auto;
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto;
        display: block;
      }
      .client-success-content .my-5{
        margin-bottom: 5rem !important;

    }
}




@media (min-width: 1200px) and (max-width:1399px) {
    .client-success-featured-subtext {
        font-size: 16px !important;
        width:52% !important; 
        opacity: 0.9;
    }
    .client-success-header-heading {
        margin-left: -5% !important;
    }
    
    .client-success-read-more {
        margin-left: 331px !important;
    }
    .col1img{
        margin-left: -30px;
    }
    .col2img{
        margin-right: -30px;
    }
    .client-success-content-row1-textbox {
        width: clamp(480px, 433px, 85%) !important;
        height: 137px !important;
        margin-left: clamp(-5px, -20px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(480px, 433px, 85%) !important;
        height: 125px !important;
        margin-right: clamp(-5px, -20px, 5%) !important;
    }   
    .client-success-custom{
        margin-top: 295px !important;
        margin-left: 20px;
    }
    .client-success-header-dropdown {
        margin-top: 10px;
        width: 140% !important;
        justify-content: flex-end !important;
    }
    .client-success-dropdown-menu label {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .client-success-dropdown-menu select {
        font-size: 16px !important;
        font-weight: 300 !important;

    }
    .header-client-success-heading {
        margin-left: 6% !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .img-size{
        height: 310px !important;
        width: 480px !important;
    }
    .text-dark{
        font-size: 20px !important;
        font-weight: 900 !important;
    }
    .client-success-learn-more-content p {
        margin: 0 60px !important;
    }
    .client-success-btmtxt {
        margin-left: -120px !important;
    }
    
    .client-success-btmtxt-new {
        font-size: 25px !important;
        width: 782px;
    }
    .client-success-learn-more-content {
        left: 43% !important;
        transform: translate(-50%, -50%);
        padding: 0px;
        justify-content: center;
        align-items: stretch;
        max-width: 80%;
      }
      

      
      .client-success-learn-more-content button {
        margin: 20px 25px 0 0px !important;
        align-self: flex-start; 
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden; 
        position: relative; 
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%; 
        height: auto; 
        display: block; 
      }
      .client-successp-5 {
        padding: 3rem 1rem 3rem 1rem !important;
    }
    .client-success-content .my-5{
        margin-bottom: 4rem !important;

    }
      
    

}




@media (min-width: 1400px) and (max-width: 1650px) {
    .col1img{
        margin-left: -30px;
    }
    .col2img{
        margin-right: -30px;
    }
    .client-success-header-heading {
        margin-left: -8% !important;
        font-size: 30px;
    }
    .client-success-content-row1-textbox {
        width: clamp(580px, 433px, 85%) !important;
        height: 150px !important;
        margin-left: clamp(-5px, -20px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(580px, 433px, 85%) !important;
        height: 140px !important;
        margin-right: clamp(-5px, -20px, 5%) !important;
    } 
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-custom{
        margin-top: 305px !important;
        margin-left: 0px;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        /* height: clamp(800px,760px,750px) !important; */
        max-width:100%; 
        position: relative; 
        overflow: hidden;height: 648px !important;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 490px !important;
        margin-top: -18px;
        font-size: 40   px !important;
    }
    .client-success-featured-subtext {
        font-size: 19px !important;
        width:626px !important; 
        opacity: 0.9;
    }
    .client-success-btmtxt {
        margin-left: -5% !important;
    }
    .client-success-read-more {
        margin-left: 428px !important;
    }
    .client-success-btmtxt-new {
        font-size: 32px !important;
        width: 900px;
    }
    .client-success-learn-more-content {
        left: 42% !important; 
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center; 
        align-items: stretch;
        max-width: 80%; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn   {
        margin: 30px -90px 0 110px !important; 
        align-self: flex-start;
        border-radius: 7px !important;
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .text-dark {
        font-size: 21px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }

}

@media (min-width: 1651px) and (max-width: 1800px) {
    .col1img{
        margin-left: 0px;
    }
    .col2img{
        margin-right: 0px;
    }
    .client-success-header-heading {
        margin-left: -8% !important;
        font-size: 35px;
    }
    .client-success-content-row1-textbox {
        width: clamp(590px, 433px, 85%) !important;
        height: 150px !important;
        margin-left: clamp(30px, -20px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(590px, 433px, 85%) !important;
        height: 140px !important;
        margin-right: clamp(30px, -20px, 5%) !important;
    } 
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-custom{
        margin-top: 400px !important;
        margin-left: 0px;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: clamp(800px,760px,750px) !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 19 !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 548px !important;
        margin-top: -18px;
        font-size: 44px !important;
    }
    .client-success-featured-subtext {
        font-size: 22px !important;
        width:700px !important; 
        opacity: 0.9;
    }
    .client-success-btmtxt {
        margin-left: -5% !important;
    }
    .client-success-read-more {
        margin-left: 523px !important;
    }
    .client-success-btmtxt-new {
        font-size: 32px !important;
        width: 900px;
    }
    .client-success-learn-more-content {
        left: 45% !important; 
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center; 
        align-items: stretch;
        max-width: 80%; 
      }
      

      
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn   {
        margin: 33px -90px 0 110px !important; 
        align-self: flex-start;
        border-radius: 8px !important;
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .text-dark {
        font-size: 21px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }

}


@media (min-width: 1801px) and (max-width: 2250px){

    .client-success-content .my-5{
        margin-bottom: 7rem !important;

    }
    .client-success-custom{
        margin-top: 415px !important;
        margin-left: 50px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        /* height: clamp(1050px,900px,823px) !important; */
        max-width:100%; 
        position: relative; 
        overflow: hidden;
        height: 856px !important;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 22px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 548px !important;
        margin-top: -18px;
        font-size: 48px !important;
    }
    .client-success-featured-subtext {
        font-size: 24px !important;
        width: 50% !important;
        opacity: 0.9;
    }
    .client-success-read-more {
        margin-left: 470px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-header-heading {
        font-size: 40px;
    }

    .client-success-main-section img{
        width: 700px !important;
    }

    .client-success-header-dropdown {
        justify-content: flex-end !important;
    }
    .col1img{
        margin-left: -30px;
    }
    .col2img{
        margin-right: -30px;
    }
    .client-success-content-row1-textbox {
        width: clamp(700px, 433px, 85%) !important;
        height: 210px !important;
        margin-left: clamp(25px, -20px, -3%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(700px, 433px, 85%) !important;
        height: 200px !important;
        margin-right: clamp(25px, -20px, 5%) !important;
    }
    .client-success-btmtxt {
        margin-left: -8% !important;
    }
    .client-success-btmtxt-new {
        font-size: 33px !important;
        width: 900px;
    }
    .client-success-learn-more-content {
        transform: translate(-50%, -50%);
        justify-content: center;
        align-items: stretch; 
        max-width: 80%; 
      }

      .client-success-learn-more-content {
        left: 39% !important;
    }
      
    .client-success-learn-more-section-new{
        height: 250px !important;
    }
      

      
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn   {
        margin: 32px -90px 0 110px !important; 
        align-self: flex-start;
        font-size: 22px !important;
        border-radius: 8px !important;
      }

      .case-study-bread-sec {
        font-size: 15px;
        display: flex;
        align-items: center;
        padding: 0px;
        background: var(--Dark-gray, #2E2E2E);
        height: 38px;
    }

    .casestudymt5 {
        --bs-gutter-x: 2.5rem !important;
        --bs-gutter-y: 0 !important;
    }
      
      .client-success-transformed-image-div {
        height: 250px !important;
        flex-shrink: 0;
        overflow: hidden;
        position: relative;
        margin-left: auto;
    }
      
      .client-success-transformed-image {
        max-width: none;
        height: auto;
        display: block;
        width: 562px;
    }


      .client-success-banner .client-success-read-more{
        font-size: 30px !important;
        padding: 10px 20px;
    }
    .client-successp-5 {
        /* padding: 3rem 15rem 3rem 15rem !important; */
    }
    .text-dark {
        font-size: 28px !important;
    }
    .client-success-dropdown-menu label {
        font-size: 18px !important;
    }

    .client-success-content .acf-header-btn {
        font-size: 23.2px !important;
    }


}

@media (min-width: 2251px) and (max-width: 2559px){
    .client-success-custom{
        margin-top: 535px !important;
        margin-left: 50px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: clamp(1050px,900px,823px) !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 22px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 548px !important;
        margin-top: -18px;
        font-size: 50px !important;
    }
    .client-success-featured-subtext {
        font-size: 28px !important;
        width:800px !important; 
        opacity: 0.9;
    }
    .client-success-read-more {
        margin-left: 535px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-header-heading {
        margin-left: -5% !important;
        font-size: 40px;
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
    }
    .col1img{
        margin-left: -30px;
    }
    .col2img{
        margin-right: -30px;
    }
    .client-success-content-row1-textbox {
        width: clamp(590px, 433px, 85%) !important;
        height: 150px !important;
        margin-left: clamp(0px, -20px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(590px, 433px, 85%) !important;
        height: 140px !important;
        margin-right: clamp(0px, -20px, 5%) !important;
    } 
    .client-success-btmtxt {
        margin-left: -8% !important;
    }
    .client-success-btmtxt-new {
        font-size: 35px !important;
        width: 900px;
    }
    .client-success-learn-more-content {
        left: 47% !important;
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center;
        align-items: stretch; 
        max-width: 80%; 
      }    
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn   {
        margin: 31px -90px 0 110px !important; 
        align-self: flex-start;
        font-size: 22px !important;
        border-radius: 8px !important;
      }

      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-success-banner .client-success-read-more{
        font-size: 30px !important;
        padding: 10px 20px;
    }
    .client-successp-5{
        padding:3rem 20rem 3rem 20rem !important;
    }
    .text-dark {
        font-size: 23px !important;
    }
    .client-success-dropdown-menu label {
        font-size: 25px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }

}


@media (min-width: 2560px) and (max-width: 3000px){
    .img-size {
        /* max-height: 310px; */
        width: 834px !important; 
    }

    .client-success-banner .client-success-read-more{
        font-size: 45px !important;
        padding: 10px 20px;
    }
    .client-success-custom{
        margin-top: 590px !important;
        margin-left: 50px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: 1152px !important ;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 29px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 837px !important;
        margin-top: -18px;
        font-size: 66px !important;
    }
    .client-success-featured-subtext {
        font-size: 31px !important;
        width:990px !important; 
        opacity: 0.9;
    }
    .client-success-read-more {
        margin-top: 10px !important;
        margin-left: 643px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-header-heading {
        margin-left: -5% !important;
        font-size: 40px;    
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
    }
    .client-success-content-row1-textbox {
        width: clamp(834px, 433px, 85%) !important;
        height: 170px !important;
        margin-left: clamp(30px, 0px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(834px, 433px, 85%) !important;
        height: 160px !important;
        margin-right: clamp(30px, 0px, 5%) !important;
    }

    .acf-header-btn {
            font-size: 19.2px !important;
            margin-right: 560px;
    }
    .client-success-btmtxt {
        margin-left: -8% !important;
    }
    .content-wrapper {
        margin-left: 35% !important;
    }
    .client-success-btmtxt-new {
        font-size: 39px !important;
        width: 1150px;
    }
    .client-success-learn-more-content {
        left: 48% !important; 
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center; 
        align-items: stretch; 
        max-width: 80%; 
      }
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn  {
        margin: 37px -90px 0 110px !important; 
        font-size: 24px !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-successp-5{
        padding:3rem 15rem 3rem 15rem !important;
    }
    .text-dark {
        font-size: 30px !important;
    }
    .client-success-dropdown-menu label {
        font-size: 25px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }

}

@media (min-width: 3001px) and (max-width: 3880px){
    .img-size {
        /* max-height: 310px; */
        width: 834px !important; 
    }

    .client-success-banner .client-success-read-more{
        font-size: 45px !important;
        padding: 10px 20px;
    }
    .client-success-custom{
        margin-top: 700px !important;
        margin-left: 50px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: clamp(1400px,1100px,900px) !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 22px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 950px !important;
        margin-top: -18px;
        font-size: 85px !important;
    }
    .client-success-featured-subtext {
        font-size: 32px !important;
        width:990px !important; 
        opacity: 0.9;
    }
    .client-success-read-more {
        margin-left: 604px !important;
    }
    .client-success-content {
        margin-top: -50px !important;
    }
    .client-success-header-heading {
        margin-left: -5% !important;
        font-size: 40px;
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
    }
    .client-success-content-row1-textbox {
        width: clamp(834px, 433px, 85%) !important;
        height: 180px !important;
        margin-left: clamp(30px, 0px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(834px, 433px, 85%) !important;
        height: 170px !important;
        margin-right: clamp(30px, 0px, 5%) !important;
    }

    .acf-header-btn {
            font-size: 19.2px !important;
            margin-right: 560px;
    }
    .client-success-btmtxt {
        margin-left: -8% !important;
    }
    .content-wrapper {
        margin-left: 35% !important;
    }
    .client-success-btmtxt-new {
        font-size: 39px !important;
        width: 1150px;
    }
    .client-success-learn-more-content {
        left: 48% !important; 
        transform: translate(-50%, -50%); 
        padding: 10px;
        justify-content: center; 
        align-items: stretch; 
        max-width: 80%; 
      }
      
      .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn  {
        margin: 37px -90px 0 110px !important; 
        font-size: 24px !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-successp-5{
        padding:3rem 22rem 3rem 22rem !important;
    }
    .text-dark {
        font-size: 30px !important;
    }
    .client-success-dropdown-menu label {
        font-size: 30px !important;
    }
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }

}

@media (min-width: 3880px){
    .client-success-content .my-5{
        margin-bottom: 6rem !important;

    }
    .client-success-dropdown-menu label {
        font-size: 30px !important;
    }
    .img-size {
        /* max-height: 310px; */
        width: 1270px !important; 
    }
    .client-success-banner .client-success-read-more{
        font-size: 50px !important;
        padding: 10px 20px;
    }
    .client-success-custom{
        margin-top: 1440px !important;
        margin-left: 80px !important;
    }
    .client-success-banner{
        background-repeat: no-repeat !important;
        height: clamp(2450px,826px,823px) !important;
        max-width:100%; 
        position: relative; 
        overflow: hidden;
    }
    .client-success-featured{
        color: #6f6868  !important;
        font-size: 35px !important;
        font-weight: 700 !important;
    }
    
    .client-success-influence{
        max-width: 1681px !important;
        margin-top: -18px;
        font-size: 150px !important;
    }
    .client-success-featured-subtext {
        font-size: 56px !important;
        width:1825px !important; 
        opacity: 0.9;
    }
    .client-success-read-more {
        margin-top: 40px !important;
        margin-left: 1387px !important;
    }
    .client-success-header-heading {
        margin-left: -5% !important;
        font-size: 50px;
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
    }
    .client-success-content-row1-textbox {
        width: clamp(1270px, 433px, 85%) !important;
        height: 210px !important;
        margin-left: clamp(30px, 0px, 5%) !important;
    }
    .client-success-content-row2-textbox {
        width: clamp(1270px, 433px, 85%) !important;
        height: 190px !important;
        margin-right: clamp(30px, 0px, 5%) !important;
    }
    .text-dark {
        font-size: 40px !important;
    }
    .client-success-btmtxt-new {
        font-size: 39px !important;
        width: 1150px;
    }
    .client-success-learn-more-content {
        left: 42% !important;
        transform: translate(-50%, -50%);
        padding: 10px;
        justify-content: center; 
        align-items: stretch;
        max-width: 80%;
      }     
    .client-success-learn-more-section-new .client-success-learn-more-content .acf-header-btn  {
        margin: 37px -90px 0 110px !important; 
        font-size: 24px !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
      }
      
      .client-success-transformed-image-div {
        height: 172px !important;
        flex-shrink: 0; 
        overflow: hidden;
        position: relative;
        margin-left: auto; 
      }
      
      .client-success-transformed-image {
        max-width: 100%;
        height: auto; 
        display: block; 
      }
      .client-successp-5{
        padding:3rem 28rem 3rem 28rem !important;
    }


}





/* ----------------------------CASE STUDY---------------------------------- */
@media (max-width: 374px){
    .casestudymt5{
        margin-top: 1rem !important;
    
    }
    .casestudyH5 {
        font-size: 23px;
        font-style: normal;
        font-weight: 300;
    }
    #af-section-black {
        padding: 10px 20px !important;
    }
    ul.breadcrumb {
        display: none;
    }
    .toggle-text{
        font-size: 12px !important;
    }
    .dark-light-toggle{
        margin-top: 4px !important;
        margin-right: -30px !important;
    }
    .casestudy-main-image {
        margin-top: -30px;
    }
    .casestudymt5 {
        margin-top: 1rem!important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 12px !important;
    }
    .case-study-heading {
        font-size: 35px !important;
        font-weight: 300 !important;
        line-height: 55px !important;
        margin-top: 8px;
    }
    .case-study-linked-text {
        font-size: 12px !important;
    }
    .first-p {
        font-size: 13px !important;
    }
    /* .casestudy-challenge-content{
        font-size: 13px !important;
    } */

    .casestudy-challenge-content p{
        font-size: 13px !important;
    }
    .client-testimonial-text{
        font-size: 12px;
      }




}



@media (min-width: 375px) and (max-width: 575px){
    .casestudymt5{
        margin-top: 1rem !important;
    
    }
    .casestudyH5 {
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
    }
    #af-section-black {
        padding: 10px 20px !important;
    }
    ul.breadcrumb {
        display: none;
    }
    .toggle-text{
        font-size: 12px !important;
    }
    .dark-light-toggle{
        margin-top: 4px !important;
        margin-right: -30px !important;
    }
    .casestudy-main-image {
        margin-top: -30px;
    }
    .casestudymt5 {
        margin-top: 1rem!important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 13px !important;
    }
    .case-study-heading {
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 55px !important;
        margin-top: 8px;
    }
    .case-study-linked-text {
        font-size: 13px !important;
    }
    .first-p {
        font-size: 15px !important;
    }
    .casestudy-challenge-content {
        font-size: 15px !important;
    }

    .client-testimonial-text{
        font-size: 14px;
    }

    .FirstLetter{
        font-size: 46px !important;
        line-height: 43px !important;
    }



}



@media (min-width: 576px) and (max-width:767px) { 
    .casestudymt5{
        margin-top: 1rem !important;
    
    }
    .casestudyH5 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
    }
    #af-section-black {
        padding: 20px 40px !important;
    }
    ul.breadcrumb {
        margin-left: -40px !important;
        width: 420px !important;
    }
    .toggle-text{
        font-size: 12px !important;
    }
    .dark-light-toggle{
        margin-top: 4px !important;
        margin-right: -50px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 13px !important;
    }
    .case-study-heading {
        font-size: 45px !important;
        font-weight: 500 !important;
        line-height: 55px !important;
        margin-top: 8px;
    }
    .case-study-linked-text {
        font-size: 13px !important;
    }
    .first-p {
        font-size: 14px !important;
    }
    .casestudy-challenge-content {
        font-size: 14px !important;
    }
    .client-testimonial-text{
        font-size: 14px;
    }
    .FirstLetter{
        font-size: 45px !important;
        line-height: 41px !important;
    }   

}



@media (min-width: 768px)  and (max-width:991px) {
    .casestudymt5{
        margin-top: 1rem !important;
    
    }
    .casestudyH5 {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
    }
    #af-section-black {
        padding: 20px 50px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 13px !important;
    }
    .case-study-heading {
        font-size: 45px !important;
        font-weight: 500 !important;
        line-height: 55px !important;
        margin-top: 10px;
    }
    .case-study-linked-text {
        font-size: 13px !important;
    }
    .first-p {
        font-size: 14px !important;
    }
    .casestudy-challenge-content {
        font-size: 14px !important;
    }
    .client-testimonial-text{
        font-size: 15px;
    }
    .FirstLetter{
        font-size: 45px !important;
        line-height: 40px !important;
    }

}




@media (min-width: 992px) and (max-width:1199px) {
    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 90px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 14px !important;
    }
    .case-study-heading {
        font-size: 50px !important;
        font-weight: 500 !important;
        line-height: 55px !important;
        margin-top: 20px;
    }
    .case-study-linked-text {
        font-size: 14px !important;
    }
    .first-p {
        font-size: 15px !important;
    }
    .casestudy-challenge-content {
        font-size: 15px !important;
    }
    
    .client-testimonial-text{
        font-size: 15px;
    }
    .FirstLetter{
        font-size: 48px !important;
        line-height: 42px !important;
    }

}




@media (min-width: 1200px) and (max-width:1399px) {
    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 140px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 16px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        justify-content: center; /* Horizontally center the image */
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    .casestudy-main-image {
        max-width: 100% !important;
        border-radius: 10px;
    }
    .case-study-heading {
        font-size: 55px !important;
        font-weight: 700 !important;
        margin-top: 20px;
    }
    .case-study-linked-text {
        font-size: 16px !important;
    }
    .first-p {
        font-size: 18px !important;
    }
    .casestudy-challenge-content {
        font-size: 18px !important;
    }
    .client-testimonial-text{
        font-size: 18px;
    }
    .FirstLetter{
        font-size: 55px !important;
        line-height: 52px !important;
    }





}




@media (min-width: 1400px) and (max-width: 1800px) {
    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 160px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 17px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        justify-content: center; /* Horizontally center the image */
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    
    .casestudy-main-image {
        width: 1720px !important;
        height: auto; 
    }
    
    .case-study-heading {
        font-size: 60px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        margin-top: 20px;
    }
    .case-study-linked-text {
        font-size: 18px !important;
    }
    .first-p {
        font-size: 20px !important;
    }
    .casestudy-challenge-content {
        font-size: 20px !important;
    }
    .custom-carousel-image {
        width: 70% !important;
    }
    .client-success-header-dropdown {
        justify-content: flex-end !important;
        
    }
    .client-testimonial-text{
        font-size: 20px;
    }
    .FirstLetter {
        font-size: 65px !important;
        line-height: 56px !important;
    }


}



@media (min-width: 1801px) and (max-width: 2559px){
    .FirstLetter {
        font-size: 72px !important;
        line-height: 65px !important;
    }
    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 200px !important;
    }
    .casestudy-casestudy {
        font-weight: 800!important;
        font-size: 19px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        justify-content: center; /* Horizontally center the image */
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    
    .casestudy-main-image {
        width: 2150px !important; /* Ensure the image does not exceed its container width */
        height: auto; /* Maintain aspect ratio */
    }
    
    .case-study-heading {
        font-size: 65px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        margin-top: 30px;
    }
    .case-study-linked-text {
        font-size: 20px !important;
    }
    .first-p {
        font-size: 22px !important;
    }
    .casestudy-challenge-content {
        font-size: 22px !important;
    }
    .custom-carousel-image {
        width: 70% !important;
    }
 

    .client-testimonial-text{
        font-size: 25px;
    }


}


@media (min-width: 2560px) and (max-width: 3000px){
    .FirstLetter {
        font-size: 83px !important;
        line-height: 72px !important;
    }

    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 240px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 20px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        justify-content: center; /* Horizontally center the image */
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    
    .casestudy-main-image {
        width: 2520px !important; /* Ensure the image does not exceed its container width */
        height: auto; /* Maintain aspect ratio */
    }
    
    .case-study-heading {
        font-size: 70px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        margin-top: 30px;
    }
    .case-study-linked-text {
        font-size: 22px !important;
    }
    .first-p {
        font-size: 25px !important;
    }
    .casestudy-challenge-content {
        font-size: 25px !important;
    }
    .custom-carousel-image {
        width: 70% !important;
    }



}
@media (min-width: 3001px) and (max-width: 3880px){
    .FirstLetter {
        font-size: 83px !important;
        line-height: 73px !important;
    }
    .casestudymt5{
        margin-top: 3rem !important;
    
    }
    #af-section-black {
        padding: 20px 240px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 20px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        justify-content: center; /* Horizontally center the image */
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    
    .casestudy-main-image {
        width: 3350px !important; /* Ensure the image does not exceed its container width */
        height: auto; /* Maintain aspect ratio */
    }
    
    .case-study-heading {
        font-size: 70px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        margin-top: 30px;
    }
    .case-study-linked-text {
        font-size: 22px !important;
    }
    .first-p {
        font-size: 25px !important;
    }
    .casestudy-challenge-content {
        font-size: 25px !important;
    }
    .custom-carousel-image {
        width: 70% !important;
    }
   
    .client-testimonial-text{
        font-size: 25px;
    }


}

@media (min-width: 3880px){
    .FirstLetter {
        font-size: 83px !important;
        line-height: 73px !important;
    }
    .casestudymt5{
        margin-top: 3rem !important;
        width: 2685px;
    
    }
    #af-section-black {
        padding: 20px 280px !important;
    }
    .casestudy-casestudy {
        font-weight: 300!important;
        font-size: 22px !important;
    }
    .casestudy-main-image-div {
        display: flex;
        align-items: center; /* Vertically center the image */
        margin-top: 20px; /* Adjust margin top as needed */
    }
    
    .casestudy-main-image {
        width: 3350px !important; /* Ensure the image does not exceed its container width */
        height: auto; /* Maintain aspect ratio */
    }
    
    
    .case-study-heading {
        font-size: 75px !important;
        font-weight: 700 !important;
        line-height: 55px !important;
        margin-top: 40px;
    }
    .case-study-linked-text {
        font-size: 24px !important;
    }
    .first-p {
        font-size: 26px !important;
    }
    .casestudy-challenge-content {
        font-size: 26px !important;
    }
    .custom-carousel-image {
        width: 60% !important;
    }
    

}