@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}



a {

  text-decoration: none !important;

  transition: 0.3s ease-out !important;

  font-family: 'Roboto', sans-serif;

}



p {

  color: #222222;

  line-height: 26px;

  margin: 0 0 20px;

  text-transform: none;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

}



ul {

  list-style: none;

}



h1 {

  font-family: 'Roboto', sans-serif;

  font-size: 30px;

  line-height: 1;

  font-weight: 700 !important;

  color: #333333;

}



h2 {

  font-family: 'Roboto', sans-serif;

  font-size: 48px;

  line-height: 1;

  font-weight: normal;

  color: #333333;

}



h3 {

  font-family: 'Roboto', sans-serif;

  font-size: 22px;

  line-height: 1;

  color: #333333;

  font-weight: 600;

}



h4 {

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  line-height: 1;

  text-transform: capitalize;

  font-weight: normal;

  color: #333333;

  font-weight: 600;

}

h5{

  font-family: 'Roboto', sans-serif;

}



/* Heading  */

.heading {

  margin-bottom: 25px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.heading h6 {

  font-size: 16px;

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

  margin-bottom: 15px;

}

.heading h2 {

  font-size: 48px;

  font-weight: 600;

  font-family: 'Roboto', sans-serif;

  text-transform: capitalize;

  line-height: 1.2;

  color: #1d1d1d;

  width: 80%;

}

.heading p{

  font-size: 20px;

  margin-bottom: 0px;

  color: #1d1d1d;

  width: 55%;

    text-align: center;

}



/* Anchor-btn  */

.uni-a a {

  font-size: 18px;

  line-height: 12px;

  padding: 10px 60px 10px 25px;

  color: #ffffff;

  outline: none !important;

  border: none;

  transition:all 2s ease;

  font-family: 'Roboto', sans-serif;

  border-radius: 50px;

  display: flex;

  align-items: center;

  padding-left: 20px;

  width: fit-content;

  position: relative;

  overflow: hidden;

  z-index: 1;

  height: 50px;

}

.uni-a a:hover{

  background: #fff;

  padding: 10px 25px 10px 60px;

}

.uni-a a:hover i{

  background: transparent linear-gradient(270deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;

  right: calc(100% - 50px);

}

.uni-a a::after{

  content:"";

  position: absolute;

  top: 0;

  left:0;

  width: 100%;

  height: 100%;

  background: rgb(9,73,189);

  background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(49,97,182,1) 100%);

  z-index: -1;

  transition:all 0.5s ease;

}



.uni-a a:hover {

  background-color: #333;

  color: #fff !important;

}

.uni-a a i{

  width: 40px;

  height: 40px;

  border-radius: 50px;

  background-color: #fff;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  transition:all 0.5s ease;

  position: absolute;

  right: 10px;

}



/* Universal-Button  */
.uni-btn button a{
    color:#fff !important;
}

.uni-btn button {

  font-size: 18px;

  line-height: 12px;

  padding: 8px 12px;

  color: #ffffff !important;

  background-color: #E45833;

  outline: none !important;

  border: none;

  border-radius: 2px;

  transition: 0.3s;

  font-family: 'Roboto', sans-serif;

  border-radius: 50px;

  display: flex;

  align-items: center;

  padding-left: 20px;

}



.uni-btn button:hover {

  background-color: #333 !important;

  color: #fff !important;

}

.uni-btn button i{

  width: 40px;

  height: 40px;

  border-radius: 50px;

  background-color: #fff;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  margin-left: 10px;

}



/* Top-Bar */

.top-bar {

  height: 45px;

  display: flex;

  align-items: center;

  background-color: #0949bd;

  color: #fff;

}

.top-icon {

  display: flex;

}



.top-icon a:hover i {

  color: #fff;

}

.top-cont {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.top-cont p {

  margin-bottom: 0px;

  font-size: 13px;

  color: #fff;

  font-weight: 500;

  text-align: center;

}

.head-dit {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.top-icon ul {

  display: flex;

}

.top-icon i {

  margin-left: 0;

  margin-right: 7px;

  color: #fff;

  font-size: 12px;

  transition: 0.1s;

  border-radius: 3px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 26px;

  height: 26px;

  border: 1px solid #ffffff26;

  transition: all 0.35s ease;

}

.top-icon i:hover {

  background-color: #3198f5;

  color: #fff;

}

.head-dit i {

  margin: 8px;

  color: #fff;

  font-size: 12px;

  transition: 0.1s;

  border-radius: 3px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 26px;

  height: 26px;

  border: 1px solid #ffffff26;

  transition: all 0.35s ease;

}

.head-dit a:hover i {

  background-color: #3198f5;

  color: #fff;

}

.head-dit a {

  color: #fff;

  padding-left: 0px;

  border-radius: 50px;

  font-size: 13px;

  transition: 0.5s ease-out;

  display: flex;

  align-items: center;

  justify-content: center;

}

.head-dit a:hover {

  color: #3198f5;

}

.head-dit ul {

  list-style: none;

  margin-left: 0px;

}

.head-dit ul li {

  display: flex;

  align-items: center;

  font-size: 13px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

}







/* Mid-Bar  */

.mid-bar {

  padding: 30px 0px;

}

.logo {

  height: 100%;

  width: 24%;

  display: flex;

  align-items: center;

}

.logo img {

  max-width: 100%;

}

.mid-bar .search form input {

  width: 100%;

  padding: 0px 20px;

  font-size: 14px;

  background-color: #f4f4f4;

  border-radius: 30px;

  height: 46px;

  border: 1px solid #eaeaea;

  transition: 0.3s ease-out;

  box-shadow: none;

  outline: none;

  outline-color: #3198f5;

  font-family: 'Roboto', sans-serif;

}

.mid-bar .search form input:hover {

  background-color: #fff;

  border: 1px solid #3198f5;

}

.mid-bar .search form input:focus {

  background-color: #fff;

  border: 1px solid #3198f5;

}

.mid-bar .search form {

  position: relative;

}

.mid-bar .search button {

  position: absolute;

  top: 4px;

  right: 5px;

  background-color: #3198f5;

  border-radius: 50px;

  border: none;

  width: 38px;

  height: 38px;

  font-size: 13px;

  transition: 0.3s ease-out;

}

.mid-bar .search button:hover {

  background-color: #ee5a20;

}

.mid-bar .search button i {

  color: #fff;

}

.mid-dit {

  /* width: inherit; */

  width: auto;

  margin-right: 20px;

}

.mid-dit:last-child {

  margin-right: 0px;

}

.mid-dit a {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.mid-dit a:hover span {

  color: #3198f5;

}

.mid-bar .mid-dit img {

  width: 35%;

}

.mid-dit i {

  font-size: 22px;

  color: #909090;

}

.mid-bar .mid-dit span {

  margin-top: 6px;

  font-size: 10px;

  color: #909090;

  font-weight: 600;

  margin-bottom: 0px;

  display: inline-block;

}

.mid-bar .cart {

  position: relative;

}

.mid-bar .cart .count {

  font-size: 12px;

  line-height: 14px;

  background: #3198f5;

  padding: 2px;

  border: 2px solid #fff;

  border-radius: 50%;

  position: absolute;

  top: -15px;

  right: 15px;

  color: #fff;

  width: 20px;

  height: 20px;

  text-align: center;

}

.mid-bar a {

  outline: none;

  box-shadow: none;

}

.mid-bar .show {

  border: none;

}

.mid-bar .dropdown-menu {

  z-index: 9999;

  top: 29px !important;

  box-shadow: 0 2px 6px rgb(0 0 0 / 10%);

}

.mid-bar .dropdown-menu li {

  border: none !important;

}

.mid-bar .dropdown-menu a {

  border-bottom: 1px solid #f1f1f1;

  color: #222;

  font-size: 15px;

  transition: 0.3s;

}

.mid-bar .dropdown-menu li:last-child a {

  border-bottom: none;

}

.mid-bar .dropdown-menu a:hover {

  background-color: #3198f5;

  color: #fff !important;

}

.mid-bar .logo span {

  font-size: 30px;

  color: #2e2e2e;

  font-weight: 600;

}



.nav-link {

  padding: 15px 11px !important;

  color: #fff !important;

  background-color: transparent !important;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 13px;

  letter-spacing: 0.06em;

}

.navbar-brand {

  padding-top: 0.2rem;

  padding-bottom: 0.2rem;

}



.navbar {

  padding: 0px;

}



.navbar > .container {

  background-color: #3198f5;

}



.dropdown-menu {

  background: #fff none repeat scroll 0 0;

  border: 1px solid transparent;

  border-radius: 2px;

  box-shadow: 0 5px 50px 0 rgb(0 0 0 / 15%);

  padding: 0;

  width: 250px;

}



.dropdown-item {

  padding: 12px 15px;

  border-bottom: solid 1px #2e2e2e;

  color: #333333 !important;

  font-weight: bold;

  font-size: 13px;

}

.dropdown-menu li {

  padding: 0px !important;

}



.navbar-brand {

  display: none;

}



.mid-logo img {

  width: 28%;

}



.mid-align {

  display: flex;

  align-items: center;

  justify-content: end;

}



.mid-btn a {

  background: #2e2e2e none repeat scroll 0 0;

  border-radius: 5px;

  color: #fff !important;

  display: inline-block;

  font-size: 13px !important;

  font-weight: 600;

  text-transform: uppercase;

  padding: 10px 20px !important;

  margin-left: 5px;

}



.mid-btn a:hover {

  background-color: #3198f5;

  color: #fff;

}





.navbar-nav li:last-child a {

  border-bottom: none !important;

}



.heading {

  text-align: center;

  padding: 15px 0px;

}

.heading span {

  display: inline-block;

  font-weight: 500 !important;

  padding: 0px 10px 0px 10px;

  position: relative;

  text-transform: capitalize;

  font-size: 15px;

}

.heading span::before {

  content: "";

  width: 40px;

  height: 0.5px;

  position: absolute;

  top: 50%;

  right: -60px;

  background-color: #333;

  border-radius: 1px;

  transform: translate(-50%, -50%);

}

.heading span::after {

  content: "";

  width: 40px;

  height: 0.5px;

  position: absolute;

  top: 50%;

  left: -20px;

  background-color: #333;

  border-radius: 1px;

  transform: translate(-50%, -50%);

}



.ris-nav {

  display: block !important;

  width: 15%;

  cursor: pointer;

}



.hide-nav {

  display: none !important;

}



/* Mega-Menu  */



.category {

  position: relative;

  display: flex;

  align-items: center;

  padding: 21px 0px;

  font-weight: 600;

}

.category ul {

  min-width: 220px;

  height: 0px;

  overflow: auto;

  display: none;

  position: absolute;

  top: 65px;

  left: 0;

  background-color: #fff;

  box-shadow: 0 2px 6px rgb(0 0 0 / 10%);

  border: none;

  z-index: 9999;

}

.category:hover ul {

  display: block;

  height: 400px;

}

/* width */

.category ul::-webkit-scrollbar {

  width: 5px;

}



/* Track */

.category ul::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

.category ul::-webkit-scrollbar-thumb {

  background: #b3b3b3;

  border-radius: 5px;

}



/* Handle on hover */

.category ul::-webkit-scrollbar-thumb:hover {

  background: #555;

}

.category ul a {

  padding: 12px 15px !important;

  color: #222;

  margin-bottom: 3px;

  display: inline-block;

  border-bottom: 1px solid #f1f1f1;

  font-size: 13px;

  font-weight: 400;

}

.category ul li:last-child a {

  border-bottom: none;

}

.category ul a:hover {

  background-color: #3198f5;

  color: #fff;

}

#down {

  display: none;

}

#bar {

  margin-right: 10px;

}







/* Slider  */

.prev-arrow {

  width: 30px;

  height: 30px;

  background-image: url(../web-images/left-chevron.png);

  background-color: transparent;

  background-size: cover;

  border: none;

  position: absolute;

  top: 50%;

  left: 7%;

  transform: translate(-0%, -50%);

  z-index: 9;

}

.next-arrow {

  width: 30px;

  height: 30px;

  background-image: url(../web-images/right-chevron.png);

  background-color: transparent;

  background-size: cover;

  border: none;

  position: absolute;

  top: 50%;

  right: 7%;

  transform: translate(-0%, -50%);

  z-index: 9;

}



.carousel-caption {

  z-index: 10000 !important;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 50%;

  height: 100%;

  transform: translate(-50%, -50%);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.carousel-caption h5 {

  font-size: 55px;

  color: #fff;

  font-weight: 600;

}

.carousel-caption p {

  font-size: 22px;

  color: #fff;

  font-weight: 500;

  text-align: center;

  line-height: 1.5;

}



/* Multi-Navbar  */

#site-header {

  z-index: 1000;

  background-color: #fff;

  /* padding: 8px 0px; */

  height: auto;

  display: flex;

  align-items: center;

  position: unset;

  width: 100%;

  border-top: 1px solid #eaeaea;

}

/* For-Nav-Js  */

.fixed-top {

  top: -40px;

  padding: 10px 0px;

  transform: translateY(40px);

  transition: transform 0.3s;

  position: fixed !important;

  background-color: #0949bd !important;

  box-shadow: 0px 6px 5px #6666661f;

  z-index: 99999;

}

.fixed-top .log-in {

  display: none;

}

.fixed-top .account {

  display: none;

}

.fixed-top .mid-dit i {

  color: #fff !important;

}

.fixed-top .mid-dit span {

  color: #222 !important;

}

.fixed-top .cart .count {

  background-color: #222 !important;

  color: #fff !important;

}

.fixed-top .mid-dit a:hover span {

  color: #000 !important;

}

.fixed-top .mid-dit a:hover .count {

  color: #fff !important;

}

#site-header .ris-align {

  flex-direction: row;

}



/* For-Nav-Js-End  */

.jquerynav {

  /* background: transparent; */

  width: 100%;

  list-style: none;

  /* position: sticky;

    top: 0;

    left: 0; */

  z-index: 1000;

  border-radius: 0;

  border: none;

  height: auto;

  display: flex;

  justify-content: center;

}

.jquerynav:after {

  display: table;

  content: "";

  clear: both;

}

.jquerynav li {

  position: relative;

}

.show {

  border: 1px solid lightgray;

}

.show li {

  border-bottom: 1px solid lightgray;

}

.show li:last-child {

  border-bottom: none;

}

.jquerynav a {

  font-weight: 700 !important;

}

.show a {

  padding: 12px 13px !important;

  font-weight: 500 !important;

  font-size: 11px !important;

  text-align: center !important;

}

.jquerynav li a {

  color: #3b3f42;

  text-decoration: none;

  position: relative;

  display: inline-block;

  font-size: 13px;

  font-weight: 600 !important;

  padding: 30px 0;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,

  border-color 0.15s ease-in-out;

  margin: 0 10px;

  display: inline-block;

  text-transform: uppercase;

}

.jquerynav li a:hover,

.jquerynav li.current a {

  color: #fff;

}

.jquerynav li a:hover {

  color: #fe582b;

}

/* first level */

.jquerynav > li {

  float: left;

  display: inline;

  margin: 0px 2px;

  /* border-right:1px solid #ddd; */

}

/* second level */

.jquerynav ul {

  display: none;

  position: absolute;

  background: #fff;

  min-width: 180px;

  z-index: 2;

  list-style: none;

  margin-left: 0px;

  /* border-top: 3px solid #13aff0; */

  box-shadow: 0 2px 6px rgb(0 0 0 / 10%);

  border: none;

}

.jquerynav ul li a {

  color: #fff;

}

.jquerynav ul li {

  margin-bottom: 0px;

  border-bottom: 1px solid #fff;

}

.jquerynav ul .touch-block {

  color: #fff !important;

}

.jquerynav ul li {

  float: none;

}

/* third level */

.jquerynav ul ul {

  left: 100%;

  top: 0;

}

.jquerynav > li:last-child ul ul {

  left: -100%;

}

.jquerynav li:hover > ul {

  display: block;

}

.show .touch-block {

  top: 15px;

  right: 5px;

  transform: rotate(25deg);

}

.nav-active a {

  background-color: #424692;

  color: #fff !important;

  z-index: 10;

}

.jquerynav-wrapper {

  display: flex;

  align-items: center;

}

#click {

  display: none;

}

.ris-nav {

  padding: 0px 0px;

  margin-right: 16px;

}

.jquerynav-wrapper ul li a {

  width: 100%;

  /* padding: 8px 15px; */

  padding: 21px 16px;

  margin: 0px;

}

/* .jquerynav-wrapper ul li a:hover{

    background-color: #424692;

    color: #fff;

} */

/* .jquerynav-wrapper ul li a:hover .touch-block{

    color: red;

} */

/* .jquerynav-wrapper ul ul{

    background-color: #FE582B;

    color: #fff;

} */

.jquerynav-wrapper ul ul li a {

  color: #000 !important;

  text-transform: capitalize !important;

  letter-spacing: normal !important;

  font-size: 13px !important;

  font-weight: 400 !important;

  /* letter-spacing: 0.6px !important; */

  padding: 12px 15px !important;

  text-align: left !important;

  display: flex;

  align-items: flex-start;

  border-bottom: 1px solid #f1f1f1;

  line-height: 1.2;

}

.jquerynav-wrapper ul ul li:hover {

  background-color: #3198f5;

}

.jquerynav-wrapper ul ul li a:hover {

  /* background-color: #f8f8f8; */

  color: #fff !important;

}

.has-sub-menu .active {

  background-color: #3198f5;

}

.has-sub-menu .active a {

  color: #fff;

}

.jquerynav-wrapper ul ul li {

  background-color: #fff;

  text-align: left;

}

.ris-align img {

  width: 50%;

}

.jquerynav-wrapper ul li a:hover .jquerynav-wrapper .touch-block {

  color: #fff !important;

}





/* Heading  */

.heading h3 {

  font-size: 30px;

  font-weight: 600;

  line-height: 1.2;

  text-align: start;

}

.heading h5 {

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 30px;

  text-align: start;

  color: #3198f5;

  position: relative;

  padding-left: 35px;

}

.heading h5::after {

  content: "";

  width: 20px;

  height: 35px;

  background-color: #3198f5;

  position: absolute;

  left: 0;

  top: -8px;

  border-radius: 3px;

}



/* Products  */

.product {

  background-color: #fff;

}

.product .pro-wrapper {

  position: relative;

  /* border: 1px solid #e6e6e6; */

  /* padding: 10px; */

  height: 100%;

}

.product .pro-image {

  overflow: hidden;

  position: relative;

  padding-top: 88%;

  background-color: #f7f7f7;

  border-radius: 5px;

}

.product .pro-image img {

  /* width: 100%; */

  transition: transform 0.9s ease;

  position: absolute;

  margin: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  max-width: 100%;

  max-height: 100%;

  border-radius: 5px;

}

.product .pro-image:hover img {

  transform: scale(1.1);

  border-radius: 5px;

}

.product .pro-wrapper .pro-image a {

  background-color: #3198f5;

  padding: 8px 20px;

  font-size: 15px;

  color: #fff;

  display: inline-block;

  border-radius: 40px;

  position: absolute;

  bottom: -40px;

  left: 50%;

  transform: translate(-50%, 0%);

  z-index: 9999;

  transition: 0.3s ease;

}

.product .pro-wrapper .pro-image a:hover {

  background-color: #222222;

  color: #fff;

}

.product .pro-wrapper:hover a {

  bottom: 20px;

}

.product .pro-wrapper .pro-image button {

  background-color: #0949bd;

  padding: 8px 20px;

  font-size: 15px;

  color: #fff;

  display: inline-block;

  border-radius: 40px;

  position: absolute;

  bottom: 10px;

  left: 50%;

  transform: translate(-50%, 0%);

  z-index: 9999;

  transition: 0.3s ease;

  border: none;

}

