:root {
  --text-color: rgb(63, 140, 255);
  --para_font_size:16px;
  --small_para_font_size:15px;
}

@media (max-width: 1110px) {
  .hamburger {
    display: block;
  }
  #navbar button {
    display: none;
  }
  .demo{
    display: block;
  }
  .nav_links {
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    padding: 20px;
    display: none;
  }
  .solution_dropdown {
    position: static;
  }
  .active {
    display: flex;
    background-color: #f4f8f5;
            z-index: 2;
  }
   .show {
    display: flex;
    flex-direction: column;
    background: none;
  }
  .solution_dropdown {
    box-shadow: none;
    /* top: 0; */
    background: none;
  }
  .solution_dropdown a {
    border: none;
  }
  h1{
    font-size: 30px;
}
}

@media(max-width:1024px){
  p{
    font-size: var(--para_font_size);
  }
  body  h2, body p{
    text-align: left;
  }
   
    .software{
        flex-flow: column-reverse;
    }
    .image {
        width: 70%;
    }
    .management_content{
        width: 100%!important;
    }
    .business{
        flex-direction: column;
    }
    .business_center{
    text-align: center;
    }
    .business_image{
        width: 60%;
    }
    .marketing{
        flex-flow: column-reverse;
    }
    .marketing_center{
    text-align: center;
    }
    .marketing_image{
        width: 80%;
    }
    .marketing_content {
    width: 100%;
    }
    .integrated_image{
    width: 85%;
}
.integrated_content{
    width: 100%;
    text-align: center;
}
.whatsApp_integrated {
    flex-flow: column-reverse;
}
 .cards {
    justify-content: center;
  }
  .feature-card {
    width: 45%;
  }
  .email-box{
    margin:auto;
  }
  .footer_middle{
    flex-direction:column;
  }
  .footer-right{
    justify-content:flex-start;
  }
  .slider_card {
    width: 100%;
  }
  .features{
    width: 100%!important;
  }
  .form_container{
    flex-flow: column-reverse;
  }
  .form_image{
    width: 80%;
    margin-top: 20px;
    margin: auto;
  }
  .form{
    width: 70%;
    margin: auto;
  }
  .budget_content{
  width: 100%;
}
.budget_image{
  width: 70%;
}
.our_pricing{
  flex-direction: column;
}
.our_pricing_image{
  width: 65%;
}
.our_pricing_content{
  width: 70%;
}
.advertising{
flex-direction: column;
}
.optimize{
  width: 70%;
}
.need{
  flex-direction: column;
}
.need_text{
  width: 65%;
}
.need_image{
  width: 65%;
  margin: auto;
}
.access{
  width: 100%;
}
.grow{
  flex-direction: column;
}
.grow_left{
  width: 100%;
}
.choose_bottom{
  flex-direction: column;
}
.choose_left {
    width: 70%;
}
.choose_left img {
    width: 100%;
}
.payment_content h2{
  font-size: 2.25rem;
}
h2{
  font-size: 1.5rem;
}
.whatsapp_code{
  flex-direction: column;
}
.code_img{
  width: 70%;
}
.code_img img{
  width: 100%;
}

}
@media (max-width: 920px){
.plans_card_container{
  flex-direction: column;
}
.plan_card{
  width: 90%;
}
}

@media(max-width:821px){
  .agency {
        flex-direction: column;
        text-align: center;
        text-align: left;
    }
    .faq-list{
    width: 100%;
  }
}

@media(max-width:768px){
  .boost_sale{
    display: none;
  }
    h1{
    font-size: 30px;
}

p{
  font-size: 1.125rem;
  font-size: var(--small_para_font_size);
}
 .business_content{
  width: 100%;
 }
.card {
    width: 50%;
    display: flex;
    flex: 1;
  }
  .footer-bottom{
    flex-direction:column;
    text-align:center;
  }
  .customer_text{
    width: 100%;
  }
  .form{
    width: 100%;
  }
  .need_text{
  width: 90%;
}
    .login_Button, .demo_Button{
      padding: 5px 10px;
      font-size: 14px;
    }
  .need_cards{
    flex-wrap: wrap;
    justify-content: left;
  }
  .access{
    width: 45%;
    padding: 15px;
  }
  .agency_image{
    width: 80%;
  }
  .grow_right{
    width: 70%;
  }
  
}

@media(max-width:700px){
    .our_pricing_content{
      width: 80%;
      padding: 30px;
    }
    .pricing_para {
    width: 80%;
}
.marketing{
  padding: 40px 60px;
}
.whatsApp_integrated{
  padding: 40px 60px;
}
.payment_content h2{
  font-size: 1.875rem;
}
.footer-left,.plan_card {

  width: 100%;
}
}


@media(max-width:630px){
.message{
  flex-direction:column;
}
.advertising{
  padding: 0;
}
.automation_card{
  width: 100%;
}
 
}

@media(max-width:602px){
  h3{
  font-size: 1.125rem;
 
}

.owl-carousel.review_slider.owl-loaded.owl-drag{
  width: 100% !important;
}

/* .owl-stage{
  width: 100% !important;
}

.owl-item{
  width: 100% !important;
} */

  .slider_card {
    padding: 20px;
  }
  .email-box{
    max-width:100%;
  }
  .footer_top{
    flex-direction:column;
  }
  .footer-right{
    gap:30px;
  }
  .optimize{
  width: 100%;
}
.grow_left, .grow_right{
  width: 90%;
}
.faq-item{
    padding:10px 15px;
  }
  .phone_group{
    flex-direction: column;
  }
  .access{
    width: 100%;
  }
  .review_card{
    width: 100%;
    padding: 15px;
  }
.review_slider{
  overflow: hidden;
}
:root {  
    --section_padding:40px 15px;  
}
.footer-bottom{

  padding:25px 15px;
}
.owl-carousel.review_slider.owl-loaded.owl-drag {
    width: fit-content;
}

}


@media(max-width:428px){
    h1{
    font-size: 26px;
}
.card {
    width: 100%;
  }
  .marketing{
  padding: 25px;
}
.whatsApp_integrated{
  padding: 25px;
}
.payment_content h2{
  font-size: 1.5rem;
}
.phone_group input{
  padding: 10px;
}
.code_form textarea {
  padding: 10px;
}
.code_form{
  padding: 20px;
}
.footer_top{
  padding: 20px;
}
.image {
        width: 100%;
    }
     .agency_image{
    width: 100%;
  }
}