@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css");

html,body{
  width:100%;
  overflow-x:hidden;
  padding: 0;
  margin: 0;
  }


.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  /* right:40px; */
  background-color:#25d366;
  color:#FFF !important;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
  /* margin-left: 20px; */
  padding: 6px;
  }
.s-icons {
    position: fixed;
    animation: Slide_Up 0.5s ;
    animation-timing-function: ease-out;
    z-index:1000;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, -50%);
}
.s-icons ul li {
  width: 60px !important;
  height: 60px !important;
  border-radius: 100px !important;
}
.s-icons ul li a {
  font-size: 1.1rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mobile-view-icons{
  display: none !important;
  
}

/* .mobile-icon{
  display:flex;
} */
@media (max-width:767px){


/* .mobile-icon{
  display: none;
} */
   .mobile-view-icons{
    display: block;
    
   }
}
 
@media (max-width:768x1024){
  body{
    overflow-x: hidden;
  }
  
.mobile-icon{
  display: none;
}
   .mobile-view-icons{
    display: block;
    
   }
}


  

 
.s-icons-1{
  bottom:20px !important;
   right:40px  !important;
  position: fixed;
  
}


  

  /* .whatsapp_link_after_scroll{
    position:fixed;
      width:60px;
      height:60px;
      bottom:80px;
      right:20px;
      background-color:#25d366;
      color:#FFF;
      border-radius:50px;
      text-align:center;
      font-size:30px;
      box-shadow: 2px 2px 3px #999;
      z-index:100;
  } */
  
  .left-float{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:50px;
  height:50px;
  background-color:#026efa;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size: 1.1rem;
  margin-top: 20px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
  text-decoration: none;
  padding: 6px;
  }
 
  
  .left-float:hover{
    /* width: 70px; */
    /* height: 70px; */
    /* text-align: center; */
     color: white !important;
     /* vertical-align: middle; */
  }

  /* .left-float i:hover{
    width: 50px;
    height: 50px;
    color: white !important;
  } */
  
  .my-float{
   margin-top:0 !important;
  }


  /* mobileicns social media */
  .right-float{
    display: block !important;
    width:40px;
    height:40px;
    background-color:#026efa;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:20px;
    margin-top: 20px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    text-decoration: none;
    bottom:20px !important;
    right: 40px !important;;
    margin-bottom: 5% !important;
    
    }
   
    
    .right-float:hover{
      width: 50px;
      height: 50px;
      text-align: center;
      color: white;
      vertical-align: middle;
    }
  
    .right-float i:hover{
      width: 50px;
      height: 50px;
      color: white;
    }
    .mobile-view-icons{
      position: fixed;
      animation: Slide_Up 0.5s ;
      animation-timing-function: ease-out;
    
      
    }

    /* end social media icon */
/* 
h2 {
  font-size: 40px !important;
  color: #212121;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

h3 {
  font-size: 30px !important;
  color: #212121;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

h4 {
  font-size: 28px !important;
  color: #212121;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

h5 {
  font-size: 26px !important;
  color: #212121;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

h6 {
  font-size: 22px !important;
  color: #212121;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}
.servicesCardWrapper h1{
  font-weight: 400 !important;
  font-size: 40px !important;
}
.servicesCardWrapper h2{
  font-weight: 200 !important;
  font-size: 30px !important;

}
.servicesCardWrapper h3{
  font-weight: 100 !important;
  font-size: 20px !important;

}
.servicesCardWrapper a{
  text-decoration: none;
}
.servicesCardWrapper .container .row .col-md-3{
 display: flex;
} */
.career-sec-1{
  background:no-repeat;
  background-size: cover;
  height: 500px;
}
.heading{
 text-align: center !important;
  color: white !important;
  transform: translateY(-50%);
}
.career-p{
  text-align: center !important; 
  color: white;
  transform: translateY(-50%);
  padding-top: 20px;
}
.focus-in-expand {
	-webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-4-8 9:39:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/* DEMO-SPECIFIC STYLES */
.typewriter {
  color: #fff;
  
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid rgb(253, 253, 252); /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: rgb(23, 23, 22) }
}

.text-pic{
  padding-top: 80px;
}

.career-sec-2{
  background-color: whitesmoke;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
}
.value {
  font-size: 60px;
  display: block;
  font-weight: bold;
  color: #0b0b0b;
}
/* .career-sec-4{
  background-color: white;
  /* margin-top: 50px; */

  /* height: 400px;
  width: 400px;
} */
.career-sec-4 h2{
  /* padding-top: 50px !important;
  margin-left: 40px !important; */
}
.career-text-end{
  padding: 1rem 0.5rem !important;
  border: 1px solid #a3a3a3cc;
}
.career-text-end li {
  color: #212121 !important;
}
.career-detail-1{
  background-color: whitesmoke; 
  
  
}
.career-detail-1 h2,h3{
  padding-left: 50px !important;
}
.career-detail-1 ul{
  padding-left: 60px;
}
.detail-text{
  padding-left: 60px;
}
#more {display: none;}
#dots{
  color: blue;
}
.syllabus-sec-1 h2, .syllabus-h4 {
  text-align: center;
}
.syllabus-sec-1 p,ul{
  padding-left: 50px;
}
.syllabus-sec-1 h6{
  padding-left: 50px;
}
.syllabus-sec-1 ul{
  padding-bottom: 30px;
  padding-top: 20px;
}
.card-body button{
  background-color: rgb(81, 81, 246);
  color: white;
  border-radius: 10px;
}
.first-header{
  text-align: center;
  margin-top:10%;  
}
.form-8{
  margin-bottom: 20px;
  margin-left:10%;
  

}
.course-img{
  width: 700px;
  height: 450px;
}
.card-img-top{
  clip-path: circle();
  margin-top: 20px;
  
}
.product-sec-1 .card-title{
  text-align: center;

}
.product-sec-1 .card a{
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.form-8{
  background-color:aqua;
  margin-top:5%;
  border-radius:10px;
}

.button-91{
  color: #fff;
  padding:10px 15px;
  background-color:blue;
  border-radius:15px;
}


@media (max-width: 767px) {
  h1 {
    font-size: 40px !important;
  }
  h2 {
    font-size: 30px !important;
  }
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 26px !important;
  }
  h5 {
    font-size: 24px !important;
  }
  h6 {
    font-size: 20px !important;
  }
}
p {
  margin: 0 !important;
  color: #2c2c2d;
  line-height: 1.7;
}

