@media only screen and (max-width: 552px) {
  .left-da1 ul li a {
    letter-spacing: 0.55px;
    color: #ffffff;
    font-size: 19px;
  }
  .left-da1 ul {
    display: grid;
    align-items: center;
    gap: 29px;
    margin: 0;
    justify-content: left;
    justify-content: left !important;
    text-align: left;
    position: absolute;
    top: 48%;
    transform: translateY(-52%);
    left: 17%;
  }
  .pps {
    transition: all 0.5s;
  }
  .ppsnew {
    transform: translateX(0) !important;
  }
      .addd {
        background-color: #0d004e;
        padding: 10rem 0 8rem;
        margin-bottom: 4rem;
    }
  .about-work-inner .col-lg-8,
  .about-work-inner .col-lg-4,
  .about-work-inner .col-lg-2,
  .about-work-inner .col-lg-7,
  .about-work-inner .col-lg-5,
  .our-portifolio-inner .row .col-lg-3,
  .our-portifolio-inner .row .col-lg-4,
  .our-portifolio-inner .row .col-lg-5,
  .our-portifolio-inner .row.col-lg-6 {
    padding: 0;
  }
  .dz-about-media img {
    width: 153px;
    top: -46%;
  }
  .program-one__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102%;
    background-color: red;
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-mask: url(../images/gh.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: -1;
  }
  .zu h2 {
    font-size: 22px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 400;
    margin-bottom: 2rem;
  }
  .bannerswiper .swiper-button-next::after,
  .bannerswiper .swiper-button-prev::after {
    font-size: 15px;
    color: #ffffff;
  }
  .bannerswiper .swiper-button-next::before,
  .bannerswiper .swiper-button-prev::before {
    position: absolute;
    content: "";
    background-color: #00076b;
    background-size: contain;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 47% 53% 61% 39% / 30% 30% 70% 70%;
  }
  .bannerswiper .swiper-button-next {
    right: 33%;
  }
  .bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev {
        top: 94%;
    }

  .bannerswiper .swiper-button-prev {
    left: 37%;
  }
  .butterfly {
    display: none;
  }
  .swiperdata {
    z-index: 99999;
    text-align: left;
    width: 100%;
    color: #000000;
    margin-bottom: 3rem;
  }
  .swiperdata .bbht {
    display: none;
  }
  .swiperdata h2 {
    font-size: 23px;
    letter-spacing: 1px;
    line-height: 33px;
  }
  .rightbanimg img {
    object-fit: contain !important;
    height: 100% !important;
  }
  .bannerswiper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
  }
  .mainbanner {
        height: 75vh;
        width: 100%;
        background: linear-gradient(90deg, #fffcf0, #edfffd);
        position: relative;
        margin-top: 2rem;
    }
  .leftlogo img {
    transition: all 0.3s;
    width: 65px;
    border-radius: 50px;
    border: 2px solid #dc2c1d;
    padding: 4px;
  }
  .hjjj {
    justify-content: space-between;
  }
  .nava1 {
    top: 0;
    z-index: 9999999;
    width: 100%;
    background-color: #fff;
    padding: 5px 0;
  }
  .leftlogo {
    text-align: left;
  }
  .abou .row .col {
    flex: 1 0 69%;
  }
  .dfsffffff {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #2c0d0a;
    z-index: 99999999;
    transform: translateX(-100%);
    transition: all 0.3s;
    text-align: center;
    z-index: 999999;
  }
  .contact-info-area {
    display: none !important;
  }
  .contact-form-area::before {
    height: 0px;
  }
  .lop {
    width: 100%;
  }
  .section-head {
    padding: 7rem 0 2rem;
  }
  .section-head h2 {
    font-size: 28px;
    line-height: 39px;
  }
  .dz-about-media img {
        width: 151px;
        top: -47%;
    }
  .contact-form-area {
    padding: 51px 20px 22px 12px;
  }
  .sca2 {
    right: 11%;
  }
  .dz-media img {
    height: 264px;
    object-fit: cover;
  }
  .our-portifolio-inner .row .col-lg-4,
  .our-portifolio-inner .row .col-lg-12,
  .our-portifolio-inner .row .col-md-6,
  .our-portifolio-inner .row .col-lg-3 {
    padding: 0px !important;
  }
  .ps-2 {
    padding-left: 0px !important;
  }
  .fggfff {
    text-align: left !important;
  }
  .fggfff {
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 100%;
  }
  .it-ic {
    text-align: left;
  }
  .content p {
    font-size: 16px;
    text-align: left;
  }
  .sca {
    top: 1%;
    left: 34%;
  }
  .it-ic img {
    width: 35px;
  }
  .contact-info-items {
    display: flex;
    gap: 19px;
    align-items: center;
  }
  .footer-content p {
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 29px;
  }
  .footer-widgets-wrapper .row .col-lg-5,
  .footer-widgets-wrapper .row .col-lg-3 {
    padding: 0px !important;
  }
  .Gallery {
    margin-top: 3rem;
  }
  .serlist {
    padding: 6rem 1rem;
  }
  .swiperdata span {
    font-size: 22px;
  }
  .mainbanner::before {
    height: 439px;
    width: 172px;
    top: 57%;
    left: -13%;
  }
  .thj img {
    width: 33px;
  }
  
  .fixed-bt {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: relative;
    box-shadow: #fff 0 5px 5px 4px;
  }
  .fixed-bt::after {
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    height: 100%;
    width: 0px;
    top: 50%;
    left: 50%;
    z-index: 999999999999;
  }

  .lf-bt a {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    padding: 13px 0;
    display: flex;
    justify-content: center;
    background-color: #120135;
  }

  .lf-bt.show-chat a {
    background-color: #da3223;
  }

  .lf-bt {
    text-align: center;
  }
  .footer-wrapper p {
    padding-bottom: 61px;
  }
  a.blantershow-chat {
    display: none;
  }
  #whatsapp-chat {
    max-width: 307px;
    width: 100%;
    bottom: 19px;
  }
  .chat_boxBody {
    padding: 10px 67px 17px 23px;
  }
  .clo {
    top: 2rem;
    right: 2rem;
  }

  .clo img {
    width: 23px;
  }
  .contact-form-area::after {
    opacity: 0.08;
  }
  .widget-head h3 {
    font-size: 22px;
}
.section-head span {
    margin-left: 0%;
}
.sca1, .fgg{
    display:none;
}
.footer-widgets-wrapper {
    padding: 3rem 0 3rem;
}
.section-head p {
    font-size: 16px;
}
.gir {
   width: 79%;
}
}