@font-face {
    font-family:atyp-bold;
    src: url(../fonts/atyp/AtypDisplay-Semibold.ttf);
  }
  
  
   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
   @font-face{
       font-family: 'Poppins', sans-serif;
   }
  
    
  h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea {
      margin: 0;
      padding: 0;
  }
  * {
      margin: 0;
      padding: 0;
  }
  a, a:hover, a:focus {
    text-decoration: none;
    cursor: pointer;
  }
  ul{
      list-style-type: none;
    }
  body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
  }
  .container{
      max-width: 1200px;
  } 
  .made-semi-bold{
    font-family:atyp-bold !important;
  }
  .made-regular{
    font-family:atyp-regular;
  }
  .mll-15{
      margin-left: 10px;
  }
  .gen-small-heading {
      color: #000000;
      font-size: 22px;
      font-weight: 400;
      line-height: 25px;
      font-family: 'Poppins', sans-serif;
  }
  .unite-game p.color_green {
    color: #81b261 !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}
.unite-game .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
.color_green.mb-2  {
    color: #000 !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}
  .col-green{
      background: linear-gradient(90deg, rgba(0,76,216,1) 0%, rgba(5,203,192,1) 100%) !important;
      }
  .color_green {
      color: #004cd8 !important;
  }
  .gallery-btn.info-btn{
      transition: all .5s ease-in-out;
  }
  
  .gallery-btn.info-btn .head-cta-btn:hover {
      background: transparent !important;
      border: 1px solid #000;
      color: #000 !important;
  }
  .slid-logos{
      min-height:120px;
      max-height:120px;
  }
  .talk-btn {
      text-align: left !important;
      padding-top: 0px !important;
      text-transform: capitalize;
  }
  a.head-cta-btn.chat-now.mll-15:hover {
      background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
      border: 0 !important;
      color: #000 !important;
  }
  a.head-cta-btn chat-now mll-15:hover {
      background:black !important;
      border: 1px solid #81b261;
      color: #fff !important;
  }
  a.head-cta-btn.chat-now.mll-15 {
    background: black !important;
}
    .chat-btn .chat-now:hover {
    background: #fff !important;
    border: 1px solid #000;
    color: #000 !important;
}
  .chat-btn .chat-now:hover .btn-text{
      color:#fff !important;
  }
  .chat-btn .chat-now:hover .now-text.btn-text{
      color:#000 !important;
  }
  .head-green{
      color:#81b261 !important;
  }
  .head-green:hover{
      color:#000 !important;
  }
  .left-firstwrap {
    max-width: 650px;
  }
  .left-firstwrap .gen-heading {
    max-width: 650px;
    width:100%;
    line-height: 50px;
        font-size: 45px;
  }
  .index-sec-1 .left-firstwrap .gen-heading {
    font-weight: 800;
  }
  .mbb-20{
    margin-bottom:20px;
  }
  .head-cta-btn {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(90deg, rgba(0,76,216,1) 0%, rgba(5,203,192,1) 100%);
    padding: 9px 20px;
    border-radius: 50px;
    display: inline-block;
    border: 0;
    outline: none;
    transition: all 0.4s ease-in-out;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #fff0;
    margin-left: 0;
  }
  .head-cta-btn .btn-text{
    color: #fff;
  }
  .gen-text{
    font-size:18px;
    color:#0f1011;
    font-weight:400;
  }
  .inner-lists{
    color:#fff;
  }
  .custom-nav.stellarnav ul ul {
    width: 270px;
  }
  .custom-nav.stellarnav.desktop li.has-sub a {
      padding-right: 5px;
      padding: 10px 0px 2px 0px;
  }
  .custom-nav ul li ul li a{
    color:#fff;
  }
  .custom-nav ul li ul li a:hover{
    color:#b9f833;
  }
  .mtt-100{
    margin-top:100px;
  }
.head-cta-btn:hover {
   background: #fff !important;
   color: #000;
   border: 1px solid #000 !important;
}
  .head-cta-btn:hover .btn-text{
    color:#000;
  }
  .index-sec-5.service-btn:hover {
   background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    border: 1px solid #000;
    transition: all 0.5s ease-in-out;
}
.banner-formwrap .head-cta-btn:hover, .celect-sec2rightwrap .head-cta-btn:hover {
        border: 1px solid transparent;
    color: #000;
    background: #fff;
}
  
  .banner-formwrap .head-cta-btn:hover .btn-text{
      color:#fff;
  }  
  .celect-sec2rightwrap:hover .head-cta-btn .btn-text{
     color:#fff;
  }
  .celect-sec2rightwrap .head-cta-btn:hover .btn-text{
    color:#fff !important;
  }
  .dropdown-heading{
      font-size:14px;
      color:#000;
      line-height:1.0;
  }
 
  
  /********** stellar-nav-start **********/
  .header-bottom {
    /* padding: 25px 0; */
  }
  .logo-wrapper img {
    max-width: 180px;
    object-fit: cover;
    object-position: center;
  }
  .custom-nav.stellarnav > ul > ul >a {
    padding: 20px 15px !important;
    position: relative;
  }
  .custom-nav.stellarnav li.has-sub>a:after {
    content: '';
    margin-left: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    display: inline-block;
  }
  .list-main a:hover , .menu-links a:hover{
    color: #81b261;
    transition:all 0.5s ease-in-out;
  }
  .list-main a:hover img{
      border-color:#81b261;
  }
 .powerfull-text h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}
.powerfull-text p {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    padding: 10px 0px;
}
  .navigat-wrap .custom-nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .custom-nav ul li a {
    color:#000000;
    font-weight: 500;
    font-size: 14px;
  }
  .custom-nav.stellarnav li a {
    padding: 7px 10px 0px 10px;
  }
  .custom-nav.stellarnav ul ul ul {
      top: 0;
      left: 300px;
  }
  .custom-nav.stellarnav ul ul {
      width: 300px;
  }
  .inner-list{
    min-height:300px;
    max-height:300px;
    overflow-y:scroll;
    overflow-x:hidden;
  }
  .inner-list::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #f1f4fb;
      border-radius:10px;
  }
  
  .inner-list::-webkit-scrollbar
  {
      width:3px;
      height:2px;
      background-color: #004cd8;
  }
  .inner-list::-webkit-scrollbar-thumb
  {
      background-color: #000;
      border: 2px solid #000;
  }
  .liability-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  ::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc; 
    border-radius: 10px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #004cd8; 
    border-radius: 10px;
  }
  /********** stellar-nav-End **********/
   .sticky {
    position: fixed;
    z-index: 9;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 5%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0px 0;
  } 
  /**********  header-end **********/
  
  /**********  index-sec-1 Start **********/
  .index-sec-1{
    background: #f0f5fd url(../images/select-banner.webp) no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8% 0;
  }
  .play-btnwrap {
    display: flex;
    justify-content:flex-start;
    align-items: center;
  }
.play-wrapper {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #81b261;
    border: 4px solid #aec9a4;
    border-radius: 50px;
    cursor: pointer;
    display: none;
}
  .play-wrapper .play-icon {
    color: #fff;
    font-size: 27px;
  }
  .play-text .gen-text {
    max-width: 570px;
    width: 100%;
        font-weight: 600;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
  }
  .gen-text{
    color:#282828;
    font-size:16px;
    font-weight: normal;
  }
  .left-secondwrap .head-cta-btn {
    font-size: 16px;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
    background: linear-gradient(90deg, rgba(0,76,216,1) 0%, rgba(5,203,192,1) 100%);
}
  .round-black i {
      width: 27px;
      height: 27px;
      background: #000000;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      font-size: 11px;
      color: #fff;
  }
  .round-black i {
      color: #fff;
      font-size: 10px;
      background: #004cd8;
  }
  .round-wrapper {
    display: flex;
    align-items: center;
  }
  .round-wrapper .gen-text{
    color:#000000;
    font-size: 20px;
    font-weight:400;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #363739;
    /*cursor:pointer;*/
  }
  .celect-leftcontent {
    padding-top: 60px;
  }
  .banner-formwrap {
    background: url(../images/form-ban.png) no-repeat;
    background-size: 100% 100%;
    height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 30px 60px 70px;
}
  .banner-formwrap .gen-text{
    color:#ffffff;
    font-size: 20px;
    font-weight:600;
    font-family: 'Poppins', sans-serif;
  }
  .subject-input {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 10px 55px 10px 20px;
    border: 1px solid #ccc;
    border-radius:50px;
    font-size: 14px;
    outline:none;
    color:#fff !important;
    background:transparent;
  }
  .contact-textarea {
    border: 1px solid #cccccc;
    box-shadow: none !important;
    min-height: 100px;
    max-height: 100px;
    outline:none;
    border-radius:20px;
    color:#fff !important;
    padding:10px;
    background:transparent;
    resize:none;
    width: 100%;
  }
  .subject-input::placeholder ,.contact-textarea::placeholder{
    color: #f0f4f6 !important;
  }
  .clect-rightcontent {
    padding-top: 90px;
  }
  .banner-formwrap .head-cta-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #fff;
    padding: 10px 45px !important;
    border-radius: 50px;
  }
  .banner-formwrap .head-cta-btn .btn-text{
    color: #000;
    font-weight: 500;
  }
  /**********  index-sec-1 End **********/
  
  /**********  index-sec-2 Start **********/
  .index-sec-2{
    background:#03232d;
    padding: 100px 0 170px 0;
    position:relative;
  }
  .celect-sec2leftwrap .gen-text {
      color: #ffffff;
      font-weight: 400;
      font-size: 22px;
      line-height: 22px;
  }
  .index-sec-2  .celect-sec2rightwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .celect-sec2leftwrap .gen-heading {
      color: #ffffff;
      font-weight: 800;
      font-size: 38px;
      font-family: 'Poppins', sans-serif;
      line-height: 50px;
  }
  .select-sec2imagewrap img {
    max-width: 640px;
    object-fit: cover;
    object-position: center;
    border-radius:15px;
  }
  .celect-sec2rightwrap .gen-text {
    color: #ffffffe0;
    font-size: 15px;
    font-weight: normal;
    max-width: 420px;
    font-family: 'Poppins', sans-serif;
    line-height: 22px;
  }
  .celect-sec2rightwrap  .gen-heading{
    font-weight:500;
    font-size:130px;
    text-transform:uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #46555b;
    -webkit-text-stroke-width: 2px;
    background:transparent;
    line-height: 1.0;
    text-align: end;
    margin-bottom: 30px;
  }
  .app-img-1 ,.app-img-2 , .web-img-1 , .web-img-2 , .digital-img-1 , .digital-img-2 , .data-img-1  {
    max-width: 70px !important;
  }
  .celect-sec2rightwrap  .gen-heading span{
    margin-left: 90px;
  }
  .celect-sec2rightwrap  .head-cta-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #ffff;
    padding: 12px 40px;
    border-radius: 50px;
    color: #000;
    border: 1px solid #fff0;
  }
  /*.celect-sec2rightwrap  .head-cta-btn  .btn-text{*/
  /*  color: #000 !important;*/
  /*}*/
  .celect-sec2rightwrap {
    position:relative;
  }
  .sec2-rightimg {
    position: absolute;
    max-width: 220px;
    object-fit: cover;
    object-position: center;
    bottom: 10%;
    right: 0;
  }
  .sec2clocks {
    position: absolute;
    top: 52%;
    left: 10%;
    max-width: 320px !important;
    border: 5px solid #03232d;
    border-radius: 10px !important;
  }
  /**********  index-sec-2 End **********/
  /**********  Let Discuss sec start **********/
  .discuss_sec {
      text-align: center;
      padding: 60px 0px;
      background: #eef5fc;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
  }
 .discuss_sec .dis_para {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    width: 70%;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    padding-top: 13px;
}
  .discuss_sec .gallery-btn {
      padding-top: 30px;
  }
  .discuss_sec .gen-heading{
      font-size: 45px;
      font-weight: 800;
  }
  
  /**********  index-sec-3 Start **********/
  .index-sec-3{
      padding: 30px 0;
    position: relative;
  }
  /*.sec3-headwrap {*/
  /*  padding-left: 50px;*/
  /*}*/
  .sec3-headwrap .gen-heading{
    color:#03232d;
    font-weight:700;
    font-size:140px;
    text-transform:uppercase;
    font-family: 'Poppins', sans-serif;
        display: block;

  }
  .creative-content .gen-heading {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
}
  .sec3-headwrap .trans-heading{
    font-weight:500;
    font-size:130px;
    text-transform:uppercase;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-color: #004cd8;
    -webkit-text-stroke-width: 2px;
    background:transparent;
    line-height: 1.0;
    text-align: end;
    font-family: 'Poppins', sans-serif;
  }
  .quote-wrapper .head-cta-btn {
      padding: 15px 40px;
      font-size: 16px;
      background: linear-gradient(90deg, rgba(0,76,216,1) 0%, rgba(5,203,192,1) 100%) !important;
  }
  .quote-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column-reverse;
      gap: 15px;
  }
  .sec3-headwrap {
      text-align: center;
      padding-bottom: 2%;
  }
  .sec3_about {
      padding-bottom: 1%;
  }
  .about-sec3-leftwrapper .qote-right {
      width: 100%;
  }
  .qote-right {
    width: 60%;
    text-align: center;
  }
  
 .qote-right .gen-text {
    color: #282828;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
}
  .qote-right .made-regular {
      padding-top: 18px;
  }
  .green-img {
    position: absolute;
    top: 6%;
    right: 4%;
    z-index: -1;
    max-width: 290px;
  }
  .creative-content {
      padding: 30px 0 0;
  }
  .creative-content .gen-text {
      font-size: 22px;
      color: #282828;
      font-weight: 400;
      padding-bottom: 10px;
          line-height: 26px;
  }
  .sec3-creative {
    margin-top: 100px;
  }
  .sec3-creative .box-img img{
      border-radius: 30px;
  }
  .box-heading .gen-heading{
    color:#282828;
    font-weight:700;
    font-size:18px;
  }
  .sec3-gallery {
    padding: 20px 0 0 0;
  }
  .box-heading {
    position: relative;
  }
  .box-content {
    padding-top: 35px;
    position:relative;
  }
  .box-heading:after {
    content: '';
    position: absolute;
    right: 0%;
    top: 45%;
    width: 350px;
    height: 2px;
    border-radius: 5px;
    background: #969899;
  }
  .box-img img {
    max-width: 600px;
    object-fit: cover;
    object-position: center;
  }
  .box-content:before {
    content: '';
    border-left: 1px solid #b4b4b4;
    position: absolute;
    left: 0%;
    width: 10px;
    min-height: 200px;
  }
  .inner-content {
    padding-left: 35px;
  }
  .inner-content .gen-heading{
     font-size: 26px;
     font-weight: 600;
     color: #81b261;
     font-family: 'Poppins', sans-serif;
  }
  .inner-content .gen-text {
      color: #000;
      font-weight: normal;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
  }
  .inner-content .gen-text b {
      font-size: 14px;
      font-weight: bold;
      display:none;
  }
  .gallery-btn {
    padding-top: 50px;
    text-align: center;
  }
  .gallery-btn .head-cta-btn {
  }
  /**********  index-sec-3 End **********/
  
  /**********  index-sec-4 Start **********/
.index-sec-4 {
    padding: -0px 0;
    border: 0px solid #ccc;
    border-right: none;
    border-left: none;
}
.logo-slider img {
    width: 80% !important;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn;
    object-position: center;
}
  /**********  index-sec-4 End **********/
  
  /**********  index-sec-5 Start **********/
  .sec5-leftwrap .gen-text {
      font-size: 22px;
      font-weight: 400;
      line-height: 22px;
  }
  .index-sec-5 {
    background: #eef5fc;
    padding: 70px 0;
  }
  .sec5-leftwrap {
    /*border-bottom: 1;*/
    padding-bottom: 10px;
  }
  /*.sec5-rightwrap {*/
  /*  padding-top: 20px;*/
  /*}*/
  .sec5-leftwrap .gen-heading {
      font-size: 45px;
      line-height: 50px;
      font-weight: 800;
  }
  .service-btn .head-cta-btn {

  }
  .sec5-rightwrap .gen-text {
    max-width: 560px;
    font-weight: normal;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
  }
  .boxcontentwrap .gen-text {
      max-width: 300px;
      font-size: 16px;
      font-weight: normal;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
  }
