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

:root {
      --main: #224265;
      --sub: #DB8C23;
      --light: #25394F;
}

.heading {
      color: var(--main);
      text-align: center;
      font-size: 56px;
      font-weight: 600;
      line-height: 140%;
      font-family: "Montserrat", sans-serif;
}

.subHeading {
      font-size: 36px;
      font-weight: 400;
      font-family: "Montserrat", sans-serif;
}

.description {
      font-size: 16px;
      font-weight: 500;
      line-height: 150%;
      font-family: Poppins, sans-serif;
}

.cardTitle {
      font-size: 28px;
      font-weight: 500;
      line-height: 140%;
      font-family: "Montserrat", sans-serif;
}

.navbar {
      z-index: 10;
      position: sticky !important;
      top: 00PX;
      width: 100%;
}

body {
      font-family: "poppins";
      /* max-width: 1080px;
   margin: auto; */
}

.navbar {
      box-shadow: 3.64px 0px 50.92px #00000040;
      border-radius: 10px;
}

.navbar-nav>li {
      font-weight: 550;
      font-size: 17px;
}

.container {
      max-width: 1080px;
      margin: auto;
}

.hero {
      background: url(./img/heroBackground.png);
      background-position: -1000;
      display: flex;
      height: 100vh;
      align-items: center;
}

.hero-description {
      width: 70%;

}

.herp-head {
      color: var(--main);
      font-size: 56px;
      line-height: 140%;
}

.hero-head-sub {
      color: var(--sub);
      font-size: 56px;
}

.hero-desc {
      margin-top: 20px;
      font-size: 20.21px;
      color: var(--light);
      line-height: 150%;
      margin-bottom: 40px;

}

.hero-btn {
      text-decoration: none;
      font-size: 20px;
      font-weight: 500;
      border: none;
      color: white;
      border-radius: 50px;
      background-color: var(--main);
      padding: 10px 50px;

}

.hero-images {
      width: 44%;
      margin-left: 100px;
      margin-top: 70px;

}

.hero-img1 {
      margin-bottom: 18px;
}

.hero-img2 {}

.container2 {
      width: 100%;

}

.section2 {}

.section2-desc {
      margin-top: 20px;
      font-size: 20.21px;
      color: var(--light);
      line-height: 150%;
      margin-bottom: 40px;
      /*       
      margin: 40px 0px;
      width: 50%;
      color: var(--dark-4, #313131);
      font-family: Montserrat;
      font-size: 28px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; */
}

.section2-head {
      font-size: 85.38px;
      color: var(--main);
      border-bottom: 10px solide var(--sub);
      margin-top: 28px;
}

.section2-line {
      /* display: inline-block; */
      height: 7px;
      border-radius: 50px;
      width: 150px;
      background-color: var(--sub);
      margin-top: 13px;

}

.benifitrow2 {
      margin-bottom: 90px;
}


.card-img-top {
      margin-left: 0;
      width: 90px;
      height: 90px;
}

.cs-title {
      margin: 10px 0px;
      font-size: 24px;
      color: #000000;
}



.card-text {
      margin-top: 10px;
      font-size: 18px;
      color: var(--light);
}

.colsection {
      margin-top: 30px;
}

.section2-btn {
      text-decoration: none;
      margin-top: 90px;
      font-size: 20px;
      font-weight: 500;
      border: none;
      color: white;
      border-radius: 50px;
      background-color: var(--main);
      padding: 14px 56px;
}

