@media screen and (max-width: 3300px){
  #img-2{
    margin-left: 142rem;
    width: 15%;
  }
}
@media screen and (max-width: 3000px){
  #img-2{
    margin-left: 130rem;
    width: 15%;
  }
}
@media screen and (max-width: 2700px){
  #img-2{
    margin-left: 120rem;
    width: 15%;
  }
}
@media screen and (max-width: 2500px){
  #img-2{
    margin-left: 110rem;
    width: 15%;
  }
}
@media screen and (max-width: 2200px){
  #img-2{
    margin-left: 100rem;
    width: 15%;
  }
.nav__container{
  margin-left: 25rem;
}
.services{
  margin-left: 20rem;
}
.skills{
  margin-left: 40rem;
}
.footer__container{
  width: 70%;
  margin-left: 25rem;
}

}
@media screen and (max-width: 2000px){
  #img-2{
    margin-left: 90rem;
    width: 20%;
  }
  .about-demaster__container{
    gap: 45rem;
  }
  .services{
    margin-left: 15rem;
  }
 
}
@media screen and (max-width: 1800px){
  .footer__container{
    width: 70%;
    margin-left: 20rem;
  }
  .skills{
    margin-left: 33rem;
  }
  .services{
    margin-left: 10rem;
  }
  #img-2{
    margin-left: 85rem;
    width: 20%;
  }
  .about-demaster__container{
    gap: 45rem;
  }
  .nav__container{
    margin-left: 20rem;
  }
}
@media screen and (max-width: 1700px){
  .footer__container{
    width: 70%;
    margin-left: 15rem;
  }
  .skills{
    margin-left: 30rem;
  }
  #img-2{
    margin-left: 75rem;
    width: 20%;
  }
  .about-demaster__container{
    gap: 40rem;
  }
  .nav__container{
    margin-left: 15rem;
  }
  .services{
    margin-left: 7rem;
  }
}
@media screen and (max-width: 1500px){
  .footer__container{
    width: 90%;
    margin-left: auto;
  }
  .skills{
    margin-left: 20rem;
  }
  .services{
    margin-left: auto;
  }
  .nav__container{
    margin-left: auto;
  }
  #img-2{
    margin-left: 70rem;
  }
  .about-demaster__container{
    gap: 30rem;
    margin-bottom: -3rem;
  }
}
@media screen and (max-width: 1400px){
  #img-2{
    margin-left: 65rem;
  }
}
@media screen and (max-width: 1300px) {
  .def__right h1{
    color: #3b3589;
    font-size: 2.2rem;
    margin-left: -1rem;
    margin-bottom: 0.5rem;

}

    .langselect{
      display:grid ;
        margin-right: -11rem;
    }
    .service-langselect{
      display:grid ;
        margin-right: -11rem;
    }
    /**header**/
    .header__container{
        margin-right: 7rem;
        margin-left: 6.5rem;
    }
    .header__right-image{
        width: 27rem;
      
        
    }
    #word1{
        font-size: 4.5rem;
        color: #ffffff;
    }
    .word2{
        font-size: 1.7rem;
        color: #ffffff;
        margin-top: -1.3rem;
    }
        /**about**/
        .about-demaster__container{
            gap: 25rem;
            margin-top: 2rem;
          }
          .about-demaster__container .about__left img{
            width: 450%;
            margin-top: -2rem;
          }
        .about-demaster__container .about__right h1{
            font-size: 3.3rem;
          }

          /**services**/
          .offering__container .offerings .offer{
            width: 14rem;
          }
          .offering__container .offerings{
        
            gap: 2rem;
          }

