@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: #81b261 !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  font-family: 'Poppins', sans-serif;
}
.col-green{
    background: linear-gradient(90deg, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 100%) !important;
    }
.color_green {
    color: #81b261 !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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 100%) !important;
  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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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: #f1f4fb;
}
.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: #81b261; 
  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;
  background:linear-gradient(90deg, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 100%) !important;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
}
.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: #82b361;
}
.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: 505px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 0 60px 60px;
}
.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: 65px;
  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;
  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: #82b361;
  -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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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: #81b261;
}
.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;
}
.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: #81b261;
  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: #569873;
  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: #81b261;
}
.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: #81b261;}
/* 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 #82b361;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #82b361;
    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: #82b361;
    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 #82b361;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #82b361;
    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;
    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: #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: #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%;
 }
.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);
 }
 .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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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-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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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: 20px;
font-weight: 600;
padding-bottom: 0;
margin-top: 20px;

}
.privacy-content p {
  color: #282828;
  font-size: 13px;
  line-height: 18px;
  padding: 10px 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: 8px 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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, rgb(71 140 120) 0%, rgb(34 99 115) 35%, rgb(97, 149, 40) 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;
}