* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /*font-family: 'Poppins', sans-serif;*/
  font-size: 16px;
  color: #181818;
  font-family: "Montserrat", Sans-serif;
}
body a {
  color: inherit;
  text-decoration: none;
}
a{text-decoration: none !important;}
header{ width: 100%; margin: 0px; padding: 10px 0;}
.sticky-top{ background: #fff0; position: absolute;}
h2{width: 100%; margin:20px auto 0 auto; padding:0 0 20px 0px; font: 600 30px/40px "Montserrat", Sans-serif; color: #7D2C7D; text-align: left;}
h2 span{ color: #260D26; }
.navbar-expand-lg .navbar-collapse{font-size: 14px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding: 5px 15px;}
.btn-yellow-menu{ width: auto; padding:5px 20px; margin: 0; color: #fff; font: 500 14px/24px "Montserrat", Sans-serif;border-radius: 40px; background:#7D2C7D; text-transform: uppercase;float: right;}

.btn-yellow{ width: auto; padding: 10px 30px; margin: 0; font: 600 22px/32px "Montserrat", Sans-serif;border-radius: 40px; background:#FEDA4C;}
.banner-wrap{ width:100%;  margin:0px 0 0px 0; padding:150px 0 150px 0px; background:url(../images/banner.jpg) no-repeat top right; background-size:cover;}
.banner-wrap h1{width: 100%; margin:0px 0 30px 0px; padding: 0px; font: 700 35px/50px "Montserrat", Sans-serif;  color: #260D26; 	}
.banner-wrap p{width: 100%; margin:0px 0px; padding: 0px 0 0px 0; font: 600 20px/28px "Montserrat", Sans-serif; color: #7D2C7D; }
.bnr-botm{ width: auto; margin:0px auto; padding:30px 50px 50px 50px; border-radius: 10px; text-align: center; display: block; position: relative; z-index: 9; }

.tech-lst {
  width: 100%;
  margin: 0px;
  padding: 0px;

}
.tech-lst a{
  width: auto;
  margin: 10px;
  padding: 10px 20px;
  background: #FBF5FC;
  font: 500 16px/24px "Montserrat", Sans-serif;
  color: #7D2C7D;
  float: left;
  text-align: center;
  border-radius: 15px;
}
.tech-lst a:hover {
  background: #7D2C7D;
  color: #fff;
}
.tech-lst a { 
  position: relative;
}
.tech-lst a:active {
  top: 1px;
}





.tech-lst-box{ width: 100%; margin:60px 0; padding:80px 0 80px 0; background: #F6EDF6;}
.tech-lst-box h2{width: 100%; margin:0px 0 10px 0px; padding: 0px; font: 700 35px/50px "Montserrat", Sans-serif;  color: #260D26; 	}
.tech-lst-box h3{width: 100%; margin:0px 0 10px 0px; padding: 0px; font: 500 18px/28px "Montserrat", Sans-serif;  color: #747474; 	}
.tech-feature{width: 100%; margin: 0; padding:0;  }
.tech-feature ul{width: 100%; margin: 0; padding:0; list-style-type: none;}
.tech-feature li{width: 100%; margin:10px 0; padding:20px;background: #fff; border-radius: 15px;}
.tech-feature h2{width: 100%; margin:0px 0 0px 0px; padding: 0px; font: 600 16px/26px "Montserrat", Sans-serif;  color: #7D2C7D; 	}
.tech-feature p{width: 100%; margin:0px 0 0px 0px; padding: 0px; font: 600 14px/24px "Montserrat", Sans-serif;  color: #260D26; 	}

.contat-us-wrap{ width: 100%; margin:0px 0 0 0; padding:20px 0 0 0; background: linear-gradient(0deg, rgba(125,44,125,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
}
.contat-us-panel{ width: 100%; margin:0px 0; padding:60px; background: #F6EDF6; border-radius: 30px;}
.contat-us-panel h2{width: 100%; margin:0px 0 50px 0px; padding: 0px; font: 600 35px/45px "Montserrat", Sans-serif;  color: #000000; 	}
.contat-us-panel label{width: 100%; margin:0px 0 0px 0px; padding: 0px; font: 500 16px/26px "Montserrat", Sans-serif;  color: #260D26; }
.contat-us-panel input, .contat-us-panel textarea{width: 100%; margin:10px 0; padding:15px 10px; border: 0px; border-radius: 10px; background: #fff;}
.btn-sbmt{ width: auto; padding: 8px 20px; margin: 0; font: 600 18px/28px "Montserrat", Sans-serif;border-radius: 40px; background:#7D2C7D;color: #fff;}


.call-icon{width:60px; height: 60px; margin:20px 0 0 0; padding:10px; border-radius: 100px; background: #FEDA4C; color: #fff; text-align: center;}

.call-icon i{ font-size: 30px; line-height: 40px; font-weight: 500;
}
.social-icon{width:100%; margin:10px 0; padding: 0px; float: left;}
.social-icon i {
  color: #21232600;
  -webkit-text-fill-color: #21232600;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke: 1px #fff;
  font-size: 22px;
  margin: 0 10px 0 0;
}


.ftr-wrap{ width:100%;  margin:0px 0 0 0; padding:70px 0 0px 0px; background:#7D2C7D; color:#fff; border-bottom: 10px solid #FEDA4C;}
.ftr-wrap h2{ width:100%; margin:0px; padding:0px; color:#fff;  font:500 18px/28px "Montserrat", Sans-serif; text-transform:uppercase; text-align: left;}
.ftr-wrap p{width:100%; margin:5px 0 0px 0px; padding:0px 0px; color:#fff; font:500 14px/24px "Montserrat", Sans-serif;}




/*****************************/
@media screen and (max-width: 1024px){

.navbar-expand-lg .navbar-nav .nav-link{
  font-size: 14px; padding:5px  15px;
}
}

@media (max-width: 992px) {
  .navbar-collapse {
      position: fixed;
      top: 75px;
      left: 0;
      padding-left: 10px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 75%;
      height: 100%;
      background: #842d84;
      color:#fff;
      z-index: 9;
  }

  .navbar-collapse.collapsing {
      left: -75%;
      transition: height 0s ease;
  }

  .navbar-collapse.show {
      left: 0;
      transition: left 300ms ease-in-out;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
      transition: left 500ms ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .nav-link{ padding: 10px 10px;}

}




@media (min-width: 680px) and (max-width: 960px) {
  .banner-wrap {
    width: 100%;
    padding: 80px 0px;
  }
  .banner-wrap p {font-size:20px;}
  .contat-us-panel input, .contat-us-panel textarea{ padding: 10px;}
  .tech-lst-box h2{font: 700 30px/40px "Montserrat", Sans-serif;}
  .tech-feature h2{font: 600 16px/26px "Montserrat", Sans-serif;}
  .contat-us-panel label{font: 500 14px/20px "Montserrat", Sans-serif;}
  .tech-lst a{width: 45%;}
  }


  @media (min-width: 320px) and (max-width: 679px) {
  .banner-wrap {
    width: 100%;
    padding: 50px 0px;}
  .lab-dr-box{width:44%;}

  .banner-wrap h1 {font-size:25px; line-height:30px; }
  .banner-wrap h2 {font-size:25px; line-height:30px;}
  .banner-wrap p {font-size:18px;}
  .bnr-img{ width:100%; margin:0px 0 0px 0; padding:0px; display:block;}
  .bnr-dsktop-img{ display:none;}
  .banner-ofer{width: 85%; display: block; text-align: center; margin: 30px auto;}
  .bnr-botm{ width: auto; margin:0px 0 0 0px; padding:20px; display: block;}
.bnr-botm-layer{ display: none;}
.btn-yellow-menu{ display: none;}
.btn-yellow{font: 600 20px/30px "Montserrat", Sans-serif;}
.tech-lst a{width: 95%;}
.tech-lst-box h2{font: 700 30px/40px "Montserrat", Sans-serif;}
.tech-feature h2{font: 600 18px/28px "Montserrat", Sans-serif;}
.contat-us-panel input, .contat-us-panel textarea{ padding: 10px;}
.contat-us-panel label{font: 500 14px/20px "Montserrat", Sans-serif;}

  }




  @media (max-width: 320px) {
  .banner-wrap {
    width: 100%;
    padding: 0px 0 0px 0px;
    background:none;
    background-size: 100%;
  }
  .banner-wrap h1 {font-size:18px; line-height:28px; }
  .banner-wrap h2 {font-size:16px; line-height:26px;}
  .banner-wrap h1 span {font-size:25px; line-height:30px; }
  .banner-wrap p {font-size:16px;}
  .bnr-dsktop-img{ display:none;}

  }