.product .pro-wrapper .pro-image button:hover {

  background-color: #222222;

  color: #fff;

}

/* .product .pro-wrapper:hover button{

    bottom: 20px;

} */

.product .pro-cont {

  padding: 15px 0px;

}

.product .pro-cont h3 {

  font-size: 14px;

  color: #222;

  font-weight: 600;

  margin-bottom: 10px;

  line-height: 1.2;

}

.product .pro-cont h3 a {

  color: #222;

}

.product .pro-cont h3:hover a {

  color: #3198f5;

}

.product .pro-cont .discount {

  display: flex;

}

.product .discount p {

  font-size: 15px;

  font-weight: 500;

  margin-bottom: 0px;

  background-color: #faec01;

  padding: 0px 2px;

  padding-right: 10px;

}

.product .discount span {

  margin-left: 10px;

  color: #22222291;

  font-family: 'Roboto', sans-serif;

  font-size: 15px;

  display: flex;

  align-items: center;

  font-weight: 500;

}

.product .user-rating {

  margin-top: 5px;

}



/* Section-Padding  */

.s-space {

  padding: 50px 0px;

}





/* Footer  */

footer {

  padding-top: 50px;

  font-size: 15px;

  background-color: #002033;

  position: relative;

  z-index: 1;

}

footer h5 {

  font-size: 15px;

  letter-spacing: 0.5px;

  font-weight: 700;

  margin-bottom: 30px;

  position: relative;

  color: #fff;

  text-transform: uppercase;

  font-family: "Lato", sans-serif;

}

.footer-links li {

  padding: 8px 0px;

  padding-top: 0px;

}

.footer-links a {

  color: #fff;

  font-size: 14px;

  display: inline-block;

}

.footer-links a:hover {

  color: #3198f5;

}

.footer-info li {

  display: flex;

  margin-bottom: 15px;

  position: relative;

}

.footer-info span {

  display: inline-block;

}

.footer-info i {

  border: 1px solid #b8bdc7;

  color: #b8bdc7;

  font-size: 15px;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50px;

}

.foot-cont p {

  color: #fff;

  font-size: 14px;

}

.footer-info span {

  font-weight: 600;

  display: block;

  color: #fff;

  font-size: 14px;

  margin-bottom: 3px;

  font-family: "Lato", sans-serif;

}

.footer-info p {

  font-size: 14px;

  line-height: 1.5;

  margin-bottom: 0px;

  color: #fff;

}

.footer-info a {

  color: #fff;

  font-size: 14px;

  letter-spacing: normal;

  font-family: 'Roboto', sans-serif;

}

.footer-info a:hover {

  color: #3198f5;

}

.info-dit {

  padding-left: 0px;

}

.footer-bottom {

  padding: 22px 0px;

  background-color: transparent;

  text-align: center;

  color: #fff;

  margin-top: 20px;

  border-top: 1px solid #ffffffa6;

}

.footer-bottom ul{

  display: flex;

  justify-content: center;

}

.footer-bottom ul li{

  margin-right: 20px;

}

.footer-bottom ul li:last-child{

  margin-right: 0px;

}

.footer-bottom ul li p{

  color: #fff;

  margin-bottom: 0px;

  font-size: 14px;

}

.footer-bottom ul li a{

  margin-bottom: 0px;

  font-size: 14px;

}

footer .footer-logo img{

  width: 75%;

  margin-bottom: 20px;

}

footer .footer-dit p{

  color: #fff;

}

.footer-heading h3{

  color: #fff;

  margin-bottom: 20px;

}

.footer-heading p{

  font-size: 15px;

  color: #fff;

}

footer ul li a{

  color: #fff;

  margin-bottom: 15px;

  display: inline-block;

}

.footer ul li a:hover{

  color: #0949bd;

}

.footer-mailbox{

  position: relative;

}

.footer-mailbox input{

  width: 100%;

  padding: 8px 12px;

  background-color: #fff;

  border-radius: 5px;

  outline: none;

  border: none;

  padding-right: 75px;

}

.footer-mailbox button{

  position: absolute;

  top: 0;

  right: 0;

  font-size: 16px;

  color: #fff;

  background-color: #0949bd;

  border: none;

  padding: 8px 18px;

  font-weight: 500;

  border-radius: 0px 5px 5px 0px;

}

.footer-social span{

  display: inline-block;

  margin: 10px 0px;

  color: #a1a1a1;

  font-size: 13px;

  font-weight: 500;

}

.footer-social ul{

  display: flex;

  border-top: 1px solid #ffffffa6;

  padding-top: 12px;

}

.footer-social ul a i{

  width: 30px;

  height: 30px;

  border-radius: 50px;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #1d1d1d;

  margin-right: 12px;

}

.bottom-link ul {

  display: inline-block;

}

.bottom-link ul li {

  display: inline-block;

}

.bottom-link a {

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

  padding: 0px 5px;

  font-weight: 600;

  letter-spacing: 1px;

  display: inline-block;

}

.bottom-link a:hover {

  color: #13aff0;

}

.copyright {

  font-size: 13px;

  color: #fff;

  font-weight: 400;

  text-align: right;

  font-family: Poppins, sans-serif;

}

.bottom-link {

  text-align: left;

}

.f-ris {

  padding-left: 40px;

}

.ris-m {

  padding-right: 150px;

}







.float-up {

  position: fixed;

  bottom: 20px;

  right: 20px;

  background-color: #eee;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  z-index: 1000;

  display: none;

  text-align: center;

  line-height: 2.5;

  /* box-shadow: 1px 1px 3px 0px rgba(168,168,168,1); */

  box-shadow: 1px 1px 3px 0px rgba(46, 46, 46, 1);

}

.float-up:hover {

  background-color: #13aff0;

}

.float-up:hover i {

  color: #fff;

}

.float-up i {

  color: #2e2e2e;

  font-size: 14px;

  transition: 0.3s;

}



/* Bread-Crumbs  */

.bread-crumbs {

  /* padding: 34px 0px; */

  border-bottom: 1px solid #eeeeee;

  background-color: #fff;

  background-image: url(../web-images/bg-01.jpg.webp);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  height: 250px;

}

.bread-box {

  height: 250px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding-bottom: 30px;

}

.bread-crumbs h2 {

  color: #fff;

  text-transform: capitalize;

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 20px;

}

.bread-cont {

  align-items: center;

}

.bread-cont a {

  color: #fff;

  font-size: 16px;

  font-weight: 500;

}

.bread-cont a:hover {

  color: #3198f5;

}

.bread-cont span {

  display: inline-block;

  margin: 0px 8px;

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  padding-bottom: 2px;

}

.bread-cont p {

  margin-bottom: 0px;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

}



/* Whats-App  */

#float_contact {

  position: fixed;

  bottom: 20px;

  left: 20px;

  z-index: 1000;

  display: none;

}

#float_contact a:first-child {

  margin-bottom: 10px;

  display: inline-block;

}

#float_contact a:first-child i {

  background-color: #24a0ed;

  font-size: 20px;

}

#float_contact i {

  font-size: 25px;

  color: #fff;

  background-color: #25d366;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 1px 1px 3px 0px rgb(46 46 46);

}



/* Dropdown Button */

.open-nav {

  display: block !important;

}





/* New  */



.modal {

  z-index: 999999;

}

.fixed-top {

  z-index: 99999;

}

.modal-header {

  height: 50px;

  background-color: #3198f5;

}

.dis-wrapper .dis-image button {

  bottom: -45px;

}

.dis-wrapper .dis-image button:focus-visible {

  outline: none;

}



.sortby {

  margin-bottom: 20px;

}

.sortby span {

  font-size: 14px;

  font-weight: bold;

  display: inline-block;

  padding-right: 8px;

  font-family: Poppins, sans-serif;

}

.sortby a {

  font-size: 14px;

  font-weight: 500;

  color: #222;

  padding-right: 8px;

}

.sortby a:hover {

  color: #3198f5;

}

.update {

  position: absolute;

  top: 45px;

  right: 0;

  width: 100%;

  background-color: #fff;

  box-shadow: 2px 2px 8px #2e2e2e44;

  padding: 6px 10px;

  width: 300px;

  text-align: center;

  display: none;

}

.update p {

  margin-bottom: 0px;

}





/* New  */

.profile {

  padding: 12px;

  margin-bottom: 16px;

  background-color: #fff;

  border-radius: 2px;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);

}

.profile p {

  margin-bottom: 2px;

  font-size: 13px;

}

.profile h3 {

  margin-bottom: 0px;

  font-size: 18px;

}

.seller a {

  color: #222;

  font-size: 14px;

  font-weight: 600;

  display: inline-block;

}

.seller a:hover {

  color: #3198f5;

}

.search {

  width: 80%;

}

.category {

  padding: 0px;

  margin-right: 15px;

}

.cat-image {

  overflow: hidden;

  border-radius: 5px;

}

.cat-image img {

  width: 100%;

  border-radius: 5px;

  transition: transform 0.9s ease;

}

.category-pro .pro-cont {

  text-align: center;

}

.category-pro .pro-cont h3 {

  margin-bottom: 0px;

}

.category-pro .pro-wrapper:hover .cat-image img {

  transform: scale(1.03);

  border-radius: 5px;

}





/* Add-Strip  */

.add-strip {

  background-image: url(../web-images/bg-01.jpg.webp);

  background-size: cover;

  background-position: center;

  height: 300px;

  display: flex;

  align-items: center;

}

.add-cont h2 {

  color: #fff;

  font-size: 32px;

  line-height: 1.2;

  font-weight: 500;

}

.add-buy {

  display: flex;

  justify-content: end;

}









header{

  position: sticky;

  top: 0;

  background-color: #fff;

  z-index: 10;

  box-shadow: 2px 2px 15px rgba(128, 128, 128, 0.226);

}

.navbar{

    /* background: #fafafa; */

    padding: 0 1rem;

    /* position: fixed; */

    top: 0;

    left: 0;

    width: 100%;

    max-height: 100vh;

    display: flex;

    flex-direction: column;

    z-index: 10;

}

.brand-and-icon{

    display: flex;

    justify-content: space-between;

    padding: 1rem 0;

    border-bottom: 1px solid #ddd;

}

.navbar-brand{

    font-size: 1.8rem;

    letter-spacing: 3px;

    font-weight: 700;

}

.navbar-toggler{

    display: block;

    border: none;

    background: transparent;

    font-size: 1.8rem;

    cursor: pointer;

    padding: 0.2rem 0.5rem;

    transition: all 0.4s ease;

    border: 2px solid #000;

    border-radius: 4px;

}

.navbar-toggler:hover{

    opacity: 0.7;

}

.navbar-collapse{

    /*overflow-y: scroll;*/

    /*display: none;*/

}

.navbar-nav > li > a{

    font-size: 1.1rem;

    font-weight: 500;

    display: block;

    padding: 0.6rem 0;

    margin: 0.2rem 0;

    border-bottom: 1px solid #ddd;

    border-radius: 1px;

    position: relative;

    transition: all 0.4s ease;

    color: #1d1d1d;

}

.drop-icon{

    position: absolute;

    /* right: 10px; */

    top: 48%;

    transform: translateY(-50%);

    padding: 0 5px;

}

.drop-icon i{

  font-size: 10px;

}

.navbar-nav > li > a:hover{

    color: #3198F5;

}

.sub-menu h4{

    text-transform: capitalize;

    font-size: 1rem;

    padding: 0.5rem 0;

}

.sub-menu ul li{

    text-transform: capitalize;

    padding: 0.2rem 0;

    margin: 0.2rem 0;

    font-size: 0.95rem;

}

.sub-menu ul li a{

    opacity: 0.8;

    transition: all 0.3s ease;
    
        color: #1d1d1d;
    font-weight: 500;

}

.sub-menu ul li a:hover{

    opacity: 0.9;
    
    color:#0949bd;

}

.sub-menu{

    display: none;

}

.sub-menu-item img{

  width: 100%;

}

.sub-menu-item{

    padding-left: 1.2rem;

}

/*.sub-menu-item:nth-child(3){*/

/*    background: #ddd;*/

/*    display: flex;*/

/*    flex-direction: column;*/

/*    justify-content: center;*/

/*    align-items: flex-start;*/

/*    padding-top: 2rem;*/

/*    padding-bottom: 2rem;*/

/*}*/

.sub-menu-item:nth-child(3) h2{

    text-transform: capitalize;

    margin: 1.5rem 0;

}

.sub-menu-item:nth-child(3) .btn{

    border: 1px solid #000;

    text-transform: uppercase;

    font-size: 0.9rem;

    padding: 0.6rem 1rem;

    cursor: pointer;

    background: #000;

    color: #fff;

    transition: all 0.5s ease;

}

.sub-menu-item:nth-child(3) .btn:hover{

    background: transparent;

    color: #000;

}

/*.sub-menu-item:nth-child(4){*/

/*    width: 50%;*/

/*    margin: 0 auto;*/

/*    padding: 2rem 0;*/

/*}*/



/* header */

.header{

    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://source.unsplash.com/g-kNBpqMIs4/1920x1400) center/cover no-repeat;

    height: 100vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.header h2{

    margin: 1rem;

    font-size: 3rem;

    font-weight: 900;

    color: #fff;

    letter-spacing: 2px;

}

.header p{

    margin: 1rem auto;

    color: #fff;

    width: 60%;

    opacity: 0.8;

    font-weight: 300;

    font-size: 1.2rem;

    text-align: center;

}

.header button{

    margin: 1rem;

    font-size: 1rem;

    text-transform: uppercase;

    background: #000;

    color: #fff;

    border: none;

    padding: 0.8rem 1.5rem;

    transition: all 0.5s ease;

    cursor: pointer;

}

.header button:hover{

    background: #fff;

    color: #000;

}







/* VINAY-NEW  */

.banner{

 

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding-top: 80px;

  padding-bottom: 150px;

}

.banner .banner-box{

  display: flex;

}

.banner .banner-content{

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.banner .banner-content h1{

  font-size: 48px;

  font-weight: 700 !important;

  line-height: 1.2;

  margin-bottom: 30px;

}

.banner .banner-content h1 span{

  color: #0949bd;

}

.banner .banner-content .uni-btn{

  margin-bottom: 30px;

}

.banner .banner-content h3{

  font-weight: 700;

  font-size: 22px;

  margin-bottom: 20px;

}

.banner .banner-content ul{

  display: flex;

  flex-wrap: wrap;

}

.banner .banner-content ul img{

  width: 70px;

  margin-right: 40px;

}

.banner .banner-counter{

  height: 100%;

}

.banner .banner-counter ul{

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

}

.banner .banner-counter ul h3{

  text-align: center;

  font-size: 28px;

  color: #0949bd;

  font-weight: 700;

}

.banner .banner-counter ul span{

  font-weight: 600;

  display: block;

  text-align: center;

  width: 100%;

}



/* Banner-Dit  */

.banner-dit{

  height: 0;

}

.banner-dit .container{

  background: #fff;

  box-shadow: 0px 2px 46px rgba(0,0,0,.08);

  border-radius: 20px;

  padding: 20px 30px;

  position: relative;

  bottom: 120px;

}

.banner-dit .banner-box{

  padding: 20px;

  border-radius: 10px;

  transition: ease-in-out .2s;

  box-shadow: 0 0px 10px rgba(0,0,0,.15);

  height: 100%;

}

.banner-dit .banner-box h3{

  line-height: 1.2;

  font-size: 22px;

  font-weight: 700;

}

.banner-dit .banner-box p{

  margin-bottom: 0px;

}

.banner-dit .banner-box .ban-head{

  display: flex;

  justify-content: space-between;

}

.banner-dit .banner-box .ban-head i{

  color: #fff;

  height: 30px;

  width: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 10px;

  border-radius: 50px;

  background-color: #707070;

  transition: .5s ease-in;

}

.banner-dit .banner-box:hover i{

  transform: rotate(360deg);

  background: rgb(9,73,189);

  background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(49,97,182,1) 100%);

}



/* Trusted  */

.trusted{

  background: rgb(9,73,189);

  background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(49,97,182,1) 100%);

  padding: 150px 0px 50px 0px;

}