body {
  font-family: "Rubik", sans-serif !important;
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .desktopBreak {
    display: none !important;
  }
 
}


.back-to-top {
  position: fixed;
  bottom: 25px;
  /* left: 25px; */
  right: 0;
  display: none;
  background-color: #d43230 !important;
  color: #ffffff !important;
  z-index: 999;
  border: 0 !important;
}

.navbar {
  background-color: #ffffff;
 
  position: fixed!important;
  z-index: 999;
  width: 100%;
   clear: both;

}
 
.navbar .nav-link {
  color: #2c2c2d;
  text-transform: uppercase;
  padding: 10px;
}

.nav-link:hover{
  background-color:red;
  color: white!important;
  border-radius: 10px;

}
.navbar .navbar-toggler {
  border: none !important;
  outline: 0 !important;
  padding: 8px 10px;
}
.navbar .navbar-toggler:focus {
  outline: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.img-fluid{
  width: 450px;
}
.img-logo{
  width: 150px;
}


@media (max-width: 767px) {
 
  
}
.footerWrapper {
  background-color: #020202;
  padding: 80px 50px;
}
.footerWrapper h6 {
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footerWrapper p {
  font-size: 14px;
  margin: 22px 0 0 0 !important;
  color: #aaaeb1;
}
.footerWrapper ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
}
.footerWrapper li {
  padding: 10px 0;
}
.footerWrapper a {
  text-decoration: none;
  font-size: 14px;
  color: #aaaeb1;
}
.footerWrapper a:hover {
  color: #ffffff;
}
.footerWrapper i {
  color: #d43230;
  margin: 0 10px 0 0;
  font-size: 14px;
}
.footerWrapper .ContactBox h6 {
  margin: 0 0 25px 0 !important;
}
.footerWrapper .ContactBox .SocialMediaBox {
  padding: 0;
  list-style: none;
}
.footerWrapper .ContactBox .SocialMediaBox li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.footerWrapper .ContactBox .SocialMediaBox li a {
  padding: 10px;
  background: #f2f2f2;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 0px;
}
.footerWrapper .ContactBox .SocialMediaBox li i {
  color: #020202;
  transition: 0.5s;
  font-size: 16px;
  margin: 4px 0 0 0;
}
.footerWrapper .listItem {
  display: flex;
  margin: 0 0 15px 0;
}
.footerWrapper span {
  display: inline;
  margin: 1px 0 0 0;
}
.footerWrapper .listItem i {
  color: #d43230 !important;
  font-size: 14px;
  margin: 0;
}
.footerWrapper .listItem p {
  padding: 0 10px 0 15px;
  margin: 0 !important;
  font-size: 14px;
  vertical-align: middle !important;
}
.footerWrapper .linksBox {
  padding: 0 20px;
}
.footerWrapper .ContactBox {
  padding: 0 20px;
}

.tracking-in-expand-fwd-bottom {
	-webkit-animation: tracking-in-expand-fwd-bottom 5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd-bottom 5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-6 14:40:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}




@media (max-width: 767px) {
  .footerWrapper {
    padding: 90px 30px;
  }
  .footerWrapper p {
    margin: 20px 0 0 0;
  }
  .footerWrapper .brandingBox {
    padding: 0 0 60px 0;
  }
  .footerWrapper .linksBox {
    padding: 0 0 60px 0;
  }
  .footerWrapper .ContactBox {
    padding: 0;
  }
 
}
.copyrightWrapper {
  background-color: #020202;
  padding: 20px 60px;
  text-align: center;
  border-top: 1px solid #333;
}
.copyrightWrapper p {
  font-size: 14px;
  color: #aaaeb1;
}
.formBox input[type=text]{
  opacity: 0.6;
}
.formBox input[type=email]{
  opacity: 0.6;
}

@media (max-width: 767px) {
  .copyrightWrapper {
    padding: 20px 30px;
  }
  .copyrightWrapper p {
    margin: 0 !important;
  }
}
.SliderWrapper {
  background: url(../images/coding-bg.gif);
  background-position: center center;
  background-size: cover;
  padding: 200px 0 200px 0;

}
.SliderWrapper .card {
  margin: 0 !important;
  padding: 30px;
}

@media (max-width: 767px) {
  .SliderWrapper {
    padding: 50px 10px;
  }
  .SliderWrapper img {
    display: none;
  }
}
.AboutWrapper {
  padding: 80px 0;
}
.AboutWrapper h6 {
  font-size: 14px !important;
  text-transform: uppercase;
  color: #d43230;
  letter-spacing: 1px;
}
.AboutWrapper h2 {
  margin: 5px 0 25px 0 !important;
}
.AboutWrapper p {
  margin: 0 0 40px 0 !important; 
}



/* slide-left animation index page */
.slide-in-left {
	-webkit-animation: slide-in-left 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-6 12:6:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


/* slide right animation on index page */
.slide-in-right {
	-webkit-animation: slide-in-right 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-4-6 12:13:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.scale-in-right {
	-webkit-animation: scale-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation-delay: 3ms;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-6 12:36:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-right
 * ----------------------------------------
 */
 @-webkit-keyframes scale-in-right {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes scale-in-right {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 1;
  }
}

.scale-in-left {
	-webkit-animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-6 12:38:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-left
 * ----------------------------------------
 */
 @-webkit-keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}
@keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 1;
  }
}







@media (max-width: 767px) {
  .AboutWrapper {
    padding: 80px 10px;
  }
  .AboutWrapper h2 {
    margin: 5px 0 0 0 !important;
  }
  .AboutWrapper p {
    margin: 20px 0 40px 0 !important;
  }
}
.homeServicesWrapper {
  background-color: #f2f2f2;
  padding: 80px 0;
}
.homeServicesWrapper a{
  text-decoration: none;
}
.homeServicesWrapper .card {
  margin: 30px 0 0 0;
  padding: 20px;
  border: 0;
  background-color: #ffffff;
  transition: all 0.6s ease;
}
.homeServicesWrapper .card:hover {
  background-color: #353386;
}
.homeServicesWrapper .card:hover .col-md-9 h6 {
  color: #ffffff !important;
}
.homeServicesWrapper .card .col-md-3 i {
  font-size: 30px !important;
  padding: 8px 14px;
  background-color: #f2f2f2;
  vertical-align: middle;
  align-items: center;
  align-self: center;
}
.homeServicesWrapper .card .col-md-9 {
  vertical-align: middle;
  align-self: center;
}
.homeServicesWrapper .card .col-md-9 h6 {
  font-weight: 400 !important;
  font-size: 18px !important;
}

@media (max-width: 767px) {
  .homeServicesWrapper {
    padding: 80px 10px;
  }
  .homeServicesWrapper .card {
    margin: 20px 0 0 0 !important;
  }
}
.highlightsWrapper {
  background-image: url(../images/highlightsectionbg.png);
  background-color: #353386;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.highlightsWrapper .iconBox {
  text-align: center;
}
.highlightsWrapper .iconBox i {
  color: #ffffff;
  font-size: 50px;
}
.highlightsWrapper .iconBox h4 {
  color: #ffffff !important;
}
.highlightsWrapper .iconBox p {
  color: #f2f2f2 !important;
}

@media (max-width: 767px) {
  .highlightsWrapper {
    padding: 50px 0 30px 0 !important;
  }
  .highlightsWrapper .iconBox {
    margin: 0 0 30px 0;
  }
  .highlightsWrapper .iconBox i {
    font-size: 40px !important;
  }
}
.multiBannerWrapper {
  padding: 80px 0;
}
.multiBannerWrapper h4 {
  text-align: center;
}
.multiBannerWrapper .innerWrapper {
  background-color: #f2f2f2;
  box-shadow: 0 27px 20px -19px rgba(122, 62, 134, 0.31);
  padding: 0 20px 40px 20px;
  border-radius: 10px;
  margin: 40px 0 0 0;
}
.multiBannerWrapper .innerWrapper span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px;
  background-image: linear-gradient(to right, #5c72ff, #8c3fff);
  border-radius: 0 0 10px 10px;
  width: 150px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1px;
}
.multiBannerWrapper .innerWrapper .innerBody {
  padding: 60px 0 0 0;
}
.multiBannerWrapper .innerWrapper .col1 {
  border-right: 1px solid #ddd;
}
.multiBannerWrapper .innerWrapper .col2 {
  border-left: 1px solid #ddd;
}
.multiBannerWrapper .innerWrapper .contentBox {
  text-align: center;
}
.multiBannerWrapper .innerWrapper .contentBox img {
  border-radius: 8px;
}
.multiBannerWrapper .innerWrapper .contentBox p {
  margin: 20px 0 !important;
}
.multiBannerWrapper .innerWrapper .contentBox .btn {
  background-color: #020202;
  color: white;
  margin: 0 !important;
  font-size: 14px;
  border: 0;
  border-radius: 5px;
  padding: 10px 20px;
}
.multiBannerWrapper .innerWrapper .contentBox .btn i {
  vertical-align: middle;
  align-self: center;
  align-items: center;
  margin: 0 0 0 10px;
}

@media (max-width: 767px) {
  .multiBannerWrapper {
    padding: 80px 10px;
  }
  .multiBannerWrapper .innerWrapper .col1 {
    border-right: 0;
    margin-bottom: 20px;
  }
  .multiBannerWrapper .innerWrapper .col2 {
    border-left: 0;
    margin-top: 20px;
  }
  .multiBannerWrapper .innerWrapper .contentBox {
    text-align: left;
  }
  .multiBannerWrapper .innerWrapper .contentBox p {
    margin: 0 0 20px 14px !important;
  }
  .multiBannerWrapper .innerWrapper .contentBox .btn {
    padding: 7px 10px;
    margin: 0 0 0 14px !important;
  }
  .multiBannerWrapper .innerWrapper .contentBox .btn i {
    font-size: 12px !important;
  }
}
.advantageWrapper {
  padding: 80px 0;
}
.advantageWrapper h2 {
  text-align: center;
  margin: 0 0 50px 0 !important;
}
.advantageWrapper .card {
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0;
  border-radius: 0;
  text-align: center;
}
.advantageWrapper .card img {
  border-radius: 50%; 
  
  border: 1px dashed #d43230;
  padding: 10px;
  margin: 0 0 20px 0;
}
.advantageWrapper a{
  text-decoration: none;
}
.advantageWrapper .card p {
  font-size: 22px;
}
.image-hov-1{
  transition: 1s ease;
}
.image-hov-1:hover{
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: 1s ease;
}

.advantage-hov{
  transition: 1s ease;
}
.advantage-hov:hover{
  -webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}
@media (max-width: 767px) {
  .advantageWrapper {
    padding: 80px 10px;
  }
  .advantageWrapper h2 {
    margin: 0 !important;
  }
  .advantageWrapper .card {
    margin: 34px 0 0 0 !important;
  }
  .advantageWrapper .card img {
    margin: 0 0 10px 0;
  }
  .advantageWrapper .card p {
    font-size: 18px;
  }
}
.testimonialWrapper {
  padding: 80px 0;
  background-color: #f2f2f2;
}
.testimonialWrapper h6 {
  font-size: 14px !important;
  text-transform: uppercase;
  color: #d43230;
  letter-spacing: 1px;
  text-align: center;
}
.testimonialWrapper h2 {
  margin: 5px 0 30px 0 !important;
  text-align: center;
}
.testimonialWrapper .carousel .carousel-item i {
  font-size: 1.6rem;
  color: #353386;
  margin: 0;
  padding: 0;
}
.testimonialWrapper .textCard {
  padding: 25px 30px 33px 30px;
  background-color: white;
  border-radius: 0;
  color: #212121;
  height: auto;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
}
.testimonialWrapper .textCard p {
  font-size: 16px !important;
  margin: 0;
  padding: 0;
  color: #2c2c2d !important;
}
.testimonialWrapper .arrow-down {
  width: 0;
  height: 0;
  border-left: 0;
  border-right: 1.5625rem solid transparent;
  border-top: 1.65rem solid white;
  margin: 0 !important;
}
.testimonialWrapper .carousel .carousel-item .row h4 {
  font-size: 18px !important;
  color: #353386;
  margin: 10px 0 3px 0;
  padding: 0;
}
.testimonialWrapper .carousel .controls .btn {
  border: 1px solid #353386;
  border-radius: 50%;
  margin: 0 5px 0 0;
}
.testimonialWrapper .carousel .controls .btn i {
  font-size: 25px;
  color: #353386;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .testimonialWrapper {
    padding: 80px 10px;
  }
  .testimonialWrapper h2 {
    margin: 5px 0 0 0 !important;
  }
  .testimonialWrapper .textCard {
    margin: 30px 0 0 0;
  }
}
.blogWrapper {
  padding: 80px 0;
}
.blogWrapper h2 {
  margin: 0 0 25px 0 !important;
}
.blogWrapper a {
  text-decoration: none;
  color: #212121;
}
.blogWrapper .card-header {
  padding: 0;
}
.blogWrapper .card-body {
  padding: 25px;
  margin: 0;
}
.blogWrapper h6 {
  font-weight: 400 !important;
  line-height: 1.6 !important;
}
.blog-img{
  transition: 1s ease;
}
.blog-img:hover{
  border-radius:80%;
transition: 1s ease;
}
@media (max-width: 767px) {
  .blogWrapper {
    padding: 80px 10px;
  }
  .blogWrapper h2 {
    margin: 0 !important;
  }
  .blogWrapper .card {
    margin: 20px 0 0 0;
  }
}
.showBlogWrapper {
  padding: 80px 0;
}
.showBlogWrapper h2 {
  margin: 0 0 30px 0 !important;
}

@media (max-width: 767px) {
  .showBlogWrapper {
    padding: 80px 10px;
  }
  .showBlogWrapper h2 {
    margin: 0 0 20px 0 !important;
  }
}
/* .formBox .form-control {
  margin: 16px 0 0 0;
  border-radius: 5px;
  background-color: #ffffff;
  color: #2c2c2d;
  padding: 8px 15px;
} */
.formBox select {
  margin: 16px 0 0 0;
  border-radius: 5px;
  background-color: #fdfbfb;
  color: #2c2c2d;
  padding: 8px 15px;
  
}

.formBox input::-moz-placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox input:-ms-input-placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox input::placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox textarea::-moz-placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox textarea::placeholder {
  font-size: 14px;
  color: #2c2c2d;
}
.formBox input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #020202;
}
.formBox textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #020202;
}
.formBox select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #020202;
}
.formBox input[type=submit] {
  background-color: #353386 !important;
  color: #ffffff;
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 11px 30px;
  border-radius: 5px;
  border: none;
  transition: all 0.3s linear;
}
 

