F/*!
Theme Name: engineersahab
Theme URI: https://engineersahab.com
Author: Aashifa
Author URI:
Version: 1.0.0
*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
p {
  margin-bottom: 0;
}
a {
  text-decoration: none !important;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}
.comn_spcing {
  padding: 0 5%;
}
.common_btn {
  text-align: center;
  font: normal normal 400 14px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.8s all ease;
}
.common_btn:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #0e353b;
  border: 2px solid #49f7e8;
}
/* Navbar section */

.nav {
  width: 100%;
  height: 80px;
  position: sticky;
  background-color: #0e3439;
  z-index: 997;
  transition: 0.8s all ease;
}
.header_scrolled {
  position: fixed;
  top: 0;
}
/*.nav.header_scrolled {*/
/*  height: 65px;*/
/*}*/
.nav .logo {
  width: auto;
  height: auto;
}
.nav .logo img {
  width: 185px;
  height: auto;
  transition: 0.8s all ease;
}
/*.nav.header_scrolled .logo img {*/
/*  width: 150px;*/
/*  height: auto;*/
/*}*/
.nav .logo a {
  text-decoration: none;
  color: #fff;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
}
.nav .main_list {
  height: 65px;
  float: right;
}

.nav .main_list ul {
  width: 100%;
  height: 65px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.nav .navbar_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav .main_list ul li {
  width: auto;
  height: 80px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
/*.nav.header_scrolled .main_list ul li {*/
/*  height: 65px;*/
/*}*/
.nav .main_list ul li:last-child {
  padding: 0 0 0 15px;
}
.nav .main_list ul li a {
  text-align: center;
  font: normal normal 400 14px/18px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  transition: 0.8s all ease-out;
  position: relative;
}
/*.nav.header_scrolled .main_list ul li a {*/
/*  font: normal normal 400 13px/18px Rubik;*/
/*}*/
.nav .main_list ul li a::before {
  position: absolute;
  width: 0;
  left: 0;
  bottom: -30px;
  content: " ";
  height: 2px;
  background-color: #49f7e8;
  transition: width 0.3s;
}
.nav .main_list ul li:hover a:before {
  width: 100%;
}
/*.nav.header_scrolled .main_list ul li a::before {*/
/*  bottom: -22px;*/
/*}*/
.nav .main_list ul li a.active:before {
  border-bottom: 1px solid #49f7e8;
  width: 100%;
}
.nav .main_list ul li a.active {
  color: #49f7e8 !important;
}
.nav .main_list ul .project a.active {
  color: #fff !important;
}
.nav .main_list ul .project a {
  background: #49f7e8 0% 0% no-repeat padding-box;
  font: normal normal 400 14px Rubik;
  /* border: 2px solid #49f7e8; */
  border-radius: 0px 15px;
  padding: 10px 15px;
  color: #000000;
}
.nav .main_list ul .project a::before {
  display: none;
}
.nav .main_list ul li.project a:hover {
  background: #fff 0% 0% no-repeat padding-box;
  /* border: 2px solid #49f7e8; */
  border-radius: 30px;
  color: #000000 !important;
}

.navTrigger {
  display: none;
}

/* Media qurey section */

@media screen and (max-width: 767px) {
  .navTrigger {
    display: block;
  }
  .nav div.main_list {
    width: 100%;
    height: 0;
    overflow: hidden;
  }
  .nav div.show_list ul {
    height: auto;
    left: 0px !important;
    transform: translate(0%) !important;
  }
  .nav.header_scrolled .show_list ul {
    top: 64px;
  }
  .nav.header_scrolled .main_list ul li a::before {
    bottom: 0px;
  }
  .nav div.main_list ul {
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100vh;
    right: 0;
    left: -500px;
    top: 80px;
    background-color: #0e3439;
    background-position: center top;
    transform: translateX(-500px);
    transition: 0.6s;
    justify-content: center;
  }
  .nav div.main_list ul li {
    width: 100%;
    height: 60px;
    justify-content: center;
  }
  .nav div.main_list ul li a {
    text-align: center;
    font: normal normal 400 18px/22px Rubik;
    padding: 10px 0;
    color: #fff !important;
  }
  .nav div.media_button {
    display: block;
  }
  .nav .main_list ul li a::before {
    bottom: 0px;
  }
  /* .nav .navbar_center {
    flex-direction: column;
    align-items: flex-start;
} */
}

/* Animation */
/* Inspiration taken from Dicson https://codemyui.com/simple-hamburger-menu-x-mark-animation/ */

.navTrigger {
  cursor: pointer;
  width: 30px;
  height: 25px;
  margin: auto;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
}

.navTrigger i {
  background-color: #0e353b;
  border-radius: 2px;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
}

.navTrigger i:nth-child(1) {
  -webkit-animation: outT 0.8s backwards;
  animation: outT 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.navTrigger i:nth-child(2) {
  margin: 5px 0;
  -webkit-animation: outM 0.8s backwards;
  animation: outM 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.navTrigger i:nth-child(3) {
  -webkit-animation: outBtm 0.8s backwards;
  animation: outBtm 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.navTrigger.active i:nth-child(1) {
  -webkit-animation: inT 0.8s forwards;
  animation: inT 0.8s forwards;
}

.navTrigger.active i:nth-child(2) {
  -webkit-animation: inM 0.8s forwards;
  animation: inM 0.8s forwards;
}

.navTrigger.active i:nth-child(3) {
  -webkit-animation: inBtm 0.8s forwards;
  animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}

@keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

@-webkit-keyframes outM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}

@keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

@-webkit-keyframes inT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(9px) rotate(135deg);
  }
}

@keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}

@-webkit-keyframes outT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(9px) rotate(135deg);
  }
}

@keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}

@-webkit-keyframes inBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-9px) rotate(135deg);
  }
}

@keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}

@-webkit-keyframes outBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-9px) rotate(135deg);
  }
}

@keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}

.myH2 {
  text-align: center;
  font-size: 4rem;
}
.myP {
  text-align: justify;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 20px;
}
@media all and (max-width: 700px) {
  .myP {
    padding: 2%;
  }
}

/* Home section */

