@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%;
  }
  .about-demaster__container{
    gap: 45rem;
  }
  .nav__container{
    margin-left: 25rem;
  }
  .skills{
    margin-right: 10rem;
  }
  .footer__container{
    width: 70%;
    margin-left: 25rem;
  }
  
  }
@media screen and (max-width: 2000px){
  #img-2{
    margin-left: 90rem;
    width: 20%;
  }
  .about-demaster__container{
    gap: 43rem;
  }

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

}
.about-demaster__container .about__right h1{
  font-size: 3.2rem;
}
}
@media screen and (max-width: 1300px) {

  .info-details {
    margin-bottom: -3rem;
    }
  .def__right h1{
    color: #3b3589;
    font-size: 2.3rem;
    margin-left: -1rem;
    margin-bottom: 0.5rem;

}

    .langselect{
      display:grid ;
        margin-right: -11rem;
    }
    .service-langselect{
      display:grid ;
        margin-right: -11rem;
    }
    .header__right-image{
        width: 26rem;
      
        
    }

        /**about**/
        .about-demaster__container{
          gap: 27rem;
        }
        .about-demaster__container .about__right h1{
            font-size: 3.3rem;
          }
          .about-demaster__container .about__left img{
            margin-top: -2rem;
          }

          /**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) {
  .def__container{
    margin-right: 1rem;
  }
  .skill__bg h1{

    margin-right: 5rem;
}

  .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: 25rem;
    
      
  }
  #word1{
      font-size: 4rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2.3rem;
      color: #ffffff;
      margin-top: -1rem;
  }

    .def__left img{
      width:35rem;
    }
    .def__container{
      margin-right: 8rem;
    }

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

      .about-demaster__container{
        gap: 26rem;
      }
      .about-demaster__container .about__left img{
        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;
    }
    .nav_menu{
      margin-left: 15rem;
    }
    .service-nav__menu{
      margin-left: 15rem;
    }
  }
  @media screen and (max-width: 1100px){
    .info-details li {
      font-size: 13px;
      }
    .box-wrapper{
      position: relative;
      display: table;
      width:100%;
      margin:auto;
      margin-top:35px;
      border-radius: 30px;
    }
    #img-2{
      margin-left: 53rem;
    }
    .about-demaster__container{
      gap: 23.5rem;
    }
  }

  @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: 25rem;
    }
    .header__container{
        margin-left: 5rem;
    }
    .def__left img{
        width:30rem;
      }
   
   
    .offering__container .offerings{
        gap: 1.5rem;
        margin-left: -1.3rem;
      }
 

  }

  @media screen and (max-width: 1024px){
    .skill__bg h1{
      font-size: 2.8rem;
      margin-right: 7rem;
  }
    .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;
        margin-top: -1rem;
    }
    .header__right-image{
        width: 24rem;
        margin-right: -5rem;
      
        
    }
    
    #word1{
        font-size: 3.7rem;
        color: #ffffff;
    }
    .word2{
        font-size: 2rem;
        color: #ffffff;
        margin-top: -0.5rem;
    }
    .def__container{
      margin-right: 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: 21.5rem;
      }
      .about-demaster__container .about__left img{
        margin-top: 0.5rem;
        width: 450%;
      }

            /**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{
      align-content: center;
      margin-left: 1rem;
    }
    .about-demaster__container .about__left img{
      width: 110%;
      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;
    
      
  }
  #word1{
      font-size: 3.5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2rem;
      color: #ffffff;
      margin-top: -1rem;
  }


.def__left img{
  width:30rem;
}

.def__container{
  gap: 1rem;
  margin-right: 5rem;
}

.skill__bg{
  margin-left: -20rem;
}

.skills{
margin-left: 40rem;
}


.skill__bg h1{
  font-size: 2.6rem;
  margin-right: 6rem;
}



.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){
    #word1{
      font-size: 3.4rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2rem;
      color: #ffffff;
      margin-top: -1rem;
  }

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

      width:100%;
    }
    .skill__bg h1{
      font-size: 2.6rem;
      margin-right: 5rem;
  }
    .def__right h1{
      font-size: 2.1rem;
      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: 19rem;
      margin-left: 1rem;
  }
  .header__container{
      margin-left: 3rem;
      gap: 12rem;
  }
  #word1{
    font-size: 3rem;
    margin-bottom: 0.4rem;
    
  }
  .header__left{
    margin-left: -2rem;
  }
  .word2{
    font-size: 1.8rem;
  }

  .def__right p{
    margin-bottom: 0.8rem;
    text-align: right;
  }
  .def__container{
    margin-top: 1rem;
    margin-right: 4rem;

  }

 

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

  @media screen and (max-width: 800px){
    .header__right-image{
      width: 18rem;
  }
    #word1{
      font-size: 2.8rem;
      
    }
    .word2{
      font-size: 1.6rem
    }


    .skill__container{
      display: flex;
      flex-direction: column;
      gap: 0rem;
      align-items: center;
      margin-right: 8rem;
  }
  .skill-bars{
    width: 400px;
  }
  .skills{
    justify-items: center;
    align-content: center;
  }
  .skills h1{
    text-align:right;
 margin-right: 7rem;
 font-size: 2.3rem;
    
  }
  .def__right h1{
    font-size: 1.9rem;
  }
  }
  @media screen and (max-width: 795px){
    nav button{
      margin-left: 39rem;
    }
    .langselect{
      margin-left: 36rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 36rem;
      position: fixed;
    }

    .footer__container{
      width: 68%;
    }

  }

  @media screen and (max-width: 768px){
    .skills h1{
      text-align:right;
   margin-right: 6rem;
   font-size: 2.1rem;
      
    }
      
    
    .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;
    }
    nav button{
      margin-left: 39rem;
    }
    .langselect{
      margin-left: 35.5rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 35.5rem;
      position: fixed;
    }
    .footer__container{
      width: 60%;
    }





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

    #word1{
      font-size: 5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2.5rem;
      color: #ffffff;
      margin-top: -1rem;
  }

  .def__container{
    margin-right: 3rem;
    gap: 2rem;
    width: 80%;
  }
  .def__left img{
    width: 25rem;
  }

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

        .about-demaster__container{
          margin-right: 2rem;
        }
        


  .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: right;
      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){
    .offering__container{
      margin-bottom: 16rem;
    }

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


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

  }
  @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;
      }
    .skill__container{
      display: flex;
      flex-direction: column;
      gap: 0rem;
      align-items: center;
      margin-right: 11rem;
  }
  .skills h1{
    text-align:right;
margin-left: -8rem;
font-size: 2rem;
    
  }
    .scrolltoTop{
     bottom: 5rem;
      right: 2rem;
    }
    .scrolltoTop.active{
      bottom: 2rem;
    }
    .langselect{
      margin-left: 31rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 31rem;
      position: fixed;
    }
    .def__left img{
      width:22rem;
      margin-right: -2rem;
    }
    .def__container{
      gap: 4rem;
    }

    .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__container{
  margin-right: 15rem;
  width: 65%;
 }
.def__right{
  margin-left: 0.1rem;
}
.def__right img{
  width: 24.5rem;
  align-items: center;
}
.def__left{
  margin-right:-12rem;
}
.location-content{
  margin-left: 1.5rem;
}
  }
  @media screen and (max-width: 620px){

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

    #word1{
      font-size: 4.5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 2.5rem;
      color: #ffffff;
      margin-top: -1rem;
  }


  .offering__container .offering-header h1{
    font-size: 2.8rem;
 
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(100% / 1 - 10px);
   
  }

  }

  @media screen and (max-width: 600px){
    .location-content{
      width: 80%;
     }
    .def__right h1{
      font-size: 2.6rem;
    
    }
    .def__left{
      display: none;
    }
    .def__container{
      width: 100%;
      margin-right: 2rem;
    }
    .def__bg{
      background:none;
      margin-bottom: -5rem;
      margin-top: -3rem;
    }
    .scrolltoTop{
      bottom: 5rem;
       right: 2rem;
     }
     .scrolltoTop.active{
       bottom: 2rem;
     }
    .langselect{
      margin-left: 25rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 25rem;
      position: fixed;
    }


    .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;
         }
         .footer__1{
          margin-left: 2rem;
         }
         .footer__2{
          margin-left: 2rem;
         }
         .footer__4{
          margin-left: 2rem;
         }
  }
  @media screen and (max-width: 535px){
    .about-demaster__container{
      margin-right: 3rem;
    }
    .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: 4rem;
    color: #ffffff;
}
.word2{
    font-size: 2rem;
    color: #ffffff;
    margin-top: -1rem;
}
.def__left {
  margin-right: -14rem;
}
.def__right h1{
  color: #3b3589;
  font-size: 2.4rem;
  margin-left: -1.5rem;

}


.skill__container{
  margin-left: -9rem;
  margin-bottom: 16rem;
   }
   .skills h1{
     font-size: 2.1rem;
 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;
    }



  }
  @media screen and (max-width: 500px){
    .about-demaster__container .about__right h1{
      font-size: 2rem;
      text-align: center;
      margin-right: 2rem;
    }
    .langselect{
      margin-left: 19rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 19rem;
      position: fixed;
    }
    .offering__container .offering-header h1{
      font-size: 2.6rem;
   
    }
    .faq-header__text h2{
      font-size: 1.8rem;
    }
    .footer__container{
      margin-left: 20rem;
 
    }
    .footer__2 a{
    font-size: 0.8rem;
      
    }
    #email h4{
      font-size: 0.9rem;
    }
    .footer__3 a{
      font-size: 0.8rem;
        
      }
      .footer__4 a{
        font-size: 0.8rem;
          
        }
    
    .def__right h1{
      color: #3b3589;
      font-size: 2.3rem;
      margin-left: -1.5rem;
    }
    .def__right img{
      width: 75%;
    }
    .def__container{
      margin-right: 2rem;
    }
    .skills h1{
      font-size: 1.5rem;
      margin-right: 4rem;
    }
    .skills{
margin-left: 47rem;
    }
    .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;
    }
    .def__left {
      margin-right: -15rem;
    }
    .def__right h1{
 
      font-size: 2.1rem;
    
    }

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

.skills{
  margin-left:40rem ;
}
    .langselect{
      margin-left: 17rem;
      position: fixed;
    }
    .about-demaster__container{
      margin-top: -1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8rem;
      margin-right: 2rem;
    }
    .service-langselect{
      margin-left: 17rem;
      position: fixed;
    }
    .offering__container .offering-header h1{
      font-size: 2.4rem;
   
    }
    .about-demaster__container .about__right h1{
      font-size: 2rem;
      text-align: center;
      margin-right: 2rem;
    }
    .about-demaster__container .about__right p{
      text-align: center;
    }
    #img-2{
      margin-left: 16rem;
    }
  
  .skill__bg h1{
    margin-right: 5rem;
    font-size: 1.6rem;
  }
  .def__container{
    margin-right: 2rem;
  }
  .def__right h1{
    font-size: 2rem;
    margin-left: -1.5rem;
  }

  }

  @media screen and (max-width: 425px){
    .location-content{
      width: 50%;
    }
    .def__right img{
      width: 100%;
    }
    .contact-header .contact-text1 h2 {
      font-size: 1.2rem;
      
      }
    .copyright-inner .copyright-text{
      padding: 0 0.5rem 0 0.5rem;
    }
    .location-content{
    
      width: 80%;
      
    }
    .contact-circle{
      display: none;
    }
    .phone-circle{
      display: none;
    }
    .langselect{
      margin-left: 15rem;
      position: fixed;
    }
    .service-langselect{
      margin-left: 15rem;
      position: fixed;
    }
    .header__container{
      margin-top: 1rem;
      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: -0.7rem;
  }


  .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: 1.7rem;
    color: #3c348b;
    margin-bottom: 0.5rem;
  }
  .team-header p{
    font-size: 0.93rem;
  }
  .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: 2.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.5rem;
margin-left: -16rem;
  }
  .skill-bars{
    width: 300px;
  }


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

  }

  .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;
  }
  .def__right h1{
    font-size: 1.7rem;
   
  }
}
  

  @media screen and (max-width: 390px){
    
    .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;
    }
    #word1{
      font-size: 2.8rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1.5rem;
      color: #ffffff;
      margin-top: -0.7rem;
  }
    .def__container{
      margin-right: 1rem;
    }
    .def__right h1{
      color: #3b3589;
      font-size: 1.6rem;
      margin-left: -1.5rem;
      margin-bottom: 1rem;
    }
    .def__left img{
      width: 24rem;
      margin-right: 2rem;
    }
    
    .def__right img{
      display: none
    }
    .def__right .Mdef-text{
      display: block;
      width: 8rem;
      margin: 1rem 1rem 0 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;
    }


    .team-header h1{
      padding: 0 10px 0 10px;
    }
  
  .service__container .service__header h1{
    font-size: 2.2rem;
    color: #3c348b;
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(90% / 1 - 10px);
    margin-left: 1.5rem;
  }
 
  .skills h1{
    font-size: 1.4rem;
    margin-left: -15rem;
      }
      .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-right: 0.5rem;
       
      }
      .about-demaster__container{
        margin-bottom: -6rem;
        margin-right: 2rem;
      }
      .footer__container{
        width: 45%;
      }
      .footer__1 img{
        width: 75%;
      }

  }
  @media screen and (max-width: 360px){
    .info-details li span {
      margin-top: 25px;
      font-size: 12px;
      color: #fff;
      }
      .info-details li{
        font-size: 11px;
      }
      .info-details{
        margin-right: -2rem;
      }

 
    .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){
    .about-demaster__container{
      margin-right: 1.5rem;
    }

    .langselect{
      margin-left: 12rem;
     
    }
    .service-langselect{
      margin-left: 12rem;
      
    }
    .footer__container{
      width: 40%;
    }
  }
  @media screen and (max-width: 320px){
    .contact-header .contact-text1 h2 {
      font-size: 1.1rem;
      
      }
      .header__container{
        margin-left: 3rem;
      }
    #word1{
      font-size: 2.5rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1.5rem;
      color: #ffffff;
      margin-top: -0.7rem;
  }
    .def__container{
      margin-right: 1rem;
    }
  
    .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__right-image{
      width: 13rem;
      margin-left: -8rem;
    }
    .header__left{
      margin-bottom: -5rem;
    }

  .def__right h1{
    font-size: 1.4rem;
    margin-left: -1rem;
    
  }
  .def__right p{
    margin-bottom: -1rem;
    margin-top: -1rem;
    font-size: 0.93rem
  }
  .services{
    margin-left: 0.4rem;
  }
  .service__container .service__header h1{
    font-size: 1.6rem;
    color: #3c348b;
  }
  .service__container .service__header p{
     font-size: 0.93rem
  }
  .Leadermain__card .leadercards .leadercard{
    width: calc(100% / 1 - 10px);
    margin-left: 0.5rem;
  }
  .skills{
    margin-left: 37rem;
  }
  .skills h1{
    font-size: 1.4rem;
    margin-left: -18rem;
      }
      .skill-bars{
        width: 150px;
      }
      .skill__container{
       margin-left: -11rem;
      }
      .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-right: 2rem;

      }
      .about-demaster__container .about__right h1{
        font-size: 1.6rem;
        margin-top: -1rem;
      }
      .about-demaster__container .about__left img{
        width: 100%;
        margin-left: 1.5rem;
       
      }
      .footer__container{
        width: 40%;
      }
      .team-header h1{
        font-size: 1.5rem;
      }
  }
  @media screen and (max-width: 300px){
    .info-details li span {
      margin-top: 25px;
      font-size: 10px;
      color: #fff;
      }
      .info-details li{
        font-size: 11px;
      }
      .info-details{
        margin-right: -2rem;
      }
    .footer__container{
      margin-left: 20.5rem;
    }
    .team-header h1{
      font-size: 1.3rem;
    }
    #word1{
      font-size: 2.4rem;
      color: #ffffff;
  }
  .word2{
      font-size: 1.4rem;
      color: #ffffff;
      margin-top: -0.7rem;
  }
    .header__right-image{
      width: 12rem;
      margin-left: -8rem;
    }
    .def__right h1{
      font-size: 1.2rem;
      margin-left: -1rem;
      
    }

    .offering__container .offerings .offer{
  
      width: calc(110% / 1 - 10px);
      
    }
    .offering__container .offerings {
      margin: 0 0 0 2rem;
  }
  .about-demaster__container{
    margin-right: 2rem;
    margin-bottom: -7rem;
  }
  .about-demaster__container .about__right h1{
    font-size: 1.3rem;
  }
  .skills h1{
    font-size: 1.1rem;
    margin-right: 5rem;
  }
  .skills{
    margin-left: 38rem;
  }
  .skill-bars{
    width: 150px;
  }
  }
  @media screen and (max-width: 290px){
    
    .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: 270px){
    .def__right h1{
      font-size: 1.1rem;
      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;
    }

  }