.boxcontentwrap .gen-heading {
    font-size: 23px;
    font-weight: 600;
    line-height: 26px;
}
  .box-text h4 {
      color: #000;
  }
  .boxcatwrap {
      position: relative;
      background: #ffffff;
      border-radius: 30px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 1s ease-in-out;
      margin: 0 0 30px;
    min-height: 410px;
      width: 100%;
      padding: 30px !important;
  }
  .boxcatwrap:hover{
    /*background-color:#246073;*/
    background-color:#000;
  }
  .boxcatwrap:hover .app-img-2 , .boxcatwrap:hover .web-img-2,.boxcatwrap:hover .digital-img-2,.boxcatwrap:hover .data-img-2,.boxcatwrap:hover .apple-img-2,.boxcatwrap:hover .and-img-2{
     display:block;
  }
  .boxcatwrap:hover .app-img-1 ,.boxcatwrap:hover .web-img-1,.boxcatwrap:hover .digital-img-1,.boxcatwrap:hover .data-img-1,.boxcatwrap:hover .apple-img-1,.boxcatwrap:hover .and-img-1{
    display:none;
  }
  .boxcatwrap:hover .boxcontentwrap {
  }
  .boxcatwrap:hover .gen-text , .boxcatwrap:hover .gen-heading{
     color:#fff;
  }
  .sec5-box {
    margin-top: 50px;
  }
  .app-img-2,.web-img-2,.digital-img-2,.data-img-2,.apple-img-2,.and-img-2{
    display:none;
  }
  .boxcatwrap:hover .boxcatwrap:after {
    background:#000;
  }
  .boxcatwrap:before {
  }
  .boxcatwrap:hover::before{
    background: none !important;
    position:unset;
  }
  .boxcatwrap .boxcontentwrap .box-img img{
    max-width:70px !important;
  }
  /**********  index-sec-5  End**********/
  
  
  
  /* info Section starts */
  .gallery-btn.info-btn {
      padding-top: 10px;
      text-align: left;
  }
  .info_sec .chat-btn .chat-now:hover .btn-text {
    color: #fff !important;
}
.info_sec .chat-btn .chat-now:hover {
    background: #000 !important;
    color: #fff !important;
}
  .info_sec .gallery-btn a {
    margin-right: 10px;
}
  .info_sec {
    background: #246073;
    color: #fff;
    padding: 80px 0px;
    position: relative;
    overflow: hidden;
  }
  .info_sec h3 {
    position: relative;
    font-size: 45px;
    line-height: 50px;
    font-weight: 800;
    padding: 0px 0px 24px 0px;
  }
  /*.info_sec h3::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  bottom: 25%;*/
  /*  left: 0%;*/
  /*  height: 2px;*/
  /*  width: 400px;*/
  /*  background: #6a787d;*/
  /*}*/
  .info_sec p {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
  }
  .info_sec p:last-child {
    padding-bottom: 0;
    line-height: 15px;
  }
  .info_left {
    position: absolute;
    top: 30px;
    left: -210px;
    max-width: 720px;
    animation: bounce-top 2s ease-out 0s infinite alternate-reverse none;
  }
  .info_right {
    position: absolute;
    bottom: -40px;
    right: 0px;
    max-width: 600px;
    animation: bounce-top 2s ease-out 1s infinite alternate-reverse none;
  }
  /* info Section End */
  /* reward Section starts */
  .award_sec {
    padding: 50px 0;
    position: relative;
  }
  .product-wrapper {
    padding: 30px 0px;
    text-align: center;
    position: relative;
  }
  .product-wrapper .h6 {
      font-size: 22px;
      font-weight: 400;
      color: #282828;
      line-height: 25px;
  }
  .product-wrapper h4 {
    color: #282828;
    font-size: 45px;
    font-weight: 800;
    padding: 0px 0 10px 0;
    font-family: 'Poppins', sans-serif;
    line-height: 50px;
  }
  .product-wrapper p {
    font-size: 16px;
    font-weight: normal;
    color: #282828;
    padding: 0px 170px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
  }
    /*.product-wrapper:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 65%;*/
    /*    left: 0;*/
    /*    width: 410px;*/
    /*    height: 1px;*/
    /*    background: #c2c3c3;*/
    /*    right: 0;*/
    /*    margin: 0 auto;*/
    /*}*/
  .award-leftwrapper {
    background: #246073;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
    min-height: 330px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .award-content .gen-text {
      color: #ffffff;
      font-size: 20px;
      font-weight: normal;
      max-width: 250px;
      font-family: 'Poppins', sans-serif;
  }
  .award-logo {
      text-align: center;
  }
  .award-logo img {
    max-width: 130px;
    object-fit: cover;
    object-position: center;
  }
  .award-content img {
    max-width: 120px;
    object-fit: cover;
    object-position: center;
  }
  .market-content {
    position: absolute;
    top: 8%;
    right: -17%;
  }
  .market-content img {
    max-width: 320px;
    object-fit: cover;
    object-position: center;
  }
  .text-content img{
    margin-top:10px;
  }
  /* award section end */
  /* Review section start */
  .review_sec {
    padding: 60px 0px;
  }
  .review_head {
      padding: 0px 0px 40px 0px;
      position: relative;
      max-width: 650px;
  }
  .review_head .p {
      font-size: 22px;
      font-weight: 400;
      color: #000;
      line-height: 25px;
  }
  .review_head h5 {
    font-weight: 800;
    font-size: 45px;
    padding: 10px 0px;
    line-height: 45px;
  }
  /*.review_head:before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  background: #c2c3c3;*/
  /*  height: 1px;*/
  /*  width: 450px;*/
  /*  bottom: 20%;*/
  /*  left: 0;*/
  /*}*/
  .review_tabs {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .review_sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000;
  }
  .review_sec .nav-pills .nav-link {
    background: 0 0;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 15px 45px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
  }
  .review_tabs ul {
    gap: 10px;
  }
  .review_box {
    background: url(../images/review_bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 60px;
    position: relative;
  }
  .review_box:before {
    content: "";
    position: absolute;
    bottom: 60px;
    left: -44px;
    background: url(../images/review_bg_left.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 60px;
    min-height: 70px;
  }
  .review_box:after {
    content: "";
    position: absolute;
    top: 55px;
    right: -28px;
    background: url(../images/review_bg_right.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 60px;
    min-height: 70px;
  }
  .review_box .review_top{
    display: flex;
    justify-content: space-between;
  }
  .review_box .review_user {
    margin-top: -140px;
  }
  .review_box .review_title .h6 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 7px;
    display: block;
  }
  .review_box .review_title p {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
  }
  .review_box .review_para {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 22px;
    padding: 10px 0px;
    font-family: 'Poppins', sans-serif;
  }
  /* Review section End */
  /*testimonial section start*/
  .testimoinal_sec {
    padding: 40px 0px;
  }
  .main_slider {
    border: 1px solid #333333;
    border-radius: 50px;
  }
  .mh3 {
    font-size: 25px;
    line-height: 28px;
    display: block;
    color: #282828;
    font-weight: 600;
    margin: 0 0 4px;
    font-family: 'Poppins', sans-serif;
  }
  .mh4 {
    font-size: 13px;
    line-height: 25px;
    display: block;
    color: #282828;
    font-weight: 500;
  }
  .mh5 {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 0px;
    display: block;
    color: #282828;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
  }
  .main_slider .carousel-caption {
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-align: left;
  }
  .banner_text.wow.fadeInLeft {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .main_slider  .carousel-indicators [data-bs-target] {
    width: 40px;
    height: auto;
    text-indent: inherit;
    cursor: pointer;
    border: 0;
    border-top:  0;
    border-bottom: 0;
    opacity: 1;
    transition: opacity 0.6s ease;
    opacity: 1;
    margin: 0 -6px;
    background: transparent;
    transition: all 0.8s ease-in-out;
  }
  .main_slider .carousel-indicators {
      position: absolute;
      right: auto;
      bottom: 70px;
      left: -160px;
      z-index: 0;
      display: flex;
      justify-content: flex-end;
      padding: 0;
      margin-right: 0;
      margin-bottom: 1rem;
      margin-left: 0;
      list-style: none;
  }
  .bannbg {
    min-height: 430px;
  }
  .big_image  img{
    visibility: visible;
    animation-duration: 2s;
    animation-delay: 300ms;
    animation-iteration-count: infinite;
    animation-name: pulse;
  }
  .big_image {
    position: relative;
    padding: 20px 0 0 0px;
  }
  .big_image:after {
    position: absolute;
    content: '';
    top: 30px;
    left: 140px;
    height: 290px;
    width: 220px;
    background: url(../images/shape.png) no-repeat;
  }
  .big_image a{
  display:table;
  position: relative;
  }
  .big_image a:before{
    position: absolute;
    content: '';
    top: 6px;
    right: 66px;
    height: 20px;
    width: 20px;
    background: #6fc185;
    border-radius: 10px;
    z-index: 5;
  }
  .main_slider  .carousel-indicators .active img{
    transform: scale(1.2);
  }
  /*testimonial slider end*/
  /* Tech_section Start */
  .techno_sec {
    padding: 50px 0px;
    background: #eef5fc;
  }
  .tech_head {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    /*padding-bottom: 35px;*/
  }
  /*.tech_head:before {*/
  /*  position: absolute;*/
  /*  content: "";*/
  /*  bottom: 10%;*/
  /*  left: 22%;*/
  /*  width: 420px;*/
  /*  height: 1px;*/
  /*  background: #b9bdc2;*/
  /*}*/
  .cynoteck_head p:nth-child(2) {
      padding: 23px 0;
      line-height: 25px;
  }
  .tech_head .h4 {
    color: #282828;
    font-size: 45px;
    font-weight: 800;
    text-transform: capitalize;
  }
  .tab_head {
    max-width: 850px;
    margin: 0 auto;
    padding: 20px 0px;
        display: none;
  }
  .tab_head ul {
    justify-content: space-around;
  }
  .tab_head .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #81b261;
    background-color: transparent;
    border-bottom: 1px solid #81b261;
  }
  .tab_head .nav-link {
    padding: 0rem 0.5rem;
    color: #000;
  }
  .tab_head .nav-pills .nav-link {
    border-radius: 0;
    font-weight: 600;
    font-size: 20px;
  }
  .tab_body {
    padding-top: 30px;
  }
  .tab_body .tab_cap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 80px;
    max-width: 1170px;
    padding: 30px 70px;
    margin: 0 auto;
  }
  .tab_cap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  .tab_cap a {
    color: #282828;
    font-weight: 600;
    font-size: 20px;
  }
  /* TEch_section END */
  /* Global_section Start */
  .global_sec{
    background: url(../images/global_bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0px;
    position: relative;
  }
  .global_sec:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: -1;
    opacity: 90%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(36,96,115,1) 36%);
  }
  .global_head {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
  }
  .global_head:before {
      content: "";
      position: absolute;
      top: -60%;
      right: 0;
      left: 0;
      margin: 0 auto;
      background: url(../images/global_text_bg.webp) no-repeat;
      background-size: cover;
      background-position: center;
      min-height: 90px;
      width: 85%;
  }
  .global_head h3 {
    font-size: 45px;
    font-weight: 800;
    color: #282828;
    background: #fff;
    padding: 5px 0px;
    border: 1px solid #000;
    border-radius: 50px;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-family: 'Poppins', sans-serif;
    z-index: 1;
  }
  .global_body {
    padding-top: 190px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: baseline;*/
  }
  .globe_resp{
      padding-top: 100px;
      display: none;
  }
  .globe_resp .card_border {
      border-width: 0px 0px 0px 1px ;
      margin: 0 auto;
  }
  .country_card {
      text-align: center;
      padding: 0px 15px;
      max-width: 240px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
  }
  .line-1 {
      border: 1px solid #ffffff;
  }
  .card_border {
    border: solid #fff;
    border-width: 0px 1px;
  }
  .country_card i {
    font-size: 50px;
    color: #fff;
  }
  .country_card span {
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-color: #fff;
      -webkit-text-stroke-width: 1px;
      font-size: 75px;
      font-weight: 700;
      padding-top: 10px;
      font-family: var(--bs-font-sans-serif);
  }
  .country_card p {
      color: #fff;
      font-size: 15px;
      padding-bottom: 10px;
      font-family: 'Poppins', sans-serif;
      font-weight: normal;
      line-height: 23px;
      min-height: 130px;
      align-items: center;
      display: flex;
  } 
  
  .country_card a:last-child {
    color: #aaaaaa;
    font-size: 16px;
    font-weight: 600;
  }
  /* Global_section END */
  /* Blog_section Start */
  .blog_sec {
    padding: 90px 0px;
  }
  
  
  .blog_card{  background: #f5f5f55e;
border-radius: 49px;
padding: 10px 10px 33px 10px;
border: 1px solid #a4a4a433;
}
  .read-more span{display:none;}
  .blog_head{
    position: relative;
  }
  /*.blog_head:before {*/
  /*  position: absolute;*/
  /*  content: "";*/
  /*  left: 0;*/
  /*  bottom: 25%;*/
  /*  width: 440px;*/
  /*  height: 1px;*/
  /*  background: #000;*/
  /*}*/
  .blog_head p {
      font-size: 22px;
      font-weight: 400;
      color: #282828;
      line-height: 25px;
  }
  .blog_head h3 {
      font-size: 45px;
      font-weight: 800;
      color: #282828;
      padding: 0px 0px 10px 0px;
      font-family: 'Poppins', sans-serif;
  }
  .blog_card img {
    border-radius: 40px;
  }
  .blog_card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    padding-top: 20px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* after 4 line show ... */
    -webkit-box-orient: vertical;

  }
  .blog_card p {
    font-size: 14px;
    font-weight: normal;
    color: #282828;
    padding: 8px 8px 15px 0px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* after 4 line show ... */
    -webkit-box-orient: vertical;
    height: 97px;
    
  }
  .blog_card a {
      color: #81b261;
      font-weight: 600;
      font-size: 14px;
      text-decoration: underline;
  }
  .read-more{display:none !important;}
.read-more a{display:none;}
  /* Blog_section END */
  /* Form_section Start */
  .form_sec{
    position: relative;
    background: url(../images/form_sec_bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0px;
    z-index: 000;
    overflow: hidden;
  }
  .form_sec:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #246073;
    opacity: 95%;
    z-index: -1;
  }