/**footer img**/
#img-2{
  margin-left: 60rem;

}

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

  .box-wrapper{
    position: relative;
    display: table;
    width:100%;
    margin:auto;
    margin-top:35px;
    border-radius: 30px;
  }
  .skill__bg{
    background: none;
  }
  .location-content{
    display: flex;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    box-shadow:  10px 10px 10px 10px rgba(0,0,0,0.1);
    padding:3rem;
    margin: 5rem;
    width: 80%;
    
  }
  .location-content{
    margin-bottom: 12rem;
  }
  .location-content .location__text{
display: grid;
align-items: center;
margin-left: 1.5rem;
text-align: left;
  }
  .location-content .location__text p {
    color: #777;
  }

    .container{
        width: 87%;
    }
    .langselect{
 
      display:grid ;
        margin-right: -8rem;
    }
    .service-langselect{
      display:grid ;
        margin-right: -8rem;
    }
    .nav_menu{
        margin-right: 1rem;
    }
    .service-nav__menu{
        margin-right: 1rem;
    }
    .header__container{
        margin-left: 5rem;
    }
    .header__right-image{
        width: 26rem;
    }
    #word1{
        font-size: 4rem;
        color: #ffffff;
    }
    .word2{
        font-size: 1.5rem;
        color: #ffffff;
        margin-top: -1.3rem;
    }

    .def__left img{
      width:45rem;
    }

    /**about**/
    .about-demaster__container .about__right h1{
        font-size: 3rem;
      }

      .about-demaster__container{
        gap: 24rem;
      }
      .about-demaster__container .about__left img{
        width: 500%;
        margin-top: -2rem;
      }

            /**services**/
            .offering__container .offerings{
                display: flex;
                
              }
            .offering__container .offerings .offer{
                width: 14rem;
                padding: 2rem;
        
              }
              .offering__container .offerings{
                gap: 1rem;
              }
              .offering__container .offerings .offer .offer-content{
                align-content: center;
                gap: 0.5rem;
                margin-right:2rem ;
              }

              #img-2{
                margin-left: 55rem;
              }
              .footer__container{
                width: 85%;
              }
              .footer__3{
                margin-left: 2rem;
              }
              .footer__4{
                margin-left: -3rem;
              }


  }
  @media screen and (max-width: 1150px){
    .box-wrapper{
      position: relative;
      display: table;
      width:100%;
      margin:auto;
      margin-top:35px;
      border-radius: 30px;
    }
  }
  @media screen and (max-width: 1100px){
    .box-wrapper{
      position: relative;
      display: table;
      width:100%;
      margin:auto;
      margin-top:35px;
      border-radius: 30px;
    }
    #img-2{
      margin-left: 53rem;
    }
  }

  @media  screen and (max-width: 1060px) {
    .box-wrapper{
        width: 80%;
    }
    .info-title{
      text-align: center;
    }
    .form-title{
      margin-bottom: 0rem;
    }
  
    
    .info-wrap,
    .form-wrap{
        width: 100%;
        height: inherit;
        float: none;  
    }
    .info-wrap{
        border-radius: 30px 30px 0px 0px;
    }
    .form-wrap{
        border-radius: 0px 0px 30px 30px;
    }
    .form-group{
        width: 100%;
        float: none;
        margin: 25px 0px;
    }
    .form-fields .form-group:last-child, 
    .submit-button{
        width: 100%;
    }
    .submit-button{
        margin: 10px 0px;
    }
    #img-2{
      margin-left: 50rem;
    }
  }
  @media screen and (max-width: 1070px){
    .langselect{
      margin-right: -5rem;
    }
    .service-langselect{
      margin-right: -5rem;
    }
    .header__right-image{
        width: 22rem;
    }
    .header__container{
        margin-left: 6.5rem;
    }
    .def__left img{
        width:40rem;
      }
   
   
    .offering__container .offerings{
        gap: 1.5rem;
        margin-left: -1.3rem;
      }
 

  }

  @media screen and (max-width: 1024px){
    .location-content{
      display: flex;
      flex-direction: column;
      grid-template-columns: 1fr;
      align-items: center;
      justify-content: center;
      box-shadow:  10px 10px 10px 10px rgba(0,0,0,0.1);
      padding:3rem;
      margin: 5rem;
      margin-left: 2.5rem;
      width: 90%;
      
    }
    .location-content{
   margin-bottom: 10rem;

    }
  
  
    
.container{
  width: 80%;
}
nav button{
  cursor: pointer;
}
    /**navbar**/
    .nav_menu {
      position: absolute;
      top: 100%;
      right: 0%;
      display: grid;
      background:#fff;
      overflow: hidden;
      height: 0;

    /*   display: none; */
    }
    .nav_menu a:after{
      display: none;
    }
    
    
    .nav_menu--open {
      height: auto;
    /*   display: block; */
    }
    
    .nav_menu li:nth-child(2){
      margin-top: -3rem;
    }
    .nav_menu li:nth-child(3){
      margin-top: -3rem;
    }
    .nav_menu li:nth-child(4){
      margin-top: -3rem;
    }
    .nav_menu li:nth-child(5){
      margin-top: -3rem;
    }
    .nav_menu li:nth-child(6){
      margin-top: -3rem;
    }
    
    .nav_menu li:last-child {
      border-bottom: none;
    }
    
    .nav_menu a {
      color: #000;
      display: block;
      padding: 0.5em 8em 0.5em 1.5em;
      text-transform: uppercase;
      text-decoration: none;
      text-align: left;
    
    }
    .nav_menu a span{
      color: #ea4d6d;
    }
    .nav_menu a span:hover{
      color: #fff;
    }

    .window-scroll .nav_menu a span:hover{
      color: #fff;
    }
    .nav_menu a:hover,
    .nav_menu a:focus {
      background: #3b3589;
      color: #fff;
    }
    .window-scroll .nav_menu a:hover,
    .window-scroll .nav_menu a:focus {
      color: #fff;
    }
    
    
    .menu-button {
      position: absolute;
      top: 2.5em;
      right: 3em;
      cursor: pointer;
      
    }

    
    .hamburger,
    .hamburger::before,
    .hamburger::after{
      content: '';
      display: block;
      background: #EBEBD3;
      height: 3px;
      width: 1.8em;
      border-radius: 3px;
      transition: all ease-in-out 500ms;
    
    }
    .window-scroll .hamburger,
    .window-scroll .hamburger::before,
    .window-scroll .hamburger::after{
      background: #3b3589;
    }
    .hamburger::before {
      transform: translateY(-6px);
    }
    
    .hamburger::after {
      transform: translateY(3px);
    }
    
    .open .hamburger {
      transform: rotate(45deg);
    }
    
    .open .hamburger::before {
      opacity: 0;
    }
    
    .open .hamburger::after {
      transform: translateY(-3px) rotate(-90deg);
    }
    





    .service-nav__menu {
      position: absolute;
      top: 100%;
      right: 0%;
      display: grid;
      background:#fff;
      overflow: hidden;
      height: 0;
       box-shadow: 0 0.001px 8px 0.01px rgba(0,0,0,0.2);
      

    /*   display: none; */
    }
    .service-nav__menu a:after{
      display: none;
    }
    
    
    .service-nav_menu--open {
      height: auto;
    /*   display: block; */
    }
    
    .service-nav__menu li:nth-child(2){
      margin-top: -3rem;
    }
    .service-nav__menu li:nth-child(3){
      margin-top: -3rem;
    }
    .service-nav__menu li:nth-child(4){
      margin-top: -3rem;
    }
    .service-nav__menu li:nth-child(5){
      margin-top: -3rem;
    }
    .service-nav__menu li:nth-child(6){
      margin-top: -3rem;
    }
    
    .service-nav__menu li:last-child {
      border-bottom: none;
    }
    
    .service-nav__menu a {
      color: #000;
      display: block;
      padding: 0.5em 8em 0.5em 1.5em;
      text-transform: uppercase;
      text-decoration: none;
      text-align: left;
    
    }
    .service-nav__menu a span{
      color: #ea4d6d;
    }

    .service-nav__menu a span:hover{
      color: #fff;
    }

    .window-scroll .service-nav__menu a span:hover{
      color: #fff;
    }
    .service-nav__menu a:hover,
    .service-nav__menu a:focus {
      background: #3b3589;
      color: #fff;
    }
    .window-scroll .service-nav__menu a:hover,
    .window-scroll .service-nav__menu a:focus {
      color: #fff;
    }
    
    
    .service-menu-button {
      position: absolute;
      top: 2.5em;
      right: 3em;
      cursor: pointer;
      
    }

    
    .service-hamburger,
    .service-hamburger::before,
    .service-hamburger::after{
      content: '';
      display: block;
      background: #000;
      height: 3px;
      width: 1.8em;
      border-radius: 3px;
      transition: all ease-in-out 500ms;
    
    }
    .window-scroll .service-hamburger,
    .window-scroll .service-hamburger::before,
    .window-scroll .service-hamburger::after{
      background: #3b3589;
    }
    .service-hamburger::before {
      transform: translateY(-6px);
    }
    
    .service-hamburger::after {
      transform: translateY(3px);
    }
    
    .service-open .service-hamburger {
      transform: rotate(45deg);
    }
    
    .service-open .service-hamburger::before {
      opacity: 0;
    }
    
    .service-open .service-hamburger::after {
      transform: translateY(-3px) rotate(-90deg);
    }
    .langselect{
        margin-left: 48rem;
        margin-top: 0;
    }
    .service-langselect{
      margin-left: 48rem;
      margin-top: 0;
    }




    /**header**/

    .header__container{
        margin-left: 5rem;
    }
    .header__right-image{
        width: 22rem;
        margin-right: -5rem;
      
        
    }
    #word1{
        font-size: 3.5rem;
        color: #ffffff;
    }
    .word2{
        font-size: 1.5rem;
        color: #ffffff;
        margin-top: -1.3rem;
    }
    .def__container{
      margin-left: 5rem;
    
    }
    .def__right p{
      width: 90%;
    }
