@media (max-width: 768px) {
    body{
    margin: 0px;
    overflow-x:hidden ;
    }

    .legalist{
        flex-direction: column;
        height: auto;
        padding: 10px;
    }
    .legalistone{
        width: 95%;
        padding: 5px;
    }
    .connect {
    flex-direction: column;
    padding: 20px;
    text-align: center;
    }
    .about{
        flex-direction: column;
        padding: 20px;
    }
    .footerrtwoo {
justify-content: space-between;
    }
    .business{
        text-align: center;
        flex-direction: column;
        padding: 20px;
    }
    .straight {
    flex-direction: column;
    padding: 20px;
    text-align: center;
    }
    .forover{
        padding: 20px;
    }
    .clientss {
        flex-direction: column;
        padding: 20px;
    }
    .tak{
        text-align: center;
        padding: 20px;
    }
    .newyorkone .consultt{
      
        justify-content: left;
    }
    .carousel-card {
    flex: 0 0 100%;
    }
    .carousel-card img {
    
    height: 100%;
    }
    .aijoin {
    flex-direction: column;
    }
    .aijoinone{
        width: 90%;
        height: auto;
    }
    .aijointwo{
        width: 100%;
    }
     .aijointhree{
        width: 100%;
    }
     .aijoinfour{
        width: 100%;
    }
    .ouroffice{
        padding: 20px;
    }
    .newyork{
        flex-direction: column;
        padding: 5px;
    }
    .newyorkone {
    width: 90%;
    }
    .why{
        padding: 20px;
        width: 90%;
    }
    .connectone {
    width: 100%;
}
.connecttwo{
    width: 100%;
}
.form-container {
    padding: 20px;
}
.footerr {
    padding: 20px;
}
.footerr .fool {
        flex-direction: column;
    }

    .copyright {
    flex-direction: column;
    }
    .copyrighttwo {
    flex-direction: column;
    }
    .aiat {
        font-size: 2.0rem;
    }
    .forover .businesstwoour {
        font-size: 25px;
    }
    .forover{
        text-align: center;
    }
    .free{
        flex-direction: column;
    }
    .legalisttwo {
    width: 100%;
    height: 100%;
}
.aboutone {
    width: 100%;
}
.abouttwo {
    width: 100%;
}
.aboutthree {
    width: 100%;
}
.businessone {
    width: 100%;
}
.businesstwo {
    width: 100%;
}
.lstraight {
    width: 100%;
}
.rstraight {
    width: 100%;
}
.forever{
    margin: 20px;
}

.clientssone {
width: 100%;
}
.clientsstwo {
    text-align: center;
    width: 100%;
}
.consultt {
justify-content: center;
}
.ai-four {
    padding: 20px;
}
.carousel-wrapper {
    padding: 0px;
}
.form-container {
    width: 90%;
}
.form-row {
    flex-direction: column;
}
.aiat {
    width: 100%;
}
.aijoinone {
    padding: 20px;
}
.freeone{
    width: auto;
    text-align: center;
}
.freetwo {
    text-align: center;
width: auto;
}
.five{
    text-align: center;
}
.about{
    text-align: center;
}
 .legalisttwo {
    margin: 0px;
    height: 250px; /* Adjust height as needed */
  }

  .legalisttwo .services {
    display: none; /* Hide all inner text */
  }

  .legalisttwo.active {
    height: 350px; /* Maintain height when active on mobile */
  }

  .legalisttwo.active::before {
    filter: blur(0); /* Keep image clear */
  }
  .logo-slider {
    width: 100%;
    margin: 0px;
  }
 .logo img{
    width: 150px;
 }
.ai-four img {
    height: 250px;
}
.fade-right {
    right: 0px;
}
.fade-left {
    left: 0px;
}
.carousel-track-container .fade-left{
    width: 0px;
}
.carousel-track-container .fade-right{
    width: 0px;
}

.take {
    text-align: center;
}
.we{
    text-align: center;
    font-size: 2.5rem;
}
.innovative{
    text-align: center;
}
.footerone{
    text-align: center;
}

.subscribe-container {
    flex-direction: column;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) {
body{
    overflow-x: hidden;
}
.services {
    
    font-size: 10px;
    padding: 5px;
}
.forover{
    padding: 30px;
}
.clientss {
padding: 50px;
}
.aijoinone {
padding: 5px;
}
.aijoinoneat 
{
font-size: 1.5rem;
}
.ouroffice {
    padding: 30px;
}
.connect{
    padding: 10px;
}
.form-container {
    padding: 30px 10px;
}
.connectone {
    width: 55%;
}
.connecttwo {
    width: 55%;
}
input[type="email"] {
    width: 95%;
}
}