@font-face {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
  src: url(font/Segoe\ UI.ttf);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* =================================================
                   Reusable Code Start
  ================================================== */
:root {
    --primary: #455DEE;
    --white: #fff;
    --black: #000;
    --light-black:#555662;
    --gray: #72706F;
    --light-gray:#E1E1E1;
    --mid-gray:#FBF3F3;
    --dark-gray:#ECEBEB;
    --heading: #182553;
    --orange: #ff7700;
    --txt-primary: #6C6A6A;
  }

body{
    overflow-x: hidden;
}
h2{
  font-weight:400;
  font-size:1.8rem;
  color: var(--heading);

}
h2,h3{
  color: var(--heading);
}

p{
  line-height:1.8rem;
}
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .text-center
  {
      text-align:center;
}
.row {
    --theme-gutter-x: 1.5rem;
    --theme-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--theme-gutter-y));
    margin-right: calc(-.5 * var(--theme-gutter-x));
    margin-left: calc(-.5 * var(--theme-gutter-x));
  }
  
 
  .col-lg-12 {
      flex: 0 0 auto;
      width: 100%!important;
  }
  .col-lg-3
  {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width:33.33333333%;
  }
  *, ::after, ::before {
    box-sizing: border-box;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}

  .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
  }
  .col-lg-9
  {
    flex: 0 0 auto;
    width: 66.66666666%;
  }
 
  .txt-center {
    text-align: center;
  }
.grid{
    display: grid;
    gap: 9rem;
}
.grid-two-column{
    grid-template-columns: repeat(2, 1fr);
}
.grid-three-column{
    grid-template-columns: repeat(3, 1fr);
}
.grid-four-column{
    grid-template-columns: repeat(4, 1fr);
}
.btn{
    color: var(--gray);
    padding:0.6rem 1.6rem 0.7rem 1.6rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    cursor: pointer;
}
.active-btn{
 color:var(--primary)!important;
 border:3px solid var(--primary)!important;
}
.btn-primary{
border:3px solid var(--gray);
}
.btn-primary:hover{
  border:3px solid var(--white);
  background-color: var(--primary);
  color:var(--white)!important;
  transition: all 0.3s;
}

.btn-action{
    background-color: var(--white);
    color: var(--gray);
    text-decoration: none;
    border-radius:5rem;
    font-size:1rem;
    padding: 0.8rem 2.3rem;

}

.hidden {
  display: none;
}
/* =================================================
                   Reusable Code End
  ================================================== */

   /* =================================================
                  Navbar Content Start
  ================================================== */
.nav a{
    text-decoration: none;
    font-size: 1rem;
}
ul{
list-style: none;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.align-items-center{
	align-items: center;
}
.justify-content-between{
	justify-content: space-between;
}
/*header*/
.header{
	padding:12px 0;
  position:fixed;
  background-color: var(--white);
  width:100vw;

}


.header .nav{
	padding:0 10px;
}
.logo{
    width:12rem;
}
.header .nav a{
	display: inline-block;
	margin-left: 40px;
    color:var(--gray);
}

.header .nav a:not(:last-child):hover,
.header .nav a.active:not(:last-child){
	color: var(--primary);
}
.active{
  color:var(--primary);
}
.header #nav-check{
	position: absolute;
	opacity:0;
	pointer-events: none;
}
.nav-toggler{
	height: 34px;
	width: 44px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}