.def__right img{
  width: 80%;
}


    .skill__bg{
      margin-top: -1rem;
      margin-left: -5rem;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .skills{
    margin-left: 25rem;
  }



      /**about**/
      .about-demaster__container .about__right h1{
        font-size: 2.5rem;
      }

      .about-demaster__container{
        gap: 20rem;
      }
      .about-demaster__container .about__left img{
        margin-top: -1rem;
      }

            /**services**/

            .offering__container .offerings .offer{
              width: calc(100% / 2 - 10px);
              
            }
            .offering__container .offerings {
              margin: 0 2rem 0 2rem;
            }


          

        /**footer**/
        
.footer__container{
  margin-left:10rem ;
 
 
}
#img-2{
  width: 22%;
  margin-left: 55rem;
  
  
}
       



  }
  @media screen and (max-width: 1000px){
    #img-2{
      width: 22%;
      margin-left: 52.5rem;
       
    }
  }
  @media screen and (max-width: 985px){
    .about-demaster__container{
      margin-top: -1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8rem;
      margin-left: 6rem;
    }
    .about-demaster__container .about__left{
      margin-left: -1rem;
    }
    .about-demaster__container .about__left img{
      width: 100%;
      margin-top: -1rem;
     
     
    }
    .about-demaster__container .about__right{
      margin-top:-7rem ;
      color: var(--color-white);
      text-align: center;
    }
    .about-demaster__container .about__right p{
      text-align: center;
      margin-right: 1.2rem;
      padding: 0 3rem 0 3rem;
    }
    .langselect{
      margin-left: 45rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 45rem;
      position: fixed;
    }
   
  }

  @media screen and (max-width: 950px){
    #img-2{
     visibility: hidden;
    }
    .container{
      width: 80%;
    }
    .logo{
      margin-left: -2rem;
    }
    .logo2{
      margin-left: -2rem;
    }

  
    .langselect{
      margin-left: 43rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 43rem;
      position: fixed;
    }

  .header__right-image{
    width: 20rem;
}
.header__container{
    margin-left: 4rem;
}
#word1{
  font-size: 3rem;
  margin-bottom: 0.1rem;
}