.box1-desc {
      color: var(--dark-4, #313131);
      /* body-20 */
      font-family: "Poppins", sans-serif;
      font-size: 18px;
      font-style: normal;
      line-height: 150%;
     
}

.box1-title {
      color: var(--Blue-5, #224265);
      /* cardTitle */
      font-family: "Montserrat", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      /* 36px */
}

.benifitrow1 {
      margin-top: 40px;
      display: flex;
      width: 100%;
      gap: 80px;
      justify-content: center;
}

.benifitrow2 {
      margin-top: 40px;
      display: flex;
      width: 100%;
      gap: 80px;
      justify-content: center;
}

.box1 {
      width: 25%;
}

.box2 {
      width: 25%;
}

.box3 {
      width: 25%;
}




.container3 {
      width: 100%;
}

.section3-head-container {
      width: 100%;
      margin-top: 90px;
      display: flex;
      justify-content: center;
}

.section3-heading {
      text-align: center;
      color: var(--Blue-5, #224265);
      font-family: "Montserrat", sans-serif;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;

      width: 50%;
}

.card1-heading {
      color: var(--Blue-5, #224265);
      /* cardTitle */
      font-family: "Montserrat", sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;

}

.card1-desc {
      color: var(--dark-4, #313131);
      /* body-16 */
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}

/* 
.section3-head-container>h1 {
      text-align: center;
} */

.section3-head-sub {
      font-size: 42px;
      color: var(--sub);
}

.section3-subhead {
      font-size: 42px;
      color: var(--main);
}

.cards-container-section3 {
      margin-top: 70px;
}

.card1-section3 {
      border-radius: 5px;
      height: 35vh;
      border-top: 6px solid var(--main);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


.card2-section3 {
      border-radius: 5px;
      height: 35vh;
      border-top: 6px solid var(--sub);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.card3-section3 {
      border-radius: 5px;
      height: 35vh;
      border-top: 6px solid var(--main);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


.container4 {
      background: url(./img/section5bckimg.png);
      margin-top: 100px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.section4-title {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 60px;
}

.section4-heading {
      width: 70%;
      color: var(--Blue-5, #224265);
      text-align: center;
      /* Heading */
      font-family: "Montserrat", sans-serif;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
}

.container4>h1 {
      width: 40%;
}

.section4-body {
      gap: 70px;
      display: flex;
      justify-content: center;
}


.homeimg {
      width: 500px;
      height: 100vh;
}


.section4-desc {
      width: 50%;
      display: flex;
      flex-direction: column;
}

.pointer {
      margin-right: 10px;
      width: 40px;
      height: 90px;
}

.section4-text {}

.section4-desc-head {
      font-size: 23px;
}



.section4-cards {
      display: flex;
      flex-direction: row;
}

.container5 {
      width: 100%;
      margin-top: 75px;
}

.section5-heading-desc {}

.section5-container {
      width: 100%;
      display: flex;
      justify-content: center;

}

.section5-heading {
      margin: auto;
      color: var(--Blue-5, #224265);
      text-align: center;
      width: 70%;
      font-family: "Montserrat", sans-serif;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
}

.section5-body {
      width: 100%;
      background-color: transparent;
      height: 200px;
}

.card-body {}


*/ .section5-desc>li {

      color: var(--dark-5, #000);
      font-family: "Poppins", sans-serif;
      font-size: 16.286px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}

.section5-container {
      margin-top: 60px;
}

.section5-btn {
      width: 100%;
      display: flex;
      justify-content: center;
}

.section5-btn>a {
      text-decoration: none;
      text-align: center;
      /* padding: 10px 20px; */
      font-size: 20px;
      font-weight: 500;
      border: 2px solid var(--main);
      color: var(--main);
      border-radius: 50px;
      background-color: transparent;
      padding: 10px 70px;

}

.container6 {
      margin-top: 13px;
      width: 100%;
      /* background-color: #fcf5ec; */
      border-radius: 10px 10px 0px 0px;
}

.container6-section {
      display: flex;
      justify-content: space-around;


}

.section6-heading {}

.section6-left {
      display: flex;
}

.section6-heading {

      margin: 80px 0px;
}

.section6-img {}

.section6-desc {}

.sec6-ul {}

.sec6-ul>li {

      font-size: 28px;
      margin-top: 20px;
      margin-bottom: 80px;
      display: flex;
}

.point1 {
      display: flex;
}


.section6-left {
      /* height: 20px; */
      display: flex;
      flex-direction: column;
      gap: 20px;
}

.section6-ryt {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 40px;
}


.list1-number {
      font-size: 28px;
      margin-right: 10px;
      border: 5px solid var(--sub);
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
}


.list1ph {
      color: #000000;
      margin-top: 5px;
      height: 60px;
      display: flex;
      align-items: center;

}



.section-ryt {
      display: flex;
}

.section6-img {}

.section6-ryt-desc {}

.sec6-ryt-ul>li {
      font-size: 28px;
      margin-top: 20px;
      margin-bottom: 80px;
      display: flex;

}

.container7 {
      padding-top: 50px;
      background-image: url(./img/image\ 9.png);
      background-repeat: no-repeat;
      background-position-x: right;
      width: 100%;


}

.section7-title {
      color: var(--main);
      font-size: 41px;
      text-align: center;
      font-weight: 700;
      margin-bottom: 50px;

}

.section7-heading {
      font-weight: bold;
}

.section7-desc {
      display: flex;
      justify-content: center;

}

.sec7-img {}

.section7-list {
      display: flex;
      flex-direction: column;
}

.section7-list>li {
      line-height: 96px;
}

.container8 {
      display: flex;
      align-items: center;
      width: 100%;
      padding-top: 30px;
      /* background-color: #fcf5ec; */

}

.section8-title {
      width: 50%;
      margin-left: 35px;
      padding: 15px 0px;
}

.section8-heading {
      color: var(--main);
      font-weight: bolder;
}

.section8-desc {
      width: 50%;
      font-size: 25px;
      font-weight: 400;
      margin-right: 30px;

}

.container9 {
      display: flex;
      align-items: center;
      width: 100%;
      padding-top: 30px;
      /* background-color: #fcf5ec; */
      border-radius: 0px 0px 0px 10px;
}

.section9-title {
      width: 50%;
      padding-left: 250px;

}

.section9-heading {

      font-weight: bolder;
      color: var(--main);
}

.section9-desc {
      margin-left: 35px;
      width: 50%;
      font-size: 25px;
}

.container10 {
      width: 100%;

}

.sec10-heading {
      margin-top: 40px;
}


.sec-desc {
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 100%;
}

.section10-desc {

      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 50%;
      margin: 25px 0px 0px 15px;
}

.undraw1 {
      width: 50%;
      justify-content: center;
      align-items: center;
      margin: 0px 0px 100px 40px;


}

.section10-desc>input {
      border: 2px solid var(--light);
      width: 70%;

}

.input1,
.input2,
.input3 {
      border-radius: 20px;
      border: none;
      padding: 15px;
      width: 100%;
      /* background-color: #fcf5ec; */
}

.input4 {
      /* border: 2px solid var(--light); */
      /* background-color: #fcf5ec; */
      width: 100%;
      border-radius: 20px;
      border: none;
      padding: 15px 0px 70px 15px;

}

.btn10 {

      display: flex;
      width: 296px;
      padding: 16px 64px;
      justify-content: center;
      border-radius: 50px;
      align-items: center;
      color: white;
      background-color: var(--main);
      border: none;
}

.container11 {
      /* padding-left: 140px; */
      /* background-color: #DB8C23; */
}

.sec11 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 20px;
}

.sec11-heading {

      margin: 30px 0px 40px 0px;
}

.section11-desc {
      width: 50%;
      font-size: 22px;
      margin-bottom: 60px;
      /* background-color: aqua; */
}

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

}

body {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-direction: column;
      min-height: 100vh;
}

footer {
      background-color: #000000ff;
      position: relative;
      width: 100%;
      min-height: 350px;
      padding: 3rem 1rem;
}

.container {
      max-width: 1140px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: "poppins", sans-serif;


}

.row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
}

.col {
      min-width: 250px;
      color: #f2f2f2f2;
      font-family: poppins;
      padding: 0 2rem;
}

.col .logo {
      width: 100px;
      margin-bottom: 25px;
}

.col h3 {
      color: var(--sub);
      margin-bottom: 20px;
      position: relative;
      cursor: pointer;
}

.col h3::after {
      content: '';
      height: 3px;
      width: 0px;
      background-color: var(--sub);
      position: absolute;
      bottom: 0;
      left: 0;
      transition: 0.3s ease;

}

.col h3:hover::after {
      width: 30px
}

.col .social a i {
      color: var(--sub);
      margin-top: 2rem;
      margin-right: 5px;
      transition: 0.3s ease;
}

.col .social a i:hover {
      transform: scale(1.5);
      filter: grayscale(25);
}

.col .links a {
      display: block;
      text-decoration: none;
      color: #f2f2f2;
      margin-bottom: 5px;
      position: relative;
      transition: 0.3s ease;
}

.col .links a::before {
      content: '';
      height: 16px;
      width: 3px;
      position: absolute;
      top: 5px;
      left: -10px;
      background-color: var;
      transition: 0.5s ease;
      opacity: 0;
}
#Contact{
      font-family: "poppins",sans-serif;
}

.col .links a:hover::before {
      opacity: 1;
}

.col .links a:hover {
      transform: translateX(-8px);
      color: var(--sub);
}

.col .contact-details {
      display: inline-flex;
      justify-content: space-between;
}

.col .contact-details i {
      margin-right: 15px;
}

.row .form {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2rem 0;
}

.row .form input {
      background-color: rgb(255, 255, 255);
      border: 0;
      outline: none;
      padding: 14px 20px;
      border-radius: 6px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
}

.form button {
      padding: 14px 20px;
      border: 0;
      border-radius: 6px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background-color: var(--sub);
}

.exp {
      margin: 0px 100px;
}

@media(max-width:900px) {
      .exp {
            width: 70%;
      }

      .container-fluid {}

}

.kanini-lg {
      margin: 40px 0px;
}

.p1 {
      font-size: 20px;
      margin-left: 20px;

}

.service {
      margin-top: -30px;
}
/* ---------------------------------- */

.tech-heading{
      margin: 70px 0px 40px 0px;
      color: var(--sub);
}
.solution{
      font-size: 28px;
      font-weight: bolder;
      color: var(--main);
}
.tech-desc{
      margin: 10px 0px ;
      font-size: 18px;
      
}
.btn-5{
      margin:10px 0px 70px 0px;
}
.tech-btn{
      text-decoration: none;
      font-size: 20px;
      font-weight: 500;
      border: none;
      color: white;
      border-radius: 50px;
      background-color: var(--main);
      padding: 14px 56px;
      /* margin-bottom: 20px; */
}

.tech-list{
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
}
.develop{
      color: var(--sub);
      margin: 10px 0px 30px 0px;
}
.tech-feature{
      /* font-weight:bolder; */
      color: var(--sub);
      margin-bottom: 30px;
}
.prp li{
   color: var(--main);
   font-weight: 700;
   margin-bottom: 20px;
}
.undraw3{
      background-color: antiquewhite;
}
.tech-heading{
      animation-duration: 8s;
      animation-name: slidein;
      animation-iteration-count: infinite;
  }
  
  @keyframes slidein {
    0% {
      margin-left: 0%;
    }
    50% {
      margin-left: 300px;
    }
    100% {
      margin-left: 0%;
    }
  }
  .section-14{
      display: inline-block;
    }
    .typed-out{
      overflow: hidden;
      border-right: .15em solid orange;
      white-space: nowrap;
      animation:typing 4s steps(20, end) forwards;
      font-size: 1.6rem;
      font-weight: bold;
      color: var(--main);
      width: 0;
    }
    @keyframes typing {
      from { width: 0 }
      to { width: 30% }
    }




/********** Responsive Design ********/
@media(max-width:768px) {
      .row {
            flex-direction: column;
      }

      .col {
            width: 100%;
            text-align: left;
            margin-bottom: 25px;
      }
      
}

@media(max-width:768px) {
      .row {
            flex-direction: column;
      }

      .col {
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
      }
}

@media screen and (max-width:768px) {
      .tech-heading>h1{
            /* height: 15vh; */
      }
      .solution-14 {
            width: 100%;
      }
      .typed-out{
            width: 100%;
      }
      @keyframes typing {
            from { width: 0 }
            to { width: 110% }
          }
          @keyframes slidein {
            0% {
              margin-left: 0%;
            }
            50% {
              margin-left: 125px;
            }
            100% {
              margin-left: 0%;
            }
      }
      .navbar {
            z-index: 10;
            position: sticky !important;
            top: 40PX;
            width: 100%;
      }

      .container {
            max-width: 100%;
            margin: auto;
            overflow: hidden;
      }
      .heading{
            color: var(--main);
            text-align: center;
            font-size: 36px;
            font-weight: 600;
            line-height: 140%;
            font-family: "Montserrat", sans-serif;
      }

      .herp-head {
            margin-top: 50px;
            color: var(--main);
            font-size: 37px;
            text-align: center;
            line-height: 120%;
      }

      .hero-head-sub {
            width: 800px;
            color: var(--sub);
            font-size: 37px;
      }

      .hero-image>img {
            margin: 100px;
      }

      .hero {
            text-align: center;
            margin-top: 350px;
            width: 100%;
            display: flex;
            flex-direction: column-reverse;
      }

      .hero-images {
            width: 100%;
            margin-left: 0;
      }

      .hero-img1 {
            width: 100%;
      }

      .hero-img2 {
            width: 100%;
      }

      .hero-description {
            width: 100%;
            margin: auto;
      }

      .section2-head {
            font-size: 40px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 12px;
      }

      .section2-line {
            margin: 0;
      }

      .section2-desc {
            width: 100%;
            margin: auto;
            font-size: 24px;
            text-align: center;
      }

      .benifitrow1,
      .benifitrow2 {
            width: 100%;
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
      }

      .box1,
      .box2,
      .box3,
      .box4,
      .box5,
      .box6 {
            text-align: center;
            /* margin: auto; */
            width: 100%;
      }

      .card1-heading {
            margin-top: 12px;
            margin-bottom: 20px;
      }

      .section3-heading {
            width: 100%;
            font-size: 32px;
      }

      .section3-subhead {
            font-size: 32px;
      }

      .section3-head-sub {
            font-size: 32px;
      }

      .container4 {
            flex-direction: column;
      }

      .container4 {
            margin-top: 40px;
      }

      .section4-heading {
            width: 100%;
            margin-top: 12px;
            font-size: 36px;
      }

      .section4-desc {
            width: 100%;
      }

      .section4-body {
            display: flex;
            flex-direction: column;
      }

      .section4-cards {
            margin-top: 20px;
      }

      .section5-heading {
            width: 100%;
            font-size: 36px;
      }

      .section5-container {
            margin-top: 48px;
      }

      .section5-body {
            height: max-content;
      }

      .section6-heading {
            margin: 40px 0;
      }

      .container6-section {
            flex-direction: column;
      }

      .hero {
            margin-top: 100px;
      }

      .section7-heading {
            font-size: 36px;
      }

      .section7-list>li {
            line-height: 150%;
            margin-top: 12px;
      }

      .container8 {
            flex-direction: column;
      }

      .section8-desc {
            width: 100%;
            margin-right: 0px;
      }

      .section8-heading {
            font-size: 36px;
      }

      .container9 {
            flex-direction: column-reverse;
      }

      .section9-heading {
            padding: 0;
            font-size: 36px;
            padding: 0;
      }

      .section9-title {
            padding: 0;
            width: 100%;
            text-align: center;
      }

      .section8-desc {
            width: 100%;
            text-align: center;
            font-size: 28px;
      }

      .section9-desc {
            text-align: center;
            width: 100%;
            font-size: 28px;
            margin-top: 20px;
      }

      .sec10-heading {
            text-align: center;
      }

      .section10-title {
            margin: 0;
      }

      .section10-desc {
            margin: 0;
      }

      .input1,
      .input2,
      .input3,
      .input4 {
            margin: 0;
            width: 100%;
            margin: auto;
      }

      .sec11-p1 {}

      .section10-desc>input {
            width: 100%;

      }

      .section11-desc {
            padding-left: 0;
            width: 100%;
      }

      .container11 {
            padding-left: 0px;
      }

      .section6-ryt {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 40px;
      }

      .sec-desc {
            justify-content: center;

            width: 100%;
            display: flex;
            flex-direction: column-reverse;
      }

      .section10-desc {
            margin-top: -60px;
      }

      .undraw1 {
            margin-top: -70px;
            margin-left: -200px;
      }

      .sec11 {
            display: flex;
            flex-direction: column;
            gap: 10px;
      }

      .section11-title {
            margin-top: 60px;
      }

      .btn10 {
            margin-top: 20px;
            width: 100%;
            display: flex;
            justify-content: center;
      }
}