.form_box_left {
    background: url(../images/form_box1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    min-height: 430px;
    padding: 0 0;
}
    .form_box_content {
        line-height: 2;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        height: 100%;
        width: 100%;
        padding: 0px 0px 40px 20px;
    }
  .form_box_left p {
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
  }
.form_box_left .h5 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}
  /* Form Right */
  .form_box_right {
    padding-left: 20px;
  }
  .form_box_right .h5 {
    font-size: 45px;
    font-weight: 800;
    color: #fff;
    padding: 15px 0px;
    display: block;
    font-family: 'Poppins', sans-serif;
    
  }
  .form_box_right .form-control {
    background: transparent;
    border: 1px solid #f1f5f6;
    border-radius: 30px;
    padding: 15px 20px;
  }
  .form_box_right .form-control::placeholder{
    color: #c4c4c4;
    font-weight: 400;
    font-size: 18px;
  }
  .form-control:focus {
    border: 1px solid #f1f5f6;
    box-shadow: none;
    background: #fff;
  }
  .form_box_right .form_btn input[type="submit"] {
    background: #fff;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    border: 0;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
    width: 180px;
    height: 50px;
    font-size: 18px;
    text-transform: capitalize;
    padding: 0;
    align-items: center;
    color: #000;
}
  .form_box_right .form_btn input[type="submit"]:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
  }
  /*.form_btn:hover {*/
  /*  background: transparent;*/
  /*  border: 1px solid #fff;*/
  /*  color: #fff;*/
  /*}*/
  .form_btn:hover a {
    color: #fff;
  }
  .form_btn a {
      padding: 15px 30px;
      color: #000;
      font-size: 18px;
      font-weight: 400;
      font-size: 16px;
  }
  .form_bg_imgs .oval_left {
    position: absolute;
    top: -140px;
    left: -300px;
    z-index: -1;
    animation: bounce-top 2s ease-out 0s infinite alternate-reverse none;
  }
  .form_bg_imgs .oval_right {
    position: absolute;
    bottom: 0;
    right: -10%;
    z-index: -1;
    animation: bounce-top 2s ease-out 1s infinite alternate-reverse none;
  }
  .form_bg_imgs .eclipse_left {
    position: absolute;
    bottom: 9%;
    left: 9%;
    z-index: -1;
    animation: bounce-top 2s ease-out 2s infinite alternate-reverse none;
  }
  .form_bg_imgs .eclipse_right {
    position: absolute;
    top: 10%;
    right: -4%;
    z-index: -1;
    animation: bounce-top 2s ease-out 4s infinite alternate-reverse none;
  }
  .form_bg_imgs .text_left {
    position: absolute;
    top: 2%;
    left: 0;
    z-index: -1;
    animation: bounce-top 2s ease-out 1s infinite alternate-reverse none;
  }
  .form_bg_imgs .text_right {
    position: absolute;
    bottom: 5%;
    right: 0%;
    z-index: -1;
    animation: bounce-top 2s ease-out 2s infinite alternate-reverse none;
  }
  /* Form_section END */
  /* Contact_section Start */
  .contact_sec {
    overflow: hidden;
  }
  .contact_box {
    font-family: 'Poppins', sans-serif;
    background: url(../images/contact_bg1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: -0;
    min-height: 100%;
    
  }
  .contact_box:before {
    position: absolute;
    content: "";
    background: #282828;
    opacity: 80%;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
  }
  .contact_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .contact_box i {
    font-size: 38px;
    color: #fff;
  }
  .contact_box .h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
  }
  .contact_box a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
  }
  .contact_box2 {
    background: url(../images/contact_bg2.webp) no-repeat;
    background-size: 100%;
  }
  .contact_box2:before {
    background: #3d3d3d;
    opacity: 85%;
  }
  .contact_box3 {
    background: url(../images/contact_bg3.webp) no-repeat;
    background-size: 100% 100%;
  }
  .contact_box3:before {
    background: #004cd8b5;
    opacity: 90%;
  }
  /* Contact_section END */
  /* Footer */
  footer{
    background: url(../images/footer_bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
  }
  footer:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #edf4fc;
    opacity: 90%;
    z-index: -1;
  }
  .footer_body {
    padding: 100px 0px 50px 0px;
  }
  .sm_heading {
    color: #004cd8;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
  }
  .footer_list {
    padding: 30px 0px;
    line-height: 2;
  }
  .footer_list li a{
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #282828;
  }
  .footer_list li a i {
      font-size: 12px;
  }
  .footer_list li a:hover {
    color: #ec0000;
  }
  .footer_bottom {
    border-top: 1px solid #000;
    padding: 30px 0px;
  }
  .footer_bottom p, .footer_bottom a {
    font-size: 16px;
    color: #282828;
  }
  .footer_bottom .pp_links{text-align: center;}
  .footer_bottom .pp_links a{
  color: #000;
  }
  
  .footer_bottom .pp_links a:hover {
    color: #ec0000;
    }
  /* footer End */
  /* animations */
  @keyframes bounce-top {
    0% {
        transform:translateY(0);
    }
    60% {
        transform:translateY(-20px);
    }
    100% {
        transform:translateY(0);
    }
  }
  
  
  /********  About-section-1-start  ********/
  
  .about-sec-1 .gen-heading {
      color: #000000;
      font-size: 45px;
      font-weight: 600;
  }
  .about-sec-1 .left-firstwrap {
    border-bottom:0;
    padding-bottom: 0px;
    max-width: 650px;
  }
  .about-sec-1 .play-text .gen-text {
    line-height: 1.5;
  }
  .about-leftwrap{
    position:relative;
    z-index: 1;
  }
  .about-leftwrap .gen-heading.made-semi-bold {
    font-weight: 700;
    font-size: 130px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #46555b;
    -webkit-text-stroke-width: 2px;
    background: transparent;
    line-height: 1.0;
    text-align: end;
    margin-bottom: 30px;
    position: absolute;
    top: -17%;
    left: 11%;
    z-index: -1;
  }
  /********  About-section-1-End  ********/
  
  /********  About-section-2-start  ********/
  
  .index-sec-2.about-sec-2 {
    background: #03232d;
    padding: 170px 0 170px 0;
    position: relative;
  }
  .about-sec-2 .celect-sec2rightwrap
  {
    padding-top:70px;
  }
  .about-sec-2 .celect-sec2rightwrap .gen-text {
      color: #ffffffe0;
      font-size: 15px;
      font-weight: normal;
      max-width: 420px;
      line-height: 22px;
  }
  .sec2-parg .celect-sec2rightwrap {
    padding-top: 30px;
    max-width: 1140px;
  }
  .sec2-parg .celect-sec2rightwrap .gen-text{
    max-width: 1140px;
  }
  .about-green-dot {
    position: absolute;
    max-width: 70px;
    object-fit: cover;
    object-position: center;
    bottom: 30%;
  }
  
  /********  About-section-2-End  ********/
  
  /********  About-section-3-Start  ********/
  .about-sec-3 .gen-heading.glob-heading {
      font-size: 35px;
      text-transform: capitalize;
      text-align: center;
      font-weight: 800;
  }
  .glob-heading2{
          padding-right: 50px !important;
  }
  .about-sec-3 .green-img {
    position: absolute;
    top: 26%;
    right: 2%;
    z-index: -1;
    max-width: 290px;
  }
  
  .about-sec-3 .about-sec3-rightwrapper .aboutsec3-content .gen-heading {
    color: #ffffff;
    font-weight: 700;
    font-size: 36px;
  }
  .about-sec3-rightwrapper{
    background: url(../images/about-doing.png) no-repeat;
    background-size: cover;
    background-position:center;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
  }
  .about-sec3-rightwrapper .aboutsec3-content .gen-text {
      color: #ffffff;
      font-weight: normal;
      font-size: 15px;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
  }
  .aboutsec3-content {
    padding: 0 40px;
  }
  .about-sec-3 .qote-right .gen-text {
      color: #282828;
      font-size: 16px;
      font-weight: normal;
      margin: 0 auto;
      line-height: 22px;
  }
  .aboutsec3-boxwrap {
    margin-top: 100px;
  }
  /********  About-section-3-End  ********/
  
  /********  About-section-4-Start  ********/
  .about-sec-4 .sec5-rightwrap  .gen-text {
    max-width: 600px;
  }
  .aboutsec4-boxcont {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .about-sec-4  .sec5-leftwrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    max-width: 420px;
  }
  .aboutsec4-box {
    background: #fff;
    border-radius: 20px;
    padding: 40px 10px;
    text-align: center;
    min-height: 210px;
    max-height: 210px;
    max-width: 210px;
  }
  .aboutsec4-box img {
    max-width: 150px;
    object-fit: cover;
    object-position: center;
  }
  .mtt-80{
    margin-top:90px;
  }
  .box-colwrap{
    margin-right: 20px;
    max-width: 20%;
    width: 100%;
  }
  /********  About-section-4-End  ********/
  
  /********  About-section-5-Start  ********/
  
  .about-sec-5{
    padding:70px 0;
    position:relative;
  }
  .about-sec-5 .qote-right {
    margin-left: 0px;
  }
  .about-genheading {
      color: #282828;
      font-size: 17px;
      font-weight: 700;
      line-height: 25px;
  }
  .about-gentext {
      max-width: 230px;
      font-size: 14px;
      color: #454242;
      font-weight: normal;
      line-height: 19px;
      font-family: 'Poppins', sans-serif;
  }
  .aboutsec5-boxes {
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
  }
  .aboutsec5-boxcontent {
    max-width: 240px;
    padding: 35px 30px;
    border-radius: 25px;
    min-height: 270px;
  }
  .aboutsec5-boxcontent img {
    max-width: 60px;
    object-fit: cover;
    object-position: center;
  }
  .bck-blue{
    background: #e3f1ff;
  }
  .bck-pink{
    background:#ffe9e9;
  }
  .bck-sky{
    background:#d8fffb;
  }
  .bck-yell{
    background:#fff9e1;
  }
  .mll-20{
    margin-left:20px;
  }
  .mtt-70{
    margin-top:70px;
  }
  .aboutsec5-leftwrap .qote-right .gen-text {
      color: #282828;
      font-size: 16px;
      font-weight: normal;
      max-width: 500px;
      line-height: 22px;
  }
  .aboutsec5-rightwrap {
    margin-top: 70px;
    margin-left: -60px;
  }
  .aboutsec5-leftwrap .about-sec3-leftwrapper .sec5-leftwrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    max-width: 500px;
  }
  /********  About-section-5-End  ********/
  /* Contact-Page-Start */
  .contact-sec1 {
    position: relative;
    background: url(../images/contact_hero_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 12% 0 0;
    min-height: 1000px;
    z-index: 0;
  }
  .contact_hero_head {
    position: relative;
    padding: 20px 20px 20px 20px;
    z-index: 1;
    text-align: center;
  }
.contact_hero_head .gen-text {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
}
.contact_hero_head .gen-heading {
    padding: 0px 0 15px 0px;
    font-size: 45px;
    line-height: 50px;
    font-weight: 800;
}
  .contact_hero_head p {
    color: #282828;
    font-size: 16px;
    max-width: 640px;  
    line-height: 22px;
    margin: 0 auto;
  }
  .contact_hero_text {
    position: absolute;
    top: -8%;
    left: 0;
    z-index: -1;
    animation: bounce-top 3s ease-out 1s infinite alternate-reverse none;
    width: 100%;
    right: 0;
    margin: 0 auto;
    display: block;
  }
  .contact-sec1 .clect-rightcontent {
    position: relative;
    z-index: 5;
  }
  /* Contact-Page-End */
  /* Contact-section-2 start */
  .contact_sec2 {
    padding: 30px;
      margin-top: -7%;
  }
  .contact_sec2 .bg_map {
      background: url(../images/contact_map.png) no-repeat;
      background-size: 100% 100%;
      background-position: center;
      position: relative;
      min-height: 520px;
  }
  .map_point1 {
    position: absolute;
    bottom: 25%;
    left: 19%;
    max-width: 230px;
    animation: bounce-top 3s ease-out 1s infinite alternate-reverse none;
  }
  .map_point2 {
    position: absolute;
    top: -6%;
    left: 38%;
    max-width: 205px;
    animation: bounce-top 3s ease-out 2s infinite alternate-reverse none;
  }
  .map_point3 {
    position: absolute;
    bottom: 10%;
    right: 31%;
    max-width: 219px;
    animation: bounce-top 3s ease-out 1s infinite alternate-reverse none;
  }
  .map_point4 {
    position: absolute;
    top: 24%;
    right: 10%;
    max-width: 180px;
    animation: bounce-top 3s ease-out 2s infinite alternate-reverse none;
  }
  /* Contact-section-2 END */
  /* Contact-section-3 start */
  .contact_sec3{
    padding: 30px 0px 100px 0px;
  }
  .board_top{
    border-top: 5px solid #246073;
    position: relative;
  }
  .board_top:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0px;
    border-radius: 50%;
    background: #246073;
    width: 15px;
    min-height: 15px;
  }
  .board_top:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 0px;
    border-radius: 50%;
    background: #246073;
    width: 15px;
    min-height: 15px;
  }
  .board_box{
    position: relative;
    background: url(../images/board1.png) no-repeat;
    background-size: 100% 100% !important;
    background-position: center;
    margin-top: 67px;
    padding: 0 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 184px;
    /* gap: 8px; */
  }
  .board_box h6{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 7px;
    margin-top: -15px;
  }
  .board_box a{
    color: #fff;
    font-size: 13px;
    line-height: 18px;
  }
  .board_box1::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #fe526f;
    width: 2px;
    height: 60px;
  }
  .board_box1::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #fe526f;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .board_box2{
    background: url(../images/board2.png) no-repeat;
  }
  .board_box2::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #fea852;
    width: 2px;
    height: 60px;
  }
  .board_box2::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #fea852;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .board_box3{
    background: url(../images/board3.png) no-repeat;
  }
  .board_box3::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #8a75f7;
    width: 2px;
    height: 60px;
  }
  .board_box3::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #8a75f7;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .board_box4{
    background: url(../images/board4.png) no-repeat;
  }
  .board_box4::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #119fc2;
    width: 2px;
    height: 60px;
  }
  .board_box4::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #119fc2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .board_box5 {
      background: url(../images/board2.png) no-repeat;
  }
  .board_box5::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #fea852;
    width: 2px;
    height: 60px;
  }
  .board_box5::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #fea852;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .board_box6 {
      background: url(../images/board3.png) no-repeat;
  }
  .board_box6::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 130px;
    background: #8a75f7;
    width: 2px;
    height: 60px;
  }
  .board_box6::after {
    position: absolute;
    content: "";
    top: -75px;
    left: 121px;
    background: #8a75f7;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  /* Contact-section-3 END */
  /*portfolio page css start */
  .discuss_sec.port {
      padding: 0px 0px 20px 0px;
      background: #f1f1f1;
      border-bottom: 0;
      border-top: 0;
  }
  
  
  
  
  a.tel_ {
      width: 37px;
      height: 37px;
      border: 1px solid #004cd8;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #004cd8;
      color: #fff !important;
      transform: rotate(0deg);
      transition: all 0.5s ease-in-out;
      padding: 0 !important;
  }
  a.tel_:hover {
      transform: rotate(180deg);
      background: transparent;
      color: #000 !important;
  }
  strong.hed {
      font-size: 17px;
      padding: 15px 0;
      color: #004cd8;
      font-weight: 600;
      display: block !important;
      width: 100%;
  }
  .info_sec h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 3%;
}
 
  .social_icon{text-align: end;}
  
  .social_icon ul li{display: inline-flex;padding: 0 10px 0 0;}
  
  .social_icon ul li a{
      width: 37px;
      height: 37px;
      border: 1px solid #004cd8;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #004cd8;
      color: #fff !important;
      transform: rotate(0deg);
      transition: all 0.5s ease-in-out;
      box-shadow: 0px 5px 5px #00000087;
  }
  .social_icon ul li a:hover {
      transform: rotate(360deg);
      background: transparent;
      color: #000 !important;
      box-shadow: 0px -5px 5px #00000087;
  }
  .form_box_main {
      /*background: #1f6074;*/
      background: #000;
      padding: 40px 30px;
      border-radius: 30px;
      position: relative;
      margin: 3% 0 0 0;
  }
  .form_box_main  h5 {
      font-size: 30px;
      line-height: 35px;
      color: #ffffff;
      font-weight: 500;
      margin: 0 0 20px;
  }
  .form_box_main textarea::-webkit-input-placeholder {
    color: #fff;
  }.form_box_main input::-webkit-input-placeholder {
    color: #fff;
  }
  .form_box_main input::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .form_box_main input:-ms-input-placeholder {
    color: #fff;
  }
  .form_box_main input:-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .form_box_main input[type="text"], 
  .form_box_main input[type="password"],
  .form_box_main input[type="email"],
  .form_box_main input[type="url"],
  .form_box_main input[type="number"],
  .form_box_main input[type="date"],
  .form_box_main textarea, 
  .form_box_main input[type="tel"] {
      border: 1px solid #ececec;
      background-color: #fff0;
      font-size: 14px;
      line-height: 20px;
      color: #ffffff;
      height: 45px;
      margin-bottom: 20px;
      width: 100%;
      padding: 0px 15px;
      border-radius: 15px;
      outline: none;
  }
  /* Chrome, Safari, Edge, Opera */
  .form_box_main input::-webkit-outer-spin-button,
  .form_box_main input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /* Firefox */
  .form_box_main input[type=number] {
    -moz-appearance: textfield;
  }
  .form_box_main textarea{
    height: 120px;
    resize: none;
    color: #ffffff;
    padding: 15px 14px;
   }
  .form_box_main button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 170px;
      height: 45px;
      border-radius: 50px;
      color: #ec0000;
      /*color: #1f6074;*/
      background: #fff;
      border: 1px solid #fff;
      font-size: 16px;
      box-shadow: 0px 5px 6px #ffffff6b;
      transition: all 0.5s ease-in-out;
  }
  .form_box_main button:hover{
      box-shadow: 0px -5px 6px #ffffff6b;
      color: #fff;
      background: #ec0000;
      /*background: #1f6074;*/
  }
  .form_box_main:after{
      position: absolute;
      content: '';
      top: 80px;
      left: -67px;
      width: 90px;
      height: 80px;
      background:url(../images/shape_1.png) no-repeat;
      background-size: 100%;
      filter: brightness(0) saturate(100%);
   }
  .form_box_main form{ position:relative; z-index:5;}
  
  .form_box_main:before{
      position: absolute;
      content: '';
      right: 80px;
      bottom: -50px;
      width: 90px;
      height: 80px;
      background:url(../images/shape_1.jpg) no-repeat;
      background-size: 100%;
      transform: rotate(-91deg);
      display:none;
   }
   .centerCol {
      float: none;
      margin: 0 auto;
  }
  /* NEW Pages CSS START */
  .service_menu_list {
      width: 250px !important;
      background: #eef5fc !important;
      padding: 20px !important;
      cursor: pointer;
      border-radius: 10px;
      box-shadow: 5px 5px 30px 2px #6f86f140;
      color:#000;
  }
  .stellarnav li a {
      padding: 10px 0;
      color: #000;
      font-size: 13px;
  }
  .service_menu_list li:hover{
      color: #2a6ded;
      transition:all 0.5s ease-in-out;
  
  }
  .service-content-wrapper {
      display: block;
  }
  .service-list-content {
      padding: 20px 20px;
      width: 180px;
      display: flex;
      flex-direction: column;
  }
  .custom-nav ul li ul li a {
      color: #000 !important;
  }
  .service-header-title{
      color:#81b261 !important;
      font-size:18px;
  }
  /*new menu*/
  /* Ipad Page CssStart */
  .ipad_app{
      overflow: hidden;
      background: url(../images/ipad-app/ipad_hero.png) no-repeat;
      z-index: 0;
  }
  .ipad_heading {
    text-transform: none;
}
  .ipad_app:before {
      content: "";
      background: url(../images/ipad-app/ipad_hero_left.png);
      background-size: cover;
      background-position: center;
      width: 210px;
      height: 394px;
      position: absolute;
      bottom: -90px;
      left: 0;
  }
  .ipad_app:after {
      content: "";
      background: url(../images/ipad-app/ipad_hero_right.png);
      background-size: cover;
      background-position: center;
      width: 410px;
      height: 540px;
      position: absolute;
      bottom: -70px;
      right: 10px;
      z-index: -1;
  }
  .benefit_sec {
      padding: 60px 0px;
  }
  .benfit_right {
      padding-left: 50px;
  }
  .benfit_right span {
    font-size: 22px;
    line-height: 26px;
    color: #282828;
    font-family: 'Poppins', sans-serif;
}
  .benfit_right .h4 {
    font-size: 22px;
    color: #282828;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
}
  .benfit_right h2 {
    color: #282828;
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    position: relative;
    padding: 10px 80px 60px 0px;
    font-family: 'Poppins', sans-serif;
}
  .benfit_right h2:before {
      content: "";
      position: absolute;
      bottom: 30px;
      left: 0;
      background: #969899;
      width: 440px;
      height: 1px;
  }
  .benfit_right p {
    font-size: 16px;
    color: #282828;
    line-height: 22px;
    padding-bottom: 35px;
}
  .benefit_sec a {
      background: #282828;
      border-radius: 25px;
      padding: 15px 40px;
      color: #fff;
      transition: all .3s ease;
      font-size: 16px;
      font-weight: 500;
  }
  .benefit_sec a:hover {
         background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
  }
  /* App Servis Section */
  .app_servis_head span {
      font-size: 25px;
      font-weight: 600;
      color: #282828;
  }
  .app_servis_head h2 {
      font-size: 45px;
      font-weight: 600;
      color: #282828;
      position: relative;
      padding: 20px 0px 80px 0px;
  }
  .app_servis_head {
      padding-right: 25%;
  }
  /*.app_servis_head h2:before {*/
  /*    content: "";*/
  /*    position: absolute;*/
  /*    bottom: 50px;*/
  /*    left: 0;*/
  /*    background: #969899;*/
  /*    width: 430px;*/
  /*    height: 1px;*/
  /*}*/
  .servis_card {
      margin-bottom: 40px;
      padding-right: 10%;
      cursor: pointer;
  }
 .servis_card span {
    color: #282828;
    font-size: 20px;
    font-weight: 600;
    display: block;
    line-height: 26px;
    padding: 15px 0px;
    font-family: poppins, sans-serif;
}
  .servis_card p {
      font-size: 16px;
      color: #282828;
      line-height: 1.8;
  }
  .servis_icon {
      width: 75px;
      padding: 15px;
      border: 1px solid #3f7483;
      border-radius: 50%;
      text-align: center;
  }
  .servis_card:hover .servis_icon {
      transform: scale(1.1);
      transition: all .3s ease-in-out;
  }
  /* Industry Section */
  
  .industry_sec h2 {
    font-size: 45px;
    font-weight: 800;
    padding-right: 41%;
    line-height: 50px;
}
  .industry_left p {
    font-size: 16px;
    color: #282828;
    padding: 20px 60px 20px 0px;
    line-height: 22px;
}
  .industry_left a {
      font-size: 18px;
      background: #282828;
      color: #fff;
      border-radius: 25px;
      padding: 15px 20px;
      transition: all .3s ease;
  }
  .industry_left a:hover {
      background: #87b669;
  }
  .industry_sec {
      padding: 80px 0px;
  }
  .industry_left p:nth-child(2) {
      padding-bottom: 50px;
  }
  .industry_right ul {
      column-count: 2;
  }
  .industry_right ul li {
      padding-bottom: 50px;
      position: relative;
      padding-left: 50px;
      font-size: 18px;
      font-weight: 600;
      color: #282828;
  }
  .industry_right ul li:before {
      content: "";
      position: absolute;
      top: 15px;
      left: -10px;
      background: #282828;
      width: 40px;
      height: 1px;
  }
  .let_discuss {
      padding: 150px 0px;
      position: relative;
      background: url(../images/ipad-app/discuss_bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      overflow: hidden;
  }
  .let_discuss_left {
      width: 700px;
  }
 .let_discuss .h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    color: #282828;
    font-family: 'Poppins', sans-serif;
    }
    .app_servis_head h2:before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 38%;
    height: 1px;
    background: #969899;
}
  .app_services {
        padding: 35px 0px;
    }
  .let_discuss p {
      color: #282828;
      font-size: 16px;
      padding: 20px 100px 50px 0px;
      font-weight: normal;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
  }
  .let_discuss a {
          background: linear-gradient(90deg, rgba(0,76,216,1) 0%, rgba(5,203,192,1) 100%) !important;
          border: 1px solid transparent;
          color: #fff;
          font-weight: normal;
          font-size: 16px;
          padding: 15px 30px;
          border-radius: 25px;
          transition: all .5s ease-in-out;
  }