.def__left img{
  width:35rem;
}

.def__container{
  margin-right: 3rem;
  gap: 5rem;
}
.skill__bg{
  margin-left: -20rem;
}

.skills{
margin-left: 40rem;
}


.skill-bars .bar1 .info span{

  font-size: 1.2rem;

}
.skill-bars .bar2 .info span{
  font-size: 1.2rem;

}
.skill-bars .bar3 .info span{
  font-size: 1.2rem;

}
.skill-bars .bar4 .info span{
  font-size: 1.2rem;
}
.skill-bars .bar5 .info span{

  font-size: 1.2rem;
}
.skill-bars .bar6 .info span{
  font-size: 1.2rem;
 
}
.skill-bars .bar7 .info span{
  font-size: 1.2rem;

}
.skill-bars .bar8 .info span{
  font-size: 1.2rem;

}



.footer__container{
  margin-left:22rem ;
  margin-top: -1rem;
  gap: 1rem;
  width: 65%;
}
.footer__container h4{
  font-size: 1.1rem;
}
.footer__1{
  margin-left: 1rem;
}
.footer__2{
  margin-left: 3rem;
}
.footer__3{
  margin-left: 3rem;
}
.footer__4{
  margin-left: -1rem;
}

.copyright-inner{
text-align: center;
margin-left: 20rem;
}


  }

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

    .langselect{
      margin-left: 39rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 39rem;
      position: fixed;
    }
    .skill-bars{

      width:100%;
    }
    .skill-bars .bar1 .info span{

      font-size: 1rem;
    
    }
    .skill-bars .bar2 .info span{
      font-size: 1rem;
    
    }
    .skill-bars .bar3 .info span{
      font-size: 1rem;
    
    }
    .skill-bars .bar4 .info span{
      font-size: 1rem;
    }
    .skill-bars .bar5 .info span{
    
      font-size: 1rem;
    }
    .skill-bars .bar6 .info span{
      font-size: 1rem;
     
    }
    .skill-bars .bar7 .info span{
      font-size: 1rem;
    
    }
    .skill-bars .bar8 .info span{
      font-size: 1rem;
    
    }
    .def__right h1{
      font-size: 2.2rem;
      margin-top: -1rem;
    }

    .def__left img{
      width:33rem;
    }
    .footer__1 img{
      margin-top: 0.5em;
    }
    
  }
  @media screen and (max-width: 840px){
    .langselect{
      margin-left: 36rem;
    }
    .service-langselect{
      margin-left: 36rem;
    }
    .header__right-image{
      width: 18rem;
      margin-left: 1rem;
  }
  .header__container{
      margin-left: 4rem;
  }
  #word1{
    font-size: 2.5rem;
    margin-bottom: 0.4rem;
    
  }
  .header__left{
    margin-left: -2rem;
  }
  .word2{
    font-size: 1.3rem;
  }
  .def__right h1{
    font-size: 2rem;
  }
  .def__right p{
    margin-bottom: 0.8rem;
    text-align: left;
  }
  .def__container{
    margin-top: -1rem;
  }

 

  }
  @media screen and (max-width: 825px){
  
    .footer__container{
    margin-left: 20.5rem;
    }
    .def__right h1{
      font-size: 1.8rem;
    }
    
  
  }

  @media screen and (max-width: 800px){
    .skill__container{
      display: flex;
      flex-direction: column;
      gap: 0rem;
      align-items: center;
  }
  .skill-bars{
    width: 400px;
  }
  .skills{
    justify-items: center;
    align-content: center;
  }
  .skills h1{
    text-align:left;
  }
  .def__right h1{
    font-size: 1.7rem;
  }
  }
  @media screen and (max-width: 795px){
    .langselect{
      margin-left: 36rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 36rem;
      position: fixed;
    }
    .footer__container{
      width: 68%;
    }

  }

  @media screen and (max-width: 768px){
   
    .location-content .map p iframe{
      width: 100%;
    }
    .box-wrapper{
      width: 90%;
  }
  .info-wrap,
  .form-wrap{
      width: 100%;
      height: inherit;
      float: none;  
  }
  .info-wrap{
      border-radius: 30px 30px 0px 0px;
  }
  .form-wrap{
      border-radius: 0px 0px 30px 30px;
  }
  .form-group{
      width: 100%;
      float: none;
      margin: 25px 0px;
  }
  .form-fields .form-group:last-child, 
  .submit-button{
      width: 100%;
  }
  .submit-button{
      margin: 10px 0px;
  }
    .container{
      width: 88%;
    }

    .logo,
    .logo2{
      margin-left: 1rem;
    }
    .langselect{
      margin-left: 35.5rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 35.5rem;
      position: fixed;
    }
    .footer__container{
      width: 60%;
    }
    .about-demaster__container{
      margin-left: 3rem;
    }





    .header__container{
      flex-direction: column;
      gap: 9rem;
      align-items: center;
    }
    .header__right-image{
      width: 23rem;
      margin-left: -6rem;
    }
    .header__left{
      margin-bottom: -5rem;
    }

    #word1{
      font-size: 4.5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2rem;
      color: #ffffff;
      margin-top: -1rem;
  }
  .def__container{
    margin-left: 4rem;
  }