.servicesCardWrapper {
  padding: 80px 0 !important;
  background: #f2f2f2;
}
.servicesCardWrapper .card-content {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #ffffff;
  transition: box-shadow 0.3s ease;
  border-bottom: 5px solid #d43230;
  margin: 30px 0 0 0;
}
.servicesCardWrapper .card-content:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.servicesCardWrapper .card-content:hover .card-img img {
  transform: scale(1.08);
}
.servicesCardWrapper .card-img {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.servicesCardWrapper .card-img img {
  transition: 0.4s ease;
}
.servicesCardWrapper .card-desc {
  height: 100%;
  padding: 30px;
}
.servicesCardWrapper .card-desc h6 {
  font-size: 20px !important;
}
.servicesCardWrapper .card-desc p {
  margin: 10px 0 0 0 !important;
} 
@media (max-width: 767px) {
  .servicesCardWrapper {
    padding: 80px 10px;
  }
}
.ParallaxSliderWrapper {
  background: url(../images/slider.jpg) no-repeat fixed 0 0/cover;
  position: relative;
  z-index: 1;
  padding: 80px 0;
  padding-top: 10%;
  padding-bottom: 10%;
}
.ParallaxSliderWrapper:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.72) none repeat scroll 0 0;
  z-index: -1;
}
.ParallaxSliderWrapper h1 {
  color: #ffffff !important;
  font-size: 40px !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .ParallaxSliderWrapper h1 {
    font-size: 30px !important;
  }
}
/* start contact wrapper */
.contactWrapper {
  background-color: #f2f2f2;
  padding: 80px 0;
}
.contactWrapper .infoBox {
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 50px 0;
}
.contactWrapper h5 {
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d43230;
}
.contactWrapper h2 {
  margin: 8px 0 20px 0 !important;
}
.contactWrapper h2 span {
  color: #353386;
}
.contactWrapper .listItem {
  display: flex;
  margin: 0 0 10px 0;
}
.contactWrapper .listItem span {
  display: inline;
  margin: 1px 0 0 0;
}
.contactWrapper .listItem i {
  color: #353386;
  font-size: 14px !important;
  margin: 0;
}
.contactWrapper .listItem p {
  padding: 0 12px;
  font-size: 14px !important;
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  .contactWrapper {
    padding: 80px 10px;
  }
}