.let_discuss a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
  /* android app page Start */
  .android-app{
  overflow: hidden;
  background: url(../images/android-app/android-hero.png) no-repeat;
  z-index: 0;
  }
  
  .android-app:before {
  content: "";
  background: url(../images/android-app/android-left.png);
  background-size: cover;
  background-position: center;
  width: 195px;
  height: 334px;
  position: absolute;
  top: 0px;
  left: 0;
  }
  .android-app:after {
  content: "";
  background: url(../images/android-app/android-right.png);
  background-size: cover;
  background-position: center;
  width: 480px;
  height: 873px;
  position: absolute;
  bottom: -420px;
  right: -35px;
  z-index: -1;
  }
  /* Flutter page css */
  .flutter-app{
  overflow: hidden;
  background: url(../images/flutter-app/flutter-hero.png) no-repeat;
  z-index: 0;
  }
  
  .flutter-app:after {
  content: "";
  background: url(../images/flutter-app/flutter-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 720px;
  height: 870px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
  }
  
  /* IOT section css */
  .iot-sec{
  overflow: hidden;
  background: url(../images/IOT/iot-hero.png) no-repeat;
  z-index: 0;
  }
  
  .iot-sec:before {
  content: "";
  background: url(../images/IOT/iot-hero-left.png);
  background-size: cover;
  background-position: center;
  width: 160px;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  }
  .iot-sec:after {
  content: "";
  background: url(../images/IOT/iot-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 330px;
  height: 740px;
  position: absolute;
  bottom: -160px;
  right: 0px;
  z-index: -1;
  }
  /* IOS APP SEC Start */
  .ios_app{
  overflow: hidden;
  background: url(../images/ios-app/ios-hero.png) no-repeat;
  z-index: 0;
  }
  .ios_app:after {
  content: "";
  background: url(../images/ios-app/ios-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 340px;
  height: 770px;
  position: absolute;
  bottom: 100px;
  right: 0px;
  z-index: -1;
  }
  /* Hybrid APP SEC Start */
  .hybrid-app{
  overflow: hidden;
  background: url(../images/hybrid-app/hybrid-hero.png) no-repeat;
  z-index: 0;
  }
  
  /* XAMARIN APP SEC Start */
  .xamarin-app{
  overflow: hidden;
  background: url(../images/xamarin-app/xamarin-hero.png) no-repeat;
  z-index: 0;
  }
  
  .xamarin-app:after {
  content: "";
  background: url(../images/xamarin-app/xamarin-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 590px;
  height: 840px;
  position: absolute;
  bottom: -130px;
  right: 0px;
  z-index: -1;
  }
  /* WEARABLE section css */
  .wearable-app{
  overflow: hidden;
  background: url(../images/wearable-app/wearable-hero.png) no-repeat;
  z-index: 0;
  }
  
  .wearable-app:before {
  content: "";
  background: url(../images/wearable-app/wearable-hero-left.png);
  background-size: cover;
  background-position: center;
  width: 260px;
  height: 520px;
  position: absolute;
  bottom: -180px;
  left: 0;
  }
  .wearable-app:after {
  content: "";
  background: url(../images/wearable-app/wearable-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 220px;
  height: 700px;
  position: absolute;
  top: 130px;
  right: 0px;
  z-index: -1;
  }
  
  /* REact Native PAge css */
  .react-native{
  overflow: hidden;
  background: url(../images/reactnative-app/react-nativ-hero.png) no-repeat;
  z-index: 0;
  }
  
  .react-native:after {
  content: "";
  background: url(../images/reactnative-app/react-native-hero-right.png);
  background-size: cover;
  background-position: center;
  width: 560px;
  height: 1170px;
  position: absolute;
  bottom: -550px;
  right: 0px;
  z-index: -1;
  }
  /* Mob APP PAge css */
  .mob-app{
  overflow: hidden;
  background: url(../images/mob-app/mob-hero.png) no-repeat;
  }
  /* ASO STORE OPTIMIZATION Page css */
  .aso-store{
  overflow: hidden;
  background: url(../images/aso-store/aso-hero.png) no-repeat;
  }
  .aso-store .clect-rightcontent {
  position: relative;
  z-index: 000;
  }
  .keyword-sec {
  padding: 80px 0px;
  }
.keyword-sec h3, .keyword-sec h2 {
    color: #282828;
    font-size: 45px;
    font-weight: 800;
    padding-bottom: 50px;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
.keyword-sec h2:before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 38%;
  height: 1px;
  background: #969899;
  }
 .keyword-sec h3:before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 38%;
    height: 1px;
    background: #969899;
}
  .keyword-sec p {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 25px;
}
  .keyword-sec h6 {
  font-size: 20px;
  color: #282828;
  font-weight: 600;
  padding-bottom: 15px;
  }
  .keyword-sec a {
      color: #fff !important;
      background: #282828;
      font-size: 16px;
      padding: 16px 27px;
      border-radius: 30px;
      border: 1px solid transparent;
      transition: all .3s ease-in-out;
      margin: 10px 0 0;
      display: flex;
      width: 210px;
      height: 50px;
      align-items: center;
      justify-content: center;
  }
  .keyword-sec p:nth-child(6) {
  padding-bottom: 50px;
  }
  .keyword-sec a:hover {border: 1px solid #81b261;color: #ffffff !important;background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;}
  .convo-list {
    list-style: circle;
    line-height: 40px;
    font-size: 18px;
    margin-top: -10px;
    padding: 0px 30px 35px 30px;
    color: #282828;
    font-weight: 500;
}
  .aso-servis h4 {
  padding-right: 20px;
  }
  .reputation p:nth-child(7) {
  padding-bottom: 50px;
  }
  .reputation .h5 {
    font-size: 22px;
    padding-bottom: 10px;
    line-height: 25px;
}
 .paid-manage h5 {
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 10px;
}
  /* Unite Game Page css */
  .unite-game{
  background: url(../images/unite-game/unite-game-hero.png) no-repeat;
  z-index: 0;
  }

  .unite-game .round-wrapper .gen-text {
      border-bottom: 1px solid #fff;
  }
  .unite-game:before {
    content: "";
    background: url(../images/unite-game/unite-hero-left.png);
    background-size: cover;
    background-position: center;
    width: 270px;
    height: 440px;
    position: absolute;
    bottom: -90px;
    left: -20px;
  }
  .unite-game:after {
    content: "";
    background: url(../images/unite-game/unite-hero-right.png);
    background-size: cover;
    background-position: center;
    width: 310px;
    height: 600px;
    position: absolute;
    bottom: -17px;
    right: 0px;
    z-index: -1;
  }
  .unite-game p, .unite-game h1 {
  color: #fff !important;
  }
  .unite-game .round-black i {
  color: #000;
  background: #fff;
  }
  .unite-game .head-cta-btn {
  background: #fff;
  border: 1px solid transparent;
  }
  .unite-game .head-cta-btn:hover {
  background: transparent;
  border: 1px solid #fff;
  }

  .unite-game .head-cta-btn:hover .btn-text {
  color: #fff !important;
  }
  .unite-game .banner-formwrap {
  background: url(../images/unite-game/unite-form.png) no-repeat;
  background-size: 100% 100%;
  }
  .unite-game .banner-formwrap p {
  color: #282828 !important;
  }
  .unite-game .banner-formwrap input {
  border-color: #ccc;
  color: #000 !important;
  }
  .unite-game .banner-formwrap textarea {
  border-color: #ccc;
  color: #000 !important;
  }
  .unite-game .banner-formwrap input::placeholder {
  color: #000 !important;
  }
  .unite-game .banner-formwrap textarea::placeholder {
  color: #000 !important;
  }
  .unite-game .banner-formwrap .head-cta-btn {
  background: #282828;
  border: 1px solid transparent;
  color: #fff !important;
  }
  .unite-game .banner-formwrap .head-cta-btn p {
  color: #fff !important;
  }
  .unite-game .banner-formwrap .head-cta-btn:hover{
  background: transparent;
  border: 1px solid #282828;
      color: #000 !important;
  }
  .unite-game .banner-formwrap .head-cta-btn:hover p{
  color:#282828 !important;
  }
  /* Section 2 css */
  .gaming-title h2 {
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 40px;
  position: relative;
  }
  .gaming-title p {
  font-size: 16px;
  font-weight: 400;
  color: black;
  padding: 0px 0 0;
  line-height: 1.9;
  }
  .game-main {
  display: flex;
  justify-content: space-between;
  padding: 90px 0;
  }
  .game-box {
  background: #e3f1ff;
  margin: 0 10px;
  padding: 50px 14px 14px;
  position: relative;
  border-radius: 16px;
  }
  .game-icon {
  position: absolute;
  top: -70px;
  left: 40px;
  }
 .game-text h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 25px;
    padding: 10px 0;
}
  .game-text p {
  text-align: center;
  font-size: 15px;
  }
  #vr {
  background-color: #ffe9e9;
  }
  #watch {
  background-color: #d8fffb;
  }
  #tv {
  background-color: #fdf7df;
  }
  #web {
  background-color: #e3f1ff;
  }
  /* SEction 2 End */
  /* Health-care Page Start */
  .health-care {
    background: url(../images/health/health-care-hero.jpg) no-repeat !important;
    background-size: cover;
  }
  .health-care .left-secondwrap .head-cta-btn:hover p {
    color: #000 !important;
}

  
  .health-care p, .health-care h1 {
      color: #fff !important;
    }
  .health-care .round-black i {
    color: #000;
    background: #fff;
  }
  .health-care .head-cta-btn {
    background: #fff;
    border: 1px solid transparent;
  }
  .health-care .head-cta-btn:hover {
    background: transparent;
    border: 1px solid #fff;
  }

  .health-care .head-cta-btn:hover .btn-text {
    color: #fff !important;
  }
  .health-care .banner-formwrap {
    background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: 100% 100%;
  }
  .health-care .banner-formwrap p {
    color: #282828 !important;
  }
  .health-care .banner-formwrap input {
    border-color: #ccc;
    color: #000 !important;
  }
  .health-care .banner-formwrap textarea {
    border-color: #ccc;
    color: #000 !important;
  }
  .health-care .banner-formwrap input::placeholder {
    color: #000 !important;
  }
  .health-care .banner-formwrap textarea::placeholder {
    color: #000 !important;
  }
  .health-care .banner-formwrap .head-cta-btn {
    background: #282828;
    border: 1px solid transparent;
        color: #fff !important;
  }
  .health-care .banner-formwrap .head-cta-btn p {
    color: #fff !important;
  }
  .health-care .banner-formwrap .head-cta-btn:hover{
    background: transparent;
    border: 1px solid #282828;
    color: #000 !important;
  }
  .health-care .banner-formwrap .head-cta-btn:hover p{
    color:#282828 !important;
  }
  .health-care .round-wrapper .gen-text {
    border-bottom: 1px solid #ffffff;
  }
  .digi-health-sec {
    padding: 6%;
  }
  .digtal_left h2 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    position: relative;
    padding-bottom: 8%;
    line-height: 50px;
    font-family: 'Poppins', sans-serif;
  }
  .digtal_left h2:before {
    content: "";
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a8a9aa;
  }
  .digtal_left p {
    font-size: 16px;
    color: #282828;
    padding-bottom: 25px;
    line-height: 22px;
    font-weight: normal;
}
  .digital-sec-btns {
    padding: 20px 0px;
  }
  .digital-sec-btns .left_btn {
    color: #fff;
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid transparent;
    margin-right: 10px;
    transition: all .3s ease-in-out;
  }
  .digital-sec-btns .left_btn:hover {
    border: 1px solid #000;
    background: #fff !important;
    color: #000;
  }
  .digital-sec-btns .right_btn {
    color: #fff;
    background: #000;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
  }
  .digital-sec-btns .right_btn:hover {
    border: 1px solid transparent;
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    color: #fff;
  }
  /* health servis section start */
  .health-services-sec {
    padding-bottom: 6%;
  }
  .health-services-sec h2 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    line-height: 50px;
    position: relative;
    padding-bottom: 6%;
    text-align: center;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
  }
  .health-services-sec h2:before {
    content: "";
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 55%;
    height: 1px;
    background: #a8a9aa;
  }
  .health-service-wrap {
    justify-content: center;
  }
