@media (max-width: 1400px){
}

@media (min-width: 1200px) and (max-width: 1399.98px){

  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 0rem;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 38px;
    margin-top: -19px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0rem;
    text-transform: uppercase;
  }

}

@media (max-width: 1366px),screen and (max-height: 768px)  {
  .overlay-header-text-red-section{
    font-size: 14px;
  }
  .overlay-subheader-text-red-section{
    font-size: 10px ;
  }

  .out-side-pading-for-text{
    padding-top: 8%;
  }

  .overlay-left-recent-stories {
    height: 14vh !important;
  }

  .overlay-right-recent-stories {
    height: 14vh !important;
  }

  .main-box{
    left: 0;
  }
}


@media (min-width: 992px) and (max-width: 1199.98px){
  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 0rem;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 38px;
    margin-top: -25px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0rem;
    text-transform: uppercase;
  }

  .main-header-hero-text{
    text-align: center;
    font-size: 3rem;
  }

  
  /* our mission part */

  .main-custom-container {
    margin-top: -13%;
  }

  .container-box .overlay {
    height: 16vh;
  }

  .out-side-pading-for-text {
    padding-top: 6%;
    padding-left: 7%;
    padding-right: 3%;
  }

  .overlay-header-text {
    font-size: 12px;
  }

  .overlay-subheader-text {
    font-size: 12px;
  }


  .margin-top-custom{
    margin-top: -6rem;
    flex-direction: column;
  }

  .second-box{
    display: none;
  }  

  .third-box{
    display: none;
  }
  

  .overlay-subheader-text-red-section{
    font-size: 13px;
  }
}


@media (min-width: 768px) and (max-width: 991.98px){
  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0rem;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 20px;
    margin-top: -9px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0rem;
    text-transform: uppercase;
  }

  .main-header-hero-text{
    text-align: center;
    font-size: 3rem;
  }


  /* our mission part */

  .main-custom-container {
    margin-top: -13%;
  }

  .container-box .overlay {
    height: 14vh;
  }

  .out-side-pading-for-text {
    padding-top: 10%;
    
  }


  .overlay-subheader-text {
    font-size: 11px;
  }

  .overlay-header-text {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 15px !important;
    color: #18212e;
  }
  
  .margin-top-custom{
    margin-top: -6rem;
    flex-direction: column;
  }

  .second-box{
    display: none;
  }  

  .third-box{
    display: none;
  }
  
  .helping-your-text{
    text-align: center;
  }

  .container-box-left-recent-stories .overlay-left-recent-stories {
    height: 20vh !important;
  }

  .container-box-right-recent-stories .overlay-right-recent-stories{
    height: 20vh !important;
  }

}


@media (min-width: 576px) and (max-width: 767.98px){

  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 23px;
    letter-spacing: 0;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 22px;
    margin-top: -15px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  
  .carousel-bar-button {
    background-color: #e74d57;
    border: none;
    color: white;
    padding: 11px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }

  
  .main-header-hero-text{
    text-align: center;
    font-size: 2rem;
  }


  /* our mission part */

  .main-custom-container {
    margin-top: -13%;
  }

  .container-box .overlay {
    height: 15vh;
    width: 68%;
  }

  .out-side-pading-for-text {
    padding-top: 13%;
  }

  .overlay-header-text {
    font-size: 19px;
  }

  .overlay-subheader-text {
    font-size: 15px;
  }


  .margin-top-custom{
    margin-top: -6rem;
    flex-direction: column;
    
  }

  .second-box{
    display: none;
  }  

  .third-box{
    display: none;
  }
  

  .for-better-text {
    font-size: 2rem;
    text-align: center;
  }
  .for-better-text-2 {
    font-size: 2rem;
    text-align: center;
  }

  .helping-your-text{
    text-align: center;
  }
}


