.landing-heading {
      font-size: 40px;
 }

 .active-service {
      background-color: var(--main-color) !important;
 }

 .active-service>p {
      color: var(--white);
 }

 .active-service>i {
      transform: rotate(0deg) !important;
      color: var(--white);
 }

 .service-accordion {
      position: relative;
      padding: 6% 10%;
      grid-template-columns: 35% 1fr;
      gap: 4%;
      min-height: 120vh;
 }

 /* .service-accordion-heading>div{
     position: sticky;
     top: 0;
}
 */
 .service-accordion-heading-child-mobile {
      display: none;
 }

 .service-accordion-heading-child,
 .service-accordion-heading-child-mobile {
      padding: 3.6% 5%;
      transition: 0.3s;
      border-radius: 10px;
      color: var(--white);
      /* border: 2px solid var(--main-color);
     */
      background-color: #ADAAAA;
      margin-bottom: 13px;
      cursor: pointer;
 }

 .service-accordion-heading-child>p,
 .service-accordion-heading-child-mobile>p {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
 }

 .service-accordion-heading-child>i {
      font-size: 33px;
      transform: rotate(90deg);
 }

 .service-accordion-content-child {
      /* display: none;
     */
      display: block;
      height: 0px !important;
      transform: translateY(6%);
      transition: 0.3s;
      opacity: 0;
      overflow: hidden;
 }

 .service-accordion-content-child p {
      font-size: 16px;
 }

 .service-accordion-content-child ul {
      margin: 20px;
 }

 .service-accordion-content-child ul>li {
      margin-bottom: 8px;
 }

 .service-accordion-content-child img {
      width: 50%;
      margin: 15px 0px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;
 }

 .active-content {
      /* display:block !important;
     */
      height: 100% !important;
      transform: translateY(0%);
      transition: 0.4s;
      opacity: 1;
 }

 .service-accordion-content .service-accordion-content-child ul li {
      list-style: disc;
 }

 .contact-service-accordion {
      margin-top: 14%;
 }

 .contact-service-accordion>a {
      font-size: 15px;
      font-weight: 700;
      color: var(--main-color);
      padding: 7px 6px;
      border: 1px solid var(--main-color);
      border-radius: 5px;
 }

 .contact-service-accordion>a:hover {
      background-color: var(--main-color);
      color: var(--white);
      transition: all 0.5s;
 }

 /* .contact-service-accordion>a>span {
      text-decoration: underline;
 } */

 .contact-service-accordion>div>a {
      background-color: var(--main-color);
      color: var(--white);
      padding: 7px 43px;
 }

 @media screen and (max-width: 1300px) {
      .service-accordion {
           padding: 6%;
      }
 }

 @media screen and (min-device-width: 800px) and (max-device-width: 1050px) {

      .service-accordion {
           grid-template-columns: 40% 1fr;
           padding: 5%;
      }

      .service-accordion-heading-child>p,
      .service-accordion-heading-child-mobile>p {
           font-size: 14px;
      }

      .service-accordion-content-child p {
           font-size: 14px;
      }
 }

 @media screen and (max-width: 800px) {

      /* button contact wali */

      .button-block {
           display: flex !important;
           align-items: center;
           margin: 0 !important;
           justify-content: space-around;
      }

      .button-block>a {
           padding: 8px 6px;
      }

      .button-block>div>a {
           padding: 12px 47px;
      }

      .landing-heading {
           font-size: 30px;
      }

      .contact-service-accordion {
           display: none;
      }

      .service-accordion {
           padding: 8% 5%;
           grid-template-columns: 1fr;
           gap: 0%;
           min-height: unset;
      }

      .service-accordion-heading-child-mobile {
           display: flex;
           transition: 0.3s;
      }

      .service-accordion-content-child {
           height: unset !important;
           transform: translateY(0%);
           transition: 0.4s;
           opacity: 1 !important;
      }

      .service-accordion-content>p {
           font-size: 14px;
      }

      .service-accordion-heading {
           display: none;
      }

      .service-accordion-heading-child-mobile {
           padding: 2.8% 4%;
      }

      .service-accordion-heading-child-mobile>p {
           font-size: 16px;
           white-space: nowrap;
      }

      .service-accordion-heading-child-mobile>i {
           font-size: 28px;
           transform: rotate(0deg) !important;
           transition: 0.3s;
      }

      .active-service-mobile {
           background-color: var(--main-color);
           transition: 0.3s;
      }

      .active-service-mobile i {
           transform: rotate(90deg) !important;
      }

      .service-accordion-content-child-mobile {
           height: 0;
           opacity: 0;
           transition: 0.3s;
           transform: translateY(50px)
      }

      .active-content-mobile {
           height: max-content;
           opacity: 1;
           transition: 0.3s;
           transform: translateY(0px);
           padding: 0 5px;
      }

      .service-accordion-content {
           margin-bottom: 15%;
      }

      .service-accordion-content-child>img {
           width: 100%;
      }

      .service-accordion-content-child p {
           font-size: 14px;
      }

      .item img,
      .landing-section {
           height: 225px !important;
      }
 }


 @media screen and (max-width: 500px) {
      .button-block {
           flex-direction: column;
           gap: 22px;
      }
 }



 /* soft services */

 .soft-img {
      /* gap: 25px; */
      justify-content: space-around;
 }

 .soft-img>img {
      width: 45%;
 }

 /* buttons */
 .button-block {
      display: none;
 }