.courseWrapper {
  padding: 80px 0;
  background-color: #f2f2f2;
}
.courseWrapper a{
  text-decoration: none;
}
.courseWrapper .card {
  margin: 30px 0 0 0;
  padding: 0;
}
.courseWrapper .card .card-body {
  margin: 0;
  padding: 20px 15px;
}
card .card-body h3 {
  font-weight: 400 !important;
  margin: 0 0 20px 0 !important;
  font-size: 18px !important;
  text-decoration: none !important;
  text-align: left !important;

} 

/* .courseWrapper .card .card-body .botttomBox {
  border-top: 1px solid #ebebeb;
  padding: 20px 0 0 0;
}
.courseWrapper .card .card-body .botttomBox p {
  font-size: 14px;
} */
/* .courseWrapper .card .card-body .botttomBox p i {
  margin: 0 5px 0 0;
}
.courseWrapper .card .card-body .botttomBox h6 {
  color: #d43230 !important;
  font-size: 18px !important;
}
.courseWrapper .container .row .col-md-3 {
  display: flex;
} */
.grow-div{
  transition: 1s ease;
  }
  
  .grow-div:hover{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 1s ease;
  }
@media (max-width: 767px) {
  .courseWrapper {
    padding: 80px 10px;
  }
  .courseWrapper .card {
    margin: 20px 0 0 0 !important;
  }
}/*# sourceMappingURL=style.css.map */