@media (max-width: 575.98px){
  
  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 14px;
    margin-top: -7px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  
  .carousel-bar-button {
    background-color: #e74d57;
    border: none;
    color: white;
    padding: 11px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }

  .main-header-hero-text{
    text-align: center;
    font-size: 2rem;
  }


     /* our mission part */

    .main-custom-container {
      margin-top: -13%;
    }
  
    .container-box .overlay {
      height: 17vh;
      width: 84%;
    }
  
    .out-side-pading-for-text {
      padding-top: 6%;
      padding-left: 7%;
      padding-right: 3%;
    }
  
    .overlay-header-text {
      font-size: 19px;
    }
  
    .overlay-subheader-text {
      font-size: 18px;
    }

    .overlay-subheader-text-right-recent-stories{
      padding-bottom: 1rem;
    }

    .margin-top-custom{
      margin-top: -6rem;
      flex-direction: column;
    }
  
    
    .second-box{
      display: none;
    }  
  
    .third-box{
      display: none;
    }
    
    .helping-your-text{
      font-size: 1.5rem;
    }

    .background-height{
      overflow: hidden;
    }

    .for-better-text {
      font-size: 2rem;
      text-align: center;
    }
    .for-better-text-2 {
      font-size: 2rem;
      text-align: center;
    }
}


@media (max-width: 425.98px){
  
  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 14px;
    margin-top: -9px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .carousel-bar-button {
    background-color: #e74d57;
    border: none;
    color: white;
    padding: 9px 17px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 8px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }


     /* our mission part */

    .main-custom-container {
      margin-top: -13%;
    }
  
    .container-box .overlay {
      height: 14vh;
    }
  
    .out-side-pading-for-text {
      padding-top: 1%;
      padding-left: 2%;
      padding-right: 1%;
    }
  
    .overlay-header-text {
      font-size: 4px;
    }
  
    .overlay-subheader-text {
      font-size: 19px;
    }

    .box-color-blue {
      bottom: 12px;
      left: -17px;
      width: 5px;
      height: 5px;
    }

    .box-color-red {
      bottom: 12px;
      right: -17px;
      width: 5px;
      height: 5px;
    }

    .accordion-button::after {
      top: 25px;
      left: 11px;
    }

    .how-we-work-image-container{
      font-size: 1rem;
    }

    .hero-text-image-container{
      font-size: 2rem;
    }

    .margin-top-custom{
      margin-top: -6rem;
      flex-direction: column;
      overflow: hidden;
    }
  
    .second-box{
      display: none;
    }  
  
    .third-box{
      display: none;
    }

    
    .helping-your-text{
      font-size: 1.5rem;
    }

}

@media (max-width: 375px){

  .carousel-premium-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 8px;
    letter-spacing: 0;
  }

  .carousel-trusted-professional {
    font-family: 'Covered By Your Grace', cursive;
    color: #e74d57;
    font-size: 8px;
    margin-top: -8px;
    margin-bottom: 0;
  }

  .carousel-service-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 8px;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .carousel-bar-button {
    background-color: #e74d57;
    border: none;
    color: white;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  }

  .mini-container{
    padding-top: 1rem;
    padding-bottom: 0rem;
  }

  .margin-top-custom{
    margin-top: -6rem;
    flex-direction: column;
  }

  .second-box{
    display: none;
  }  

  .third-box{
    display: none;
  }
  

  .helping-your-text{
    font-size: 1rem;
  }

  .expert-consultans {
    font-family: 'Poppins', sans-serif;
    color: #e74d57;
    text-align: center;
  }

  .overlay-subheader-text-red-section{
    font-size: 14px;
  }
}

@media (max-width: 320px){
  
  .container-box .overlay {
    height: 16vh;
    width: 102%;
    margin-left: -1%;
    margin-bottom: -1%;
  }

  .overlay-header-text {
    font-size: 16px;
    text-align: center;
  } 

  .overlay-subheader-text {
    font-size: 17px;
    text-align: center;
  }

  .margin-top-custom{
    margin-top: -6rem;
    flex-direction: column;
  }

  .second-box{
    display: none;
  }  

  .third-box{
    display: none;
  }
  
  
  .helping-your-text{
    font-size: 1rem;
  }

  .our-competitive-text{
    text-align: center;
  }

  .overlay-subheader-text-red-section{
    font-size: 10px;
  }


  .d-flexs{
    display: block;
  }

  .image-mobile{
    padding-left: 5rem;
  }
}