.health_card {
    background: #fff;
    border-radius: 30px;
    box-shadow: -5.657px 5.657px 27px 0px rgb(0 0 0 / 10%);
    padding: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: auto;
    min-height: 260px;
}
  .health_card:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: solid #f64151;
    border-radius: 30px 0px 20px 0px;
    border-width: 3px 0px 0px 3px;
  }
  .health_card h4, .health_card span {
    color: #282828;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    font-family: 'Poppins', sans-serif;
  }
  .health_card p {
      color: #282828;
      font-size: 16px;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
      font-weight: normal;
  }
  .health_card_4 {
    margin-top: 10%;
  }
  /* health-tect section start */
  .health-tech-sec{
    background: url(../images/health/health-tech-bg.jpg) no-repeat;
    background-size: cover;
    padding: 7% 0;
  }
  .health-tech-sec h2 {
    color: #282828;
    font-weight: 800;
    line-height: 50px;
    font-size: 45px;
    position: relative;
    padding-bottom: 8%;
    /* width: 85%; */
    text-align: center;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
  }
  
  .health-tech-sec h2:before {
    content: "";
    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 44%;
    height: 1px;
    background: #a8a9aa;
  }
  .health-tech-sec .health_card {
    background: #fff;
    border-radius: 30px;
    box-shadow: -5.657px 5.657px 27px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    height: 355px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    width: auto;
  }
  .health-tech-sec .health-tech-icon {
    border: 1px solid #000;
    padding: 15px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
  }
  .health_card:hover img {
    transform: scale(1.1);
  }
  /* health solution start */
  .health-sol-sec {
    text-align: center;
    padding: 5% 0px;
  }
  .health-sol-banner img {
    border-radius: 30px;
  }
  .health-sol-sec .h5 {
    font-size: 22px;
    color: #82b361;
    padding-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
    display: block;
}
  .health-sol-sec h2 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    padding-bottom: 35px;
    width: 90%;
    margin: 0 auto;
    line-height: 50px;
  }
  /* Why Celect SEction */
  .why_celect_sec {
    padding: 2% 0px;
  }
  .why_celect_sec h3 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    line-height: 50px;
    position: relative;
    padding-bottom: 5%;
    font-family: 'Poppins', sans-serif;
  }
  .why_celect_sec h2:before {
    content: "";
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 90%;
    height: 1px;
    background: #a8a9aa;
  }
  .why_celect_left p {
    color: #282828;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
  }
  .why_celect_right img {
    border-radius: 30px;
  }
  .why_celect_left ul {
    padding-top: 30px;
    line-height: 2.7;
  }
  .why_celect_left li {
    font-size: 16px;
    font-weight: 700;
  }
  .why_celect_left i {
    background: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
  }
  /* Health Care Page End */
  /* Real State Page Start */
  .real-state {
    background: url(../images/real-state/real-state-hero.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .real-state .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .real-state .clect-rightcontent {
    position: relative;
    z-index: 000;
  }
  .real-state p, .real-state h1 {
      color: #fff !important;
    }
  .real-state .round-black i {
    color: #000;
    background: #fff;
  }
  .real-state .head-cta-btn {
    background: #fff;
    border: 1px solid transparent;
  }
  .real-state .head-cta-btn:hover {
    background: transparent;
    border: 1px solid #fff;
  }
  .real-state .head-cta-btn:hover .btn-text {
    color: #fff !important;
  }
  .real-state .banner-formwrap {
    background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: 100% 100%;
  }
  .real-state .banner-formwrap p {
    color: #282828 !important;
  }
  .real-state .banner-formwrap textarea {
    border-color: #ccc;
    color: #000 !important;
  }
  .real-state .banner-formwrap input::placeholder {
    color: #000 !important;
  }
  .real-state .banner-formwrap textarea::placeholder {
    color: #000 !important;
  }
  .real-state .banner-formwrap .head-cta-btn {
    background: #282828;
    border: 1px solid transparent;
    color: #fff !important;
  }
  .real-state .banner-formwrap .head-cta-btn:hover{
    background: transparent;
    border: 1px solid #282828;
        color: #000 !important;
  }
  .real-state .banner-formwrap .head-cta-btn:hover p{
    color:#282828 !important;
  }
  .real-state .round-wrapper .gen-text {
    border-bottom: 1px solid #ffffff;
  }
  .real-state .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .real-expert-sec {
    background: url(../images/real-state/real-expert-img.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 6%;
    text-align: center;
    padding-bottom: 50%;
  }
  .real-expert-head {
    width: 50%;
    margin: 0 auto;
  }
  .real-expert-sec .h5 {
    font-size: 22px;
    font-weight: 400;
    display: block;
    padding-bottom: 10px;
}
  .owl-carousel {
      z-index: -0 !important;
  }
  .real-expert-sec h2 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    position: relative;
    padding-bottom: 5%;
    line-height: 50px;
}
  .real-expert-sec h2:before {
    content: "";
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    height: 1px;
    background: #a8a9aa;
  }
  .real-expert-sec p {
    color: #282828;
    font-size: 16px;
    line-height: 22px;
}
  .expert-sec-btns {
    padding: 3% 0%;
    text-align: center;
  }
  .expert-sec-btns .left_btn {
    color: #fff;
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid transparent;
    margin-right: 10px;
    transition: all .3s ease-in-out;
}
  .expert-sec-btns .left_btn:hover {
    border: 1px solid #000;
    background: #000 !important;
    color: #fff;
  }
  .expert-sec-btns .right_btn {
    color: #fff;
    background: #282828;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}
  .expert-sec-btns .right_btn:hover {
    border: 1px solid #282828;
    background: transparent;
    color: #282828;
  }
  /* REal Services Section Start */
  .real-services-sec {
    padding: 4% 0%;
  }
  .real-services-sec .h5 {
    color: #282828;
    font-size: 22px;
    display: block;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 25px;
}
  .real-services-sec h2 {
    color: #282828;
    font-weight: 800;
    font-size: 45px;
    position: relative;
    padding-bottom: 5%;
}
  .real-services-sec h2:before {
    content: "";
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 37%;
    height: 1px;
    background: #a8a9aa;
  }
  .real-services-sec p {
    color: #282828;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}
  .real-tech-sec{
    background: #eef5fc;
  }
  /* Real State Page End */
  /* Education Page Start */
  .education {
    background: url(../images/education/education-hero.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .education .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .education .head-cta-btn:hover .btn-text {
    color: #000 !important;
}

  
  .education p, .education h1  {
      color: #fff !important;
    }
  .education .round-black i {
    color: #000;
    background: #fff;
  }
  .education .head-cta-btn {
    background: #fff;
    border: 1px solid transparent;
  }
  .education .head-cta-btn:hover {
    background: transparent;
    border: 1px solid #fff;
  }

  .education .head-cta-btn:hover .btn-text {
    color: #fff !important;
  }
  .education .banner-formwrap {
    background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: 100% 100%;
  }
  .education .banner-formwrap p {
    color: #282828 !important;
  }
  .education .banner-formwrap input {
    border-color: #ccc;
    color: #000 !important;
  }
  .education .banner-formwrap textarea {
    border-color: #ccc;
    color: #000 !important;
  }
  .education .banner-formwrap input::placeholder {
    color: #000 !important;
  }
  .education .banner-formwrap textarea::placeholder {
    color: #000 !important;
  }
  .education .banner-formwrap .head-cta-btn {
    background: #282828;
    border: 1px solid transparent;
        color: #fff !important;
  }
  .education .banner-formwrap .head-cta-btn p {
    color: #fff !important;
  }
  .education .banner-formwrap .head-cta-btn:hover{
    background: transparent;
    border: 1px solid #282828;
    color: #000 !important;
  }
  .education .banner-formwrap .head-cta-btn:hover p{
    color:#282828 !important;
  }
  .education .round-wrapper .gen-text {
    border-bottom: 1px solid #ffffff;
  }
  /* Education Page END */
  /* On Demand Page Start */
  .on-demand {
    background: url(../images/on-demand/on-demand-hero.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .on-demand .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .on-demand .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
  .on-demand p, .on-demand h1 {
      color: #fff !important;
    }
  .on-demand .round-black i {
    color: #000;
    background: #fff;
  }
  .on-demand .head-cta-btn {
    background: #fff;
    border: 1px solid transparent;
  }
  .on-demand .head-cta-btn:hover {
    background: transparent;
    border: 1px solid #fff;
  }
  .on-demand .head-cta-btn:hover .btn-text {
    color: #fff !important;
  }
  .on-demand .banner-formwrap {
    background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: 100% 100%;
  }
  .on-demand .banner-formwrap p {
    color: #282828 !important;
  }
  .on-demand .banner-formwrap input {
    border-color: #ccc;
    color: #000 !important;
  }
  .on-demand .banner-formwrap textarea {
    border-color: #ccc;
    color: #000 !important;
  }
  .on-demand .banner-formwrap input::placeholder {
    color: #000 !important;
  }
  .on-demand .banner-formwrap textarea::placeholder {
    color: #000 !important;
  }
  .on-demand .banner-formwrap .head-cta-btn {
    background: #282828;
    border: 1px solid transparent;
        color: #fff !important;
  }
  .on-demand .banner-formwrap .head-cta-btn p {
    color: #fff !important;
  }
  .on-demand .banner-formwrap .head-cta-btn:hover{
    background: transparent;
    border: 1px solid #282828;
    color: #000 !important;
  }
  .on-demand .banner-formwrap .head-cta-btn:hover p{
    color:#282828 !important;
  }
  .on-demand .round-wrapper .gen-text {
    border-bottom: 1px solid #ffffff;
  }
  /* On Demand Page END */
  /* Social Media Page START */
  .social-media {
    background: url(../images/social-media/social-media-hero.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .social-media .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
.social-media .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000 !important;
}

  
  .social-media p, .social-media h1 {
      color: #fff !important;
    }
  .social-media .round-black i {
    color: #000;
    background: #fff;
  }
  .social-media .head-cta-btn {
    background: #fff;
    border: 1px solid transparent;
  }
  .social-media .head-cta-btn:hover {
    background: transparent;
    border: 1px solid #fff;
  }
  .social-media .head-cta-btn:hover .btn-text {
    color: #fff !important;
  }
  .social-media .banner-formwrap {
    background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: 100% 100%;
  }
  .social-media .banner-formwrap p {
    color: #282828 !important;
  }
  .social-media .banner-formwrap input {
    border-color: #ccc;
    color: #000 !important;
  }
  .social-media .banner-formwrap textarea {
    border-color: #ccc;
    color: #000 !important;
  }
  .social-media .banner-formwrap input::placeholder {
    color: #000 !important;
  }
  .social-media .banner-formwrap textarea::placeholder {
    color: #000 !important;
  }
  .social-media .banner-formwrap .head-cta-btn {
    background: #282828;
    border: 1px solid transparent;
        color: #fff !important;
  }
  .social-media .banner-formwrap .head-cta-btn p {
    color: #fff !important;
  }
  .social-media .banner-formwrap .head-cta-btn:hover{
    background: transparent;
    border: 1px solid #282828;
    color: #000 !important;
  }
  .social-media .banner-formwrap .head-cta-btn:hover p{
    color:#282828 !important;
  }
  .social-media .round-wrapper .gen-text {
    border-bottom: 1px solid #ffffff;
  }
  /* Social Media Page End */
  /* Key Feature Section Start */
  .key_card_main {
  padding: 90px 0px 50px 0px;
  }
  .key_head h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    color: #282828;
    position: relative;
}
  .key_head h2:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 85%;
  height: 1px;
  background: #969899;
  }
  .key_head p {
    line-height: 22px;
    font-size: 16px;
    color: #282828;
}
  .keycard {
  background: url(../images/unite-game/key-feature1.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 350px;
  color: #fff;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: end;
  padding: 0px 15px 10px 15px;
  border-radius: 20px;
  }
  .keycard h6 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 25px;
}
  .keycard p {
    font-size: 15px;
    line-height: 20px;
}
  .keycard2{
  background: url(../images/unite-game/key-feature2.png);
  border-radius: 20px;
  }
  .keycard3{
  background: url(../images/unite-game/key-feature3.png);
  border-radius: 20px;
  }
  .keycard4{
  background: url(../images/unite-game/key-feature4.png);
  border-radius: 20px;
  }
  /* Engaging section start */
  .engaging {
  padding: 50px 0px;
  position: relative;
  }
  .engaging:after{
  content: "";
  background: url(../images/unite-game/engaging-right.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 850px;
  height: 980px;
  background-size: 100%;
  }
  .engaging h2 {
    font-size: 45px;
    font-weight: 800;
    color: #282828;
    position: relative;
    line-height: 50px;
}
  .engaging h2:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #969899;
  }
  .hire-right h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    color: #282828;
    position: relative;
    padding-bottom: 25px;
}
  .engaging p {
    line-height: 22px;
    font-size: 16px;
    color: #282828;
    padding: 50px 0px 40px 0px;
}
  .engage-left li {
  line-height: 3;
  font-size: 16px;
  }
  .engage-left li i{
  margin-right: 5px;
  }
  /* Hire Section Start */
  .hire-sec {
    padding: 7% 0px;
}
  .hire-right h3 {
  font-size: 45px;
  font-weight: 800;
    line-height: 50px;
  color: #282828;
  position: relative;
  padding-bottom: 50px;
  }
  .hire-right h3:before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0px;
  width: 85%;
  height: 1px;
  background: #969899;
  }
  .hire-right p {
    line-height: 22px;
    font-size: 16px;
    color: #282828;
    padding-bottom: 30px;
}
  .hire-left img {
  margin-left: -10%;
  }
  .hire-left h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    color: #282828;
    padding: 20px 0px;
}
  .hire-left ul {
  column-count: 2;
  padding-bottom:35px;
  }
  .hire-left li {
  line-height: 3;
  font-size: 16px;
  }
  .hire-left li i{
  margin-right: 5px;
  }
  .hire-left a {
  background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
  border-radius: 25px;
  padding: 15px 40px;
  color: #fff;
  transition: all .3s ease;
  font-size: 18px;
  font-weight: 500;
  }
.hire-left a:hover {
    background: #fff !important;
    color: #000;
    border: 1px solid #030303;
}
  /* Company Section Start */
  .company-sec {
  background: #eef5fc;
  padding: 6% 0px;
  }
  .company-sec h3 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    color: #282828;
    position: relative;
    padding-bottom: 50px;
    width: 87%;
}
  .company-sec h3:before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0px;
  width: 45%;
  height: 1px;
  background: #969899;
  }
  .company_left p {
    line-height: 22px;
    font-size: 16px;
    color: #282828;
    padding-bottom: 15px;
    padding-right: 20px;
}
  .game_small_heading {
      font-size: 20px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  .company_left img {
  margin-left: -6%;
  }
  .small_card h6 {
  font-size: 20px;
  font-weight: 700;
  padding-top: 10px;
  line-height: 25px;
  }
  .small_card p {
    font-size: 16px;
    color: #282828;
    line-height: 22px;
    padding: 10px 0px 30px 0px;
    font-family: 'Poppins', sans-serif;
}
  /* custom-unite SEction Start */
  .custom-unite {
  padding: 60px 0px;
  }
  .custom-unite h3 {
    font-size: 45px;
    font-weight: 800;
    color: #282828;
    position: relative;
    line-height: 50px;
    padding-bottom: 50px;
}
  .custom-unite h3:before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0px;
  width: 30%;
  height: 1px;
  background: #969899;
  }
  .custom-unite p {
    line-height: 22px;
    font-size: 16px;
    color: #282828;
    padding-bottom: 30px;
}
  .card_inner {
  background: url(../images/unite-game/multiple1.png);
  background-size: 100% 100%;
  border-radius: 20px;
  height: 151px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
  padding: 0px 0px 15px 15px;
  gap: 10px;
  }
  .card_inner h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}
  .custom_card p {
      padding: 15px 0px;
  }
  .card_inner2 {
  background: url(../images/unite-game/multiple2.png);
  }
  .card_inner3 {
  background: url(../images/unite-game/multiple3.png);
  }
  /* custom-unite SEction Start */
  .unreal-game{
  background: url(../images/unreal-game/unreal-hero.png) no-repeat;
  z-index: 0;
  }
  .unreal-game .gen-heading{
        font-size: 45px;
        font-weight: 800;
        line-height: 50px;
    }

  .unreal-game .round-wrapper .gen-text {
      border-bottom: 1px solid #fff;
  }
  .unreal-game:before {
    content: "";
    background: url(../images/unreal-game/unreal-left.png);
    background-size: cover;
    background-position: center;
    width: 230px;
    height: 450px;
    position: absolute;
    bottom: -27px;
    left: -25px;
  }
  .unreal-game:after {
    content: "";
    background: url(../images/unreal-game/unreal-right.png);
    background-size: cover;
    background-position: center;
    width: 340px;
    height: 650px;
    position: absolute;
    bottom: 25px;
    right: 0px;
    z-index: -1;
  }
  .unreal-game p, .unreal-game h1 {
  color: #fff !important;
  }
  .unreal-game .round-black i {
  color: #000;
  background: #fff;
  }
  .unreal-game .head-cta-btn {
  background: #fff;
  border: 1px solid transparent;
  }
  .unreal-game .head-cta-btn:hover {
  background: transparent;
  border: 1px solid #fff;
  }
  .unreal-game .head-cta-btn:hover .btn-text {
  color: #000 !important;
  }
  .unreal-game .banner-formwrap {
  background: url(../images/unite-game/unite-form.png) no-repeat;
  background-size: 100% 100%;
  }
  .unreal-game .banner-formwrap p {
  color: #282828 !important;
  }
  .unreal-game .banner-formwrap input {
  border-color: #ccc;
  color: #000 !important;
  }
  .unreal-game .banner-formwrap textarea {
  border-color: #ccc;
  color: #000 !important;
  }
  .unreal-game .banner-formwrap input::placeholder {
  color: #000 !important;
  }
  .unreal-game .banner-formwrap textarea::placeholder {
  color: #000 !important;
  }
  .unreal-game .banner-formwrap .head-cta-btn {
  background: #282828;
  border: 1px solid transparent;
      color: #fff !important;
  }
  .unreal-game .banner-formwrap .head-cta-btn p {
  color: #fff !important;
  }
  .unreal-game .banner-formwrap .head-cta-btn:hover{
  background: transparent;
  border: 1px solid #282828;
      color: #000 !important;
  }
  .unreal-game .banner-formwrap .head-cta-btn:hover p{
  color:#282828 !important;
  }
  /* Key Feature Section Start */
  .unreal-keycard .keycard {
  background: url(../images/unreal-game/unreal-key1.png);
  }
  .unreal-keycard .keycard2{
  background: url(../images/unreal-game/unreal-key2.png);
  border-radius: 20px;
  }
  .unreal-keycard .keycard3{
  background: url(../images/unreal-game/unreal-key3.png);
  border-radius: 20px;
  }
  .unreal-keycard .keycard4{
  background: url(../images/unreal-game/unreal-key4.png);
  border-radius: 20px;
  }
  /* ====================Second CSS START================== */
  .app-title h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    border-bottom: 1px solid #0000006b;
    margin: 20px 0px;
    padding: 20px 0;
    color: rgb(40, 40, 40);
    font-family: 'Poppins', sans-serif;
}
  .app-title p {
  font-size: 16px;
      font-weight: normal;
  line-height: 22px;
  font-family: 'Poppins', sans-serif;
  }
  section.app {
  padding: 5% 0;
  }
  .app-content {
  text-align: center;
  }
  .app-box {
      border-radius: 10px;
      background-color: rgb(255, 255, 255);
      box-shadow: -2.517px 3.109px 38px 0px rgb(0 0 0 / 12%);
      padding: 0px 0;
      height: 111px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
.app-content strong {
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
}
  .app-content b {
      display: block;
  }
  .app-content span {
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
    display: block;
}
  .app-title {
  padding: 0 0 20px;
  }
  /* App sol css tart  */
.appsol-title .h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    padding: 0px 0px;
    margin: 0 auto;
    display: block;
}
.appsol-title h2 {
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    border-bottom: 1px solid;
    margin: 0 auto;
    display: block;
    padding: 20px 0 16px;
    text-transform: capitalize;
}
.appsol-title p {
    text-align: center;
    padding: 16px 0;
    width: 70%;
    line-height: 22px;
    font-size: 16px;
    margin: 0 auto;
    display: block;
}
  .appsol-title h2 span {
      text-transform: none;
  }
  .appsol-box {border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: -2.517px 3.109px 38px 0px rgb(0 0 0 / 12%);padding: 40px 40px;margin: 50px 40px;position: relative;min-height: 216px;display: flex;align-items: center;}
  .appsol-box:hover {
    background-color: #255f73;
    color: #fff;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .appsol-box:hover h3 {
  color:#fff;
  }
  .app-sol-content:hover:after{
  background-color: #fff;
  }
  .app-sol-content:hover:before{
  background-color: #fff;
  border-bottom: #fff;
  }
  .app-sol-content h3 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0px;
    color: #282828;
    font-family: 'Poppins', sans-serif;
  }
  .app-sol-content p {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
}
  .app-sol-content {
  position: relative;
  }
  .mybfaf {
  position: relative;
  }
  .mybfaf:after {position: absolute;background: #282828;content: '';width: 1px;height: 400px;left: 0;top: -205px;right: 0;margin: 0 auto;}
  .mybfaf:before {
  position: absolute;
  background: #282828;
  content: '';
  width: 400px;
  height: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  }
 .appsol-btn a {
    background: #282828;
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.3s ease;
}
  .appsol-btn {
  margin: 0 auto;
  display: block;
  text-align: center;
  }
.appsol-btn a:hover {
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    color: #fff;
    border: 1px solid #81b54d !important;
}
  /* App sol css end */
  /* accordian css stat */
  .accordion-button:focus {
  z-index: 3;
  border-color: #b9b8b8 !important;
  outline: 0;
  box-shadow: none !important;
  }
  .faqs.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 0;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  }
  .faqs.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  }
  .faqs {
  padding: 75px 0px;
  }
  .faqs.acccordian-tittle h4 {
  font-size: 26px;
  font-weight: 600;
  padding: 10px 0px;
  }
  .acccordian-tittle span {
    font-size: 22px;
    font-weight: 400;
    line-height: 026px;
}
  .faqs.accordian-content strong {
  font-size: 23px;
  font-weight: 600;
  line-height: 48px;
  }
  .faqs.acccordian-tittle h2 {
  font-size: 43px;
  font-weight: 700;
  padding: 13px 0;
  }
  .faqs.acccordian-tittle h2:before {
  position: absolute;
  }
  .faqs.accordian-content {
  padding: 30px 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: -2.517px 3.109px 38px 0px rgb(0 0 0 / 12%);
  margin: 6px 0;
  position: relative;
  }
  .faqs button.accordion {
  margin: 5px 0;
  box-shadow: -2.517px 3.109px 38px 0px rgb(0 0 0 / 12%);
  background: #fff;
  }
  .faqs button.accordion {
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #0000002e;
  border-radius: 9px;
  height: 70px;
  }
  .faqs .active, .accordion:hover {
  background-color: #fff;
  }
  .faqs .accordian-content strong:before {
  position: absolute;
  background: black;
  content: '';
  width: 20px;
  height: 20px;
  clip-path: polygon(50% 0%, 100% 0, 100% 7%, 8% 7%, 7% 100%, 0 100%, 0 0);
  top: 15px;
  }
  .faqs p {
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  }
  .faqs button.accordion.active:after {
  content: "\2212";
  }
  .faqs button.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  }
  .faqs button.accordion {
  width: 100%;
  text-align: left;
  padding: 0px 12px;
  font-size: 29px;
  font-weight: 400;
  }