.product-card .card {
  transition: transform 0.2s ease;
  box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
  border-radius: 0;
  border: 0;
  margin-bottom: 1.5em;

}
.product-card .card:hover {
  transform: scale(1.1);
}
.product-card h2,.product-card h5,.product-card p,.product-card .head6{
  text-align: center !important;
  padding: 15px;
}
.product-card img{
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 10px;
  
}
.product-card .btn{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.product-sec-1 .col-md-3{
  display: flex   ;
}
.product-sec-1 .button-product{
  padding: 10px 24px;
  margin-top: 20px;
  bottom: 0 !important;
  position: absolute;
  
}

.linksBox li{
  bottom: 0;
  position: relative;
  animation: Slide_Up 15s ;
  animation-timing-function: ease-out;
}
.instagram{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}




@media (max-width:767px) {
  .career-p{
    padding-left: 0px !important;
  }
  .heading{
    padding-left: 0px !important;
  }
  /* .career-sec-4{
    background-color: white;
    margin-top: 50px;
  
    height: 400px;
    width: 400px !important;
  } */
  /* .career-sec-2{
    background-color: whitesmoke;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 00px;
    padding-right: 00px;
  } */
  .career-text-end{
    background-color: whitesmoke;
      padding-left: 0px;
      padding-top: 20px;
      padding-bottom: 0px;
      margin-top: 20px;
      width: 80%;
    }
    .s-icons{
      bottom: 10%;
      position: fixed;
      left: auto;
      right: auto;
      display: flex;
      justify-content: space-between;
    }
  
  .s-icons a{
  margin-bottom:26px;
  }
    
    /* .left-float{
    /* display: inline-block; 
    width:50px;
    height:50px;
    background-color:#026efa;
    
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    margin-top: 20px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    text-decoration: none;
   
    } */
    .banner-text{
      padding-top: 20px;
    }
    .s-icons-2 {
      display: block !important;
    }
    .dropdown-nav{
      width: 300px !important;
    }
    .dropdown-nav .col-md-4{
      padding: 20px !important;
    }

    /** Crm Page  **/

    #comaint_crm img{
      display: none;
    }
    #comaint_crm::before {
      content:url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.svg?v=6e4af45f4d66');
    }
    .hosting-sec-1{
      padding-left: 0px;
    }
    .learn1{
      margin-left: 0px !important;
    }
    .hosting-btn-1{
      margin-left: 0px !important;
    }
    .domain-p{
      padding-top: 80px;
    }
    .domain-h2{
      padding-left: 00px !important;
    }
    .domain-sec-1{
      width:100%; 
      height:1000px !important;
    }
    .domain-text{
      padding-top: 800px !important;
    }
   
}
.dropdown-nav .col-md-4{
  padding: 50px;
}
.dropdown-nav{
  width: 400px;
}
.dropdown:hover .dropdown-nav {display: block;}