.trus-cont{

  height: 100%;

  border-right: 1px solid gray;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.trus-cont h3{

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 20px;

}

.trus-cont h2{

  font-size: 30px;

  font-weight: 600;

  color: #fff;

  line-height: 1.2;

}

.trust-img img{

  width: 100%;

}



/* Awards  */

.awards .award-box{

  padding: 15px;

  background: #e8f5ff;

  border-radius: 12px;

  box-shadow: 0 0 7px rgba(0,0,0,.15);

  height: 100%;

}

.awards .award-box img{

  width: 100%;

}

.awards .award-box h3{

  font-size: 16px;

  text-align: center;

  margin-bottom: 10px;

  margin-top: 20px;

}

.awards .award-box p{

  font-size: 14px;

  text-align: center;

  line-height: 1.2;

}



/* Revolutionizing  */

.revoulation-box{

  display: flex;

}

.revoulation-box .rev-cont{

  width: 40%;

}

.revoulation-box .rev-cont .rev-li{

    background: #fff;

    box-shadow: rgba(11,35,109,22%) 6px 6px 12px;

    border-radius: 10px;

    padding: 25px;

    margin-top: 20px;

    transition: .5s;

}

.revoulation-box .rev-cont .rev-li h3{

  transition: .5s;

  font-weight: 500;

}

.revoulation-box .rev-cont .rev-li p{

  transition: .5s;

  margin-bottom: 0px;

}

.revoulation-box .rev-imges{

    width: 60%;

    position: relative;

}

.revoulation-box .rev-img{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    margin: 0 auto;

    border-radius: 50%;

    box-shadow: 7px 6px 30px rgba(0,0,0,65%);

    border: 1px solid #fff;

    transition: linear .03s;

}

.revoulation-box .rev-imges img{

  border-radius: 50%;

  width: 100%;

}

.revoulation-box .rev-imges .one{

  z-index: 8;

    height: 237px;

    width: 237px;

}

.revoulation-box .rev-imges .two{

  z-index: 7;

  height: 368px;

  width: 368px;

}

.revoulation-box .rev-imges .third{

  z-index: 6;

  height: 503px;

  width: 503px;

}

.revoulation-box .rev-imges .four{

  z-index: 5;

  height: 643px;

  width: 643px;

  box-shadow: unset;

}

.rev-ris-img{

    display:none !important;

}

.hovered{

  background-color: #0949bd !important;

}

.hovered h3{

  color: #fff;

}

.hovered p{

  color: #fff;

}

.allmg img{

  filter: opacity(0.5);

}

.hovereds img{

  filter: opacity(0.5);

}

.hovereds .one img{

  filter: opacity(0.5);

}

.hoveredss{

  background-color: red;

}

/* .hovereds .two img{

  filter: opacity(1);

} */

.rev-anime{

  z-index: 9;

  height: 130px;

  width: 130px;

  background: #fff;

  border-radius: 50%;

  padding: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

}

.rev-anime img{

  animation: zoom-in-zoom-out 4s ease-out infinite;

  margin: 0 auto;

  width: 60% !important;

}

@keyframes zoom-in-zoom-out{

  0%{

    transform: scale(1);

  }

  50%{

    transform: scale(1.1);

  }

  100%{

    transform: scale(1);

  }

}



/* Fetured  */

.fetured-box{

  display: flex;

  height: 100%;

}

.fetured-box .fetured-cont{

  width: 55%;

  background-color: #002033;

  padding-left: 140px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.fetured-box .fetured-img{

  width: 45%;

  background-color: #3A549F;

  padding-right: 140px;

}

.fetured-box .fetured-img img{

  width: 100%;

  margin: auto;

}

.fetured-cont p{

  color: #fff;

}

.fetured-cont h3{

  color: #fff;

  font-size: 36px;

  margin-bottom: 20px;

}

.fetured-cont h2{

  color: #fff;

}

.fetured-cont h4{

  color: #fff;

  font-size: 17px;

  margin-bottom: 0px;

}

.fetured-cont span{

  color: #fff;

  font-size: 14px;

  display: inline-block;

  margin-bottom: 5px;

}

.google-services{

  display: flex;

  flex-direction: row;

}

.google-services a:first-child{

  margin-right: 20px;

}

.slick-next{

  right: 25px !important;

  z-index: 1 !important;

  background-color: #fff !important;

  width: 45px !important;

  height: 45px !important;

  border-radius: 50px !important;

}

.slick-prev{

  left: 25px !important;

  z-index: 1 !important;

  background-color: #fff !important;

  width: 45px !important;

  height: 45px !important;

  border-radius: 50px !important;

}

.slick-prev:before, .slick-next:before{

  color: #2e2e2e !important;

  font-size: 25px !important;

}



/* Strip  */

.strip .container{

  background: #dee0e5;

  padding-left: 40px;

  padding-right: 40px;

  display: flex;

  align-items: center;

  border-radius: 20px;

  padding-top: 10px;

  justify-content: space-between;

}

.strip .strip-cont{

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.strip .strip-cont h2{

  font-size: 48px;

  font-weight: 600;

  color:#1d1d1d;

  line-height: 1.2;

}

.strip .strip-cont h2 span{

  color: #f05825;

}

.strip .strip-cont p{

  font-size: 22px;

  line-height: 1.5;

}

.strip .strip-img{

  display: flex;

  justify-content: center;

  width: 60%;

  margin: auto;

}

.strip .strip-img img{

  width: 100%;

}

.strip-cont h3{

  background: #f05825;

  border-radius: 7px;

  padding: 10px 20px;

  width: fit-content;

  font-weight: 500;

  font-size: 24px;

  color:#fff;

}



/* Experties  */

.expertise{

  background-color: #002033;

}

.expertise .heading h2{

  color: #fff;

}

.expertise .heading p{

  color: #fff;

}

.expertise-box{

  border-radius: 20px;

  background-color: #fff;

  transition: .8s;

  height: 100%;

}

.expertise-box img{

  width:100%;

  height: 220px;

  object-fit: cover;

  border-radius: 20px 20px 0px 0px;

}

.expertise .expertise-cont{

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: #fff;

  padding: 15px 20px;

  border-radius: 0px 0px 20px 20px;

}

.expertise .expertise-cont h3{

  font-size: 28px;

}

.expertise .expertise-cont i{

  width: 52px;

  height: 52px;

  border: 1px solid #b1b3b8;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #1d1d1d;

  font-size: 20px;

}

.expertise .expertise-wrapper:hover .expertise-box{

  transform: scale(1.04);

}



/* .Clints-Slider  */

.client-img img{

  width: 40%;

  margin: auto;

  filter: grayscale(1);

  border-radius: 50px;

}

.client-slideimg img{

  width: 80%;

  margin: auto;

  border-radius: 20px;

  box-shadow: 0px -5px 10px #808080b0;

}

.client-cont h3{

  font-size: 30px;

  margin-bottom: 15px;

}

.client-cont h4{

  font-size: 16px;

  margin-bottom: 20px;

  font-weight: 500;

}

.client-cont p{

  font-size: 18px;

  font-weight: 300;

}

.clients .slick-arrow{

  bottom: -25% !important;

  top: unset !important;

  border: 1px solid #1d1d1d;

} 

.clients .slick-prev {

  left: 44% !important;

}

.clients .slick-next {

  right: 44% !important;

}

.clients .slick-center img{

  filter: grayscale(0);

  border: 1px solid #00000062;

  padding: 7px;

  transform: scale(1.2);

}

.clients .slick-list{

  padding: 15px 50px !important;

}

.clients .slick-dots{

  display: none !important;

}

.clients .slick-slide {

    overflow:hidden;

}

/* Quote  */

.quote .container{

  background-color: #1D1D1D;

 padding: 30px;

}

.quote .quote-cont{

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.quote .quote-cont h2{

  font-size: 36px;

  color: #fff;

  line-height: 1.2;

  font-weight: 700;

  margin-bottom: 20px;

}

.quote-img img{

  width: 100%;

}



/* Blog */

.blog-box{

  display: flex;

  padding: 15px 20px;

  border-radius: 10px;
  
  height:50%;

}

.blog .blog-cont .uni-a{
    margin-top:20px;
}

.blog-box .blog-img{

  width: 50%;

  padding-right: 12px;

}

.blog-box .blog-img img{

  width: 100%;

  border-radius: 10px;

  height: 100%;

  object-fit: cover;

  object-position: left;

}

.blog .blog-cont{

  width: 50%;

}

.blog-boxsec{

  height: 100%;

  display: flex;

  flex-direction: column-reverse;

}

.blog-boxsec .blog-img{

  width: 100%;

  padding-top: 25px !important;

}

.blog-boxsec .blog-cont{

  width: 100%;

}



/* Why-Us  */

.why-us img{

  width: 100%;

}

.why-us .cont-li{

  background: #fff;

  box-shadow: 0px 2px 56px rgba(0,0,0,.07);

  border-radius: 10px;

  padding: 20px;

  display: flex;

  transition: .3s;

}

.why-us .cont-li h3{

  transition: .3s;

}

.why-us .cont-li p{

  margin-bottom: 0px;

  transition: .3s;

}

.why-us .cont-li i{

  color: #0949bd;

  font-size: 32px;

  margin-right: 20px;

  transition: .3s;

}

.why-us .cont-li:hover{

  background-color: #0949bd;

}

.why-us .cont-li:hover i{

  color: #fff;

}

.why-us .cont-li:hover h3{

  color: #fff;

}

.why-us .cont-li:hover p{

  color: #fff;

}



/* Landing-Form  */

.landing-form h3{

  font-size: 40px;

  color: #1d1d1d;

  font-weight: 500;

}

.landing-form h2{

  font-size: 100px;

  color: #0949bd;

  font-weight: 600;

}

.landing-form h4{

  font-size: 25px !important;

}

.landing-form h5{

  font-size: 30px;

  font-weight: 700;

}

.landing-form .lan-form{

  background: #f9fafb;

  border-radius: 40px;

  opacity: 1;

  padding: 25px;

  margin-left: 90px;

  box-shadow: 0 2px 56px 0 rgba(0,0,0,.1);

}

.landing-form .lan-form h2{

  font-size: 40px;

  color: #1d1d1d;

  margin-bottom: 20px;

}

.landing-form .lan-form input{

  border: 1px solid rgba(177,179,184,.45);

  padding: 10px 20px;

  border-radius: 30px;

  background: #fff;

  color: #65676b ;

  width: 100%;

  font-size: 18px;

  margin-bottom: 20px;

  outline: none !important;

}

.landing-form .lan-form input::placeholder{

  color: #65676b;

  font-size: 17px;

}

.landing-form .lan-form select{

  border: 1px solid rgba(177,179,184,.45);

  padding: 10px 20px;

  border-radius: 30px;

  background: #fff !important;

  color: #65676b !important;

  width: 100%;

  font-size: 18px;

  margin-bottom: 20px;

  outline: none !important;

}

.landing-form .lan-form select::placeholder{

  color: #65676b;

  font-size: 17px;

}

.landing-form .lan-form textarea{

  border: 1px solid rgba(177,179,184,.45) !important;

  padding: 10px 20px;

  border-radius: 30px;

  background: #fff !important;

  color: #65676b !important;

  width: 100%;

  font-size: 18px;

  margin-bottom: 20px;

  outline: none !important;

}

.landing-form .lan-form textarea::placeholder{

  color: #65676b;

  font-size: 17px;

}



input:required:focus {

  border: 1px solid red;

  outline: none;

}

.landing-cont ul{

  margin-top: 10px;

}

.landing-cont ul a{

  font-size: 18px;

  font-weight: 300;

}

.landing-cont ul li{

  margin-bottom: 8px;

}

.landing-cont ul a i{

  margin-right: 5px;

}



/* Location  */

.location .location-box{

  display: flex;

  align-items: flex-end;

  height: 100%;

}

.location .loc-img{

  margin-right: 20px;

}

.location img{

  width: 100%;

}

.location .loc-cont h3{

  font-size: 26px;

}

.location .loc-cont p{

  font-size: 13px;

  font-weight: 500;

  margin-bottom: 0px;

}


/* Harshuitt  */

.edu-banner{

  background-image: url(../../web-images/ind-edu/education_bnr.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.edu-banner .heading h1{

  font-size: 48px;

  line-height: 1.3;

  text-align: left;

  padding: 0;

  color: #000;

}

.edu-banner p{

  font-size: 22px;

  margin-bottom: 40px;

}

.indust .service p span::after{

display: none;

}

.indust .service p span::before{

  display: none;

  }

.space-top{

  margin-top: 50px;

  }

.space-bottom{

  margin-bottom: 50px;

  }



  .space-bottom_edu_cta{

    margin-bottom: 100px;

  }

.padding-ban{

  padding: 160px 0;

}

.sb h2 {

  font-size: 48px;

  line-height: 1.2;

  font-weight: 700;

}

.sb p {

  color: #383838;

  font-size: 20px;

  line-height: 1.5;

  font-weight: 400;

  margin-top: 8px !important;

  text-align: center;

}

.space-li{

  margin-top: 70px;

}

.edu_ul{

  margin-top: 35px;

}

.edu_li{

  position: relative;

  margin-bottom: 30px;

}

.edu_li h5{

  font-size: 20px;

  font-weight: 800;

  padding-left: 40px;

}

.edu_li:after{

  position: absolute;

  content: "";

  background: transparent linear-gradient(180deg,#33b4ff 0%,#0949bd 100%) 0% 0% no-repeat padding-box;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  bottom: 0;

  left: 0;

  top: 5px;

}

.indust .counter{

  padding: 40px  12px;

  background-color: #2e2e2e;

}

.indust .counter p{

  text-align: center;

  color: #f05825;

}

.indust .counter h2{

  text-align: center;

  color: #fff;

font-size: 40px;

font-weight: 700;

}

.indust .counter p{

  margin-bottom: 0;

}

.edu_cta1{

  background-color:#1D1D1D;

  padding: 60px ;

  border-radius: 30px;

  display: flex;

  justify-content: space-between;

  position: relative;

}



.edu_cta1 .text-white h2{

  font-size: 36px;

  font-weight: 600;

  line-height: 1.2 !important;

  text-align: left !important;

  transition: all 0.3s ease-in-out 0.2s;

}

.edu_cta1 .text-white p{

  color: #fff !important;

  margin: 20px 0px 35px;

  transition: all 0.3s ease-in-out 0.2s;

}

.edu_cta1_rgt_img{

  width: 100%;

  padding-top: 15px;

}

.edu_cta1 img{

  text-align: center;

}

.edu_cta1_rgt {

  position: absolute;

  right: -50px;

  top: 0;

}

.edu_sec5{

  background: #141324;

  padding: 70px 0;

}

.edu_sec5 .text-white h2{

  font-size: 36px;

  font-weight: 600;

  line-height: 1.2 !important;

  color: #fff !important;

  text-align: center !important;

}

.edu_feature h2{

  font-size:36px ;

  font-weight: 600;

  line-height: 1.2 !important;

  text-align: center !important;

}

.edu_feature p{

  text-align: center !important;

  color: #383838;

  font-size: 20px;

  line-height: 1.5;

  font-weight: 400;

  margin-top: 8px !important;

}

.edu_feat_box {

  text-align: center;

  transition: all .3s ease-in-out 0s;

  border-radius: 20px;

  padding: 40px 20px 20px 20px;

  height: 100%;

  border: 1px solid #8080800a;

}

.edu_feat_box h3 {

  margin: 15px 0 15px;

  font-weight: 600;

  font-size: 20px;

}

.edu_feat_box p{

  font-size: 16px;

  font-weight: 400;

}

.edu_feat_box:hover{

  background-color: unset !important;

  box-shadow: #ccdbe8 3px 3px 6px 0px inset, rgba(204,219,230,.5) 3px 3px 6px 1px inset;

  transform: scale(.95);

}

.feature_img{

  width: 10%;

  margin: auto;

}

.feature_img img{

  transition: .5s;



}

.edu_feat_box:hover .feature_img img {

  transform: rotateY(180deg);

}



.edu_vid .edu_video {

  background: url(../web-images/img-harsh/video_bg.png);

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  padding: 130px 30px;

  border-radius: 36px;

}

.image_vid{

  position: relative;

  z-index: 1;

}

.image_vid::after{

  position: absolute;

  content: "";

  background: transparent linear-gradient(180deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;

  border-radius: 22px;

  width: 100%;

  height: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  transform: rotate(-5deg);

  z-index: -1;

}

.image_vid>img{

  width: 100%;

}

.vid_cont {

  padding: 0 55px ;

}

.vid_cont h2{

  margin-bottom: 30px;

}

.image_vid span{

  position: absolute;

  bottom: -50px;

  width: 165px;

  height: 165px;

  right: -50px;

  cursor: pointer;

  animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}

@keyframes spin{

  0%{

      transform: rotate(-360deg);

  }

}

.edu_modal  h2 {

  text-align: center;

  font-weight: 700;

  line-height: 1.2;

  font-size: 48px;

}

.modal_back{

  background: url(../../web-images/ind-edu/connect.png);

  background-repeat: no-repeat;

  background-size: contain;

  width: 150px;

  height: 150px;

  border: unset;

  background-position: center;

  margin: 70px auto 0;

  display: flex;

  align-items: center;

  justify-content: center;

  animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}

.modal_back:hover{

  transform: scale(1.1);

  background-color: transparent;

  animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}

.edu_modal .sp{

  position: relative;

}

.edu_modal .sp:after {

  position: absolute;

  content: "";

  background: url(../../web-images/ind-edu/lst_cta.png);

  background-position: center;

  width: 100%;

  height: 120px;

  background-repeat: no-repeat;

  bottom: 14px;

  z-index: -1;

  right: 0;

}

.edu_modal .sp h2 span{

  background: #28a3ea;

  padding: 10px 20px ;

  border-radius: 50px;

  color: #fff;

}

.edu_feat_service {

  background: #141324;

  padding: 70px 0;

}

.text-white h2{

  font-size: 36px;

  font-weight: 600;

  line-height: 1.2 !important;

  color: #fff !important;

  text-align: center !important;

}

.text-white h3{

  color: #fff ;  

}

.text-white p{

  color: #fff ;

  margin: 20px 0px 35px;

}

.edu_feat_service .edu_feat_service_box{

  background: rgba(255,255,255,.09) 0% 0% no-repeat padding-box;

  border: 1px solid rgba(255,255,255,.23);

  border-radius: 16px;

  opacity: 1;

  backdrop-filter: blur(38px);

  padding: 20px;

  transition: all .3s ease-in-out .2s;

  height: 100%;

}

.edu_feat_service .edu_feat_service_box:hover p{

  color:#000 !important;

}

.edu_feat_service .edu_feat_service_box:hover h3{

  color:#000 !important;

}

.edu_feat_service .edu_feat_service_box:hover {

  background: #fff;

  border: 1px solid #046aa5;

  transform: translate(0px, -10px);   

}

.edu_ad_tech_slider_box {

  background: #EEF4FD;

  border-radius: 36px;

  height: 100%;

  

}

.edu_ad_tech_slider_box .edu_ul{

  margin-top: 35px;

}

.edu_ad_tech_slider_box .edu_li{

  position: relative;

  margin-bottom: 30px;

}

.edu_ad_tech_slider_box .edu_li h3{

  font-size: 18px;

  font-weight: 700;

  padding-left: 40px;

}

.edu_ad_tech_slider_box .edu_li:after{

  position: absolute;

  content: "";

  background: transparent linear-gradient(180deg,#33b4ff 0%,#0949bd 100%) 0% 0% no-repeat padding-box;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  bottom: 0;

  left: 0;

  top: 2px;

}

.edu_ad_tech_slider_box .slider_cont{

  padding: 70px;

}

.edu_ad_tech_slider_box .slide_img{ 

  height: 100%;

  overflow: hidden;

  border-radius: 20px;

}

.edu_ad_tech_slider_box .slide_img img{ 

  height: 100%;

  width: 100%;

}

img{

  width: 100%;

}

.edu_arrow{

  width: 45%;

}



.edu_port_slide1{

  background: url(../../web-images/img-harsh/kids_early_education.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.edu_port_slide2{

  background: url(../../web-images/img-harsh/iClicker-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.edu_port_slide3{

  background: url(../../web-images/img-harsh/SLSA-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.edu_port_space{

  padding: 40px 20px;

  border-radius: 20px;

  margin: 20px !important;

}

.edu_tab {

  overflow: hidden;

  text-align: center;

  display: flex;

  justify-content: center;

}

/* Style the buttons inside the tab */

.edu_tab button { 

  cursor: pointer;

  padding: 20px;

  transition: 0.3s;

  font-size: 17px;

  color: #fff;

  border: 1px solid #FFFFFF5C ;

  width: 30%;

  border-radius: 10px ;

  background: transparent ;

  margin-left: 15px;

  color: #fff;

  font-size: 24px;

  font-weight: 700;

}



.edu_tab button.active {

  background: transparent linear-gradient(180deg, #33B4FF 0%, #00649E 100%) 0% 0% no-repeat padding-box ;

}



/* Style the tab content */

.edu_tabcontent {
  /* display: none; */
  padding: 6px 12px;
}

.edu_tabcontent  .img-tab{
  width: 73%;
}
.edu_tabcontent .edu_ul{
  margin-top: 35px;
}
.edu_tabcontent .edu_li{
  position: relative;
  margin-bottom: 30px;
}
.edu_tabcontent .edu_li h3{
  font-size: 18px;
  font-weight: 700;
  padding-left: 40px;
}
.edu_tabcontent .edu_li:after{

  position: absolute;

  content: "";

  background: transparent linear-gradient(180deg,#33b4ff 0%,#0949bd 100%) 0% 0% no-repeat padding-box;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  bottom: 0;

  left: 0;

  top: 2px;

}

.edu_protfolio_slider .port_head{

  display: flex;

  align-items: center;

}

.edu_protfolio_slider .port_head h3{

  font-size: 30px;

  margin-left: 20px;

  margin-bottom: 0;

}

.edu_slide_con_port p{

  font-size: 14px;

  width: 100%;

  margin-top: 10px;

  margin-bottom: 0px;

  color: #1D1D1D;

  line-height: normal;

  text-align: left;

}

.edu_protfolio_slider .port_cont{

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 15px  ;

}

.edu_protfolio_slider .port_cont .port_cont1 span{

  display:block ;

}

.port-icon{

  display: flex;

}

.port-icon a{

  margin-left: 10px;

}

.edu_cta2{

  background-color:#089df3;

  padding: 60px ;

  border-radius: 30px;

  display: flex;

  justify-content: space-between;

  position: relative;

}



.edu_cta2 .text-white h2{

  font-size: 40px;

  font-weight: 600;

  line-height: 1.2 !important;

  text-align: left !important;

}

.edu_cta2_rgt_img{

  width: 60%;

}

.edu_cta2 img{

  text-align: center;

}

.edu_cta2_rgt {

  position: absolute;

  right: -100px;

  bottom: 0;

}

.edu_protfolio_slider .slick-slide.slick-center {

  opacity: 1;

}

.edu_protfolio_slider .slick-slide {

  opacity: .4;

}

.port_cont1 h4{

font-size: 14px;

font-weight: 600;

}





/* nav tab */

.nav1 {

  display: flex;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.nav-tabs1 {

  border-bottom: 1px solid #ababab;

  margin: 30px 0;

  flex-wrap: wrap;

  justify-content: space-between;

}

.nav-tabs1 .nav-link1 {

  margin-bottom: -1px;

  background: 0 0;

  border: 1px solid transparent;

  border-top-left-radius: 0.25rem;

  border-top-right-radius: 0.25rem;

}

.nav-link1 {

  display: block;

  padding: 15px 11px !important;

  color: #0d6efd;

  text-decoration: none;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 13px;

  letter-spacing: 0.06em;

  background-color: transparent !important;

}

.edu_lang_tech .show{

  border: none !important;

}

.edu_lang_tech .show li{

  border: none !important;

}





.edu_lang_tech .nav-link1 p {

  color: #1d1d1d;

  font-size: 18px;

  font-weight: 800;

  margin: 0;

}

.edu_lang_tech .nav-link1:hover {

  border-bottom: 2px solid #00649e !important;

  border-radius: unset;

}





/* tab-edu */

.edu-wrapper  img {

  width: 100%;

  border: 1px solid rgba(128, 128, 128, 0.24);

  padding: 20px;

  border-radius: 10px;

  transition: .5s ease;

}

.edu-wrapper-img {

  align-items: center;

  margin-right: 12px;

  width: 105px;

  height: 100%;

  justify-content: center;

  margin: auto;

}

.edu-wrapper  p {

  font-size: 16px;

  color: #141324 !important;

  font-weight: 500;

  margin-top: 10px;

  margin-bottom: 0px;

  transition: .5s ease;

  text-align: center;

}

/* edu-process -section */

.edu_process_ul {

  position: relative;

}

.edu_process_li {

  background: #eef4fd;

  padding: 30px 30px 30px 100px;

  border-radius: 25px;

  margin-bottom: 50px;

  width: 70%;

  margin-left: auto;

  position: relative;

}

.edu_process_li:before {

  background: #182026;

  opacity: .56;

  position: absolute;

  content: "";

  height: 2px;

  width: 30%;

  left: -310px;

  background-repeat: no-repeat;

  background-position: center;

  top: 92px;

}

.edu_process_li .edu_process_img {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  left: -75px;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9;

}

.edu_process_li:after {

  position: absolute;

  content: "";

  background: transparent linear-gradient(242deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;

  width: 45px;

  height: 45px;

  border: 10px solid #fff;

  left: -345px;

  top: 70px;

  background-repeat: no-repeat;

  z-index: 9;

  border-radius: 50%;

  outline: 2px solid #7d8285;

}



.edu_process_ul:after {

  position: absolute;

  content: "";

  background: #182026;

  top: 0;

  bottom: 0;

  width: 2px;

  height: 100%;

  opacity: .56;

  left: 65px;

}

/* Accordian  */

.edu_faq .edu_accordion_faq {

  width: 100%;

  background-color: transparent;

  border-radius: 8px;

}

.edu_faq .edu_accordion_faq .accordion-content {

  background-color: transparent;

  border-bottom: 1px solid black;

  border-radius: 0px;

  margin: 10px 0;

  overflow: hidden;

}



.edu_faq .accordion-content.open {

  padding-bottom: 0px;

  background: rgba(82,126,166,10%);

  border-radius: 20px;

  border-top: unset;

  border: none;

  padding:  20px 0;

}

.edu_faq .accordion-content.open .header_faq{

  padding: 20px;

}

.edu_faq .accordion-content .header_faq {

  display: flex;

  justify-content: space-between;

  align-items: center;

  min-height: 50px;

  padding:  20px;

  cursor: pointer;

  transition: all 0.3s linear;

  font-size: 18px;

  line-height: normal;

  font-weight: 600;

  cursor: pointer;

  width: 100%;

}





.edu_faq .accordion-content.open .header_faq {

  min-height: 50px;

}

.edu_faq .accordion-content .description_faq {

  height: 0px;

  padding: 0px 15px;

  transition: all 0.3s linear;

  margin-bottom: 0px;

  color: #000;

}

.edu_faq.accordion-content .title_faq {

  font-size: 16px;

  font-weight: normal;

  padding: 10px 0;

  color: #fff;

}

.edu_faq .accordion-content .header_faq i {

  font-size: 18px;

  cursor: pointer;

  color:#00649e;

  background: rgba(78,123,164,10%) !important;

  border-radius: 11px;

  height: 35px;

  width: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}





/* Harushitt - End  */



/* Ankita - CSs  */

 /* span{

    color: #0475e5;

    font-size: 30px;

    font-weight: 400;

}

.heading p{

    font-size: 22px;

    color: #3b3b3b;

    font-weight: 500;

}

.heading h1{

    font-weight: bold;

} */



  /* succeed-section */

  .succeed-section{

    padding: 50px 0px;

  }

  .succeed-content .heading h2{

    font-size: 40px;

    color: #1d1d1d;

    max-width: 788px;

    margin-bottom: 50px;

  }

  .succeed-box .heading h3{

    font-size: 25px;

    color: #1d1d1d;

    font-weight: 600;

    transition: .3s;

  }

  .succeed-box  p{

    font-size: 18px;

    color: #383838;

    transition: .3s;

    margin-top: 15px;

  }

  .succeed-box{

    /* border: 1px solid black; */

    border-radius: 10px;

    box-shadow: 1px 1px 10px #80808029;

    padding: 30px 20px;

    margin-bottom: 35px;  

    height: 100%;

  }

  .box1{

    background-color: #f2f2ff;

    transition: .3s;

  }

  .box2{

    background-color: #fffbeb;

    transition: .3s;

  }

  .box3{

    background-color: #f2f9ff;

    transition: .3s;

  }

  .box4{

    background-color: #e5f5f0;

    transition: .3s;

  }

  .box5{

    background-color: #fff2f2;

    transition: .3s;

  }

  .box6{

    background-color: #ebf9ff;

    transition: .3s;

  }



  .box1:hover{

    background-color: #5c55c9;

    color: white;

  }

  .box2:hover{

    background-color: #ffb85f;

    color: white;

  }

  .box3:hover{

    background-color: #1dc7d4;

    color: white;

  }

  .box4:hover{

    background-color: #4a978a;

    color: white;

  }

  .box5:hover{

    background-color:#f32c5c ;

    color: white;

  }

  .box6:hover{

    background-color: #298dff;

    color: white;

  }

  .succeed-box:hover p{

    color: white;

  }

  .succeed-box:hover h3{

    color: white;

  }

.box_dv span{

  display: inline-block;

  width: 30px;

  height: 30px;

  border-radius: 7px;

  transition: .3s;

}

.box_dv{

  display: flex;

  justify-content: space-between !important;

  align-items: center;

}

.succeed-box:hover span{

  background-color: white !important;

}


 /* .our_clnts-section */

  .our_clnts-section{
    background-color: #2188c4;
    padding: 50px 0px;
  }
  .our_clnts-content h2{
    font-size: 39px;
    color: white;
  }
  .star-clnts{
    display: flex;
    justify-content: center;
    margin-top: 12px;
    font-size: 13px;
    border-bottom: 5px solid #ffd1ce;
    width: 75%;
  }
  .star-clnts i{
    margin: 2px;
    margin-bottom: 15px;
    color: rgb(255, 61, 46);
  } 
  .our_clnts-imagebox img{
    width: 100%;
  }
  .our_clnts-box{
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
  }
  .our_clnts-box .our_clnts-text h3{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 11px;
  }
  .our_clnts-box .our_clnts-text p{
    font-size: 22px;
    text-align: center;
  }
  .clients-wrapper i{
    color: rgb(239, 109, 82);
  }
   .clients-wrapper .star-clnts{
    border-bottom: 5px solid #d6d6d6 !important;
    margin-top: 3px;
  }
  .clients-wrapper{
    position: relative;
    bottom: -40px;
  }
  .clients-list .star-clnts{
    border-bottom: 5px solid #cef2ff !important;
    margin-top: 3px
  }
  .clients-list i{
     color: #008bf2
  }

  /* unlk_bsns-section */

  .unlk_bsns_cntnt span{
    color: #2188c4;
    font-weight: bold;
  }
  .unlk_bsns_cntnt h2{
    font-size: 40px;
    color: black;
    max-width: 340px;  
  }
  .unlk_bsns_cntnt p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    max-width: 465px;
  }

  .unlk_bsns-section{
    padding: 50px 0px;
  }

  /* our_srvcs-section */

  .our_srvcs-content h2{
    font-size: 40px;
    font-weight: 700;
    max-width: 545px;
  }
  .our_srvcs-imagebox img{
    width: 100%;
  }

  .our_srvcs-image img{
    width: 100%;
  }
  .our_srvcs-box{
    border: 1px solid #d6d6d6;
    box-shadow: 0px 2px 36px rgba(0,0,0,.04);
    padding: 0px 41px;
  }
  .our_srvcs-section{
    padding: 50px 0px;
  }
  .our_srvcs-wrapper{
    margin-top: 50px;
  }

  

  .serv-slider .slick-prev{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 120%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    /* -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%); */

    /* transform: translate(-50% -50%); */

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    /* background: black */

    justify-content: center;

    left: 0;

}

.serv-slider .slick-next{

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 120%;

  display: block;

  width: 20px;

  height: 20px;

  padding: 0;

  /* -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%); */

  /* transform: translate(-50% -50%); */

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  /* background: black !important; */

  justify-content: center;

  left: 81px;

}



.serv-slider .slick-prev:before{

  font-family: 'slick';

  font-size: 25px;

  line-height: 1;

  opacity: .75;

  color: black !important;

  -webkit-font-smoothing: antialiased;

} 

.serv-slider .slick-next:before{

  font-family: 'slick';

  font-size: 25px;

  line-height: 1;

  opacity: .75;

  color: black !important;

  -webkit-font-smoothing: antialiased;

}

.serv-slider button {

  width: 45px !important;

  height: 45px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 50% !important;

  background: #fff !important;

  /* border: 1px solid #e1e1e1 !important; */

  box-shadow: 1px 1px 10px #80808033;

  color: white !important;

  transition: .3s;

}

.serv-slider button:hover{

  background-color: #008bf2 !important;

  /* color: white !important; */

}

.serv-slider .slick-arrow:hover:before{

  color: white !important;

}



  /* growing-section */

  .growing-section .heading h2{

    font-size: 40px;

    color: white;

    font-weight: 700;

  }

  .growing-section .heading p{

    font-size: 18px;

    font-weight: 500;

    margin-top: 20px;

    color: white;

    max-width: 500px;

  }



  .growing-section{

    padding: 50px 0px;

    background-color: #141324;

    border-bottom-right-radius: 231px;

    width: 90%;

  }

  /* chs_ptnr-section */

  .chs_ptnr-section{

    padding: 50px 0px;

  }

  .chs_ptnr-section .heading h2{

    font-size: 40px;

    font-weight: 700;

    color: #1d1d1d;

  }

  .chs_ptnr-section .heading p{

    font-size: 18px;

    font-weight: 400;

    margin-top: 10px;

    color: #383838;

    max-width: 545px;

  }

  .chs_ptnr-box .heading h3{

    font-size: 22px;

    font-weight: 700;

    margin-top: 14px;

}

.chs_ptnr-box .heading p{

    color: #383838;

    margin-top: 18px;

    font-size: 18px;

    font-weight: 400;

}

.chs_ptnr-box{

  width: 100%;

  padding: 40px 20px;

  border-radius: 8px;

  border: 2px solid rgba(112,112,112,.06);

  height: 100%;

}

.chs_ptnr-icon i{

  font-size: 29px;

}

.ptnr-wrapper1{

   background-color: #FFF9F8;

}

.ptnr-wrapper2{

  background-color: #FBFFFF;

}

.ptnr-wrapper3{

  background-color: #FFFBF5;

}  

.ptnr-wrapper4{

  background-color: #FCF8FF;

}
/* Style the tab content */

.tabcontent {

  display: none;

  padding: 78px 0px;

  /* border: 1px solid #ccc; */

  border-top: none;

}



/* vertical tab css */

/* Style the tab */

.tab1 {

  float: left;

  /* border: 1px solid #ccc; */

  /* background-color: #f1f1f1; */

  width: 21%;

  /* height: 300px; */

}



/* Style the buttons inside the tab */

.tab1 button {

  display: block;

  background-color: inherit;

  color: #585858;

  padding: 11px 9px;

  width: 100%;

  border: none;

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 16px;

  font-weight: 700;

}

/* Style the tab content */

.tabcontent1 {

  float: left;

  padding: 0px 58px;

  /* border: 1px solid #ccc; */

  width: 70%;

  border-left: none;

  height: 300px;

}

.heading h2 {

  font-size: 48px;

  color: #000000;

  font-weight: bold;

  margin-top: 4px;

}

.heading h3 {

  font-size: 18px;

  color: #000000;

  margin-top: 25px;

  margin-bottom: 15px;

}

.tab1 button:focus {

  background-color: #0475e5;

  color: white;

  width: 100%;

}

.heading h4 {

  font-size: 18px;

  color: #000000;

}

.tabcontent1 li {

  line-height: 27px;

  font-size: 16px;

  padding-left: 27px;

  padding-bottom: 12px;

  font-weight: 500;

  color: #585858;

}

.tabcontent1 li::marker {

  color: #4099f1;

}

.tabcontent ol {

  padding: 0px 19px;

}

.heading p {

  font-size: 16px;

  color: #585858;

}

.desired_candidate_box .heading h4 {

  font-size: 18px;

  color: #000000;

  font-weight: 400;

}

.desired_candidate_box span {

  font-size: 18px;

  color: #5d5d5d;

  font-weight: 600;

}

.tab button {

  border: 2px solid #0475e5;

  color: #0475e5;

  padding: 5px 15px;

  font-size: 20px;

  background-color: white;

  font-weight: 700;

  text-transform: uppercase;

}

button:hover {

  background-color: #0475e5;

  color: white;

}

/* faq-section */



.faq-content .heading h1 {

  font-size: 56px;

  font-weight: 700;

  color: black;

}

.faq-content .heading p {

  font-size: 22px;

  color: #383838;

  font-weight: 400;

  margin-top: 20px;

}

.faq-section {

  background-color: #eff9ff;

  padding: 50px 0px;

  height: 400px;

}



/* faq-tab_section */



.faq-tab_section {

  padding: 50px 0px;

}



.tab button {

  box-shadow: 0px 2px 36px rgba(0, 0, 0, 0.08);

  color: black;

  padding: 25px 20px;

  font-size: 24px;

  background: #fff;

  border-radius: 20px 20px 0px 0px;

  font-weight: 700;

  text-transform: uppercase;

  border: none;

  margin-right: 20px;

}



.tab button:focus {

  background: transparent linear-gradient(180deg, #44bbf5 0%, #00649e 100%) 0%

    0% no-repeat padding-box !important;

  color: #fff !important;

}

.tab {

  text-align: center;

}

.tabcontent {

  display: none;

}



/* faq-tab_section */



.faq-box .accordion_ank {

  width: 100%;

  background-color: transparent;

  border-radius: 8px;

  padding: 20px 0px;

}

.faq-box .accordion_ank .accordion_ank-content {

  background-color: transparent;

  border-bottom: 1px solid #fffdd0;

  border-radius: 0px;

  margin: 10px 0;

  overflow: hidden;

}

.faq-box .accordion_ank-content.open {

  padding-bottom: 0px;

}

.faq-box .accordion_ank-content .header_ank {

  display: flex;

  justify-content: space-between;

  align-items: center;

  min-height: 50px;

  padding: 0 15px;

  cursor: pointer;

  transition: all 0.3s linear;

  /* background-color: #9f2742; */

}

.faq-box .accordion_ank-content.open header_ank {

  min-height: 50px;

}

.faq-box .accordion_ank-content .description {

  height: 0px;

  padding: 0px 15px;

  transition: all 0.3s linear;

  margin-bottom: 0px;

  background-color: #fff;

  color: #000;

}

.faq-box .accordion_ank-content .title {

  font-size: 26px;

  font-weight: 700;

  padding: 10px 0;

  color: #1d1d1d;

  border-bottom: 1px solid gray;

  width: 100%;

}

.faq-box .accordion_ank-content .header_ank i {

  font-size: 22px;

  cursor: pointer;

  color: black;

}

.faq_listing {

  margin-top: 20px;

}

.faq_listing li{

  list-style: none;

}

.tabcontent .open .header_ank span{

  color: #00649e  !important;

}

.tabcontent .open .header_ank i{

  color: #00649e  !important;

}



/* mobile css ankit */





/* elevate-section */





/* shaping-section */



.shaping-section{

  padding: 50px 0px;

  background-color: #01142b;

}

.shaping-content{

  text-align: center;

  /* margin-top: 45px; */

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.shaping-section .heading h2{ 

  color: white;

  font-size: 48px;

}

.shaping-section .heading p{ 

  color: white;

  margin-top: 4px;

  font-size: 16px;

}



.shap-box span{

  font-size: 14px;

  color: #78828e;

  font-weight: 600;

}

.shap-box .shap-content h3{

  font-size: 30px;

  color: white;

}

.shap-box .shap-content p{

  font-size: 18px;

  color: white;

}

.shap-image-box{

  display: flex;

  flex-direction: column;

  justify-content: right;

  align-items: center;

  margin: 20px;

}

.shap-image-box img{

  width: 50%;

}

/* .shap-wrapper{

  padding: 20px 0px;

} */

.shap-box{

  /* position: relative; */

  padding-top: 12px;

}

.shaping-row{

  position: relative;

}

.shaping-row::after {

  content: "";

  position: absolute;

  left: -35px;

  top: 12px;

  height: 15px;

  width: 15px;

  border: 1px solid #3772ff;

  border-radius: 50%;

  background-color: #01142b;

  z-index: 1;

}

.shaping-row::before{

  content: "";

  position: absolute;

  left: -28px;

  top: 27px;

  height: 100%;

  background-color: #808a95;

  width: 1px;

}   

/* building-section */

.building-section{

  margin-top: 115px;

  background-image: url(../../web-images/mobile-app/building-image/cta1.webp);

  border: 2px solid #fff;

  border-radius: 24px;

  padding: 66px 60px;

  background-repeat: no-repeat;

  background-position: center right;

  background-size: cover;

  background-color: #010304;

}



.building-section .building-content h2{

  font-size: 38px;

  color: white;

  font-weight: 700;

}

.building-section .building-content p{

  font-size: 18px;

  font-weight: 400;

  color: white;

  margin-top: 10px;

}

/* modrn-section */

.modrn-section{

  margin-top: 81px;

}



.modrn-section .heading h2{

  color: white;

  font-size: 48px;

}

.modrn-section .heading p{

  color: white;

  margin-top: 8px;

  font-size: 17px;

}



/* modrn-tab_section */

.modrn-tab_section{

  background-color: #01142b;

}

.modrn-box .modrn-content h2{

  font-size: 36px;

  color: white;

  font-weight: 700;

}

.modrn-box .modrn-content p{

  font-size: 18px;

  color: white;

  font-weight: 400;

}

.modrn-tab_imagebox img{

  width: 80%;

}

.Apps-tab button {

  font-size: 24px;

  font-weight: 400;

  color: #697482;

  background: transparent;

  border: none;

  padding: 6px 0px;

}



.Apps-tab button:hover {

  border-bottom: 2px solid white;

  color: white !important;

}

.Apps-tab {

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #697482;

  margin-top: 8px;

}

.modrn_tabcontent{

  display: none;

  padding-top: 25px;

}

.modrn-box{

  padding-top: 50px;

}





/* visn-section */

.visn-section{

  padding: 50px 0px;

}

.visn-section .heading h2{

  color: #1d1d1d;

  font-size: 48px;

}

.visn-section .heading p{

  color: #383838;

  margin-top: 8px;

  font-size: 17px;

}

.visn-wrapper{

  /* border: 1px solid black;   */

  /* padding: 6px 20px;   */

  padding: 50px 20px;

  height: 100%;

  box-shadow: 4px 15px 36px rgba(0,0,0,.05);

  border-radius: 20px;

}

.visn-wrapper .visn-content h3{

  font-size: 20px;

  color: #fff;

  font-weight: 600;

}

.visn-wrapper .visn-content p{

  font-size: 18px;

  color: #fff;

}

.visn-wrapper .visn-content span{

  font-size: 20px;

  color: white;

  font-weight: 500;

}

.visn-section .visn-wrapper{

  height: 100%;

}

.visn-section  .slick-center{

  transform: scale(1.1);

}

/* the slides */

.visn-section .slick-slide {

  margin: 0 35px;

}



/* the parent */

.visn-section .slick-list {

  margin: 0 -35px;

}

.visn-section .slick-slider{

  overflow: hidden;

}

.visn-section .slick-track{

  padding: 20px 0px;

}

.visn-section .slick-prev{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 40%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent !important;

    border-radius: unset !important;

}

.visn-section .slick-next{

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 40%;

  display: block;

  width: 20px;

  height: 20px;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: transparent !important;

  border-radius: unset !important;

}



.visn-section .slick-prev {

  left: 32% !important;

  z-index: 1 !important;

  width: 45px !important;

  height: 45px !important;



}

.visn-section .slick-next{

  right: 31% !important;

  z-index: 1 !important; 

  width: 45px !important;

  height: 45px !important;

}

/* mobile-expert_section */

.mobile-expert_section{

  background-color: #01142b;

  margin-top: 147px

}



/* .custom-mobile_app */

.custom-mobile_app{

    background-image: url(../../web-images/mobile-app/development-image/chlng_cta.webp);

    border-radius: 12px;

    padding: 78px 60px;

    background-repeat: no-repeat;

    background-position: center right;

    background-size: cover;

    background-color: #4296FB;

    position: relative;

    top: -167px;

}

.custom-mobile_app .custom-content h2{

  font-size: 42px;

  color: white;

  font-weight: 700;

}

.custom-mobile_app .custom-content p{

  font-weight: 400;

  color: white;

  margin-top: 10px;

  font-size: 18px;

}

.custom-mobile_app .custom-content span{

  color: black;

}



/* launch-section */



/* .launch_image-box{

  width: 100%;

} */

.launch-content{

  padding-left: 50px;

}

.launch_image-box img{

  width: 100%;

}



.launch-content h4{

  font-size: 38px;

  font-weight: 700;

  color: white;

  

}

.launch-content p{

  font-size: 20px;

  color: white;

  font-weight: 400;

  margin-top: 24px;

}

/* pre-box_section */

.pre-box{

  display: flex;

}

.thumb-image{

  color: #000;

  width: 180px;

}

.thumb-image img{

  width: 100%;

}

.pre-content h3{

  font-size: 28px;

  color: #fff;

}

.pre-content p{

  font-size: 18px;

  color: #fff;

}

.focus-image img{

  width: 100%;

}

.focus-image{

  width: 257px;

}

.pre-content{

  padding-left: 25px;

  padding-right: 59px;

}

/* launch_everything-section */

.launch_everything-content h4{

  font-size: 38px;

  color: #fff;

  font-weight: 700;

  line-height: 1.4;

}

.launch_everything-content p{

  font-size: 18px;

  color: #fff;

  font-weight: 300;

}

/* great-section */

.great-section{

  padding: 50px 0px;

}

.great-content{

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background-color: #fff;

  padding: 50px 30px;

  width: 75%;

  /* text-align: center; */

  box-shadow: 4px 15px 36px rgba(0,0,0,.16);

  border-radius: 12px;

  margin: auto;

  position: relative;

  bottom: 147px;

}

.great-content h2{

  font-size: 40px;

  color: #000;

  font-weight: 500;

}

.great-content p{

  font-size: 18px;

  color: #383838;

  font-weight: 400;

  margin-top: 10px;

  text-align: center;

}

.great_dotted-image{

  /* position: relative;

  bottom: 147px; */

  text-align: center;

}

.great_dotted-image img{

  width: 70%;

}

.great_wrapper-box{

  display: flex;

  justify-content: center;

  align-items: center;

  /* position: relative;

  bottom: 146px; */

}

.great-box1{

    padding: 30px;

    background: #fff 0% 0% no-repeat padding-box;

    box-shadow: 4px 15px 36px rgba(0,0,0,.06);

    border-radius: 10px;

    text-align: center;

    border: 1px solid rgba(255,135,0,.22);

    width: 23%;

    margin-right: 20px;

}

.great-box2{

    padding: 30px;

    background: #fff 0% 0% no-repeat padding-box;

    box-shadow: 4px 15px 36px rgba(0,0,0,.06);

    border-radius: 10px;

    text-align: center;

    border: 1px solid rgba(0,180,0,.22);

    width: 23%;

    margin-right: 20px;

}

.great-box3{

  padding: 30px;

  background: #fff 0% 0% no-repeat padding-box;

  box-shadow: 4px 15px 36px rgba(0,0,0,.06);

  border-radius: 10px;

  text-align: center;

  border: 1px solid rgba(23,125,255,.22);

  width: 23%;

  margin-right: 20px;

}

.great-box4{

  padding: 30px;

  background: #fff 0% 0% no-repeat padding-box;

  box-shadow: 4px 15px 36px rgba(0,0,0,.06);

  border-radius: 10px;

  text-align: center;

  border: 1px solid rgba(238,38,113,.22);

  width: 21%;

  margin-right: 20px;

}

.great_numbers-box p{

  font-size: 19px;

  color: #383838;

  margin-top: 8px;

  font-weight: 400;

}

.great_numbers-box h2{

  font-size: 48px;

  font-weight: 600;

}

.great-text{

  height: 80px;

}







/* .dream-section */

.dream-section{

  padding: 50px 0px;

}

.dream-content{

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background-image: url(../../web-images/mobile-app/dream-image/mbl_cta3.webp);

  background-repeat: no-repeat;

  background-position: center right;

  background-size: cover;

  padding: 50px;

  border-radius: 13px;

}

.dream-content h2{

  font-size: 40px;

  color: #fff;

  font-weight: 700;

}

.dream-content p{

  font-size: 18px;

  color: #fff;

  font-weight: 400;

  margin-top: 10px;

}

/* mobile_app-services */

.mobile_app-services{

  padding: 50px 0px;

}

.mobile_app-services .heading h2{

  font-size: 48px;

  color: black;

  font-weight: 700;

}   

.mobile_app-services .heading p{

  font-size: 20px;

  color: #383838;

  font-weight: 400;

}



/* mobile_flip-box */

.mobile_flip-box{

  width: 100%;

  height: 386px;

}

.mobile_flip-box:hover .flip_box-content{

  transform: rotateY(180deg);

}

.flip_box-content{

  width: 100%;

  height: 386px;

  transform-style: preserve-3d;

  transition: transform 1s;

}

/* flip-box1 */



.flip_box-front1,.flip_box-back1{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back1 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front1 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front1{

  background-image: url(../../web-images/mobile-app/flip-image/innovative1.webp);

}

.flip_box-back1{

  background-image: url(../../web-images/mobile-app/flip-image/innovative1.webp);

  transform: rotateY(180deg);

}



/* flip-box2 */



.flip_box-front2,.flip_box-back2{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back2 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front2 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front2{

  background-image: url(../../web-images/mobile-app/flip-image/innovative2.webp);

}

.flip_box-back2{

  background-image: url(../../web-images/mobile-app/flip-image/innovative2.webp);

  transform: rotateY(180deg);

}



/* flip-box3 */



.flip_box-front3,.flip_box-back3{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back3 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front3 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front3{

  background-image: url(../../web-images/mobile-app/flip-image/innovative3.webp);

}

.flip_box-back3{

  background-image: url(../../web-images/mobile-app/flip-image/innovative3.webp);

  transform: rotateY(180deg);

}

/* flip-box4 */



.flip_box-front4,.flip_box-back4{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back4 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front4 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front4{

  background-image: url(../../web-images/mobile-app/flip-image/innovative4.webp);

}

.flip_box-back4{

  background-image: url(../../web-images/mobile-app/flip-image/innovative4.webp);

  transform: rotateY(180deg);

}

/* flip-box5  */



.flip_box-front5,.flip_box-back5{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back5 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front5 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front5{

  background-image: url(../../web-images/mobile-app/flip-image/innovative5.webp);

}

.flip_box-back5{

  background-image: url(../../web-images/mobile-app/flip-image/innovative5.webp);

  transform: rotateY(180deg);

}



/* flip-box6 */



.flip_box-front6,.flip_box-back6{

  position: absolute;

  width: 100%;

  height: 386px;

  padding: 30px;

  backface-visibility: hidden;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);

  border-radius: 12px;

}

.flip_box-back6 p{

  font-size: 18px;

  color: white;

  text-align: center;

  font-weight: 300;

}

.flip_box-front6 h3{

  font-size: 32px;

  text-align: center;

  color: white;

}

.flip_box-front6{

  background-image: url(../../web-images/mobile-app/flip-image/innovative6.webp);

}

.flip_box-back6{

  background-image: url(../../web-images/mobile-app/flip-image/innovative6.webp);

  transform: rotateY(180deg);

}

/* champion-section */

.champion-section{

  padding: 50px 0px;

}

.champion-section .champion-content h2{

  font-size: 40px;

  color: white;

  font-weight: 700;

}

.champion-section .champion-content p{

  font-size: 18px;

  font-weight: 400;

  color: white;

  margin-top: 10px;

}

.champion-section .container{

  background-image: url(../../web-images/mobile-app/champion-image/mbl_cta4.webp);

  background-repeat: no-repeat;

  background-position: center right -2px;

  background-size: auto;

  background-color: black;

  border-radius: 30px;

  padding: 50px;

  margin-top: 50px;

}

/* ankit- end */

/* harshita */
.fixed-banner{
  background-image: url(../../web-images/home-page/Fixed_Banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.padding-mob{
  padding: 100px 0;
}
.fixed-banner .heading h1{
  font-size: 48px;
  line-height: 1.3;
  text-align: left;
  padding: 0;
  color: #000;
}
.fixed-banner p{
  font-size: 22px;
  margin-bottom: 40px;
}

/* Experience-Strip  */
.exp-stripbox{
  height: 230px;
  background-repeat: no-repeat;
}
.exp-stripbox-img{
  position: relative;
  top: -62px;
}
.exp-stripbox-img img{
  width: 100%;
}
.exp-stripbox-cont{
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.exp-stripbox-cont h2{
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}
.exp-stripbox-cont h3{
  color: #fff;
  font-size: 16px;
}

/* Tech-partner  */
.tech-partner .row{
  justify-content: space-between;
}
.tech-partner .tech-partnerimg img{
  width: 100%;
}
.tech-partner .tech-partnerli{
  padding-bottom: 70px;
  position: relative;
  padding-left: 50px;
  border-left: 2px dotted #8080805e;
}
.partnerli_6{
  padding-bottom: 0px !important;
  border-left: unset !important;
}
.tech-partner .tech-partnerli p{
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 1.5;
}
.tech-partner .tech-partnerli::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  z-index: 1;
}
.tech-partner .partnerli_1::before{
  background-color: rebeccapurple;
}
.tech-partner .partnerli_2::before{
  background-color: green;
}
.tech-partner .partnerli_3::before{
  background-color: goldenrod;
}
.tech-partner .partnerli_4::before{
  background-color: yellowgreen;
}
.tech-partner .partnerli_5::before{
  background-color: salmon;
}
.tech-partner .partnerli_6::before{
  background-color: sienna;
}
.tech-partner .tech-partnerli::after{
  content: "";
  position: absolute;
  top: -5px;
  left: -15px;
  width: 30px;
  height: 30px;
  border-radius: 30%;
  animation: sonarWave 3s .5s linear infinite;
  z-index: 0;
}
@keyframes sonarWave{
  0%{
    transform: scale(0);
    opacity: 0.3;
  }
  50%{
    transform: scale(1.7) rotate(40deg);
    opacity: 0.2;
  }
  100%{
    transform: scale(1.8) rotate(50deg);
    opacity: 0;
  }
}
.tech-partner .partnerli_1::after{
  background-color: rebeccapurple;
  opacity: 0.3;
}
.tech-partner .partnerli_2::after{
  background-color: green;
  opacity: 0.3;
}
.tech-partner .partnerli_3::after{
  background-color: goldenrod;
  opacity: 0.3;
}
.tech-partner .partnerli_4::after{
  background-color: yellowgreen;
  opacity: 0.3;
}
.tech-partner .partnerli_5::after{
  background-color: salmon;
  opacity: 0.3;
}
.tech-partner .partnerli_6::after{
  background-color: sienna;
  opacity: 0.3;
}

/* Unlock-Business  */
.unlcok-business{
  background-color: #1B1A37;
  position: relative;
  padding-bottom: 120px;
}
.unlcok-business .row{
  justify-content: space-between;
}
.unlcok-business .unlcok-img img{
  width: 100%;
}
.unlcok-business .unlock-cont{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.unlcok-business .unlock-cont h2{
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
}
.unlcok-business .unlock-cont h2 span{
  color: yellow;
}
.unlcok-business .unlock-cont p{
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
}
.unlock-after{
  position: absolute;
  bottom: 8%;
  right: 10%;
  display: flex;
  justify-content: end;
}
.unlock-after img{
  width: 55%;
}

/* App-Strip  */
.app-strip{
  background-color: #1B1A37;
  padding: 20px 0px !important;
}
.app-strip p{
  margin-bottom: 0px ;
}
.app-strip .uni-btn{
  height: 100%;
  display: flex;
  align-items: center;
}

/* Consultation-Strip  */
.consultation-strip{
  background-size: 100% 100%;
  padding: 80px 0px;
}
.consultation-strip .exp-stripbox-img{
  top: -125px;
}
.consultation-strip .exp-stripbox-img img{
  width: 69%;
}
.consultation-strip .exp-stripbox-cont p{
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

/* Your-Vision  */
.your-vision .yourvision-img{
  text-align: end;
}
.your-vision .yourvision-img img{
  width: 90%;
}
.your-vision .heading h2{
  font-size: 40px;
}
.your-vision .vision-slider{
  position: relative;
}
.your-vision .vision-slider .vision-imgbox{
  border: 1px solid #d6d6d6;
  margin-bottom: 40px;
  box-shadow: 0px 2px 36px rgba(0,0,0,.04);
  transition: .5s;
  background: #fff;
  width: 90%;
  background-color: #fff;
}
.your-vision .vision-slider img{
  aspect-ratio:3/1;
  object-fit: contain;
}
.your-vision .slick-arrow{
  bottom: -30% !important;
  top: unset !important;
  border: 1px solid #1d1d1d;
} 
.your-vision .slick-prev {
  left: 0 !important;
}
.your-vision .slick-next {
  left: 80px !important;
}

/* Tactical  */
.tactical .rev-imges img{
  width: 65%;
}
.tactical .heading h2{
  font-size: 40px;
  text-align: left;
}
.tactical .heading{
  align-items: flex-start;
}
.tactical .heading p{
  font-size: 18px;
  text-align: left;
  width: 70%;
}
.clients .slick-arrow{
  bottom: -27% !important;
}

.tahanks-box{
  box-shadow: 5px 10px 15px #80808066;
  border-radius: 7px;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tahanks-box .heading{
  padding: 0px;
  margin: 0px;
}
.tahanks-box .heading h2{
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 42px;
  letter-spacing: 1px;
}
.rev-risimg{
    display:none;
}
.rev-risimg img{
    width:100%;
}


/* vincy code */
/* Partners  */
.partners .partner-wrapper ul{
  display: flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.partners .partner-wrapper ul li{
  width: 16.6%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  border-right: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  transition: ease-in-out .1s;
}
.partners .partner-wrapper ul li:hover{
  box-shadow: 0 7px 25px rgba(0,0,0,.1);
  transform: scale(1.05);
  background: #fff;
}
.partners .partner-wrapper ul li:nth-child(6n){
  border-right: unset;
}
.partners .partner-wrapper ul li:nth-last-child(-n+6){
  border-bottom: unset;
}
.partners .partner-wrapper ul li img{
  width: 80%;
}


/* Experience-Strip  */
.exp-stripbox{
  height: 230px;
  background-repeat: no-repeat;
}
.exp-stripbox-img{
  position: relative;
  top: -62px;
}
.exp-stripbox-img img{
  width: 100%;
}
.exp-stripbox-cont{
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.exp-stripbox-cont h2{
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}
.exp-stripbox-cont h3{
  color: #fff;
  font-size: 16px;
}

/* Tech-partner  */
.tech-partner .row{
  justify-content: space-between;
}
.tech-partner .tech-partnerimg img{
  width: 100%;
}
.tech-partner .tech-partnerli{
  padding-bottom: 70px;
  position: relative;
  padding-left: 50px;
  border-left: 2px dotted #8080805e;
}
.partnerli_6{
  padding-bottom: 0px !important;
  border-left: unset !important;
}
.tech-partner .tech-partnerli p{
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 1.5;
}
.tech-partner .tech-partnerli::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  z-index: 1;
}
.tech-partner .partnerli_1::before{
  background-color: rebeccapurple;
}
.tech-partner .partnerli_2::before{
  background-color: green;
}
.tech-partner .partnerli_3::before{
  background-color: goldenrod;
}
.tech-partner .partnerli_4::before{
  background-color: yellowgreen;
}
.tech-partner .partnerli_5::before{
  background-color: salmon;
}
.tech-partner .partnerli_6::before{
  background-color: sienna;
}
.tech-partner .tech-partnerli::after{
  content: "";
  position: absolute;
  top: -5px;
  left: -15px;
  width: 30px;
  height: 30px;
  border-radius: 30%;
  animation: sonarWave 3s .5s linear infinite;
  z-index: 0;
}
@keyframes sonarWave{
  0%{
    transform: scale(0);
    opacity: 0.3;
  }
  50%{
    transform: scale(1.7) rotate(40deg);
    opacity: 0.2;
  }
  100%{
    transform: scale(1.8) rotate(50deg);
    opacity: 0;
  }
}
.tech-partner .partnerli_1::after{
  background-color: rebeccapurple;
  opacity: 0.3;
}
.tech-partner .partnerli_2::after{
  background-color: green;
  opacity: 0.3;
}
.tech-partner .partnerli_3::after{
  background-color: goldenrod;
  opacity: 0.3;
}
.tech-partner .partnerli_4::after{
  background-color: yellowgreen;
  opacity: 0.3;
}
.tech-partner .partnerli_5::after{
  background-color: salmon;
  opacity: 0.3;
}
.tech-partner .partnerli_6::after{
  background-color: sienna;
  opacity: 0.3;
}

/* Unlock-Business  */
.unlcok-business{
  background-color: #1B1A37;
  position: relative;
  padding-bottom: 120px;
}
.unlcok-business .row{
  justify-content: space-between;
}
.unlcok-business .unlcok-img img{
  width: 100%;
}
.unlcok-business .unlock-cont{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.unlcok-business .unlock-cont h2{
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
}
.unlcok-business .unlock-cont h2 span{
  color: yellow;
}
.unlcok-business .unlock-cont p{
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
}
.unlock-after{
  position: absolute;
  bottom: 8%;
  right: 10%;
  display: flex;
  justify-content: end;
}
.unlock-after img{
  width: 55%;
}

/* App-Strip  */
.app-strip{
  background-color: #1B1A37;
  padding: 20px 0px !important;
}
.app-strip p{
  margin-bottom: 0px ;
}
.app-strip .uni-btn{
  height: 100%;
  display: flex;
  align-items: center;
}

/* Consultation-Strip  */
.consultation-strip{
  background-size: 100% 100%;
  padding: 80px 0px;
}
.consultation-strip .exp-stripbox-img{
  top: -125px;
}
.consultation-strip .exp-stripbox-img img{
  width: 47%;
}
.consultation-strip .exp-stripbox-cont p{
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

/* Your-Vision  */
.your-vision .yourvision-img{
  text-align: end;
}
.your-vision .yourvision-img img{
  width: 90%;
}
.your-vision .heading h2{
  font-size: 40px;
}
.your-vision .vision-slider{
  position: relative;
}
.your-vision .vision-slider .vision-imgbox{
  border: 1px solid #d6d6d6;
  margin-bottom: 40px;
  box-shadow: 0px 2px 36px rgba(0,0,0,.04);
  transition: .5s;
  background: #fff;
  width: 90%;
  background-color: #fff;
}
.your-vision .vision-slider img{
  aspect-ratio:3/1;
  object-fit: contain;
}
.your-vision .slick-arrow{
  bottom: -30% !important;
  top: unset !important;
  border: 1px solid #1d1d1d;
} 
.your-vision .slick-prev {
  left: 0 !important;
}
.your-vision .slick-next {
  left: 80px !important;
}

/* Tactical  */
.tactical .rev-imges img{
  width: 65%;
}
.tactical .heading h2{
  font-size: 40px;
  text-align: left;
}
.tactical .heading{
  align-items: flex-start;
}
.tactical .heading p{
  font-size: 18px;
  text-align: left;
  width: 70%;
}
.clients .slick-arrow{
  bottom: -27% !important;
}

.tahanks-box{
  box-shadow: 5px 10px 15px #80808066;
  border-radius: 7px;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tahanks-box .heading{
  padding: 0px;
  margin: 0px;
}
.tahanks-box .heading h2{
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 42px;
  letter-spacing: 1px;
}

/* Toggle-Menu-Bar */
.header-stick{
  display: flex;
  position: fixed;
  backdrop-filter: blur(15px);
  top: 0;
  animation: top .5s ease 1;
  height: 100px;
  background-color: #ecf0f3de;
  box-shadow: 10px 10px 19px rgba(0, 0, 0, 0.1);
}
.menu-bar{
  display: none !important;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: linear-gradient(145deg, rgb(226, 232, 236), rgb(255, 255, 255));
  box-shadow: rgb(209, 217, 230) 5px 5px 15px, rgb(255, 255, 255) -5px -5px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0px;
}
/* .menu-bar:hover{
  background: linear-gradient(145deg, #ff014f, #d11414);
  color: #fff;
} */
.menu-bar div{
  width: 70%;
  margin: auto;
  height: 2px;
  background-color:#E45833;
  border-radius: 50px;
  transition: .3s ease;

}
.menu-bar div:first-child{
  width: 65%;
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translate(-50%, -0%);
}
.menu-bar div:nth-child(2){
  width: 40%;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-50%, -0%);
}
.menu-bar div:last-child{
  width: 65%;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translate(-50%, -0%);
}

@keyframes top{
  0%{
      transform: translateY(-100%);
  }
  100%{
      transform: translateY(0%);
  }
}


.leftbar-show {
  left: 0% !important;
}
.open-nav {
  top: 50% !important;
  transform: translate(-50%, -0%) rotate(321deg) !important;
}
.close {
    display: none !important;
}
.opent {
  top: 50% !important;
  transform: translate(-50%, -0%) rotate(45deg) !important;
}
/* Banner-Form  */
.banner-form{
  box-shadow: 10px 30px 50px rgba(0,0,0,.07);
    border-radius: 26px;
    padding: 50px 30px;
    position: relative;
    top: 30px;
    background-color: #fff;
}
.banner h2{
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}
.banner p{
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
}
.banner input{
  background: rgba(241,241,241,.28) 0% 0% no-repeat padding-box;
  border: 1px solid rgba(112,112,112,.05) !important;
  border-radius: 27px;
  padding: 10px 20px !important;
  width: 100%;
  margin-bottom: 20px;
  color: #1d1d1d;
  outline: none;
}
.banner input::placeholder{
  color: gray;
}
.banner textarea{
  background: rgba(241,241,241,.28) 0% 0% no-repeat padding-box;
  border: 1px solid rgba(112,112,112,.05) !important;
  border-radius: 27px;
  padding: 10px 20px !important;
  width: 100%;
  margin-bottom: 20px;
  color: #1d1d1d;
  outline: none;
}
.banner textarea::placeholder{
  color: gray;
}
.contact-banner .uni-btn button{
  width: 100%;
  text-align: center;
  padding: 15px 12px;
  justify-content: center;
  background: linear-gradient(90deg, rgb(9, 73, 189) 0%, rgb(49, 97, 182) 100%) !important;
}
.contact-banner{
  background-position: center;
    background-size: cover;
    padding-bottom: 250px;
}
.contact-banner .banner-content h1{
  color: #fff;
}

.contact-banner .banner-content p{
  color: #fff;
  font-weight: 300;
}
.contact-banner .banner-content ul{
  margin-top: 80px;
}
.contact-banner .banner-content ul li img{
  width: 75%;
  margin: auto;
}
.contact-banner .banner-content ul li{
  background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 40px rgba(0,0,0,.1);
    padding: 30px 25px;
    border-radius: 26px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 29%;
    margin-right: 25px;
}
.contact-banner .banner-content ul li h3{
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.contact-banner .banner-content ul li p{
  color: #1d1d1d;
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 1.3;
}
.ban-anime{
  position: absolute;
  top: -3%;
  left: 23%;
  animation: bounce 5s infinite linear;
}
.ban-anime img{
  width: 100%;
}

@keyframes bounce{
  0%{
    transform: translate(-20px);
  }
}

/* Trusted  */
.trusted{
  background: rgb(9,73,189);
  background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(49,97,182,1) 100%);
  padding: 150px 0px 50px 0px;
}
.trus-cont{
  height: 100%;
  border-right: 1px solid gray;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.trus-cont h3{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}
.trus-cont h2{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
.trust-img img{
  width: 100%;
}

/* Awards  */
.awards .award-box{
  padding: 15px;
  background: #e8f5ff;
  border-radius: 12px;
  box-shadow: 0 0 7px rgba(0,0,0,.15);
  height: 100%;
}
.awards .award-box img{
  width: 100%;
}
.awards .award-box h3{
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 20px;
}
.awards .award-box p{
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
}

/* Revolutionizing  */
.revoulation-box{
  display: flex;
}
.revoulation-box .rev-cont{
  width: 40%;
}
.revoulation-box .rev-cont .rev-li{
    background: #fff;
    box-shadow: rgba(11,35,109,22%) 6px 6px 12px;
    border-radius: 10px;
    padding: 25px;
    margin-top: 20px;
    transition: .5s;
}
.revoulation-box .rev-cont .rev-li h3{
  transition: .5s;
  font-weight: 500;
}
.revoulation-box .rev-cont .rev-li p{
  transition: .5s;
  margin-bottom: 0px;
}
.revoulation-box .rev-imges{
    width: 60%;
    position: relative;
}
.revoulation-box .rev-img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 7px 6px 30px rgba(0,0,0,65%);
    border: 1px solid #fff;
    transition: linear .03s;
}
.revoulation-box .rev-imges img{
  border-radius: 50%;
  width: 100%;
}
.revoulation-box .rev-imges .one{
  z-index: 8;
    height: 237px;
    width: 237px;
}
.revoulation-box .rev-imges .two{
  z-index: 7;
  height: 368px;
  width: 368px;
}
.revoulation-box .rev-imges .third{
  z-index: 6;
  height: 503px;
  width: 503px;
}
.revoulation-box .rev-imges .four{
  z-index: 5;
  height: 643px;
  width: 643px;
  box-shadow: unset;
}
.hovered{
  background-color: #0949bd !important;
}
.hovered h3{
  color: #fff;
}
.hovered p{
  color: #fff;
}
.allmg img{
  filter: opacity(0.5);
}
.hovereds img{
  filter: opacity(0.5);
}
.hovereds .one img{
  filter: opacity(0.5);
}
.hoveredss{
  background-color: red;
}
/* .hovereds .two img{
  filter: opacity(1);
} */
.rev-anime{
  z-index: 9;
  height: 130px;
  width: 130px;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.rev-anime img{
  animation: zoom-in-zoom-out 4s ease-out infinite;
  margin: 0 auto;
  width: 60% !important;
}
@keyframes zoom-in-zoom-out{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}

/* Fetured  */
.fetured-box{
  display: flex;
  height: 100%;
}
.fetured-box .fetured-cont{
  width: 55%;
  background-color: #002033;
  padding-left: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fetured-box .fetured-img{
  width: 45%;
  background-color: #3A549F;
  padding-right: 140px;
}
.fetured-box .fetured-img img{
  width: 85%;
  margin: auto;
}
.fetured-cont p{
  color: #fff;
}
.fetured-cont h3{
  color: #fff;
  font-size: 36px;
  margin-bottom: 20px;
}
.fetured-cont h2{
  color: #fff;
}
.fetured-cont h4{
  color: #fff;
  font-size: 17px;
  margin-bottom: 0px;
}
.fetured-cont span{
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.google-services{
  display: flex;
  flex-direction: row;
}
.google-services a:first-child{
  margin-right: 20px;
}
.slick-next{
  right: 25px !important;
  z-index: 1 !important;
  background-color: #fff !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50px !important;
}
.slick-prev{
  left: 25px !important;
  z-index: 1 !important;
  background-color: #fff !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50px !important;
}
.slick-prev:before, .slick-next:before{
  color: #2e2e2e !important;
  font-size: 25px !important;
}

/* Strip  */
.strip .container{
  background: #dee0e5;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding-top: 10px;
  justify-content: space-between;
}
.strip .strip-cont{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.strip .strip-cont h2{
  font-size: 50px;
  font-weight: 600;
  color:#1d1d1d;
  line-height: 1.3;
}
.strip .strip-cont h2 span{
  color: #0949bd;
}
.strip .strip-cont p{
  font-size: 22px;
  line-height: 1.5;
}
.strip .strip-img{
  display: flex;
  justify-content: center;
}
.strip .strip-img img{
  width: 100%;
}
.strip-cont h3{
  background: #bee7ff;
  border-radius: 7px;
  padding: 10px 20px;
  width: fit-content;
  font-weight: 500;
  font-size: 24px;
}

/* Experties  */
.expertise{
  background-color: #141324;
}
.expertise .heading h2{
  color: #fff;
}
.expertise .heading p{
  color: #fff;
}
.expertise-box{
  border-radius: 20px;
  background-color: #fff;
  transition: .8s;
}
.expertise-box img{
  width:100%;
  height: 220px;
  object-fit: cover;
  border-radius: 20px 20px 0px 0px;
}
.expertise .expertise-cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 15px 20px;
  border-radius: 0px 0px 20px 20px;
}
.expertise .expertise-cont h3{
  font-size: 28px;
}
.expertise .expertise-cont i{
  width: 52px;
  height: 52px;
  border: 1px solid #b1b3b8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d1d1d;
  font-size: 20px;
}
.expertise .expertise-wrapper:hover .expertise-box{
  transform: scale(1.04);
}

/* .Clints-Slider  */
.client-img img{
  width: 40%;
  margin: auto;
  filter: grayscale(1);
  border-radius: 50px;
}
.client-slideimg img{
  width: 80%;
  margin: auto;
  border-radius: 20px;
  box-shadow: 0px -5px 10px #808080b0;
}
.client-cont{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.client-cont h3{
  font-size: 30px;
  margin-bottom: 15px;
}
.client-cont h4{
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
}
.client-cont p{
  font-size: 18px;
  font-weight: 300;
}
.clients .slick-arrow{
  /*bottom: -70% !important;*/
  top: unset !important;
  border: 1px solid #1d1d1d;
} 
.clients .slick-prev {
  left: 44% !important;
}
.clients .slick-next {
  right: 44% !important;
}
.clients .slick-center img{
  filter: grayscale(0);
  border: 1px solid #00000062;
  padding: 7px;
  transform: scale(1.2);
}
.clients .slick-list{
  padding: 15px 50px !important;
}
.clients .slick-dots{
  display: none !important;
}
.contact-client .slick-arrow{
  display: none !important;
}
.contact-client .client-cont h3{
  text-align: center;
  font-size: 25px;
}
.contact-client .client-cont h4{
  text-align: center;
  font-size: 17px;
}
.contact-client .client-cont p{
  box-shadow: 0px 3px 20px rgba(0,0,0,.06);
    border: 1px solid rgba(112,112,112,.16);
    border-radius: 29px;
    padding: 50px 70px;
    margin: 50px 20px 20px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    line-height: 1.5;
    text-align: center;
}

/* Partner-Strip  */
.partner-strip .container{
  background-color: transparent !important;
}
.partner-strip .strip-img img{
  width: 100%;
}
.partner-strip .strip-cont h2{
  font-size: 40px;
}
.partner-strip .strip-cont p{
  font-size: 20px;
}
.partner .partner-img{
  margin: 0px 10px;
  background-color: #F2F8FC;
  border-radius: 20px;
  border: 1px solid #0000002e;
    padding: 20px 12px;
}
.partner .partner-img img{
  /* width: 100%; */
  aspect-ratio: 3/1;
  object-fit: contain;
  /*filter: grayscale(1);*/
  margin: auto;
}
/*.partner .partner-img:hover img{*/
/*  filter: grayscale(0);*/
/*}*/
.partner .slick-arrow{
  display: none !important;
}

/* Technology-Stack  */
.techno-wrapper h2{
  font-size: 30px;
  margin-bottom: 25px;
  font-weight: 700;
}
.techno-wrapper h3{
  font-size: 24px;
  padding-bottom: 10px;
  color: #1d1d1d;
  font-weight: 400;
  position: relative;
  margin-bottom: 0px;
}
.techno-wrapper h3::after{
  position: absolute;
    content: "";
    border-bottom: 1px solid #266499;
    bottom: 0;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    left: 0;
    max-width: 350px;
    opacity: .23;
}
.techno-wrapper ul{
  display: flex;
  align-items: center;
  width: fit-content;
  flex-wrap:wrap;
  padding-top: 20px;
}
.techno-wrapper li{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 12px;
}
.techno-wrapper li:last-child{
  margin-right: 0px;
}
.techno-wrapper li img{
  border: 1px solid rgba(128, 128, 128, 0.24);
  padding: 20px;
  border-radius: 10px;
  transition: .5s ease;

  width: 105px;
  height: 105px;
}
.techno-wrapper li p{
  font-size: 16px;
  color: #141324;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0px;
  transition: .5s ease;
}
.techno-wrapper li:hover p{
  letter-spacing: .5px;
  font-size: 17px;
}
.techno-wrapper li:hover img{
  transform: scale(1.05);
  box-shadow: 4px 4px 10px rgba(128, 128, 128, 0.486);
}

/* Industries  */
.industry-box{
  box-shadow: 2px 2px 15px rgba(128, 128, 128, 0.253);
  padding: 0px;
  border-radius: 0px 0px 22px 22px;
  margin: 0px 8px;
  margin-bottom:15px;
}
.industry-box img{
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.industry-box .ind-cont{
  background: #fff;
  padding: 20px;
  border-radius: 0px 0px 22px 22px;
  z-index: 0;
  height: 100%;
  position: relative;
  margin-top: -95px;
}

.industry-box .ind-cont2{
  background: #fff;
  padding: 20px;
  border-radius: 0px 0px 22px 22px;
  z-index: 0;
  height: 100%;
  position: relative;
  
}

.industry-box .uni-a a{
  font-size: 16px;
}
.industry-box .uni-a i{
  font-size: 16px;
  width: 30px;
  height: 30px;
}
.industries .slick-arrow{
  bottom: -15% !important;
  top: unset !important;
  border: 1px solid #1d1d1d;
} 
.industries .slick-prev {
  left: 44% !important;
}
.industries .slick-next {
  right: 44% !important;
}
/* Universal-Button  */

.uni-btn .uni-btninput{
width:auto !important;
  font-size: 18px !important;

  padding: 10px 45px !important;

  color: #ffffff !important;

  background-color: #0949bd !important;

  outline: none !important;

  border: none !important;

  border-radius: 2px !important;

  transition: 0.3s !important;

  font-family: 'Roboto', sans-serif !important;

  border-radius: 50px !important;

  display: flex !important;

  align-items: center !important;

}



.uni-btn .uni-btninput:hover {

  background-color: #333 !important;

  color: #fff !important;

}

.uni-btn .uni-btninput i{

  width: 40px !important;

  height: 40px !important;

  border-radius: 50px !important;

  background-color: #fff !important;

  color: #000 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  font-size: 20px !important;

  margin-left: 10px !important;

}
  /* succeed-section */
  .succeed-section{
    padding: 50px 0px;
  }
  .succeed-content h2{
    font-size: 40px;
    color: #1d1d1d;
    margin-bottom: 50px;
  }
  .succeed-box h3{
    font-size: 25px;
    color: #1d1d1d;
    font-weight: 600;
    transition: .3s;
  }
  .succeed-box  p{
    font-size: 18px;
    color: #383838;
    transition: .3s;
    margin-top: 15px;
  }
  .succeed-box{
    /* border: 1px solid black; */
    border-radius: 10px;
    box-shadow: 1px 1px 10px #80808029;
    padding: 30px 20px;
    margin-bottom: 35px;  
    height: 100%;
    
  }
  .box1{
    background-color: #f2f2ff;
    transition: .3s;
  }
  .box2{
    background-color: #fffbeb;
    transition: .3s;
  }
  .box3{
    background-color: #f2f9ff;
    transition: .3s;
  }
  .box4{
    background-color: #e5f5f0;
    transition: .3s;
  }
  .box5{
    background-color: #fff2f2;
    transition: .3s;
  }
  .box6{
    background-color: #ebf9ff;
    transition: .3s;
  }

  .box1:hover{
    background-color: #5c55c9;
    color: white;
  }
  .box2:hover{
    background-color: #ffb85f;
    color: white;
  }
  .box3:hover{
    background-color: #1dc7d4;
    color: white;
  }
  .box4:hover{
    background-color: #4a978a;
    color: white;
  }
  .box5:hover{
    background-color:#f32c5c ;
    color: white;
  }
  .box6:hover{
    background-color: #298dff;
    color: white;
  }
  .succeed-box:hover p{
    color: white;
  }
  .succeed-box:hover h3{
    color: white;
  }
.box_dv span{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  transition: .3s;
}
.succeed-box:hover span{
  background-color: white !important;
}
.box_dv-succed{
    display: flex;
    justify-content: space-between !important;
    align-items: center;
  }

  /* .our_clnts-section */

  .our_clnts-section{
    background-color: #2188c4;
    padding: 50px 0px;
  }
  .our_clnts-content .heading h2{
    font-size: 39px;
    color: white;
  }
  .star-clnts{
    display: flex;
    justify-content: center;
    margin-top: 12px;
    font-size: 13px;
    border-bottom: 5px solid #ffd1ce;
    width: 75%;
  }
  .star-clnts i{
    margin: 2px;
    margin-bottom: 15px;
    color: rgb(255, 61, 46);
  } 
  .our_clnts-imagebox img{
    width: 100%;
  }
  .our_clnts-box{
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
  }
  .our_clnts-box .heading h3{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 11px;
  }
  .our_clnts-box .heading p{
    font-size: 22px;
    text-align: center;
  }
  .clients-wrapper i{
    color: rgb(239, 109, 82);
  }
   .clients-wrapper .star-clnts{
    border-bottom: 5px solid #d6d6d6 !important;
    margin-top: 3px;
  }
  .clients-wrapper{
    position: relative;
    bottom: -40px;
  }
  .clients-list .star-clnts{
    border-bottom: 5px solid #cef2ff !important;
    margin-top: 3px
  }
  .clients-list i{
     color: #008bf2
  }

  /* unlk_bsns-section */

  .unlk_bsns_cntnt .heading h2 span{
    color: #2188c4;
    font-weight: bold;
    font-size: 40px;
  }
  .unlk_bsns_cntnt .heading h2 span::after{
  display: none;

  }
  .unlk_bsns_cntnt .heading h2 span::before{
    display: none;
  
    }
  .unlk_bsns_cntnt .heading h2{
    font-size: 40px;
    color: black;
    max-width: 340px;  
  }
  .unlk_bsns_cntnt .heading p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    max-width: 465px;
  }

  .unlk_bsns-section{
    padding: 50px 0px;
  }
  .nmbrs_spk-section .heading {
    flex-direction: row;
    width: 100%;
    float: left;
  }
  /* our_srvcs-section */

  .our_srvcs-section .heading h2{
    font-size: 40px;
    font-weight: 700;
    max-width: 545px;
  }
  .our_srvcs-imagebox img{
    width: 100%;
  }

  .our_srvcs-image img{
    width: 100%;
  }
  .our_srvcs-box{
    border: 1px solid #d6d6d6;
    box-shadow: 0px 2px 36px rgba(0,0,0,.04);
    padding: 0px 41px;
  }
  .our_srvcs-section{
    padding: 50px 0px;
  }
  .our_srvcs-wrapper{
    margin-top: 50px;
  }
  /* .our_srvcs-section{
    position: relative;
  } */
  
  .serv-slider .slick-prev{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 120%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); */
    /* transform: translate(-50% -50%); */
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    /* background: black */
    justify-content: center;
    left: 0;
}
.serv-slider .slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 120%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  /* -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%); */
  /* transform: translate(-50% -50%); */
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  /* background: black !important; */
  justify-content: center;
  left: 81px;
}

.serv-slider .slick-prev:before{
  font-family: 'slick';
  font-size: 25px;
  line-height: 1;
  opacity: .75;
  color: black !important;
  -webkit-font-smoothing: antialiased;
} 
.serv-slider .slick-next:before{
  font-family: 'slick';
  font-size: 25px;
  line-height: 1;
  opacity: .75;
  color: black !important;
  -webkit-font-smoothing: antialiased;
}
.serv-slider button {
  width: 45px !important;
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #fff !important;
  /* border: 1px solid #e1e1e1 !important; */
  box-shadow: 1px 1px 10px #80808033;
  color: white !important;
  transition: .3s;
}
.serv-slider button:hover{
  background-color: #008bf2 !important;
  /* color: white !important; */
}
.serv-slider .slick-arrow:hover:before{
  color: white !important;
}

   /* growing-section */
  .growing-content h2{
    font-size: 40px;
    color: white;
    font-weight: 700;
  }
   .growing-content p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    color: white;
    max-width: 500px;
  }

  .growing-section{
    padding: 50px 0px;
    background-color: #141324;
    border-bottom-right-radius: 231px;
    width: 90%;
  }
  /* chs_ptnr-section */
  .chs_ptnr-section{
    padding: 50px 0px;
  }
  .chs_ptnr-content h2{
    font-size: 40px;
    font-weight: 700;
    color: #1d1d1d;
  }
  .chs_ptnr-content p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    color: #383838;
    max-width: 545px;
  }
  .chs_ptnr-box  h3{
    font-size: 22px;
    font-weight: 700;
    margin-top: 14px;
}
.chs_ptnr-box  p{
    color: #383838;
    margin-top: 18px;
    font-size: 18px;
    font-weight: 400;
}
.chs_ptnr-box{
  width: 100%;
  padding: 40px 20px;
  border-radius: 8px;
  border: 2px solid rgba(112,112,112,.06);
  height: 100%;
}
.chs_ptnr-icon i{
  font-size: 29px;
}
.ptnr-wrapper1{
   background-color: #FFF9F8;
}
.ptnr-wrapper2{
  background-color: #FBFFFF;
}
.ptnr-wrapper3{
  background-color: #FFFBF5;
}  
.ptnr-wrapper4{
  background-color: #FCF8FF;
}

/* gt_strtd-section */
.gt_strtd-section{
  padding: 50px 0px;
  background-color: #2188c4;
}

 .gt_strtd-content h2{
  font-size: 40px;
  font-weight: 700;
  color: white;
  line-height: 1.3;
}
/* nmbrs_spk-section */
.nmbrs_spk-section{
  padding: 50px 0px;
}
.nmbrs_spk-content h2{
  font-size: 40px;
  font-weight: 700;
  color: #1D1D1D
}
.count h2{ 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* color: black; */
  font-size: 60px;
  font-weight: 700;
}
.count span{
  color: #383838;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
}
.nmbrs_spk-counter-1 h2{
  color: #ff7a5a !important;
}
.nmbrs_spk-counter-2 h2{
  color: #2188c4 !important;
}
.nmbrs_spk-counter-3 h2{
  color: #ffb85f !important;
}
.nmbrs_spk-counter-4 h2{
  color: #462066 !important;
}
.counter-box{
  margin-top: 50px;
}
/* wbdvlpmnt_services-section */
.wbdvlpmnt_services-section .heading h2{
  font-size: 48px;
  font-weight: 700 !important;
  color: black;
}
.wbdvlpmnt_services-section .heading p{
  font-size: 20px;
  color: #383838;
  font-weight: 400;
  margin-top: 8px;
}
/* web_flip-box */

.web_flip-box{
  width: 100%;
  height: 386px;
}
.web_flip-box:hover .web_box-content{
  transform: rotateY(180deg);
}
.web_box-content{
  width: 100%;
  height: 386px;
  transform-style: preserve-3d;
  transition: transform 1s;
}
/* .web_flip-box_one */
.web-flip_box-front_one,.web-flip_box-back_one{
  position: absolute;
  width: 100%;
  height: 386px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_one p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_one h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_one{
  background-image: url(../../web-images/web-development/custom_webapplications.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_one{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}
/* .web_flip-box_two */

.web-flip_box-front_two,.web-flip_box-back_two{
  position: absolute;
  width: 100%;
  height: 386px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_two p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_two h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_two{
  background-image: url(../../web-images/web-development/ecommerce.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;

}
.web-flip_box-back_two{
  background-color: #01142b;
  transform: rotateY(180deg);
}

/* .web_flip-box_three */

.web-flip_box-front_three,.web-flip_box-back_three{
  position: absolute;
  width: 100%;
  height: 386px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_three p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_three h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_three{
  background-image: url(../../web-images/web-development/webportal.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_three{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}
.web-portal{
  height: 100%;
}
.web-portal .web_box-content{
  height: 100%;
}
.web-portal .web-flip_box-front_three{
  height: 100%;
}
.web-portal .web-flip_box-back_three{
  height: 100%;
}
/* .web_flip-box_four */
.web-flip_box-front_four,.web-flip_box-back_four{
  position: absolute;
  width: 100%;
  height: 350px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_four p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_four h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_four{
  background-image: url(../../web-images/web-development/saas.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_four{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}
/* .web_flip-box_five */
.web-flip_box-front_five,.web-flip_box-back_five{
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_five p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_five h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_five{
  background-image: url(../../web-images/web-development/progressive.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_five{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}
/* .web_flip-box_six  */
.web-flip_box-front_six,.web-flip_box-back_six{
  position: absolute;
  width: 100%;
  height: 350px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_six p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_six h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_six{
  background-image: url(../../web-images/web-development/custom_cms.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_six{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}

/* .web_flip-box_seven  */

.web-flip_box-front_seven,.web-flip_box-back_seven{
  position: absolute;
  width: 100%;
  height: 350px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_seven p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_seven h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_seven{
  background-image: url(../../web-images/web-development/enterprise.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_seven{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}

/* .web_flip-box_eight */


.web-flip_box-front_eight,.web-flip_box-back_eight{
  position: absolute;
  width: 100%;
  height: 350px;
  padding: 30px;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: end;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.web-flip_box-back_eight p{
  font-size: 18px;
  color: white;
  font-weight: 300;
  text-align: center;
  width: 100%;
}
.web-flip_box-front_eight h3{
  font-size: 24px;
  color: white;
  margin-top: 10px;
}
.web-flip_box-front_eight{
  background-image: url(../../web-images/web-development/supportandmaintance.webp);
  display: flex;
  flex-direction: column;
  align-items: normal;
}
.web-flip_box-back_eight{
  background-color: #01142b;
  transform: rotateY(180deg);
}
.web-imagebox{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(45deg,#33b4ff,#00649e);
  color: white;
}
.web-imagebox img{
  width: 33px;
}

/* wbdvlprs-section */
.wbdvlprs-section{
  background-color: rgba(20,19,36,.96);
  margin-top: 209px;
}

/* development-features_section */
.development-features_section .development-features_content h2{
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
}
.development-features_section .development-features_content span{
  color: #00649E;
}
.development-features_section{
  background: #f1f6fc;
  border-radius: 20px;
  padding: 5px 50px;
  position: relative;
  top: -152px;
}
.web-features_image img{
  width: 100%;
}
.features-btn button{
  margin-top: 18px;
}
/* web-industries_section */
.web-industries_section .heading h2{
  font-size: 48px;
  color: white;
  font-weight: 900;
}
.web-industries_section .heading p{
  font-size: 16px;
  color: white;
  font-weight: 400;
  margin-top: 8px;
  line-height: 1.5;
}

.industries-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 100px;
  padding: 54px 0;
  background: linear-gradient(#141324,#141324) padding-box,linear-gradient(160deg,#00649e,#00659f) border-box;
  width: 91%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.industries-image_box img{
  width: 100%;
}
.industries-box h3{
  color: white;
  font-size: 28px;
  margin-top: 10px;
}
.industries-para p{
  color: white;
  font-size: 16px;
  margin: auto;
}
.industries-para{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1484C4;
  padding: 33px 40px;
  border-radius: 30px;
  text-align: center;
  opacity: 0;
  transform: translate(0,-100%);
  transition: all .5s ease-in-out 0s;
  width: 100%;
  height: 100%;
}
.industries-box:hover .industries-para{
  transform: translate(0,0);
  opacity: 1;  
}
.industries-btn{
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 50px;
 margin-bottom: 50px;
}
 
/* Planning-section */
.Planning-section .container{
  background: url(../../web-images/web-development/webapp_cta2.png);
  padding: 68px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  background-position: center right;
}
.Planning-section .Planning-content h2{
  font-size: 36px;
  color: white;
  font-weight: 900;
  line-height: 1.3;
}
.Planning-section .Planning-content p{
  color: white;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
}

.Planning-section{
  padding: 50px 0px;
}
/* web-app_services-section */
.web-app_services-section{
  padding: 50px 0px;
}
.web-app_services-section .heading h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 900;
  color: black;
}
.web-app_services-section .heading p{
  font-size: 20px;
  color: #383838;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
}
.web-app_imagebox img{
  width: 100%;
}
.web-app_imagebox{
  width: 11%;
}
.web-app_content h3{
  font-size: 28px;
  margin: 15px 0 10px;
  font-weight: 800;
}
.web-app_content p{
  font-size: 18px;
  color: #585858;
  font-weight: 400;
}
.web-appbox:hover img{
  transform: rotateY(180deg);
}
.web-appbox img{
  transition: all 1s;
  transform-style: preserve-3d;  
}
.web-appbox{
  padding: 35px 35px;
}
.web_services-box::before{
  content: "";
  position: absolute;
  background-color: #D4D4D4;
  width: 1px;
  height: 91%;
  left: 44%;
  transform: translate(-50%, 0);
}
.web_services-box{
  width: 100%;
  position: relative;
}
.web-one{
  border-bottom: 2px solid #d4d4d4;
}
.web-btn{
  display: flex;
  justify-content: center;
  align-items: center
}
/* proven-section */
.proven-section{
  padding: 50px 0px;
}
.proven-section .heading h2{
  font-size: 48px;
  color: black;
  font-weight: 900;
  line-height: 1.3;
}
.proven-section .heading p{
  color: #383838;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
}
.proven-content{
  margin-left: 80px;
}
.proven-content h3{
  font-size: 26px;
  font-weight: 900;
  margin: 2px;
}
.proven-content p{
  color: #585858;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.proven-web{
  background-image: url(../../web-images/web-development/processbg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 70px;
}
/* struggling-section */
.struggling-section .container{
  background: transparent linear-gradient(180deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 60px;
}
.struggling-section .struggling-content h2{
  font-size: 36px;
  color: white;
  font-weight: 600;
  line-height: 1.3;
}
.struggling-section .struggling-content p{
  font-size: 18px;
  font-weight: 400;
  color: white;
}
.web-struggling_image img{
  width: 100%;
}
.head-contact a{
   background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(49,97,182,1) 100%);
   padding:8px 17px;
   color:#fff;
   border-radius:50px;
   margin-right:20px;
   font-size:15px;
   font-weight:500;
}
.simp-menu{
    width: fit-content !important;
}


/* block-chain_section */
.block-development_service_section{
  background-color: #002033;
  margin-top: 209px;
}
/* .boost-section */
.boost-section{
  background-color: #000f26;
  border-radius: 30px;
  padding: 60px 40px;
  border: 10px solid rgba(255,255,255,1);
  position: relative;
  top: -152px;
  background-image: url(../../web-images/blockchain/blkchn_cta1.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.boost-section .boost-content h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: white;
}
.boost-section .boost-content p{
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
  color: white;
}
/* blkchn_srvcs-section */
.blkchn_srvcs-section{
  padding: 50px 0px;
}
.blkchn_srvcs-section .heading h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: white;
}
.blkchn_srvcs-section .heading p{
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
  color: white;
}
.blk-srvcs_box h3{
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  margin-top: 30px;
  line-height: 1.1;
}
.blk-srvcs_box p{
  margin-top: 8px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 400;
  color: white;
}
.blk-srvcs_imagebox img{
  width: 100%;
}
.blk-srvcs_box{
  background: #022D47;
  border-radius: 12px;
  padding: 25px;
  height: 100%;   
}
.blk-srvcs_box:hover img{
  transform: scale(1.1);
  transition: ease-in-out .5s; 
}
.blk-srvcs_imagebox{
  overflow: hidden;
}
/* blkchn_ntwrk-section */
.blkchn_ntwrk-section{
  padding: 50px 0px;
}
.blkchn_ntwrk-section .blkchn_ntwrk-content h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: black;
  margin-bottom: 40px;
}
.blkchn_ntwrk-imagebox img{
  width: 100%;
}
.blkchn_ntwrk-image img{
  width: 100%;
  height: 100%;
}
.blkchn_ntwrk-image{
  width: 20%;
  margin-bottom: 20px;
}
.blkchn-box{
  display: flex;
  margin-bottom: 35px; 
}
.blkchn-content{
  margin-left: 25px;
}
.blkchn-content h3{
  font-size: 26px;
  color: black;
  margin-top: 25px;
}
.blkchn-content p{
  color: #383838;
  margin-top: 8px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 400;
}
.blkchn-one{
  border-bottom: 1px solid black;
}
/* blkchn_indstry */
.blkchn_indstry{
  padding: 50px 0px;
}
.blkchn_indstry .heading h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: black;
}
.blkchn_indstry .heading p{
  color: #383838;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
}
.blkchn_indstry-imagebox{
  margin: 0px 20px;
}
/* blkchn_app_process-section */
.blkchn_app_process-section{
  background-color: #002033;
  margin-top: 209px;
  padding-bottom: 262px;
}
.blkchn_app_process-section .container{
  position: relative;
}
/* find_industry-section */
.find_industry-section{
  background-color: #eaeaea;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  top: -152px;
}
.find_industry-image img{
  width: 100%;
}
.find_industry-section .find_industry-content h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: black;
}
.find_industry-section .find_industry-content p{
  color: #383838;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
}
/* our_development_process-section */
.our_development_process-section .heading h2{
    color: white;
}
.our_development_process-section .heading p{
    color: white;
}
.our_development_process-content h3{
  color: white;
  margin: 5px;
}
.our_development_process-content p{
  color: white;
}
/* deliver-section  */
.deliver-section{
  background: #e4e4e4;
  padding: 90px 60px;
  border-radius: 20px;
  position: absolute;
  bottom: -507px;
  background-image: url(../../web-images/blockchain/blkchn_cta3.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  width: 100%;
}
.deliver-section .deliver-content h2{
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
}
.deliver-section .deliver-content p{
  color: #383838;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 8px !important;
}
.deliver-imagebox img{
  width: 100%;
}
/* client-think_section */
.client-box{
  padding: 291px 0px;
  padding-bottom: 72px;
}

.lan-label select{
    background: rgba(241, 241, 241, .28) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(112, 112, 112, .05) !important;
    border-radius: 27px;
    padding: 10px 20px !important;
    width: 100%;
    margin-bottom: 20px;
    color: gray;
    outline: none;
}

/* Feature-Section  */
.feature-listbox{
  padding: 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 15px #80808052;
}
.feature-listbox .ftr-img{
  margin-bottom: 15px;
}
.feature-listbox .ftr-img img{
  width: 100%;
  border-radius: 10px;
}
.feature-listbox .ftr-cont h3{
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.5;
}
.feature-listbox .uni-a a{
  font-size: 15px;
}
.feature-listbox .uni-a a i{
  width: 35px;
  height: 35px;
  font-size: 18px;
}


/*New ui-ux style*/

/* UI-UX Services  */
.ui-services ul{
  display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0 120px;
    gap: 25px 0;
}
.ui-services ul li{
  width: 32%;
  background: #f1f8fe 0% 0% no-repeat padding-box;
  border: 2px solid rgba(0, 0, 0, .01);
  border-radius: 22px;
  padding: 10px;
  min-height: 280px;
  margin: 0;
}
.ui-services ul li:nth-child(2),
.ui-services ul li:nth-child(5){
  transform: translate(0px, 60px);
}
.ui-services ul li:nth-child(3),
.ui-services ul li:nth-child(6){
  transform: translate(0px, 120px);
}
.ui-services .ui-heading{
  display: flex;
  align-items: center;
  background-color: #D4E1FB;
  padding: 10px;
  border-radius: 25px;
  margin-bottom: 20px;
}
.ui-services .ui-heading .ui-icon{
  width: 70px;
  height: 70px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-services .ui-heading h3{
  margin-bottom: 0px;
  margin-left: 10px;
  font-size: 24px;
  font-weight: 500;
}
.ui-services .ui-cont p{
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 400;
}

/* UI/UX Design Process  */
.ui-process{
  background-color: #141324;
  color: #fff;
  padding: 200px 0px;
  padding-top: 270px;
}
.ui-process .heading h2{
  color: #fff;
}
.ui-process .heading p{
  color: #fff;
  width: 95%;
}
.uiproces-cont{
  background-color: #1e1c33;
  border-radius: 17px;
  padding: 20px;
  border: 2px solid rgba(112, 112, 112, .12);
  position: relative;
}
.uiproces-cont::after{
  content: "";
  position: absolute;
  bottom: -23%;
  right: 0;
  height: 70px;
  width: 10px;
  /* background-color: #0949bd; */
  background: linear-gradient(180deg, rgba(9, 73, 189, 1) 0%, rgba(49, 97, 182, 1) 100%);
}
.after-cont::after{
  display: none;
}
.ui-bot{
  margin-bottom: 90px;
}
.ui-bot:last-child{
  margin-bottom: 0px;
}
.ui-rev .uiproces-cont::after{
  left: 0;
}
.uiproces-cont h3{
  color:#0949bd;
  font-size: 28px;
  margin-bottom: 10px;
}
.uiproces-cont p{
  color: #fff;
  font-size: 17px;
}
.uiproces-cont ul{
  list-style: disc;
  margin-left: 20px;
}
.uiproces-cont ul li{
  margin-bottom: 5px;
  font-size: 19px;
  font-weight: 500;
}
.uiprocess-count{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.uiprocess-count span{
  color:#1B1A29;
  font-size: 150px;
  font-weight: bolder;
}
.ui-rev{
  flex-direction:row-reverse;
}

/* Expertise for UI UX  */
.ui-expertise ul{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  margin-top: 60px;
}
.ui-expertise ul li{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 20%;
  overflow: hidden;
  position: relative;
  transition: ease-in-out .6s;
  margin: 0;
  height: 100%;
}
.ui-expertise ul li:hover, .ui-expertise ul li.expnd-li {
  flex: 2;
}
/* .ui-expertise .expnd-li h3{
  opacity: 0;
}
.ui-expertise .expnd-li .ui-hov{
  opacity: 1;
}
.ui-expertise .expnd-li .ui-hov h3{
  opacity: 1;
}
.ui-expertise li:hover .ui-hov{
  opacity: 0 !important;
} */


.ui-expertise ul li img{
  width: 100%;
  height: 390px;
  border-radius: 20px;
  object-fit: cover;
}
.ui-expertise ul li h3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  width: 95%;
  text-align: left;
  font-size: 22px;
  line-height: 1.3;
  transition: .3s;
}
.ui-expertise ul li p{
  color: #fff;
  margin-bottom: 0px;
}
.ui-expertise ul li .ui-hov{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .6s;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ui-expertise ul li .ui-hov h3{
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  padding: 0px;
  text-align: left;
  width: 100%;
}
.ui-expertise ul li:hover .ui-hov{
  opacity: 1;
  animation: zooru .8s ease-in 1;
}
.ui-expertise ul li:hover .expnd-li{
  flex: 1;
}
.ui-expertise ul li:hover h3{
  opacity: 0;
}
.ui-expertise ul li:hover .ui-hov h3{
  opacity: 1;
}

@keyframes zooru{
  0%{
    transform: scale(.6);
  }
  100%{
    transform: scale(1);
  }
}


/* Trustd-By  */
.trusted-by .trusted-img{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.trusted-by .trusted-wrapper{
  background-color: #EEF4FD;
  border-radius:40px;
}
.trusted-by .trusted-head{
  border-bottom: 1px solid gray;
}
.trusted-by .trusted-head h3{
  text-align: center;
  padding: 30px 60px;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
}
.trusted-by .trusted-img{
  padding: 35px 0px;
}
.trusted-by .trusted-img img{
  width: 20%;
  margin-bottom: 35px;
}
.trusted-by .trusted-img img:last-child{
  margin-bottom: 0px;
}
.trusted-by .trustd-ani ul{
  display: flex;
  flex-wrap: wrap;
}
.trusted-by .trustd-ani ul li{
  min-width: 48%;
  display: flex;
  justify-content: center;
}
.trusted-by .trustd-ani ul li .trusted-round{
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-color: #FEF3F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: zoom 2s infinite ease-in-out;
}
.trusted-by .trustd-ani ul li:nth-child(2) .trusted-round{
  margin-top: 40px;
  background-color: #EEFEEE;
}
.trusted-by .trustd-ani ul li:nth-child(3) .trusted-round{
  margin-top: 40px;
  width: 180px;
  height: 180px;
  background-color: #FCF3E5;
  margin-left: 20px;
}
.trusted-by .trustd-ani ul li:nth-child(4) .trusted-round{
  margin-top: 80px;
  width: 200px;
  height: 200px;
  background-color: #E5F6FC;
  margin-left: 20px;
}
.trusted-by .trustd-ani ul li span{
  display: inline-block;
  font-size: 45px;
  font-weight: 700;
}
.trusted-by .trustd-ani ul li h3{
  text-align: center;
  font-size: 20px;
}
.trust-space{
  justify-content: space-between;
}
.trustd-ani{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@keyframes zoom{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}



/* Development-Team  */
.development-team .development-box{
  position: relative;
}
.development-team .development-box:hover img{
  transform: scale(1.1);
}
.development-team .devbox-img{
  overflow: hidden;
  border-radius: 20px;
}
.development-team .devbox-img img{
  width: 100%;
  border-radius: 20px;
  transition: transform .8s;
}
.development-team .devbox-cont{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.development-team .devbox-cont h3{
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 0px;
}
.development-box-right{
  height: 100%;
}
.development-box-right .devbox-img{
  height: 100%;
}
.development-box-right .devbox-img img{
  height: 100%;
  object-fit: cover;
}

/* Development Requirements  */
.dev-requirement .devreq-img{
  position: sticky;
  top: 150px;
}
.dev-requirement .devreq-img img{
  width: 80%;
  margin: 0 auto;
}
.devreq-cont ul li{
  background: #fff;
  box-shadow: 0px 0px 40px #0000000D;
  border-radius: 12px;
  padding: 25px;
  margin-bottom: 20px;
  transition:all .3s;
  position: relative;
  z-index: 1;
}
.devreq-cont ul li::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(9,73,189,1) 0%, rgba(103,133,187,1) 100%);
  opacity: 0;
  transition:all .3s;
  border-radius: 12px;
  z-index: -1;
}
.devreq-cont ul li:hover::after{
  opacity: 1;
  border-radius: 12px;
}
.devreq-cont ul li:hover h3{
  color: #fff;
}
.devreq-cont ul li:hover p{
  color: #fff;
}
.devreq-cont ul li h3{
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 600;
}

/* Engage  */
.engae-wrapper{
  /* height: 100vh; */
  border-radius: 80px 80px 0px 0px;
  position: sticky;
  top: 50px;
  padding-top: 100px;
  background-color: #fff;
  overflow: hidden;
}
.engae-img img{
  width: 90%;
}
.enage-cont img{
  width: 80px;
  margin-bottom: 40px;
}
.engae-wrapper .enage-cont h3{
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  position: relative;
}
.engae-wrapper .enage-cont h3::after{
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 80px;
  height: 6px;
  border-radius: 50px;
  background: linear-gradient(270deg, rgba(9,73,189,1) 0%, rgba(103,133,187,0) 100%);
}
.engae-wrapper .enage-cont ul{
  list-style: disc;
  margin-top: 50px;
  margin-left: 20px;
}
.engae-wrapper .enage-cont ul li{
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
.eng-two .enage-cont h3{
  color: #000;
}
.eng-two .enage-cont li{
  color: #000 !important;
}
.eng-one{
  background-color: #002033;
}
.eng-two{
  background-color: #fff;
}
.eng-three{
  background-color: #002033;
}

/* Digital-Marketing  */
.marketing-st .tab {
  float: left;
  width: 100%;
  height: auto;
}
.marketing-st .tab button {
  display: block;
  color: #1d1d1d;
  padding: 0px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 30px;
  border-radius: 0px;
  box-shadow: unset;
  font-weight: 500;
  padding-left: 20px;
  position: relative;
  border-left: 4px solid #8080804f;
}
.marketing-st .tab button:hover {
  background-color: transparent !important;
  color: #0949bd;
}
.marketing-st .tab button.active {
  background-color: transparent;
  color: #0949bd;
  border-left: 4px solid #0949bd;
}
.marketing-st .tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  border-left: none;
  display: none;
}
.marketing-st .tab button:focus{
  background: transparent !important;
  color: #0949bd !important;
}
.mark-img{
  background-color: #F1F1F1;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  padding: 20px 0px;
  width: 90%;
  margin: auto;
  position: relative;
}
.mark-img img{
  width: 70%;
  margin: auto;
  z-index: 1;
  position: relative;
}
.mark-img::after{
  content: "";
  position: absolute;
  top: 10px;
  left: unset;
  width: 385px;
  height: 385px;
  background-color: #FFC014;
  opacity: .33;
  border-radius: 50%;
  z-index: 0;
}
.mark-cont ul{
  display: flex;
  align-items: end;
}
.mark-cont ul li{
  background: #1e93d8 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 20px;
  width: 40%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mark-cont ul li:nth-child(1){
  width: 240px;
  height: 180px;
  margin-right: 30px;
}
.mark-cont ul li:nth-child(2){
  width: 240px;
  height: 230px;
}
.mark-cont ul p{
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  color: #fff;
}
.mark-cont ul h3{
  font-size: 70px;
  color: #fff;
  line-height: normal;
  font-weight: 900;
  margin-bottom: 0px;
}
.mark-cont p{
  color: #000;
  font-size: 22px;
  margin: 40px 0 50px;
}
.digi-counter{
  background-color: #010812;
}
.digi-counter ul{
  display: flex;
}
.digi-counter ul h3{
  font-size: 72px;
  color: #fff;
}
.digi-counter ul p{
  font-size: 28px;
  color: #fff;
}
.digi-counter ul li:nth-child(1){
  margin-right: 50px;
}
.digi-box{
  position: relative;
  width: 70%;
  margin: auto;
}
.digi-box ul li{
  background: #73f5f9 0% 0% no-repeat padding-box;
  border: 5px solid #141324;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.digi-box ul li h3{
  font-size: 60px;
  color: #1d1d1d;
}
.digi-box ul li p{
  font-size: 20px;
  color: #1d1d1d;
  margin-bottom: 0px;
  font-weight: 500;
}
.digi-box ul li:nth-child(2) {
  background: #47c0ff 0% 0% no-repeat padding-box;
  border: 5px solid #141324;
  width: 265px;
  height: 265px;
  position: absolute;
  left: 255px;
  top: 40px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.digi-box ul li:nth-child(3) {
  background: #ffc847 0% 0% no-repeat padding-box;
  border: 5px solid #141324;
  width: 220px;
  height: 220px;
  position: absolute;
  bottom: -120px;
  left: 115px;
  padding-top: 35px;
}
.digi-counter{
  padding-top: 20px;
  padding-bottom: 140px;
}
.partus-box{
  position: relative;
  padding: 20px;
  padding: 70px 20px 30px;
  border-radius: 20px;
  position: relative;
  text-align: center;
  min-height: 300px;
}
.partus-box .partus-img{
  position: absolute;
  top: -45px;
  right: 0;
  left: 0;
  margin: auto;
}
.partus-box .partus-img img{
  width: 20%;
}
.partus-box .partus-cont h3{
  color: #000;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}
.partus-box .partus-cont p{
  font-size: 22px;
  color: #000;
  line-height: 30px;
  margin-top: 15px;
}
.partus-boxsec{
  margin-top: 100px;
}
.market-img img{
  width: 100%;
}
.marke-cont span{
  color: #E8E8E8;
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 700;
}
.marke-cont h3{
  font-size: 35px;
  font-weight: 700;
  color: #000;
}
.marke-cont ul{
  margin: 30px 0px;
  list-style: disc;
  margin-left: 20px;
}
.marke-cont ul li{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.row-s{
  justify-content: space-between;
}
.marke-cont li::marker{
  color: #F15828;
  font-size: 25px;
  line-height: 0px;
}
.marketing-sr .slick-arrow{
  bottom: -100px;
  top: unset;
  border: 1px solid #000;
}
.marketing-sr .slick-prev{
  left: 45% !important;
}
.marketing-sr .slick-next{
  right: 45% !important;
}
.parnter-slide img{
  width: 85%;
  margin: auto;
  aspect-ratio: 3/1;
  object-fit: contain;
}
.s-partner{
  padding-top: 80px;
}
.s-partner .heading h2{
  font-size: 36px;
}
.parnter-slide {
  height: 100%;
  display: flex !important;
  align-items: center;
  border: 1px solid #80808026;
  padding: 0px 20px;
  border-radius: 20px;
}
.o-process{
  background-color: #141324;
  padding-bottom: 200px;
}
.o-process .heading h2{
  color: #fff;
}
.o-process .heading p{
  color: #fff;
}
.o-probox{
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.o-probox img{
  width: 10%;
}
.o-probox h3{
  margin-top: 15px;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}
.o-probox p{
  text-align: center;
  margin-bottom: 0px;
}
.head-hlight{
  background-color: #fdaa90;
  border-radius: 50px;
  font-size: 48px !important;
  color: #000;
  padding: 4px 22px !important;
}
.head-hlight::after{
  display: none;
}
.head-hlight::before{
  display: none;
}
.rotate-img{
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.rot-bg{
  width: 35%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rotate-img a{
  position: relative;
  display: flex;
  justify-content: center;
}
.rotate-img a img{
  width: 150px;
  height: 150px;
  border: unset;
  /* margin: 70px auto 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.rotate-img a i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(320deg);
  font-size: 40px;
  color: #fff;
}
.signin .modal-footer ul{
  width: 100%;
  justify-content: center;
}

.perks{
  padding-top: 250px;
}
.parks-slide{
  background-color: #327D98;
  border-radius: 30px;
}
.parks-slide img{
  width: 80%;
}
.parks-slide .park-cont{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.parks-slide .park-cont h3{
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #fff;
}
.parks-slide .park-cont p{
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}
.parks-slide .slick-prev{
  right: -110px;
  left: unset !important;
  border: 1px solid gray;
  background-color: #f2f9ff;
  top: 40%;
  width: 70px !important;
  height: 70px !important;
}
.parks-slide .slick-prev:before{
  font-size: 35px !important;
}
.parks-slide .slick-next{
  right: -110px !important;
  left: unset !important;
  border: 1px solid gray;
  background-color: #f2f9ff;
  top: 60%;
  width: 70px !important;
  height: 70px !important;
}
.parks-slide .slick-next:before{
  font-size: 35px !important;
}
.floatsec-box{
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 9px 27px 44px rgba(0,0,0,.09);
  border-radius: 10px;
  padding: 30px 30px;
  width: 43%;
  position: absolute;
  left: 0;
  bottom: -200px;
  z-index: 2;
}
.floatsec-box h3{
  margin-bottom: 20px;
  line-height: 1.5;
}
.floatsec-wrapper{
  position: absolute;
  top: -120px;
  right: 0;
  background: #36c6de;
  height: 300px;
  border-radius: 10px;
}
.floatsec-wrapper img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 10px;
}

/* Career  */
.career-tab .tab button{
  padding: 2px 15px;
  font-size: 20px;
  border-radius: 3px;
  border: 2px solid #0949bd;
  color: #0949bd;
  margin-right: 10px;
}
.career-tab .tab{
  text-align: left;
}
.career-tab .active{
  background-color: #0949bd !important;
  color: #fff !important;
}
.career-tab button:focus{
  background: #0949bd !important;
}
.career-tab .heading{
  text-align: left;
  align-items: flex-start;
  margin-bottom: 0px;
  padding-top: 0px;
}
.career-tab .heading h2{
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.career-tab .heading h3{
  font-size: 18px;
  font-weight: 700;
}
.career-tab .heading h4{
  padding-left: 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}
.career-tab .heading span{
  padding-left: 0px;
  font-size: 16px;
  font-weight: 500;
}
.career-tab .heading span::before{
  display: none;
}
.career-tab .heading span::after{
  display: none;
}
#defaultOpen{
  display: block;
}

.career-tab{
  position: relative;
  height: 100vh;
  margin-bottom: 500px;
}
.career-tab .tabcontent1 {
  float: unset !important;
  padding: 0px 58px;
  /* border: 1px solid #ccc; */
  width: 70%;
  border-left: none;
  height: auto;
  position: absolute;
  right: 0;
  height: 100%;
}

.career-tab .tab1 {
  position: absolute;
  float: unset !important;
  /* border: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
  width: 21%;
  /* height: 300px; */
  background-color: #fff;
  height: 100%;
}



/* Blog  */
.blox-box{
  padding: 15px;
  background-color: #fff;
  box-shadow: 2px 2px 20px -5px #80808073;
  border-radius: 10px;
}
.blox-box img{
  width: 100%;
  border-radius: 10px;
}
.blox-box .blog-cont{
  margin-top: 15px;
  width: 100%;
}
.blox-box .blog-cont h4 a{
  font-size: 18px;
  margin-bottom: 5px;
  display: inline-block;
  color: #0949bd;
}
.blox-box .blog-cont h4 a:hover{
  color: #356dd0;
}
.blox-box .blog-cont h3 a{
  font-size: 18px;
  color: #000;
  line-height: 1.3;
}
.blogs .blox-box{
  display: flex;
}
.blogs .blog-img{
  height: 100%;
}
.blogs .blog-img img{
  height: 100%;
  object-fit: cover;
}
.blogs .blox-box ul{
  display: flex;
}
.blogs .blox-box ul li{
  margin-right: 15px;
  font-size: 16px;
  font-weight: 600;
}
.blogs .heading{
  margin-bottom: 0px;
}
.blogs .heading h2{
  font-size: 32px;
  text-align: left;
  width: 100%;
}
.blog .heading{
  margin-bottom: 0px;
}
.blog .heading h2{
  font-size: 32px;
  text-align: left;
  width: 100%;
}
.blog-search{
  position: relative;
}
.blog-search input{
  width: 100%;
  padding: 12px 12px;
  padding-right: 35px;
  background-color: #fff;
  border-radius: 10px;
  border: unset;
  box-shadow: 2px 2px 20px -5px #80808073;
  font-size: 14px;
  font-weight: 500;
  outline: unset;
}
.blog-search button{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-0%, -50%);
  background-color: transparent;
  border: unset;
  font-size: 18px;
  color: #0949bd;
}
.blog-form{
  position: sticky;
  top: 160px;
}
.blog-forms{
  background-color: #F5F5F7;
  border-radius: 15px;
  padding: 20px;
}
.blog-forms input{
  width: 100%;
  border: unset;
  outline: unset;
  border-bottom: 1px solid #80808040;
  padding: 8px 0px;
  font-size: 14px;
  background-color: transparent;
  margin-bottom: 10px;
  color: #2e2e2e;
}
.blog-forms input::placeholder{
  color: #2e2e2e;
}
.blog-forms select{
  width: 100%;
  border: unset;
  outline: unset;
  border-bottom: 1px solid #80808040;
  padding: 8px 0px;
  font-size: 14px;
  background-color: transparent;
  margin-bottom: 10px;
  color: #2e2e2e;
}
.blog-forms textarea{
  width: 100%;
  border: unset;
  outline: unset;
  border-bottom: 1px solid #80808040;
  padding: 8px 0px;
  font-size: 14px;
  background-color: transparent;
  margin-bottom: 10px;
  color: #2e2e2e;
}
.blog-forms textarea::placeholder{
  color: #2e2e2e;
}
.blog-forms .uni-btn button{
  width: 100%;
  border-radius: 5px;
  justify-content: center;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 500;
}
.blog-forms h3{
  font-size: 20px;
  line-height: 1.5;
}
.blog-forms p{
  font-size: 14px;
  font-weight: 500;
}
.navigation{
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation ul{
  display: flex;
}
.navigation ul a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 35px;
  border: 1px solid #00000036;
  font-size: 15px;
  color: #0949bd;
  margin-right: 3px;
}
.navigation ul a:hover{
  background-color: #0949bd;
  color: #fff !important;
}
.navi-active{
  background-color: #0949bd;
  color: #fff !important;
}
.navi-btn{
  width: 60px !important;
}
@media screen and (min-width:1399px){
  .blog-form{
    padding: 0px 0px 0px 40px;
  }
}