.faqs .acccordian-tittle h3 {
    font-size: 45px;
    padding: 8px 0;
    color: rgb(40, 40, 40);
    font-weight: 800;
    line-height: 50px;
    text-transform: capitalize;
}
  .faqs button.accordion-button.collapsed {
  font-size: 18px;
  margin: 7px 0;
  }
  .faqs .accordion-item {
  background-color: #fff;
  border: 0px !important;
  }
  .faqs .accordion-flush .accordion-item .accordion-button {
      border-radius: 10px;
      border: 1px solid #0000002e;
      background: #fff;
      height: 76px;
      margin: 15px 0;
      font-size: 15px;
      font-family: 'Poppins', sans-serif;
      color: rgb(40, 40, 40);
  }
  .faqs .accordion-button:not(.collapsed) {
  color: #000 !important;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
  }
  .nd:after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: '';
  border-top: 2px solid;
  border-left: 2px solid;
  top: 20px;
  left: 20px;
  }
.nd::before {
    position: absolute;
    width: 20px;
    height: 20px;
    content: '';
    border-bottom: 2px solid;
    border-right: 2px solid;
    bottom: 20px;
    right: 25px;
    top: auto;
} 




.faqs .accordion-button::after {
  font-family: "Font Awesome 5 Free";
  content: "\f067" !important;
  font-weight: 900;
  float: right;
  }
  .faqs .accordion-button:not(.collapsed)::after {
  content: "\f068" !important; /* minus icon */
  }
  .faqs .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: none !important;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
  }
  .faqs .accordion {
  outline: none;
  }
  .faqs .accordion:open:focus {
  outline: none;
  }
  .faqs .accordion:active {
  outline: none;
  }
.acccordian-tittle h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding: 10px 0px;
    font-family: 'Poppins', sans-serif;
}

  /* =================GAME SECTION CSS START============== */
  .game {
  padding: 70px 0px 0;
  }
  .gamings {
  background: url(../images/gaming-banner.gif) no-repeat;
  background-size: cover;
  min-height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  Padding:80px 0;
  }
  .gamings::before {
    content: '';
    background: url(../images/PngItem01.png) no-repeat;
    background-size: contain;
    height: 585px;
    position: absolute;
    width: 280px;
    right: 0px;
    bottom: -17%;
  }
  .gamings::after {
  content: '';
  background: url(../images/character01.png) no-repeat;
  background-size: contain;
  height: 156px;
  position: absolute;
  width: 234px;
  left: 75px;
  bottom: -8px;
  }
  section.powerfull {
  padding: 50px 0px 150px;
  }
  p.mbt {
  color: #000 !important;
  }
  .gaming-title h2 {
    font-size: 45px;
    font-weight: 800;
    border-bottom: 1px solid #0000001c;
    width: 100%;
    line-height: 50px;
    padding: 0 0 16px;
    font-family: 'Poppins', sans-serif;
}
  .gaming-title p {
    font-size: 16px;
    font-weight: normal;
    padding: 20px 0 0;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
}
  .gaming-details h3 {
    font-size: 45px;
    font-weight: 800;
    width: 70%;
    border-bottom: 1px solid #00000052;
    padding: 16px 0px;
    line-height: 50px;
    color: rgb(40, 40, 40);
}
  .health_card h6 {
      font-size: 20px;
      font-weight: 600;
  }
  .health-sol-sec h3 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 25px;
    font-family: poppins, sans-serif;
}
  .gaming-details p {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    width: 80%;
    padding: 12px 0px;
}
  .gaming-btn a {
    background: black;
    color: #ffff;
    padding: 15px 40px !important;
    border-radius: 40px;
    font-size: 16px;
    font-weight: normal;
}
  .gaming-btn {
  margin: 10px 45px;
  }
  .gaming-details {
  padding: 0 50px;
  }
  .container-fluid {
  padding: 0;
  margin: 0;
  }
  .discus {
  background: url(../images/gaming-banner.jpg);
  background-color: black;
  /* adjust the opacity as needed */
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
  width: 100%;
  position: relative;
  }
  
  .discus::after {content: '';background: url(../images/gunman.png) no-repeat;background-size: contain;height: 600px;position: absolute;width: 473px;left: 0;bottom: 0px;}
  .discus::before {content: '';background: url(../images/game-banner-1.png) no-repeat;background-size: contain;height: 740px;position: absolute;width: 485px;right: 0;bottom: -35px;}