.main__card .cards .card{
    width: calc(100% / 2 - 10px);
    margin: 20px 0 10px 0;
        }

 

  .offering__container{
  
    margin-bottom: 15rem;
  }

    .footer__container{
      grid-template-columns: repeat(2,1fr);
      width: 60%;
      margin-bottom: 3rem;
      gap: 0;
      margin-left: 23rem;
      
      
    }
    .support-wrapper2{
      margin-bottom: 12rem;
    }

 
    .footer__logo img{
      width: 100%;
    }
    .footer__1 p{
      text-align: left;
      font-size: 1rem;
    }
    .footer__1{
      margin-left: 4rem;
    }

    .footer__2{
      margin-left: 10rem;
    }
    .footer__3{
      margin-left: 4rem;
    }
    .footer__4{
      margin-left: 10rem;
    }
  }

  @media screen and (max-width: 720px){
    .faq-wrapper{
      margin-bottom: 25rem;
    }

    .langselect{
      margin-left: 32rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 32rem;
      position: fixed;
    }

    .def__left img{
      width:30rem;
    }
    .def__right h1{
      font-size: 2rem;
    }
    .offering__container .offering-header h1{
      font-size: 2rem;
   
    }
    .offering__container .offerings .offer{
  
      width: calc(90% / 1 - 10px);
      
    }
    .offering__container .offerings {
      margin: 0 0 0 4rem;
    }
    .offering__container{
      margin-bottom: 16rem;
    }
    #img-2{
      display: none;
    }
    .footer__container{
      margin-top: 10rem;
    }
    .location-content{
      margin-bottom: 12rem;
    }
    .team-tm{
      margin-bottom: 15rem;
    }

  }
  @media screen and (max-width: 700px){
    .scrolltoTop{
     bottom: 5rem;
      right: 2rem;
    }
    .scrolltoTop.active{
      bottom: 2rem;
    }
    .contact-circle{
      bottom: 5rem;
     }
     .contact-circle.active-circle{
      bottom: 2rem;
     }
     .phone-circle{
      bottom: 5rem;
     }
     .phone-circle.phone-active-circle{
      bottom: 2rem;
     }
    .langselect{
      margin-left: 31rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 31rem;
      position: fixed;
    }
    .def__left img{
      width:28rem;
    }

    .def__right h1{
      color: #3b3589;
      font-size: 2rem;
      margin-left: -1.5rem;
      margin-bottom: 0.8rem;
    }
    .def__container{
      margin-left: 4.5rem;
      gap: 5rem;
    }
    .skill__container{
 margin-left: -9rem;
}


  }
  @media screen and (max-width: 645px){
    .langselect{
      margin-left: 28.5rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 28.5rem;
      position: fixed;
    }
 .footer__container{
  margin-left: 22rem;
 }
 .def__right h1{
  font-size: 1.8rem;
}
  }
  @media screen and (max-width: 620px){

    .header__right-image{
      width: 23rem;
      margin-left: -7rem;
    }
    .header__left{
      margin-bottom: -4rem;
    }

    #word1{
      font-size: 4rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2rem;
      color: #ffffff;
      margin-top: -1.3rem;
  }

  .def__left img{
    width:27rem;
  }

  .def__right h1{
    color: #3b3589;
    font-size: 1.7rem;
    margin-left: -1.5rem;
    margin-bottom: 1.1rem;
    margin-top: -3rem;
  }
  .def__container{
    margin-left: 4.5rem;
    gap: 7rem;
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(100% / 1 - 10px);
   
  }

  }

  @media screen and (max-width:600px){
    
 .location-content{
  width: 80%;
 }
    .langselect{
      margin-left: 25rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 25rem;
      position: fixed;
    }
    .def__bg{
      background: none;
      margin-bottom: -7rem;
      margin-top: -3rem;
    }
    .def__left{
      display: none;
    }
    .def__container{
      align-items: center;
      flex-direction: column;
      margin-left: 4rem;
      margin-top: 3rem;
     
    }
    .def__right{
      margin-left: 0.1rem;
    }
    .def__right h1{
      color: #3b3589;
      font-size: 2.5rem;
      margin-bottom: 1.3rem;
   
    }
    .def__right img{
      width: 24.5rem;
    }

    .skill__bg{
      background: none;
    }
    .skill__container{
 margin-left: -9rem;
 margin-bottom: 16rem;
  }
  .skills h1{
    font-size: 2.3rem;
margin-left: -14rem;
  }


  .main__card .cards .card{
    width: 100%;
        }
        .team-header h1{
          font-size: 2.5rem;
          color: #3c348b;
          margin-bottom: 0.5rem;
        }
        .teamLeader-header h1{
          font-size: 2.5rem;
          color: #3c348b;
          margin-bottom: 5rem;
        }
        .footer__container{
          margin-left: 21rem;
          margin-bottom: 10rem;
          width: 60%;
         }
         .footer__1{
          margin-left: 2rem;
         }
         .footer__2{
          margin-left: 2rem;
         }
         .footer__4{
          margin-left: 2rem;
         }
         
  }
  @media screen and (max-width: 535px){
  .container{
    width: 80%;
  }
    .langselect{
      margin-left: 23rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 23rem;
      position: fixed;
    }
  .header__right-image{
    width: 22rem;
    margin-left: -8rem;
  }
  .header__left{
    margin-bottom: -4rem;
  }

  #word1{
    font-size: 3.5rem;
    color: #ffffff;
}
.word2{
    font-size: 1.7rem;
    color: #ffffff;
    margin-top: -1.3rem;
}
.def__right h1{
  color: #3b3589;
  font-size: 2.4rem;
  margin-left: -1.5rem;
  margin-bottom: 1.3rem;
}