.nav-toggler span{
	display: block;
	height: 4px;
  border-radius:5px;
	width: 25px;
	background-color: #455DEE;
	position: relative;
}
.nav-toggler span::before,
.nav-toggler span::after{
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #455DEE;
   left:0;
   border-radius: 5px;
}
.nav-toggler span::before{
	top: -7px;
}
.nav-toggler span::after{
	top: 8px;
}
.header{
  z-index:99;
  background:var(--white);
  box-shadow: 0px 3px 3px 0px rgba(80, 80, 80, 0.2);
}
  /* =================================================
                  Navbar Content End
  ================================================== */

    /* =================================================
                   Hero Content Start
    ================================================== */

    .hero-section{
      min-height:88vh;
      background:url("../img/hero_bg.svg") no-repeat center center;
      background-size:cover;
      margin: 0 auto 0 auto;
      text-align: center;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color:var(--white);
    }
   
    .hero-section h1{
     font-size:3.2rem;
     font-weight:300!important;
    }
    
     .hero-section p{
    padding:1rem 10rem;
    font-size:1.5rem;
    }
    .hero-section div{
     padding-top:2rem;
     text-align: center;
    }
    .hero-content{
      margin-bottom:7rem;
    } 

    /* .wave{
      background:url("../resources/img/bg_blank.svg") no-repeat center center!important;
      background-size:cover!important;
    } */
    /* .wave{
      background-image: url(../resources/img/aboutbg.png);
    } */
    .about-section{
      background:url("../img/about_bg.svg") no-repeat center center!important;
      background-size:cover!important;
    }
    .contact-us-section{
      background:url("../img/contact.svg") no-repeat center center;
      background-size:cover!important;
    }
    .solution-section{
      background:url("../img/solution_bg.svg") no-repeat center center;
      background-size:cover!important;
    }
    .solution-details-section{
      background:url("../img/solution_bg.svg") no-repeat center center;
      background-size:cover!important;
    }
    .career-section{
      background:url("../img/career.svg") no-repeat center center;
      background-size:cover!important;
    }
    .solution-bg{
     margin-top: 5rem;
     background:#FBF3F3;
    }
    .features-bg{
      background:#FBF3F3;
      
    }
    .benefits-bg{
    background:#FBF3F3;
      
    }
     /* =================================================
                   Hero Content End
    ================================================== */
    /* =================================================
                   Brief Section  Start
    ================================================== */
    
    .brief-section{
      margin-top:5rem;
      background:url("../img/brief_bg.svg")no-repeat;
      background-size: cover;
    }
    .brief-content{
      padding:5.5rem 3rem;
      text-align: center;
      color:var(--heading);
    }
    .brief-content p{
      padding:1rem 4rem;
      color:var(--light-black);
      font-size: 1.3rem;
    }
    .brief-content h2{
      padding-bottom:0.2rem;
      font-size: 1.8rem;
      font-weight: 400;
    }
        /* =================================================
                   Brief Section  End
    ================================================== */

         /* =================================================
                   Services Section Start
    ================================================== */

    .services-img{
    }
    .read-more{
      background-color: var(--primary);
      padding:.8rem 1.5rem;
      color:var(--white);
      text-decoration: none;
    }
    .read-more-btn{
      padding-top:3rem;
    }
    .img-content img{
      width:100%;
    }

    .service-details p{
      padding:2rem 9rem 0 0;
      font-size:1.2rem;
    }

    .service-details h2{
      font-size: 2rem;
      color: var(--heading);
    }
    .service-details h3{
      font-size: 1.5rem;
      color:var(--primary);
      font-weight: 400;
    }
    /* .service-section{
      margin-top:2rem;
    } */
    .service-section .row{
      padding-top: 5rem;
    }
   .right-context{
     padding-left:3rem;
   }
   .service-section .row:nth-child(odd) .fluid-img{
     display: none;
   }

   /* .feature-section{
      padding-top:5rem;
   } */


             /* =================================================
                   Services Section End
    ================================================== */


      /* =================================================
                  Know More Start
    ================================================== */
    .know-more{
      padding-top:6rem;
    }
    .aside-element
    {
      background-color:var(--light-gray);
      width: 40%;
      height: 35rem;
    }

    .know-more-content{
      padding:6rem;
      margin-left:-10%;
      margin-top:5%;
      overflow: hidden;
      background-color: #F9F9F9;
      width:60%;
      height:28rem;
    }
    .know-more-content h2{
      font-size:1.8rem;
      padding-bottom:1.5rem;
      text-align:left;
    }
    .know-more-content p{
      font-size:1.3rem;
      /* padding-right:2rem; */
      color:var(--txt-primary);
      text-align:left;

    }
    .know-more .container{
      max-width: fit-content;
    }
    .know-more-btn{
     margin-top:2rem;
    }
      /* =================================================
                  Know More End
    ================================================== */


    /* =================================================
                  Service Details Start
    ================================================== */
    .service-content-section{
      padding:4rem 1rem;
      text-align:center;
      letter-spacing:normal;
    }
    .service-content-section .row{
      padding-top:3rem;
    }
    .section-title p,.service-content{
      font-size:1.2rem;
      padding-top:1rem;
    }
    .section-title p span{
      font-weight: 500;
    }
    .service-content-section .row .col-lg-3{
      box-shadow: 0px 0px 7px 0px rgb(220, 214, 214);
       margin-top:2rem;
      text-align:center;
      margin-left:1.3rem;
      padding: 2rem;
      width:23%;
      background-color:var(--white);

    }
    .service-content-section .row .col-lg-3:hover{
      box-shadow: 0px 0px 7px 0px rgb(220, 214, 214);
      transform: scale(1.1);
      transition: all 0.5s ease-in-out;
      background-color:#f3eaea;
      /* color:#fff; */
    }
    .service-icon img{
      width:64px;
      height:64px;
      margin: auto;
      }
      .service-content-section .row .col-lg-4{
        box-shadow: 0px 0px 7px 0px rgb(220, 214, 214);
      margin-left:1.3rem;
      padding:3rem;
      width:31%;
      text-align:left;
      background-color:var(--white);
    }

    .service-content-section .row .col-lg-4:hover{
      box-shadow: 0px 0px 7px 0px rgb(220, 214, 214);
      transform: scale(1.05);
      transition: all 0.5s ease-in-out;
      background-color:#f3eaea;
      /* color:#fff; */
    }
    /* .key-benefits{
      padding-top:5rem;
    } */
    .service-content h3{
      padding-bottom: 1rem!important;
    }
    .service-content div{
      padding-top:5rem;
    }
    .service-content span{
      font-weight:700;
    }
    .service-content p{
      font-size:1.2rem;
    }
  /* =================================================
                  Service Details End
    ================================================== */


    /* =================================================
                   About Us Section Start
    ================================================== */

    .about-us-content{
     padding-top:3rem;
     text-align: justify;
    }
    .about-content div{
      padding:2rem .5rem;
    }
    .about-content p{
      padding-top:1.3rem;
      font-size:1.2rem;
      /* color:var(--gray) */
    }
    /* =================================================
                   About Us Section End
    ================================================== */

    /* =================================================
                   Careers Section Start
    ================================================== */
    #careerJobCard{
      /* position: relative; */
    }
    #view-job{
      /* position: absolute; */
      margin-left:72%;
      margin-bottom:10px;
      color:var(--white);
      background-color:var(--primary);
      padding:.5rem 2rem;
      border-radius:3px;
      cursor: pointer;
    }
    .job-content{
      margin: auto;
      /* margin-left:15%; */
  
    }
    .job-content .col-lg-6 .row{
      overflow:hidden;
      word-wrap:break-word;
    }
    .job-content .col-lg-6
    {
      background-color:#FBF3F3;
      padding:1rem;
      border-radius:1rem;
      margin:1rem 0 0 1rem;
      width:48.5%;
    }
    .job-content .col-lg-3{
      width: 20%;
    }
    .job-content .col-lg-9{
      width: 80%;
      padding:.5rem;
    }
    .job-desc{
      cursor: pointer;
    }
    .job-desc div{
     padding:2px 0;
    }
    .job-desc div span{
      font-weight:700;
    }
    .job-role{
      font-size: 1.4rem;
      font-weight:bold;
      color:var(--heading);
    }
    .job-content img{
      margin-top: 1rem;
      margin-left:.5rem;
      width:80px;
    }
    .job-section{
      padding-top:3rem;
    }
    .job-section p{
     color:var(--light-black);
    }

    .job-description br{
      display:none!important;
    }
    .job-description-modal{
      position: fixed;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      width:75%;
      height:80%;
      padding: 20px;
      background-color: var(--white);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    #job-content-desc{
      overflow-y: scroll;
      /* width:100%; */
      height: 85%;
      padding:20px 52px;
    }
    #job-content-desc div{
      margin-top:5px;
    }
    #job-close-btn img{
      width:20px;
      position: absolute;
      right:60px;
      top:0;
      cursor: pointer;
    }
    #apply-job{
    padding:.7rem 2.8rem;
    border:0;
    border-radius:3px;
    font-size:14px;
    font-weight:600;
    background-color:var(--primary);
    color:var(--white);
    margin:10px;
    margin-left:0 auto;
    }
    #apply-job a{
    color:var(--white);
    text-decoration: none;
    }
    .section-title h3{
      font-size:1.8rem;
      font-weight: 400;

    }
    .section-title h3,.section-title p{
      padding:1rem 1.3rem!important;
      /* text-align:center; */
    }
    .section-title p{
      font-size:1.2rem;
    }
    .section-title h3{
    padding-top:3rem;
    }
    .job-container{
      padding-top:2rem;
    }
    .hero-content p{
      font: size 2rem, i !important;;
    }
 /* =================================================
                   Careers Section Endd
    ================================================== */

     /* =================================================
                   Privacy Policy Section Start
    ================================================== */
    .close-modal{
      width:32px;
      height:32px;
      pointer-events:initial;
      cursor:pointer;
    }
    .privacy-policy-content{
      padding-top:3rem;
    }
    .privacy-policy-content ul,address{
      list-style-type:initial;
      font-size: 1.3rem;
      font-weight:300;
      padding-left:2rem;
    }
    strong{
      font-weight:500;
    }
     /* =================================================
                    Privacy Policy Section End
    ================================================== */

         /* =================================================
                   Contact Section Start
    ================================================== */
    .contact-section
    {
      background-color: var(--mid-gray);
      margin-top:10rem;
    }
    .contact-section h3{
      text-align:center;
    }
    .contact-section row{
    display: flex;
    align-items: center;
    justify-content: center;
    }
   
    .form-section form input,.form-section form textarea,
    .form-section form select , .form-section form button{
      display: block;
      padding:0.8rem 2rem 0.8rem 1rem;
      margin-top:.5rem;
      width:100%;
    }
    .form-section h3{
      font-size:1.8rem;
      padding-bottom:1rem;
      font-weight:500;
    }
  
    .form-section,.contact-details{
     padding:3rem;
    }
    #resume{
      background-color:var(--white);
    }
    /* label{
      position: absolute;
    } */

    .contact-details{
     padding-top:15%;
    }
    /* .contact-details h3{
      font-size:1.6rem;
      padding-bottom:.5rem;
      text-align: center;
    } */
    .contact-details p a{
      display: block;
      font-size:2rem;
      text-align: center;
      margin-top:.5rem;
      font-weight: 500;
      text-decoration: none;
      color:var(--heading);
    }
    .contact-details p {
      padding:1.2rem;
      text-align: center;
      font-size: 1.3rem;
    }

    /* .contact-details span{
     font-weight: 600;
     font-size:1.3rem;
    } */
    textarea { 
      resize: none;
      border:1px solid #dfdfdf;
     border-radius:.3rem;
     }
   form  input,form select,form button{
     border:1px solid #dfdfdf;
     border-radius:.3rem;
    }
    input::placeholder,textarea::placeholder{
      font-size:1rem;
    }
    form button{
      background-color:var(--white);
    }
    form button span{
      margin-right:.5rem;
    }
    .choose-file{
      background-color: #E5E5E5;
      padding:.08rem .5rem;
      border:1px solid #000;
    }
    form textarea:focus,form input:focus{
      outline: none;
  }
    /* .submit{
    font-size:1rem;
    } */
    .submit{
      font-size:1rem;
      background-color:var(--primary);
      color:var(--white);
      transition: all 0.5s ease-in-out;
      cursor: pointer;
      margin-top: 1.5rem!important;
    }
    .contact-section-cards .row{
      padding-top:3rem;
    }
    .contact-section-cards .col-lg-6{
      background-color:#FBF3F3;
      border-radius:.5rem;
      margin-left:2rem;
      width:46%;
      padding:1rem;
      text-align:center;
     }
     .bespoke-contact-details .talk-to-us{
      display: flex;
      align-items: center;
      justify-content: space-evenly;
     }
     .contact-section-cards .bespoke-contact-details{
      background-color:#FBF3F3;
      border-radius:.5rem;
      margin-left:2rem;
      width:100%;
      padding:1rem;
      text-align:center;
     }
     .contact-section-cards  p a{
      display: block;
      font-size:1.8rem;
      margin-top:.5rem;
      font-weight: 500;
      text-decoration: none;
      color:var(--heading);
    }
    .contact-section-cards  p {
      padding:1.2rem;
      font-size: 1.3rem;
    }
    .find-us a{
     font-size:1.2rem !important;
     bottom:0;
     padding-top:1rem;
    }
    .contact-section-cards .col-lg-4 div p{
      position: relative;
      overflow: hidden;
    }
    .contact-section-cards .col-lg-4 div a{
      position: relative;
      bottom:0;
    }
    .contact-section-cards .col-lg-12{
     text-align:center;
    }
    .fluid-contact-section .form-section{
      padding:1rem 10rem;
    }
    .thank-you-section{
      padding:6rem 1rem;
      text-align:center;
    }
    .thank-you-section p{
      font-size: 1.25rem;
      line-height: 1.8;
      color: var(--light-black);
      padding: 1.5rem 15% 2rem 15%;
      margin: 0 auto;
    }
    .thank-you-section p a{
      color: var(--primary);
      font-weight: 600;
      text-decoration: none;
    }
    .thank-you-section p a:hover{
      text-decoration: underline;
    }
    .thank-you-section .btn-retry,
    .thank-you-section .btn-explore{
      background-color: var(--primary);
      color: var(--white);
      text-decoration: none;
      border-radius: 5rem;
      font-size: 1rem;
      padding: 0.85rem 2.5rem;
      display: inline-block;
      font-weight: 500;
      box-shadow: 0 4px 15px rgba(69, 93, 238, 0.35);
      transition: all 0.3s ease;
      cursor: pointer;
      margin-top: 1.5rem;
    }
    .thank-you-section .btn-retry:hover,
    .thank-you-section .btn-explore:hover{
      background-color: #3249d6;
      color: var(--white);
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(69, 93, 238, 0.45);
    }
    /* .fluid-contact-section .col-lg-12 form{
     width:100%;
    } */
      /* =================================================
                    Contact Section Start
    ================================================== */

        /* =================================================
                  Footer Content Start
    ================================================== */
    .hero-footer{
      background:url("../img/footer_bg.svg") no-repeat center center;
      background-size:cover;
      background-color: var(--mid-gray);
      min-height:250px;
      margin: 0 auto 0 auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color:var(--white);
    }
    .imp-links a{
      display:block;
      color:var(--white);
      text-decoration: none;
      padding-top:.8rem;
      font-weight: 300;
    }
   .imp-links{
 display:grid;
 justify-content: flex-end;
   }
    .footer-content{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding:5.5rem .5rem 0 .5rem;
    }
    .copyright p
    {
    padding-top:11%;
    }
    .navigate-top{
      width:24px;
      height:24px;
    }
   .privacy-footer{
     background-color:var(--white);
   }
     /* =================================================
                   Footer Content Start
    ================================================== */


 .g-recaptcha {
  padding-top: 10px;
 }