.discus-btn a {
    background: #fff;
    padding: 15px 40px !important;
    border-radius: 58px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.discus .head-cta-btn:hover .btn-text {
    color: #000 !important;
}
 .discus-text h3 {
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    width: 70%;
    margin: 0 auto;
    font-weight: 800;
    border-bottom: 1px solid;
    padding: 30px 0;
    font-family: 'Poppins', sans-serif;
}
  .discus-text p {
    color: #ffff;
    padding: 30px 0;
    width: 60%;
    margin: 0 auto;
    line-height: 24px;
    font-size: 18px;
}
  .discus .head-cta-btn:hover {
  border: 1px solid #fff;
  }
  /*.discus .head-cta-btn:hover .btn-text{*/
  /*color: #fff !important;*/
  /*}*/
.powerfull-tittle h3 {
    font-size: 45px;
    width: 95%;
    padding: 20px 0;
    border-bottom: 1px solid;
    font-weight: 800;
    line-height: 50px;
    font-family: 'Poppins', sans-serif;
}
.powerfull-text {
    padding: 29px 16px;
    text-align: center;
    background: #1cd2bb;
    border-radius: 14px;
    width: 80%;
    margin: -50px auto !important;
    z-index: -0;
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
}


.sec {
  background-color: #52af43;
  color: #fff;
  }
  .sec p{
  color: #fff;
  }
  .thir{
  background-color: #ffda00;
  }
.powerful-img img {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
    border-radius: 20px;
}
  .main-power {
  position: relative;
  padding: 11% 0 0;
  }
  .col-md-6.col-sm-6.col-xs-12.extr {
  padding: 0;
  }
  /* =================GAME SECTION CSS END================ */
  /* =============UIUS CSS START============== */
  .uiux-title h2 {
    font-size: 45px;
    font-weight: 800;
    color: rgb(40, 40, 40);
    line-height: 50px;
    border-bottom: 1px solid #00000042;
    width: 44%;
    padding-bottom: 2%;
}
  .uiux-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 17px 0px;
    color: #282828;
  }
  .uius-box {
  width: 170px;
  border-radius: 16px;
  padding: 12px 0;
  }
  .uiux-main {
  display: flex;
  justify-content: space-between;
  }
  .uiux-icontext strong {
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 20px 0;
  color: #282828;
  }
  .uiux-icon {
    background: #a849f1;
    border-radius: 20px;
    width: 90px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -5.657px 5.657px 27px 0px rgba(0, 0, 0, 0.18);
  }
  .uiux-title {
    padding-top: 8%;
  }
  .blu {
  background: #0082c8;
  }
  .org {
  background: #f97f26;
  }
  .rid {
  background: #f64151;
  }
  .gre {
  background: #85c648;
  }
  /* experience csss start */
  .experience-title h2 {
    font-size: 45px;
    font-weight: 800;
    color: black;
    border-bottom: 1px solid #00000030;
    padding: 60px 0 25px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
  .experience-title p {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    padding: 22px 0;
}
  .experience-img img {
  width: 85%;
  height: auto;
  }
  .experience-content p {
    width: 80%;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    padding: 16px 0;
}
  .experience-content h3 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
}
  .experience-img {
  padding: 50px 0;
  position: relative;
  }
  .bf1:after {
  background: #2e5aef;
  position: absolute;
  content: '';
  width: 150px;
  height: 150px;
  border-radius: 100px;
  z-index: -1;
  bottom: -7px;
  right: 20px;
  }
  .bf2:after {
  background: #ed018c;
  position: absolute;
  content: '';
  width: 150px;
  height: 150px;
  border-radius: 100px;
  z-index: -1;
  bottom: 15px;
  left: -50px;
  }
  .chose-title h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 61px;
    border-bottom: 1px solid #0000002e;
    text-transform: capitalize;
    padding: 16px 0;
}
  .chose-title p {
    padding: 20px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
  .chos-box {
  display: flex;
  padding: 5px 13px;
  border-radius: 13px;
  margin: 10px 0;
  }
  .chos-icon img {
  background: #fff;
  padding: 11px 14px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  }
  .chos-content {
  padding: 13px 22px;
  font-size: 17px;
  font-weight: 500;
  }
  .box1{
  background: #ffe9e9;
  }
  .box2{
  background: #d8fffb;
  }
  .box3{
  background: #e3f1ff;
  }
  .box4{
  background: #fff9e1;
  }
  .box5{
  background: #feeefe;
  }
  .index-uiux {
  background: url(../images/uiux-banner.png) no-repeat;
  background-size: cover;
  }
  .index-uiux .left-secondwrap .head-cta-btn:hover p {
    color: #000;
}


  .uiux-wrap {
  /*background: url(../images/uiux-wrap.png) no-repeat;*/
  background: url(../images/form-ban.png) no-repeat;
  background-size: 100% 100%;
  }
  .austin-wrap {
  background: url(../images/austin-form.png) no-repeat;
  background-size: 100% 100%;
  min-height: 545px;
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-left: 40px;
  }
  .index-austin .left-secondwrap .head-cta-btn:hover .btn-text {
    color: #000;
}
  .index-uiux .btn-uiux {
    border-radius: 41px;
    transition: all .3s ease-in-out;
    font-size: 16px;
  }
  .index-uiux .play-text .gen-text {
      color: #fff;
  }
  /*.index-uiux .left-firstwrap {*/
  /*  border-bottom: 1px solid #fff;*/
  /*}*/
  .index-uiux .left-secondwrap .head-cta-btn:hover {
    border: 1px solid transparent;
  }
  /*.index-uiux .left-secondwrap .head-cta-btn {*/
  /*  background: transparent;*/
  /*  border: 1px solid transparent;*/
  /*  padding: 10px 0px !important;*/
  /*}*/
  .index-uiux::before {
    background: url(../images/uiux-bf.png) no-repeat;
    background-size: 100% 100%;
    height: 995px;
    width: 100%;
    position: absolute;
    content: '';
    bottom: -160px;
    right: 0px;
  }
  .uiux-heading {
      color: #fff;
      font-size: 45px;
      font-weight: 600;
      line-height: 60px;
  }
  .uiux-small-heading.mb-2.color_white {
      color: #82b361;
      font-size: 22px;
      font-weight: 400;
      line-height: 25px;
  }
  /*.btn-uiux {*/
  /*    color: #000 !important;*/
  /*    background-color: #fff !important;*/
  /*    text-align: center;*/
  /*    padding: 10px 30px;*/
  /*    border: 1px solid transparent;*/
  /*}*/
  /*.btn-uiux:hover {*/
  /*background: transparent !important;*/
  /*color: #fff !important;*/
  /*border: 1px solid;*/
  /*}*/
  .uiux-black i {
  background: #fff;
  font-size: 10px;
  color: #000;
  }
  .uiux {
  color: #fff !important;
  border-bottom: 1px solid white !important;
  }
  .chose {
  padding: 50px 0px;
  }
  /* experience csss end */
  /* ======austin css start==== */
  .index-austin .banner-formwrap .austin{
  color: #000;
  font-size: 20px;
  font-weight: 400;
  }
  
  .index-austin .banner-formwrap textarea::placeholder {
  color: #000 !important;
  }
  .index-austin .banner-formwrap .head-cta-btn {
  background: #282828;
  border: 1px solid transparent;
  }
  .index-austin .banner-formwrap .head-cta-btn p {
  color: #000 !important;
  }

  .index-austin .banner-formwrap .head-cta-btn:hover{
  background: transparent;
  border: 1px solid #282828;
  }
  .index-austin .banner-formwrap .head-cta-btn:hover p{
  color:#282828 !important;
  }
  .index-austin .subject-input {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 10px 55px 10px 20px;
  border: 1px solid #c1b9b9;
  border-radius: 50px;
  font-size: 14px;
  outline: none;
  color: #000 !important;
  background: transparent;
  }
  .index-austin .subject-input::placeholder{
  color: #000 !important;
  }
  .index-austin .gen-text {
      color: #fff !important;
  }
  .gamings .subject-input::placeholder {
  color: #fff !important;
  }
  .gamings .contact-textarea::placeholder{
  color: #fff !important;
  }
  .index-uiux .contact-textarea::placeholder{
  color: #fff !important;
  }
  .index-austin  .left-firstwrap {
    border-bottom: none;
  }
  .index-austin .celect-leftcontent {
    padding-top: 0px;
  }
  .index-austin {
    background: url(../images/austin-sec-hero.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  
  a.aust-btn1 {
      background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
      padding: 15px 40px;
      color: #ffff;
      font-size: 16px;
      font-weight: normal;
      border-radius: 30px;
      transition: all .3s ease-in-out;
      border: 1px solid transparent;
  }
  a.aust-btn2 {
      background: black;
      padding: 15px 40px;
      color: #ffff;
      font-size: 16px;
      font-weight: normal;
      border-radius: 30px;
      margin: 0 20px;
      transition: all .3s ease-in-out;
      border: 1px solid transparent;
  }
  a.aust-btn1:hover {border: 1px solid;background: #fff !important;color: black;}
  a.aust-btn2:hover {
    border: 1px solid;
    background: transparent;
    color: black;
  }
  .main-btn {
      margin: 25px 0px;
  }
  .cusapp-content span {
      font-size: 22px;
      font-weight: 400;
      line-height: 25px;
  }
  .cusapp-content h2 {
      display: block;
      color: #282828;
      font-size: 45px;
      font-weight: 800;
      line-height: 50px;
      margin: 10px 0 0px;
      padding: 0 0 20px;
      width: 100%;
  }
  .cusapp-content p {
    font-weight: normal;
    font-size: 16px;
    color: #282828;
    line-height: 22px;
    padding: 15px 0;
    font-family: 'Poppins', sans-serif;
}
  .cusapp-img img {
    height: auto;
    margin: 120px 0;
  }
  .chosastin-tittle {
    text-align: center;
  }
  .chosastin-tittle span {
      line-height: 25px;
      font-size: 22px;
      font-weight: 400;
  }
  .chosastin-tittle strong {
      font-size: 45px;
      font-weight: 800;
      line-height: 50px;
  }
  .chosastin-tittle .h2 {
    font-size: 45px;
    font-weight: 800;
    padding: 10px 0;
    line-height: 50px;
}
  .health-services-sec p {
      padding-bottom: 25px;
  }
  .chosastin-tittle p {
      padding: 30px 0 20px 0;
      font-size: 16px;
      font-weight: normal;
      line-height: 22px;
      font-family: 'Poppins', sans-serif;
  }
  .chose-austin {
    padding: 55px 0px;
  }
  .amappd {
    background: url(../images/austibanner2.png);
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    position: relative;
  padding: 68px 0;
  }
  .amappd-content h2{
    color: #fff !important;
    font-size: 45px;
    font-weight: 800;
    position: relative;
    text-align: center;
        line-height: 1.4;
  }
.amappd-content p {
    color: #fff;
    position: relative;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid;
    width: 60%;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    line-height: 30px;
    max-width: 800px;
}
  .amappd-btn a {background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;padding: 14px 50px;color: #ffff;font-size: 16px;font-weight: 500;border-radius: 30px;border: 1px solid transparent;}
  .amappd-btn a:hover {background: #fff;color: #000;border: 1px solid white;transition: all .3s ease-in-out;}
  .amappd-btn {
    margin: 50px 0;
  }
  .austin-wrap .gen-text {
    color: #000;
  }
  .austin_info h3 {
      font-size: 40px;
  }
  .index-austin .head-cta-btn:hover {
    border: 1px solid #fff;
    background: #fff !important;
  }
  .index-austin .head-cta-btn:hover p{
    color: #fff;
  }

  
  /* ======austin css end====== */
  /* =============UIUS CSS END============== */
  .cusapp-content h2:before {
    content: '';
    background: #b1b3b2;
    width: 300px;
    height: 1px;
    position: absolute;
    bottom: 0;
  }
  .cusapp-content h2 {
    position: relative;
  }
  a.amapp-btn2 {
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    padding: 15px 40px;
    color: #ffff;
    font-size: 16px;
    border-radius: 30px;
    margin: 0 0px;
  }
  a.amapp-btn2:hover {
    background: #fff !important;
    border: 1px solid black;
    color: black;
  }
  
  /* ==============new section css start=============== */
  /*mobile_app_sec*/
  .mobile_app_sec{
   padding: 3% 0 5% 0;
  }
  .green_bd{
  background:#fdf0f0;
  }
  .green_bd  {
    background: #edfbef;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 44px 30px;
  }
  .mb_text{ 
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .pink{
    background: #fdf0f0;
  }
  span.mh {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #282828;
    margin: 0 0 10px;
    display: block;
    padding: 0 24% 10px 0px;
    border-bottom: 1px solid #969596;
    font-family: 'Poppins', sans-serif;
  }
  .mb_img img{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 250px;
    width: 100%;
    object-fit: scale-down;
  }
  .pd0{
    padding:0; 
   }
  .mb_text p {font-weight: 400;font-size: 16px;color: #282828;line-height: 25px;padding-top: 10px;}
  .g span.mh {
    padding: 0 40% 10px 0px;
  }
  .mb span.mh {
    padding: 0 53% 10px 0px;
  }
  .am span.mh {
    padding: 0 53% 10px 0px;
  }
  /*library sec css satrt */
  
  element.style {
  }
  .lab_box:hover {
      box-shadow: -2.517px 3.109px 38px 0px rgb(129 178 97 / 54%);
  }
  .lab_box {
      border-radius: 10px;
      background-color: rgb(255, 255, 255);
      box-shadow: -2.517px 3.109px 38px 0px rgb(0 0 0 / 12%);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      padding: 0px 20px 0;
      min-height: 180px;
      margin: 10px 0 18px;
      transition: all 0.5s ease-in-out;
  }
  .lab_box:hover{
    box-shadow: -2.517px 3.109px 38px 0px rgb(129 178 97 / 54%);
  }
  .lab_box:hover .hfive{
  color: #81b260;
  }
  .lab_box .hfive {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #282828;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif;
  }
  .lb_img img {
  border-radius: 10px;
  height: 396px;
  object-fit: revert;
  }
  span.hm {
    display: block;
    color: #282828;
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    width: 80%;
    border-bottom: 1px solid #969590;
    padding: 0 0 30px;
}
  .cynoteck_sec p {
    font-weight: 500;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    width: 90%;
    line-height: 22px;
    padding: 10px 0px;
}
  /* ==============new section css end================= */
  /* ================Services css start======== */
  /* / App Servis Section / */
  .app_servis_head span {
    font-size: 22px;
    font-weight: 400;
    color: #282828;
    font-family: 'Poppins', sans-serif;
        display: block;
}
  .app_servis_head h2 {
    font-size: 45px;
    font-weight: 800;
    color: #282828;
    line-height: 50px;
    position: relative;
    padding: 10px 0px 60px 0px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
  .app_servis_head {
  padding-right: 25%;
  }
  /*.app_servis_head h2 small {*/
  /*    text-transform: none;*/
  /*}*/
  /*.app_servis_head h2:before {*/
  /*content: "";*/
  /*position: absolute;*/
  /*bottom: 50px;*/
  /*left: 0;*/
  /*background: #969899;*/
  /*width: 430px;*/
  /*height: 1px;*/
  /*}*/
  .servis_card {
  margin-bottom: 40px;
  padding-right: 10%;
  cursor: pointer;
  }
.servis_card p {
    font-size: 16px;
    color: #282828;
    line-height: 22px;
}
.experience-title small {
    display: inline-block;
    padding: 0px 8px;
}
  .servis_icon {
    width: 75px;
    min-height: 75px;
    padding: 15px;
    border: 1px solid #3f7483;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .servis_card:hover .servis_icon {
  transform: scale(1.1);
  transition: all .3s ease-in-out;
  }
  /* / Industry Section / */
  .industry_right {
    padding: 5% 0 0 8%;
}
.industry_sec h3 {
    font-size: 45px;
    font-weight: 800;
    padding-right: 41%;
    line-height: 50px;
}
  .industry_left a {
  font-size: 16px;
  background: #282828;
  color: #fff;
  border-radius: 25px;
  padding: 15px 40px;
  transition: all .3s ease;
  }
  .industry_left a:hover {
      background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
  }
  .industry_sec {
  padding: 80px 0px;
  }
  .industry_left p:nth-child(2) {
  padding-bottom: 50px;
  }
  .industry_right ul {
  column-count: 2;
  }
  
  /* ================Services css end========== */
  /* =======JORDAN CSS START======= */
  .index-jordan {
    background: url(../images/jordan-banner.png) no-repeat;
    background-size: 100% 100%;
    min-height: 760px;
    z-index: 0;
  }
  .index-jordan .celect-leftcontent {
      position: relative;
      z-index: 1;
  }
  .index-jordan .gen-text {
      color: #fff;
  }
  .jordan-img{
  position: relative;
  }
  .jordan-img:after {
  position: absolute;
  content: '';
  background: #ac00e5;
  width: 128px;
  height: 160px;
  border-radius: 90px;
  right: 234px;
  z-index: -1;
  top: 31px;
  }
  .jordan-img::before {
  position: absolute;
  content: '';
  background: #4e00fc;
  width: 200px;
  height: 281px;
  border-radius: 90px;
  right: 25px;
  z-index: -1;
  top: 178px;
  }
  .index-jordan .left-firstwrap {
    border-bottom: none;
  }
  .index-jordan .banner-formwrap input::placeholder {
  color: #000 !important;
  }
  .index-jordan .banner-formwrap input {
  color: #000 !important;
  }
  .index-jordan .banner-formwrap textarea::placeholder {
  color: #000 !important;
  }
  .index-jordan .banner-formwrap textarea {
  color: #000 !important;
  }
  .index-jordan .banner-formwrap .head-cta-btn {
  background: #282828;
  border: 1px solid transparent;
  }
  .index-jordan .banner-formwrap .head-cta-btn p {
  color: #fff !important;
  }
  .index-jordan .banner-formwrap .head-cta-btn:hover{
  background: transparent;
  border: 1px solid #282828;
  }
  .index-jordan .banner-formwrap .head-cta-btn:hover p{
  color:#282828 !important;
  }
  .jordan-img img {
  height: auto;
  float: right;
  margin: 0 100px;
  }
  .red-dot{
  position: relative;
  }
  .red-dot::before {
  position: absolute;
  content: '';
  background: url(../images/red-dot.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 200px;
  top: 378px;
  left: 97px;
  }
  .index-jordan .subject-input {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 10px 55px 10px 20px;
  border: 1px solid #707272;
  border-radius: 50px;
  font-size: 14px;
  outline: none;
  color: #000 !important;
  background: transparent;
  }
  .index-jordan .celect-leftcontent .head-cta-btn {
    border: 1px solid transparent;
    background: #81b261;
  }
  .index-jordan .celect-leftcontent .head-cta-btn:hover{
    background: #fff !important;
    border: 1px solid #fff !important;
  }
  .index-jordan .celect-leftcontent .head-cta-btn:hover .btn-text{
    color: #000;
  }
  .hero-bg_text {
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    font-size: 200px;
    font-weight: 800;
    opacity: 30%;
    font-family: sans-serif;
  }
  .custtom-app {
      padding-top: 5%;
  }
  .location-app {
    padding-top: 0%;
}
  .qote-right strong {
      font-size: 34px;
      font-weight: 800;
      
  }
  
  /* =======JORDAN CSS END======= */
  /* =============Sun css start===========*/
  .san-fran {
  background: url(../images/san-fransico-banner.jpg) no-repeat;
      background-size: 100% 100%;
  z-index: 0;
  }

  .san-fran .hero-bg_text {
    left: 7%;
    bottom: 13%;
  }
  .san-fran .hero-bg_text2 {
    transform: rotate(270deg);
    left: -87%;
    bottom: 30%;
  }
  .san-fran .celect-leftcontent .head-cta-btn:hover {
  background: #fff;
  border: 1px solid #fff;
  }
  .san-fran .head-cta-btn:hover .btn-text {
    color: #000;
  }
  .san-fran .left-firstwrap {
    border-bottom: none;
  }
  .san-fran .left-firstwrap p, .san-fran .left-firstwrap h1 {
    color: #fff;
  }
  .san-fran .left-secondwrap .gen-text{
      color: #fff;
  }
  
  .san-fran .celect-leftcontent {
      padding-top: 0;
      position: relative;
      z-index: 999;
  }
  .banner_small{
      color: #fff;
      font-size: 22px;
      font-weight: 600;
      }
  .sund {
  background: url(../images/san-fransico-banner2.jpg);
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  position: relative;
  padding: 68px 0;
  margin: 50px 0;
  }
  /* =============Sun css end============ */
  .ios-img{
  position: relative;
  }

 
  .index-jordan .head-cta-btn{
  background: none;
  border: 0;
  }
  
  .index-jordan .head-cta-btn:hover {
  border: 0;
  }
  .index-jordan .btn-uiux {
  padding: 12px 7px;
  }
  .app-support .contact-textarea{
  color: #fff;
  }
  .app-support {
  background: url(../images/app-support-hero.webp) no-repeat;
  }
  .custtom-app li {
  line-height: 2.6;
  font-size: 18px;
  font-weight: 600;
  }
  .custtom-app li i {
  margin-right: 6px;
  }
  .mob-app-head {
  padding-bottom: 30px;
  }
  /* NEW PAGES LIST END */
  /* privacy Policy Page Start */
.privacy-content {
    padding: 2% 0px;
}
.sitemap li a:hover {
    color: #80b160;
}
.privacy-sec {
    background: url(../images/privacy-hero.jpg) no-repeat;
    position: relative;
    padding: 7% 0 7%;
}
  .privacy_hero_text {
    text-align: center;
  }
 .privacy_hero_text h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 15px;
    color: #282828;
}
  .privacy_hero_text p {
    color: #282828;
    line-height: 22px;
    font-size: 16px;
}
  .bg_text {
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #282828;
    -webkit-text-stroke-width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    font-size: 140px;
    font-weight: 800;
    opacity: 15%;
    font-family: sans-serif;
  }
  .privacy-content h3 {
    color: #282828;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .privacy-content p {
    color: #282828;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0px;
}
  .privacy-content ul {
    color: #282828;
    font-size: 16px;
    line-height: 2;
    padding-bottom: 30px;
  }
  /* privacy-policy page ends */
  /* SITEMAP page START */
  .sitemap .bg_text {
    top: 8%;
  }
  .sitemap li a{
    color: #282828;
  }
  .terms-of-use .bg_text{
    top: 8%;
  }
.site-main ul li i {
    color: #80b160;
    font-size: 26px;
    margin: 5px 4px;
    position: relative;
    top: 3px;
    left: -8px;
}
  /* SErvices Page Start */
  .services {
    background: url(../images/services/services-hero.jpg) no-repeat;
    background-size: cover !important;
    padding-bottom: 17%;
  }
.services .left-firstwrap .gen-heading {
    text-transform: capitalize;
}
  
  .services .play-wrapper {
      display: none;
  }
  
  .services .left-firstwrap {
    padding-bottom: 0px;
    border-bottom: none;
  }
  .services .left-thirdwrap {
    display: none;
  }
  .skill_sec {
    background: #03232d;
    position: relative;
    border-radius: 300px 0px 0px 0px;
    margin-top: -16%;
    padding-top: 10%;
  }
  .skill_sec h3 {
    color: #fff;
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
}
  .skill_sec h2 {
    color: #fff;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 28%;
    font-size: 140px;
    font-weight: 800;
    opacity: 10%;
    font-family: sans-serif;
  }
  .skill_content {
    padding: 7% 0px;
  }
  .skill_left {
    width: 80%;
  }
  .skill_left h6 {
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 8%;
    line-height: 1.5;
  }
  .skill_right {
    border-radius: 10px;
  }
  .skill_sec:after {
    content: "";
    position: absolute;
    top: -23%;
    right: 0;
    background: url(../images/services/services-hero-right.png) no-repeat;
    width: 315px;
    height: 240px;
  }
  .skill_sec:before {
    content: "";
    position: absolute;
    bottom: 20%;
    left: 0;
    background: url(../images/services/best-skill-left.png) no-repeat;
    width: 110px;
    height: 290px;
  }
  .range_head {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
  }
  
  /* Range CSS START*/
  .range_content input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 20px;
    border-radius: 5px;
  }
  input[type=range]::-webkit-slider-runnable-track {
    background: #81b262;
  }
  .range_content input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid white;
    cursor: pointer;
    transition: .3s ease-in-out;
    margin-top: -5px;
  }
  .range_content input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.6);
    background: #fff;
    box-shadow: none;
  }
  
  
  /* Range CSS END*/
  
  .prime_sec .sec5-rightwrap .gen-text {
    max-width: 450px;
  }
  .discovery-sec {
    padding: 4% 0px;
  }
  .discovery-sec h6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}
  .discovery-sec h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding: 15px 0px;
}
  .discovery-sec p {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 6%;
    position: relative;
}
  .discovery-sec p:before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 0;
    background: #ccc;
    height: 1px;
    width: 33%;
  }
  .percent-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    background: #e3f1ff;
    border-radius: 30px;
    width: 260px;
    height: 220px;
  }
  .percent-box strong {
    font-size: 45px;
  }
  .percent-box small {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
}
  .percent-box2 {
    background: #ffe9e9;
  }
  .percent-box3 {
    background: #d8fffb;
  }
  .percent-box4 {
    background: #fff9e1;
  }
  .ideation{
    padding: 5% 0;
  }
  .ideation h6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}
 .ideation h2 {
    font-size: 45px;
    font-weight: 800;
    padding: 15px 0px;
    width: 70%;
    line-height: 50px;
}
  .ideation p {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10%;
    position: relative;
}
  .ideation p:before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    background: #969899;
    height: 1px;
    width: 90%;
  }
 .ideation ul {
    font-size: 16px;
    color: #282828;
    line-height: 30px;
}
  .ideation ul i {
    background: #282828;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ideation img {
    border-radius: 30px;
  }
  
  
  .modal-footer {
      border: 0;
  }
  
.cusapp-content strong {
    font-size: 45px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    line-height: 50px;
}
  
  .about-sec-3 img {
      display: none;
  }
  .index-sec-3 .green-img {
      display: none;
  }
  .cynoteck_sec .expert-sec-btns {
      text-align: left;
  }
  

  
  
  /*site map css tart*/
.site-main ul li {
    display: inline-block;
    padding: 10px 25px;
    width: 32%;
}

.sitemap-content h3 {
    background: #82b361;
    color: #fff;
    padding: 3px 28px;
    font-size: 30px;
    font-weight: 600;
}
  .site-main ul li a.check:before { 
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; content: "\f007";
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }
  /*site map css end*/
  .service-content-wrapper a span {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    object-fit: scale-down;
    border: 1px solid #939393;
    border-radius: 30px;
    margin: 0 10px 0 0;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    padding: 6px;
    background: url(../images/all-icon.png) no-repeat;
    background-position: 8px 2px;
}
  
.service-content-wrapper a span.mad-iod-img {
    background-position: -760px 7px;
}
.service-content-wrapper a span.flutt-img {
    background-position: -623px 7px;
}
.service-content-wrapper a span.react-img {
    background-position: -107px 3px;
}
.service-content-wrapper a span.and-img {
    background-position: -929px 4px;
}

.service-content-wrapper a span.ipad-img {
    background-position: -830px 7px;
}
  
  
.service-content-wrapper a span.xap-img {
    background-position: -895px 5px;
}
  
  
.service-content-wrapper a span.iot-img {
    background-position: -795px 4px;
}
  
  
.service-content-wrapper a span.had-img {
    background-position: -692px 7px;
}

.service-content-wrapper a span.wap-img {
    background-position: -405px 1px;
}
  
.service-content-wrapper a span.as-img {
    background-position: -961px 6px;
}
.service-content-wrapper a span.aso-img {
    background-position: -405px 2px;
}
.service-content-wrapper a span.aso-img {
    background-position: -997px 7px;
}
  
.service-content-wrapper a span.gd-img {
    background-position: -657px 6px;
}
  
.service-content-wrapper a span.ugd-img {
    background-position: -296px 4px;
}
.service-content-wrapper a  span.ungd-img {
    background-position: -369px 0;
}
  
.service-content-wrapper a span.ui-img {
    background-position: -332px 2px;
}


.service-content-wrapper a span.ed-img {
    background-position: -585px 7px;
}
.service-content-wrapper a span.hel-img {
    background-position: -727px 8px;
}
.service-content-wrapper a  span.scm-img {
    background-position: -224px 2px;
}
.service-content-wrapper a  span.rs-img {
    background-position: -145px 0;
}
  
.service-content-wrapper a  span.od-img {
    background-position: -30px 5px;
}
.service-content-wrapper a span.aus-img {
    background-position: -444px 3px;
}
  
 .service-content-wrapper a  span.san-img {
    background-position: -185px 2px;
}
.service-content-wrapper a  span.jo-img {
    background-position: -862px 2px;
}
.service-content-wrapper a  span.ch-img {
    background-position: -545px 6px;
}
.service-content-wrapper a   span.au-img {
    background-position: -476px 3px;
}

.service-content-wrapper a span.pr-img {
    background-position: -69px 2px;
}

.service-content-wrapper a span.bl-img {
    background-position: -510px 4px;
}

  .service-content-wrapper a:hover span{
      transform: rotate(360deg);
  }
.service-content-wrapper a span.ff-img {
    background-position: -1054px 4px;
}
.service-content-wrapper a span.dt-img {
    background-position: -1084px 4px;
}
  
  
.mobile_menu  a b {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    object-fit: scale-down;
    border: 1px solid #939393;
    border-radius: 30px;
    margin: 0 10px 0 0;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    padding: 6px;
    background: url(../images/spride.png) no-repeat;
    background-position: 8px 2px;
}
.mobile_menu .navigation-portrait .nav-dropdown > li > a small {
    display: inline-block;
    margin: 0 2px;
}
  
.mobile_menu  a b.mad-iod-img {
    background-position: -760px 7px;
}

.mobile_menu a b.common-img.iod-img {
    background-position: -760px 7px;
}
.mobile_menu  a b.flutt-img {
    background-position: -623px 7px;
}
.mobile_menu  a b.react-img {
    background-position: -107px 3px;
}
.mobile_menu  a b.and-img {
    background-position: -929px 4px;
}