.hero {
  position: relative;
  width: 100%;
  height: 78vh;
  overflow: hidden;
  background: #0e353a;
  z-index: 0;
}
.hero_main {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 92vh;
}
/*.hero_slider {*/
/*  width: 100%;*/
/*}*/
.slider_first img,
.slider_second img,
.slider_third img {
  width: 100%;
  height: 92vh;
}
/*.slider_first,*/
/*.slider_second,*/
/*.slider_third {*/
/*  position: relative;*/
/*}*/
/*.slider_text {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  height: 92vh;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  width: 100%;*/
/*}*/
.slider_text h1 {
  text-align: left;
  font: normal normal bold 38px/50px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 2rem;
}
.hero_btn {
  text-align: center;
  text-decoration: none;
  font: normal normal 500 14px Rubik;
  letter-spacing: 0px;
  color: #000000;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  transition: 0.8s all ease;
}
.hero_btn:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 30px;
  color: #000000;
}
.slider_text .img_sec img {
  height: 400px;
  margin: auto;
  width: auto;
  display: block;
}
.slider_text .img_sec {
  position: relative;
}
.slider_text .img_sec::before {
  position: absolute;
  content: " ";
  width: 400px;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  background-image: url(../img/hero_img_back.svg);
  background-size: 400px;
  background-repeat: no-repeat;
  margin: auto;
  animation: zoom-in-zoom-out 5s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.slider_text .img_sec::after {
  position: absolute;
  content: " ";
  width: 300px;
  height: 44px;
  right: 80px;
  bottom: 0;
  background-image: url(../img/hero_img_btm.svg);
  background-size: 300px;
  background-repeat: no-repeat;
  z-index: -1;
  animation: zoom-in-zoom-out 5s ease-out infinite;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
  display: block !important;
  position: absolute;
  font-size: 0;
  width: 45px;
  height: auto;
  border-radius: 50%;
  border: none;
  background: transparent;
  z-index: 1;
}
button.slick-prev.slick-arrow {
  left: 9%;
  bottom: 120px;
  margin: auto;
}
button.slick-prev.slick-arrow::before {
  position: absolute;
  content: " ";
  width: 15px;
  height: 15px;
  left: 0;
  top: 0;
  margin: auto;
  background: url(../img/Icon.html\ awesome-arrow-left.svg);
  background-size: 15px;
  background-repeat: no-repeat;
}
button.slick-next.slick-arrow {
  left: 12%;
  bottom: 120px;
  margin: auto;
}
button.slick-next.slick-arrow::before {
  position: absolute;
  content: " ";
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  margin: auto;
  background: url(../img/Icon.html\ awesome-arrow-right.svg);
  background-size: 25px;
  background-repeat: no-repeat;
}

.social_hero {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 110px;
  z-index: 8;
  padding: 0 0 0 5%;
}
ul.social_icon {
  list-style: none;
  padding: 0;
}
ul.social_icon li {
  margin: 0 0 1rem;
  background: #135355 0% 0% no-repeat padding-box;
  border-radius: 0px 7px;
  width: 35px;
  height: 35px;
  transition: 0.8s all ease;
}
ul.social_icon li:hover {
  background-color: #49f7e8;
}
ul.social_icon li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
ul.social_icon li a img {
  height: 15px;
}
.scroll_down {
  position: absolute;
  width: 60px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.scroll_down p {
  text-align: center;
  font: normal normal 300 12px/15px Rubik;
  letter-spacing: 0px;
  color: #e2e2e2;
  opacity: 1;
  position: relative;
}
.scroll_down p::before {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  left: 0;
  bottom: 140px;
  background-color: #e2e2e2;
  width: 2px;
  height: 50px;
  margin: auto;
}
.scroll_down p a {
  color: #e2e2e2;
}
.main_heading {
  width: 85%;
  margin: auto;
}
.main_heading h1 {
  text-align: center;
  font: normal normal bold 28px/30px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  width: fit-content;
  margin: 0 auto 3rem;
  position: relative;
}
.main_heading h1::before {
  position: absolute;
  width: 150px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1.5rem;
  margin: auto;
  content: " ";
  background-color: #49f7e8;
}
.main_heading h5 {
  text-align: center;
  font: normal normal 400 14px/20px Rubik;
  letter-spacing: 1.38px;
  color: black;
   font-size:2.5rem;
    margin-bottom:2rem;  /*color:#49f7e8;*/
  font-weight:bold;
  /*margin-bottom:10px;*/
  text-transform: uppercase;
  opacity: 1;
  /*margin-bottom: 1rem;*/
  position: relative;
}
.main_heading p {
  text-align: center;
  font: normal normal 500 14px/22px Rubik;
  letter-spacing: 0px;
  font-size:1.2rem;
  color: #0e353b;
  opacity: 1;
  margin: 1rem 0;
}
.main_heading p.first {
  display: block;
}
.main_heading p.last {
  display: none;
}
.services,
.project-details {
  padding: 5rem 0;
  background: #f5f5f5 0% 0% no-repeat padding-box;
  opacity: 1;
}
.services .btm_btn {
  margin-top: 1rem;
}
.services .btm_btn .see_more {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border: 2px solid #49f7e8;
  border-radius: 0px 15px;
  text-align: center;
  font: normal normal 500 14px Rubik;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  padding: 12px 30px;
  transition: 0.8s all ease;
  z-index: 2;
}
.services .btm_btn .see_more:hover {
  /*border: 2px solid #49f7e8;*/
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
}

/*.btn_effect:hover::before {*/
/*    opacity: 1;*/
/*   border-radius: 30px;*/
/*}*/
/*.btn_effect::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*     z-index: -1; */
/*    border: 2px solid #49f7e8;*/
/*    -webkit-transition: all 0.3s;*/
/*    -moz-transition: all 0.3s;*/
/*    -o-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*    opacity: 0;*/
/*     border-radius: 0px 15px;*/
/*}*/

/*.btn_effect:hover::after {*/
/*    opacity: 1;*/
/*    -webkit-transform: scale(1, 1);*/
/*    transform: scale(1, 1);*/
/*    border-radius: 30px;*/
/*}*/
/*.btn_effect::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*     z-index: -1; */
/*    opacity: 0;*/
/*         background-color: #fff;*/
/*    -webkit-transition: all 0.3s;*/
/*    -moz-transition: all 0.3s;*/
/*    -o-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*    -webkit-transform: scale(0.5, 0.5);*/
/*    transform: scale(0.5, 0.5);  border-radius: 0px 15px;*/
/*}*/

/*span.button-text {*/
/*    display: inline-block;*/
/*}*/
.services .main_heading,
.project-details .main_heading {
  width: 100%;
}
.services .main_heading h1,
.project-details .main_heading h1 {
  text-align: left;
  font: normal normal bold 28px/30px Poppins;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  margin-bottom: 1rem;
  margin-left: 0;
}
.services .main_heading h1::before,
.project-details .main_heading h1:before,
.wireframe_bnr h1:before {
  display: none;
}
.services .main_heading h5,
.project-details .main_heading h5,
.project_details_bnr h5 {
  text-align: left;
  font: normal normal normal 14px/22px Rubik;

  letter-spacing: 1.38px;
  color: black;
  text-transform: uppercase;
  opacity: 1;
  /*margin-bottom: 1rem;*/
    font-size:2.5rem;
    margin-bottom:2rem;
  /*color:orange;*/
  
  color:black;
  position: relative;
  min-width: 120px;
  font-weight:bold;
  width: max-content;
}
.services .main_heading p,
.project-details .main_heading p {
  text-align: left;
  font: normal normal 500 14px/22px Rubik;
  letter-spacing: 0px;
  color: #000000;
  font-size:1.1rem;
  opacity: 1;
  margin-bottom: 1rem;
}
/* .services .main_heading h5::before,
.project-details .main_heading h5::before,
.project_details_bnr h5::before,
.heading_2 h5::before {
  position: absolute;
  width: 110px;
  height: 2px;
  right: -120px;
  bottom: 0;
  top: 0;
  content: " ";
  margin: auto;
  background-color: #49f7e8;
} */
.services_crd {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0e353b1f;
  border-radius: 8px;
  transition: 0.6s all ease;
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}
.services_crd:hover {
  /*background: #49f7e8 0% 0% no-repeat padding-box;*/
  box-shadow: 8px 8px 24px #090e1457;
  border: 1px solid #0e353b1f;
  transform: translateY(-5px);
  transform: scale(1.03);
}
.services_crd:before {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0%;
  background: rgb(32 173 161);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all ease 0.4s;
}
.services_crd:hover:before {
  bottom: 0%;
  left: 0%;
  border-radius: 0%;
}

.services_crd img {
  height: 45px;
}
.services_crd:hover img {
  filter: brightness(0.1) invert(1);
}
.services_crd h3 {
  text-align: left;
  font: normal normal 600 16px/18px Poppins;
  font-size:1.2rem;
  letter-spacing: 0px;
  color: #0e353b;

  margin-bottom: 0.5rem;
}
.services_crd p {
  text-align: left;
  font: normal normal normal 14px/20px Poppins;
    font-size:1.05rem;

  letter-spacing: 0px;
  color: #000000;
}
.services_crd:hover p,
.services_crd:hover h3 {
  color: #fff;
}
.services_crd .content {
  margin-top: 1rem;
  min-height: 88px;
}
.our_approch {
  padding: 5rem 0;
  background-color:#20ada1;
  position: relative;
  z-index: -3;
}
.our_approch .main_heading h1,
.our_approch .main_heading h5,
.our_approch .main_heading p {
  color: #fff;
}
.our_approch .main_heading p {
      font-size:1.2rem;

  width: 80%;
  margin: auto;
}
.our_approch .main_heading h1::before {
  background-color: #fff;
}
.our_approch::before,
.project_details_bnr::before {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  content: " ";
  background-image: url(../img/wave-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
}
.our_approch .main_heading {
  position: relative;
}
.our_approch .main_heading::before {
  position: absolute;
  width: 60px;
  height: 60px;
  left: -15%;
  bottom: -60px;
  content: " ";
  background-image: url(../img/Shape.png);
  background-size: 60px;
  background-repeat: no-repeat;
}
.our_approch .main_heading::after {
  position: absolute;
  width: 60px;
  height: 60px;
  right: -15%;
  top: 0;
  content: " ";
  background-image: url(../img/Shape.png);
  background-size: 60px;
  background-repeat: no-repeat;
}
.process {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.process .listing,
.process .planing,
.process .desining {
  width: 30%;
  margin-bottom: 3rem;
}
.process .img_bg {
  height: 70px;
  margin: auto 0;
  position: relative;
  width: 70px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process .img_bg:before,
.process .img_bg:after {
  -webkit-animation: pulse-loader infinite 2s;
  animation: pulse-loader infinite 2s;
  box-shadow: 0 0 5px #dcc6c6;
  border-radius: 50%;
  border: 2px solid #dcc6c6;
  content: "";
  display: block;
  height: 90px;
  left: -10px;
  opacity: 0;
  position: absolute;
  top: -10px;
  width: 90px;
  z-index: -1;
}
.process .img_bg:after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes pulse-loader {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes pulse-loader {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.process .process_img {
  width: auto;
  height: 40px;
  z-index: 0;
}
.btm_section {
  margin-top: 5rem;
}
.process .process_text h1 {
  text-align: left;
  font: normal normal 500 35px/38px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;

  margin-bottom: 0.5rem;
  width: fit-content;
  position: relative;
}
.process .process_text h1::before {
  position: absolute;
  width: 142px;
  height: 100px;
  left: 40px;
  top: 10px;
  bottom: 0;
  content: " ";
  background-image: url(../img/Dote_Line.svg);
  background-repeat: no-repeat;
  background-size: 142px;
}
.process .btm_section .col-lg-3.col-md-3:last-child .process_text h1::before,
.process .top_section .col-lg-3.col-md-3:last-child .process_text h1::before {
  display: none;
}
.process .process_text h5 {
  text-align: left;
  font: normal normal 500 18px/22px Rubik;
    font-size:1.5rem;

  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 0.5rem;
  width: fit-content;
  position: relative;
}
.process .process_text p {
  text-align: left;
  font: normal normal 400 14px/16px Rubik;
  letter-spacing: 1px;
    font-size:1.1rem;

  color: #ffffff;
  opacity: 0.88;
  min-height: 65px;
}
.wave_moddle {
  position: relative;
  width: 100%;
  height: 100px;
}
.wave_moddle::before {
  position: absolute;
  width: 105%;
  height: 300px;
  content: " ";
  left: -47px;
  top: -118px;
  background-image: url(../img/midle_wave.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.platforms {
  padding: 5rem 0;
}

.platforms_sub {
  margin: 2rem 0 0;
}
.platforms .container {
  position: relative;
}
.platforms .container::before {
  position: absolute;
  width: 313px;
  height: 220px;
  content: " ";
  right: 0;
  bottom: 80px;
  background-image: url(../img/platform_btm.svg);
  background-size: 220px;
  background-repeat: no-repeat;
}
.platforms_sub .main_sec .heading {
  margin: 1rem 0;
}
.platforms_sub .main_sec .heading h1 {
  text-align: left;
  font: normal normal 500 22px/28px Rubik;
  letter-spacing: 0px;
  color: #0e3439;
  opacity: 1;
}
.platforms_sub ul.frontend_type {
  list-style: none;
  padding: 0;
  margin: 0;
}
.platforms_sub ul.frontend_type li {
  margin: 1.2rem 0;
  font: normal normal 500 14px/14px Rubik;
  color: #053e4e;
}
.platforms_sub ul.frontend_type li img {
  width: 28px;
  margin-right: 15px;
}
.testimonials {
  background: #f5f5f5 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 5rem 0;
}
.testimoials_slider {
  margin-top: 5rem;
}
.testimoials_slider .text_slider {
  display: flex;
}
.testimoials_slider .text_slider .quoto {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 12px;
  opacity: 1;
  width: 40px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.testimoials_slider .text_slider .quoto img {
  height: 25px;
}
.testimoials_slider .text_slider h4 {
  text-align: left;
  font: normal normal 500 16px/20px Rubik;
    font-size:1.2rem;

  letter-spacing: 0px;
  color: #0e353b;
  text-transform: uppercase;
}
.testimoials_slider .text_slider h4 span {
  font: normal normal 300 16px/20px Rubik;
    font-size:1.2rem;

}
.testimoials_slider .slider_main h5 {
  text-align: left;
  font: normal normal 400 16px/22px Rubik;
    font-size:1.2rem;

  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  margin: 2rem 0;
}
.testimoials_slider .slider_main {
  min-height: 220px;
}
.profile_img {
  position: relative;
}
.profile_img::before {
  position: absolute;
  width: 200px;
  height: 200px;
  content: " ";
  right: 0;
  top: 15px;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 45px;
  opacity: 1;
  z-index: -1;
}
.profile_img img {
  height: 200px;
  width: 200px;
  margin-right: 15px;
  margin-left: auto;
  border-radius: 0px 45px;
  object-fit: cover;
  object-position: top;
}
.testimoials_slider button.slick-prev.slick-arrow {
  left: 0;
  bottom: 14px;
}
.testimoials_slider button.slick-prev.slick-arrow::before {
  background: url(../img/textimonial_arrow_left-2.svg);
  background-size: 15px;
  background-repeat: no-repeat;
}
.testimoials_slider button.slick-next.slick-arrow {
  left: 30px;
  bottom: 14px;
}
.testimoials_slider button.slick-next.slick-arrow::before {
  background: url(../img/textimonial_arrow_right.svg);
  background-size: 25px;
  background-repeat: no-repeat;
}
.featured {
  padding: 5rem 0;
}
.featured_slider {
  margin-top: 2rem;
}
.featured_slider .featured_main img {
  width: 100%;
}
.featured .card_bg {
  border-radius: 0 40px;
  opacity: 1;
  padding: 2rem;
}
.featured .card_bg .logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.featured .card_bg .logos img {
  height: 110px;
}
.footer .form_crd {
  background-color: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 42px;
  border-radius: 32px;
  margin-bottom: -8rem;
  margin-top: 5rem;
  position: relative;
  z-index: 0;
}
.footer .form_crd .lt_card {
  background-color: #49f7e8;
  border-radius: 24px;
  padding: 24px;
  height: 100%;
}
.footer .form_crd .lt_card h2 {
  font: normal normal 600 28px / 30px Rubik;
  letter-spacing: 0px;
  
  color:#0e353b;
  margin: 0;
}
.footer .form_crd .lt_card p {
  font: normal normal 300 16px / 22px Rubik;
  letter-spacing: 0px;
  font-size:1.2rem;
  /*color: #fff;*/
  margin: 8px 0 32px;
  color:#0e353b;
}
.footer .form_crd .lt_card img {
  width: 65%;
  margin: auto;
  display: block;
}
.footer .form_crd .form_bx {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer .form_crd .form_bx .input_inr {
  position: relative;
}
.footer .form_crd .form_bx .form-control {
  border: none;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid #e9e9e9;
  opacity: 1;
  padding: 8px 0;
  position: relative;
  font: normal normal 500 14px / 12px Rubik;
    font-size:1.2rem;

  transition: all ease-in-out 0.2s;
}
.footer .form_crd .form_bx .form-control::placeholder {
  font: normal normal 500 12px/10px Rubik;
      font-size:1.2rem;

  letter-spacing: 0px;
  color: #282828;
  opacity: 0.5;
}
.footer .form_crd .form_bx .submit {
  font: normal normal 500 14px Rubik;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  text-decoration: none;
  border: 2px solid #49f7e8;
      font-size:1.2rem;

  transition: 0.8s all ease;
  position: relative;
}
.footer .form_crd .form_bx .submit:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
  border: 2px solid #49f7e8;
}
.modal_btn{
  font: normal normal 500 14px Rubik;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.8s all ease;
  position: relative;
}
.modal_btn:hover{
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
  border: 2px solid #49f7e8;
}
.footer .form_crd .heading_bx h2 {
  font: normal normal 600 28px / 30px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  margin: 0;
}
.footer .form_crd .heading_bx p {
  font: normal normal 300 16px / 22px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  margin: 8px 0 24px;
}
.footer .ftr_top {
  background: #0e353b 0% 0% no-repeat padding-box;
  opacity: 1;
  border-bottom: 1px solid #4e666b;
}
.brdr_right {
  border-right: 1px solid #4e666b;
}
.top_sec {
  display: flex;
  align-items: center;
  padding: 2rem 0;
}
.top_sec .text_sec {
  width: 48%;
}
.top_sec .text_sec h1 {
  text-align: left;
  font: normal normal 600 20px/25px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.top_sec .image_sec {
  width: 20%;
}
.top_sec img {
  height: 25px;
  margin: auto;
  display: block;
}
.top_sec .btn_sec {
  width: 32%;
  text-align: end;
}
.top_sec .lets_talk {
  text-align: center;
  font: normal normal 400 14px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  text-decoration: none;
  transition: 0.8s all ease;
}
.top_sec .lets_talk:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #0e353b;
}

.ftr_main {
  background: #0e353b 0% 0% no-repeat padding-box;
  padding: 11rem 0 2rem;
}
.ftr_main .ftr_logo img {
  width: 185px;
  height: auto;
}
.ftr_main .ftr_logo p {
  text-align: left;
  font: normal normal 300 14px/25px Rubik;
  font-size:1.05rem;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-top: 1.2rem;
}
.ftr_social_icon {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 2rem;
}
.ftr_social_icon li {
  margin-right: 10px;
  background: #135355 0% 0% no-repeat padding-box;
  border-radius: 0px 7px;
    font-size:1.05rem;

  width: 35px;
  height: 35px;
  transition: 0.8s all ease;
}
.ftr_social_icon li:hover {
  background-color: #49f7e8;
}
.ftr_social_icon li a {
  display: flex;
  align-items: center;
  justify-content: center;
      font-size:1.05rem;

  height: 100%;
  width: 100%;
}
.ftr_social_icon li a img {
  height: 15px;
}
.ftr_heading {
  margin-bottom: 2rem;
}
.ftr_heading h2 {
  text-align: left;
  font: normal normal 300 16px/22px Rubik;
      font-size:1.15rem;

  letter-spacing: 0px;
    font-size:1.15rem;

  color: #ffffff;
  opacity: 1;
}
.ftr_sub_heading {
  list-style: none;
  padding: 0;
      font-size:1.15rem;

  margin: 2rem 0 0;
}
.ftr_sub_heading li {
  margin: 0.5rem 0;
        font-size:1.05rem;

}
.ftr_sub_heading li:last-child {
  margin: 0.5rem 0 0;
}
.ftr_sub_heading li a {
  text-align: left;
  font: normal normal 300 14px/18px Rubik;
        font-size:1.15rem;

  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
}
.ftr_sub_heading li a:hover,
.contact_info .details p a:hover {
  color: #49f7e8;
}
.contact_info {
  margin: 0 0 1rem;
  display: flex;
}
.contact_info:last-child {
  margin: 0;
}
.contact_info .icon {
  margin-right: 8px;
  background: #135355 0% 0% no-repeat padding-box;
  border-radius: 0px 7px;
  min-width: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact_info .icon img {
  height: 15px;
}
.contact_info .details p {
  text-align: left;
  font: normal normal 300 14px/22px Rubik;
        font-size:1.15rem;

  letter-spacing: 0px;
  color: #ffffff;
}
.contact_info .details p a {
  color: #ffffff;
        font-size:1.15rem;

  text-decoration: none;
}
.contact_info .details p a:hover {
  text-decoration: underline;
}
.ftr_btm {
  background: #49f7e8 0% 0% no-repeat padding-box;
  opacity: 1;
}
.ftr_btm .content_sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.ftr_btm .content_sec p {
  text-align: left;
  font: normal normal 500 14px/20px Rubik;
        font-size:1.15rem;

  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.ftr_btm .content_sec p a {
  color: #000000;
        font-size:1.15rem;

}
.project_success {
  padding: 5rem 0;
}
.project_slider {
  margin-top: 3rem;
}
.slider_main .slider_sub {
  background: #0e353b 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 0px 40px;
  opacity: 1;
  padding: 2rem 1rem;
  min-height: 500px;
  max-height: 500px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.slider_main .slider_sub_2 {
  border-radius: 0px 40px 0px 0px;
}
.slider_main .slider_sub img {
  height: 75px;
  width: auto !important;
}
.slider_main .slider_sub .text_sec {
  margin: 2rem 0;
}
.slider_main .text_sec h5 {
  text-align: left;
  font: normal normal 300 14px/30px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  text-transform: uppercase;
  opacity: 1;
}
.slider_main .text_sec h3 {
  text-align: left;
  font: normal normal 500 20px/30px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 1rem;
}
.slider_main .text_sec p {
  font: normal normal 300 14px/22px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.slider_main .slider_sub .case_study {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  text-align: center;
  font: normal normal 400 14px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 12px 30px;
  transition: 0.8s all ease;
}
.slider_main .slider_sub .case_study:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 30px;
  color: #0e353b;
}
.slider_main .img_sec {
  height: 100%;
  min-height: 500px;
  max-height: 500px;
}
.slider_main .img_sec img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 0px 40px 0px 0px;
  /*opacity: 0.8;*/
  object-position: top;
}
.slider_main .img_sec_2 img {
  border-radius: 0px 0px 0px 40px;
}
.all_btn .see_all {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border: 2px solid #ffffff;
  border-radius: 0px 15px;
  text-align: center;
  font: normal normal 400 14px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  padding: 12px 30px;
  opacity: 1;
  transition: 0.6s all ease;
  position: relative;
}
.all_btn .see_all:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
  border: 2px solid #49f7e8;
}
.all_btn {
  text-align: left;
  margin-top: 3rem;
  padding: 0 0.5rem;
}
.all_btn .see_all img {
  height: 10px;
  transition: 0.5s all ease;
}
.all_btn .see_all:hover img {
  filter: brightness(0.5) invert(1);
  transform: translateX(6px);
}

/*------Service section-----*/
.common_bnr {
  /*background-color: #49f7e8;*/
  min-height: 400px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.common_bnr .bnr_left h1 {
  text-align: left;
  font: normal normal bold 30px/40px Rubik;
  font-size:24px;

  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
}
.bnr_right .text_section p {
  text-align: left;
  font: normal normal 400 18px/32px Rubik;
        font-size:1.2rem;

  letter-spacing: 0px;
  color: #ffffff;
}
.services_type {
  padding: 5rem 0;
}
.services_type .row {
  row-gap: 24px;
}
.services_type .crd_main {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dfdfdf;
  padding: 2rem;
  transition: 0.5s all ease;
  height: 100%;
}
.services_type .crd_main .img_sec {
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  opacity: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services_type .crd_main .img_sec img {
  height: 30px;
  filter: brightness(1.5);
}
.services_type .crd_main .text_section {
  margin-top: 2rem;
}
.services_type .crd_main .text_section h3 {
  text-align: left;
  font: normal normal 500 18px/25px Rubik;
        font-size:1.25rem;

  letter-spacing: 0px;
  color: #0e3439;
  text-transform: uppercase;
  opacity: 1;
}
.services_type .crd_main .text_section p {
  text-align: left;
  font: normal normal 400 14px/22px Rubik;
          font-size:1.15rem;

  letter-spacing: 0px;
  color: #0e3439;
  opacity: 1;
  /*min-height: 45px;*/
}
.services_type .crd_main .img_section {
  display: flex;
  align-items: center;
  margin: 1rem 0 2rem;
}
.services_type .crd_main .img_section .sub_img {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.services_type .crd_main .img_section .sub_img .coding_img {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #f2f2f2;
  transition: 0.5s all ease;
}
.services_type .crd_main .img_section .sub_img img {
  height: 30px;
}
.services_type .crd_main .img_section .sub_img p {
  text-align: center;
  font: normal normal 400 12px/12px Rubik;
          font-size:1.05rem;

  letter-spacing: 0px;
  color: #003b4b;
  opacity: 1;
  margin-top: 0.5rem;
  white-space: pre;
}
.services_type .crd_main .lets_talk {
  text-align: center;
  font: normal normal 500 14px Rubik;

  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 10px 15px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.8s all ease;
  position: relative;
}
.services_type .crd_main .lets_talk:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #0e353b;
}
.stories {
  padding: 5rem 0;
}
.stories .crd_main {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dfdfdf;
  border-radius: 0px 57px 0px 0px;
  opacity: 1;
  margin-bottom: 4rem;
  overflow: hidden;
}
.stories .crd_main img {
  width: 100%;
  /*background: #49f7e8 0% 0% no-repeat padding-box;*/
  border-radius: 0px 57px 0px 0px;
  opacity: 0.8;
  min-height: 350px;
  max-height: 350px;
  object-fit: cover;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.stories .crd_main .text_section {
  padding: 2rem 1rem;
}
.stories .crd_main .text_section h3 {
  text-align: left;
  font: normal normal 500 22px/30px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  margin-bottom: 5px;
}
.stories .crd_main .text_section p {
  text-align: left;
  font: normal normal 400 14px/22px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
}
.stories .crd_main .text_section h5 {
  text-align: left;
  font: normal normal 400 14px/20px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  text-transform: uppercase;
  
  opacity: 1;
  margin-bottom: 5px;
}
.stories .story_brdr {
  background-color: #dfdfdf;
  opacity: 0.5;
  margin: 0;
}
.stories .btn_see {
  margin-top: 1rem;
  text-align: center;
}
.stories .see_more {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  text-align: center;
  font: normal normal 400 14px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 12px 30px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.8s all ease;
}
.stories .see_more:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #49f7e8;
  border-radius: 25px;
  opacity: 1;
  color: #49f7e8;
}
.about_bnr {
  background-color: #49f7e8;
  padding: 3rem 0;
  min-height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.about_bnr::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: " ";
  left: 0;
  top: 0;
  background-image: url(../img/about_bnr.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.about_bnr .about_heading h1 {
  text-align: center;
  font: normal normal bold 30px/40px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  position: relative;
}
.about_bnr .about_heading h1::before {
  position: absolute;
  width: 100px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1rem;
  content: " ";
  background-color: #e5e5e5;
  margin: auto;
  opacity: 0.6;
}
.about_bnr .about_heading p.headline {
  font: italic normal 400 14px/22px Rubik;
  opacity: 1;
  margin-top: 2rem;
    color: #0e353b;
font-size:1.2rem;
  margin-bottom: 5px;
}
.about_bnr .about_heading p {
  text-align: center;
  font: normal normal 400 14px/22px Rubik;
  letter-spacing: 0px;
  /*color: #ffffff;*/
  color: #0e353b;
font-size:1.2rem;
  opacity: 0.8;
  margin-top: 2rem;
}
.about_card {
  padding: 2rem;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0e353b26;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin-top: 2rem;
  transition: transform 0.5s ease-out;
}
.about_card:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
  background: #9c9898;
}
.about_card:hover {
  transform: translateY(0.8em);
  box-shadow: 8px 8px 24px #090e1429;
}
.about_card:hover:before {
  height: 100%;
  top: 0px;
}
.about_card img {
  margin: auto;
  display: block;
  height: 50px;
  transition: 0.6s all ease;
}
.about_card:hover img {
  filter: brightness(0.1) invert(1);
}
.about_card .text_sec {
  min-height: 150px;
}
.about_card .text_sec h3 {
  text-align: center;
  font: normal normal 500 16px/20px Rubik;
font-size:1.4rem;
  letter-spacing: -0.48px;
  color: #0e353b;
  opacity: 1;
  margin-top: 2rem;
  margin-bottom: 1rem;
  transition: 0.6s all ease;
  position: relative;
}
.about_card:hover .text_sec h3 {
  color: #49f7e8;
}

.about_card:hover .text_sec p {
  color: #ffffff;
}
.about_card h3::before {
  position: absolute;
  width: 40px;
  height: 1px;
  left: 0;
  right: 0;
  top: -15px;
  content: " ";
  background-color: #0e353b;
  margin: auto;
}
.about_card .text_sec p {
  text-align: center;
  font: normal normal 500 14px/22px Rubik;
  font-size:1.15rem;

  letter-spacing: 0px;
  color: #0e353b;
  opacity: 0.9;
  min-height: 66px;
}

.our_personlities {
  padding: 5rem 0;
  background-image: url(../img/Our_creative_Team.jpg);
  background-size: contain;
  background-repeat: repeat;
}
.team_slider {
  margin-top: 3rem;
}
.team_slider .slick-slide {
  padding: 0 30px;
}
.team_slider .team_bg,
.info-list .team_bg {
  position: relative;
}
.team_slider .team_bg::before {
  position: absolute;
  content: " ";
  width: 200px;
  height: 170px;
  left: 0;
  right: 0;
  top: 5px;
  margin: auto;
  background-image: url(../img/team_img_bg.svg);
  background-repeat: no-repeat;
  background-size: 200px;
}
.team_slider .img_sec,
.info-list .img_sec {
  width: 150px;
  height: 150px;
  border: 3px solid #49f7e8;
  border-radius: 50%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
/*.team_slider .img_sec::before,.info-list .img_sec::before {*/
/*  position: absolute;*/
/*  content: " ";*/
/*  width: 130px;*/
/*  height: 130px;*/
/*  border-radius: 50%;*/
/*  background: #0e3439 0% 0% no-repeat padding-box;*/
/*  opacity: 0.65;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  top: 0;*/
/*  margin: auto;*/
/*  opacity: 0;*/
/*  z-index: 1;*/
/*  transition: 0.6s all ease-in-out;*/
/*}*/
/*.team_slider .img_sec:hover:before {*/
/*  opacity: 0.6;*/
/*}*/
.team_slider .img_sec .profile_pic,
.info-list .img_sec .profile_pic {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s all ease-out;
}
.project_details_bnr .img_sec .profile_pic {
  /*border-radius: 50%;*/
  width: 100%;
  height: 100%;
  /*object-fit: contain;*/
  /*transition: 0.6s all ease-out;*/
}
.project_details_bnr .img_sec {
  width: 150px;
  /*height: 120px;*/
  /*border: 3px solid #49f7e8;padding:20px;*/
  margin: auto;
  overflow: hidden;
  position: relative;
}
.team_slider .img_sec:hover .profile_pic {
  transform: scale(1.25);
}
ul.team_social {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  bottom: 80px;
  margin: 0;
  opacity: 0;
  z-index: 1;
  transition: 0.6s all ease-out;
}
.team_slider .img_sec:hover ul.team_social {
  opacity: 1;
}
ul.team_social li {
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 5px;
  opacity: 1;
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
ul.team_social li img {
  height: 12px;
}
ul.team_social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.team_slider .content_section {
  margin-top: 2rem;
}
.team_slider .content_section h2 {
  text-align: center;
  font: normal normal 500 18px/20px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  margin-bottom: 0.5rem;
}
.team_slider .content_section h4 {
  text-align: center;
  font: normal normal 400 14px/16px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  opacity: 1;
  margin-bottom: 1rem;
  position: relative;
}
.team_slider .content_section h4::before {
  position: absolute;
  width: 50px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  content: " ";
  background-color: #49f7e8;
}
.team_slider .content_section p {
  text-align: center;
  font: normal normal 400 14px/22px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
}
.facts {
  padding: 5rem 0;
  background-color: #f5f5f5;
}
.facts .main_heading h1 span {
  color: #49f7e8;
}
.facts_main {
  margin-top: 3rem;
}
.facts_card {
  background: #ffffff 0% 0% no-repeat padding-box;
  /*border: 1px solid #0e353b26;*/
  padding: 2rem 1.5rem;
  opacity: 1;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  transition: 0.6s all ease-out;
}
.facts_card:hover {
  box-shadow: 8px 8px 24px #090e1429;
  /*border: 1px solid #49f7e8;*/
  transform: scale(1.02);
}
.facts_card .img_sec {
  width: 85px;
}
.facts_card img {
  height: 50px;
}
.facts_card h1 {
  text-align: left;
  font: normal normal bold 28px/40px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  opacity: 1;
}
.facts_card h4 {
  text-align: left;
  font: normal normal 500 18px/24px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  text-transform: uppercase;
  opacity: 1;
}

.carrier_bnr {
  background-color: #ade1dc;
  min-height: 330px;
  display: flex;
  align-items: center;
}
.carrier_bnr .bnr_left {
  position: relative;
  top: 3rem;
  z-index: 1;
}
.carrier_bnr .bnr_left img {
  height: 310px;
}
.carrier_bnr_bottom {
  height: 70px;
  background-color: #49f7e8;
  opacity: 0.8;
}
.carrier_bnr .bnr_right h1,
.project_details_bnr .bnr_right h1 {
  text-align: left;
  font: normal normal bold 30px/40px Rubik;
  font-size:2.5rem;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
}
.carrier_bnr .bnr_right p {
  text-align: left;
  font: normal normal 400 18px/34px Rubik;
  font-size:1.3rem;
  letter-spacing: 0px;
  color: #1f3042 !important;
}
.carrier_bnr .bnr_right p a {
  text-decoration: underline;
  font: normal normal 500 16px/24px Rubik;
    font-size:1.3rem;

  letter-spacing: 0px;
  color: #1f3042;
}
.opnings {
  padding: 5rem 0;
}
.opening_sub {
  margin-top: 3rem;
}
.opening_sub .opening_card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dfdfdf;
  padding: 2rem;
  transition: 0.5s all ease;
}
.opening_sub .opening_card:hover,
.services_type .crd_main:hover,
.services_type .crd_main:hover .sub_img .coding_img {
  box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%);
  border: 1px solid #49f7e840;
}
.opening_sub .opening_card img {
  height: 50px;
  width: 50px;
  margin: auto;
  display: block;
}
.opening_sub .text_area {
  margin: 1rem 0px;
}
.opening_sub .opening_card h4 {
  text-align: center;
  font: normal normal 500 18px/24px Rubik;
  font-size:1.2rem;
  letter-spacing: -0.48px;
  color: #0e0e0e;
  opacity: 1;
  position: relative;
  margin: 2rem 0;
}
.opening_sub .opening_card h4::before {
  position: absolute;
  width: 50px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1rem;
  content: " ";
  margin: auto;
  background-color: #49f7e8;
}
.opening_card .text_area p {
  text-align: center;
  font: normal normal 500 14px/22px Rubik;
  font-size:1.15rem;
  letter-spacing: 0px;
  color: #0e353b;
}
.opening_card .text_area p span {
  font: normal normal 400 14px/22px Rubik;
    font-size:1.15rem;

  color: #0e353b;
}
.opening_card .apply {
  text-align: center;
  font: normal normal 500 14px Rubik;
    font-size:1.05rem;

  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding:8px 20px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.6s all ease;
  position: relative;
}
.opening_card .btn_apply {
  margin-top: 1rem;
  text-align: center;
}
.opening_card .apply:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
  border: 2px solid #49f7e8;
}
.offer {
  padding: 5rem 0;
  background-color: #20ada1;
  position: relative;
}
.offer .main_heading h1,
.offer .main_heading h5,
.offer .main_heading p {
  color: #fff;
}
.offer .main_heading h1::before {
  background-color: #fff;
}
.offer::before {
  position: absolute;
  width: 100%;
  height: 36%;
  left: 0;
  bottom: 0;
  content: " ";
  background-image: url(../img/wave-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.offer .offer_sub {
  position: relative;
}
.offer .offer_sub::before {
  position: absolute;
  width: 60px;
  height: 60px;
  left: -5%;
  top: 50px;
  content: " ";
  background-image: url(../img/Shape.png);
  background-size: 60px;
  background-repeat: no-repeat;
}
.offer .offer_sub::after {
  position: absolute;
  width: 60px;
  height: 60px;
  right: -5%;
  bottom: 130px;
  content: " ";
  background-image: url(../img/Shape.png);
  background-size: 60px;
  background-repeat: no-repeat;
}
.offer_for_you {
  margin-top: 6rem;
}
.offer_card {
  min-height: 200px;
  position: relative;
  margin-bottom: 1rem;
}
.offer_card::before {
  position: absolute;
  width: 50px;
  height: 2px;
  left: 0;
  bottom: 0;
  content: " ";
  background-color: #fff;
  opacity: 0.5;
}
.offer_card img {
  filter: brightness(1.5);
  width: 65px;
  height: 65px;
}
.offer_card .content {
  margin-top: 1.5rem;
}
.offer_card h3 {
  text-align: left;
  font: normal normal 500 20px/24px Rubik;
    font-size:1.25rem;

  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 1rem;
}

.offer_card p {
  text-align: left;
  font: normal normal 500 14px/22px Rubik;
  font-size:1.15rem;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.lets_talk {
  padding-top: 5rem ;
}
.lets_talk .main_heading h1::before {
  width: 120px;
}
.contact_frm {
  border: 1px solid #0e353b26;
  padding: 3rem 2rem 1rem;
}
.carrier_bnr.contact_form .bnr_left {
  position: relative;
  top: 1rem;
  z-index: 0;
}
.contact_frm .frm_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact_frm .frm_header img {
  height: 35px;
}
.contact_frm .frm_header h4 {
  text-align: left;
  font: normal normal 500 22px/25px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  opacity: 1;
}
.lets_talk .contact_frm {
  position: relative;
}
.contact_frm .frm_middle {
  margin-top: 1.5rem;
}
.contact_frm .frm_middle .form_spacing {
  margin-bottom: 1rem;
  position: relative;
}
.contact_frm .frm_middle .form_spacing label {
  text-align: left;
  font: normal normal 500 14px/16px Rubik;
  letter-spacing: 0px;
  color: #282828;
  opacity: 1;
  margin-bottom: 0;
}
.contact_frm .frm_middle .form_spacing ::placeholder {
  font: normal normal 500 12px/10px Rubik;
  letter-spacing: 0px;
  color: #282828;
  opacity: 0.5;
  display: flex;
  align-items: center;
}
.contact_frm .frm_middle .form_spacing .form-control,
.contact_frm .frm_middle .form_spacing .form-select {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e9e9e9;
  opacity: 1;
  padding: 8px 0;
  position: relative;
  font: normal normal 500 14px/12px Rubik;
  transition: all ease-in-out 0.2s;
}
.contact_frm .custom-file-button input[type="file"] {
  margin-left: -2px !important;
}
.contact_frm .input-group {
  display: block;
}
.contact_frm
  .custom-file-button
  input[type="file"]::-webkit-file-upload-button {
  display: none;
}

.contact_frm .custom-file-button input[type="file"]::file-selector-button {
  display: none;
}
.contact_frm .custom-file-button .input-group-text {
  display: none;
  background-color: #fff;
  font: normal normal 500 12px/10px Rubik;
  letter-spacing: 0px;
  color: #282828;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 30px 12px 0;
}
.contact_frm .custom-file-button:hover span {
  cursor: pointer;
}
.contact_frm .custom-file-button .form-control {
  font: normal normal 500 12px/10px Rubik !important;
  letter-spacing: 0px;
  color: #282828;
  padding: 12px 0 !important;
}
.modal-title {
  text-align: left;
  font: normal normal 500 22px/25px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  opacity: 1;
}

/*.contact_frm .frm_middle .form_spacing .form-control:focus ,.contact_frm .frm_middle .form_spacing .form-control:focus {*/
/*    border-bottom: 1px solid #49f7e8;*/
/*}*/

.effect-2:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0;
}
.effect-2 ~ .focus-border {
  position: absolute;
  /*bottom: 0;*/
  left: 50%;
  width: 0;
  height: 1.5px;
  background-color: #49f7e8;
  transition: 0.4s;
}

.contact_frm .frm_middle .form_spacing .form-select {
  font: normal normal 500 12px/12px Rubik;
  color: #8f7c7c !important;
  padding-bottom: 10px;
}
.form-control:focus,
.form-select:focus {
  box-shadow: none;
}
.contact_frm .frm_middle .btn_submit {
  text-align: center;
  margin-top: 1rem;
}
.contact_frm .frm_middle .btn_submit .submit {
  text-align: center;
  font: normal normal 400 14px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  background: #49f7e8 0% 0% no-repeat padding-box;
  border-radius: 0px 15px;
  padding: 12px 30px;
  text-decoration: none;
  border: 2px solid #49f7e8;
  transition: 0.8s all ease;
  position: relative;
}
.contact_frm .frm_middle .btn_submit .submit:hover {
  background-color: #fff;
  border-radius: 30px;
  color: #49f7e8;
  border: 2px solid #49f7e8;
}
.works {
  padding: 5rem 0;
  background-color: #f5f5f5;
  margin-top: 5rem;
}
.works_sub {
  margin-top: 3rem;
}
.works_card {
  padding: 2rem 3rem;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0e353b26;
  border-radius: 5px;
  opacity: 1;
  height: 100%;
}
.works_card .card_top p {
  text-align: center;
  font: normal normal 500 14px/26px Rubik;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  position: relative;
  top: -45px;
  left: -25px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.works_card .card_top p::before {
  position: absolute;
  background: #49f7e8 0% 0% no-repeat padding-box;
  width: 25px;
  height: 25px;
  content: " ";
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;
}
.works_card img {
  margin: auto;
  display: block;
  height: 65px;
}
.works_card .content h4 {
  text-align: center;
  font: normal normal 500 18px/24px Rubik;
  font-size:1.2rem;
  letter-spacing: 0px;
  /*color: orange;*/
  
  color:black;
  opacity: 1;
  margin: 1.5rem 0;
}
.works_card .content p {
  text-align: center;
  font: normal normal 500 14px/22px Rubik;
    font-size:1.05rem;

  letter-spacing: 0px;
  color: #0e3439;
  opacity: 1;
}
.slider_process button.slick-prev.slick-arrow {
  left: 0;
  bottom: 0;
  margin: auto;
}

.slider_process button.slick-next.slick-arrow {
  left: 35px;
  bottom: 0;
  margin: auto;
}
ul.slick-dots {
  display: flex;
  align-items: center;
  list-style: none;
  margin: auto;
}
ul.slick-dots li {
  margin-right: 5px;
}
ul.slick-dots li {
  font-size: 0;
  width: 19px;
  height: 19px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.slick-dots li button {
  font-size: 0;
  border: none;
  background-color: transparent;
}
ul.slick-dots li.slick-active button {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
}
/*.brdr_center {*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background-color: #fff;*/
/*}*/
/*.process .top_section .verticle_line {*/
/*  width: 2px;*/
/*  height: 50px;*/
/*  background-color: #fff;*/
/*  margin: 10px auto 0;*/
/*  position: relative;*/
/*  left: -5px;*/
/*}*/
/*.process .top_section .verticle_line::before {*/
/*  position: absolute;*/
/*  content: " ";*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  right: -3px;*/
/*  top: 0;*/
/*  background-color: #fff;*/
/*  border-radius: 50%;*/
/*  margin: auto;*/
/*}*/
/*.process .btm_section .verticle_line {*/
/*  width: 2px;*/
/*  height: 50px;*/
/*  background-color: #fff;*/
/*  position: relative;*/
/*  margin: 0 auto 10px;*/
/*  left: -5px;*/
/*}*/
/*.process .btm_section .verticle_line::before {*/
/*  position: absolute;*/
/*  content: " ";*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  right: -3px;*/
/*  bottom: 0;*/
/*  background-color: #fff;*/
/*  border-radius: 50%;*/
/*  margin: auto;*/
/*}*/
.z_index {
  z-index: 9;
}

.main-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -4;
  transform: scale(1.15);
}
/*.main-canvas{position: fixed;top: 0;}*/

.revealer {
  transition: transform 600ms cubic-bezier(0.8, 0, 0, 0.8); /*transform: scale(0.95);*/
  transform: translateY(20px);
  transition: all ease-out 0.6s;
  opacity: 0;
}
.revealer.revealed {
  opacity: 1;
  transform: translateY(0px);
}
.logo_fix.revealer.revealed {
  transform: scale(1);
}

.logo_fix.revealer {
  transform: scale(0.3);
}
.btn {
  position: relative;
  font-size:1.15rem;
  border: 2px solid #49f7e8;
}
.btn,
.btn::after {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s !important;
}

.btn::before,
.btn::after {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}

.btn:hover {
  color: #000000 !important;
  z-index: 0;
  transition: all 0.6s;
  border-radius: 30px;
}
.btn::after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

.btn:hover:after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 30px;
}

/** scroll-to-top **/

.scroll-to-top {
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
  display: none;
}

.scroll-to-top .visible {
  visibility: visible !important;
  opacity: 1 !important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #0e0e0e;
  opacity: 0.5;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #49f7e8;
}

.scroll-to-top .scroll-bar-text {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 500ms ease;
  color: #49f7e8;
}

.scroll-to-top .scroll-bar-text:hover {
  transform: scale(1.1);
}
.scroll-top-inner.visible.visible1 .g_color {
  color: #000000;
}
.btn_mobile {
  display: none;
}

/*aashifa*/
ul,
li {
  list-style: none;
}
.project-details .project-info .info {
  border-left: 1px solid #dde2e1;
  padding-left: 10px;
}
ul.info-list {
  text-align: left;
  font: normal normal normal 16px Poppins;
  color: #0e353b;
  text-transform: capitalize;
}
ul.info-list span {
  text-align: left;
  font: normal normal 600 16px Poppins;
  color: #0e353b;
  margin-bottom: 0.5rem;
  min-width: 150px;
  display: block;
}
ul.info-list li {
  margin: 0 0 30px;
}
.info-list .img_sec .profile_pic {
  object-fit: contain;
}

.history .img_sec img {
  width: 100%;
}
.info_box.fixed {
  position: sticky;
  z-index: 99;
  top: 120px;
  /*width: 257px;*/
  /*background: #dcdcdc;*/
  margin-bottom: 0;
}
.project_details_bnr .bnr_right .text_section h1 {
  font: normal normal bold 50px Rubik;
  line-height: 1.5;
}
.project_details_bnr .bnr_right .text_section p {
  color: #0e3439;
}
.project-details .main_heading p {
  color: #3e3e3e;
}
.image-box-stories {
  overflow: hidden;
  position: relative;
}
.image-box-stories:before {
  position: absolute;
  content: "";
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  left: 30px;
  top: 21px;
  border-radius: 0 30px;
  transform: scale(0, 0);
  opacity: 0.95;
  z-index: 1;
  transition: all 500ms ease;
  background: #29aa9d;
  opacity: 0.8;
}
.crd_main:hover .image-box-stories:before {
  transform: scale(1, 1);
}
ul.links_stories {
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: 0.5s all ease;
  padding: 0;
}
.crd_main:hover ul.links_stories {
  transform: translate(-50%, -50%) scale(1, 1);
}
.stories .crd_main ul.links_stories img {
  width: 55px;
  min-height: auto;
  object-fit: unset;
  opacity: 1;
  border-radius: 0;
}
.crd_main:hover .img_sec img {
  opacity: 0.7;
  transform: scale(1.05);
}

/*-----------------------------------aashifa---------------------------------*/

.typography {
  padding: 5rem 0 0;
  background: #f5f5f5;
}
.typography .font_montserrat {
  margin-top: 16%;
}

.heading_2 h5 {
  text-align: left;
  font: normal normal 500 14px/22px Rubik;
  color: #49f7e8;
  opacity: 1;
  position: relative;
  /*min-width: 120px;*/
  width: max-content;
}
.heading_2 h1 {
  text-align: left;
  /*font: normal normal 600 50px/60px Rubik;*/
  font: normal normal bold 40px Rubik;
  color: #0e353b;
}
.font_bx {
  padding: 2rem;
}
.font_bx h1 {
  text-align: left;
  font: normal normal 700 300px/300px Poppins;
  color: #49f7e8;
  opacity: 0.3;
}

.font_type {
  position: relative;
  left: 22%;
  margin-top: -24%;
  width: 88%;
}
.font_type h4 {
  text-align: left;
  font: normal normal 700 30px/40px Poppins;
  letter-spacing: 0px;
  color: #0e353b;
  margin-bottom: 1rem;
}
.font_type h5 {
  text-align: left;
  font: normal normal 700 16px/24px Poppins;
  letter-spacing: 1.38px;
  color: #0e353b;
  opacity: 1;
  margin-bottom: 1rem;
}
.font_bx_2 h1 {
  font: normal normal 500 300px/300px Poppins;
}
.font_bx_2 h4 {
  font: normal normal 500 30px/40px Poppins;
}
.font_bx_2 h5 {
  font: normal normal 500 16px/24px Poppins;
}
.font_size {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}

.color_palette {
  background: #f5f5f5;
  padding: 5rem 0;
}
.color_palette .color_num {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin-top: 2rem;
}
.color_palette .clr_bx {
  padding: 2rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
}
.color_palette .clr_bx h4 {
  font: normal normal 500 20px/20px Rubik;
  text-align: center;
  color: #fff;
}
.color_palette .clr_bx_2 h4 {
  color: #0e353b;
}

.wireframe_bnr {
  padding: 0 0 5rem;
}

.font_gilroy h1 {
  font: normal normal 700 300px/300px Gilroy;
}
.font_gilroy h4 {
  font: normal normal 700 30px/40px Gilroy;
}
.font_gilroy h5 {
  font: normal normal 700 16px/24px Gilroy;
}
.font_gilroy_2 h1 {
  font: normal normal 500 300px/300px Gilroy;
}
.font_gilroy_2 h4 {
  font: normal normal 500 30px/40px Gilroy;
}
.font_gilroy_2 h5 {
  font: normal normal 500 16px/24px Gilroy;
}
.font_montserrat h1 {
  font: normal normal 700 300px/300px Montserrat;
}
.font_montserrat h4 {
  font: normal normal 700 30px/40px Montserrat;
}
.font_montserrat h5 {
  font: normal normal 700 16px/24px Montserrat;
}
.font_montserrat_2 h1 {
  font: normal normal 500 300px/300px Montserrat;
}
.font_montserrat_2 h4 {
  font: normal normal 500 30px/40px Montserrat;
}
.font_montserrat_2 h5 {
  font: normal normal 500 16px/24px Montserrat;
}

/*.our_case_study {*/
/*    padding: 5rem 0;*/
/*}*/

.bx_story {
  background: #49f7e824 0% 0% no-repeat padding-box;
  /*margin-bottom: 4rem;*/
  min-height: 550px;
  display: flex;
  align-items: center;
  padding: 4rem 0;
}

.bx_story .img_sec img {
  width: 100%;
  height: auto;
}
.bx_story .img_sec .flipfolder {
  width: auto;
  height: 480px;
  margin-left: auto;
  display: block;
}
/*.bx_story .tw_image img {*/
/*    height: 350px;*/
/*    margin-left: auto;*/
/*    display: block;*/
/*}*/
/*.aestheria_image img {*/
/*    height: 450px !important;*/
/*    margin: -65px 0px !important;*/
/*}*/
/*.img_sec.tw_image img {*/
/*     margin: 40px 0 0 !important;*/
/* }*/

/*.img_ihdrf img {*/
/*    margin: 0 !important;*/
/*}*/

.bx_story .logo_story {
  margin-bottom: 1rem;
}

.bx_story .text_section h5 {
  text-align: left;
  font: normal normal 400 14px/20px Rubik;
  letter-spacing: 0px;
  color: #49f7e8;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 5px;
}
.case_bx_1 .text_section h3,
.case_bx_1 .text_section p {
  color: #fff !important;
}
/*.bx_story .text_section {*/
/*    padding: 2rem;*/
/*}*/

.bx_story .text_section h3 {
  text-align: left;
  font: normal normal 500 22px/30px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  margin-bottom: 5px;
}

.bx_story .text_section p {
  text-align: left;
  font: normal normal 400 14px/22px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
}

.bx_story .text_section .logo_story img {
  width: 100px;
}
.bx_story .text_section .case_btn {
  margin-top: 1rem;
}
.bx_story .text_section .btn_case_study {
  background: #0e353b 0% 0% no-repeat padding-box;
  border: 2px solid #0e353b;
  font: normal normal 500 14px Rubik;
  border-radius: 0px 15px;
  padding: 10px 15px;
  color: #fff;
}
.case_bx_1 .text_section .btn_case_study {
  background: #fff 0% 0% no-repeat padding-box;
  color: #1fada1;
  border: 2px solid #fff;
}
.bx_story.case_bx_1 .text_section .btn_case_study:hover {
  background: #1fada1 0% 0% no-repeat padding-box !important;
  color: #fff !important;
  border: 2px solid #fff;
}
.bx_story.case_bx_1 .btn::before,
.case_bx_1 .btn::after {
  background: #1fada1 !important;
}
.bx_story .btn::before,
.bx_story .btn::after {
  background: #49f7e86e;
}
.bx_story .text_section .btn_case_study:hover {
  background: #49f7e824 0% 0% no-repeat padding-box;
  border-radius: 30px;
  color: #0e353b !important;
}
.keywords {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
}
.keywords .kywords_bx {
  border: 1px solid #0e353b;
  border-radius: 0 8px;
  width: fit-content;
  margin-right: 10px;
  padding: 2px 8px;
  margin-bottom: 15px;
  transition: 0.6s all ease-out;
}
.case_bx_1 .keywords .kywords_bx {
  border: 1px solid #fff;
}
.case_bx_1 .keywords .kywords_bx:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.case_bx_1 .kywords_bx:hover p {
  color: #1fada1 !important;
}
.keywords .kywords_bx:hover {
  background-color: #0e353b;
  border: 1px solid #0e353b;
}
.keywords .kywords_bx:hover p {
  color: #fff;
}
.keywords .kywords_bx p {
  text-align: left;
  font: normal normal 400 14px/18px Rubik;
  letter-spacing: 0px;
  color: #0e353b;
  opacity: 1;
  transition: 0.6s all ease-out;
}

.project_slider .carousel-section {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}
.project_slider .carousel-section .owl-carousel .owl-stage-outer {
  overflow: unset;
}
.project_slider .carousel-section .owl-carousel .owl-nav .owl-next,
.project_slider .carousel-section .owl-carousel .owl-nav .owl-prev {
  width: 50px;
  border: 1px solid #c3c3c3;
  border-radius: 50%;
  height: 50px;
  font-size: 30px;
}
.project_slider .carousel-section .owl-carousel .owl-nav .owl-next:focus,
.project_slider .carousel-section .owl-carousel .owl-nav .owl-prev:focus {
  outline: 0;
}
.project_slider .owl-dots {
  display: none;
}
.project_slider .owl-nav {
  display: block;
  position: absolute;
  bottom: -6rem;
  right: 0;
  background: #49f7e8 0% 0% no-repeat padding-box !important;
  border: 2px solid #ffffff;
  border-radius: 0px 15px;
  border: 1px solid #fff;
  margin: 0 0.5rem;
}
.project_slider .owl-nav .owl-prev,
.project_slider .owl-nav .owl-next {
  position: relative;
}
.project_slider .owl-nav .owl-prev span,
.project_slider .owl-nav .owl-next span {
  font-size: 0;
  position: relative;
  width: 50px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project_slider .owl-nav .owl-prev {
  margin-right: 2rem;
}
.project_slider .owl-nav .owl-prev span::before {
  position: absolute;
  width: 15px;
  height: 15px;
  content: " ";
  background: url(../img/textimonial_arrow_left.svg);
  background-size: 15px;
  background-repeat: no-repeat;
}
.project_slider .owl-nav .owl-next span::before {
  position: absolute;
  width: 30px;
  height: 17px;
  content: " ";
  background: url(../img/Icon.html\ awesome-arrow-right.svg);
  background-size: 30px;
  background-repeat: no-repeat;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  width: 50px;
  height: 45px;
  /*background: #49f7e8 0% 0% no-repeat padding-box !important;*/
  /*border: 2px solid #ffffff;*/
  /*border-radius: 0px 15px;*/
  position: relative;
}
.carousel-item {
  margin: 20px 0;
  display: block;
}
.btn-close:focus {
  box-shadow: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.contact_frm .frm_middle .form_spacing label.error,
.footer .form_crd .form_bx label.error {
  color: red;
  font-weight: normal;
  font-size: 12px;
}

@media (min-width: 1200px) {
  .services,
  .project_success,
  .our_approch,
  .platforms,
  .testimonials,
  .featured,
  .project-details {
    padding: 5rem 0;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1220px;
  }
  .services,
  .project_success,
  .our_approch,
  .platforms,
  .testimonials,
  .featured,
  .project-details {
    padding: 6rem 0;
  }
  .services_crd {
    min-height: 250px;
    display: flex;
    align-items: center;
  }
}

@media only screen and (min-width: 1900px) {
  .slider_text h1,
  .common_bnr .bnr_left h1 {
    font: normal normal bold 54px/68px Rubik;
  }
  .slider_text .img_sec img {
    height: 515px;
  }
  button.slick-next.slick-arrow {
    left: 11%;
  }
  .services_type .crd_main .img_sec img {
    height: 40px;
  }
  .services_type .crd_main .img_sec {
    width: 75px;
    height: 75px;
  }
  .services_type .crd_main .img_section .sub_img .coding_img {
    width: 45px;
    height: 45px;
  }
  .services_type .crd_main .img_section .sub_img p {
    font: normal normal 400 14px/12px Rubik;
  }
  .services,
  .project_success,
  .our_approch,
  .platforms,
  .testimonials,
  .featured,
  .project-details {
    padding: 8rem 0;
  }
  .platforms .container::before {
    width: 275px;
    height: 275px;
    background-size: 275px;
  }
  .slider_main .slider_sub,
  .slider_main .img_sec {
    min-height: 650px !important;
    max-height: 650px !important;
  }
  .hero_animation {
    bottom: -200px;
  }
  .slider_text .img_sec::before {
    width: 500px;
    background-size: 500px;
  }
  .slider_text .img_sec::after {
    width: 400px;
    height: 60px;
    right: 55px;
    background-size: 400px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1360px) {
  .slider_text .img_sec::before {
    width: 320px;
    background-size: 320px;
  }
  .slider_text .img_sec::after {
    width: 270px;
    height: 40px;
    right: 55px;
    background-size: 270px;
  }
}
@media only screen and (min-width: 1440px) {
  .slider_main .slider_sub,
  .slider_main .img_sec {
    min-height: 550px !important;
    max-height: 550px !important;
  }
}
@media only screen and (min-width: 1700px) {
  .slider_main .slider_sub,
  .slider_main .img_sec {
    min-height: 600px !important;
    max-height: 600px !important;
  }
}
.alert {
  padding: 0.5rem 1rem !important;
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
  text-align: center;
}
#hire_devlopers .modal-body,
#apply_now .modal-body,
#hire_devlopers .contact_frm,
#apply_now .contact_frm {
  position: unset;
}

#loader {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff7a;
  z-index: 1;
}
#loader img {
  width: 50px;
  height: auto;
}