.skill__container{
  margin-left: -9rem;
  margin-bottom: 16rem;
   }
   .skills h1{
     font-size: 2.4rem;
 margin-left: -16rem;
   }
   .footer__container{
    width: 55%;
   }

}

  @media screen and (max-width: 530px){
  
    .langselect{
      margin-left: 22rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 22rem;
      position: fixed;
    }
    .about-demaster__container .about__right h1{
      font-size: 2rem;
      margin-right: 1rem;
    }



  }
  @media screen and (max-width: 500px){
    .langselect{
      margin-left: 19rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 19rem;
      position: fixed;
    }
    .faq-header__text h2{
      font-size: 1.8rem;
    }
    .footer__container{
      margin-left: 20rem;
 
    }

    
    .def__right h1{
      color: #3b3589;
      font-size: 2rem;
      margin-left: -1.5rem;
      margin-bottom: 1.3rem;
    }
    .def__right img{
      width: 75%;
    }
    .skills h1{
      font-size: 1.8rem;
      margin-left: -12rem;
    }
    .skills{
margin-left: 35rem;
    }
    .skill-bars{
      width: 300px;
    }
  }

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

    .langselect{
      margin-left: 18rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 18rem;
      position: fixed;
    }
    .team-header h1{
      font-size: 2.3rem;
      color: #3c348b;
      margin-bottom: 0.5rem;
    }
    .teamLeader-header h1{
      font-size: 2.3rem;
      color: #3c348b;
      margin-bottom: 5rem;
    }

  }
  @media screen and (max-width: 465px){
    .box-wrapper{
      width: 100%;
    }

    .langselect{
      margin-left: 17rem;
      position: fixed;
    }
    .about-demaster__container{
      margin-top: -1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8rem;
      margin-left: 2rem;
    }
    .service-langselect{
      margin-left: 17rem;
      position: fixed;
    }
    .offering__container .offering-header h1{
      font-size: 2.2rem;
   
    }
    .about-demaster__container{
      margin-left: 3rem;
    }
    .about-demaster__container .about__left img{
      width: 100%;
      margin-left: -0.5rem;
    }
    .about-demaster__container .about__right h1{
      font-size: 2rem;
    }
    #img-2{
      margin-left: 16rem;
    }
  }
  @media screen and (max-width: 425px){
    .def__right img{
      width: 95%;
    }

    .contact-circle{
      display: none;
    }
    .phone-circle{
      display: none;
    }
    .langselect{
      margin-left: 15rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 15rem;
      position: fixed;
    }
    .header__container{
      margin-left: 3.5rem;
    }
    .faqs__container{
    margin-bottom: 15rem;
    }

    .header__right-image{
      width: 18rem;
      margin-left: -8rem;
    }
    .header__left{
      margin-bottom: -4rem;
    }
  
    #word1{
      font-size: 3rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1.5rem;
      color: #ffffff;
      margin-top: -1.3rem;
  }

  .def__right h1{
    color: #3b3589;
    font-size: 1.7rem;
    margin-left: -1.5rem;
    margin-bottom: 1.3rem;
  }

  .team-tm{
    margin-bottom: 16rem;
  }
  .team-ab{
    margin-bottom: 4rem;
  }
  .service__container .service__header h1{
    font-size: 2.5rem;
    color: #3c348b;
  }
  .team-header h1{
    font-size: 2rem;
    color: #3c348b;
    margin-bottom: 0.5rem;
  }
  .teamLeader-header h1{
    font-size: 2.1rem;
    color: #3c348b;
    margin-bottom: 5rem;
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(90% / 1 - 10px);
    margin-left: 1rem;
  }
  .faq-header__text h2{
    font-size: 1.7rem;
  }
  .offering__container{
  
    margin-bottom: 14rem;
  }
  .offering__container .offering-header h1{
    font-size: 2rem;
 
  }
  .offering__container .offerings .offer{
  
    width: calc(100% / 1 - 10px);
    
  }
  .offering__container .offerings {
    margin: 0 0 0 3rem;
  }
  .about-demaster__container .about__right p{
    text-align: center;
    margin-right: 1.2rem;
    padding: 0 1rem 0 1rem;
  }

  .team-header p{
   padding: 0 50px 0 50px;
  }
 
  .skills h1{
font-size: 1.8rem;
margin-left: -13rem;
  }
  .skill-bars{
    width: 300px;
  }


  .footer__container{
    width: 45%;
    grid-template-columns: 1fr;
    margin-left: 20.5rem;
   

  }

  .footer__1{
    margin-top: 2rem;
    margin-left:1rem ;
    margin-bottom: -3rem;
  }
 
  