.mobile_menu  a b.ipad-img {
    background-position: -830px 7px;
}
  
  
.mobile_menu  a b.xap-img {
    background-position: -895px 5px;
}
  
  
.mobile_menu  a b.iot-img {
    background-position: -795px 4px;
}
  
  
.mobile_menu  a b.had-img {
    background-position: -692px 7px;
}

.mobile_menu  a b.wap-img {
    background-position: -405px 1px;
}
  
.mobile_menu  a b.as-img {
    background-position: -961px 6px;
}
.mobile_menu  a b.aso-img {
    background-position: -405px 2px;
}
.mobile_menu  a b.aso-img {
    background-position: -997px 7px;
}
  
.mobile_menu  a b.gd-img {
    background-position: -657px 6px;
}
  
.mobile_menu  a b.ugd-img {
    background-position: -296px 4px;
}
.mobile_menu  a  b.ungd-img {
    background-position: -369px 0;
}
  
.mobile_menu  a b.ui-img {
    background-position: -332px 2px;
}


.mobile_menu  a b.ed-img {
    background-position: -585px 7px;
}
.mobile_menu  a b.hel-img {
    background-position: -727px 8px;
}
.mobile_menu  a  b.scm-img {
    background-position: -224px 2px;
}
.mobile_menu  a  b.rs-img {
    background-position: -145px 0;
}
  
.mobile_menu  a  b.od-img {
    background-position: -30px 5px;
}
.mobile_menu  a b.aus-img {
    background-position: -444px 3px;
}
  
 .mobile_menu  a  b.san-img {
    background-position: -185px 2px;
}
.mobile_menu  a  b.jo-img {
    background-position: -862px 2px;
}
.mobile_menu  a  b.ch-img {
    background-position: -545px 6px;
}
.mobile_menu  a   b.au-img {
    background-position: -476px 3px;
}

.mobile_menu  a b.pr-img {
    background-position: -69px 2px;
}

.mobile_menu  a b.bl-img {
    background-position: -510px 4px;
}


  .mobile_menu  a:hover b{
      transform: rotate(360deg);
  }
  
  
  @media only screen and (min-width: 320px) and (max-width: 1024px) {
    .nav-dropdown > li > a,
    .megamenu-list > li > a {
      width: 100%;
    }
    
  }
  .accordion-body {
    padding: 1rem 1.25rem;
    font-size: 16px;
    line-height: 22px;
}
  
  .let_discuss_left.aos-init.aos-animate .h3 {
    width: 90%;
    display: block;
}


/* =================Modal css start====================*/
.popupform {
    background: url(../images/popup-bg2.png) no-repeat left top;
    width: 830px;
    height: 765px;
    padding-top: 136px;
    overflow: visible;
    margin: 0px 0 0 -115px;
    background-size: 99% 94%;
    
}
.popupform h6 {
  color: #fff;
  width: 246px;
  text-align: center;
  font-size: 17px;
  position: absolute;
  top: 180px;
  line-height: 28px;
  left: -85px;
}
form.validate-popup.pop-new {
  margin-right: 92px;
}
form.validate-popup {
  width: 370px;
  float: right;
}
.popupform h2 {
  text-align: center;
  font-size: 29px;
  margin: 20px 0 0;
  font-weight: 600;
  line-height: 31px;
}
.popupform span.h2 {
  text-align: center;
  font-size: 29px;
  margin: 20px 0 0;
  font-weight: 600;
  line-height: 31px;
}
.popupform h2+p {
  font-size: 13px;
  text-align: center;
  margin-top: 13px;
  color: #636060;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
html *, html:after, html:before {
  box-sizing: border-box;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.popupform ul li {
  text-align: left;
  position: relative;
  width: 100%;
  margin: 5px 0;
  display: inline-block;
}
.popupform .fancybox-close-small {
  position: absolute;
  top: 70px;
  background: #333;
  opacity: 1;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  border: 1px solid;
  height: 45px;
  width: 45px;
  right: -101px;
}
.fancybox-close-small:after {
  content: "x";
  position: absolute;
  top: 5px;
  right: 7px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,Montserrat,Helvetica,sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: 0 0;
  transition: .2s;
  box-sizing: border-box;
  z-index: 2;
}
.popupform ul li input[type=email],
.popupform ul li input[type=text],
.popupform ul li textarea {
  border: 0;
  padding: 12px 10px 12px 33px;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  outline: 0 none!important;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;
}
.modal-backdrop {
  position: relative !important;
    /*z-index: 0;*/
}
.modal {
    top: 0px;
    left: 0px;
    z-index: 1060;
    width: 100%;
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: hidden;
    outline: 0;
    background: #000000c4 !important;
}
.modal-content {
  background: none !important;
}
.fancybox-close-small:hover {
  opacity: 1;
  background: #82b361 !important;
  transform: rotate(180deg);
}
input.required.number {
  border: 0;
  padding: 12px 10px 12px 33px;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  outline: 0 none!important;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;
}
.popupform ul li i {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #00000080;
}
.popupform ul li input[type=submit] {
  background: #82b361;
  font-size: 18px;
  color: #fff;
  border: #82b361  1px solid;
  border-radius: 50px;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  padding: 12px 10px;
  display: block;
  margin-top: 0;
}
/* =================Modal css end===================== */
/* ========================PROCESS CSS START======================= */

.sq_btn {
    padding: 15px 35px !important;
    font-size: 15px !important;
}


.review_user img {
    display: none;
}

.small_card img {
    width: 100%;
    display: block;
}
.game-icon.aos-init.aos-animate img.img-fluid {
    margin: 0 auto;
}


.app-box{transition: box-shadow 0.3s ease-in-out;}
.app-box:hover {
    box-shadow: 0px 0px 10px 0px #81b261;
}


.left-secondwrap a.head-cta-btn.sq_btn.mb-4 {
    border: 0 !important;
}

.black_btn {
    background: #000 !important;
}

.black_btn:hover {
    background: linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
    color:#fff;
    border: 1px solid transparent !important;
}

html {
    overflow-x: hidden;
}


span.icon_img {
    background: url(../images/icon_img.png) no-repeat;
    height: 94px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0px;
    background-position: -113px 0;
    transition: all 0.5s ease-in-out;
    /* background-size: 560px; */
}



 span.icon_img.icon_2{background-position: -477px 14px;}
span.icon_img.icon_3{background-position: -379px 0;}
 span.icon_img.icon_4{background-position: -283px 10px;}
 span.icon_img.icon_5{background-position: -195px -10px;}
span.icon_img.icon_6{background-position: -15px 10px;}





.boxcatwrap:hover span.icon_img.icon_1{background-position: -112px -114px;}
.boxcatwrap:hover span.icon_img.icon_2{background-position: -478px -100px;}
.boxcatwrap:hover span.icon_img.icon_3{background-position: -376px -104px;}
.boxcatwrap:hover span.icon_img.icon_4{background-position: -292px -104px;}
.boxcatwrap:hover span.icon_img.icon_5{background-position: -195px -114px;}
.boxcatwrap:hover span.icon_img.icon_6{background-position: -15px -114px;}




/*gradieant_button css*/
.btn.btn_green {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding:0px;
  color: #fff;
  margin: 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-transform: capitalize;
  border: 1px solid transparent;
  background: linear-gradient(90deg, rgb(70 136 117) 0%, rgb(34 99 115) 35%, rgb(126 191 54) 100%);
  width:200px;
  height: 45px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: all 0.5s ease-in-out;
  border: 0;
}
.btn.btn_green:focus,
.btn.btn_green:hover {
  background: #fff !important;
  color: #000;
  border:1px solid #000;
}



/*black_button css*/
.btn.black_btn {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  padding:0px;
  color: #fff;
  margin: 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-transform: capitalize;
  border: 1px solid transparent;
  background:#000;
  width:200px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
    border: 0;

}
.btn.black_btn:focus,
.btn.black_btn:hover {
  background:linear-gradient(90deg, rgba(224,0,0,1) 0%, rgba(183,0,0,1) 100%) !important;
  color: #000;
  border:1px solid #000 ;
}


.saas-developemnt {
  background: #2f037e url(../images/saas/saas-app.jpg) no-repeat;
  z-index: 0;
}

.saas-developemnt p, .saas-developemnt h1 {
  color: #fff !important;
}

.saas-developemnt .banner-formwrap {
  background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: auto;
  background-size: 100% 100%;
}


.saas-developemnt .banner-formwrap input {
  border-color: #ccc;
  color: #000 !important;
}

.saas-developemnt .banner-formwrap p {
  color: #282828 !important;
}

.saas-developemnt h4
{font-weight: bold;
color: #236273;
font-size: 20px;}


.benefit_sec .saas_ben {
  padding: 97px 0px;
}


.info_sec .saas_sec_fold {
  background: #41048d;}
  
  
  .saas_spa{font-weight: bold;
margin-bottom: 12px !important;

display: block;}


.saas-developemnt .banner-formwrap input.subject-input::placeholder {
    color: black !important;
}




.input-wrap textarea.contact-textarea {
    color: black !important;
}

.service-content-wrapper a span.saas-img {
  background-position: -1023px 6px;
}


.index-ecommerce-app {
  background: #102403 url(../images/ecommerce-app.jpg) no-repeat;
    background-size: auto;
  background-size: cover;
}


.play-text .ecom-text{color:#fff;}


.bt-sec{margin-bottom:40px;}

.bt-sec i {  font-size: 24px;
  margin-right: 10px;
  padding-bottom: 15px;
  position: relative;
  top: 3px;
  color: #82b361;}
  
  
  ul.bt-sec li{color: #7dad5e;}
  .ecom-hed h2{width:100%;}
  
  .mr-ecom{margin: 40px 0;}
  
  .mr-ecom-content p{width:100%;}
  
  
  .ecom-img img {
  width: 90%;
  height: auto;
}
.servis_card a {
    color: #81b261;
    font-weight: 600;
    cursor: pointer;
    padding: 0 5px;
}

.ecom-developemnt .banner-formwrap {
  background: url(../images/unite-game/unite-form.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
}

.ecom-developemnt .banner-formwrap p {
  color: #282828 !important;
}

.ecom-developemnt .banner-formwrap input {
  border-color: #ccc;
  color: #000 !important;
}



.ecom-developemnt .banner-formwrap input.subject-input::placeholder {
    color: black !important;
}




.ecom-developemnt .input-wrap textarea.contact-textarea {
    color: black !important;
}

.foot_log a img {
    width: 110px;
    height: 100px;
    object-fit: contain;
}

a.redirect {
    background: transparent !important;
    color: #82b361!important;
    padding: 0!important;
    font-weight: 600!important;
}

a.redirect:hover{background: transparent !important;}

.foot_log a:last-child {
    margin: 0px 11px;
}
.ag-img img {
    width: 100%;
    height: auto;
    margin: 180px auto 0;
}
.ag-img {
    position: relative;
    cursor: pointer;
}
.ag-img:after {
    position: absolute;
    background: #f3f6fa;
    width: 160px;
    height: 85px;
    content: '0.7 Rating on Clutch';
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #1f62e3;
    font-size: 16px;
    font-weight: 700;
    top: 180px;
    right: 211px;
}
.clutch-box {
    background: #f4f6fa;
    width: 430px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 170px;
    gap: 10px;
    border-radius: 5px;
}
.clutch-text p {
    color: black;
    font-size: 17px;
    font-weight: 600;
}
.clutch-text span {
    color: #0d6efd;
    margin: 0 16px 0px 0px;
    position: relative;
}
.clutch-text span:after {
    position: absolute;
    content: '';
    background: #00000080;
    width: 1px;
    height: 22px;
    right: -8px;
}





.mobile_menu{display:none; }


.stellarnav.light.left .menu-toggle, 
.stellarnav.light.right .menu-toggle {
    border-bottom: 0;
    position: absolute;
    top: -10px;
    right: 10px;
}


.stelar_main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
    width: calc(100% - 410px);
    justify-content: flex-end;
}
.header_bottom ul {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.header_bottom {
    width: 50%;
}
 /********** header-start **********/

  header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    padding: 10px 0;
  }
.app-sol-content p a {
    color: black;
    font-weight: 600;
}
.appsol-box:hover a {
    color: #fff;
}


.menuSec .sq_btn {
    padding: 15px 30px !important;
    font-size: 12px !important;
}
.portfolio .box-img img {
    max-width: inherit;
}
.portfolio .box-content:before{
    display: none;
}
li.list-main.loc.ins ul, li.list-main.loc ul, li.list-main.loc.ind ul {
    width: 230px;
}

.index-dalls {
    background: url(../images/dallas.webp) no-repeat;
}

.index-dalls .gen-text {
    color: #fff;
}
.calefornia-index .gen-text {
    color: #fff;
}
.index-sugarland .gen-text {
    color: #fff;
}
.hoston .gen-text {
    color: #fff;
}
.index-dalls {
    background: #61879a url(../images/dallas.webp) no-repeat;
    min-height: auto;
    position: relative;
    z-index: 0;
}
.index-dalls::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity (0.5 for 50% black) */
    z-index: -1; /* Place the overlay behind the content */
}
.hoston {
    background: #1e4853 url(../images/austin-banner.webp) no-repeat!important;
    z-index: 0;
    min-height: auto;
}

.hoston .banner-formwrap .head-cta-btn p, .hoston .head-cta-btn .btn-text, .hoston .play-text .gen-text, .index-process .banner-formwrap .head-cta-btn p, .newheader ul li a {
    color: #fff;
}
.houston {
    background: url(../images/austin-banner-02.webp) 0 0/cover;
}
.calefornia-index {
    background: #16404b url(../images/california-banner.webp) no-repeat;
    min-height: auto;
}
.calef-baner {
    background: url(../images/california-banner02.webp);
}
.index-sugarland {
    background: url(../images/sugarland-banner.webp) no-repeat;
    min-height: auto;
}
.index-sugarland {
    background: #3a2e32 url(../images/sugarland-banner.webp) no-repeat;
    min-height: auto;
}
.hero-bg_text {
    bottom: 57%;
}
.hoston h1.gen-heading.mb-4 {
    color: #fff;
}
/*whats app butoon css start*/
.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    animation: effect 5s infinite ease-in;
}
i.fab.fa-whatsapp {
    color: #fff;
}

@keyframes effect {
    20%, 100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    0%, 10%{
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5%{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}
/*whats app butoon css end*/


/*NEW YORK*/
.index-new-york {
  background: url(../images/new-york-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.new-york2 {
  background: url(../images/new-york-sec-third.png) 0 0/cover;
}
.white-txt{color:#fff !important;}



/*boston*/

.index-bostan{
  background: url(../images/bostan-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.bostan2 {
  background: url(../images/boston-three.png) 0 0/cover;
}

/*san-diego*/

.index-san-diego{
  background: url(../images/san-diego-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.san-diego2 {
  background: url(../images/san-diego-three.png) 0 0/cover;
}

/*new-jersey*/

.index-new-jersey{
  background: url(../images/new-jersey-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.new-jersey2 {
  background: url(../images/new-jersey-three.png) 0 0/cover;
}




/*
Florida*/

.index-new-florida{
  background: url(../images/florida-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.florida2 {
  background: url(../images/florida-three.png) 0 0/cover;
}




/*
san jose*/

.index-new-san-jose{
  background: url(../images/san-jose-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.san-jose2 {
  background: url(../images/san-jose-three.png) 0 0/cover;
}



/*washington-dc*/
.index-new-washington-dc{
  background: url(../images/washington-dc-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.washington-dc2 {
  background: url(../images/washington-dc-three.png) 0 0/cover;
}
.ft_w{font-size: 110px;}

/*atlanta*/
.index-new-atlanta{
  background: url(../images/atlanta-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.atlanta2 {
  background: url(../images/atlanta-three.png) 0 0/cover;
}


/*miami*/
.index-new-miami{
  background: url(../images/miami-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.miami2 {
  background: url(../images/miami-three.png) 0 0/cover;
}


/*texas*/
.index-new-texas{
  background: url(../images/texas-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.texas2 {
  background: url(../images/texas-three.png) 0 0/cover;
}


/*denver*/
.index-new-denver{
  background: url(../images/denver-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.denver2 {
  background: url(../images/denver-three.png) 0 0/cover;
}


/*ohio*/
.index-new-ohio{
  background: url(../images/ohio-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.denver2 {
  background: url(../images/ohio-three.png) 0 0/cover;
}


/*indianapolis*/
.index-new-indianapolis{
  background: url(../images/indianapolis-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.indianapolis2 {
  background: url(../images/indianapolis-three.png) 0 0/cover;
}


/*norwich*/
.index-new-norwich{
  background: url(../images/norwich-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.norwich2 {
  background: url(../images/norwich-three.png) 0 0/cover;
}


/*buffalo-ny*/
.index-new-buffalo-ny{
  background: url(../images/buffalo-ny-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.buffalo-ny2 {
  background: url(../images/buffalo-ny-three.png) 0 0/cover;
}


/*albany*/
.index-new-albany{
  background: url(../images/albany-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.albany2 {
  background: url(../images/albany-three.png) 0 0/cover;
}


/*san-antonio*/
.index-new-san-antonio{
  background: url(../images/san-antonio-banner.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center;
}
.san-antonio2 {
  background: url(../images/san-antonio-three.png) 0 0/cover;
}

/*edit by IJ-TC*/
ul.form_terms {
    list-style-type: disc;
    margin-left: 18px;
}
input.quote-form {
    width: 15px;
    margin: -32px 0px -17px 0;
}
.fldset2 {
    font-size: 12px;
}

.disc_text {
    margin-top: 20px;
    color: #fff;
    font-size: 11px;
}

.chec_disc_group {
    display: ruby;
    color: #fff;
    font-size: 12px;
}

.form_terms strong {
    font-weight: 700;
}
.disc_text a {
    color: #fff;
}

.popupform .chec_disc_group {
    color: #000;
    font-size: 12px;
}

.popupform .disc_text {
    margin-top: 0px;
    font-size: 11px;
    color: #000;
}
.popupform .disc_text a {
    color: #000;
}

.popupform ul.form_terms {
    list-style-type: disc;
}

/*edit by IJ-TC*/