@media (max-width: 1680px){
    section.banner-section .banner-img{
       /* align-items: center; */
    }
}
@media (max-width: 1440px){
    section.banner-section img {
    width: 100%;
}
}
@media (max-width: 1400px){
   section.banner-section img {
        width: 109%;
    }
   
}
@media (max-width: 1366px){
 

}
@media (max-width: 1024px) and (min-width: 981px){
section.banner-section .banner-info{
    padding-right: 50px;
    border-radius: 0 250px 250px 0;
}
section.banner-section p{
    font-size: 22px;
}
section.banner-section .banner-content{
    width: 55%;
}
section.banner-section .banner-img{
    width: 45%;
}
section.banner-section img {
        width: 115%;
        margin-left: -16%;
    }
    section.get-started .started-content p, section.get-started .started-content li{
        font-size: 18px;
    }
    section.get-started .started-content p{
        height: 135px;
    }
    section.get-started .started-content ul{
        height: 283px;
    }
    section.about-us h3 {
    font-size: 26px;
    }
    section.about-us h4{
        font-size: 32px;
    }
    section.about-us h2{
        font-size: 36px;
    }
    section.sector .head-sec{
        max-width: 85%;
    }
    section.sector .head-sec p{
        font-size: 19px;
    }
    section.sector .col-4 {
    width: 33%;
}
section.sector .row {
    gap: 70px 0.5%;
}
section.sector .cards h5{
    font-size: 21px;
}
    section.sector .cards p{
        height:120px;
    }
section.how-its .working-sec p{
    font-size: 18px;
}
section.how-its .how-its-image{
    align-items: center;
}
section.how-its .how-its-image img {
    width: 95%;
}
section.blog-section .blog-page .bottom-sec h3{
    /* font-size: var(--f20); */
    /* height: 26px; */
}
section.blog-section .blog-page .admin-area{
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
section.sign-up img {
    width: 100%;
}
section.sign-up p {
    font-size: 24px;
}
section.sign-up .main-btn{
    font-size: 20px;
}
}
@media (max-width: 980px){
  section.banner-section .banner-img{
      width: 100%;
  }
  section.banner-section .banner-info{
      width: 100%;
      /* padding: 50px 40px; */
      /* padding-right: 50px; */
      /* border-radius: 0 250px 250px 0; */
  }
  section.banner-section h1{
      /* font-size: 50px; */
  }
  section.banner-section p{
      font-size: 22px;
  }
  section.banner-section img {
        width: 100%;
        margin-left: 0;
    }
    section.banner-section .row{
        /* flex-direction:column-reverse; */
        gap: 30px;
    }
    section.banner-section .col-6{
       width: 100%;
       padding: 0;
    }
    section.get-started .head-sec {
    /* margin-bottom: var(--m80); */
}
    section.get-started .started-content p, section.get-started .started-content ul{
        height:auto;
    }
section.get-started .col-4{
    width:100%;
    padding:0px;
}
section.get-started .started-img {
    /* margin-top: -80px; */
}
section.get-started  .row{
    gap: 40px;
}
section.about-us h3 {
    font-size: 25px;
}
section.about-us h4{
    font-size: 32px;
}
section.about-us h2{
    font-size: 36px;
}
section.sector .head-sec{
    max-width: 90%;
    margin-bottom: var(--m50);
}
section.sector .head-sec p{
    font-size: 19px;
}
section.sector .col-4 {
    width: 49%;
}
section.sector .cards h5{
    /* font-size: 22px; */
}
    section.sector .cards p{
        height:120px;
    }
section.sector .row {
    gap: 50px 2%;
}
section.how-its .col-6{
    width:100%;
    padding:0px;
}

section.how-its .working-list {
    margin-top: 30px;
}

section.how-its .working-sec span.number{
    /* font-size: 30px; */
}
section.how-its .how-its-image img {
    width: 70%;
}
section.how-its .row{
    flex-direction:column-reverse;
    gap:30px;
}
    section.how-its .how-its-image{
        width:100%;
    }
    .how-its-content{
        width:100%;
    }
section.blog-section .head-sec {
    margin-bottom: 40px;
}
section.blog-section .col-4{
    width:100%;
}
section.blog-section .blog-page .bottom-sec h3{
    /* font-size: var(--f20); */
    /* height: 26px; */
}
section.blog-section .row{
    gap:30px 0;
}
section.brand-logo {
    padding: 60px 12px;
}
section.brand-logo .head-sec {
    margin-bottom: 40px;
}
section.sign-up{
    padding-bottom: 60px;
    padding-top: 60px;
}
section.sign-up .col-4{
    width: 100%;
    text-align:center;
}
section.sign-up img {
    width: 70%;
}
section.sign-up .col-8{
    width:100%;
    margin-top:30px;
}
section.sign-up p {
    font-size: 24px;
}
section.brand-logo .col-3 {
    width: 25%;
}
 .swiper-slide{
        padding: 0 25px;
    }
    section.brand-sec {
    padding: 70px 0;
}
}
@media (max-width: 540px){
        section.banner-section h1 {
        /* font-size: 36px; */
    }
   section.banner-section .col-6{
       width:100%;
   }
   section.banner-section .banner-info{
       /* padding: 40px 24px; */
       /* padding-right: 24px; */
       /* border-radius: 0 180px 180px 0; */
   }
   section.banner-section p{
       font-size: 20px;
   }
   section.banner-section img {
        width: 100%;
        margin-left: 0;
    }
    section.banner-section .row{
        /* flex-direction:column-reverse; */
    }
    section.get-started .head-sec {
    /* margin-bottom: var(--m60); */
}
section.get-started .col-4{
    width:100%;
    padding:0px;
}
section.get-started .started-content p, section.get-started .started-content li{
    font-size: 17px;
}
    section.get-started .started-content p{
        height:auto;
    }
section.get-started .started-btn a{
    font-size: 18px;
}
section.get-started  .row{
    gap: 30px;
}
section.about-us h3 {
    font-size: 22px;
}
section.about-us h4{
    font-size: 28px;
}
section.about-us h2{
    font-size: 30px;
}
section.about-us .main-btn{
    font-size: 18px;
}
section.sector .head-sec{
    max-width: 100%;
    margin-bottom: var(--m40);
}
section.sector .head-sec p{
    font-size: 18px;
}
section.sector .cards img {
    width: 80px;
}
section.sector .col-4 {
    width: 100%;
    padding: 0;
}
section.sector .cards h5{
    font-size: 20px;
}
section.sector .row {
    gap: 50px 2%;
}
section.how-its .col-6{
    width:100%;
    padding:0px;
}
section.how-its h2{
    margin-bottom: 20px;
}
    section.how-its .how-its-image{
        display:none;
    }
    section.how-its .col-7{
        width:100%;
        padding:0px
    }
section.how-its a.steps{
    font-size: 16px;
    margin-bottom: 20px;
}
section.how-its .working-list {
    margin-top: 30px;
}
section.how-its .working-sec img {
    width: 50px;
}
    .how-its-content {
    width: 100%;
        padding:0;
}
section.how-its .working-sec span.number{
    font-size: 27px;
}
section.how-its .working-sec p{
    font-size: 18px;
}
section.how-its .row{
    flex-direction:column-reverse;
    gap:30px;
}
section.blog-section .head-sec {
    margin-bottom: 30px;
}
section.blog-section .col-4{
    width:100%;
    padding:0px;
}
section.blog-section .blog-page .upper-sec img, section.blog-section .blog-page .upper-sec{
    height: 220px;
}
section.blog-section .blog-page .bottom-sec{
    padding: 0;
}
section.blog-section .blog-page .bottom-sec h3{
    font-size: var(--f19);
    height: auto;
}
section.blog-section .blog-page .main-btn{
    font-size: 17px;
}
section.blog-section .row{
    gap:30px;
}
section.brand-logo {
    padding: 50px 12px;
}
section.brand-logo .head-sec {
    margin-bottom: 30px;
}
section.brand-logo .col-3 {
    width: 31.33%;
    padding:0px;
}
section.brand-logo .row{
    justify-content:space-between;
    gap:15px 0;
}
section.sign-up{
    padding-bottom: 50px;
    padding-top: 50px;
}
section.sign-up .col-4, section.sign-up .col-8{
    width: 100%;
    padding: 0;
}
section.sign-up .row{
    gap:30px;
}
section.sign-up h2{
    margin-bottom: 20px;
}
section.sign-up p {
    font-size: 22px;
    margin-bottom: 25px;
}
section.sign-up .main-btn{
    font-size: 20px;
}
    section.sign-up img {
        width: 90%;
    }
        section.get-started .started-img {
        /* margin-top: -60px; */
    }
    section.get-started h4{
        height:auto;
    }
        section.sector .cards p {
        height: auto;
    }
    section.get-started .started-content ul{
        height:auto;
    }
    .swiper-slide{
        padding: 0 10px;
    }
    section.brand-sec {
    padding: 60px 0;
}
}
@media (max-width: 400px){
   
}
@media (max-width: 384px){
   
}
@media (max-width: 380px){
  
}

@media (max-width: 360px){
   
}
@media (max-width: 320px){
   
}