.fa-times{
  display: none;
}
.dropdown-nav a{
  text-decoration: none;
  color: black;
}
.mobile-code{
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 10px;
  font-size: 1rem;
  line-height: 1.4;
  color: #475F7B;
  background-color: #FFF;
  border: 1px solid #DFE3E7;
  border-radius: .267rem;
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.intl-tel-input,
.iti{
width: 100%;
}
.crm-sec-1{
  padding-top: 100px;
  padding-bottom: 100px;
 
}
.crm-img{
  width: 100%;
  height: 400px;
}
.crm-header{
  padding-top: 30px;
}

.crm-header .btn{
  margin-left: 500px;
  display: inline-block;
}
.crm-sec-2{
  background-color: rgb(240, 238, 238);
  padding-top: 100px;
  padding-bottom: 100px;
}
.crm-sec-2 h2{
  text-align: center;
}
.crm-sec-3{
  padding-top: 100px;
  padding-bottom: 100px;
}
.crm-sec-4{
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: lightblue;
}
.img-service{
  width: 100%;
  
}
.auto-service{
  background-color: lightcyan;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 100px;
}
.crm-end-sec{
  padding-bottom: 60px;
  padding-top: 50px;
  background-color: rgb(208, 243, 231);
}
.addmission-form{
  padding-top: 200px;
  padding-bottom: 200px;
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(50deg, #aed7fb 50%, #8cc1f3 50%);
  
}

.add-form{
  padding-top: 80px;
  padding-bottom: 80px;
}
.sign-img{
  width: 100%;
}
.hosting-sec-1{
  padding-left:120px;
}
.hosting-sec-2{
  padding-top: 50px;
  padding-bottom: 50px;
}
.hosting-btn{
  background-color: white;
  border: 2px solid black;
  color: black;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.hosting-sec-3{
  padding-top: 50px;
  padding-bottom: 100px;
}
.feature-col{
  background-color: lightblue;
  padding-top: 25px;
  padding-bottom: 25px;
}
.feature-col-1{
  padding-top: 25px;
  padding-bottom: 25px;
}
.hosting-sec-4{
  background-color: lightgrey;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 30px;
}
.domain-sec-1{
  width:100%; 
  min-height:500px;
}
.domain-sec-2{
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
.learn1{
  margin-left: 600px;
}
.hosting-btn-1{
  background-color: white;
  border: 2px solid black;
  color: black;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  /* margin-left: 800px; */
}
.domain-p{
  padding-top: 200px !important;
}


/** 



For Home Page index file **/

@media (min-width:  576px){
  .modal-dialog{
      max-width: 1200px !important;
  }
  .modal-content{
      padding-bottom : 50px;
      border-radius: 50px;
  }
  .button-mobile-create{
      display: none;
  }

}

.model-2{
  padding-top: 5px;
}
.model_3{
  padding-top: 5px;
}
.col-md-6 h1{
  text-align: center;
  text-transform: uppercase;
  color: blue;
 
 
}
.modal-sec-1{
  padding : 20px;
}
.modal_label{
  float: right;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;

}
.modal-form-control{
  border-radius: 20px;
}
.button{

  padding: 7px;
  border-radius: 20px;
}
.vertical{
  position: absolute;
  height: 400px;
  border-left: 2px solid black;
  width: 0px;
}
  @media (max-width:576px) 
    {
  .vertical{
    display: none;   
  }

  .button-mobile-create{
  width: 100%;

  }
  .button-desktop-create{
    display: none;
  }
  .login-btn-col{
    margin-left: 30px;
  }
  .modal-content{
        padding-bottom : 40px;
  }
  .modal-sec-1{
    padding-top : 0px !important;
  }
  
}
.card-img-top1{
  width: 150px;
  height: 150px;
}
.domain-text{
  /* padding-left: 800px; */
  padding-top: 200px;
}



/** Modal Ends Here **/

/** .diagonal-split-background{
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(30deg, #aed7fb 50%, #8cc1f3 50%);
  height: 500px;
} **/

.office-a1{
  background-color: lightblue;
  padding-top:25px;
  padding-bottom: 25px;
}
.office-a3{
  background-color: skyblue;
  padding-top: 25px;
  padding-bottom: 25px;
}

.focus-in-contract {
	-webkit-animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-8 10:22:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-contract
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.faq-sec-1{
  background-size:cover; 
  background-repeat:no-repeat;
  padding-top: 200px;
  padding-bottom: 150px;
  color: white;
  text-align: center;
}
.help-sec-4{
  background-size:cover; 
  background-repeat:no-repeat; 
}
input[type=range]:focus::-ms-fill-upper {
  background: #2497E3;
}




/* .buttons-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
} */

button {
  background: white;
  border: solid 2px black;
  padding: 20px;
  font-size: 20px;
}

.button-arounder {
  
  background: hsl(190deg, 30%, 15%);
  color: hsl(190deg, 10%, 95%);
  
  box-shadow: 0 0px 0px hsla(190deg, 15%, 5%, .2);
  transform: translateY(0);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  
  --dur: .15s;
  --delay: .15s;
  --radius: 16px;
  
  transition:
    border-top-left-radius var(--dur) var(--delay) ease-out,
    border-top-right-radius var(--dur) calc(var(--delay) * 2) ease-out,
    border-bottom-right-radius var(--dur) calc(var(--delay) * 3) ease-out,
    border-bottom-left-radius var(--dur) calc(var(--delay) * 4) ease-out,
    box-shadow calc(var(--dur) * 4) ease-out,
    transform calc(var(--dur) * 4) ease-out,
    background calc(var(--dur) * 4) steps(4, jump-end);
}

.button-arounder:hover,
.button-arounder:focus {
  box-shadow: 0 4px 8px hsla(190deg, 15%, 5%, .2);
  transform: translateY(-4px);
  background: hsl(230deg, 50%, 45%);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}


.award-sec-1{
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 100px;
  width: 100%;
  color: white !important;
}

.recognition-sec-1{
   background-size: cover;
   background-repeat: no-repeat;
   padding-top: 200px;
   padding-bottom: 100px;
}
.rec-sec-2{
  background-size: cover;
  background-repeat: no-repeat;
  /* height:700px; */
}

.rcom-img img{
  width: 100%;
  margin: 20px;
}
.text-preview{
  text-align: center;
}

.com-heading{
  color: white;
  padding-left: 150px !important;
}

.com-par{
  font-size: 80px; 
  font-weight:300; 
  color:white;
  padding-left: 150px !important;
}

.whyus-1{
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 300px;
  padding-bottom: 300px;
}
	.com-heading-1{
    text-align: center;
    color: white;
  }

  .circle-icon {
    background: #f46411;
    padding:5px;
    border-radius: 50%;
    margin-right: 10px;
}
.why-list li{
  list-style: none;
  padding-top: 10px;
}

.whyus-2{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.whyus-2 img{
  padding-top: 60px !important;
}
.text-whyus{
  padding-left: 100px;
  color: white;
}
.why-h5{
  padding-left: 100px !important;
  padding-top: 100px !important;
  color: white;
}
.text-whyus p{
  color: white;
  padding-top: 15px;
  /* padding-left: 100px; */
}
.why-h6{
  color: white;
}
.text-img{
  width: 100%;
 
}
.whyus3-img{
  width: 100%;
}
.whyblog{
  width: 100%;
}
.sec-car-1{
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 600px;
  padding-top: 100px;
}

.button_slide {
  color: #0b0a0a;
  border: 2px solid rgb(2, 2, 2);
  border-radius: 0px;
  padding: 16px 30px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 20px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #f6f8f8;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}

.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #09e5e5;
}
.contactbtn{
  margin-left: 150px !important;
}
.iconstar i{
  text-align: right;
}
.review-mob-img{
  width: 25%;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.review-mob{
  background-color: lightgray;
   
}
.review-sec-mobile{
  display: none;
}
.app-dev-1{
  padding-top: 200px;
  padding-bottom: 150px;
  background-repeat: no-repeat;
  background-size: cover;
}
.heading6{
  color: white;
  padding-left: 150px !important;
}
.main-head{
  font-size: 60px;
  font-weight: 200 !important;
  color: white;
  padding-left:150px ;
}
.startbtn{
  margin-left: 150px;
  color: white;
  background-color: #b1d4f4;
}
.mob-div-head{
  color: white;
  text-align: center;
}
.mob-div-text{
 color: white;
 padding-left: 150px;
 justify-content: right;
 padding-top: 20px;
}
.feature-card{
   padding: 30px;
   margin-right: 20px;
   text-align: center;
   color: rgb(2, 2, 58);
}

.feature-card:hover {
  background-color: rgb(96, 207, 235) !important;
  transition:  0.2s;
}
.feature-app{
  padding: 40px;
  margin-right: 20px;
  text-align: center;
}

/* card-image flip animation */
.flip-horizontal-top {
	-webkit-animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 6 both;
	        animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 6 both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-4-19 15:35:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-horizontal-top
 * ----------------------------------------
 */
 @-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}

/* end animation */

@media (max-width:767px){
  .com-heading{
    padding-left: 0px !important;
  }
  .com-par{
    padding-left: 0px !important;
    font-size: 50px; 
    font-weight:300; 
  }
  .contactbtn{
    margin-left: 0px !important;
  }
  .iconstar i{
    text-align: center !important;
  }
  .why-h5{
    padding-left: 0px !important;
  }
  .text-whyus p{
    padding-left: 0px !important;
  }
  .sec-car-1{
    padding-bottom: 100px !important;
  }
  .rec-sec-2{
    display: none;
  }
  .review-sec-mobile{
    display: block;
  }
  .heading6{
    padding-left: 0px !important;
  }
  .main-head{
    font-size: 30px;
    font-weight: 100 !important;
    color: white;
    padding-left:0px !important;
  }
  .mob-div-text{
    padding-left: 0px !important;
  }
}



/* servicesform css start*/


.service-forminput{
  max-width: 700px;
  margin: auto;
  
  
}
  /* feature section1 start */
  .section1-feature{
    background-color: gainsboro;
}
.section1-feature h1{
    color: rgb(187, 89, 89);
    font-size: 1.55cm;
}
.section1-feature p{
    color: rgb(96, 91, 91);
    font-size: larger;
}
.section1-feature button{
    background-color: rgb(194, 101, 101);
    color: white;
    border-radius: 20px;
    border: none;
}
.section1-feature button:hover{
   border: 2px solid white;
}
.section1-feature img{
    width:600px ;
    height:400px ;
}
 /* feature section1 end*/
  /* feature section2 start */
.section2-feature h3{
    color: rgb(194, 101, 101) ;
    font-weight: bold;
}
.section2-feature p{
    color: rgb(96, 91, 91);
   font-size: larger;
}
.professional-div{
    background-color: white;
    border-radius: 5px;
    max-width: 350px ;
    height:400px;
    box-shadow: 5px 5px 5px 5px rgb(225, 166, 166);
}
.professional-div img{
    width: 150px;
    height: 100px;
}
   /* feature section12 end*/
      /* feature section3 start*/
      .section3-feature .container{
        margin-left: 10%;
      
      }
      .Overview-div{
       border-radius: 10px;
       margin-right: 20px;
       width: 250px;
       height: 170px;
       box-shadow: 5px 5px 5px 5px rgb(225, 166, 166);
      }
      .Overview-div:hover{
        border: 2px solid rgb(217, 155, 155);
      }
      .Overview-div img{
        width: 50px;
        height: 50px;
        clip-path: circle();
        border: 3px solid rgb(212, 47, 47);
      }
      .Overview-div h4{
        color:rgb(227, 56, 56) ;
      }
      /*feature section3 end  */
      /* feature section4 start */
      .section4-feature img{
        width:100% ;
      }
      /* feature section4 end */
      /* section5 festure start */
      .section5-feature{
        background-color: gainsboro;
      }
      .section5-feature a{
        text-decoration: none;
        font-size: larger;
        font-weight:500;
        color: rgb(44, 42, 42);
      }
      .section5-feature h2{
        color: rgb(206, 76, 76);
        font-weight: bold;
      }
      .section5-feature a:hover{
         color: red;
         border-bottom: 2px solid red ;
      }
      .section5-feature img{
        width: 500px;
      }
      .section5-feature button{
        background-color: rgb(168, 71, 71);
        color: white;
      }
       .section5-feature button:hover{
        border: 2px solid white;
        border-radius: 20px;
        box-shadow: 5px 5px 5px 5px rgb(214, 130, 130);
      }

      @media (max-width:767px){
        .section1-feature img{
          width:500px ;
          height:400px ;
          justify-content: center;
      }
      .section1-feature h1{
        justify-content: center;
        font-size: large;
      }

      }
      /* generatelink */
      .section1-generate-link img{
        width: 400px;
        height: 400px;
        border-radius: 10px;
        border: 10px solid black;

    }
    .section1-generate-link h1{
        font-size: 1.44cm;
    }
    .section1-generate-link p{
        color: black;
        font-weight: 600;
        font-size: large;
    }
    .generate-btn{
        border-radius: 15px;
        border: 5px solid black;
    }
    .section2-generate-link{
    
        border-radius: 10px;
    }
    .section2-generate-link h3{
        color: white;
    }
    .generate-link{
        border-radius: 10px;
        border: 3px solid black ;
        background-color: white;
        width: 300px;
       
    }
    .generate-link:hover{
        border-radius: 10px;
        border: 3px solid white ;
    }
    .generate-link1 img{
        width: 300px;
        height: 200px;
    }
    .generate-input{
        padding: 10px;
        border-radius: 15px;
        border: 4px solid black;
        width: 500px;
    }
    .section4-generate-link img{
        width: 450px;
        height: 600px;
    }
    .generate-card{
        padding: 10px;
        width: 300px;
        height: 450px;
        background-color: white;

    }
    .generte-customer{
        background-color: white;
        border-radius: 10px;
        border: 4px solid black;
        padding: 20px;
    }
    .generte-customer:hover{
        border: 4px solid blue;
    }
    .copy-div{
        border: 3px solid greenyellow;
        padding: 7px;
        color: greenyellow;
        border-radius: 10px;
    }
    .copy-div:hover{
        color: black;
        background-color: greenyellow;
    }
    .open-div{
        border: 3px solid black;
        padding: 7px;
        color: black;
        border-radius: 10px;
    }
    .open-div:hover{
        color:white;
        background-color: black;
    }
    /* widget code */
    /* whatsapp-chat */
.whatspp-chat-div{
  background-color: rgb(227, 225, 220);
  border: 3px solid black;
   margin: 10px;

  
}
.whatsapp-live{
  background-color: rgb(230, 162, 162);
  border-bottom: 3px solid red;
  border-right: 3px solid red;
  border-radius: 20px;
}
.inner-whatsapp-div{
  margin: 20px;
  border-radius: 20px;
  border: 2px solid black;
  background-color: white;
  padding: 20px;
}
.input-div{
  background-color: rgb(213, 160, 160);
  border-radius: 10px;
}
.whatsapp-live-input2{
   background-color: rgb(230, 162, 162);
   border-radius: 10px;
  
}
.whatsapp-live-input2 input,textarea{
  border: none;
  background-color: rgb(230, 162, 162);
 
}
@media (max-width: 1024px) {
  .s-icons ul {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 424px) {
  .domain-text{
    padding-bottom: 100px !important;
  }
}
@media (max-width: 767px) {
  .review-sec-mobile .review-mob {
    margin: 0 !important;
    margin-bottom: 1rem !important;
  }
  .s-icons {
    content-visibility: hidden !important;
}
}