/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
   







}




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


}







/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .faq-title-wrap h3 {
        font-size: 50px;
    }
    .faq-title-wrap h2 {
        font-size: 50px;
    }
    .accordion-wrap .accordion-button {
        font-size: 32px;
    }
    .accordion-wrap .accordion-body p {
        font-size: 20px;
    }
    .page-header-title h2 {
        font-size: 70px;
    }
    .faq-area {
        padding-top: 60px;
    }
    .page-header-area {
        padding: 80px 0;
    }
    .testimonials-area {
        padding: 100px 0;
    }
    .short-about h2 {
        font-size: 70px;
    }
    .short-about-area {
        padding: 100px 0;
    }
    .our-methodology-area {
        padding: 100px 0;
    }
    .animated-image-box {
        margin-top: 200px;
    }
    .pricing-area {
        padding: 100px 0;
    }
    .brand-potential-area {
        padding: 100px 0;
    }
    .potential-wrapper ul li {
        margin-bottom: 70px;
        font-size: 70px;
    }


}
 





/* LG Device 768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .faq-title-wrap h3 {
        font-size: 40px;
    }
    .faq-title-wrap h2 {
        font-size: 40px;
    }
    .accordion-wrap .accordion-button {
        font-size: 32px;
    }
    .accordion-wrap .accordion-body p {
        font-size: 20px;
    }
    .page-header-title h2 {
        font-size: 50px;
    }
    .faq-area {
        padding-top: 50px;
    }
    .page-header-area {
        padding: 80px 0;
    }
    .testimonials-area {
        padding: 100px 0;
    }
    .page-header-area {
        padding: 80px 0;
    }
    .testimonials-area {
        padding: 100px 0;
    }
    .short-about h2 {
        font-size: 45px;
    }
    .short-about-area {
        padding: 60px 0;
    }
    .our-methodology-area {
        padding: 100px 0;
    }
    .animated-image-box {
        margin-top: 150px;
    }
    .pricing-area {
        padding: 80px 0;
    }
    .brand-potential-area {
        padding: 80px 0;
    }
    .potential-wrapper ul li {
        margin-bottom: 70px;
        font-size: 45px;
    }
    .short-about-btn {
        margin-top: 60px;
    }
    .methodology-box {
        padding: 28px;
        gap: 20px;
        margin-bottom: 30px;
    }
    .methodology-left span {
        font-size: 28px;
    }
    .methodology-left h2 {
        font-size: 28px;
    }
    .methodology-right p {
        font-size: 18px;
    }
    .methodology-right {
        max-width: 300px;
        flex-shrink: 0;
    }
    .pricing-card {
        padding:25px 20px;
    }
    .pricing-card-top h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .pricing-card-top p {
        font-size: 16px;
    }
    .pricing-bottom h4 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .pricing-bottom ul li {
        font-size: 20px;
        margin-bottom: 15px;
        gap: 10px;
    }
    .pricing-bottom ul li img {
        width: 20px;
    }
    .pricing-wrapper {
        margin-top: 50px;
    }



}




/* SM Small Device :320px. */
@media only screen and (max-width: 767px) {
    .faq-title-wrap {
        flex-wrap: wrap;
        justify-content: center; /* Aligns h2 & h3 to the left side-by-side */
        gap: 12px;                  /* Reduces gap between h2 and h3 */
        margin-bottom: 50px;        /* Reduced bottom margin for mobile */
      }
    
      .faq-title-wrap h2,
      .faq-title-wrap h3 {
        margin: 0;
        text-align: center;
      }
    
      /* Pushes gallery wrap to a new line and centers it at the bottom */
   
    .faq-title-wrap h3 {
        font-size: 28px;
    }
    .faq-title-wrap h2 {
        font-size: 28px;
    }
    .parent-wrap {
        display: inline-flex;
        margin: 0 auto;
        margin-top: 25px;
    }
    .page-header-area {
        padding: 40px 0;
    }
    .page-header-title h2 {
        font-size: 28px;
    }
    .faq-area {
        background: #000000;
        padding-top: 30px;
    }
    .accordion-description p {
        font-size: 15px;
    }
    .accordion-wrap .accordion-button {
        padding: 20px 0;
        font-size: 20px;
    }
    .accordion-wrap .accordion-body p {
        font-size: 15px;
    }
    .accordion-wrap .accordion-button::after {
        flex-shrink: 0;
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
    .faq-wrapper:last-child {
        margin-bottom: 60px;
    }
    .parent-wrap {
        display: flex;
        margin: 0 auto;
        margin-top: 25px;
        width: 100%;
        justify-content: center;
    }
    .testimonials-area {
        padding: 50px 0;
    }
    .short-about h2 {
        font-size: 28px;
        line-height: 110%;
    }
    .short-about-btn {
        margin-top:50px;
    }
    .short-about-area {
        padding: 50px 0;
    }
    .our-methodology-area {
        padding: 50px 0;
    }
    .methodology-box {
        gap: 20px;
        padding: 20px;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .methodology-left h2 {
        font-size: 25px;
    }
    .methodology-left span {
        font-size: 25px;
    }
    .methodology-right p {
        font-size: 15px;
    }
    .animated-image-box .gellary-wrap {
        width: 100%;
        max-height: 240px;
        max-width: 380px;
    }
    .potential-wrapper ul li {
        gap: 15px;
        margin-bottom: 30px;
        font-size: 24px;
    }
    .btn-main {
        font-size: 16px;
    }
    .btn-main img {
        width: 12px;
    }
    .pricing-wrapper {
        margin-top: 50px;
    }
    .testimonial-title h2 {
        font-size: 18px;
    }
    .animated-image-box {
        margin-top: 100px;
    }
    .pricing-area {
        padding: 50px 0;
        padding-bottom: 0;
    }
    .pricing-card {
        padding: 25px;
        margin-bottom: 50px;
    }
    .pricing-card-top h3 {
        font-size: 25px;
        margin-bottom: 25px;
    }
    .pricing-card-top p {
        font-size: 15px;
    }
    .pricing-bottom {
        margin-top: 30px;
    }
    .pricing-bottom h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .pricing-bottom ul li {
        font-size: 20px;
        gap: 10px;
    }
    .pricing-bottom ul li img {
        width: 20px;
    }
    .brand-potential-area {
        padding: 50px 0;
    }
    .potential-wrapper ul li svg {
        width: 20px;
        top: -3px;
    }
    .testimonial-card {
        width: 220px;
        height: auto;
        gap: 15px;
    }
    .testimonial-card blockquote {
        font-size: 18px;
        line-height: 110%;
    }
    .pricing-card.active {
        background: #4050FF;
    }

}










/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    
 
}