.footer__2{
  margin-bottom: -3rem;
  margin-left: 1rem;
}
  .footer__2 #email{
    margin-top: -1rem;
  }
  .footer__3{
    margin-left: 1rem;
    margin-bottom: -3rem;
  }
  .footer__4{
    margin-left: 1rem;
  }
  .img-3{
    display: block;
    width: 80%;
    align-items: center;
    margin-left: 2rem;
    margin-top: 2rem;
  }
}
  @media screen and (max-width: 390px){
    .def__right img{
      display: none
    }
    .def__right .Mdef-text{
      display: block;
      width: 13rem;
      margin: 1rem 0 0 -1rem;
    }


    .def__container{
      margin-left: 3rem;
    }
    .def__right h1{
      color: #3b3589;
      font-size: 1.5rem;
      margin-left: -1.5rem;
      margin-bottom: 1rem;
    }

    .contact-header .contact-text1 h1{
      font-size: 2.1rem;
    }
    .location-content{
      margin-left: 1rem;
    }
    .location-content .location__text h4{
      margin-bottom: 0.5rem;
      margin-top: 2rem;
      color: #3c348b;
      font-size: 1.2rem
    }
 
    .form-title{
      text-align: center;
      margin-left: -23px;
      font-size: 20px;
      letter-spacing: 0.5px;
      margin-bottom: 0;
    }
     .info-title{
      text-align: center;
      font-size: 20px;
    }
    .info-sub-title{
      font-size: 16px;
      text-align: center;
   
    }
    .info-details {
      margin-left: -1rem;
    }
    .info-wrap .social-icon{
      margin-left: -1rem;
    }
    .info-details li {
      font-size: 12px;
    }
    .info-wrap .social-icon li a {
      height: 35px;
      width: 35px;
      display: inline-block;
      box-shadow: 0px 3px 14px #666c752e;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      color: #5B6880;
      transition: all 0.3s ease-in;
      background: #fff;
      font-size: 16px;
    }
    .faq-header__text h2{
      font-size: 1.5rem;
      margin-bottom: 2rem;
    }
    .langselect{
      margin-left: 14rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 14rem;
      position: fixed;
    }

    .header__right-image{
      width: 16rem;
      margin-left: -8rem;
    }
    .header__left{
      margin-bottom: -5rem;
    }
    .team-header h1{
      padding: 0 10px 0 10px;
    }
  
    #word1{
      font-size: 2.5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1.2rem;
      color: #ffffff;
      margin-top: -1.3rem;
  }
  .service__container .service__header h1{
    font-size: 2.2rem;
    color: #3c348b;
  }
  .copyright-text
  .Leadermain__card .leadercards .leadercard{
    width: calc(90% / 1 - 10px);
    margin-left: 1.5rem;
  }
  .skills{
    margin-left: 37rem;
  }
  .skills h1{
    font-size: 1.6rem;
    margin-left: -14rem;
      }
      .skill-bars{
        width: 250px;
      }
      .offering__container .offering-header h1{
        font-size: 1.8rem;
     
      }
      .about-demaster__container .about__right h1{
        font-size: 1.8rem;
        margin-right: 1rem;
      }
      .about-demaster__container .about__left img{
        width: 100%;
        margin-left: -0.5rem;
       
      }
      .about-demaster__container{
        margin-bottom: -6rem;
        margin-left: 2.5rem;
      }
      .footer__container{
        width: 45%;
      }
      .footer__1 img{
        width: 75%;
      }

  }
  @media screen and (max-width: 360px){
 
    .langselect{
      margin-left: 13rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 13rem;
      position: fixed;
    }
    .faq-header__text h2{
      font-size: 1.4rem;
      margin-bottom: 2rem;
    }
  }
  @media screen and (max-width: 347px){
    .langselect{
      margin-left: 12rem;
     
    }
    .service-langselect{
      margin-left: 12rem;
      
    }
    .footer__container{
      width: 40%;
    }
  }
  @media screen and (max-width: 320px){
    .info-title{
      font-size: 18px;
      letter-spacing: 0.5px;
      margin-bottom: 3rem;
    }
    .contact-header .contact-text1 h1{
      font-size: 1.9rem;
    }
    .location-content .location__text h4{
      margin-bottom: 0.5rem;
      margin-top: 2rem;
      color: #3c348b;
      font-size: 1rem
    }
    .location-content .location__text p{
      font-size: 1rem;
    }
    .container{
      width: 80%;
    }
    .faq-header__text h2{
      font-size: 1.2rem;
      margin-bottom: 2rem;
    }
    .copyright-inner .copyright-text{
     padding-left: 5px;
     padding-right: 5px;
    }
    .langselect{
      margin-left: 10rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 10rem;
      position: fixed;
    }
  .header__container{
    margin-left: 3rem;
  }

    .header__right-image{
      width: 14rem;
      margin-left: -8rem;
    }
    .header__left{
      margin-bottom: -5rem;
    }
  
    #word1{
      font-size: 2rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1rem;
      color: #ffffff;
      margin-top: -0.9rem;
  }
  .def__right h1{
    font-size: 1.2rem;
    margin-left: -1rem;
    
  }

  .def__right p{
    margin-bottom: -1rem;
  }
  .services{
    margin-left: 0.4rem;
  }
  .service__container .service__header h1{
    font-size: 2.1rem;
    color: #3c348b;
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(100% / 1 - 10px);
    margin-left: 0.5rem;
  }
  .skills h1{
    font-size: 1.2rem;
    margin-left: -14rem;
      }
      .skill-bars{
        width: 150px;
      }
      .skill__container{
       margin-left: -9rem;
      }
      .team-header p{
        padding: 0 12px 0 12px;
      }

      .team-header h1{
        font-size: 1.7rem;
        color: #3c348b;
        margin-bottom: 0.5rem;
      }
      .teamLeader-header h1{
        font-size: 1.8rem;
        color: #3c348b;
        margin-bottom: 5rem;
      }
     
      .offering__container .offering-header h1{
        font-size: 1.6rem;
     
      }
      .offering__container .offerings .offer{
  
        width: calc(105% / 1 - 10px);
        
      }
      .offering__container .offerings {
        margin: 0 0 0 2rem;
      }
      .about-demaster__container{
        margin-left: 2rem;
        margin-top: 1rem;
      }
      .about-demaster__container .about__right h1{
        font-size: 1.5rem;
        margin-top: -1rem;
      }
      .about-demaster__container .about__left img{
        width: 100%;
        margin-right: 2rem;
       
      }
      .footer__container{
        width: 40%;
      }
      .img-3{
        width: 70%;
      }
     
  }
  @media screen and (max-width: 300px){
    .skills h1{
      font-size: 1.2rem;
      margin-left: -16rem;
        }
        .skill-bars{
          width: 150px;
        }
        .skill__container{
         margin-left: -11rem;
        }
    .def__right h1{
      font-size: 1.3rem;
      margin-left: -1rem;
      
    }
    .def__right p{
      margin-bottom: 1.5rem;
    }

    .offering__container .offerings .offer{
  
      width: calc(110% / 1 - 10px);
      
    }
    .offering__container .offerings {
      margin: 0 0 0 2rem;
  }
  .about-demaster__container{
    margin-left:  2rem;
  }
  .skills h1{
    font-size: 1.1rem;
    margin-right: 2rem;
  }
  .skills{
    margin-left: 38rem;
  }
  .skill-bars{
    width: 150px;
  }
  }
  @media screen and (max-width: 290px){
    
    .def__right h1{
      font-size: 1.2rem;
      margin-left: -1rem;
      
    }
    .langselect{
      margin-left: 9rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 9rem;
      position: fixed;
    }
    .offering__container .offerings .offer{
  
      width: calc(100% / 1 - 10px);
      
    }
    .offering__container .offerings {
      margin: 0 0 0 1rem;
  }
}
@media screen and (max-width: 280px){
  .about-demaster__container{
    width: 70%;
    margin-left: 3rem;
  }
}
  @media screen and (max-width: 270px){
    .def__right h1{
      font-size: 1.2rem;
      margin-left: -1rem;
      
    }
 

    .langselect{
      margin-left: 8rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 8rem;
      position: fixed;
    }
    .offering__container .offering-header h1{
      font-size: 1.5rem;
   
    }
    .faq-header__text h2{
      font-size: 1.1rem;
      margin-bottom: 2rem;
    }
  }
  @media screen and (max-width: 260px){
    
    .langselect{
      margin-left: 7rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 7rem;
      position: fixed;
    }

  }
  @media screen and (max-width: 240px){
    
    .langselect{
      margin-left: 6rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 6rem;
      position: fixed;
    }

  }