/*********************  Default-CSS  *********************/
:root {
  scroll-behavior: unset;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-ExtraBold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("../fonts/NunitoSans-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  font-family: NunitoSans-Regular;
  overflow-x: hidden;
  color: #2b2d42;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

a,
span,
a:hover,
a:active,
button {
  text-decoration: none;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

p {
  margin: 0;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  margin: 0;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.cm-overflow {
  overflow: hidden;
  touch-action: none;
}

.row {
  margin: 0 -15px;
}

.container {
  padding: 0 15px;
}

.col,
[class*="col-"] {
  padding: 0 15px;
}

/*********************  Default-CSS  End *********************/
/*====================== Page : Home =>  Start  =============================*/
/*====== Section : Banner  Hero Section Css Start ======*/

.index .banner_wrapper {
  position: relative;
}

.index .banner_wrap {
  background-image: url(../../../Assets/images/home/bg_33.png);
  width: 100%;
  min-height: 725px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
}

.index .banner_shep {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%) rotate(2deg);
  -ms-transform: translateX(-50%) rotate(2deg);
  transform: translateX(-50%) rotate(2deg);
  pointer-events: none;
}

.index .banner_shep img {
  width: 100%;
}

.index .banner_block {
  padding-top: 131px;
}

.index .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
}

.index .banner_conte {
  width: 60%;
  padding: 0 15px;
}

.index .banner_img {
  width: 40%;
  padding: 0 15px;
}

.index .hero_title {
  /* font-family: Freightbigpro-Black;Image*/
  margin-top: 50px;
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.index .hero_subtitle {
  font-family: NunitoSans-Medium;
  color: #0a0f0d;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 2.5px;
  margin-top: 12px;
  line-height: 1.4;
  max-width: 433px;
}

.index .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 40px;
}

.contactusForm {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 40px;
}

.contactusForm:hover {
  background-color: #0a0f0d;
  color: #fff !important;
}
.index .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff !important;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1600px) {
  .index .banner_shep {
    top: 180px;
  }
}

@media (max-width: 1360px) {
}

@media (max-width: 1199px) {
  .index .hero_title {
    font-size: 59px;
    margin-top: 50px;
  }

  .index .hero_subtitle {
    font-size: 43px;
  }

  .index .banner_btn a {
    margin-top: 50px;
  }

  .index .banner_wrap {
    min-height: 560px;
  }

  .index .banner_block {
    padding-top: 111px;
  }
}

@media (max-width: 991px) {
  .index .banner_img {
    width: 45%;
  }

  .index .banner_conte {
    width: 55%;
  }

  .index .hero_title {
    font-size: 42px;
    margin-top: 50px;
  }

  .index .banner_btn a {
    margin-top: 40px;
  }

  .index .banner_wrap {
    min-height: 480px;
  }
}

@media (max-width: 767px) {
  .index .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .index .banner_conte,
  .index .banner_img {
    width: 100%;
    padding: 15px;
  }

  .index .hero_title {
    font-size: 42px;
    margin-top: 0;
  }

  .index .hero_subtitle {
    font-size: 34px;
  }

  .index .hero_title {
    font-size: 48px;
    margin-top: 0;
  }

  .index .banner_btn a {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .index .hero_title {
    font-size: 38px;
    margin-top: 0;
  }

  .index .banner_btn a {
    margin-top: 30px;
  }

  .index .banner_shep {
    top: -20px;
    width: 400%;
  }
}
/*====== Section : Banner  Hero Section Css End ======*/
/*====== Section : Our Services  Hero Section Css Start ======*/
.services_wrapper {
  padding-top: 160px;
}

.services_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 110px;
}

.services_title .text_services_title {
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  /* 100% */
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.services_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-left: 70px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.services_title p + p {
  margin-top: 30px;
}

.service_development {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.service_development_left {
  width: 50%;
}

.service_development_right {
  width: 50%;
}

.service_development_conte .text_service_dev_conte {
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}

.service_development_conte p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 30px 0 0;
  line-height: 1.4;
}

.service_development_btn {
  margin-top: 30px;
}

.service_development_btn div + div {
  margin-top: 15px;
}

.service_development_btn a {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  border-radius: 10px;
  background-color: #ffffff;
  min-width: 188px;
  padding: 11px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service_development_btn a:hover {
  color: #ffffff;
  background-color: #000000;
}

.service_development_link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.service_development_link a {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #000;
  text-decoration: none;
  margin-top: 28px;
}

.service_development_link a span {
  display: inline-block;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service_development_link a:hover {
  color: #000;
}

.service_development_link a:hover span {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.service_development_img {
  position: absolute;
  top: -13px;
  right: 0;
  width: 550px;
}

.service_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ser_block {
  padding-top: 66px;
}

.ser_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px;
}

.ser_item {
  width: 30%;
  padding: 0 15px;
}

.ser_conte {
  width: 70%;
  padding: 0 45px;
}

.ser_conte_block {
  background-color: #f3f5f7;
  padding: 40px 45px;
  min-height: 430px;
}

.ser_list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.ser_sec .nav-pills .nav-link {
  border-bottom: 2px solid #6a6767;
  border-radius: 0;
  color: #6a6767;
}

.ser_sec .nav-link {
  display: inline-block;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
  text-decoration: none;
  padding: 30px 10px 38px;
  margin-bottom: 3px;
  background: transparent !important;
  width: 100%;
  color: #0a0f0d;
  text-align: left;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
}

.ser_sec .nav-pills .nav-link.active,
.ser_sec .nav-pills .show > .nav-link {
  color: #0a0f0d;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
}

.ser_sec .nav-link.active,
.ser_sec .show > .nav-link {
  color: #0a0f0d;
  text-align: left;
  font-family: NunitoSans-Bold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
  padding: 30px 10px 38px;
}

.ser_sec .nav-link:focus,
.ser_sec .nav-link:active,
.ser_sec .nav-link:hover {
  color: #0176ab !important;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
}

.ser_item_block .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  width: 100%;
}

@media (max-width: 1199px) {
  .services_wrapper {
    padding-top: 80px;
  }

  .services_title .text_services_title {
    margin-bottom: 15px;
  }

  .services_title p + p {
    margin-top: 25px;
    margin-left: 0;
  }

  .ser_sec .nav-pills .nav-link {
    padding: 20px 10px;
    font-size: 18px;
    white-space: nowrap;
  }

  .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
  }

  .ser_item_block,
  .ser_conte_block {
    min-height: 400px;
  }

  .service_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 991px) {
  .services_wrapper {
    padding-top: 60px;
  }

  .services_title {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .services_title .text_services_title {
    font-size: 30px;
    margin-bottom: 8px;
    text-align: center;
  }

  .services_title p {
    line-height: 1.4;
    margin-left: 0;
    text-align: center;
  }

  .services_title p + p {
    margin-top: 13px;
  }

  .service_development_conte .text_service_dev_conte {
    font-size: 28px;
  }

  .service_development_conte p {
    margin: 10px 30px 0 0;
  }

  .service_development_img img {
    width: 350px;
  }

  .service_development_img {
    top: 130px;
    right: -200px;
  }

  .ser_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .ser_block {
    padding-top: 30px;
  }

  .ser_item,
  .ser_conte {
    width: 100%;
    padding: 15px;
  }

  .ser_item_block {
    min-height: 100%;
    overflow: auto;
  }

  .ser_item_block .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .ser_sec .nav-pills .nav-link {
    padding: 15px 20px;
    font-size: 18px;
    margin: 0 10px;
    white-space: nowrap;
  }

  .service_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .ser_item_block {
    padding: 12px 10px;
  }

  .ser_sec .nav-pills .nav-link {
    padding: 8px 20px;
    font-size: 16px;
    margin: 0 5px;
    white-space: nowrap;
  }

  .service_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .services_wrapper {
    padding-top: 60px;
  }

  .services_title {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .services_title .text_services_title {
    font-size: 24px;
  }

  .services_title p {
    line-height: 1.4;
    margin-left: 0;
    text-align: center;
  }

  .service_development_img {
    position: relative;
    top: unset;
    margin-top: 30px;
    right: unset;
    width: 100%;
  }

  .service_development_img img {
    width: 100%;
  }

  .ser_block {
    padding-top: 30px;
  }

  .ser_item_block .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

@media (max-width: 575px) {
  .ser_conte_block {
    padding: 20px 15px;
    min-height: 100%;
  }

  .service_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .services_tab_content {
    margin-top: 20px;
  }

  .service_development_conte .ser_dev_conte {
    font-size: 26px;
  }

  .service_development_conte p {
    margin: 7px 0 0 0;
  }

  .ser_block {
    padding-top: 30px;
  }

  .ser_item_block .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

@media (max-width: 367px) {
  .services_title .text_services_title {
    font-size: 21px;
  }

  .services_sec .nav-tabs {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .ser_item_block .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
/*====== Section : Our Services  Hero Section Css End ======*/
/*====== Section : Our Approch  Hero Section Css End ======*/
.ourapproch_wrapper {
  margin-top: 160px;
  padding: 53px 0 56px 0;
  background-image: url("../../../Assets/images/home/bg_img.webp");
  background-repeat: no-repeat;
  background-color: #f3f5f7;
  background-position: bottom left;
}

.ourapproch_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.ourapproch_sec {
  padding: 0 20px;
  width: 35%;
}

.ourapproch_desc {
  padding: 0 20px;
  width: 65%;
}

.ourapproch_conte .text_approch_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
}

.ourapproch_conte p {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  margin: 10px 0 0 0;
}

.ourapproch_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 60px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.ourapproch_btn a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}

.text_desc_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.ourapproch_desc_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 26px;
}

.ourapproch_desc_sec {
  padding: 24px;
  border-left: 1px solid #fdfdfd;
  margin-bottom: 30px;
  min-height: 270px;
  max-height: 270px;
}

.ourapproch_desc_sec:hover {
  border-radius: 15px;
  background: #fdfdfd;
}

@media (max-width: 1199px) {
  .ourapproch_wrapper {
    padding-top: 50px;
    margin-top: 110px;
  }

  .ourapproch_desc_sec {
    min-height: 290px;
    max-height: 300px;
  }
}

@media (max-width: 991px) {
  .ourapproch_wrapper {
    padding-top: 50px;
    margin-top: 70px;
  }

  .ourapproch_conte .text_indus_title {
    font-size: 36px;
  }

  .ourapproch_conte .text_approch_title {
    margin-top: 25px;
  }

  .ourapproch_btn a {
    margin: 25px 0;
  }

  .ourapproch_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }

  .ourapproch_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ourapproch_desc {
    padding: 0 10px;
    width: 100%;
  }

  .ourapproch_sec {
    padding: 0 10px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ourapproch_wrapper {
    padding-top: 40px;
    margin-top: 60px;
  }

  .ourapproch_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .ourapproch_sec {
    padding: 15px;
    width: 100%;
  }

  .ourapproch_desc {
    padding: 15px;
    width: 100%;
  }

  .ourapproch_btn a {
    margin-top: 20px;
  }

  .ourapproch_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}

@media (max-width: 575px) {
  .ourapproch_wrapper {
    padding-top: 40px;
    margin-top: 40px;
  }
  .ourapproch_conte .text_indus_title {
    font-size: 30px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .ourapproch_conte .text_indus_title {
    font-size: 24px;
  }
}
/*====== Our Approch Section Css End ======*/
/*====== Developer Section Css End ======*/
/* .development_wrapper {
  padding-top: 160px;
} */

.development_title {
  text-align: center;
}

.development_title .text_dev_title {
  display: inline-block;
  padding: 0 35px 8px;
  position: relative;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.development_title .text_dev_title::after {
  content: "";
  background: #0176ab;
  bottom: 0;
  height: 2px;
  width: 50%;
  position: absolute;
  left: 0;
  margin: 0 25%;
}

.development_title p {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  line-height: 1.6;
  /* max-width: 800px; */
  margin: 30px auto 0;
}

.development_block {
  margin-top: 70px;
}

.development_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -22px;
  padding: 0;
}

.development_block ul li {
  padding: 0 22px;
  width: 33.33%;
}

.development_sec {
  padding: 40px 25px;
  min-height: 530px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
}

.development_sec:hover {
  border-radius: 20px;
  border: 1px solid #0a0f0d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.development_box .text_dev_box {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-top: 20px;
}

.development_box p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 12px;
}

.development_box_item {
  margin-top: 30px;
}

.development_image {
  text-align: center;
}

.development_image img {
  text-align: center;
}

.dev_icon {
  margin-right: 15px;
}

.development_box_item p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.7px;
  position: relative;
  padding-left: 10px;
}

.development_box_item p + p {
  margin-top: 18px;
}

.development_btn {
  text-align: center;
}

.development_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 28px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.development_btn a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}

@media (max-width: 1199px) {
  .development_wrapper {
    padding-top: 110px;
  }

  .development_block ul {
    margin: 0 -10px;
  }

  .development_block ul li {
    padding: 0 10px;
  }

  .development_sec {
    padding: 28px 14px;
    min-height: 477px;
    height: auto;
  }

  .development_title .text_dev_title {
    font-size: 26px;
  }

  .development_title .text_dev_title::after {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .development_wrapper {
    padding-top: 70px;
  }

  .development_block {
    margin-top: 30px;
  }

  .development_block ul {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .development_block ul li {
    width: 100%;
    padding: 15px;
  }

  .development_sec {
    padding: 25px;
    min-height: 100%;
    height: auto;
  }

  .development_title .text_dev_title {
    font-size: 24px;
  }

  .development_title .text_dev_title::after {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .development_wrapper {
    padding-top: 60px;
  }

  .development_sec {
    padding: 25px;
    min-height: 100%;
    height: auto;
  }

  .development_title .text_dev_title {
    font-size: 22px;
  }

  .development_title .text_dev_title::after {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 575px) {
  .development_wrapper {
    padding-top: 40px;
  }

  .development_title .text_dev_title {
    font-size: 22px;
  }

  .development_title .text_dev_title::after {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====== Developer Section Css End ======*/
/*====== Comprehensive Section Css Start ======*/
.comprehensive_wrapper {
  padding-top: 70px;
  background-color: #f3f5f7;
  padding-bottom: 40px;
  margin-top: 180px;
}

.comprehensive_title .text_comp_title {
  color: #0a0f0d;
  text-align: left;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.comprehensive_title p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 1.7;
  margin: 0;
}

.comprehensive_title p + p {
  margin-top: 30px;
}

.comprehensive_block {
  margin-top: 65px;
  overflow: hidden;
}

.comprehensive_sec .nav-tabs {
  border-bottom: 0;
  border-bottom: 3px solid #e5e5ea;
}

.comprehensive_sec .nav-tabs .nav-link {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 0 18px 0;
  margin-bottom: -1px;
  background: 0 0;
  border: 0;
  margin-right: 60px;
  position: relative;
}

.comprehensive_sec .nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  left: auto;
  width: 0;
  height: 3px;
  background: #0176ab;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 30px;
}

.comprehensive_sec .nav-tabs .nav-link.active::after {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
  visibility: visible;
}

.comprehensive_sec .nav-tabs .nav-item.show .nav-link,
.comprehensive_sec .nav-tabs .nav-link.active {
  background-color: transparent;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.comprehensive_tab_content {
  margin-top: 73px;
}

.ind_solution_conte .text_solution_conte {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ind_solution_conte .text_conte_title {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 30px;
}

.ind_solution_conte p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 30px 30px 0 0;
  line-height: 1.4;
}

@media (max-width: 1199px) {
  .comprehensive_wrapper {
    padding-top: 53px;
    margin-top: 50px;
  }

  .comprehensive_title .text_comp_title {
    font-size: 34px;
    margin-bottom: 15px;
  }

  .comprehensive_title p + p {
    margin-top: 25px;
  }

  .comprehensive_block {
    margin-top: 70px;
  }

  .comprehensive_sec .nav-tabs .nav-link {
    margin-right: 19px;
  }

  .app_development_img img {
    width: 400px;
  }

  .comprehensive_tab_content {
    margin-top: 33px;
  }

  .ind_solution_img img {
    width: 100%;
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .comprehensive_wrapper {
    padding-top: 40px;
    margin-top: 40px;
  }

  .comprehensive_title .text_comp_title {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .comprehensive_title p {
    line-height: 1.4;
  }

  .comprehensive_block {
    margin-top: 30px;
    padding: 20px 20px 45px 30px;
  }

  .comprehensive_nav_tabs {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .comprehensive_sec .nav-tabs {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .comprehensive_sec .nav-tabs .nav-link {
    margin-right: 15px;
    padding: 0 10px 8px 10px;
  }

  .ind_solution_conte .text_solution_conte {
    font-size: 22px;
  }

  .ind_solution_img img {
    width: 100%;
    margin-top: 25px;
  }

  .btn_solution a {
    font-size: 16px;
    padding: 10px 26px;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .comprehensive_wrapper {
    padding-top: 40px;
    margin-top: 40px;
  }

  .comprehensive_title .text_comp_title {
    font-size: 24px;
  }

  .comprehensive_sec .nav-tabs {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .comprehensive_block {
    margin-top: 25px;
    padding: 20px 20px 0 30px;
  }

  .ind_solution_img img {
    width: 100%;
    margin-top: 25px;
  }

  .btn_solution a {
    font-size: 16px;
    padding: 10px 26px;
    margin-top: 16px;
  }
}

@media (max-width: 575px) {
  .comprehensive_block {
    margin-top: 15px;
    padding: 15px 15px 0 22px;
  }

  .comprehensive_tab_content {
    margin-top: 20px;
  }

  .comprehensive_sec .nav-tabs {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .ind_solution_conte .text_solution_conte {
    font-size: 22px;
  }

  .btn_solution a {
    font-size: 16px;
    padding: 10px 26px;
    margin-top: 16px;
  }

  .ind_solution_img img {
    width: 100%;
    margin-top: 25px;
  }
}

@media (max-width: 367px) {
  .comprehensive_title .text_comp_title {
    font-size: 21px;
  }

  .comprehensive_sec .nav-tabs {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.btn_solution a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 28px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.btn_solution a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}
/*====== Comprehensive Section Css End ======*/
/*====== Management Section Css Start ======*/
.management_wrapper {
  padding-top: 160px;
}

.management_title {
  text-align: center;
}

.management_title .text_man_title {
  display: inline-block;
  padding: 0 35px 8px;
  position: relative;
  color: #006ea1;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.management_title .text_man_title::after {
  content: "";
  background: #0176ab;
  bottom: 0;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
}

.management_title p {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  line-height: 1.6;
  max-width: 1000px;
  margin: 30px auto 0;
}

.management_block {
  margin-top: 70px;
}

.management_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -22px;
  padding: 0;
}

.management_block ul li {
  padding: 0 22px;
  width: 33.33%;
}

.management_sec {
  padding: 40px 25px;
  min-height: 445px;
  height: 445px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
}

.management_sec:hover {
  -webkit-box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
}

.management_box .text_man_box {
  color: #000000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.management_box p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.7px;
  margin-top: 20px;
  line-height: 1.6;
}

.management_box_item {
  margin-top: 30px;
}

.management_box_item p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.7px;
  position: relative;
  padding-left: 30px;
}

.management_box_item p + p {
  margin-top: 18px;
}

.management_box_item p::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  width: 7px;
  height: 7px;
  background-color: #000;
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .management_wrapper {
    padding-top: 110px;
  }
  .management_block ul {
    margin: 0 -10px;
  }
  .management_block ul li {
    padding: 0 10px;
  }
  .management_sec {
    padding: 28px 14px;
    min-height: 477px;
    height: auto;
  }
}

@media (max-width: 991px) {
  .management_wrapper {
    padding-top: 70px;
  }
  .management_block {
    margin-top: 30px;
  }
  .management_block ul {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .management_block ul li {
    width: 100%;
    padding: 15px;
  }
  .management_sec {
    padding: 25px;
    min-height: 100%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .management_wrapper {
    padding-top: 60px;
  }
  .management_sec {
    padding: 25px;
    min-height: 100%;
    height: auto;
  }
}

@media (max-width: 575px) {
  .management_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====== Management Section Css End ======*/
/*====== Performance Section Css Start ======*/
.performance_wrapper {
  margin-top: 100px;
  padding: 60px 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.performance_overlay {
  position: relative;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}

.performance_overlay:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.6;
  background-image: url("../../../Assets/images/home/bg_performance.webp");
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  background-size: cover;
}

.performance_overlay .performance_title {
  z-index: 2;
  position: relative;
  color: #ffffff;
  text-align: center;
}

.performance_title .text_per_title {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  z-index: 999;
  text-transform: uppercase;
}

.performance_title .text_per_subtitle {
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  margin-top: 10px;
  opacity: 1;
  z-index: 999;
}

.performance_title p {
  color: #ffffff;
  font-weight: 400;
  max-width: 925px;
  margin: 25px auto 0;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  line-height: 30px;
}

.performance_sec {
  margin-top: 40px;
  border-radius: 20px;
  z-index: 1;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}

.performance_sec ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 48px 58px;
}

.performance_sec ul li {
  position: relative;
}

.performance_sec ul li::after {
  content: "";
  border-right: 1px solid #ffffff;
  height: 95px;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -50%;
}

.performance_sec ul li:last-child:after {
  display: none;
}

.performance_conte .text_per_conte {
  color: #ffffff;
  font-family: NunitoSans-Medium;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 1;
  position: relative;
}

.performance_conte p {
  color: #ffffff;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 1;
  position: relative;
}

/*============== Performance Section Css End ===============*/

@media (max-width: 1199px) {
  .performance_wrapper {
    padding-top: 40px;
  }

  .performance_sec {
    margin-top: 40px;
  }

  .performance_title .text_per_subtitle {
    font-size: 45px;
    margin-top: 5px;
  }

  .performance_title p {
    margin: 20px 0 0 0;
  }

  .performance_conte .text_per_conte {
    font-size: 60px;
  }

  .performance_conte p {
    font-size: 18px;
    margin-top: 5px;
  }

  .performance_sec ul {
    padding: 20px 30px;
  }
}

@media (max-width: 991px) {
  .performance_wrapper {
    padding-top: 30px;
    margin-top: 40px;
  }

  .performance_title .text_per_title {
    font-size: 28px;
  }

  .performance_title .text_per_subtitle {
    font-size: 35px;
  }

  .performance_title p {
    margin: 15px 0 0 0;
  }

  .performance_sec {
    margin-top: 20px;
  }

  .performance_conte .text_per_conte {
    font-size: 45px;
  }

  .performance_conte p {
    font-size: 15px;
  }

  .performance_sec ul li::after {
    right: -35%;
    height: 78px;
  }

  .performance_sec ul {
    padding: 20px 30px;
  }
}

@media (max-width: 767px) {
  .performance_wrapper {
    padding-top: 60px;
    margin-top: 40px;
  }

  .performance_title .text_per_title {
    font-size: 20px;
  }

  .performance_title .text_per_subtitle {
    font-size: 28px;
  }

  .performance_title p {
    margin: 10px 0 0 0;
  }

  .performance_sec {
    margin-top: 45px;
  }

  .performance_sec ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .performance_sec ul li {
    width: 50%;
    padding: 15px;
    text-align: center;
  }

  .performance_sec ul li::after {
    display: none;
  }

  .performance_sec ul {
    padding: 20px 25px;
  }
}

@media (max-width: 575px) {
  .performance_title .text_per_title {
    font-size: 20px;
  }

  .performance_title .text_per_subtitle {
    font-size: 28px;
  }

  .performance_sec ul {
    padding: 20px 25px;
  }
}

@media (max-width: 367px) {
  .performance_conte .text_per_conte {
    font-size: 40px;
  }

  .performance_conte p {
    font-size: 14px;
  }
}
/*====== Performance Section Css End ======*/
/*====== Technology Section Css Start ======*/
.technology_wrapper {
  padding-top: 160px;
}

.technology_title {
  text-align: center;
}

.technology_title p {
  display: inline-block;
  background: #006ea1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}

.technology_title .text_technology_title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px auto 0;
  line-height: 1.5;
  max-width: 870px;
}

.technology_block {
  margin-top: 80px;
}

.technology_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px;
}

.technology_item {
  width: 25%;
  padding: 0 15px;
}

.technology_conte {
  width: 75%;
  padding: 0 15px;
}

.technology_item_block {
  border-radius: 20px;
  background-color: #f3f5f7;
  padding: 22px 10px;
  min-height: 470px;
}

.technology_conte_block {
  border-radius: 20px;
  background-color: #f3f5f7;
  padding: 25px 20px;
  min-height: 470px;
}

.technology_list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.technology_sec .nav-link {
  display: inline-block;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  padding: 20px;
  margin-bottom: 3px;
  background: transparent !important;
  border-radius: 10px;
  border: 1px solid transparent;
  width: 100%;
}

.technology_sec .nav-link.active,
.technology_sec .show > .nav-link {
  border-radius: 10px;
  border: 1px solid #ffffff;
  background: #006ea1 !important;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  color: #fff;
}

.technology_sec .nav-link:focus,
.technology_sec .nav-link:hover {
  color: #006ea1;
}

.technology_tabs_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: -10px;
}

.technology_tabs_block ul li {
  width: 25%;
  padding: 10px;
}

.technology_tabs_conte {
  display: inline-block;
  text-align: center;
  width: 100%;
  min-height: 180px;
  border-radius: 15px;
  background-color: transparent;
  padding: 30px 19px 14px 19px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

.technology_tabs_conte:hover {
  -webkit-box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  background-color: #ffffff;
}

.technology_tabs_conte p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  border-radius: 22px;
  padding: 5px 8px;
  margin: 45px 0 0 0;
  background-color: #fff;
}

.technology_tabs_conte:hover p {
  background-color: #f3f5f7;
}

.technology_item_block .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: 100%;
}

@media (max-width: 1199px) {
  .technology_wrapper {
    padding-top: 110px;
  }

  .technology_title .text_technology_title {
    font-size: 42px;
    max-width: 909px;
    margin: 5px auto 0;
    line-height: 1.3;
  }

  .technology_block {
    margin-top: 50px;
  }

  .technology_sec .nav-pills .nav-link {
    padding: 20px 10px;
    font-size: 18px;
  }

  .technology_tabs_block ul li {
    width: 33.33%;
  }

  .technology_item_block,
  .technology_conte_block {
    min-height: 630px;
  }
}

@media (max-width: 991px) {
  .technology_wrapper {
    padding-top: 70px;
  }

  .technology_title .text_technology_title {
    font-size: 35px;
  }

  .technology_block {
    margin-top: 30px;
  }

  .technology_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .technology_item,
  .technology_conte {
    width: 100%;
    padding: 15px;
  }

  .technology_item_block {
    min-height: 100%;
    overflow: auto;
  }

  .technology_sec .nav-pills .nav-link {
    padding: 15px 20px;
    font-size: 18px;
    margin: 0 10px;
  }

  .technology_item_block,
  .technology_conte_block {
    min-height: 100%;
  }

  .technology_item_block .nav {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .technology_wrapper {
    padding-top: 50px;
  }

  .technology_title .text_technology_title {
    font-size: 26px;
  }

  .technology_item_block {
    padding: 12px 10px;
  }

  .technology_sec .nav-pills .nav-link {
    padding: 8px 20px;
    font-size: 16px;
    margin: 0 5px;
  }

  .technology_item_block .nav {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media (max-width: 575px) {
  .technology_wrapper {
    padding-top: 40px;
  }

  .technology_title .text_technology_title {
    font-size: 24px;
  }

  .technology_tabs_block ul li {
    width: 50%;
  }

  .technology_tabs_conte {
    padding: 30px 12px 14px 12px;
  }

  .technology_img img {
    width: 60px;
  }

  .technology_img .figma {
    width: 40px;
  }

  .technology_conte_block {
    padding: 20px 15px;
    min-height: 100%;
  }

  .technology_tabs_conte {
    padding: 20px 15px;
    min-height: 170px;
  }

  .technology_tabs_conte p {
    margin: 30px 0 0 0;
  }

  .technology_item_block .nav {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media (max-width: 367px) {
  .technology_tabs_conte p {
    margin: 30px 0 0 0;
    font-size: 14px;
  }
}
/*====== Technology Section Css End ======*/
/*====== Our Process Section Css Start ======*/
.process_wrapper {
  padding-top: 160px;
}

.process_wrap_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 100px;
}

.process_block {
  margin-top: 37px;
}

.process_wrap_inner .text_process_title {
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.process_wrap_inner .process_line {
  border-right: 2px solid #0176ab;
  margin: 10px 32px;
}

.process_wrap_inner .text_process_subtitle {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.process_wrap .text_process_desc {
  color: #0a0f0d;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
}

.process_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.process_block ul li {
  position: relative;
  width: 25%;
}

.process_block ul li::after {
  content: "";
  position: absolute;
  top: 188px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}

.process_item {
  min-height: 539px;
  padding: 66px 38px 30px 37px;
}

.process_item1 {
  background: #f6f6f6;
  border-radius: 20px 0 0 20px;
}

.process_item2 {
  background: #ededed;
}

.process_item3 {
  background: #dddddd;
}

.process_item4 {
  background: #c7c7c7;
  border-radius: 0 20px 20px 0;
}

.strategy_title {
  color: #000;
  font-family: "NunitoSans-SemiBold";
  font-size: 18px;
  letter-spacing: 0.9px;
  margin-top: 25px;
}

.process_item span {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50px;
  margin-top: 21px;
  position: relative;
  z-index: 1;
}

.process_item1 span {
  background: #0187c4;
}

.process_item2 span {
  background: #119fd1;
}

.process_item3 span {
  background: #21b7dd;
}

.process_item4 span {
  background: #34d4ed;
}

.process_item p {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .process_wrapper {
    padding-top: 110px;
  }

  .process_wrap .text_process_title {
    font-size: 46px;
  }

  .process_item {
    padding: 46px 15px 30px 17px;
  }

  .strategy_title {
    font-size: 16px;
  }

  .process_block ul li::after {
    top: 165px;
  }
}

@media (max-width: 991px) {
  .process_wrapper {
    padding-top: 70px;
  }

  .process_wrap .text_process_title {
    font-size: 38px;
  }

  .process_wrap .text_process_desc {
    font-size: 18px;
  }

  .process_wrap_inner {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .process_wrap_inner .process_line {
    display: none;
  }

  .process_wrap .text_process_desc {
    text-align: center;
  }

  .process_block ul li {
    width: 50%;
  }

  .process_item {
    min-height: 395px;
    padding: 40px 30px;
  }

  .process_item1 {
    border-radius: 20px 0 0 0;
  }

  .process_item2 {
    border-radius: 0 20px 0 0;
  }

  .process_item3 {
    border-radius: 0 0 0 20px;
  }

  .process_item4 {
    border-radius: 0 0 20px 0;
  }

  .strategy_title {
    font-size: 18px;
  }

  .process_block ul li::after {
    top: 162px;
  }
}

@media (max-width: 767px) {
  .process_wrapper {
    padding-top: 60px;
  }

  .process_wrap .text_process_title {
    font-size: 28px;
  }

  .process_wrap .text_process_desc {
    font-size: 18px;
    margin: 8px 0 0 0;
  }

  .process_wrap_inner {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .process_wrap_inner .process_line {
    display: none;
  }

  .process_wrap .text_process_desc {
    text-align: center;
  }

  .process_item {
    min-height: 442px;
    padding: 40px 20px;
  }
}

@media (max-width: 575px) {
  .process_wrapper {
    padding-top: 40px;
  }

  .process_block ul li {
    width: 100%;
  }

  .process_block {
    margin-top: 27px;
  }

  .process_item1 {
    border-radius: 20px 20px 0 0;
  }

  .process_item2 {
    border-radius: unset;
  }

  .process_item3 {
    border-radius: unset;
  }

  .process_item4 {
    border-radius: 0 0 20px 20px;
  }

  .process_item {
    min-height: 362px;
    padding: 30px 20px;
  }

  .process_block ul li::after {
    top: 151px;
  }
}
/*====== Our Process Section Css End ======*/
/*====== OurBelief Section Css Start ======*/
.belief_wrapper {
  padding-top: 180px;
}

/* title */
.belief_wrap_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 100px;
}

.belief_wrap_inner .text_belief_title {
  /* color: #7F7F82; */
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.belief_wrap_inner .belief_line {
  border-right: 2px solid #0176ab;
  margin: 10px 32px;
}

.belief_wrap_inner .text_belief_subtitle {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.belief_wrap .text_belief_desc {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
}

/* title completed */
.belief_sec {
  border-radius: 20px;
}

.belief_sec img {
  border-radius: 20px;
}

.belief_block {
  margin-top: 65px;
}

.belief_block_inner {
  margin-left: 80px;
}

.belief_block_inner ul li span {
  margin-right: 10px;
}

.belief_block_inner ul li .text_belief {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-bottom: 14px;
}

.belief_block_inner ul li p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .belief_wrapper {
    padding-top: 110px;
  }

  .belief_wrap .text_belief_title {
    font-size: 46px;
  }
}

@media (max-width: 991px) {
  .belief_wrapper {
    padding-top: 70px;
  }

  .belief_wrap .text_belief_title {
    font-size: 38px;
  }

  .belief_wrap p {
    font-size: 18px;
  }

  /* title */
  .belief_wrap_inner {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .belief_wrap_inner .belief_line {
    display: none;
  }

  /* end title */
  .belief_wrap .text_belief_desc {
    text-align: center;
  }

  .belief_block_inner {
    margin: 50px 0 0 0;
  }
}

@media (max-width: 767px) {
  .belief_wrapper {
    padding-top: 60px;
  }

  .belief_wrap .text_belief_title {
    font-size: 28px;
  }

  .belief_wrap p {
    font-size: 18px;
    margin: 8px 0 0 0;
  }

  .belief_wrap_inner {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .belief_wrap_inner .belief_line {
    display: none;
  }

  /*end title */
  .belief_wrap .text_belief_desc {
    text-align: center;
  }

  .belief_block_inner {
    margin: 50px 0 0 0;
  }
}

@media (max-width: 575px) {
  .belief_wrapper {
    padding-top: 40px;
  }

  .belief_block_inner {
    margin: 50px 0 0 0;
  }
}

ul.belief_number {
  list-style: none;
  counter-reset: my-awesome-counter;
}

ul.belief_number li {
  counter-increment: my-awesome-counter;
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 50px;
  position: relative;
}

ul.belief_number li::before {
  content: "0" counter(my-awesome-counter) ". ";
  margin-right: 0;
  position: absolute;
  left: 0;
}
/*====== OurBelief Section Css End ======*/
/*====== Complaint Section Css Start ======*/
.compliant_wrapper {
  padding-top: 150px;
}

.compliant_title {
  max-width: 650px;
  text-align: center;
  margin: 0 auto;
}

.compliant_title p {
  color: #006ea1;
  font-family: "NunitoSans-Medium";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.compliant_title .text_compliant_title {
  color: #0a0f0d;
  text-align: center;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.compliant_title .text_compliant_subtitle {
  color: #0a0f0d;
  text-align: center;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.compliant_item label {
  color: #f2f2f7;
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 4px;
  position: relative;
  left: -10px;
}
.compliant_item:hover label {
  color: #006ea1;
}
.compliant_item label:hover {
  color: #006ea1;
}
.compliant_item .text_item_title {
  color: #000;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
  margin-top: -22px;
  position: relative;
}

.compliant_item .text_item_desc {
  color: #0a0f0d;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.compliant_block {
  margin-top: 90px;
}

.compliant_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.compliant_list::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
}

.compliant_list::before {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
  z-index: 1;
}

.compliant_list_item {
  border-left: 1px solid #f2f2f7;
  width: 25%;
}

.compliant_list_item:last-child {
  border-right: 1px solid #f2f2f7;
}

.compliant_item {
  min-height: 350px;
  margin: 60px 0;
  padding: 40px 30px;
}

@media (max-width: 1199px) {
  .compliant_wrapper {
    padding-top: 110px;
  }

  .compliant_title .text_compliant_title {
    font-size: 42px;
    max-width: 909px;
    margin: 5px auto 0;
    line-height: 1.3;
  }

  .compliant_block {
    margin-top: 50px;
  }

  .compliant_item {
    min-height: 380px;
    margin: 60px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 991px) {
  .compliant_wrapper {
    padding-top: 70px;
  }

  .compliant_title .text_compliant_title {
    font-size: 35px;
  }

  .compliant_block {
    margin-top: 30px;
  }

  .compliant_title {
    max-width: 100%;
  }

  .compliant_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .compliant_item .text_item_title {
    font-size: 18px;
  }

  .compliant_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .compliant_item {
    min-height: 227px;
    margin: 39px 0;
    padding: 29px 20px;
  }

  .compliant_list_item {
    width: 50%;
  }

  .compliant_list_item:first-child {
    border-bottom: 1px solid #f2f2f7;
  }

  .compliant_list_item:nth-child(2) {
    border-right: 1px solid #f2f2f7;
    border-bottom: 1px solid #f2f2f7;
  }
}

@media (max-width: 767px) {
  .compliant_wrapper {
    padding-top: 50px;
  }

  .compliant_title {
    max-width: 100%;
  }

  .compliant_title .text_compliant_title {
    font-size: 26px;
  }

  .compliant_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .compliant_item .text_item_title {
    font-size: 18px;
  }

  .compliant_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .compliant_item {
    min-height: 277px;
    margin: 30px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .compliant_wrapper {
    padding-top: 40px;
  }

  .compliant_title {
    max-width: 100%;
  }

  .compliant_title .text_compliant_title {
    font-size: 24px;
  }

  .compliant_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .compliant_item .text_item_title {
    font-size: 18px;
  }

  .compliant_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .compliant_list_item {
    width: 100%;
  }

  .compliant_list_item {
    border-left: 1px solid #f2f2f7;
    border-right: 1px solid #f2f2f7;
  }

  .compliant_list_item:last-child {
    border-top: 1px solid #f2f2f7;
  }

  .compliant_item {
    min-height: 147px;
    margin: 60px 0;
    padding: 20px 20px;
  }
}

@media (max-width: 367px) {
}
/*====== Complaint Section Css End ======*/
/*====== Award Section Css Start ======*/
.award_wrapper {
  padding-top: 180px;
}

.award_wrap {
  background-color: #18181b;
  padding: 60px 0 0 0;
}

.award_conte {
  text-align: center;
}

.award_conte .text_award_conte {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 55px;
}

.award_desc {
  color: #fff;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.award_sec {
  margin-bottom: 72px;
}

.award_conte p {
  color: #fff;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 18px 90px 0 90px;
}

@media (max-width: 1199px) {
  .award_wrapper {
    padding-top: 110px;
  }
  .award_conte .text_award_conte {
    font-size: 40px;
  }
  .award_sec {
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .award_wrapper {
    padding-top: 70px;
  }
  .award_wrap {
    padding: 42px 0;
  }
  .award_conte .text_award_conte {
    font-size: 34px;
  }
  .award_sec {
    margin-bottom: 30px;
  }
  .award_conte p {
    margin: 15px;
  }
}

@media (max-width: 767px) {
  .award_wrapper {
    padding-top: 60px;
  }
  .award_conte .text_award_conte {
    font-size: 28px;
  }
  .award_sec {
    margin-bottom: 30px;
  }
  .award_conte p {
    margin: 15px;
  }
}

@media (max-width: 575px) {
  .award_wrapper {
    padding-top: 40px;
  }
  .award_wrap {
    padding: 28px 0;
  }
  .award_sec {
    margin-bottom: 30px;
  }
  .award_conte p {
    margin: 15px;
  }
}
/*====== Award Section Css End ======*/
/*====== Industries Section Css Start ======*/
.industries_wrapper {
  padding-top: 160px;
}

.industries_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 60px;
}

.ind_btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.industries_wrap_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.industries_wrap_inner .text_industries_title {
  /* color: #7F7F82; */
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.text_industries_desc {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0 150px 0 30px;
}

.industries_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 35px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.industries_btn a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}

.industries_item {
  padding: 2px;
  margin-bottom: 20px;
}

.industries_item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0 25px 38px -2px rgba(14, 31, 53, 0.2);
  box-shadow: 0 25px 38px -2px rgba(14, 31, 53, 0.2);
  border-radius: 15px;
}

.industries_content {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 30px;
}

.industries_item_block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px;
}

.industries_item_block .industries_title {
  color: #000;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin-left: 15px;
}

.industries_icon img {
  -webkit-filter: drop-shadow(5px 5px 5px #222222);
  filter: drop-shadow(0 15px 12px #222222);
}

@media (max-width: 1199px) {
  .industries_wrap_inner .text_industries_title {
    text-align: center;
    font-size: 46px;
  }
}

@media (max-width: 991px) {
  .industries_wrapper {
    padding-top: 70px;
  }

  .industries_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .industries_wrap_inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .industries_wrap_inner .text_industries_title {
    text-align: center;
    font-size: 38px;
  }

  .industries_btn a {
    font-size: 16px;

    margin-top: 16px;
  }

  .industries_wrap .text_industries_desc {
    margin-top: 10px;
    text-align: center;
    margin: 0;
  }

  .industries_item_block {
    padding: 17px 0;
  }

  .industries_content {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .industries_wrapper {
    padding-top: 70px;
  }

  .industries_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .industries_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .industries_wrap_inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .industries_wrap_inner .text_industries_title {
    text-align: center;
    font-size: 28px;
  }

  .industries_btn a {
    font-size: 16px;
    margin-top: 16px;
  }

  .industries_wrap .text_industries_desc {
    margin-top: 10px;
    text-align: center;
    margin: 0;
  }

  .industries_item_block {
    padding: 17px 10px;
  }

  .industries_content {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .industries_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .industries_item_block {
    padding: 17px 10px;
  }

  .industries_content {
    padding: 15px;
  }
}
/*====== Industries Section Css End ======*/
/*====== Idea Section Css Start ======*/
.idea_wrapper {
  padding-top: 180px;
}

.idea_wrap {
  padding: 52px 0;
  background-image: url("../../../Assets/images/home/bg_idea_.webp");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.idea_block {
  border-radius: 20px;
  padding: 1px;
}

.idea_sec {
  border-radius: 20px;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.3);
  padding: 30px;
}

.idea_conte {
  text-align: center;
}

.idea_conte .text_idea_conte {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
}

.idea_conte p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin: 18px 0 0 0;
}

.idea_btn a {
  display: inline-block;
  border: 1px solid #ffffff;
  background: #000;
  color: #ffffff;
  font-size: 16px;
  padding: 16px 40px;
  border-radius: 28px;
  margin-top: 30px;
  text-decoration: none;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.idea_btn a:hover {
  background: #0176ab;
  color: #fff;
}

@media (max-width: 1199px) {
  .idea_wrapper {
    padding-top: 110px;
  }

  .idea_conte .text_idea_conte {
    font-size: 40px;
  }

  .idea_conte p {
    font-size: 19px;
    margin: 11px 0 0 0;
  }
}

@media (max-width: 991px) {
  .idea_wrapper {
    padding-top: 70px;
  }

  .idea_wrap {
    padding: 42px 0;
  }

  .idea_conte .text_idea_conte {
    font-size: 34px;
  }

  .idea_conte p {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .idea_wrapper {
    padding-top: 60px;
  }

  .idea_sec {
    padding: 30px 20px;
  }

  .idea_conte .text_idea_conte {
    font-size: 32px;
  }

  .idea_conte p {
    font-size: 18px;
  }

  .idea_btn a {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .idea_wrapper {
    padding-top: 40px;
  }

  .idea_wrap {
    padding: 28px 0;
  }

  .idea_conte p {
    margin: 6px 0 0 0;
  }

  .idea_btn a {
    margin-top: 18px;
    font-size: 16px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====== Idea Section Css End ======*/

/*====================== Page : Home =>  End  =============================*/

/*====================== Page : Service =>  Start  =============================*/

/*====== Section : Banner  Hero Section Css Start ======*/

.services .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.services .banner_wrap {
  background: #f1f3f6;
  width: 100%;
  min-height: 725px;
}

.services .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.services .banner_img_block {
  position: absolute;
  top: 68%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.services .banner_block {
  padding-top: 180px;
}

.services .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.services .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.services .banner_img {
  width: 50%;
  padding: 0 15px;
}

.services .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.services .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  margin-top: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  letter-spacing: 1.1px;
}

.services .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.services .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .services .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .services .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .services .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .services .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .services .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .services .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .services .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .services .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }
  .services .banner_shep {
    position: absolute;
    top: -4%;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .services .banner_conte,
  .services .banner_img {
    width: 100%;
    padding: 15px;
  }

  .services .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .services .banner_block {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .services .banner_shep {
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: unset;
  }

  .services .hero_title {
    font-size: 60px;
  }

  .services .banner_conte {
    padding: 0 15px 50px;
  }
}

@media (max-width: 575px) {
  .services .banner_block {
    padding-top: 80px;
  }

  .services .hero_title {
    font-size: 45px;
  }

  .services .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .services .banner_btn a {
    margin-top: 15px;
  }

  .services .banner_shep {
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: unset;
  }

  .services .banner_wrap {
    min-height: 100%;
  }

  .services .banner_conte {
    padding: 0 15px 50px;
  }
}
/*====== Section : Banner  Hero Section Css End ======*/

/*====== Section : Core_service Start ======*/

.core_services_wrap {
  padding-top: 160px;
  padding-bottom: 10px;
}

.core_services_title {
  text-align: center;
}

.core_services_title .title {
  display: inline-block;
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  font-weight: 400;
  padding: 0 35px 8px 35px;
  position: relative;
}

.core_services_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0176ab;
}

.core_services_title p {
  color: #0a0f0d;
  font-size: 16px;
  line-height: 25px;
  margin: 15px auto 0;
  max-width: 700px;
}

.mobile_development {
  margin-top: 67px;
}

.cm_development_title .inner_title {
  padding-left: 14px;
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  position: relative;
  margin-bottom: 20px;
}

.cm_development_title .inner_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background: #0176ab;
}

.hire_dedicated_developerss {
  transform: translateY(11px);
}

.mobile_development_block {
  margin-top: 15px;
}

.mobile_development_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mobile_development_wrap {
  width: 30%;
  padding: 10px;
}

.mobile_development_conte {
  width: 68%;
  padding: 10px;
}

.mobile_development_item {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mobile_development_item li {
  padding: 10px;
  width: 25%;
}

.core_services_sec {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 28px 20px 15px 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 237px;
  width: 100%;
  position: relative;
  transition: all 0.3s ease;
}

.core_services_sec:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.core_services_sec p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 16px;
  margin: 20px 0 0 0;
}

.core_services_sec span {
  display: inline-block;
  margin-top: 22px;
}

.web_development .mobile_development_wrap {
  width: 100%;
}

.mobile_development_btn_sec {
  width: 31.33%;
}

.mobile_development_btn_sec .mobile_development_item {
  width: 100%;
}

.mobile_development_btn p {
  color: #0a0f0d;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin: 15px 0 0 0;
}

.mobile_development_btn_right p {
  color: #0a0f0d;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin: 15px 0 0 0;
  text-align: right !important;
}

.web_development_conte .mobile_development_btn .mobile_development_btn_block {
  text-align: right;
}

.mobile_development_btn_block a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.mobile_development_btn_block a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.web_development {
  margin-top: 77px;
  border-top: 1px solid #636366;
  border-bottom: 1px solid #636366;
  padding: 30px 0 30px 0;
}

.web_development_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin: 0 -10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.web_development_img {
  width: 65%;
  padding: 0 10px;
}

.web_development_conte {
  width: 35%;
  padding: 0 10px;
}

.web_development_conte .mobile_development_conte {
  width: 100%;
}

.web_development_conte .mobile_development_item li {
  padding: 10px;
  width: 50%;
}

.web_development_conte .mobile_development_btn {
  width: 100%;
  margin-bottom: 35px;
}

.cm_development_title_right {
  text-align: right;
}

.cm_development_title_right .inner_title {
  margin-bottom: 20px !important;
  padding: 0 15px 0 0;
}

.cm_development_title_right .inner_title::after {
  left: unset;
  right: 0;
}

.ui_ux_development {
  margin-top: 70px;
}

.ui_ux_development .mobile_development_img {
  width: 63%;
}

.ui_ux_development .mobile_development_sec {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ui_ux_development .mobile_development_btn {
  width: 100%;
}

.iso_destop_none {
  display: none;
}

@media (max-width: 1199px) {
  .mobile_development_item li {
    padding: 10px;
    width: 33.33%;
  }

  .core_services_wrap {
    padding-top: 110px;
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .mobile_development_wrap {
    width: 100%;
    padding: 15px;
  }

  .ui_ux_development .mobile_development_block {
    margin-top: 0;
  }

  .mobile_development {
    margin-top: 20px;
  }

  .web_development {
    margin-top: 35px;
    padding: 20px 0;
  }

  .ui_ux_development {
    margin-top: 35px;
  }

  .mobile_development_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .mobile_development_block {
    margin-top: 35px;
  }

  .mobile_development_conte,
  .mobile_development_img {
    width: 100%;
    padding: 15px;
  }

  .core_services_sec {
    display: block;
    min-height: 205px;
  }

  .web_development_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .web_development_img,
  .web_development_conte {
    width: 100%;
    padding: 15px;
  }

  .web_development_conte {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .ui_ux_development .mobile_development_conte {
    width: 100%;
    padding: 15px;
  }

  .ui_ux_development .mobile_development_img {
    width: 100%;
  }

  .cm_development_title .inner_title {
    font-size: 26px;
  }
  .web_development .mobile_development_wrap {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .core_services_wrap {
    padding-top: 40px;
    padding-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .core_services_wrapper {
    padding-top: 40px;
  }

  .cm_development_title .inner_title {
    font-size: 22px;
  }

  .mobile_development_item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .mobile_development_item li {
    width: 50%;
  }

  .iso_mobile_none {
    display: none;
  }

  .iso_destop_none {
    display: block;
  }

  .mobile_development_btn_sec {
    width: 100%;
  }

  .mobile_development_btn {
    width: 100%;
  }

  .web_development_conte .mobile_development_conte {
    padding: 0;
  }

  .mobile_development_btn_block a {
    margin-top: 20px;
    padding: 12px 50px;
  }

  .ui_ux_development .mobile_development_sec {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -6px;
  }

  .web_development_conte .mobile_development_btn {
    margin-bottom: 20px;
  }

  .mobile_development_btn {
    margin-bottom: 20px;
  }

  .core_services_sec {
    display: block;
    min-height: 240px;
    padding: 20px 15px;
  }
}

@media (max-width: 367px) {
  .cm_development_title .inner_title {
    font-size: 20px;
  }
}
/*====== Section : Core_service Start ======*/

/*====== Section : necterbits Start ======*/

.nectarbits_wrapper {
  padding-top: 160px;
}

.nectarbits_wrap {
  background-image: url(../../../Assets/images/services/banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 646px;
  position: relative;
  background-position: center;
  padding: 60px 0 41px 0;
}

.nectarbits_wrap::after {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.nectarbits_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.nectarbits_sec {
  width: 50%;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.nectarbits_list {
  width: 45%;
  padding: 0 15px;
}

.nectarbits_logo {
  margin-top: 30px;
  text-align: start !important;
}

.nectarbits_conte p {
  text-align: left !important;
  color: #fff;
  font-family: "NunitoSans-Regular";
  font-size: 24px;
  line-height: 1.5;
  margin-top: 30px;
}

.nectarbits_conte p span {
  font-family: "NunitoSans-SemiBold";
  font-size: 35px;
}

.nectarbits_list ul li + li {
  margin-top: 25px;
}

.nectarbits_list ul li p {
  border-radius: 10px;
  opacity: 0.699999988079071;
  background: #000;
  -webkit-box-shadow: 0 0 6px 0 #fff;
  box-shadow: 0 0 6px 0 #fff;
  -webkit-backdrop-filter: blur(16.309690475463867px);
  backdrop-filter: blur(16.309690475463867px);
  padding: 20px 35px;
}

.nectarbits_list ul li p span {
  color: #fff;
  font-family: "NunitoSans-Bold";
  font-size: 20px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .nectarbits_list ul {
    padding: 0;
  }

  .nectarbits_conte p {
    font-size: 22px;
    margin-top: 18px;
  }

  .nectarbits_logo {
    margin-top: 0;
  }

  .nectarbits_conte p span {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .nectarbits_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .nectarbits_sec,
  .nectarbits_list {
    width: 100%;
    padding: 15px;
  }

  .nectarbits_wrap::after {
    height: 43%;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .nectarbits_wrap {
    padding: 40px 0 40px 0;
  }

  .nectarbits_list ul {
    margin-top: 20px;
  }

  .nectarbits_wrap::after {
    height: 42%;
  }
}

@media (max-width: 450px) {
  .nectarbits_list ul {
    margin-top: 20px;
  }

  .nectarbits_wrap::after {
    height: 44%;
  }
}
/*====== Section : necterbits End ======*/

/*====== Section : Expereience Start ======*/

.expereience_wrapper {
  padding-top: 120px;
}

.expereience_wrap {
  border-radius: 10px;
  background-color: #f3f5f7;
  padding: 40px;
  min-height: 485px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.expereience_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.expereience_sec {
  width: 52%;
  padding: 0 15px;
}

.expereience_img {
  width: 48%;
  padding: 0 15px;
}

.expereience_conte .title {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  position: relative;
  padding-left: 20px;
}

.expereience_conte .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background: #0176ab;
}

.expereience_conte p {
  margin: 40px 0 0 0;
  color: #0a0f0d;
  font-size: 16px;
  letter-spacing: 0.8px;
}

.expereience_link a {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #000;
  text-decoration: none;
  margin-top: 30px;
}

.expereience_link a:hover {
  color: #000;
}

.expereience_link a span {
  display: inline-block;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.expereience_link a:hover span {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.culture_wrapper .expereience_wrap {
  background: transparent;
  min-height: 100%;
  padding: 0;
}

.culture_wrapper .expereience_conte {
  text-align: right;
}

.culture_wrapper .expereience_conte .title {
  padding-left: 0;
  padding-right: 15px;
}

.culture_wrapper .expereience_conte .title::after {
  left: unset;
  right: 0;
}

.effective_wrapper .expereience_wrap {
  padding: 40px 0 40px 40px;
}

@media (max-width: 1199px) {
  .expereience_wrapper {
    padding-top: 90px;
  }

  .expereience_wrap {
    min-height: 405px;
  }
}

@media (max-width: 991px) {
  .expereience_wrapper {
    padding-top: 70px;
  }

  .expereience_wrap {
    min-height: 335px;
  }

  .expereience_conte .title {
    font-size: 32px;
  }

  .expereience_conte p {
    margin: 15px 0 0 0;
  }
}

@media (max-width: 767px) {
  .expereience_wrap {
    min-height: 100%;
    padding: 20px;
  }

  .effective_wrapper .expereience_wrap {
    padding: 20px 0 20px 20px;
  }

  .expereience_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .expereience_sec,
  .expereience_img {
    width: 100%;
    padding: 15px;
  }

  .culture_wrapper .expereience_img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .expereience_wrapper {
    padding-top: 50px;
  }
}

@media (max-width: 575px) {
  .expereience_conte .title {
    font-size: 26px;
  }

  .expereience_wrapper {
    padding-top: 30px;
  }
}

@media (max-width: 367px) {
}
/*====== Section : Expereience End ======*/

/*====== Section : Your Project Start ======*/
.your_project_wrapper {
  padding-top: 180px;
}

.your_project_wrap {
  border-radius: 20px;
  background: -o-linear-gradient(
    44deg,
    #eee 0%,
    #cecece 0%,
    #d0d0d0 2.47%,
    #fff 45.66%,
    #cde8f4 100%
  );
  background: linear-gradient(
    46deg,
    #eee 0%,
    #cecece 0%,
    #d0d0d0 2.47%,
    #fff 45.66%,
    #cde8f4 100%
  );
  padding: 52px 94px 60px 94px;
}

.your_project_wrap .text_project_title {
  color: #000;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.your_project_wrap p {
  color: #000;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 14px 0 0 0;
}

.your_project_btn a {
  display: inline-block;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  border-radius: 28px;
  margin-top: 30px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-size: 200% auto;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.your_project_btn a:hover {
  color: #fff;
  background: #0a0f0d;
  background-position: right center;
}

@media (max-width: 1199px) {
  .your_project_wrapper {
    padding-top: 110px;
  }

  .your_project_wrap {
    padding: 32px 64px 53px 74px;
  }

  .your_project_wrap .text_project_title {
    font-size: 46px;
  }

  .your_project_wrap p {
    font-size: 20px;
  }

  .your_project_btn a {
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .your_project_wrapper {
    padding-top: 70px;
  }

  .your_project_wrap {
    padding: 25px 45px 35px 55px;
  }

  .your_project_wrap .text_project_title {
    font-size: 38px;
  }

  .your_project_wrap p {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .your_project_wrapper {
    padding-top: 60px;
  }

  .your_project_wrap {
    padding: 20px;
  }

  .your_project_wrap .text_project_title {
    font-size: 28px;
  }

  .your_project_wrap p {
    font-size: 18px;
    margin: 8px 0 0 0;
  }

  .your_project_btn a {
    font-size: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 575px) {
  .your_project_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .your_project_wrap .text_project_title {
    font-size: 20px;
  }
}
/*====== Section : Your Project End ======*/
/*====================== Page : Service =>  End  =============================*/
/*====================== Page : Mobile App Developer / Section : banner =>  Start  =============================*/

.mobile_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.mobile_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.mobile_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.mobile_app_development .banner_img_block {
  position: absolute;
  top: 68%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile_app_development .banner_block {
  padding-top: 180px;
}

.mobile_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.mobile_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.mobile_app_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.mobile_app_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  margin-top: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  letter-spacing: 1.1px;
}

.mobile_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.mobile_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .mobile_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .mobile_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .mobile_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .mobile_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .mobile_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .mobile_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .mobile_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .mobile_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }
  .mobile_app_development .banner_shep {
    position: absolute;
    top: -4%;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .mobile_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .mobile_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .mobile_app_development .banner_block {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .mobile_app_development .banner_shep {
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: unset;
  }

  .mobile_app_development .hero_title {
    font-size: 60px;
  }

  .mobile_app_development .banner_conte {
    padding: 0 15px 50px;
  }
}

@media (max-width: 575px) {
  .mobile_app_development .banner_block {
    padding-top: 80px;
  }

  .mobile_app_development .hero_title {
    font-size: 45px;
  }

  .mobile_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .mobile_app_development .banner_btn a {
    margin-top: 15px;
  }

  .mobile_app_development .banner_shep {
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: unset;
  }

  .mobile_app_development .banner_wrap {
    min-height: 100%;
  }

  .mobile_app_development .banner_conte {
    padding: 0 15px 50px;
  }
}
/*====================== Page : Mobile App Developer / Section : Banner =>  End  =============================*/
/*====================== Page : Mobile App Developer / Section : Technology =>  Start  =============================*/

.mobile_app_technology_wrapper {
  padding-top: 160px;
}

.mobile_app_technology_title .title {
  color: #e5e5ea;
  text-align: center;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.mobile_app_technology_block {
  margin-top: 65px;
}

.mobile_app_technology_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f9f9f9;
  border-radius: 20px;
}

.mobile_app_technology_block ul li {
  width: 50%;
  border-right: 1px solid #e7e7e7;
}

.mobile_app_technology_block ul li:last-child {
  border: 0;
}

.mobile_app_technology_list .inner_title {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 10px 0 0 0;
  background: #0a0f0d;
  display: block;
  padding: 22px 35px;
}

.mobile_app_technology_list .inner_title2 {
  border-radius: 0 10px 0 0;
}

.mobile_app_technology_item {
  padding: 33px 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mobile_app_technology_item p {
  width: 50%;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-family: NunitoSans-Medium;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.mobile_app_technology_item p::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -25px;
  background: transparent;
  border: 1px solid#D9D9D9;
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.mobile_app_technology_item p:hover::after {
  background: #d9d9d9;
}

.mobile_app_technology_item p:hover {
  color: #000000;
}

@media (max-width: 1199px) {
  .mobile_app_technology_wrapper {
    padding-top: 110px;
  }

  .mobile_app_technology_item {
    padding: 33px 0 30px 50px;
  }

  .mobile_app_technology_title .title {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .mobile_app_technology_wrapper {
    padding-top: 60px;
  }

  .mobile_app_technology_block {
    margin-top: 45px;
  }

  .mobile_app_technology_list .inner_title {
    padding: 22px 24px;
  }

  .mobile_app_technology_item {
    padding: 33px 0 30px 10px;
  }

  .mobile_app_technology_item p {
    padding-left: 25px;
  }

  .mobile_app_technology_item p::after {
    left: 5px;
  }

  .mobile_app_technology_item p:hover::before {
    left: 9px;
  }
}

@media (max-width: 767px) {
  .mobile_app_technology_wrapper {
    padding-top: 40px;
  }

  .mobile_app_technology_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mobile_app_technology_block ul li {
    width: 100%;
    border: 0;
  }

  .mobile_app_technology_list .inner_title {
    border-radius: 10px 10px 0 0;
  }

  .mobile_app_technology_item {
    padding: 33px 0 0 40px;
  }

  .mobile_app_technology_item p::after {
    left: -3px;
  }

  .mobile_app_technology_item p:hover::before {
    left: 1px;
  }

  .mobile_app_technology_title .title {
    font-size: 42px;
  }

  .mobile_app_technology_block {
    margin-top: 25px;
  }

  .mobile_app_technology_title .title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .mobile_app_technology_item {
    padding: 33px 0 0 10px;
  }

  .mobile_app_technology_item p:hover::before {
    left: 9px;
  }

  .mobile_app_technology_item p::after {
    left: 5px;
  }

  .mobile_app_technology_item p {
    padding-left: 25px;
    margin-bottom: 18px;
  }
}

@media (max-width: 367px) {
  .mobile_app_technology_title .title {
    font-size: 28px;
  }

  .mobile_app_technology_list .inner_title {
    padding: 16px 14px;
    font-size: 16px;
  }
}
/*====================== Page : Mobile App Developer / Section : Technology =>  End  =============================*/
/*====================== Page : React Native App  / Section : Banner =>  Start  =============================*/
.react_native_app .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.react_native_app .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.react_native_app .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.react_native_app .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.react_native_app .banner_block {
  padding-top: 180px;
}

.react_native_app .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.react_native_app .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.react_native_app .banner_img {
  width: 50%;
  padding: 0 15px;
}

.react_native_app .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.react_native_app .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.react_native_app .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.react_native_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.react_native_app .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .react_native_app .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .react_native_app .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .react_native_app .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .react_native_app .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .react_native_app .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .react_native_app .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .react_native_app .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .react_native_app .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .react_native_app .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .react_native_app .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .react_native_app .banner_block {
    padding-top: 120px;
  }

  .react_native_app .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .react_native_app .banner_img_block {
    margin-top: -60px;
  }
  .react_native_app .banner_wrap {
    padding-bottom: 50px;
  }
  .react_native_app .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .react_native_app .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .react_native_app .banner_block {
    padding-top: 80px;
  }
  .react_native_app .hero_title {
    font-size: 45px;
  }
  .react_native_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .react_native_app .banner_btn a {
    margin-top: 15px;
  }
  .react_native_app .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .react_native_app .banner_wrap {
    min-height: 100%;
  }
  .react_native_app .banner_img_block {
    margin-top: -30px;
  }
  .react_native_app .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .react_native_app .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : React Native App / Section : Banner =>  End  =============================*/
/*====================== Page : Flutter App Development  / Section : Banner =>  Start  =============================*/
.flutter_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.flutter_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.flutter_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.flutter_app_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flutter_app_development .banner_block {
  padding-top: 180px;
}

.flutter_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flutter_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.flutter_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.flutter_app_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.flutter_app_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.flutter_app_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.flutter_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.flutter_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .flutter_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .flutter_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .flutter_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .flutter_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .flutter_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .flutter_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .flutter_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .flutter_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .flutter_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .flutter_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .flutter_app_development .banner_block {
    padding-top: 120px;
  }

  .flutter_app_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .flutter_app_development .banner_img_block {
    margin-top: -60px;
  }
  .flutter_app_development .banner_wrap {
    padding-bottom: 50px;
  }
  .flutter_app_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .flutter_app_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .flutter_app_development .banner_block {
    padding-top: 80px;
  }
  .flutter_app_development .hero_title {
    font-size: 45px;
  }
  .flutter_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .flutter_app_development .banner_btn a {
    margin-top: 15px;
  }
  .flutter_app_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .flutter_app_development .banner_wrap {
    min-height: 100%;
  }
  .flutter_app_development .banner_img_block {
    margin-top: -30px;
  }
  .flutter_app_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .flutter_app_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Flutter App Development / Section : Banner =>  End  =============================*/
/*====================== Page : Iphone App Development  / Section : Banner =>  Start  =============================*/
.iphone_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.iphone_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.iphone_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.iphone_app_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.iphone_app_development .banner_block {
  padding-top: 180px;
}

.iphone_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.iphone_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.iphone_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.iphone_app_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.iphone_app_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.iphone_app_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.iphone_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.iphone_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .iphone_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .iphone_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .iphone_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .iphone_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .iphone_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .iphone_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .iphone_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .iphone_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .iphone_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .iphone_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .iphone_app_development .banner_block {
    padding-top: 120px;
  }

  .iphone_app_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .iphone_app_development .banner_img_block {
    margin-top: -60px;
  }
  .iphone_app_development .banner_wrap {
    padding-bottom: 50px;
  }
  .iphone_app_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .iphone_app_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .iphone_app_development .banner_block {
    padding-top: 80px;
  }
  .iphone_app_development .hero_title {
    font-size: 45px;
  }
  .iphone_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .iphone_app_development .banner_btn a {
    margin-top: 15px;
  }
  .iphone_app_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .iphone_app_development .banner_wrap {
    min-height: 100%;
  }
  .iphone_app_development .banner_img_block {
    margin-top: -30px;
  }
  .iphone_app_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .iphone_app_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Iphone App Development / Section : Banner =>  End  =============================*/
/*====================== Page : Iphone App Development / Section : Audience =>  Start  =============================*/
.audience_wrapper {
  padding-top: 200px;
}

.audience_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.audience_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  width: 45%;
  position: relative;
  line-height: 1.4;
  padding-bottom: 8px;
}

.audience_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.audience_title p {
  color: #0a0f0d;
  font-size: 16px;
  width: 50%;
}

.audience_block {
  margin-top: 65px;
  border-radius: 20px;
  background: #f3f5f7;
  padding: 40px 45px;
}

.audience_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.audience_block ul li {
  padding: 15px;
  width: 25%;
}

.audience_list {
  background: #fff;
  width: 100%;
  position: relative;
  padding: 15px;
  min-height: 240px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}

.audience_list:hover {
  -webkit-box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
}

.audience_img {
  position: absolute;
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.audience_list p {
  display: block;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-align: center;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  margin-left: auto;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 1199px) {
  .audience_wrapper {
    padding-top: 150px;
  }

  .audience_title .title {
    width: 46%;
  }

  .audience_block {
    padding: 35px 25px;
  }

  .audience_block ul {
    margin: -10px;
  }

  .audience_block ul li {
    padding: 10px;
  }

  .audience_img {
    left: -7px;
  }
}

@media (max-width: 991px) {
  .audience_wrapper {
    padding-top: 100px;
  }

  .audience_block ul {
    margin: -15px;
  }

  .audience_block ul li {
    width: 50%;
    padding: 15px;
  }

  .audience_block {
    padding: 35px 45px;
  }
}

@media (max-width: 767px) {
  .audience_wrapper {
    padding-top: 60px;
  }

  .audience_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }

  .audience_title .title,
  .audience_title p {
    width: 100%;
  }

  .audience_title .title {
    font-size: 25px;
    margin-bottom: 25px;
  }

  .audience_block {
    padding: 30px 25px;
    margin-top: 35px;
  }
}

@media (max-width: 575px) {
  .audience_block {
    padding: 20px 15px;
    margin-top: 35px;
  }
  .audience_block ul {
    margin: -10px;
  }
  .audience_block ul li {
    width: 50%;
    padding: 10px;
  }

  .audience_list {
    padding: 28px;
  }
  .audience_list {
    padding: 2px;
  }
}

@media (max-width: 367px) {
  .audience_block ul li {
    width: 100%;
  }
}
/*====================== Page : Iphone App Development / Section : Banner =>  End  =============================*/

/*====================== Page : Android App Development  / Section : Banner =>  Start  =============================*/
.android_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.android_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.android_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.android_app_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.android_app_development .banner_block {
  padding-top: 180px;
}

.android_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.android_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.android_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.android_app_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.android_app_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.android_app_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.android_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.android_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .android_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .android_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .android_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .android_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .android_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .android_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .android_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .android_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .android_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .android_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .android_app_development .banner_block {
    padding-top: 120px;
  }

  .android_app_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .android_app_development .banner_img_block {
    margin-top: -60px;
  }
  .android_app_development .banner_wrap {
    padding-bottom: 50px;
  }
  .android_app_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .android_app_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .android_app_development .banner_block {
    padding-top: 80px;
  }
  .android_app_development .hero_title {
    font-size: 45px;
  }
  .android_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .android_app_development .banner_btn a {
    margin-top: 15px;
  }
  .android_app_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .android_app_development .banner_wrap {
    min-height: 100%;
  }
  .android_app_development .banner_img_block {
    margin-top: -30px;
  }
  .android_app_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .android_app_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Android App Development / Section : Banner =>  End  =============================*/

/*====================== Page : Ipad App Development  / Section : Banner =>  Start  =============================*/
.ipad_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.ipad_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.ipad_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.ipad_app_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ipad_app_development .banner_block {
  padding-top: 180px;
}

.ipad_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ipad_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.ipad_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.ipad_app_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.ipad_app_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.ipad_app_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.ipad_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.ipad_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .ipad_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .ipad_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .ipad_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .ipad_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .ipad_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .ipad_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .ipad_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .ipad_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .ipad_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .ipad_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .ipad_app_development .banner_block {
    padding-top: 120px;
  }

  .ipad_app_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .ipad_app_development .banner_img_block {
    margin-top: -60px;
  }
  .ipad_app_development .banner_wrap {
    padding-bottom: 50px;
  }
  .ipad_app_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .ipad_app_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .ipad_app_development .banner_block {
    padding-top: 80px;
  }
  .ipad_app_development .hero_title {
    font-size: 45px;
  }
  .ipad_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .ipad_app_development .banner_btn a {
    margin-top: 15px;
  }
  .ipad_app_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .ipad_app_development .banner_wrap {
    min-height: 100%;
  }
  .ipad_app_development .banner_img_block {
    margin-top: -30px;
  }
  .ipad_app_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .ipad_app_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Ipad App Development / Section : Banner =>  End  =============================*/
/*====================== Page : Swift App Development  / Section : Banner =>  Start  =============================*/
.swift_app_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.swift_app_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.swift_app_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.swift_app_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.swift_app_development .banner_block {
  padding-top: 180px;
}

.swift_app_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swift_app_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.swift_app_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.swift_app_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.swift_app_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.swift_app_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.swift_app_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.swift_app_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .swift_app_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .swift_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .swift_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .swift_app_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .swift_app_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .swift_app_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .swift_app_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .swift_app_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .swift_app_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .swift_app_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .swift_app_development .banner_block {
    padding-top: 120px;
  }

  .swift_app_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .swift_app_development .banner_img_block {
    margin-top: -60px;
  }
  .swift_app_development .banner_wrap {
    padding-bottom: 50px;
  }
  .swift_app_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .swift_app_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .swift_app_development .banner_block {
    padding-top: 80px;
  }
  .swift_app_development .hero_title {
    font-size: 45px;
  }
  .swift_app_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .swift_app_development .banner_btn a {
    margin-top: 15px;
  }
  .swift_app_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .swift_app_development .banner_wrap {
    min-height: 100%;
  }
  .swift_app_development .banner_img_block {
    margin-top: -30px;
  }
  .swift_app_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .swift_app_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Swift App Development / Section : Banner =>  End  =============================*/

/*====================== Page : Web Design Development  / Section : Banner =>  Start  =============================*/
.web_design_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.web_design_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.web_design_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.web_design_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -90px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.web_design_development .banner_block {
  padding-top: 180px;
}

.web_design_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.web_design_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.web_design_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.web_design_development .hero_title {
  color: #0a0f0d;
  letter-spacing: 3.6px;
  font-family: NunitoSans;
  font-size: 72px;
  font-weight: 900;
  line-height: 70px;
  text-align: left;
}

.web_design_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
  font-weight: 900;
  line-height: 70px;
}

.web_design_development .banner_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  font-weight: 400;
  line-height: 30px;
}

.web_design_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.web_design_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .web_design_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .web_design_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .web_design_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .web_design_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .web_design_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .web_design_development .banner_img_block {
    position: absolute;
    top: 68%;
    right: -130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .web_design_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .web_design_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .web_design_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .web_design_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .web_design_development .banner_block {
    padding-top: 120px;
  }

  .web_design_development .banner_shep {
    position: absolute;
    top: -40px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }
  .web_design_development .banner_img_block {
    margin-top: -60px;
  }
  .web_design_development .banner_wrap {
    padding-bottom: 50px;
  }
  .web_design_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 767px) {
  .web_design_development .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .web_design_development .banner_block {
    padding-top: 80px;
  }
  .web_design_development .hero_title {
    font-size: 45px;
  }
  .web_design_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .web_design_development .banner_btn a {
    margin-top: 15px;
  }
  .web_design_development .banner_shep {
    top: 20px;
    bottom: unset;
  }
  .web_design_development .banner_wrap {
    min-height: 100%;
  }
  .web_design_development .banner_img_block {
    margin-top: -30px;
  }
  .web_design_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .web_design_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Web Design Development / Section : Banner =>  End  =============================*/
/*====================== Page : Web Design Development / Section : E-commarce =>  Start  =============================*/
.ecommerce_wrapper {
  padding-top: 160px;
}

.ecommerce_wrap {
  background: #fdec50;
  border-radius: 10px;
  padding: 48px 0 52px 70px;
  margin-right: 40px;
}

.ecommerce_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.ecommerce_block {
  width: 55%;
}

.ecommerce_img_block {
  position: absolute;
  top: 50%;
  right: -50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ecommerce_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
}

.ecommerce_title p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 13px;
}

.ecommerce_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 15px 36px;
  margin-top: 15px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ecommerce_btn a:hover {
  background: #0a0f0d;
  color: #fff;
}

@media (max-width: 1199px) {
  .ecommerce_wrapper {
    padding-top: 110px;
  }

  .ecommerce_wrap {
    padding: 38px 0 42px 40px;
  }

  .ecommerce_img_block {
    max-width: 430px;
  }

  .ecommerce_title .title {
    font-size: 29px;
  }
}

@media (max-width: 991px) {
  .ecommerce_wrapper {
    padding-top: 80px;
  }

  .ecommerce_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -15px;
  }

  .ecommerce_block,
  .ecommerce_img {
    width: 100%;
    padding: 15px;
  }

  .ecommerce_img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .ecommerce_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .ecommerce_wrap {
    margin: 0;
  }

  .ecommerce_img_block {
    max-width: 430px;
    margin: -70px auto 0;
  }
}

@media (max-width: 767px) {
  .ecommerce_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .ecommerce_wrap {
    padding: 25px 15px;
  }

  .ecommerce_title .title {
    font-size: 26px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Web Design Development / Section : E-commarce =>  End  =============================*/

/*====================== Page : Php Web Development / Section : Banner =>  Start  =============================*/
.php_web_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.php_web_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.php_web_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.php_web_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -250px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.php_web_development .banner_block {
  padding-top: 180px;
}

.php_web_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.php_web_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.php_web_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.php_web_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.php_web_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.php_web_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.php_web_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.php_web_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .php_web_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }

  .php_web_development .banner_img_block {
    top: 49%;
    right: -270px;
  }
}

@media (max-width: 1600px) {
  .php_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .php_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .php_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .php_web_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .php_web_development .banner_img_block {
    position: absolute;
    top: 48%;
    right: -290px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .php_web_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .php_web_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .php_web_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .php_web_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -160px;
  }

  .php_web_development .banner_block {
    padding-top: 120px;
  }

  .php_web_development .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .php_web_development .banner_wrap {
    padding-bottom: 50px;
  }

  .php_web_development .banner_title {
    margin-top: -130px;
  }
}

@media (max-width: 767px) {
  .php_web_development .banner_shep {
    top: -100px;
  }

  .hero_title {
    font-size: 60px;
  }

  .php_web_development .banner_img_block {
    margin-top: -120px;
  }
}

@media (max-width: 575px) {
  .php_web_development .banner_block {
    padding-top: 80px;
  }

  .php_web_development .hero_title {
    font-size: 45px;
  }

  .php_web_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .php_web_development .banner_btn a {
    margin-top: 15px;
  }

  .php_web_development .banner_shep {
    top: 10px;
  }

  .php_web_development .banner_wrap {
    min-height: 100%;
  }

  .php_web_development .banner_img_block {
    margin-top: -60px;
  }

  .php_web_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .php_web_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Php Web Development / Section : Banner =>  End  =============================*/
/*====================== Page : Laravel Web Development / Section : Banner =>  Start  =============================*/
.laravel_web_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.laravel_web_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.laravel_web_development .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.laravel_web_development .banner_img_block {
  position: absolute;
  top: 59%;
  right: -250px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.laravel_web_development .banner_block {
  padding-top: 180px;
}

.laravel_web_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.laravel_web_development .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.laravel_web_development .banner_img {
  width: 50%;
  padding: 0 15px;
}

.laravel_web_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.laravel_web_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.laravel_web_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.laravel_web_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.laravel_web_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }

  .laravel_web_development .banner_img_block {
    top: 49%;
    right: -270px;
  }
}

@media (max-width: 1600px) {
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .laravel_web_development .banner_img_block {
    position: absolute;
    top: 48%;
    right: -290px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .laravel_web_development .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .laravel_web_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .laravel_web_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .laravel_web_development .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -160px;
  }

  .laravel_web_development .banner_block {
    padding-top: 120px;
  }

  .laravel_web_development .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .laravel_web_development .banner_wrap {
    padding-bottom: 50px;
  }

  .laravel_web_development .banner_title {
    margin-top: -130px;
  }
}

@media (max-width: 767px) {
  .laravel_web_development .banner_shep {
    top: -100px;
  }

  .hero_title {
    font-size: 60px;
  }

  .laravel_web_development .banner_img_block {
    margin-top: -120px;
  }
}

@media (max-width: 575px) {
  .laravel_web_development .banner_block {
    padding-top: 80px;
  }

  .laravel_web_development .hero_title {
    font-size: 45px;
  }

  .laravel_web_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .laravel_web_development .banner_btn a {
    margin-top: 15px;
  }

  .laravel_web_development .banner_shep {
    top: 10px;
  }

  .laravel_web_development .banner_wrap {
    min-height: 100%;
  }

  .laravel_web_development .banner_img_block {
    margin-top: -60px;
  }

  .laravel_web_development .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .laravel_web_development .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Php Web Development / Section : Banner =>  End  =============================*/
/*====================== Page : Php Web Development / Section : Consumer =>  Start  =============================*/
.consumers_wrapper {
  padding-top: 160px;
}

.consumers_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  max-width: 770px;
  position: relative;
  padding-bottom: 23px;
}

.consumers_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.consumers_block {
  margin-top: 60px;
}

.consumers_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 20px;
  border: 1px solid #979797;
  overflow: hidden;
}

.consumers_block ul li {
  width: 33.33%;
  border-right: 1px solid #979797;
  border-bottom: 1px solid #979797;
}

.consumers_block ul li:nth-child(3),
.consumers_block ul li:nth-child(6) {
  border-right: 0;
}

.consumers_block ul li:nth-child(4),
.consumers_block ul li:nth-child(5),
.consumers_block ul li:nth-child(6) {
  border-bottom: 0;
}

.consumers_list {
  padding: 55px 30px 28px 30px;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  min-height: 395px;
}

.consumers_list:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: -o-radial-gradient(
    41% 111.02%,
    112.46% 124.49%,
    #acfaff 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    112.46% 124.49% at 41% 111.02%,
    #acfaff 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: -1;
}

.consumers_list .inner_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 22px;
}

.consumers_list p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 15px;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
  .consumers_wrapper {
    padding-top: 120px;
  }

  .consumers_list {
    padding: 45px 30px 28px 30px;
    min-height: 407px;
  }
}

@media (max-width: 991px) {
  .consumers_wrapper {
    padding-top: 80px;
  }

  .consumers_title .title {
    font-size: 28px;
    padding-bottom: 15px;
  }

  .consumers_block {
    margin-top: 40px;
  }

  .consumers_block ul li {
    width: 50%;
  }

  .consumers_block ul li:nth-child(3) {
    border-right: 1px solid #979797;
  }

  .consumers_block ul li:nth-child(4) {
    border-bottom: 1px solid #979797;
  }

  .consumers_block ul li:nth-child(2),
  .consumers_block ul li:nth-child(4),
  .consumers_block ul li:nth-child(6) {
    border-right: 0;
  }

  .consumers_block ul li:nth-child(5),
  .consumers_block ul li:nth-child(6) {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .consumers_wrapper {
    padding-top: 60px;
  }

  .consumers_title .title {
    font-size: 25px;
  }

  .consumers_block ul li {
    width: 100%;
    border-right: 0;
  }

  .consumers_block ul li:nth-child(3) {
    border-right: 0;
  }

  .consumers_block ul li:nth-child(5),
  .consumers_block ul li:nth-child(6) {
    border-bottom: 1px solid #979797;
  }

  .consumers_block ul li:nth-child(6) {
    border-bottom: 0;
  }

  .consumers_list {
    min-height: 100%;
  }
}

@media (max-width: 575px) {
  .consumers_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Php Web Development / Section : Consumer =>  End  =============================*/
/*====================== Page : Php Web Development / Section : laravel =>  Start  =============================*/
.laravel_wrapper {
  padding-top: 160px;
}

.laravel_wrap {
  background: #0a0f0d;
  padding: 29px 0 58px 0;
  position: relative;
}

.laravel_left {
  position: absolute;
  top: 10px;
  left: 0;
}

.laravel_right {
  position: absolute;
  bottom: 50px;
  right: 0;
}

.laravel_title {
  text-align: center;
}

.laravel_title .title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  max-width: 607px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.laravel_title p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  max-width: 754px;
  margin: 20px auto 0;
  position: relative;
  z-index: 1;
}

.laravel_block {
  margin-top: 68px;
}

.laravel_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -22px -60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.laravel_block ul li {
  width: 33.33%;
  padding: 22px 60px;
}

.laravel_list {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  -webkit-backdrop-filter: blur(36.36111068725586px);
  backdrop-filter: blur(36.36111068725586px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 20px 25px 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.laravel_list:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.laravel_img {
  width: 31%;
}

.laravel_list p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  margin-left: 28px;
  width: 69%;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
  .laravel_wrapper {
    padding-top: 120px;
  }

  .laravel_block ul {
    margin: -22px -20px;
  }

  .laravel_block ul li {
    padding: 22px 20px;
  }
}

@media (max-width: 991px) {
  .laravel_wrapper {
    padding-top: 80px;
  }

  .laravel_block ul li {
    width: 50%;
    padding: 22px 20px;
  }

  .laravel_left {
    top: 170px;
  }
}

@media (max-width: 767px) {
  .laravel_wrapper {
    padding-top: 60px;
  }

  .laravel_list {
    padding: 25px 10px 25px 14px;
  }

  .laravel_block {
    margin-top: 38px;
  }

  .laravel_block ul {
    margin: -10px;
  }

  .laravel_block ul li {
    padding: 10px;
  }

  .laravel_list p {
    margin-left: 15px;
  }

  .laravel_img {
    width: 24%;
  }
}

@media (max-width: 575px) {
  .laravel_wrapper {
    padding-top: 40px;
  }

  .laravel_title .title {
    font-size: 24px;
  }

  .laravel_block ul li {
    width: 100%;
  }

  .laravel_img {
    width: 80px;
  }

  .laravel_list p {
    margin-left: 21px;
    width: calc(100% - 80px);
  }

  .laravel_left {
    top: 280px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Php Web Development / Section : laravel =>  End  =============================*/
/*====================== Page : UI UX Design / Section : Banner =>  Start  =============================*/
.ui_ux_design .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.ui_ux_design .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.ui_ux_design .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.ui_ux_design .banner_img_block {
  position: absolute;
  top: 59%;
  right: -80px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ui_ux_design .banner_block {
  padding-top: 180px;
}

.ui_ux_design .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui_ux_design .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.ui_ux_design .banner_img {
  width: 50%;
  padding: 0 15px;
}

.ui_ux_design .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 70px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.ui_ux_design .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.ui_ux_design .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.ui_ux_design .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.ui_ux_design .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .ui_ux_design .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .ui_ux_design .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .ui_ux_design .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .ui_ux_design .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .ui_ux_design .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .ui_ux_design .banner_img_block {
    right: -120px;
  }

  .ui_ux_design .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .ui_ux_design .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .ui_ux_design .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .ui_ux_design .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -90px;
  }

  .ui_ux_design .banner_block {
    padding-top: 120px;
  }

  .ui_ux_design .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .ui_ux_design .banner_wrap {
    padding-bottom: 50px;
  }

  .ui_ux_design .banner_title {
    margin-top: -130px;
  }
}

@media (max-width: 767px) {
  .ui_ux_design .banner_shep {
    top: -100px;
  }

  .ui_ux_design .hero_title {
    font-size: 60px;
  }

  .ui_ux_design .banner_img_block {
    margin-top: -70px;
  }

  .ui_ux_design .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .ui_ux_design .banner_block {
    padding-top: 80px;
  }

  .ui_ux_design .hero_title {
    font-size: 45px;
  }

  .ui_ux_design .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .ui_ux_design .banner_btn a {
    margin-top: 15px;
  }

  .ui_ux_design .banner_shep {
    transform: unset;
    top: 80px;
    right: 20px;
  }

  .ui_ux_design .banner_wrap {
    min-height: 100%;
  }

  .ui_ux_design .banner_img_block {
    margin-top: -40px;
  }

  .ui_ux_design .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .ui_ux_design .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : UI UX Design  / Section : Banner =>  End  =============================*/
/*====================== Page : UI UX Design  / Section : experience =>  Start  =============================*/
.experience_wrapper {
  padding-top: 145px;
}

.experience_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -3px;
}

.experience_left,
.experience_right {
  width: 32%;
  padding: 0 3px;
}

.experience_center {
  width: 36%;
  padding: 0 3px;
}

.experience_inner_conte .inner_title {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
  background: #00618b;
  padding: 22px;
  text-align: center;
}

.experience_inner_conte p {
  color: #0a0f0d;
  font-size: 16px;
  border-radius: 0 0 20px 20px;
  background: #f6f9f9;
  padding: 20px 32px 20px 32px;
}

.experience_inner_conte + .experience_inner_conte {
  margin-top: 26px;
}

@media (max-width: 1199px) {
  .experience_wrapper {
    padding-top: 105px;
  }

  .experience_inner_conte .inner_title {
    padding: 15px 10px;
  }

  .experience_inner_conte + .experience_inner_conte {
    margin-top: 16px;
  }

  .experience_inner_conte p {
    padding: 15px 22px 16px 22px;
  }
}

@media (max-width: 991px) {
  .experience_wrapper {
    padding-top: 80px;
  }

  .experience_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px;
  }

  .experience_left,
  .experience_right {
    width: 50%;
    padding: 3px;
  }

  .experience_center {
    width: 100%;
    padding: 3px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media (max-width: 767px) {
  .experience_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .experience_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : UI UX Design  / Section : experience =>  End  =============================*/
/*====================== Page : UI UX Design  / Section : projects =>  Start  =============================*/
.projects_wrapper {
  padding-top: 160px;
}

.projects_title {
  padding-left: 18px;
}

.projects_title .text_project_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
}

.projects_title p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 32px;
}

.projects_block {
  border-radius: 20px;
  background-color: #fbe8e4;
  position: relative;
  padding: 0 81px 0 70px;
}

.projects_block::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 503px;
  height: 100%;
  border-radius: 0 20px 20px 0;
  background-color: RGB(251, 218, 211);
}

.projects_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.projects_inner_conte {
  padding: 90px 0 140px 0;
  position: relative;
  z-index: 1;
}

.projects_inner_conte .text_projects_inner_conte {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 40px;
  max-width: 400px;
}

.projects_inner_conte p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  margin: 22px 0 0 0;
  max-width: 470px;
}

.projects_btn a {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 2px solid #000000;
  padding: 16px 45px;
  text-decoration: none;
  margin-top: 40px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.projects_btn a:hover {
  background: #000;
  color: #fff;
}

.projects_img_block {
  position: relative;
  z-index: 1;
  margin-top: -40px;
}

@media (max-width: 1199px) {
  .projects_wrapper {
    padding-top: 110px;
  }

  .projects_block {
    padding: 0 41px 0 50px;
  }

  .projects_inner_conte {
    padding: 90px 0 100px 0;
  }
}

@media (max-width: 991px) {
  .projects_wrapper {
    padding-top: 80px;
  }

  .projects_block {
    padding: 0 31px 0 40px;
  }

  .projects_inner_conte {
    padding: 30px 0 40px 0;
  }

  .projects_block::after {
    width: 323px;
  }

  .projects_inner_conte .text_projects_inner_conte {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .projects_wrapper {
    padding-top: 50px;
  }

  .projects_title p {
    margin-bottom: 30px;
  }

  .projects_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .projects_block {
    padding: 25px 15px;
  }

  .projects_conte,
  .projects_img {
    padding: 15px;
  }

  .projects_inner_conte {
    padding: 0;
  }

  .projects_inner_conte .text_projects_inner_conte {
    font-size: 35px;
  }

  .projects_img_block {
    margin: 0;
  }

  .projects_block::after {
    width: 60%;
  }
}

@media (max-width: 575px) {
  .projects_wrapper {
    padding-top: 40px;
  }

  .projects_inner_conte .text_projects_inner_conte {
    font-size: 34px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : UI UX Design  / Section : projects =>  End  =============================*/
/*====================== Page : Designing  / Section : projects =>  Start  =============================*/
.designing_wrapper {
  padding-top: 160px;
}

.designing_title {
  padding-left: 18px;
}

.designing_title .text_designing_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
}

.designing_title p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 15px;
  max-width: 923px;
}

.designing_block {
  margin-top: 42px;
  border-radius: 20px;
  background-color: #f3f5f7;
  padding: 23px 14px 27px 14px;
}

.designing_block ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -2px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.designing_block ul li {
  width: 16.66%;
  padding: 2px;
}

.designing_block ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 30px 10px 14px 10px;
  border-radius: 20px;
}

.designing_block ul li a p {
  margin: 40px 0 0 0;
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  border-radius: 22px;
  background-color: #ffffff;
  padding: 6px 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.designing_block ul li a:hover {
  -webkit-box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  background-color: #ffffff;
}

.designing_block ul li a:hover p {
  background-color: #f3f5f7;
}

@media (max-width: 1199px) {
  .designing_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .designing_wrapper {
    padding-top: 80px;
  }

  .designing_block {
    margin-top: 30px;
  }

  .designing_block ul li {
    width: 33.33%;
  }
}

@media (max-width: 767px) {
  .designing_wrapper {
    padding-top: 50px;
  }
}

@media (max-width: 575px) {
  .designing_wrapper {
    padding-top: 40px;
  }

  .designing_block ul li {
    width: 33.33%;
  }
  .designing_block {
    padding: 20px 7px;
  }
  .designing_block ul li a {
    padding: 15px 8px;
  }
  .designing_block ul li a p {
    font-size: 15px;
    padding: 6px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Designing  / Section : projects =>  End  =============================*/
/*====================== Page : Our Design Process  / Section : projects =>  Start  =============================*/
.our_design_wrapper {
  padding-top: 160px;
}

.our_design_wrap {
  background: #0a0f0d;
  padding: 60px 0 75px 0;
}

.text_our_design_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
}

.our_design_title p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  max-width: 754px;
  margin: 25px auto 0;
  text-align: center;
}

.our_design_img {
  margin-top: 65px;
}

@media (max-width: 1199px) {
  .our_design_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .our_design_wrapper {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .our_design_wrapper {
    padding-top: 50px;
  }

  .our_design_wrap {
    padding: 40px 0 45px 0;
  }
}

@media (max-width: 575px) {
  .our_design_wrapper {
    padding-top: 40px;
  }

  .text_our_design_title {
    font-size: 26px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Our Design Process  / Section : projects =>  End  =============================*/
/*====================== Page : Quality Assurance  / Section : Banner =>  Start  =============================*/
.quality_assurance .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.quality_assurance .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.quality_assurance .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.quality_assurance .banner_img_block {
  position: absolute;
  top: 59%;
  right: -110px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.quality_assurance .banner_block {
  padding-top: 180px;
}

.quality_assurance .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.quality_assurance .banner_conte {
  width: 70%;
  padding: 0 15px;
}

.quality_assurance .banner_img {
  width: 50%;
  padding: 0 15px;
}

.hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.quality_assurance .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.quality_assurance .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 558px;
}

.quality_assurance .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.quality_assurance .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .quality_assurance .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }

  .quality_assurance .banner_img_block {
    top: 49%;
  }
}

@media (max-width: 1600px) {
  .quality_assurance .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .quality_assurance .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .quality_assurance .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .quality_assurance .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  .quality_assurance .hero_title {
    font-size: 64px;
  }

  .quality_assurance .banner_img_block {
    right: -30px;
  }
}

@media (max-width: 1199px) {
  .quality_assurance .banner_img_block {
    position: absolute;
    top: 48%;
    right: -290px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .quality_assurance .banner_img_block {
    position: absolute;
    top: 48%;
    right: -170px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .quality_assurance .hero_title {
    font-size: 56px;
  }
}

@media (max-width: 991px) {
  .quality_assurance .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .quality_assurance .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .quality_assurance .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -100px;
  }

  .quality_assurance .banner_block {
    padding-top: 120px;
  }

  .quality_assurance .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .quality_assurance .banner_wrap {
    padding-bottom: 50px;
  }

  .quality_assurance .banner_title {
    margin-top: -130px;
  }
}

@media (max-width: 767px) {
  .quality_assurance .banner_shep {
    top: -100px;
  }

  .quality_assurance .hero_title {
    font-size: 50px;
  }

  .quality_assurance .banner_img_block {
    margin-top: -80px;
  }

  .quality_assurance .banner_title {
    margin-top: -90px;
  }
}

@media (max-width: 575px) {
  .quality_assurance .banner_block {
    padding-top: 80px;
  }

  .quality_assurance .hero_title {
    font-size: 45px;
  }

  .quality_assurance .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .quality_assurance .banner_btn a {
    margin-top: 15px;
  }

  .quality_assurance .banner_shep {
    top: 10px;
  }

  .quality_assurance .banner_wrap {
    min-height: 100%;
  }

  .quality_assurance .banner_img_block {
    margin-top: -30px;
  }

  .quality_assurance .banner_title {
    margin-top: -40px;
  }
}

@media (max-width: 367px) {
  .quality_assurance .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Quality Assurance  / Section : Banner =>  End  =============================*/
/*====================== Page : Quality Assurance  / Section : Assurance =>  Start  =============================*/
.assurance_wrapper {
  padding-top: 160px;
}

.assurance_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}

.assurance_sec,
.assurance_img {
  width: 50%;
  padding: 0 30px;
}

.assurance_conte {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 40px 50px 65px 50px;
  overflow: hidden;
}

.assurance_conte .title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  position: relative;
  padding-bottom: 19px;
}

.assurance_conte .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50px;
  height: 2px;
  width: 167px;
  background: #0176ab;
}

.assurance_conte p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 19px;
}

@media (max-width: 1199px) {
  .assurance_wrapper {
    padding-top: 120px;
  }

  .assurance_conte {
    padding: 30px 45px 35px 40px;
  }

  .assurance_conte .title::after {
    left: -40px;
  }
}

@media (max-width: 991px) {
  .assurance_wrapper {
    padding-top: 80px;
  }

  .assurance_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .assurance_sec,
  .assurance_img {
    width: 100%;
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .assurance_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .assurance_wrapper {
    padding-top: 40px;
  }

  .assurance_conte {
    padding: 20px 15px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Quality Assurance  / Section : Assurance =>  End  =============================*/
/*====================== Page : Quality Assurance / Section : Capabilities =>  Start  =============================*/
.capabilities_wrapper {
  padding-top: 160px;
}

.capabilities_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -35px;
}

.capabilities_conte {
  padding: 0 35px;
  width: 42%;
}

.capabilities_list {
  width: 58%;
  padding: 0 35px;
}

.capabilities_inner_conte .inner_title {
  color: #000;
  font-size: 30px;
  padding-bottom: 8px;
  line-height: 1.6;
  position: relative;
}

.capabilities_inner_conte .inner_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.capabilities_inner_conte .inner_title span {
  font-family: NunitoSans-SemiBold;
}

.capabilities_img {
  margin-top: 60px;
}

.capabilities_list p {
  color: #0a0f0d;
  font-size: 16px;
  margin-bottom: 60px;
}

.capabilities_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -30px;
}

.capabilities_list ul li {
  width: 50%;
  padding: 20px 30px;
}

.capabilities_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 25px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.capabilities_item:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.capabilities_item .number_title {
  color: #f2f2f7;
  font-family: NunitoSans-Bold;
  font-size: 60px;
  letter-spacing: 4px;
  width: 13%;
}

.capabilities_item .text_title {
  width: 87%;
  margin-left: 22px;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 18px;
  letter-spacing: 1.2px;
}

@media (max-width: 1199px) {
  .capabilities_wrapper {
    padding-top: 110px;
  }

  .capabilities_img {
    margin-top: 45px;
  }

  .capabilities_inner_conte p {
    margin-top: 40px;
  }

  .capabilities_list ul {
    margin: -15px;
  }

  .capabilities_list ul li {
    padding: 15px;
  }

  .capabilities_sec {
    margin: 0 -20px;
  }

  .capabilities_conte,
  .capabilities_list {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .capabilities_wrapper {
    padding-top: 60px;
  }

  .capabilities_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .capabilities_conte,
  .capabilities_list {
    padding: 15px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .capabilities_wrapper {
    padding-top: 40px;
  }

  .capabilities_inner_conte .inner_title {
    font-size: 26px;
  }

  .capabilities_img {
    margin-top: 35px;
  }

  .capabilities_inner_conte p {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .capabilities_list ul {
    margin: -10px;
  }
  .capabilities_list ul li {
    width: 50%;
    padding: 10px;
  }

  .capabilities_item .number_title {
    width: 40px;
    font-size: 50px;
  }

  .capabilities_item .text_title {
    width: calc(100% - 40px);
    margin-left: 7px;
    font-size: 16px;
  }
  .capabilities_item {
    padding: 20px 10px;
  }
}

@media (max-width: 367px) {
  .capabilities_list ul li {
    width: 100%;
    padding: 10px;
  }
}
/*====================== Page : Quality Assurance / Section : Capabilities =>  End  =============================*/
/*====================== Page : Quality Assurance / Section : How we Work =>  Start  =============================*/
.how_we_work_wrapper {
  margin-top: 160px;
  padding: 53px 0 56px 0;
  position: relative;
  background: #f3f5f7;
}
.how_we_work_img {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.how_we_work_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.how_we_work_sec {
  padding: 0 20px;
  width: 35%;
}

.how_we_work_desc {
  padding: 0 20px;
  width: 65%;
}

.how_we_work_conte .text_approch_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
}

.how_we_work_conte p {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  margin: 10px 0 0 0;
}

.how_we_work_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 60px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.how_we_work_btn a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}

.text_desc_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.how_we_work_desc_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 26px;
}

.how_we_work_desc_sec {
  padding: 24px;
  border-left: 1px solid #fdfdfd;
  margin-bottom: 30px;
  min-height: 240px;
}

.how_we_work_desc_sec:hover {
  border-radius: 15px;
  background: #fdfdfd;
}

@media (max-width: 1199px) {
  .how_we_work_wrapper {
    padding-top: 50px;
    margin-top: 110px;
  }

  .how_we_work_desc_sec {
    min-height: 290px;
    max-height: 300px;
  }
}

@media (max-width: 991px) {
  .how_we_work_wrapper {
    padding-top: 50px;
    margin-top: 70px;
  }

  .how_we_work_conte .text_indus_title {
    font-size: 36px;
  }

  .how_we_work_conte .text_approch_title {
    margin-top: 25px;
  }

  .how_we_work_btn a {
    margin: 25px 0;
  }

  .how_we_work_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }

  .how_we_work_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .how_we_work_desc {
    padding: 0 10px;
    width: 100%;
  }

  .how_we_work_sec {
    padding: 0 10px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .how_we_work_wrapper {
    padding-top: 40px;
    margin-top: 60px;
  }

  .how_we_work_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .how_we_work_sec {
    padding: 15px;
    width: 100%;
  }

  .how_we_work_desc {
    padding: 15px;
    width: 100%;
  }

  .how_we_work_btn a {
    margin-top: 20px;
  }

  .how_we_work_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}

@media (max-width: 575px) {
  .how_we_work_wrapper {
    padding-top: 40px;
    margin-top: 40px;
  }
  .how_we_work_conte .text_indus_title {
    font-size: 30px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .how_we_work_conte .text_indus_title {
    font-size: 24px;
  }
}
/*====================== Page : Quality Assurance / Section : How we Work =>  End  =============================*/
/*====================== Page : Digital Marketing / Section : Banner =>  Start  =============================*/
.digital_marketing .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.digital_marketing .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.digital_marketing .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.digital_marketing .banner_img_block {
  position: absolute;
  top: 90%;
  right: -120px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.digital_marketing .banner_block {
  padding-top: 180px;
}

.digital_marketing .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.digital_marketing .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.digital_marketing .banner_img {
  width: 50%;
  padding: 0 15px;
}

.digital_marketing .hero_title {
  color: #0a0f0d;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.digital_marketing .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.digital_marketing .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.digital_marketing .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .digital_marketing .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .digital_marketing .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .digital_marketing .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .digital_marketing .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .digital_marketing .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .digital_marketing .banner_img_block {
    right: -200px;
  }

  .digital_marketing .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .digital_marketing .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .digital_marketing .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .digital_marketing .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -90px;
  }

  .digital_marketing .banner_block {
    padding-top: 120px;
  }

  .digital_marketing .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .digital_marketing .banner_wrap {
    padding-bottom: 50px;
  }

  .digital_marketing .banner_title {
    margin-top: -250px;
  }
}

@media (max-width: 767px) {
  .digital_marketing .banner_shep {
    top: -100px;
  }

  .digital_marketing .hero_title {
    font-size: 60px;
  }

  .digital_marketing .banner_img_block {
    margin-top: -70px;
  }

  .digital_marketing .banner_title {
    margin-top: -200px;
  }
}

@media (max-width: 575px) {
  .digital_marketing .banner_block {
    padding-top: 80px;
  }

  .digital_marketing .hero_title {
    font-size: 45px;
  }

  .digital_marketing .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .digital_marketing .banner_btn a {
    margin-top: 15px;
  }

  .digital_marketing .banner_shep {
    top: 10px;
  }

  .digital_marketing .banner_wrap {
    min-height: 100%;
  }

  .digital_marketing .banner_img_block {
    margin-top: -40px;
  }

  .digital_marketing .banner_title {
    margin-top: -170px;
  }
}

@media (max-width: 367px) {
  .digital_marketing .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Digital Marketing / Section : Banner =>  End  =============================*/
/*====================== Page : Digital Marketing / Section : AndroidApp => Start  =============================*/
.android_app_wrapper {
  padding-top: 160px;
}

.android_app_title {
  text-align: center;
}

.android_app_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
  display: inline-block;
}

.android_app_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background-color: #0176ab;
}

.android_app_block {
  margin-top: 65px;
}

.android_app_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.android_app_block ul li {
  padding: 20px;
  width: 50%;
}

.android_app_item {
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  border-radius: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 250px;
}

.android_app_item .inner_title {
  border-radius: 20px 20px 0 0;
  background: #f3f5f7;
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding: 22px;
}

.android_app_item:hover .inner_title {
  background: #0a0f0d;
  color: #fff;
}

.android_app_item p {
  color: #0a0f0d;
  font-size: 16px;
  padding: 30px 35px;
}

.android_app_item:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

@media (max-width: 1199px) {
  .android_app_wrapper {
    padding-top: 120px;
  }
  .android_app_block ul {
    margin: -15px;
  }
  .android_app_block ul li {
    padding: 15px;
  }
  .android_app_item {
    min-height: 270px;
  }
}

@media (max-width: 991px) {
  .android_app_wrapper {
    padding-top: 80px;
  }
  .android_app_block ul {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .android_app_block ul li {
    padding: 15px;
    width: 100%;
  }
  .android_app_item {
    min-height: 100%;
  }

  .android_app_block {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .android_app_wrapper {
    padding-top: 60px;
  }

  .android_app_title .title {
    font-size: 26px;
  }
  .android_app_block {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .android_app_wrapper {
    padding-top: 40px;
  }
  .android_app_item .inner_title {
    font-size: 17px;
    padding: 20px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Digital Marketing / Section : AndroidApp =>  End  =============================*/
/*====================== Page : Digital Marketing / Section : Tools We Use =>  Start  =============================*/
.tools_we_use_wrapper {
  padding-top: 160px;
}

.tools_we_use_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -30px;
}

.tools_we_use_block .title {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  width: 40%;
  padding: 0 30px;
}

.tools_we_use_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  width: 60%;
  padding: 0 30px;
}

.tools_we_use_sec {
  border-radius: 20px;
  background: #f3f5f7;
  margin-top: 62px;
  padding: 25px 55px;
}

.tools_we_use_sec ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -25px;
}

.tools_we_use_sec ul li {
  width: 25%;
  padding: 0 25px;
}

.tools_we_use_img {
  min-height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 10px;
}

.tools_we_use_img:hover {
  background: #fff;
}

@media (max-width: 1199px) {
  .tools_we_use_wrapper {
    padding-top: 120px;
  }
  .tools_we_use_block {
    margin: 0 -15px;
  }
  .tools_we_use_block .title,
  .tools_we_use_block p {
    padding: 0 15px;
  }
  .tools_we_use_sec {
    margin-top: 40px;
    padding: 25px 25px;
  }
}

@media (max-width: 991px) {
  .tools_we_use_wrapper {
    padding-top: 80px;
  }
  .tools_we_use_block {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tools_we_use_block .title,
  .tools_we_use_block p {
    padding: 15px;
    width: 100%;
  }
  .tools_we_use_block .title {
    font-size: 55px;
    text-align: left;
  }
  .tools_we_use_sec ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }
  .tools_we_use_sec ul li {
    width: 50%;
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .tools_we_use_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .tools_we_use_block .title {
    font-size: 45px;
  }
  .tools_we_use_sec {
    margin-top: 40px;
    padding: 20px;
  }
  .tools_we_use_img {
    min-height: 130px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Digital Marketing / Section : Tools We Use =>  End  =============================*/
/*====================== Page : Digital Marketing / Section : Getting =>  Start  =============================*/
.getting_wrapper {
  padding-top: 160px;
}

.getting_wrap {
  background: #0a0f0d;
  padding: 29px 0 58px 0;
  position: relative;
}

.getting_left {
  position: absolute;
  bottom: 10px;
  left: 0;
}

.getting_right {
  position: absolute;
  bottom: 50px;
  right: 0;
}

.getting_title {
  text-align: center;
}

.getting_title .title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  max-width: 607px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.getting_title p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  max-width: 754px;
  margin: 20px auto 0;
  position: relative;
  z-index: 1;
}

.getting_block {
  margin-top: 68px;
}

.getting_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -15px -20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.getting_block ul li {
  width: 25%;
  padding: 15px 20px;
}

.getting_list {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  -webkit-backdrop-filter: blur(36.36111068725586px);
  backdrop-filter: blur(36.36111068725586px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 20px 25px 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 112px;
}

.getting_list:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.getting_img {
  width: 43px;
}

.getting_list p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  margin-left: 28px;
  width: calc(100% - 43px);
}

@media (max-width: 1199px) {
  .getting_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .getting_wrapper {
    padding-top: 80px;
  }

  .getting_block ul li {
    width: 50%;
    padding: 22px 20px;
  }

  .getting_left {
    top: 170px;
  }
}

@media (max-width: 767px) {
  .getting_wrapper {
    padding-top: 60px;
  }

  .getting_list {
    padding: 25px 10px 25px 14px;
  }

  .getting_block {
    margin-top: 38px;
  }

  .getting_block ul {
    margin: -10px;
  }

  .getting_block ul li {
    padding: 10px;
  }

  .getting_list p {
    margin-left: 15px;
  }

  .getting_img {
    width: 24%;
  }
}

@media (max-width: 575px) {
  .getting_wrapper {
    padding-top: 40px;
  }
  .getting_title .title {
    font-size: 24px;
  }
  .getting_block ul li {
    width: 50%;
  }
  .getting_img {
    width: 43px;
  }
  .getting_list p {
    margin-left: 21px;
    width: calc(100% - 43px);
  }
  .getting_left {
    top: 280px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Digital Marketing / Section : Getting =>  End  =============================*/
/*====================== Page : Website Maintenance Support / Section : Banner =>  Start  =============================*/

.website_maintenance_support .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.website_maintenance_support .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.website_maintenance_support .banner_block {
  padding-top: 180px;
}

.website_maintenance_support .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.website_maintenance_support .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.website_maintenance_support .banner_img {
  width: 50%;
  padding: 0 15px;
}

.website_maintenance_support .hero_title {
  color: #0a0f0d;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.website_maintenance_support .hero_inner_title {
  color: #0a0f0d;
  font-family: Freightbigpro-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.website_maintenance_support .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.website_maintenance_support .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.website_maintenance_support .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .website_maintenance_support .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .website_maintenance_support .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .website_maintenance_support .banner_block {
    padding-top: 120px;
  }

  .website_maintenance_support .banner_wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .website_maintenance_support .banner_shep {
    top: 30%;
  }

  .website_maintenance_support .hero_title {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .website_maintenance_support .banner_block {
    padding-top: 80px;
  }

  .website_maintenance_support .hero_title {
    font-size: 45px;
  }

  .website_maintenance_support .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .website_maintenance_support .banner_btn a {
    margin-top: 15px;
  }

  .website_maintenance_support .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .website_maintenance_support .banner_wrap {
    min-height: 100%;
  }

  .website_maintenance_support .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Websie Maintenance Support / Section : Banner =>  End  =============================*/
/*====================== Page : Websie Maintenance Support / Section : Platform => Start  =============================*/
.platform_wrapper {
  padding-top: 150px;
}

.platform_wrap {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 15px 15px 15px 60px;
  min-height: 300px;
}

.platform_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

.platform_sec {
  width: 60%;
  padding: 0 15px;
}

.platform_img {
  width: 40%;
  padding: 0 15px;
}

.platform_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  margin-top: 20px;
}

.platform_conte p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 17px;
}

.platform_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  margin-top: 35px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.platform_btn a:hover {
  background: #0a0f0d;
  color: #f3f5f7;
}

@media (max-width: 1199px) {
  .platform_wrapper {
    padding-top: 110px;
  }

  .platform_wrap {
    padding: 15px 15px 15px 40px;
    min-height: 270px;
  }
}

@media (max-width: 991px) {
  .platform_wrapper {
    padding-top: 80px;
  }

  .platform_conte .inner_title {
    margin-top: 5px;
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .platform_wrapper {
    padding-top: 60px;
  }

  .platform_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .platform_sec,
  .platform_img {
    width: 100%;
    padding: 15px;
  }

  .platform_wrap {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .platform_conte .inner_title {
    margin-top: 10px;
    font-size: 24px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Websie Maintenance Support / Section : Platform =>  End  =============================*/
/*====================== Page : Websie Maintenance Support / Section : WhyNectarbits =>  Start  =============================*/
.why_nectarbits_wrapper {
  padding-top: 160px;
}

.why_nectarbits_wrap {
  background: #000;
  padding: 38px 0;
}

.why_nectarbits_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.why_nectarbits_sec {
  width: 55%;
  padding: 0 15px;
}

.why_nectarbits_img {
  width: 45%;
  padding: 0 15px;
}

.why_nectarbits_conte .inner_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  margin-bottom: 39px;
}

.why_nectarbits_conte p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
}

.why_nectarbits_conte p + p {
  margin-top: 32px;
}

.why_nectarbits_btn a {
  display: inline-block;
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #fff;
  padding: 16px 46px;
  margin-top: 35px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.why_nectarbits_btn a:hover {
  background: #fff;
  color: #000;
}

@media (max-width: 1199px) {
  .why_nectarbits_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .why_nectarbits_wrapper {
    padding-top: 80px;
  }

  .why_nectarbits_conte .inner_title {
    margin-top: -55px;
    font-size: 28px;
  }

  .why_nectarbits_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .why_nectarbits_sec,
  .why_nectarbits_img {
    width: 100%;
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .why_nectarbits_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .why_nectarbits_conte p + p {
    margin-top: 22px;
  }

  .why_nectarbits_conte .inner_title {
    margin-bottom: 20px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Websie Maintenance Support / Section : WhyNectarbits =>  End  =============================*/
/*====================== Page : Websie Maintenance Support / Section : Maintenance =>  Start  =============================*/
.maintenance_wrapper {
  margin-top: 160px;
  padding: 53px 0 56px 0;
  position: relative;
  background: #f3f5f7;
}
.maintenance_img {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.maintenance_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.maintenance_sec {
  padding: 0 20px;
  width: 35%;
}

.maintenance_desc {
  padding: 0 20px;
  width: 65%;
}

.maintenance_conte .text_approch_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
}

.maintenance_conte p {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  margin: 10px 0 0 0;
}

.maintenance_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  margin-top: 60px;
  text-decoration: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.maintenance_btn a:hover {
  background: #0a0f0d;
  color: #ffffff;
  border-color: #ffffff;
}

.text_desc_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.maintenance_desc_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 26px;
}

.maintenance_desc_sec {
  padding: 24px;
  border-left: 1px solid #fdfdfd;
  margin-bottom: 30px;
  min-height: 240px;
}

.maintenance_desc_sec:hover {
  border-radius: 15px;
  background: #fdfdfd;
}

@media (max-width: 1199px) {
  .maintenance_wrapper {
    padding-top: 50px;
    margin-top: 110px;
  }

  .maintenance_desc_sec {
    min-height: 290px;
    max-height: 300px;
  }
}

@media (max-width: 991px) {
  .maintenance_wrapper {
    padding-top: 50px;
    margin-top: 70px;
  }

  .maintenance_conte .text_indus_title {
    font-size: 36px;
  }

  .maintenance_conte .text_approch_title {
    margin-top: 25px;
  }

  .maintenance_btn a {
    margin: 25px 0;
  }

  .maintenance_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }

  .maintenance_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .maintenance_desc {
    padding: 0 10px;
    width: 100%;
  }

  .maintenance_sec {
    padding: 0 10px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .maintenance_wrapper {
    padding-top: 40px;
    margin-top: 60px;
  }

  .maintenance_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .maintenance_sec {
    padding: 15px;
    width: 100%;
  }

  .maintenance_desc {
    padding: 15px;
    width: 100%;
  }

  .maintenance_btn a {
    margin-top: 20px;
  }

  .maintenance_desc_sec {
    margin-bottom: 15px;
    min-height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}

@media (max-width: 575px) {
  .maintenance_wrapper {
    padding-top: 40px;
    margin-top: 40px;
  }

  .maintenance_conte .text_indus_title {
    font-size: 30px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .maintenance_conte .text_indus_title {
    font-size: 24px;
  }
}
/*====================== Page : Websie Maintenance Support / Section : Maintenance =>  End  =============================*/
/*====================== Page : Websie Maintenance Support / Section : Why Choose us =>  Start  =============================*/
.why_choose_us_wrapper {
  padding-top: 150px;
}

.why_choose_us_title {
  max-width: 650px;
  text-align: center;
  margin: 0 auto;
}

.why_choose_us_title p {
  color: #006ea1;
  font-family: "NunitoSans-Medium";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.why_choose_us_title .text_why_choose_us_title {
  color: #0a0f0d;
  text-align: center;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.why_choose_us_title .text_why_choose_us_subtitle {
  color: #0a0f0d;
  text-align: center;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.why_choose_us_item label {
  color: #f2f2f7;
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 4px;
  position: relative;
  left: -10px;
  transition: all 0.3s ease;
}
.why_choose_us_item:hover label {
  color: #006ea1;
}

.why_choose_us_item .text_item_title {
  color: #000;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
  margin-top: -22px;
  position: relative;
}

.why_choose_us_item .text_item_desc {
  color: #0a0f0d;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.why_choose_us_block {
  margin-top: 40px;
}

.why_choose_us_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.why_choose_us_list::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
}

.why_choose_us_list::before {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
  z-index: 1;
}

.why_choose_us_list_item {
  border-left: 1px solid #f2f2f7;
  width: 25%;
}

.why_choose_us_list_item:last-child {
  border-right: 1px solid #f2f2f7;
}

.why_choose_us_item {
  min-height: 320px;
  margin: 60px 0;
  padding: 40px 30px;
}

@media (max-width: 1199px) {
  .why_choose_us_wrapper {
    padding-top: 110px;
  }

  .why_choose_us_title .text_why_choose_us_title {
    font-size: 42px;
    max-width: 909px;
    margin: 5px auto 0;
    line-height: 1.3;
  }

  .why_choose_us_item {
    min-height: 380px;
    margin: 60px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 991px) {
  .why_choose_us_wrapper {
    padding-top: 70px;
  }

  .why_choose_us_title .text_why_choose_us_title {
    font-size: 35px;
  }

  .why_choose_us_block {
    margin-top: 30px;
  }

  .why_choose_us_title {
    max-width: 100%;
  }

  .why_choose_us_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .why_choose_us_item .text_item_title {
    font-size: 18px;
  }

  .why_choose_us_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .why_choose_us_item {
    min-height: 227px;
    margin: 39px 0;
    padding: 29px 20px;
  }

  .why_choose_us_list_item {
    width: 50%;
  }

  .why_choose_us_list_item:first-child {
    border-bottom: 1px solid #f2f2f7;
  }

  .why_choose_us_list_item:nth-child(2) {
    border-right: 1px solid #f2f2f7;
    border-bottom: 1px solid #f2f2f7;
  }
}

@media (max-width: 767px) {
  .why_choose_us_wrapper {
    padding-top: 50px;
  }

  .why_choose_us_title {
    max-width: 100%;
  }

  .why_choose_us_title .text_why_choose_us_title {
    font-size: 26px;
  }

  .why_choose_us_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .why_choose_us_item .text_item_title {
    font-size: 18px;
  }

  .why_choose_us_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .why_choose_us_item {
    min-height: 277px;
    margin: 30px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .why_choose_us_wrapper {
    padding-top: 40px;
  }

  .why_choose_us_title {
    max-width: 100%;
  }

  .why_choose_us_title .text_why_choose_us_title {
    font-size: 24px;
  }

  .why_choose_us_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .why_choose_us_item .text_item_title {
    font-size: 18px;
  }

  .why_choose_us_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .why_choose_us_list_item {
    width: 100%;
  }

  .why_choose_us_list_item {
    border-left: 1px solid #f2f2f7;
    border-right: 1px solid #f2f2f7;
  }

  .why_choose_us_list_item:last-child {
    border-top: 1px solid #f2f2f7;
  }

  .why_choose_us_item {
    min-height: 147px;
    margin: 60px 0;
    padding: 20px 20px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Websie Maintenance Support / Section : Why Choose Us =>  End  =============================*/
/*====================== Page : Hire Development / Section : Banner => Start  =============================*/
.hire_developer .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.hire_developer .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.hire_developer .banner_block {
  padding-top: 180px;
}

.hire_developer .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hire_developer .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.hire_developer .banner_img {
  width: 50%;
  padding: 0 15px;
}

.hire_developer .hero_title {
  color: #0a0f0d;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.hire_developer .hero_inner_title {
  color: #0a0f0d;
  font-family: Freightbigpro-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.hire_developer .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.hire_developer .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.hire_developer .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.hire_developer .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .hire_developer .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .hire_developer .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .hire_developer .banner_block {
    padding-top: 120px;
  }

  .hire_developer .banner_wrap {
    padding-bottom: 50px;
  }

  .hire_developer .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .hire_developer .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .hire_developer .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .hire_developer .banner_shep {
    top: 30%;
  }

  .hire_developer .hero_title {
    font-size: 50px;
  }

  .hire_developer .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .hire_developer .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .hire_developer .banner_block {
    padding-top: 80px;
  }

  .hire_developer .hero_title {
    font-size: 45px;
  }

  .hire_developer .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .hire_developer .banner_btn a {
    margin-top: 15px;
  }

  .hire_developer .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .hire_developer .banner_wrap {
    min-height: 100%;
  }

  .hire_developer .hero_inner_title {
    font-size: 28px;
  }

  .hire_developer .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .hire_developer .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire Development / Section : Banner =>  End  =============================*/
/*====================== Page : Hire Development / Section : Our Hiring =>  Start  =============================*/
.our_hiring_wrapper {
  padding-top: 100px;
}

.our_hiring_title {
  text-align: center;
  margin-bottom: 65px;
}

.our_hiring_title .text_hiring_title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* font-size: 40px;
    font-weight: 600; */
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
}

.our_hiring_title .text_hiring_title::after {
  content: "";
  background: #0176ab;
  width: 70%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.our_hiring_title p {
  max-width: 500px;
  margin: 11px auto 0;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
}

.our_hiring_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px;
}

.our_hiring_box {
  padding: 0 15px;
  width: 33.33%;
}

.our_hiring_inner_box {
  border-radius: 20px;
  border: 0.606px solid rgba(255, 255, 255, 0.4);
  background: #fdfefe;
  -webkit-box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  padding: 20px 30px;
  min-height: 500px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.our_hiring_inner_title {
  text-align: center;
}

.our_hiring_inner_title .text_hiring_inner_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  display: inline-block;
  padding-bottom: 8px;
  position: relative;
  margin-bottom: 25px;
}

.our_hiring_inner_title .text_hiring_inner_title::after {
  content: "";
  background: #0176ab;
  width: 70%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.our_hiring_inner_title .text_subtitle_inner {
  color: #000000;
  /* font-size: 25px; */
  /* font-weight: 600; */
  margin-bottom: 20px;
  font-family: NunitoSans-Bold;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.our_hiring_inner_title .text_subtitle_inner span {
  color: #000000;
  font-family: NunitoSans-Regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.our_hiring_list {
  padding: 0;
}
.our_hiring_list .text_hiring_list {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.our_hiring_list .text_hiring_list_1 {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.our_hiring_list p {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.our_hiring_list li {
  border-bottom: 1px solid #c7c7cc;
  padding-bottom: 10px;
}

.our_hiring_list li:last-child {
  border: 0;
}

.our_hiring_list li + li {
  margin-top: 15px;
}

.our_hiring_list li .text_subtitle_inner {
  color: #000000;
  font-size: 16px;
  font-family: NunitoSans-SemiBold;
}

.our_hiring_list li p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  font-family: NunitoSans-Regular;
  font-style: normal;
  line-height: 25px;
}

.our_hiring_btn {
  text-align: center;
}

.our_hiring_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  padding: 14px 35px;
  margin-top: 27px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

.our_hiring_btn a:hover {
  color: #fff;
  background: #000;
}

.our_hiring_item {
  margin-top: 40px;
  border-top: 1px solid #c7c7cc;
  border-bottom: 1px solid #c7c7cc;
  padding: 40px 0;
}

.our_hiring_item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 0;
}

.our_hiring_item_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.our_hiring_item_block .our_hiring_icon {
  display: inline-block;
  margin-right: 15px;
}

.our_hiring_item_block .text_hiring_block {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

.our_hiring_item_block p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin: 5px 0 0 0;
}

.black_our_hiring_box .our_hiring_inner_box {
  background: #0a0f0d;
}

.black_our_hiring_box .our_hiring_inner_title .text_hiring_inner_title {
  color: #fff;
}

.black_our_hiring_box .our_hiring_inner_title .text_hiring_inner_title::after {
  background: #fff;
}

.black_our_hiring_box .our_hiring_inner_title .text_subtitle_inner,
.black_our_hiring_box .our_hiring_inner_title .text_subtitle_inner span {
  color: #fff;
}

.black_our_hiring_box .our_hiring_list li .text_subtitle_inner {
  color: #fff;
}

.black_our_hiring_box .our_hiring_list li p {
  color: #fff;
}

.black_our_hiring_box .our_hiring_btn a {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.black_our_hiring_box .our_hiring_btn a:hover {
  background: #fff;
  color: #000;
}

@media (max-width: 1199px) {
  .our_hiring_title {
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .our_hiring_wrapper {
    padding-top: 80px;
  }

  .our_hiring_title {
    margin-bottom: 30px;
  }

  .our_hiring_title .text_hiring_title {
    font-size: 37px;
  }

  .our_hiring_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .our_hiring_box {
    width: 100%;
    padding: 15px;
  }

  .our_hiring_item ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
  }

  .our_hiring_item ul li {
    width: 50%;
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .our_hiring_wrapper {
    padding-top: 30px;
  }

  .our_hiring_item ul li {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .our_hiring_wrapper {
    padding-top: 20px;
  }

  .our_hiring_title .text_hiring_title {
    font-size: 32px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Hire Development / Section : Our Hiring => End  =============================*/
/*====================== Page : Hire Development / Section : Proficient => Start  =============================*/
.proficient_wrapper {
  background: #0a0f0d;
  padding: 96px 0 120px 0;
  margin-top: 180px;
}

.proficient_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -25px;
}

.proficient_title .text_prof_title {
  color: #88888d;
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  width: 40%;
  padding: 0 25px;
  position: relative;
}

.proficient_title > div {
  width: 60%;
  padding: 0 25px;
}

.proficient_title .text_prof_title::after {
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: -o-linear-gradient(225deg, #7303c0, #ec38bc, #fdeff9);
  background-image: linear-gradient(-135deg, #7303c0, #ec38bc, #fdeff9);
}

.proficient_title .text_prof_subtitle {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  margin-top: 16px;
}

.proficient_title p {
  color: #fff;
  font-size: 16px;
  margin-top: 14px;
}

.proficient_title {
  margin-bottom: 53px;
}

.proficient_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.proficient_conte {
  width: 47%;
  position: relative;
  z-index: 1;
}

/* .proficient_conte::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 75%;
    background: #3a3a3c;
    z-index: -1;
} */
.proficient_conte:last-child::after {
  display: none;
}

.proficient_section {
  padding: 25px 0;
}

.proficient_section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.proficient_section ul li {
  padding: 25px;
  width: 50%;
}

.proficient_inner_box {
  border-radius: 15px;
  background-image: -o-linear-gradient(
    225deg,
    #03001e,
    #7303c0,
    #ec38bc,
    #fdeff9
  );
  background-image: linear-gradient(
    -135deg,
    #03001e,
    #7303c0,
    #ec38bc,
    #fdeff9
  );
  padding: 2px;
}

.proficient_inner_bg {
  border-radius: 15px;
  background-color: #000000;
  padding: 30px 40px 30px 25px;
  min-height: 270px;
}

.proficient_inner_bg .text_prof_inner {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  font-family: NunitoSans-SemiBold;
}

.proficient_icon {
  margin-top: 30px;
}

.cm_proficient_box {
  width: 100%;
  border-radius: 15px;
  background-image: -o-linear-gradient(
    right,
    rgba(225, 0, 255, 1) 0%,
    rgba(127, 0, 255, 1) 100%
  );
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(225, 0, 255, 1)),
    to(rgba(127, 0, 255, 1))
  );
  background-image: linear-gradient(
    270deg,
    rgba(225, 0, 255, 1) 0%,
    rgba(127, 0, 255, 1) 100%
  );
  min-height: 270px;
  padding: 30px 25px;
  margin: 25px 0;
}

.cm_proficient_box .text_prof_box {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  font-family: NunitoSans-Bold;
  line-height: 1.7;
}

.cm_proficient_icon {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .proficient_wrapper {
    padding: 76px 0 70px 0;
    margin-top: 110px;
  }

  .proficient_inner_bg {
    padding: 30px 25px 30px 25px;
  }

  .proficient_section ul {
    margin: -15px;
  }

  .proficient_section ul li {
    padding: 15px;
  }
}

@media (max-width: 991px) {
  .proficient_wrapper {
    padding: 56px 0 50px 0;
    margin-top: 80px;
  }

  .proficient_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -15px;
  }

  .proficient_title .text_prof_title,
  .proficient_title > div {
    width: 100%;
    padding: 15px;
  }

  .proficient_title .text_prof_subtitle {
    font-size: 32px;
  }

  .proficient_title p {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .proficient_title .text_prof_title {
    text-align: left;
    font-size: 50px;
  }

  .proficient_title .text_prof_title::after {
    content: "";
    height: 2px;
    width: 200px;
    position: absolute;
    top: unset;
    right: unset;
    background-image: -o-linear-gradient(225deg, #7303c0, #ec38bc, #fdeff9);
    background-image: linear-gradient(-135deg, #7303c0, #ec38bc, #fdeff9);
    left: 15px;
    bottom: 5px;
  }

  .proficient_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .proficient_conte {
    width: 100%;
  }

  .proficient_conte::after {
    display: none;
  }

  .proficient_inner_bg {
    min-height: 230px;
  }

  .proficient_section {
    padding: 0;
  }

  .cm_proficient_box {
    min-height: 180px;
    margin: 25px 0;
  }
}

@media (max-width: 767px) {
  .proficient_wrapper {
    padding: 40px 0 50px 0;
    margin-top: 50px;
  }

  .proficient_title .text_prof_subtitle {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .proficient_inner_bg .text_prof_inner {
    font-size: 22px;
  }

  .cm_proficient_box .text_prof_box {
    font-size: 28px;
    line-height: 1.5;
  }

  .proficient_inner_bg {
    padding: 30px 20px 30px 20px;
    min-height: 256px;
  }
}

@media (max-width: 450px) {
  .proficient_section ul li {
    width: 50%;
  }

  .proficient_inner_bg {
    padding: 30px 20px 30px 20px;
    min-height: 100%;
  }

  .proficient_title .text_prof_subtitle {
    font-size: 27px;
  }

  .cm_proficient_box .text_prof_box {
    font-size: 25px;
  }

  .cm_proficient_box {
    padding: 20px 15px;
  }

  .proficient_title .text_prof_title {
    font-size: 35px;
  }
  .proficient_inner_bg .text_prof_inner {
    font-size: 17px;
  }
  .proficient_icon {
    margin-top: 30px;
    width: 40px;
  }
}
/*====================== Page : Hire Development / Section : Proficient => End  =============================*/
/*====================== Page : Hire Development / Section : With Our Developers => Start  =============================*/
.with_our_developers_wrapper {
  padding-top: 160px;
}

.with_our_developers_title {
  text-align: center;
}

.with_our_developers_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
}

.with_our_developers_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background: #0176ab;
}

.with_our_developers_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  max-width: 884px;
  margin: 20px auto 0;
}

.with_our_developers_block {
  margin-top: 65px;
}

.with_our_developers_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -22px -15px;
}

.with_our_developers_block ul li {
  width: 33.33%;
  padding: 22px 15px;
}

.with_our_developers_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 45px 29px 20px 31px;
  min-height: 300px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.with_our_developers_list:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.with_our_developers_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
}

.with_our_developers_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 25px;
}

@media (max-width: 1199px) {
  .with_our_developers_wrapper {
    padding-top: 110px;
  }

  .with_our_developers_block {
    margin-top: 55px;
  }

  .with_our_developers_list {
    min-height: 308px;
  }
}

@media (max-width: 991px) {
  .with_our_developers_wrapper {
    padding-top: 60px;
  }

  .with_our_developers_block {
    margin-top: 45px;
  }

  .with_our_developers_block ul {
    margin: -15px;
  }

  .with_our_developers_block ul li {
    padding: 15px;
    width: 50%;
  }

  .with_our_developers_list {
    padding: 35px 20px 20px 21px;
    min-height: 280px;
  }
}

@media (max-width: 767px) {
  .with_our_developers_wrapper {
    padding-top: 40px;
  }

  .with_our_developers_title .title {
    font-size: 25px;
  }

  .with_our_developers_block {
    margin-top: 35px;
  }

  .with_our_developers_block ul li {
    width: 100%;
  }

  .with_our_developers_list {
    padding: 20px;
    min-height: 100%;
  }
}

@media (max-width: 575px) {
}

@media (max-width: 367px) {
}
/*====================== Page : Hire Development / Section : With Our Developers => End  =============================*/
/*====================== Page : Hire Development / Section : Programmers => Start  =============================*/
.programmers_wrapper {
  padding-top: 160px;
}

.programmers_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
}

.programmers_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 129px;
  height: 3px;
  background: #0176ab;
}

.programmers_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  max-width: 806px;
  margin-top: 20px;
}

.programmers_title {
  margin-bottom: 65px;
}

.programmers_block {
  display: flex;
  justify-content: space-between;
  margin: 0px -15px;
}

.programmers_block .inner_title {
  color: #6a6767;
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 50px;
  letter-spacing: 3.5px;
  width: 40%;
  padding: 0px 15px;
  transition: all 0.5s ease;
  transform: translateY(20px);
}

.programmers_list {
  width: 45%;
  padding: 0px 15px;
}

.programmers_item {
  display: flex;
  transform: translateY(20px);
  transition: all 0.5s ease;
}

.programmers_item .programmers_img {
  width: 30px;
}

.programmers_item > div + div {
  width: calc(100% - 30px);
  margin-left: 46px;
}

.programmers_item .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
}

.programmers_item p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 19px;
}

.timeline ul li {
  position: relative;
}

/* .timeline ul li {
  padding-bottom: 0px;
} */

.timeline ul li:last-child {
  padding-bottom: 0px;
}

.timeline ul li::before {
  content: "";
  width: 2px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5ea;
  transition: all 0.3s ease;
}

.timeline ul li:last-child::before {
  display: none;
}

.timeline ul li.in-view::before {
  background: #0176ab;
}

.timeline ul li::after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5ea;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.timeline li.in-view .programmers_block .inner_title {
  color: #0176ab;
  transform: translateY(0px);
}

.timeline li.in-view .programmers_item .programmers_img svg path {
  fill: #0176ab;
}

.timeline ul li.in-view::after {
  background: #0176ab;
}

.timeline ul li.in-view .programmers_item {
  transform: translateY(0px);
}

@media (max-width: 1199px) {
  .programmers_wrapper {
    padding-top: 120px;
  }

  .programmers_block .inner_title {
    width: 45%;
  }

  .timeline ul li::before {
    top: 20px;
  }

  .timeline ul li:last-child::before {
    height: calc(100% - 120px);
  }
}

@media (max-width: 991px) {
  .programmers_wrapper {
    padding-top: 80px;
  }

  .programmers_block .inner_title {
    font-size: 36px;
  }

  .programmers_item > div + div {
    margin-left: 26px;
  }
}

@media (max-width: 767px) {
  .programmers_wrapper {
    padding-top: 60px;
  }

  .programmers_block {
    display: flex;
    flex-direction: column;
    margin: 0;
  }

  .programmers_block .inner_title,
  .programmers_list {
    width: 100%;
    padding: 0;
  }

  .programmers_block .inner_title {
    text-align: left;
    margin-bottom: 30px;
  }

  .programmers_title {
    margin-bottom: 35px;
  }

  .timeline ul li {
    padding-left: 40px;
    padding-bottom: 200px;
  }

  .timeline ul li::before {
    left: 0;
    transform: unset;
  }

  .timeline ul li::after {
    left: -12px;
    transform: unset;
  }
}

@media (max-width: 575px) {
  .timeline ul li {
    padding-left: 30px;
    padding-bottom: 150px;
  }
}

@media (max-width: 367px) {
}

/* .timeline ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -22px -15px;
    flex-direction: column;
}
.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #fff;
  }
  .timeline ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) rotate(45deg);
    width: 20px;
    height: 20px;
    z-index: 2;
    background: #eee;
  }
  .timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 20px;
    background: #fff;
    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 5px;
    display: flex;
    align-items: center;
  }
  .timeline ul li div time {
    position: absolute;
    background: #f5af19;
    width: 80px;
    height: 30px;
    top: -15px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 2px;
  }
  .timeline ul li div div {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .timeline ul li div div p {
    text-align: center;
  }
  .timeline ul li div .discovery {
    margin-right: 10px;
  }
  .timeline ul li:nth-of-type(odd) > div {
    left: 45px;
  }
  .timeline ul li:nth-of-type(even) > div {
    left: -439px;
  }
  
  .timeline ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .timeline ul li:nth-of-type(odd) div {
    transform: translate3d(100px, -10px, 0) rotate(10deg);
  }
  .timeline ul li:nth-of-type(even) div {
    transform: translate3d(-100px, -10px, 0) rotate(10deg);
  }
  .timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
  }
  
  @media screen and (max-width: 900px) {
    .timeline ul li div {
      width: 250px;
      flex-direction: column;
    }
    .timeline ul li div div {
      width: 80%;
      margin: 10px;
    }
    .timeline ul li:nth-of-type(even) > div {
      left: -289px;
    }
  }
  @media screen and (max-width: 600px) {
    body {
      background: #8bfff4;
    }
  
    .timeline ul li {
      margin-left: 20px;
    }
    .timeline ul li div {
      width: calc(100vw - 91px);
    }
    .timeline ul li:nth-of-type(even) > div {
      left: 45px;
    }
  } */
/*====================== Page : Hire Development / Section : Programmers => End  =============================*/
/*====================== Page : Hire Android Development / Section : Banners => Start  =============================*/
.android .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.android .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.android .banner_block {
  padding-top: 180px;
}

.android .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.android .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.android .banner_img {
  width: 45%;
  padding: 0 15px;
}

.android .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.android .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.android .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.android .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.android .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.android .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .android .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .android .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .android .banner_block {
    padding-top: 120px;
  }

  .android .banner_wrap {
    padding-bottom: 50px;
  }

  .android .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .android .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .android .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .android .banner_shep {
    top: 30%;
  }

  .android .hero_title {
    font-size: 50px;
  }

  .android .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .android .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .android .banner_block {
    padding-top: 80px;
  }

  .android .hero_title {
    font-size: 45px;
  }

  .android .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .android .banner_btn a {
    margin-top: 15px;
  }

  .android .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .android .banner_wrap {
    min-height: 100%;
  }

  .android .hero_inner_title {
    font-size: 28px;
  }

  .android .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .android .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire Android Development / Section : Banners => End  =============================*/
/*====================== Page : Hire IOS Development / Section : Banners => Start  =============================*/
.ios_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.ios_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.ios_development .banner_block {
  padding-top: 180px;
}

.ios_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ios_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.ios_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.ios_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.ios_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.ios_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.ios_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.ios_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.ios_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .ios_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .ios_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .ios_development .banner_block {
    padding-top: 120px;
  }

  .ios_development .banner_wrap {
    padding-bottom: 50px;
  }

  .ios_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .ios_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .ios_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .ios_development .banner_shep {
    top: 30%;
  }

  .ios_development .hero_title {
    font-size: 50px;
  }

  .ios_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .ios_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .ios_development .banner_block {
    padding-top: 80px;
  }

  .ios_development .hero_title {
    font-size: 45px;
  }

  .ios_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .ios_development .banner_btn a {
    margin-top: 15px;
  }

  .ios_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .ios_development .banner_wrap {
    min-height: 100%;
  }

  .ios_development .hero_inner_title {
    font-size: 28px;
  }

  .ios_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .ios_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire IOS Development / Section : Banners => End  =============================*/
/*====================== Page : Hire Swift Development / Section : Banners => Start  =============================*/
.swift_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.swift_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.swift_development .banner_block {
  padding-top: 180px;
}

.swift_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swift_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.swift_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.swift_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.swift_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.swift_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.swift_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.swift_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.swift_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .swift_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .swift_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .swift_development .banner_block {
    padding-top: 120px;
  }

  .swift_development .banner_wrap {
    padding-bottom: 50px;
  }

  .swift_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .swift_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .swift_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .swift_development .banner_shep {
    top: 30%;
  }

  .swift_development .hero_title {
    font-size: 50px;
  }

  .swift_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .swift_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .swift_development .banner_block {
    padding-top: 80px;
  }

  .swift_development .hero_title {
    font-size: 45px;
  }

  .swift_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .swift_development .banner_btn a {
    margin-top: 15px;
  }

  .swift_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .swift_development .banner_wrap {
    min-height: 100%;
  }

  .swift_development .hero_inner_title {
    font-size: 28px;
  }

  .swift_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .swift_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire Swift Development / Section : Banners => End  =============================*/
/*====================== Page : Hire React Native Development / Section : Banners => Start  =============================*/
.react_native_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.react_native_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.react_native_development .banner_block {
  padding-top: 180px;
}

.react_native_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.react_native_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.react_native_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.react_native_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.react_native_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.react_native_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.react_native_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.react_native_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.react_native_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .react_native_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .react_native_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .react_native_development .banner_block {
    padding-top: 120px;
  }

  .react_native_development .banner_wrap {
    padding-bottom: 50px;
  }

  .react_native_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .react_native_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .react_native_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .react_native_development .banner_shep {
    top: 30%;
  }

  .react_native_development .hero_title {
    font-size: 50px;
  }

  .react_native_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .react_native_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .react_native_development .banner_block {
    padding-top: 80px;
  }

  .react_native_development .hero_title {
    font-size: 45px;
  }

  .react_native_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .react_native_development .banner_btn a {
    margin-top: 15px;
  }

  .react_native_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .react_native_development .banner_wrap {
    min-height: 100%;
  }

  .react_native_development .hero_inner_title {
    font-size: 28px;
  }

  .react_native_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .react_native_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire React Native Development / Section : Banners => End  =============================*/
/*====================== Page : Hire javascript Development / Section : Banners => Start  =============================*/
.javascript_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.javascript_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.javascript_development .banner_block {
  padding-top: 180px;
}

.javascript_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.javascript_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.javascript_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.javascript_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.javascript_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.javascript_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.javascript_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.javascript_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.javascript_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .javascript_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .javascript_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .javascript_development .banner_block {
    padding-top: 120px;
  }

  .javascript_development .banner_wrap {
    padding-bottom: 50px;
  }

  .javascript_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .javascript_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .javascript_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .javascript_development .banner_shep {
    top: 30%;
  }

  .javascript_development .hero_title {
    font-size: 50px;
  }

  .javascript_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .javascript_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .javascript_development .banner_block {
    padding-top: 80px;
  }

  .javascript_development .hero_title {
    font-size: 45px;
  }

  .javascript_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .javascript_development .banner_btn a {
    margin-top: 15px;
  }

  .javascript_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .javascript_development .banner_wrap {
    min-height: 100%;
  }

  .javascript_development .hero_inner_title {
    font-size: 28px;
  }

  .javascript_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .javascript_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire Javascript Development / Section : Banners => End  =============================*/

/*====================== Page : Hire Laravel Development / Section : Banners => Start  =============================*/
.laravel_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.laravel_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.laravel_development .banner_block {
  padding-top: 180px;
}

.laravel_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.laravel_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.laravel_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.laravel_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.laravel_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.laravel_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.laravel_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.laravel_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.laravel_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .laravel_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .laravel_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .laravel_development .banner_block {
    padding-top: 120px;
  }

  .laravel_development .banner_wrap {
    padding-bottom: 50px;
  }

  .laravel_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .laravel_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .laravel_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .laravel_development .banner_shep {
    top: 30%;
  }

  .laravel_development .hero_title {
    font-size: 50px;
  }

  .laravel_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .laravel_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .laravel_development .banner_block {
    padding-top: 80px;
  }

  .laravel_development .hero_title {
    font-size: 45px;
  }

  .laravel_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .laravel_development .banner_btn a {
    margin-top: 15px;
  }

  .laravel_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .laravel_development .banner_wrap {
    min-height: 100%;
  }

  .laravel_development .hero_inner_title {
    font-size: 28px;
  }

  .laravel_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .laravel_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire Laravel Development / Section : Banners => End  =============================*/

/*====================== Page : Hire website Development / Section : Banners => Start  =============================*/
.website_development .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.website_development .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.website_development .banner_block {
  padding-top: 180px;
}

.website_development .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.website_development .banner_conte {
  width: 55%;
  padding: 0 15px;
}

.website_development .banner_img {
  width: 45%;
  padding: 0 15px;
}

.website_development .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.website_development .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.website_development .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.website_development .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.website_development .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.website_development .banner_img_block {
  position: absolute;
  top: 50%;
  right: -290px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .website_development .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .website_development .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .website_development .banner_block {
    padding-top: 120px;
  }

  .website_development .banner_wrap {
    padding-bottom: 50px;
  }

  .website_development .banner_img_block {
    position: unset;
    top: unset;
    right: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -180px;
  }

  .website_development .banner_title {
    margin-top: -190px;
    position: relative;
    z-index: 1;
  }

  .website_development .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .website_development .banner_shep {
    top: 30%;
  }

  .website_development .hero_title {
    font-size: 50px;
  }

  .website_development .banner_img_block {
    margin-top: -100px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .website_development .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .website_development .banner_block {
    padding-top: 80px;
  }

  .website_development .hero_title {
    font-size: 45px;
  }

  .website_development .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .website_development .banner_btn a {
    margin-top: 15px;
  }

  .website_development .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .website_development .banner_wrap {
    min-height: 100%;
  }

  .website_development .hero_inner_title {
    font-size: 28px;
  }

  .website_development .banner_img_block {
    margin-top: -50px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .website_development .banner_title {
    margin-top: -50px;
  }
}
/*====================== Page : Hire website Development / Section : Banners => End  =============================*/

/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Banners => Start  =============================*/
.nectaBanner .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.nectaBanner .banner_wrap {
  background: #f1f3f6;
  min-height: 600px;
}

.nectaBanner .banner_block {
  padding-top: 120px;
}

.nectaBanner .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nectaBanner .banner_conte {
  width: 55%;
  padding: 0 40px;
}

.nectaBanner .banner_img {
  width: 45%;
  padding: 0 40px;
}

.nectaBanner .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.nectaBanner .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
}

.nectaBanner .banner_title p {
  color: #0a0f0d;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.nectaBanner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
  background: transparent;
}

.nectaBanner .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .nectaBanner .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .nectaBanner .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .nectaBanner .banner_block {
    padding-top: 120px;
  }

  .nectaBanner .banner_wrap {
    padding-bottom: 50px;
  }

  .nectaBanner .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .nectaBanner .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .nectaBanner .banner_block {
    padding-top: 80px;
  }

  .nectaBanner .hero_title {
    font-size: 45px;
  }

  .nectaBanner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .nectaBanner .banner_btn a {
    margin-top: 15px;
  }

  .nectaBanner .banner_shep {
    top: unset;
    bottom: 19%;
  }

  .nectaBanner .banner_wrap {
    min-height: 100%;
  }

  .nectaBanner .hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Customer => Start  =============================*/
.customer_wrapper {
  padding-top: 180px;
}

.customer_wrap {
  background-color: #000;
  padding: 80px 0;
}

.customer_block {
  background-image: url(../../../Assets/images/nectacart/background_image.webp);
  min-height: 685px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.customer_conte {
  position: absolute;
  top: 100px;
  left: 50px;
  border-radius: 33px;
  background-color: #fff;
  padding: 11px 15px 13px 10px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-height: 50px;
  width: 285px;
  overflow: hidden;
}

.customer_conte.booking_management,
.customer_conte.manual_management {
  width: 250px;
}

.customer_conte:hover {
  width: 320px;
  padding: 20px;
  max-height: 390px;
}

.customer_conte .text_customer_conte {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 18px;
  letter-spacing: 1px;
}

.customer_conte .text_customer_conte span {
  display: inline-block;
  margin-right: 10px;
}

.customer_conte:hover .text_customer_conte span {
  display: none;
}

.customer_item p {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.8px;
  margin-top: 12px;
  letter-spacing: 0.8px;
}

.customer_item > div img {
  margin-top: 15px;
}

.multi_vendor {
  position: absolute;
  top: 100px;
  right: 100px;
  left: unset;
}

.booking_management {
  position: absolute;
  bottom: 250px;
  left: 52%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  top: unset;
}

.manual_management {
  position: absolute;
  bottom: 70px;
  left: 25%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  top: unset;
}

@media (max-width: 1199px) {
  .customer_wrapper {
    padding-top: 110px;
  }

  .customer_block {
    background-position: center;
    border-radius: 22px;
  }

  .booking_management {
    bottom: 150px;
    left: 72%;
  }
}

@media (max-width: 991px) {
  .customer_wrapper {
    padding-top: 70px;
  }

  .customer_conte {
    top: 60px;
    left: 30px;
  }

  .multi_vendor {
    top: 70px;
    right: 40px;
    left: unset;
  }

  .booking_management {
    bottom: 50px;
    left: 30%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    top: unset;
  }

  .manual_management {
    top: unset;
    bottom: 70px;
    left: 76%;
  }
}

@media (max-width: 767px) {
  .customer_wrapper {
    padding-top: 60px;
  }

  .customer_conte {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .customer_block {
    padding: 30px 20px;
    min-height: 500px;
  }

  .customer_conte.booking_management,
  .customer_conte.manual_management {
    width: 100%;
  }

  .customer_conte,
  .customer_conte:hover {
    width: 100%;
  }

  .customer_conte:hover {
    max-height: 460px;
  }

  .customer_item > div img {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .customer_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Customer => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Appointment => Start  =============================*/
.appointment_wrapper {
  padding-top: 180px;
}

.appointment_wrap {
  background-color: #f3f5f7;
  padding: 100px 0 76px 0;
}

.appointment_title .text_appointment_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  margin-bottom: 45px;
}

.features_tab_conte {
  margin-top: 30px;
}

.appointment_tab .appointment_item .nav-tabs {
  border: 0;
  margin-top: 17px;
}

.appointment_tab .nav-tabs .nav-link {
  margin-right: 24px;
  color: #000;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  border-radius: 10px;
  background-color: #fff;
  min-width: 188px;
  padding: 11px;
  border: 0;
}

.appointment_tab .nav-tabs .nav-link.active {
  background-color: #000000;
  color: #fff;
}

.appointment_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -22px;
}

.appointment_img {
  width: 55%;
  padding: 0 22px;
}

.appointment_conte {
  width: 45%;
  padding: 0 22px;
}

.appointment_img_block {
  position: relative;
}

.appointment_img_sec {
  border-radius: 20px;
  background-color: #ffffff;
  padding: 15px 30px;
  max-width: 500px;
  position: absolute;
  bottom: -50px;
  right: 0;
}

.appointment_img_sec .text_app_img_sec {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 40px;
}

.appointment_img_sec .text_app_img_sec span {
  display: inline-block;
  margin-right: 6px;
}

.appointment_img_sec p {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  margin-top: 10px;
}

.appointment_inner_conte .text_app_subtitle {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  letter-spacing: 1.2px;
}

.appointment_inner_conte p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}

.appointment_inner_conte ul {
  margin-top: 16px;
  padding: 0;
  margin-bottom: 0;
}

.appointment_inner_conte ul li + li {
  margin-top: 20px;
}

.appointment_inner_conte ul li .text_appoint {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
}

.appointment_inner_conte ul li .text_appoint span {
  margin-right: 12px;
  width: 26px;
}

.appointment_inner_conte > div > div {
  margin-top: 44px;
}

.appointment_inner_conte .text_app_inner {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
}

@media (max-width: 1199px) {
  .appointment_wrapper {
    padding-top: 110px;
  }

  .appointment_img_sec {
    max-width: 440px;
    bottom: -50px;
    right: -20px;
  }

  .appointment_inner_conte ul li + li {
    margin-top: 12px;
  }

  .appointment_inner_conte ul li .text_appoint span {
    width: 26px;
  }
}

@media (max-width: 991px) {
  .appointment_wrapper {
    padding-top: 70px;
  }

  .appointment_wrap {
    padding: 35px 0 55px 0;
  }

  .appointment_title .text_appointment_title {
    font-size: 32px;
    margin-bottom: 35px;
  }

  .appointment_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .appointment_img,
  .appointment_conte {
    width: 100%;
    padding: 15px;
  }

  .appointment_inner_conte {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .appointment_wrapper {
    padding-top: 60px;
  }

  .appointment_title .text_appointment_title {
    font-size: 26px;
    margin-bottom: 28px;
  }
}

@media (max-width: 575px) {
  .appointment_wrapper {
    padding-top: 40px;
  }

  .appointment_img_sec {
    max-width: 100%;
    bottom: -70px;
    right: 0;
  }

  .appointment_inner_conte ul li .text_appoint span {
    width: 36px;
  }

  .appointment_tab .nav-tabs .nav-link {
    margin-right: 15px;
    min-width: 150px;
  }

  .appointment_tab .nav-tabs .nav-link:last-child {
    margin-right: 0;
  }

  .appointment_tab .appointment_item .nav-tabs {
    justify-content: center;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .appointment_tab .nav-tabs .nav-link {
    margin-right: 7px;
    min-width: 141px;
  }
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Appointment => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : What we Offer => Start  =============================*/
.what_we_offer_wrapper {
  padding-top: 160px;
}

.what_we_offer_title {
  text-align: center;
}

.what_we_offer_title .title {
  color: #000000;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto;
  padding-bottom: 8px;
  position: relative;
}

.what_we_offer_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background: #0176ab;
}

.what_we_offer_title p {
  color: #2c2c2e;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  max-width: 656px;
  margin: 12px auto 0;
}

.what_we_offer_sec {
  margin-top: 74px;
}

.what_we_offer_item .nav-tabs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 8px;
  border-bottom: 4px solid #d8d8d8;
}

.what_we_offer_tabs .nav-tabs .nav-link {
  margin: 0 40px;
  border: 0;
  padding: 0;
  color: #7f7f82;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  position: relative;
  padding: 0 15px;
}

.what_we_offer_tabs .nav-tabs .nav-link:first-child {
  margin-left: 0;
}

.what_we_offer_tabs .nav-tabs .nav-link:last-child {
  margin-right: 0;
}

.what_we_offer_tabs .nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: auto;
  right: 0;
  width: 0;
  height: 4px;
  background: #000;
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.what_we_offer_tabs .nav-tabs .nav-link.active::after {
  left: 0;
  right: auto;
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.what_we_offer_tabs .nav-tabs .nav-link.active {
  color: #000000;
}

.what_we_offer_tab_conte {
  margin-top: 72px;
}

.what_we_offer_conte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.what_we_offer_list {
  border-radius: 20px;
  border: 0.606px solid rgba(255, 255, 255, 0.4);
  background: #fdfefe;
  -webkit-box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  padding: 13px 20px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-height: 50px;
  width: 283px;
  overflow: hidden;
}

.what_we_offer_list1 {
  position: absolute;
  top: 70px;
  left: 50px;
}

.what_we_offer_list2 {
  position: absolute;
  top: 30px;
  right: 30px;
}

.what_we_offer_list3 {
  position: absolute;
  bottom: 20px;
  left: 0;
}

.what_we_offer_list4 {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.what_we_offer_list:hover {
  width: 424px;
  padding: 20px;
  max-height: 390px;
}

.what_we_offer_list span {
  display: inline-block;
  margin-left: 10px;
}

.what_we_offer_list:hover span {
  display: none;
}

.what_we_offer_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 20px;
}

.what_we_offer_item .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1199px) {
  .what_we_offer_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .what_we_offer_wrapper {
    padding-top: 80px;
  }

  .features_tabs .nav-item {
    margin: 0 40px;
  }

  .what_we_offer_sec {
    margin-top: 44px;
  }

  .what_we_offer_conte {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .what_we_offer_list1,
  .what_we_offer_list2,
  .what_we_offer_list3,
  .what_we_offer_list4 {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    right: unset;
    bottom: unset;
  }

  .what_we_offer_list:hover {
    width: 100%;
  }

  .what_we_offer_list + .what_we_offer_list {
    margin-top: 10px;
  }

  .what_we_offer_img {
    margin-bottom: -260px;
  }

  .what_we_offer_tab_conte {
    margin-top: 52px;
  }
}

@media (max-width: 767px) {
  .what_we_offer_wrapper {
    padding-top: 60px;
  }

  .what_we_offer_title .title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .what_we_offer_tabs .nav-item {
    margin: 0 35px;
  }

  .what_we_offer_title .title {
    font-size: 28px;
  }

  .what_we_offer_sec {
    margin-top: 26px;
  }

  .what_we_offer_img {
    margin-bottom: -170px;
  }
  .what_we_offer_tabs .nav-tabs .nav-link {
    margin: 0 13px;
    padding: 0 5px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : What we Offer => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Necta Cart => Start  =============================*/
.nectacart_wrapper {
  padding-top: 180px;
}

.nectacart_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}

.nectacart_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.nectacart_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  max-width: 830px;
  margin: 15px auto 0;
}

.nectacart_block {
  margin-top: 65px;
}

.nectacart_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nectacart_block ul li {
  width: 33.33%;
  padding: 15px;
}

.nectacart_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 60px 30px 28px 30px;
  min-height: 370px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.nectacart_list:hover {
  border-radius: 20px;
  border: 0.606px solid rgba(255, 255, 255, 0.4);
  background: #fdfefe;
  -webkit-box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
}

.nectacart_img {
  position: relative;
  padding-bottom: 23px;
}

.nectacart_img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 1px;
  background-color: #0176ab;
}

.nectacart_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 28px;
}

.nectacart_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 27px;
}

@media (max-width: 1199px) {
  .nectacart_wrapper {
    padding-top: 110px;
  }

  .nectacart_list {
    padding: 35px 25px 25px 25px;
    min-height: 390px;
  }
}

@media (max-width: 991px) {
  .nectacart_wrapper {
    padding-top: 90px;
  }

  .nectacart_block {
    margin-top: 48px;
  }

  .nectacart_block ul li {
    width: 100%;
  }

  .nectacart_list {
    min-height: 100%;
  }
}

@media (max-width: 767px) {
  .nectacart_wrapper {
    padding-top: 60px;
  }

  .nectacart_block {
    margin-top: 30px;
  }

  .nectacart_block ul {
    margin: -15px;
  }

  .nectacart_block ul li {
    padding: 15px;
    width: 100%;
  }

  .nectacart_list .inner_title {
    margin-top: 15px;
  }

  .nectacart_list p {
    margin-top: 17px;
  }
}

@media (max-width: 575px) {
  .nectacart_title .title {
    font-size: 28px;
  }

  .nectacart_title .title::after {
    width: 200px;
  }

  .nectacart_img {
    padding-bottom: 15px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Necta cart => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Attractive => Start =============================*/
.attractive_wrapper {
  padding-top: 150px;
}

.attractive_title {
  max-width: 650px;
  text-align: center;
  margin: 0 auto;
}

.attractive_title .aext_Attractive_title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
}

.attractive_title .aext_Attractive_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.attractive_title .aext_Attractive_subtitle {
  color: #0a0f0d;
  font-size: 16px;
  max-width: 744px;
  margin: 20px auto 0;
  line-height: 1.4;
}

.attractive_item label {
  color: #f2f2f7;
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 4px;
  position: relative;
  left: -10px;
}

.attractive_item:hover label {
  color: #006ea1;
}

.attractive_item label:hover {
  color: #006ea1;
}

.attractive_item .text_item_title {
  color: #000;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
  position: relative;
}

.attractive_item .text_item_desc {
  color: #0a0f0d;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 19px;
}

.attractive_block {
  margin-top: 30px;
}

.attractive_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.attractive_list::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
}

.attractive_list::before {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
  z-index: 1;
}

.attractive_list_item {
  border-left: 1px solid #f2f2f7;
  width: 25%;
}

.attractive_list_item:last-child {
  border-right: 1px solid #f2f2f7;
}

.attractive_item {
  min-height: 350px;
  margin: 60px 0;
  padding: 40px 30px;
}

@media (max-width: 1199px) {
  .attractive_wrapper {
    padding-top: 110px;
  }

  .attractive_title .text_attractive_title {
    font-size: 42px;
    max-width: 909px;
    margin: 5px auto 0;
    line-height: 1.3;
  }

  .attractive_item {
    min-height: 380px;
    margin: 60px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 991px) {
  .attractive_wrapper {
    padding-top: 70px;
  }

  .attractive_title .text_attractive_title {
    font-size: 35px;
  }

  .attractive_block {
    margin-top: 30px;
  }

  .attractive_title {
    max-width: 100%;
  }

  .attractive_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .attractive_item .text_item_title {
    font-size: 18px;
  }

  .attractive_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .attractive_item {
    min-height: 227px;
    margin: 39px 0;
    padding: 29px 20px;
  }

  .attractive_list_item {
    width: 50%;
  }

  .attractive_list_item:first-child {
    border-bottom: 1px solid #f2f2f7;
  }

  .attractive_list_item:nth-child(2) {
    border-right: 1px solid #f2f2f7;
    border-bottom: 1px solid #f2f2f7;
  }
}

@media (max-width: 767px) {
  .attractive_wrapper {
    padding-top: 50px;
  }

  .attractive_title {
    max-width: 100%;
  }

  .attractive_title .text_attractive_title {
    font-size: 26px;
  }

  .attractive_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .attractive_item .text_item_title {
    font-size: 18px;
  }

  .attractive_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .attractive_item {
    min-height: 277px;
    margin: 30px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .attractive_block {
    margin-top: 10px;
  }

  .attractive_title {
    max-width: 100%;
  }

  .attractive_title .text_attractive_title {
    font-size: 24px;
  }

  .attractive_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .attractive_item .text_item_title {
    font-size: 18px;
  }

  .attractive_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .attractive_list_item {
    width: 100%;
  }

  .attractive_list_item {
    border-left: 1px solid #f2f2f7;
    border-right: 1px solid #f2f2f7;
  }

  .attractive_list_item:last-child {
    border-top: 1px solid #f2f2f7;
  }

  .attractive_item {
    min-height: 147px;
    padding: 20px 20px;
  }

  .attractive_title .aext_Attractive_title {
    font-size: 28px;
  }
  .attractive_list::before {
    bottom: 0;
  }
  .attractive_list::after {
    top: 0;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : Attractive => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : WeOffer => Start  =============================*/
.Weoffer_wrapper {
  padding-top: 180px;
}

.Weoffer_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Weoffer_title .text_insight_title {
  font-family: "NunitoSans-Bold";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
  width: 45%;
}

.Weoffer_title .insight_line {
  border-right: 2px solid #0176ab;
  margin: 0 32px;
}

.Weoffer_title .text_insight_subtitle {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.Weoffer_title .text_insight_desc {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin: 14px 0 0 0;
}

.weoffer_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.weoffer_item {
  width: 38%;
  padding: 0 15px;
}

.weoffer_conte {
  width: 59%;
  padding: 0 15px;
}

.weoffer_list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.weoffer_sec .nav-pills .nav-link {
  border-bottom: 2px solid #8e8e93;
  border-radius: 0;
  color: #8e8e93;
}

.weoffer_sec .nav-pills .nav-link p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 14px;
  display: none;
}

.weoffer_sec .nav-pills .nav-link.active p {
  display: block;
}

.weoffer_sec .nav-link {
  display: inline-block;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
  text-decoration: none;
  padding: 30px 10px 28px;
  margin-bottom: 3px;
  background: transparent !important;
  width: 100%;
  color: #0a0f0d;
  text-align: left;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
}

.weoffer_sec .nav-pills .nav-link.active,
.weoffer_sec .nav-pills .show > .nav-link {
  color: #0a0f0d;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
}

.weoffer_sec .nav-link.active,
.weoffer_sec .show > .nav-link {
  color: #0a0f0d;
  text-align: left;
  font-family: NunitoSans-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
  padding: 30px 10px 38px;
}

.weoffer_sec .nav-link:focus,
.weoffer_sec .nav-link:active,
.weoffer_sec .nav-link:hover {
  color: #0a0f0d !important;
  border-bottom: 2px solid #0176ab;
  border-radius: 0;
}

.weoffer_item_block .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  width: 100%;
}

.Weoffer_block {
  margin-top: 42px;
}

@media (max-width: 1199px) {
  .Weoffer_wrapper {
    padding-top: 110px;
  }

  .Weoffer_title .text_insight_title {
    font-size: 46px;
  }

  .weoffer_sec .nav-pills .nav-link {
    padding: 20px 10px;
    font-size: 18px;
  }

  .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
  }
}

@media (max-width: 991px) {
  .Weoffer_wrapper {
    padding-top: 90px;
  }

  .Weoffer_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .Weoffer_title .text_insight_title {
    font-size: 38px;
  }

  .Weoffer_title .text_insight_subtitle {
    font-size: 28px;
    margin-top: 15px;
  }

  .insight_wrap .text_insight_desc {
    font-size: 18px;
  }

  .weoffer_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .weoffer_block {
    padding-top: 30px;
  }

  .weoffer_item,
  .weoffer_conte {
    width: 100%;
    padding: 15px;
  }

  .weoffer_item_block {
    min-height: 100%;
  }
}

@media (max-width: 767px) {
  .Weoffer_wrapper {
    padding-top: 60px;
  }

  .Weoffer_title .text_insight_subtitle {
    font-size: 28px;
    margin-top: 15px;
  }

  .Weoffer_title .text_insight_desc {
    font-size: 18px;
    margin: 8px 0 0 0;
  }

  .weoffer_item_block {
    padding: 12px 10px;
  }

  .weoffer_sec .nav-pills .nav-link {
    padding: 8px 20px;
    font-size: 16px;
    margin: 10px 5px;
  }

  .weoffer_block {
    padding-top: 30px;
  }
}

@media (max-width: 575px) {
  .weoffer_conte_block {
    padding: 20px 15px;
    min-height: 100%;
  }
  .weoffer_block {
    padding-top: 30px;
  }
  .Weoffer_block {
    margin-top: 0;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : WeOffer => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : StoreFront => Start  =============================*/
.storefront_wrapper {
  padding-top: 160px;
}

.storefront_wrap {
  background: #0a0f0d;
  padding: 64px 0;
}

.storefront_block {
  border-radius: 27px;
  background: -o-linear-gradient(
    315deg,
    rgba(201, 201, 201, 0.24) 0%,
    rgba(196, 196, 196, 0.03) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(201, 201, 201, 0.24) 0%,
    rgba(196, 196, 196, 0.03) 100%
  );
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  padding: 59px 45px 0 28px;
  border: 1px solid rgba(201, 201, 201, 0.24);
}

.storefront_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.storefront_img {
  width: 65%;
  padding: 0 16px;
}

.storefront_conte {
  width: 35%;
  padding: 0 16px;
}

.storefront_info .title {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 21px;
  text-transform: uppercase;
}

.storefront_info p {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.32px;
  text-transform: capitalize;
  margin-top: 25px;
}

.storefront_info .inner_title {
  color: #00d1ff;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-top: 25px;
}

.storefront_btn a {
  display: inline-block;
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #fff;
  padding: 16px 35px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 30px;
}

.storefront_info {
  padding-bottom: 30px;
}

.storefront_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

@media (max-width: 1199px) {
  .storefront_wrapper {
    padding-top: 120px;
  }
  .storefront_block {
    padding: 30px 25px 0 25px;
  }
  .storefront_info p {
    margin-top: 15px;
  }
  .storefront_info .inner_title {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .storefront_wrapper {
    padding-top: 80px;
  }
  .storefront_wrap {
    padding: 44px 0;
  }
  .storefront_block {
    padding: 30px 25px;
  }
  .storefront_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }
  .storefront_img,
  .storefront_conte {
    width: 100%;
    padding: 15px;
  }
  .storefront_info {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .storefront_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .storefront_block {
    padding: 20px 15px;
  }
  .storefront_info .title {
    font-size: 18px;
  }
  .storefront_info .inner_title {
    font-size: 20px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > Necta Cart / Section : StoreFront => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Banners => Start  =============================*/
.necta_mobile_app .banner_wrapper {
  position: relative;
}
.necta_mobile_app .banner_wrap {
  background: #f1f3f6;
  min-height: 600px;
}
.necta_mobile_app .banner_block {
  padding-top: 140px;
}
.necta_mobile_app .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}
.necta_mobile_app .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 20px;
}
.necta_mobile_app .banner_title p {
  color: #0a0f0d;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}
.necta_mobile_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}
.necta_mobile_app .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}
.necta_mobile_app .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .necta_mobile_app .banner_block {
    padding-top: 120px;
  }
  .necta_mobile_app .banner_wrap {
    padding-bottom: 50px;
  }
  .necta_mobile_app .hero_title {
    font-size: 62px;
  }
  .necta_mobile_app .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .necta_mobile_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .necta_mobile_app .banner_block {
    padding-top: 100px;
  }
  .necta_mobile_app .hero_title {
    font-size: 45px;
  }
  .necta_mobile_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .necta_mobile_app .banner_btn a {
    margin-top: 15px;
  }
  .necta_mobile_app .banner_wrap {
    min-height: 100%;
  }
  .necta_mobile_app .hero_inner_title {
    font-size: 28px;
  }
  .necta_mobile_app .banner_img_block {
    margin-top: -20px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Next Gen => Start  =============================*/
.nextgen_wrapper {
  padding-top: 160px;
}

.nextgen_title {
  text-align: center;
}

.nextgen_title .title {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 30px;
  display: inline-block;
  padding-bottom: 8px;
  position: relative;
}

.nextgen_title .title::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  background: #0176ab;
  width: 300px;
  height: 1px;
}

.nextgen_title p {
  color: #0a0f0d;
  font-size: 16px;
  margin: 20px auto 0;
  max-width: 780px;
}

.nextgen_block {
  margin-top: 65px;
}

.nextgen_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px;
}

.nextgen_block ul li {
  width: 33.33%;
  padding: 0 15px;
}

.nextgen_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 379px;
}

.nextgen_img {
  overflow: hidden;
  border-radius: 20px;
}

.nextgen_img img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

.nextgen_list:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.nextgen_list:hover {
  border: 0.606px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
  box-shadow: 3px 3px 6px 0 #a6abbd, -3px -3px 6px 0 #fafbff;
}

.nextgen_list .inner_title {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 19px;
}

.nextgen_list p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 9px;
}

@media (max-width: 1199px) {
  .nextgen_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .nextgen_wrapper {
    padding-top: 60px;
  }

  .nextgen_block {
    margin-top: 35px;
  }

  .nextgen_list {
    padding: 10px;
    min-height: 330px;
  }

  .nextgen_block ul {
    margin: 0 -5px;
  }

  .nextgen_block ul li {
    padding: 0 5px;
  }
}

@media (max-width: 767px) {
  .nextgen_block ul {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .nextgen_block ul li {
    padding: 15px;
    width: 100%;
  }

  .nextgen_list {
    padding: 15px;
    min-height: 100%;
  }
}

@media (max-width: 575px) {
  .nextgen_title .title {
    font-size: 26px;
  }

  .nextgen_title p {
    margin-top: 15px;
  }

  .nextgen_block {
    margin-top: 25px;
  }

  .nextgen_title .title::after {
    width: 200px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Next gen => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Transform => Start  =============================*/
.transform_wrapper {
  padding-top: 160px;
}

.transform_title {
  text-align: center;
}

.transform_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
}

.transform_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 2px;
  background: #0176ab;
}

.transform_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  max-width: 884px;
  margin: 20px auto 0;
}

.transform_block {
  margin-top: 65px;
}

.transform_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -22px -15px;
}

.transform_block ul li {
  width: 33.33%;
  padding: 22px 15px;
}

.transform_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 45px 29px 20px 31px;
  min-height: 300px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.transform_list:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.transform_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
}

.transform_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 25px;
}

@media (max-width: 1199px) {
  .transform_wrapper {
    padding-top: 110px;
  }

  .transform_block {
    margin-top: 55px;
  }

  .transform_list {
    min-height: 308px;
  }
}

@media (max-width: 991px) {
  .transform_wrapper {
    padding-top: 60px;
  }

  .transform_block {
    margin-top: 45px;
  }

  .transform_block ul {
    margin: -15px;
  }

  .transform_block ul li {
    padding: 15px;
    width: 50%;
  }

  .transform_list {
    padding: 35px 20px 20px 21px;
    min-height: 280px;
  }
}

@media (max-width: 767px) {
  .transform_title .title {
    font-size: 25px;
  }

  .transform_block {
    margin-top: 35px;
  }

  .transform_block ul li {
    width: 100%;
  }

  .transform_list {
    padding: 20px;
    min-height: 100%;
  }
}

@media (max-width: 575px) {
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Transform => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Benefits => Start  =============================*/
.benefits_wrapper {
  padding-top: 160px;
}

.benefits_wrap {
  background: #f3f5f7;
  padding: 115px 0 150px 0;
}

.benefits_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.benefits_conte {
  width: 49%;
  padding: 0 15px;
}

.benefits_list {
  width: 45%;
  padding: 0 15px;
}

.benefits_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 28px;
}

.company_active .benefits_title {
  position: fixed;
  top: 150px;
  left: 20%;
  width: 544px;
}

.benefits_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 22px;
}

.benefits_title p a {
  display: inline-block;
  color: #0a0f0d;
  text-decoration: underline;
}

.benefits_item .sub_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
}

.benefits_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  margin-top: 24px;
}

.benefits_btn a:hover {
  background: #0a0f0d;
  color: #fff;
}

.benefits_item p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 15px;
}

.benefits_list ul li + li {
  margin-top: 60px;
}

.benefits_list ul li {
  padding-bottom: 24px;
  border-bottom: 1px solid #d1d1d6;
}

.benefits_list ul li:last-child {
  border: 0;
}

@media (max-width: 1800px) {
  .company_active .benefits_title {
    left: 14%;
  }
}

@media (max-width: 1440px) {
  .company_active .benefits_title {
    left: 11%;
  }
}

@media (max-width: 1360px) {
  .company_active .benefits_title {
    left: 6%;
  }
}

@media (max-width: 1280px) {
  .company_active .benefits_title {
    left: 2%;
  }
}

@media (max-width: 1199px) {
  .benefits_wrapper {
    padding-top: 120px;
  }

  .benefits_wrap {
    padding: 100px 0;
  }

  .benefits_conte {
    width: 45%;
  }

  .company_active .benefits_title {
    position: fixed;
    top: 100px;
    left: 5%;
    width: 394px;
  }
}

@media (max-width: 991px) {
  .benefits_wrapper {
    padding-top: 80px;
  }

  .company_active .benefits_title {
    position: unset;
    top: unset;
    left: unset;
    width: unset;
  }

  .benefits_wrap {
    padding: 60px 0;
  }

  .benefits_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .benefits_conte,
  .benefits_list {
    width: 100%;
    padding: 15px;
  }

  .benefits_item p {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .benefits_wrapper {
    padding-top: 60px;
  }

  .benefits_wrap {
    padding: 60px 0;
  }
}

@media (max-width: 575px) {
  .benefits_title .title {
    font-size: 28px;
  }

  .benefits_title p {
    margin-top: 25px;
  }

  .benefits_item .sub_title {
    font-size: 22px;
  }

  .benefits_item p {
    margin-top: 10px;
  }

  .benefits_wrap {
    padding: 40px 0;
  }

  .benefits_list ul li + li {
    margin-top: 30px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Necta Mobile App / Section : Benefits => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Banners => Start  =============================*/
.nectacart_website .banner_wrapper {
  position: relative;
}

.nectacart_website .banner_wrap {
  background: #f1f3f6;
  min-height: 600px;
}

.nectacart_website .banner_block {
  padding-top: 170px;
}

.nectacart_website .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.nectacart_website .hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 20px;
}

.nectacart_website .banner_title p {
  color: #0a0f0d;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.nectacart_website .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.nectacart_website .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

.nectacart_website .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .nectacart_website .banner_block {
    padding-top: 120px;
  }

  .nectacart_website .banner_wrap {
    padding-bottom: 50px;
    min-height: 550px;
  }

  .nectacart_website .hero_title {
    font-size: 62px;
  }

  .nectacart_website .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .nectacart_website .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .nectacart_website .hero_title {
    font-size: 45px;
  }

  .nectacart_website .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .nectacart_website .banner_btn a {
    margin-top: 15px;
  }

  .nectacart_website .banner_wrap {
    min-height: 100%;
  }

  .nectacart_website .hero_inner_title {
    font-size: 28px;
  }

  .nectacart_website .banner_img_block {
    margin-top: -20px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Business => Start  =============================*/
.businesses_sec {
  margin-top: -90px;
  position: relative;
  z-index: 1;
}

.businesses_sec .ecommerce_solution {
  padding: 0 0 160px;
}

.businesses_sec .ecommerce_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  padding: 40px 0 0 0;
  line-height: normal;
}

.businesses_sec .ecommerce_line {
  width: 300px;
  height: 2px;
  background-color: #0176ab;
  margin-bottom: 18px;
}

.businesses_sec .ecommerce_text {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  line-height: 25px;
}

@media (max-width: 1199px) {
  .businesses_sec .ecommerce_solution {
    padding: 0 0 90px;
  }
}

@media (max-width: 991px) {
  .businesses_sec .ecommerce_title {
    font-size: 23px;
    padding: 30px 0 0 0;
  }

  .businesses_sec .ecommerce_line {
    width: 210px;
    margin: 5px 0 10px;
  }
}

@media (max-width: 767px) {
  .businesses_sec .ecommerce_title {
    font-size: 19px;
    padding: 20px 0 0 0;
  }

  .businesses_sec .ecommerce_text {
    font-size: 15px;
  }

  .businesses_sec {
    margin-top: -20px;
  }
}

@media (max-width: 575px) {
  .businesses_sec .ecommerce_solution {
    padding: 0 0 70px;
  }
}

@media (max-width: 450px) {
  .businesses_sec .ecommerce_solution {
    padding: 0 0 60px;
  }

  .businesses_sec .ecommerce_title {
    font-size: 18px;
    padding: 15px 0 0 0;
  }

  .businesses_sec .ecommerce_text {
    font-size: 14px;
    line-height: 21px;
  }

  .businesses_sec .ecommerce_line {
    width: 170px;
    margin-bottom: 7px;
    height: 1px;
  }
}

@media (max-width: 367px) {
  .businesses_sec .ecommerce_line {
    width: 93px;
  }

  .businesses_sec .ecommerce_text {
    font-size: 13px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Business => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Presence => Start =============================*/
.presence_section .build_presence {
  padding-bottom: 160px;
}

.presence_section .build_your {
  padding: 60px 46px 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 20px;
  background: #f3f5f7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.presence_section .build_title {
  font-size: 30px;
  font-family: NunitoSans-SemiBold;
  max-width: 581px;
  padding-bottom: 30px;
}

.presence_section ul li {
  list-style-type: disc;
  max-width: 510px;
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.8px;
}

.presence_section li {
  padding-bottom: 15px;
}

@media (max-width: 1199px) {
  .presence_section .build_presence {
    padding-bottom: 90px;
  }

  .presence_section .build_your {
    padding: 40px 40px 40px 40px;
  }

  .presence_section .build_title {
    font-size: 25px;
    max-width: 517px;
    padding-bottom: 25px;
  }
}

@media (max-width: 991px) {
  .presence_section .build_title {
    font-size: 22px;
    padding-bottom: 20px;
  }

  .presence_section .build_text ul {
    padding: 0;
    margin-left: 14px;
  }

  .presence_section .build_your {
    padding: 30px;
  }

  .presence_section ul li {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .presence_section .build_presence {
    padding-bottom: 60px;
  }

  .presence_section .build_title {
    font-size: 19px;
  }

  .presence_section .build_your {
    padding: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
  }

  .presence_section ul li {
    font-size: 15px;
  }
}

@media (max-width: 450px) {
  .presence_section .build_title {
    font-size: 18px;
    padding-bottom: 15px;
    max-width: 100%;
  }

  .presence_section ul li {
    font-size: 14px;
  }

  .presence_section .build_text ul li {
    padding-bottom: 10px;
  }

  .presence_section .build_your {
    gap: 15px;
  }
}

@media (max-width: 367px) {
  .presence_section .build_your {
    padding: 20px;
    gap: 0;
  }

  .presence_section ul li {
    font-size: 13px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Presence => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Creeps => Start  =============================*/
.creeps_section .project_scope {
  padding-bottom: 60px;
}

.creeps_section .project_let {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.creeps_section .project_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.creeps_section .project_img {
  width: 78%;
}

.creeps_section .project_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.creeps_section .project_title {
  font-size: 29px;
  font-family: NunitoSans-SemiBold;
}

.creeps_section .project_line {
  width: 2px;
  height: 45px;
  margin-left: 22px;
  background-color: #0176ab;
}

.creeps_section .project_p {
  color: #0a0f0d;
  text-align: right;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.8px;
  padding: 45px 0 30px;
  width: 80%;
}

.creeps_section .project_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 85%;
  padding-top: 20px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.creeps_section .project_list li {
  width: 233px;
  padding-bottom: 25px;
  list-style: disc;
}

@media (max-width: 1199px) {
  .creeps_section .project_let {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .creeps_section .project_title {
    font-size: 25px;
  }

  .creeps_section .project_p {
    font-size: 15px;
    line-height: 25px;
    padding: 30px 0 30px;
  }

  .creeps_section .project_list {
    width: 100%;
    padding-top: 0;
  }

  .creeps_section .project_line {
    width: 2px;
    height: 45px;
    margin-left: 22px;
    background-color: #0176ab;
  }
}

@media (max-width: 991px) {
  .creeps_section .project_title {
    font-size: 22px;
  }

  .creeps_section .project_line {
    margin-left: 10px;
  }

  .creeps_section .project_list li {
    width: 162px;
    padding-bottom: 20px;
  }

  .creeps_section .project_p {
    font-size: 14px;
  }

  .creeps_section .project_p {
    width: 100%;
  }

  .creeps_section .project_img {
    width: 92%;
  }
}

@media (max-width: 767px) {
  .creeps_section .project_let {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .creeps_section .project_img {
    width: 100%;
    margin-top: -45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .creeps_section .project_list li {
    width: 50%;
  }

  .creeps_section .project_title {
    font-size: 19px;
  }

  .creeps_section .project_scope {
    padding-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .creeps_section .project_line {
    height: 35px;
  }

  .creeps_section .project_p {
    padding: 15px 0 15px;
  }

  .creeps_section .project_list li {
    width: 47%;
    padding-bottom: 15px;
  }
}

@media (max-width: 450px) {
  .creeps_section .build_presence {
    padding-bottom: 65px;
  }

  .creeps_section .project_list li {
    width: 100%;
    padding-bottom: 10px;
  }

  .creeps_section .project_title {
    font-size: 18px;
  }

  .creeps_section .project_img {
    margin-top: -30px;
  }

  .creeps_section .project_line {
    height: 43px;
    width: 1px;
  }
}

@media (max-width: 367px) {
  .creeps_section .project_p {
    font-size: 13px;
  }
}
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : Creeps => End  =============================*/
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : WebsiteProcess => Start  =============================*/
.website_process_wrapper {
  padding-top: 150px;
}

.website_process_title {
  max-width: 650px;
  text-align: center;
  margin: 0 auto;
}

.website_process_title .aext_website_process_title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
}

.website_process_item label {
  color: #f2f2f7;
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 4px;
  position: relative;
  left: -10px;
}

.website_process_item:hover label {
  color: #006ea1;
}

.website_process_item label:hover {
  color: #006ea1;
}

.website_process_item .text_item_title {
  color: #000;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
  position: relative;
}

.website_process_item .text_item_desc {
  color: #0a0f0d;
  font-family: "NunitoSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 19px;
}

.website_process_block {
  margin-top: 30px;
}

.website_process_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.website_process_list::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
}

.website_process_list::before {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f7;
  width: 1920px;
  height: 1px;
  z-index: 1;
}

.website_process_list_item {
  border-left: 1px solid #f2f2f7;
  width: 25%;
}

.website_process_list_item:last-child {
  border-right: 1px solid #f2f2f7;
}

.website_process_item {
  min-height: 350px;
  margin: 60px 0;
  padding: 40px 30px;
}

@media (max-width: 1199px) {
  .website_process_wrapper {
    padding-top: 110px;
  }

  .website_process_title .text_website_process_title {
    font-size: 42px;
    max-width: 909px;
    margin: 5px auto 0;
    line-height: 1.3;
  }

  .website_process_item {
    min-height: 380px;
    margin: 60px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 991px) {
  .website_process_wrapper {
    padding-top: 70px;
  }

  .website_process_title .text_website_process_title {
    font-size: 35px;
  }

  .website_process_block {
    margin-top: 30px;
  }

  .website_process_title {
    max-width: 100%;
  }

  .website_process_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .website_process_item .text_item_title {
    font-size: 18px;
  }

  .website_process_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .website_process_item {
    min-height: 227px;
    margin: 39px 0;
    padding: 29px 20px;
  }

  .website_process_list_item {
    width: 50%;
  }

  .website_process_list_item:first-child {
    border-bottom: 1px solid #f2f2f7;
  }

  .website_process_list_item:nth-child(2) {
    border-right: 1px solid #f2f2f7;
    border-bottom: 1px solid #f2f2f7;
  }
}

@media (max-width: 767px) {
  .website_process_wrapper {
    padding-top: 50px;
  }

  .website_process_title {
    max-width: 100%;
  }

  .website_process_title .text_website_process_title {
    font-size: 26px;
  }

  .website_process_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .website_process_item .text_item_title {
    font-size: 18px;
  }

  .website_process_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .website_process_item {
    min-height: 277px;
    margin: 30px 0;
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .website_process_block {
    margin-top: 10px;
  }

  .website_process_title {
    max-width: 100%;
  }

  .website_process_title .text_website_process_title {
    font-size: 24px;
  }

  .website_process_item .text_item_desc {
    font-size: 15px;
    line-height: 22px;
  }

  .website_process_item .text_item_title {
    font-size: 18px;
  }

  .website_process_item label {
    font-size: 60px;
    line-height: 50px;
  }

  .website_process_list_item {
    width: 100%;
  }

  .website_process_list_item {
    border-left: 1px solid #f2f2f7;
    border-right: 1px solid #f2f2f7;
  }

  .website_process_list_item:last-child {
    border-top: 1px solid #f2f2f7;
  }

  .website_process_item {
    min-height: 100%;
    padding: 20px 20px;
    margin: 0;
  }

  .website_process_title .aext_website_process_title {
    font-size: 28px;
  }
  .website_process_list::after {
    top: 0;
  }
  .website_process_list::before {
    bottom: 0;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Product > E-commarce Solution > feature > Nectacart Website / Section : WebsiteProcess => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Doctor Appointment App / Section : Banners => Start  =============================*/
.doctor_appoitment .banner_wrapper {
  position: relative;
}

.doctor_appoitment .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.doctor_appoitment .banner_block {
  padding-top: 170px;
}

.doctor_appoitment .banner_title {
  text-align: center;
}

.doctor_appoitment .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}

.doctor_appoitment .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}

.doctor_appoitment .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 897px;
  margin: 23px auto 0;
}

.doctor_appoitment .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.doctor_appoitment .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .doctor_appoitment .banner_block {
    padding-top: 120px;
  }

  .doctor_appoitment .banner_wrap {
    padding-bottom: 50px;
  }

  .doctor_appoitment .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .doctor_appoitment .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .doctor_appoitment .hero_title {
    font-size: 37px;
  }

  .doctor_appoitment .banner_title .sub_title {
    font-size: 28px;
  }

  .doctor_appoitment .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .doctor_appoitment .banner_btn a {
    margin-top: 15px;
  }

  .doctor_appoitment .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Doctor Appointment App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Salon Booking App / Section : Banners => Start  =============================*/
.salon_booking .banner_wrapper {
  position: relative;
}

.salon_booking .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.salon_booking .banner_block {
  padding-top: 170px;
}

.salon_booking .banner_title {
  text-align: center;
}

.salon_booking .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}

.salon_booking .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}

.salon_booking .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 897px;
  margin: 23px auto 0;
}

.salon_booking .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.salon_booking .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .salon_booking .banner_block {
    padding-top: 120px;
  }

  .salon_booking .banner_wrap {
    padding-bottom: 50px;
  }

  .salon_booking .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .salon_booking .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .salon_booking .hero_title {
    font-size: 37px;
  }

  .salon_booking .banner_title .sub_title {
    font-size: 28px;
  }

  .salon_booking .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .salon_booking .banner_btn a {
    margin-top: 15px;
  }

  .salon_booking .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Salon Booking App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Car Wash App / Section : Banners => Start  =============================*/
.car_wash_app .banner_wrapper {
  position: relative;
}

.car_wash_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.car_wash_app .banner_block {
  padding-top: 170px;
}

.car_wash_app .banner_title {
  text-align: center;
}

.car_wash_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}

.car_wash_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}

.car_wash_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}

.car_wash_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.car_wash_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}

.car_wash_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}

.car_wash_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.car_wash_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .car_wash_app .banner_block {
    padding-top: 120px;
  }

  .car_wash_app .banner_wrap {
    padding-bottom: 50px;
  }

  .car_wash_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .car_wash_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .car_wash_app .hero_title {
    font-size: 37px;
  }

  .car_wash_app .banner_title .sub_title {
    font-size: 28px;
  }

  .car_wash_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .car_wash_app .banner_btn a {
    margin-top: 15px;
  }

  .car_wash_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Car Wash App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Laundry App / Section : Banners => Start  =============================*/
.laundry_booking_app .banner_wrapper {
  position: relative;
}

.laundry_booking_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.laundry_booking_app .banner_block {
  padding-top: 170px;
}

.laundry_booking_app .banner_title {
  text-align: center;
}

.laundry_booking_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}

.laundry_booking_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}

.laundry_booking_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}

.laundry_booking_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.laundry_booking_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}

.laundry_booking_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}

.laundry_booking_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.laundry_booking_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .laundry_booking_app .banner_block {
    padding-top: 120px;
  }

  .laundry_booking_app .banner_wrap {
    padding-bottom: 50px;
  }

  .laundry_booking_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .laundry_booking_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .laundry_booking_app .hero_title {
    font-size: 37px;
  }

  .laundry_booking_app .banner_title .sub_title {
    font-size: 28px;
  }

  .laundry_booking_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .laundry_booking_app .banner_btn a {
    margin-top: 15px;
  }

  .laundry_booking_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Laundry App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Home Services / Section : Banners => Start  =============================*/
.home_services .banner_wrapper {
  position: relative;
}

.home_service .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home_service .banner_block {
  padding-top: 170px;
}

.home_service .banner_title {
  text-align: center;
}

.home_service .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}

.home_service .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}

.home_service .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}

.home_service .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home_service .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}

.home_service .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}

.home_service .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.home_service .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .home_service .banner_block {
    padding-top: 120px;
  }

  .home_service .banner_wrap {
    padding-bottom: 50px;
  }

  .home_service .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .home_service .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .home_service .hero_title {
    font-size: 37px;
  }

  .home_service .banner_title .sub_title {
    font-size: 28px;
  }

  .home_service .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .home_service .banner_btn a {
    margin-top: 15px;
  }

  .home_service .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Home Services / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Taxi Booking App / Section : Banners => Start  =============================*/
.taxi_booking_app .banner_wrapper {
  position: relative;
}

.taxi_booking_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.taxi_booking_app .banner_block {
  padding-top: 170px;
}

.taxi_booking_app .banner_title {
  text-align: center;
}
.taxi_booking_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.taxi_booking_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.taxi_booking_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.taxi_booking_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.taxi_booking_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.taxi_booking_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.taxi_booking_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.taxi_booking_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .taxi_booking_app .banner_block {
    padding-top: 120px;
  }

  .taxi_booking_app .banner_wrap {
    padding-bottom: 50px;
  }

  .taxi_booking_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .taxi_booking_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .taxi_booking_app .hero_title {
    font-size: 37px;
  }
  .taxi_booking_app .banner_title .sub_title {
    font-size: 28px;
  }

  .taxi_booking_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .taxi_booking_app .banner_btn a {
    margin-top: 15px;
  }

  .taxi_booking_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Taxi Booking App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Car Polling App / Section : Banners => Start  =============================*/
.car_pollling_app .banner_wrapper {
  position: relative;
}

.car_pollling_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.car_pollling_app .banner_block {
  padding-top: 170px;
}

.car_pollling_app .banner_title {
  text-align: center;
}
.car_pollling_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.car_pollling_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.car_pollling_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.car_pollling_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.car_pollling_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.car_pollling_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.car_pollling_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.car_pollling_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .car_pollling_app .banner_block {
    padding-top: 120px;
  }

  .car_pollling_app .banner_wrap {
    padding-bottom: 50px;
  }

  .car_pollling_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .car_pollling_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .car_pollling_app .hero_title {
    font-size: 37px;
  }
  .car_pollling_app .banner_title .sub_title {
    font-size: 28px;
  }

  .car_pollling_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .car_pollling_app .banner_btn a {
    margin-top: 15px;
  }

  .car_pollling_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Car Polling App / Section : Banners => End  =============================*/

/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Bus Booking App / Section : Banners => Start  =============================*/
.bus_booking_app .banner_wrapper {
  position: relative;
}

.bus_booking_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.bus_booking_app .banner_block {
  padding-top: 170px;
}

.bus_booking_app .banner_title {
  text-align: center;
}
.bus_booking_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.bus_booking_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.bus_booking_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.bus_booking_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bus_booking_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.bus_booking_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.bus_booking_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.bus_booking_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .bus_booking_app .banner_block {
    padding-top: 120px;
  }

  .bus_booking_app .banner_wrap {
    padding-bottom: 50px;
  }

  .bus_booking_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .bus_booking_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .bus_booking_app .hero_title {
    font-size: 37px;
  }
  .bus_booking_app .banner_title .sub_title {
    font-size: 28px;
  }

  .bus_booking_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .bus_booking_app .banner_btn a {
    margin-top: 15px;
  }

  .bus_booking_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Bus Booking App / Section : Banners => End  =============================*/

/*====================== Page : Product > E-commarce Solution > Products > Use Cases > logistics App / Section : Banners => Start  =============================*/
.logistic_app .banner_wrapper {
  position: relative;
}

.logistic_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.logistic_app .banner_block {
  padding-top: 170px;
}

.logistic_app .banner_title {
  text-align: center;
}
.logistic_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.logistic_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.logistic_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.logistic_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.logistic_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.logistic_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.logistic_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.logistic_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .logistic_app .banner_block {
    padding-top: 120px;
  }

  .logistic_app .banner_wrap {
    padding-bottom: 50px;
  }

  .logistic_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .logistic_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .logistic_app .hero_title {
    font-size: 37px;
  }
  .logistic_app .banner_title .sub_title {
    font-size: 28px;
  }

  .logistic_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .logistic_app .banner_btn a {
    margin-top: 15px;
  }

  .logistic_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Logistics App / Section : Banners => End  =============================*/

/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Pharmacy Delivery App / Section : Banners => Start  =============================*/
.pharmacy_delivery_app .banner_wrapper {
  position: relative;
}

.pharmacy_delivery_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.pharmacy_delivery_app .banner_block {
  padding-top: 170px;
}

.pharmacy_delivery_app .banner_title {
  text-align: center;
}
.pharmacy_delivery_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.pharmacy_delivery_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.pharmacy_delivery_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.pharmacy_delivery_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pharmacy_delivery_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.pharmacy_delivery_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.pharmacy_delivery_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.pharmacy_delivery_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .pharmacy_delivery_app .banner_block {
    padding-top: 120px;
  }

  .pharmacy_delivery_app .banner_wrap {
    padding-bottom: 50px;
  }

  .pharmacy_delivery_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .pharmacy_delivery_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .pharmacy_delivery_app .hero_title {
    font-size: 37px;
  }
  .pharmacy_delivery_app .banner_title .sub_title {
    font-size: 28px;
  }

  .pharmacy_delivery_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .pharmacy_delivery_app .banner_btn a {
    margin-top: 15px;
  }

  .pharmacy_delivery_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Pharmacy Delivery App / Section : Banners => End  =============================*/

/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Ev Charging App / Section : Banners => Start  =============================*/
.ev_charging_app .banner_wrapper {
  position: relative;
}

.ev_charging_app .banner_wrap {
  background-image: url(../../../Assets/images/doctor_appoitment/banner_bg.webp);
  min-height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ev_charging_app .banner_block {
  padding-top: 170px;
}

.ev_charging_app .banner_title {
  text-align: center;
}
.ev_charging_app .hero_title {
  color: #000;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 920px;
  margin: 0 auto;
}
.ev_charging_app .banner_title .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 15px;
}
.ev_charging_app .banner_title p {
  color: #000;
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 727px;
  margin: 23px auto 0;
}
.ev_charging_app .banner_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ev_charging_app .banner_title ul li {
  padding: 0 12px;
  margin-top: 14px;
  color: #000;
  font-size: 18px;
  letter-spacing: 1.1px;
  position: relative;
}
.ev_charging_app .banner_title ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #0a0f0d;
  border-radius: 50%;
}
.ev_charging_app .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #000;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.ev_charging_app .banner_btn a:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .ev_charging_app .banner_block {
    padding-top: 120px;
  }

  .ev_charging_app .banner_wrap {
    padding-bottom: 50px;
  }

  .ev_charging_app .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .ev_charging_app .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .ev_charging_app .hero_title {
    font-size: 37px;
  }
  .ev_charging_app .banner_title .sub_title {
    font-size: 28px;
  }

  .ev_charging_app .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .ev_charging_app .banner_btn a {
    margin-top: 15px;
  }

  .ev_charging_app .banner_wrap {
    min-height: 100%;
  }
}
/*====================== Page : Product > E-commarce Solution > Products > Use Cases > Ev Charging App / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser vendor app / Section : Banners => Start  =============================*/
.vendor_app_banner .banner_wrapper {
  position: relative;
}

.vendor_app_banner .banner_wrap {
  background-image: url(../../../Assets/images/nectaserve_vendorapp/banner_bg.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
}

.vendor_app_banner .banner_block {
  padding-top: 170px;
}

.vendor_app_banner .hero_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.vendor_app_banner .banner_title p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.vendor_app_banner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #fff;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.vendor_app_banner .banner_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

.vendor_app_banner .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .vendor_app_banner .banner_block {
    padding-top: 120px;
  }

  .vendor_app_banner .banner_wrap {
    padding-bottom: 50px;
  }

  .vendor_app_banner .hero_title {
    font-size: 62px;
  }

  .vendor_app_banner .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .vendor_app_banner .hero_title {
    font-size: 50px;
  }

  .vendor_app_banner .banner_wrap {
    min-height: 470px;
  }
}

@media (max-width: 575px) {
  .vendor_app_banner .banner_block {
    padding-top: 100px;
  }

  .vendor_app_banner .hero_title {
    font-size: 45px;
  }

  .vendor_app_banner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .vendor_app_banner .banner_btn a {
    margin-top: 15px;
  }

  .vendor_app_banner .banner_wrap {
    min-height: 100%;
  }

  .vendor_app_banner .hero_inner_title {
    font-size: 28px;
  }

  .vendor_app_banner .banner_img_block {
    margin-top: -20px;
  }
}
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser vendor app / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser vendor web / Section : Banners => Start  =============================*/

.vendor_web_banner .banner_wrapper {
  position: relative;
}

.vendor_web_banner .banner_wrap {
  background-image: url(../../../Assets/images/nectaserve_vendor_web/banner_bg.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
}

.vendor_web_banner .banner_block {
  padding-top: 170px;
}

.vendor_web_banner .hero_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.vendor_web_banner .banner_title p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.vendor_web_banner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #fff;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.vendor_web_banner .banner_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

.vendor_web_banner .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .vendor_web_banner .banner_block {
    padding-top: 120px;
  }
  .vendor_web_banner .banner_wrap {
    padding-bottom: 50px;
  }
  .vendor_web_banner .hero_title {
    font-size: 62px;
  }
  .vendor_web_banner .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .vendor_web_banner .hero_title {
    font-size: 50px;
  }
  .vendor_web_banner .banner_wrap {
    min-height: 470px;
  }
}

@media (max-width: 575px) {
  .vendor_web_banner .banner_block {
    padding-top: 100px;
  }
  .vendor_web_banner .hero_title {
    font-size: 45px;
  }
  .vendor_web_banner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }
  .vendor_web_banner .banner_btn a {
    margin-top: 15px;
  }
  .vendor_web_banner .banner_wrap {
    min-height: 100%;
  }
  .vendor_web_banner .hero_inner_title {
    font-size: 28px;
  }
  .vendor_web_banner .banner_img_block {
    margin-top: -20px;
  }
}
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser vendor web / Section : Banners => End  =============================*/
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser Admin / Section : Banners => Start  =============================*/
.admin_banner .banner_wrapper {
  position: relative;
}

.admin_banner .banner_wrap {
  background-image: url(../../../Assets/images/nectaserve_admin/banner_bg.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
}

.admin_banner .banner_block {
  padding-top: 170px;
}

.admin_banner .hero_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.admin_banner .banner_title p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.admin_banner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #fff;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.admin_banner .banner_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

.admin_banner .banner_img_block {
  margin-top: -100px;
}
@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .admin_banner .banner_block {
    padding-top: 120px;
  }

  .admin_banner .banner_wrap {
    padding-bottom: 50px;
  }

  .admin_banner .hero_title {
    font-size: 62px;
  }

  .admin_banner .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .admin_banner .hero_title {
    font-size: 50px;
  }

  .admin_banner .banner_wrap {
    min-height: 470px;
  }
}

@media (max-width: 575px) {
  .admin_banner .banner_block {
    padding-top: 100px;
  }

  .admin_banner .hero_title {
    font-size: 45px;
  }

  .admin_banner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .admin_banner .banner_btn a {
    margin-top: 15px;
  }

  .admin_banner .banner_wrap {
    min-height: 100%;
  }

  .admin_banner .hero_inner_title {
    font-size: 28px;
  }

  .admin_banner .banner_img_block {
    margin-top: -20px;
  }
}
/*====================== Page : Product > E-commarce Solution > Service Market Place > feature > nectaser Admin / Section : Banners => End  =============================*/
/*====================== Page :Career / Section : career hero =>  Start  =============================*/

.career_hero_wrapper {
  position: relative;
}

.career_hero_wrap {
  background-image: url(../../../Assets/images/career/banner_img.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}
.career_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
}
.career_hero_block {
  position: absolute;
  bottom: 100px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.career_hero_sec {
  text-align: center;
}
.career_hero_sec .title {
  font-family: Freightbigpro-Black;
  color: #fff;
  font-size: 50px;
  letter-spacing: 3.6px;
}
.career_hero_sec .title span {
  font-size: 72px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .career_hero_wrap {
    min-height: 560px;
  }
  .career_hero_sec .title span {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .career_hero_wrap {
    min-height: 510px;
  }
  .career_hero_sec .title {
    font-size: 40px;
  }
  .career_hero_sec .title span {
    font-size: 52px;
  }
  .career_hero_wrap::after {
    min-height: 283px;
  }
}

@media (max-width: 575px) {
  .career_hero_sec .title {
    font-size: 32px;
  }
  .career_hero_sec .title span {
    font-size: 42px;
  }
}

@media (max-width: 367px) {
  .career_hero_block {
    bottom: 60px;
  }
}

/*====================== Page :Career / Section : career hero =>  End  =============================*/
/*====================== Page :Career / Section : pearks =>  Start  =============================*/

.perks_wrap {
  background: #0a0f0d;
  padding: 160px 0;
}

.perks_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.perks_conte {
  width: 38%;
  padding: 0 15px;
}

.perks_list {
  width: 45%;
  padding: 0 15px;
}

.perks_title .title {
  color: #2c2c2e;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  position: relative;
}

.perks_title .title .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  position: absolute;
  top: 0;
  left: 100px;
}

.perks_title p {
  color: #fff;
  font-size: 16px;
  margin-top: 50px;
}

.perks_item .sub_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  position: relative;
  padding-bottom: 20px;
}

.perks_item .sub_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0176ab;
  height: 3px;
  width: 84px;
}

.perks_list ul li + li {
  margin-top: 58px;
}

@media (max-width: 1199px) {
  .perks_wrap {
    padding: 120px 0;
  }

  .perks_conte {
    width: 45%;
  }
}

@media (max-width: 991px) {
  .perks_wrap {
    padding: 90px 0;
  }

  .perks_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .perks_conte,
  .perks_list {
    width: 100%;
    padding: 15px;
  }

  .perks_title .title {
    font-size: 60px;
  }

  .perks_title p {
    margin-top: 40px;
  }

  .perks_title .title .inner_title {
    font-size: 33px;
    top: -10px;
    left: 80px;
  }
}

@media (max-width: 767px) {
  .perks_wrap {
    padding: 60px 0;
  }

  .perks_title .title {
    font-size: 50px;
  }

  .perks_list ul li + li {
    margin-top: 38px;
  }
}

@media (max-width: 575px) {
  .perks_item .sub_title {
    font-size: 22px;
    padding-bottom: 13px;
  }

  .perks_title .title .inner_title {
    top: -15px;
    left: 70px;
  }
}

/*====================== Page :Career / Section : pearks =>  End  =============================*/
/*====================== Page :Career / Section : career signing =>  Start  =============================*/

.career_signing_wrapper {
  padding-top: 180px;
}

.career_signing_title .title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}

.career_signing_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.career_signing_block {
  margin-top: 68px;
}

.career_signing_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -40px -45px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.career_signing_block ul li {
  width: 33.33%;
  padding: 40px 45px;
}

.career_signing_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 16px;
  letter-spacing: 1.2px;
  margin-top: 28px;
}

.career_signing_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
}

@media (max-width: 1199px) {
  .career_signing_wrapper {
    padding-top: 110px;
  }

  .career_signing_block ul {
    margin: -40px -25px;
  }

  .career_signing_block ul li {
    padding: 40px 25px;
  }
}

@media (max-width: 991px) {
  .career_signing_wrapper {
    padding-top: 90px;
  }

  .career_signing_block {
    margin-top: 48px;
  }

  .career_signing_block ul {
    margin: -25px;
  }

  .career_signing_block ul li {
    padding: 25px;
    width: 50%;
  }
}

@media (max-width: 767px) {
  .career_signing_wrapper {
    padding-top: 60px;
  }

  .career_signing_block {
    margin-top: 30px;
  }

  .career_signing_block ul {
    margin: -15px;
  }

  .career_signing_block ul li {
    padding: 15px;
    width: 100%;
  }

  .career_signing_list .inner_title {
    margin-top: 15px;
  }
}

@media (max-width: 575px) {
  .career_signing_title .title {
    font-size: 28px;
  }

  .career_signing_title .title::after {
    width: 200px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Career / Section : career signing =>  End  =============================*/
/*====================== Page :Career / Section : retrreats =>  Start  =============================*/

.retreats_wrapper {
  padding-top: 180px;
}

.retreats_title .title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}

.retreats_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.retreats_title p {
  color: #0a0f0d;
  text-align: center;
  font-size: 16px;
  max-width: 827px;
  margin: 15px auto 0;
}

.retreats_img img {
  width: 100%;
  margin-top: 66px;
}

@media (max-width: 1199px) {
  .retreats_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .retreats_wrapper {
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .retreats_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .retreats_img img {
    margin-top: 25px;
  }

  .retreats_title .title {
    font-size: 26px;
  }

  .retreats_title .title::after {
    width: 180px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Career / Section : retrreats =>  End  =============================*/
/*====================== Page :Career / Section : opening =>  Start  =============================*/

.openings_wrapper {
  padding-top: 180px;
}

.openings_title .title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}
.openings_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}
.openings_block {
  margin-top: 65px;
}
.openings_block ul li + li {
  margin-top: 35px;
}
.openings_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 50px 45px;
}
.openings_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
}
.openings_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin: 25px 0 37px 0;
  max-width: 800px;
}
.openings_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.openings_item_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -30px;
}
.openings_item_block > div {
  padding: 0 30px;
}
.openings_item_block .sub_inner_title {
  color: #000;
  font-size: 16px;
  letter-spacing: 0.8px;
}
.openings_item_block .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 7px;
}
.openings_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.openings_btn a:hover {
  background: #0a0f0d;
  color: #e7e7e7;
}

@media (max-width: 1199px) {
  .openings_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .openings_wrapper {
    padding-top: 90px;
  }

  .openings_block {
    margin-top: 45px;
  }

  .openings_list {
    padding: 30px 25px;
  }
}

@media (max-width: 767px) {
  .openings_wrapper {
    padding-top: 60px;
  }
  .openings_item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .openings_btn a {
    margin-top: 20px;
  }

  .openings_list p {
    margin: 15px 0 27px 0;
  }

  .openings_block {
    margin-top: 35px;
  }
}

@media (max-width: 575px) {
  .openings_title .title {
    font-size: 28px;
  }
  .openings_title .title::after {
    width: 160px;
  }

  .openings_block {
    margin-top: 25px;
  }

  .openings_list {
    padding: 20px;
  }
  .openings_list p {
    margin: 15px 0;
  }
  .openings_item_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
  }
  .openings_item_block > div {
    width: 100%;
    padding: 10px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Career / Section : opening =>  End  =============================*/
/*====================== Page :Career / Section : apply now =>  End  =============================*/

.apply_now_wrapper {
  padding-top: 160px;
}
.apply_now_wrap {
  border-radius: 20px;
  background: -o-linear-gradient(bottom, #8ceaff 0%, #8ceaff 100%),
    -o-linear-gradient(44deg, #eee 0%, #cecece 0%, #d0d0d0 2.47%, #fff 45.66%, #cde8f4
          100%);
  background: linear-gradient(0deg, #8ceaff 0%, #8ceaff 100%),
    linear-gradient(
      46deg,
      #eee 0%,
      #cecece 0%,
      #d0d0d0 2.47%,
      #fff 45.66%,
      #cde8f4 100%
    );
  padding: 50px 100px;
}
.apply_now_title .title {
  color: #0a0f0d;
  font-size: 40px;
}
.apply_now_title p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 15px;
}
.apply_now_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1px solid #0a0f0d;
  padding: 16px 42px;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.apply_now_btn a:hover {
  background: #0a0f0d;
  color: #fff;
}

@media (max-width: 1199px) {
  .apply_now_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .apply_now_wrapper {
    padding-top: 60px;
  }

  .apply_now_wrap {
    padding: 40px 50px;
  }
}

@media (max-width: 767px) {
  .apply_now_wrapper {
    padding-top: 40px;
  }

  .apply_now_wrap {
    padding: 30px;
  }

  .apply_now_title .title {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .apply_now_wrap {
    padding: 20px 15px;
  }

  .apply_now_title .title {
    font-size: 26px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Career / Section : apply now =>  End  =============================*/
/*====================== Page :Blog / Section : blog =>  Start  =============================*/

.blog_wrapper {
  position: relative;
  padding-top: 50px;
}

.blog_wrapper::after {
  content: "";
  width: 100%;
  min-height: 534px;
  background: #f1f3f6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.blog_section {
  padding: 100px 0;
}

.trending_title {
  font-size: 70px;
  color: #e5e5ea;
  font-family: "NunitoSans-Bold";
}

.trending_title_2 {
  font-size: 30px;
  padding: 10px 0 0;
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
}

.trending_line {
  max-width: 140px;
  height: 2px;
  background: #0176ab;
  margin: 8px 0;
}

.we_offer_banner {
  padding: 50px 0 0;
}

.we_offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.offer_img {
  position: relative;
  overflow: hidden;
  width: 50%;
}

.offer_img_1 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px 0 0 20px;
}

.overlay {
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 20px;
  background: rgba(10, 15, 13, 0.8);
  width: 100%;
  height: 146px;
  padding: 20px 20px 20px 30px;
  text-align: left;
}

.overlay_text1 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  padding: 10px 0 0;
  letter-spacing: 3.6px;
  font-family: "NunitoSans-Bold";
}

.overlay_text_2 {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.app_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.grocery_cafu {
  /* max-width: 570px; */
  width: 100%;
}

.grocery_app {
  padding: 30px;
  min-height: 210px;
  border-radius: 0 20px 0 0;
  background: #0a0f0d;
}

.grocery_title {
  color: #fff;
  font-family: "NunitoSans-Bold";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  padding: 10px 0 25px;
  letter-spacing: 3.6px;
}

.grocery_text {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.cafu_app {
  padding: 30px;
  min-height: 210px;
  border-radius: 0 0 20px 0;
  background: #d4f8fc;
}

.cafu_title {
  color: #0a0f0d;
  font-family: "NunitoSans-Bold";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  padding: 10px 0 25px;
  letter-spacing: 3.6px;
}

.cafu_text {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

@media (max-width: 1199px) {
  .grocery_cafu {
    width: 100%;
  }

  img.offer_img_1 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .grocery_app,
  .cafu_app {
    padding: 20px;
  }

  .overlay {
    width: 100%;
    height: 128px;
    padding: 10px 20px 20px 30px;
  }

  .grocery_title,
  .cafu_title {
    font-size: 35px;
  }

  .overlay_text1 {
    padding: 4px 0 8px;
    font-size: 35px;
  }

  .overlay_text_2,
  .grocery_text,
  .cafu_text {
    font-size: 17px;
  }
}

@media (max-width: 991px) {
  .blog_section {
    padding: 80px 0;
  }

  .trending_title {
    font-size: 55px;
  }

  .we_offer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .offer_img {
    width: 100%;
  }

  img.offer_img_1 {
    border-radius: 20px 20px 0 0;
  }

  .overlay {
    bottom: 0;
    border-radius: 0;
  }

  .app_banner {
    width: 100%;
  }

  .grocery_cafu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .grocery_app {
    border-radius: 0 0 0 20px;
  }

  .grocery_title,
  .cafu_title {
    font-size: 27px;
    padding: 13px 0 15px;
  }

  .grocery_text,
  .cafu_text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .trending_title {
    font-size: 50px;
  }

  .trending_title_2 {
    font-size: 23px;
  }

  .trending_line {
    max-width: 115px;
    height: 1px;
    margin: 5px 0;
  }

  img.offer_img_1 {
    min-width: 510px;
    max-height: 323px;
  }

  .overlay_text1 {
    font-size: 29px;
    padding: 6px 0 10px;
  }

  .overlay {
    height: 105px;
    padding: 10px 15px 15px 20px;
  }

  .grocery_cafu {
    max-width: 510px;
    display: block;
  }

  .grocery_app {
    border-radius: 0;
    min-height: 140px;
  }

  .cafu_app {
    border-radius: 0 0 20px 20px;
    min-height: 140px;
  }

  .grocery_title,
  .cafu_title {
    font-size: 25px;
    padding: 0 0 10px;
  }
}

@media (max-width: 575px) {
  .trending_title {
    font-size: 50px;
  }

  .trending_title_2,
  .post_text_2 {
    font-size: 23px;
  }

  .trending_line {
    max-width: 110px;
    height: 1px;
    margin: 5px 0;
  }

  img.offer_img_1 {
    min-width: 100%;
  }

  .we_offer {
    display: block;
  }

  .overlay {
    height: 85px;
    padding: 10px 0 10px 15px;
  }

  .overlay_text1 {
    font-size: 23px;
    padding: 6px 0 3px;
  }

  .overlay_text_2 {
    font-size: 15px;
  }

  .grocery_cafu {
    max-width: 100%;
  }

  .grocery_title,
  .cafu_title {
    font-size: 22px;
  }

  .grocery_app,
  .cafu_app {
    min-height: 110px;
    padding: 15px;
  }

  .grocery_text,
  .cafu_text {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width: 450px) {
  .we_offer_banner {
    padding: 30px 0 0;
  }

  .blog_section {
    padding: 40px 0 60px 0;
  }

  .trending_title {
    font-size: 34px;
  }

  .trending_title_2,
  .post_text_2 {
    font-size: 20px;
    padding: 5px 0 0;
  }

  .trending_line {
    max-width: 82px;
  }

  .post_line {
    width: 64px;
  }

  img.offer_img_1 {
    height: 350px;
  }

  .overlay {
    min-height: 100px;
    padding: 12px 10px 15px 16px;
  }

  .overlay_text1 {
    font-size: 20px;
    padding: 10px 0 2px;
  }

  .overlay_text_2 {
    font-size: 13px;
    line-height: 21px;
  }

  .grocery_app,
  .cafu_app {
    min-height: 120px;
    padding: 24px 15px;
  }

  .grocery_text,
  .cafu_text {
    font-size: 13px;
    line-height: 21px;
  }

  .grocery_title,
  .cafu_title {
    font-size: 20px;
    letter-spacing: 2.2px;
    padding: 0 0 7px;
  }
}

@media (max-width: 367px) {
  .we_offer_banner {
    padding: 40px 0 0;
  }

  img.offer_img_1 {
    min-height: 220px;
  }

  .overlay_text_2,
  .grocery_text,
  .cafu_text {
    font-size: 12px;
    line-height: 20px;
  }

  .overlay_text1,
  .grocery_title,
  .cafu_title {
    font-size: 19px;
  }

  .overlay_text1 {
    padding: 2px 0;
  }
}
/*====================== Page :Blog / Section : blog =>  End  =============================*/
/*====================== Page :Blog / Section : blogpost =>  Start  =============================*/

.post_title {
  padding: 0 0 70px;
}

.post_text_2 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  padding-bottom: 5px;
}

.post_line {
  width: 96px;
  height: 2px;
  background-color: #0176ab;
}

.post_cards {
  max-width: 1160px;
  position: relative;
  padding: 0;
}

.post_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

.post_card_1 {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  width: 360px;
  /* width: 50%; */
}
.card_img {
  overflow: hidden;
  border-radius: 15px;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.card_img:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.card_img img {
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

.post_option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 25px 0;
}

.post_option_1 {
  padding: 7px 12px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  color: #000000;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 12px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.post_option_1:hover {
  background: #0a0f0d;
  color: white;
  padding: 7px 12px;
}

.react_text {
  padding-bottom: 16px;
  font-size: 18px;
}

.profile_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pepole_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pepole_text {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 14px;
  padding-left: 10px;
}

.react_text_2 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  padding: 45px 0 16px 0;
}

.react_text_3 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  padding: 45px 0 16px 0;
}

.min_text {
  color: #88888d;
  font-family: NunitoSans-Regular;
  font-size: 14px;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 70px 0 0 0;
}
span.custom-toggle {
  border: 1px solid black;
  background-color: white;
  font-family: NunitoSans-Medium;
  font-size: 19px;
  padding: 18px 35px;
  border-radius: 35px;
  cursor: pointer;
}
span.custom-toggle:hover {
  border: 1px solid black;
  background-color: black;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 1199px) {
  .post_wrapper {
    gap: 25px;
  }

  .post_card_1 {
    max-width: 293px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  button.custom-toggle {
    padding: 11px 30px;
  }
}

@media (max-width: 991px) {
  .overlay_text1 {
    padding: 10px 0 10px;
  }

  .post_wrapper {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .post_card_1 {
    padding: 15px;
  }

  button.custom-toggle {
    font-size: 18px;
    padding: 10px 30px;
  }

  .post_title {
    padding: 0 0 50px;
  }

  .post_card_1 {
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  .card_img img {
    width: 100%;
  }

  .post_title {
    padding: 0 0 50px;
  }

  .post_line {
    height: 1px;
  }

  .post_wrapper {
    gap: 15px;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .post_card_1 {
    padding: 12px;
    min-width: 100%;
  }

  .post_option {
    gap: 6px;
    padding: 18px 0;
  }

  .post_option_1 {
    padding: 5px 9px 4px 9px;
    border-radius: 20px;
    font-size: 11px;
  }

  .react_text {
    padding-bottom: 15px;
    font-size: 15px;
  }

  .pepole_text {
    font-size: 13px;
    padding-left: 5px;
  }

  .min_text {
    font-size: 13px;
  }

  .btn-container {
    padding: 40px 0 0;
  }

  button.custom-toggle {
    font-size: 17px;
    padding: 9px 25px;
  }
}

@media (max-width: 575px) {
  .post_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .post_card_1 {
    padding: 15px;
    max-width: 415px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .post_line {
    width: 80px;
    height: 1px;
  }
}

@media (max-width: 450px) {
  .post_title {
    padding: 0 0 30px;
  }

  .post_option {
    padding: 14px 0;
  }

  button.custom-toggle {
    font-size: 15px;
    padding: 10px 20px;
  }
}

@media (max-width: 367px) {
  .post_card_1 {
    padding: 13px;
    max-width: 320px;
  }
}

/*====================== Page :Blog / Section : blogpost =>  End  =============================*/
/*====================== Page :Team Culture / Section : hero =>  Start  =============================*/

.team_awards_hero_wrapper {
  position: relative;
}

.team_awards_hero_wrap {
  background-image: url(../../../Assets/images/team_culture/banner_img.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}
.team_awards_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
}
.team_awards_hero_block {
  position: absolute;
  bottom: 80px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.team_awards_hero_sec {
  text-align: center;
}
.team_awards_hero_sec .title {
  color: #fff;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}
.team_awards_hero_sec p {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  max-width: 593px;
  margin: 37px auto 0;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .awards_hero_wrap {
    min-height: 560px;
  }
  .awards_hero_sec .title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .awards_hero_wrap {
    min-height: 510px;
  }
  .awards_hero_sec .title {
    font-size: 45px;
  }
  .awards_hero_wrap::after {
    min-height: 283px;
  }
}

@media (max-width: 575px) {
  .awards_hero_sec .title {
    font-size: 40px;
  }
  .awards_hero_block {
    bottom: 50px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page :Team Culture / Section : hero =>  End  =============================*/
/*====================== Page :Team Culture / Section : gallery =>  Start  =============================*/

.main_gallary {
  padding: 100px 0 130px;
  height: 100%;
}

.gallary_text {
  padding: 0 0 55px;
}

.gallary_title {
  max-width: 923px;
}

.gallary_title_1 {
  font-size: 70px;
  color: #88888d;
  font-family: "NunitoSans-Bold";
}

.gallary_line {
  max-width: 300px;
  height: 1px;
  background: #0176ab;
  margin: 8px 0;
}

.gallary_inner_title {
  font-size: 30px;
  padding: 10px 0 5px;
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
}

.gallary_text_p {
  font-size: 16px;
  color: #000000;
  font-family: NunitoSans-Regular;
}

.gallery > figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2em;
}

.gallery > figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.gallery {
  display: -ms-grid;
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-auto-rows: 120px;
  grid-auto-flow: dense;
}

.horizontal {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.vertical {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.big {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.horizontal_1 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.vertical_1 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}

.big_1 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.img {
  -ms-grid-row-span: 3;
  grid-row: span 3;
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.vertical_2 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}

@media (max-width: 1199px) {
  figure.big {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.horizontal.vertical {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .horizontal {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 3;
    grid-row: span 3;
  }

  figure.horizontal.vertical.gallary_8 {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.gallary_7.horizontal.vertical {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

@media (max-width: 991px) {
  .main_gallary {
    padding: 80px 0 100px;
  }

  .gallary_text {
    padding: 0 0 50px;
  }

  .gallary_title_1 {
    font-size: 55px;
  }

  .gallary_line {
    max-width: 230px;
    margin: 4px 0;
  }

  figure.horizontal.vertical {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .figure.horizontal_1.big_1 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }

  figure.horizontal_1.big_1 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}

@media (max-width: 767px) {
  .gallary_title_1 {
    font-size: 50px;
  }

  .gallary_line {
    max-width: 200px;
  }

  .gallary_inner_title,
  .employee_text {
    font-size: 23px;
  }

  .gallery {
    grid-gap: 15px;
  }

  figure.images.horizontal.vertical {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  figure.vertical_1.horizontal_1 {
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }

  figure.horizontal.vertical {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  figure.horizontal.vertical.gallary_8 {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.horizontal_1.big_1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }

  figure.horizontal {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}

@media (max-width: 575px) {
  .gallary_title_1 {
    font-size: 50px;
  }

  .gallary_text {
    padding: 0 0 40px;
  }
}

@media (max-width: 450px) {
  .gallary_title_1 {
    font-size: 34px;
  }

  .main_gallary {
    padding: 40px 0 85px;
  }
}

@media (max-width: 367px) {
  .gallary_text {
    padding: 0 0 30px;
  }

  .gallary_inner_title {
    padding: 5px 0;
  }

  .gallary_text_p {
    padding-top: 5px;
  }

  figure.images.horizontal.vertical {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.horizontal.vertical {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.horizontal_1.big_1 {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  figure.horizontal.vertical {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

/*====================== Page :Team Culture / Section : gallery =>  End  =============================*/
/*====================== Page : Process  / Section : hero =>  Start  =============================*/

.awards_hero_wrapper {
  position: relative;
}

.awards_hero_wrap {
  background-image: url(../../../Assets/images/process/banner_img.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}
.awards_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
}
.awards_hero_block {
  position: absolute;
  bottom: 80px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.awards_hero_sec {
  text-align: center;
}
.awards_hero_sec .title {
  color: #fff;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}
.awards_hero_sec p {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  max-width: 593px;
  margin: 37px auto 0;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .awards_hero_wrap {
    min-height: 560px;
  }
  .awards_hero_sec .title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .awards_hero_wrap {
    min-height: 510px;
  }
  .awards_hero_sec .title {
    font-size: 45px;
  }
  .awards_hero_wrap::after {
    min-height: 283px;
  }
}

@media (max-width: 575px) {
  .awards_hero_sec .title {
    font-size: 40px;
  }
  .awards_hero_block {
    bottom: 50px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Process / Section : hero =>  End  =============================*/
/*====================== Page : Award and Certification  / Section : Banner =>  Start  =============================*/

.awards_hero_wrapper {
  position: relative;
}

.awards_hero_wrap {
  background-image: url(../../../Assets/images/awards_recognization/banner_img.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}
.awards_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
}
.awards_hero_block {
  position: absolute;
  bottom: 80px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.awards_hero_sec {
  text-align: center;
}
.awards_hero_sec .title {
  color: #fff;
  font-family: Freightbigpro-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}
.awards_hero_sec p {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
  max-width: 593px;
  margin: 37px auto 0;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .awards_hero_wrap {
    min-height: 560px;
  }
  .awards_hero_sec .title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .awards_hero_wrap {
    min-height: 510px;
  }
  .awards_hero_sec .title {
    font-size: 45px;
  }
  .awards_hero_wrap::after {
    min-height: 283px;
  }
}

@media (max-width: 575px) {
  .awards_hero_sec .title {
    font-size: 40px;
  }
  .awards_hero_block {
    bottom: 50px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Award and Certification  / Section : Banner =>  End  =============================*/
/*====================== Page : Award and Certification  / Section : award recognization =>  start  =============================*/

.recognization_wrapper {
  /* margin-bottom: 160px; */
  background: #f3f5f7;
  padding: 120px 0;
}
.recognization_sec .title {
  color: #060606;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 95px;
}
.recognization_sec .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 300px;
  background: #0176ab;
}

.recognization_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.recognization_block {
  width: 30%;
  padding: 0 15px;
}
.recognization_conte {
  width: 65%;
  padding: 0 15px;
}

.recognization_inner_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -40px -17px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.recognization_inner_conte ul li {
  width: 33.33%;
  padding: 40px 17px;
}
.recognization_item p {
  color: #060606;
  font-size: 16px;
  margin-top: 20px;
}
.recognization_item .the_manifest {
  margin-top: -45px;
}

.recognization_item p.the_manifest1 {
  margin-top: 5px;
}

@media (max-width: 1199px) {
  .recognization_wrapper {
    margin-bottom: 110px;
    padding: 80px 0;
  }
}

@media (max-width: 991px) {
  .recognization_wrapper {
    margin-bottom: 90px;
  }
  .recognization_inner_conte ul {
    margin: -15px;
  }
  .recognization_inner_conte ul li {
    width: 50%;
    padding: 15px;
  }

  .recognization_block {
    width: 35%;
  }

  .recognization_sec .title {
    font-size: 35px;
    display: inline-block;
  }
  .recognization_sec .title::after {
    width: 100%;
  }
  .recognization_item .the_manifest {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .recognization_wrapper {
    margin-bottom: 80px;
    padding: 50px 0;
  }
  .recognization_wrap {
    margin: -15px;
  }
  .recognization_block,
  .recognization_conte {
    width: 100%;
    padding: 15px;
  }

  .recognization_sec .title {
    padding-bottom: 10px;
    margin-bottom: 35px;
  }
}

@media (max-width: 575px) {
  .recognization_wrapper {
    margin-bottom: 50px;
    padding: 40px 0;
  }

  .recognization_sec .title {
    font-size: 28px;
  }
  .recognization_inner_conte ul li {
    width: 50%;
  }

  .recognization_icon {
    width: 120px;
  }

  .recognization_item p {
    margin-top: 10px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Award and Certification  / Section : award recognization =>  End  =============================*/
/*====================== Page : Award and Certification  / Section : accomplishments =>  Start  =============================*/

.accomplishments_wrap {
  background-image: url(../../../Assets/images/about_us/accomplishments_img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 73px 0 94px 0;
  position: relative;
}

.accomplishments_title .title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
}

.accomplishments_block {
  margin-top: 90px;
}
.accomplishments_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -25px -50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.accomplishments_block ul li {
  width: 33.33%;
  padding: 25px 50px;
}
.accomplishments_list {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  -webkit-backdrop-filter: blur(36.36111068725586px);
  backdrop-filter: blur(36.36111068725586px);
  padding: 34px 30px 29px 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accomplishments_list:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.accomplishments_list .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 50px;
}
.accomplishments_list p {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  margin-top: 8px;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .accomplishments_wrap {
    padding: 53px 0 64px 0;
  }

  .accomplishments_block {
    margin-top: 50px;
  }
  .accomplishments_block ul {
    margin: -15px;
  }
  .accomplishments_block ul li {
    padding: 15px;
  }

  .accomplishments_list {
    padding: 25px 13px 20px 15px;
  }

  .accomplishments_list .inner_title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .accomplishments_title .title {
    font-size: 28px;
  }
  .accomplishments_block ul li {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .accomplishments_block {
    margin-top: 30px;
  }

  .accomplishments_block ul li {
    width: 50%;
  }

  .accomplishments_list {
    padding: 25px 23px 20px 25px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page : Award and Certification  / Section : accomplishments =>  End  =============================*/
/*====================== Page : Award and Certification  / Section : signing =>  Start  =============================*/

.signing_wrapper {
  padding-top: 180px;
}

.signing_title .title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}
.signing_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.signing_block {
  margin-top: 68px;
}
.signing_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -60px -45px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.signing_block ul li {
  width: 33.33%;
  padding: 60px 45px;
}
.signing_list .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 28px;
}
.signing_list p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 27px;
}

@media (max-width: 1199px) {
  .signing_wrapper {
    padding-top: 110px;
  }

  .signing_block ul {
    margin: -40px -25px;
  }

  .signing_block ul li {
    padding: 40px 25px;
  }
}

@media (max-width: 991px) {
  .signing_wrapper {
    padding-top: 90px;
  }

  .signing_block {
    margin-top: 48px;
  }

  .signing_block ul {
    margin: -25px;
  }

  .signing_block ul li {
    padding: 25px;
    width: 50%;
  }
}

@media (max-width: 767px) {
  .signing_wrapper {
    padding-top: 60px;
  }

  .signing_block {
    margin-top: 30px;
  }

  .signing_block ul {
    margin: -15px;
  }

  .signing_block ul li {
    padding: 15px;
    width: 100%;
  }
  .signing_list .inner_title {
    margin-top: 15px;
  }
  .signing_list p {
    margin-top: 17px;
  }
}

@media (max-width: 575px) {
  .signing_title .title {
    font-size: 28px;
  }
  .signing_title .title::after {
    width: 200px;
  }
}

@media (max-width: 367px) {
}
/*====================== Page : Award AND Certificate / Section : Signing =>  End  =============================*/
/*====================== Page :Nectacart  / Section : banner =>  Start  =============================*/
.nectaserve_banner_wrapper {
  position: relative;
  overflow: hidden;
}

.nectaserve_banner_wrap {
  background: #000000;
  background-image: url("../../../Assets/images/nectserve/bg_banner.webp");
  min-height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
}

.nectaserve_banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.nectaserve_banner_img_block {
  position: absolute;
  top: 59%;
  right: -80px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nectaserve_banner_block {
  padding-top: 180px;
}

.nectaserve_banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nectaserve_banner_conte {
  width: 50%;
  padding: 0 15px;
}

.nectaserve_banner_img {
  width: 50%;
  padding: 0 15px;
}

.nectaserve_hero_title {
  color: #fff;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  /* / 97.222% / */
  letter-spacing: 3.6px;
}

.nectaserve_hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.nectaserve_banner_title p {
  margin-top: 23px;
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.nectaserve_banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #ffffff;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
  text-align: center;
  font-family: NunitoSans-Medium;
}

.nectaserve_banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

@media (max-width: 1800px) {
  .nectaserve_banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .nectaserve_banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .nectaserve_banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .nectaserve_banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .nectaserve_banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .nectaserve_banner_img_block {
    right: -120px;
  }

  .nectaserve_banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .nectaserve_banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .nectaserve_banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .nectaserve_banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -90px;
  }

  .nectaserve_banner_block {
    padding-top: 120px;
  }

  .nectaserve_banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .nectaserve_banner_wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .nectaserve_banner_shep {
    top: -100px;
  }

  .nectaserve_hero_title {
    font-size: 60px;
  }

  .nectaserve_banner_img_block {
    margin-top: -70px;
  }
}

@media (max-width: 575px) {
  .nectaserve_banner_block {
    padding-top: 80px;
  }

  .nectaserve_hero_title {
    font-size: 45px;
  }

  .nectaserve_banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .nectaserve_banner_btn a {
    margin-top: 15px;
  }

  .nectaserve_banner_shep {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    top: 80px;
    right: 20px;
  }
  .nectaserve_banner_wrap {
    min-height: 100%;
  }
  .nectaserve_banner_img_block {
    margin-top: -40px;
  }
}
@media (max-width: 367px) {
  .nectaserve_hero_inner_title {
    font-size: 28px;
  }
}
/*====================== Page :Nectacart / Section : banner =>  End  =============================*/
/*====================== Page :Get Fuel Portfolio / Section : Get Fuel Banner =>  Start ================*/

.get_fuel_portfolia .banner_wrapper {
  position: relative;
}

.get_fuel_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.get_fuel_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.get_fuel_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.get_fuel_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.get_fuel_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.get_fuel_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.get_fuel_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 523px;
  margin: 40px auto 0;
}

.get_fuel_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}

.get_fuel_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.get_fuel_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.get_fuel_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.get_fuel_portfolia .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.get_fuel_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.get_fuel_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .get_fuel_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }

  .get_fuel_portfolia .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .get_fuel_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }

  .get_fuel_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .get_fuel_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .get_fuel_portfolia .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .get_fuel_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }

  .get_fuel_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .get_fuel_portfolia .active .banner_right {
    top: 260px;
  }

  .get_fuel_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .get_fuel_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }

  .get_fuel_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }

  .get_fuel_portfolia .banner_img_3 {
    top: 60%;
  }

  .get_fuel_portfolia .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .get_fuel_portfolia .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .get_fuel_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .get_fuel_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }

  .get_fuel_portfolia .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .get_fuel_portfolia .active .banner_right {
    top: 240px;
  }

  .get_fuel_portfolia .banner_img {
    margin-top: 60px;
  }

  .get_fuel_portfolia .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .get_fuel_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .get_fuel_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }

  .get_fuel_portfolia .banner_left {
    top: 66%;
  }
}
/*====================== Page :Get Fuel Portfolio / Section : Get Fuel Banner =>  End ==============*/
/*====================== Page :Get Fuel Portfolio / Section : About Get Fuel =>  Start ==============*/

.dot-nav {
  position: absolute;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  margin-top: -20px;
  bottom: 30px;
}

.dot-nav-left {
  left: 20px;
  bottom: auto;
  right: auto;
  top: 50%;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dot-nav li {
  list-style: none;
  margin: 0 10px;
  cursor: pointer;
}

.dot-nav li.is-active span {
  background: #fff;
}

.dot-nav li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #757575;
  /*   background: gray; */
}

.slide {
  display: inline-block;
  color: white;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.about_block {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  max-width: 1170px;
  margin: 0 auto;
  white-space: normal;
  padding: 0 15px;
}

.wrapper {
  display: inline-block;
  white-space: nowrap;
}

.slide:nth-child(1) {
  background-image: url(../../../Assets/images/getfuel_portfolio/method_img1.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.slide:nth-child(2) {
  background-image: url(../../../Assets/images/getfuel_portfolio/method_img2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -5px;
}

.slide:nth-child(3) {
  background-image: url(../../../Assets/images/getfuel_portfolio/method_img3.webp);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -4px;
}

.slide:nth-child(4) {
  background-image: url(../../../Assets/images/getfuel_portfolio/method_img4.webp);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -5px;
}

.about_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

.about_sec .about_title {
  color: #fff;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
  width: 35%;
  padding: 0 15px;
}

.about_sec p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 24px;
  width: 72%;
  padding: 0 15px;
}

.about_sec p span {
  color: #fff;
  font-family: NunitoSans-Medium;
  position: relative;
  display: block;
}

.about_sec p span::after {
  content: "";
  position: absolute;
  top: 13px;
  left: -20px;
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.about_item {
  margin-top: 60px;
}

.about_item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -33px;
}

.about_item ul li {
  width: 33.33%;
  padding: 0 33px;
}

.about_list {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #0a0f0d;
  min-height: 150px;
  padding: 15px 30px;
}

.about_list p {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 100px;
  line-height: 1;
}

.about_list span {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 20px;
}

.about_list .inner_text {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 32px;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .about_sec .about_title {
    font-size: 41px;
  }

  .about_sec p {
    font-size: 22px;
  }

  .about_list p {
    font-size: 60px;
  }

  .about_list .inner_text {
    font-size: 26px;
    margin-bottom: 12px;
  }
}

@media (max-width: 991px) {
  .about_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .about_sec .about_title,
  .about_sec p {
    width: 100%;
    padding: 15px;
  }

  .about_item {
    margin-top: 30px;
  }

  .about_list {
    padding: 15px;
    min-height: 100px;
  }

  .about_list p {
    font-size: 40px;
  }

  .about_list .inner_text {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .about_item ul {
    margin: 0 -10px;
  }

  .about_item ul li {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .about_sec .about_title {
    font-size: 32px;
  }

  .about_sec p {
    font-size: 20px;
  }

  .about_item ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
  }

  .about_item ul li {
    width: 50%;
    padding: 10px;
  }

  .about_item ul li:last-child {
    width: 100%;
  }

  .about_list p {
    font-size: 32px;
  }

  .about_block {
    top: 22%;
  }
}

@media (max-width: 575px) {
  .about_sec .about_title {
    font-size: 28px;
  }

  .about_sec p {
    font-size: 18px;
    margin-top: -20px;
  }

  .about_item {
    margin-top: 10px;
  }

  .about_list {
    padding: 10px 15px;
    min-height: 85px;
  }

  .about_block {
    top: 17%;
  }

  .about_sec p span::after {
    left: -11px;
  }
}

/*====================== Page :Get Fuel Portfolio / Section : About Get Fuel =>  End ==============*/
/*====================== Page :Get Fuel Portfolio / Section : Our Procecss =>  Start ==============*/

.getfuel_our_design_wrapper {
  margin-top: -15px;
}

.getfuel_our_design_wrap {
  background: #0a0f0d;
  padding: 60px 0 75px 0;
}

.getfuel_text_our_design_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
}

.getfuel_our_design_title p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  max-width: 754px;
  margin: 25px auto 0;
  text-align: center;
}

.getfuel_our_design_img {
  margin-top: 65px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
  .getfuel_our_design_wrap {
    padding: 40px 0 45px 0;
  }
}

@media (max-width: 575px) {
  .getfuel_our_design_img {
    margin-top: 35px;
  }

  .getfuel_text_our_design_title {
    font-size: 26px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Get Fuel Portfolio / Section : Our Procecss =>  End ==============*/
/*====================== Page :Get Fuel Portfolio / Section : Final Screens =>  Start ==============*/

.final_screens_wrapper {
  padding: 110px 0 0 0;
}

.final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.final_screens_block {
  margin-top: 65px;
}

.final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #ffc3a7;
}

.home_screen_img_block {
  margin-left: -60px;
}

.home_screen_img_block {
  text-align: center;
}

.home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #ffc3a7;
}

@media (max-width: 1600px) {
  .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .final_screens_block {
    margin-top: 35px;
  }

  .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .final_screens_block {
    margin-top: 20px;
  }

  .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .final_screens_left .inner_title {
    font-size: 21px;
  }

  .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .home_screen_conte ul {
    margin: 0 -5px;
  }

  .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :Get Fuel Portfolio / Section : Final Screens =>  End ==============*/
/*====================== Page :street-reporter-portfolio / Section : Street Banner =>  Start ==============*/

/*============== Hero Section Css Start ===============*/

.street_bannner .banner_wrapper {
  position: relative;
}

.street_bannner .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.street_bannner .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.street_bannner .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.street_bannner .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.street_bannner .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.street_bannner .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.street_bannner .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.street_bannner .banner_conte {
  position: relative;
  display: inline-block;
}

.street_bannner .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.street_bannner .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.street_bannner .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.street_bannner .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.street_bannner .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.street_bannner .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
  .street_bannner .banner_block {
    padding: 110px 0 120px 0;
  }

  .street_bannner .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .street_bannner .banner_block {
    padding: 80px 0 90px 0;
  }

  .street_bannner .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .street_bannner .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .street_bannner .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .street_bannner .banner_block {
    padding: 60px 0 60px 0;
  }

  .street_bannner .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .active .banner_right {
    top: 260px;
  }

  .street_bannner .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .street_bannner .banner_right {
    top: 60%;
    right: 19%;
  }

  .street_bannner .banner_left {
    top: 56%;
    left: 22%;
  }

  .street_bannner .banner_img_3 {
    top: 60%;
  }

  .street_bannner .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .street_bannner .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .street_bannner .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .street_bannner .banner_block {
    padding: 60px 0 40px 0;
  }

  .street_bannner .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .street_bannner .active .banner_right {
    top: 240px;
  }

  .street_bannner .banner_img {
    margin-top: 60px;
  }

  .street_bannner .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .street_bannner .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .street_bannner .banner_right {
    top: 64%;
    right: 20px;
  }

  .street_bannner .banner_left {
    top: 66%;
  }

  .street_bannner .street_img img {
    width: 200px;
  }
}

/*====================== Page :street-reporter-portfolio / Section : Street Banner =>  End ==============*/
/*====================== Page :street-reporter-portfolio / Section : Final Screens =>  Start ==============*/

.street_final_screens_wrapper {
  padding: 110px 0 0 0;
}

.street_final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.street_final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.street_final_screens_block {
  margin-top: 65px;
}

.street_final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.street_final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.street_final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.street_Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.street_Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.street_final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.street_onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.street_onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #ffe5e2;
}

.street_home_screen_img_block {
  margin-left: -60px;
}

.street_home_screen_img_block {
  text-align: center;
}

.street_home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.street_home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.street_home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.street_home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.street_home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.street_home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.street_scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.street_scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #ffe5e2;
}

@media (max-width: 1600px) {
  .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .street_home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .street_final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .street_final_screens_block {
    margin-top: 35px;
  }

  .street_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .street_home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .street_home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .street_final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .street_final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .street_final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .street_final_screens_block {
    margin-top: 20px;
  }

  .street_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .street_final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .street_final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .street_final_screens_left .inner_title {
    font-size: 21px;
  }

  .street_final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .street_home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .street_home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .street_home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .street_home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .street_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .street_final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .street_Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .street_Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .street_home_screen_conte ul {
    margin: 0 -5px;
  }

  .street_home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :street-reporter-portfolio / Section : Final Screens =>  End ==============*/
/*====================== Page :webchat-portfolio / Section : Banner Section =>  Start ==============*/
.webchat_banner .banner_wrapper {
  position: relative;
}

.webchat_banner .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.webchat_banner .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.webchat_banner .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.webchat_banner .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.webchat_banner .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.webchat_banner .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.webchat_banner .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.webchat_banner .banner_conte {
  position: relative;
  display: inline-block;
}

.webchat_banner .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.webchat_banner .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.webchat_banner .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.webchat_banner .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.webchat_banner .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.webchat_banner .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
  .webchat_banner .banner_block {
    padding: 110px 0 120px 0;
  }

  .webchat_banner .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .webchat_banner .banner_block {
    padding: 80px 0 90px 0;
  }

  .webchat_banner .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .webchat_banner .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .webchat_banner .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .webchat_banner .banner_block {
    padding: 60px 0 60px 0;
  }

  .webchat_banner .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .webchat_banner .active .banner_right {
    top: 260px;
  }

  .webchat_banner .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .webchat_banner .banner_right {
    top: 60%;
    right: 19%;
  }

  .webchat_banner .banner_left {
    top: 56%;
    left: 22%;
  }

  .webchat_banner .banner_img_3 {
    top: 60%;
  }

  .webchat_banner .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .webchat_banner .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .webchat_banner .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .webchat_banner .banner_block {
    padding: 60px 0 40px 0;
  }

  .webchat_banner .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .webchat_banner .active .banner_right {
    top: 240px;
  }

  .webchat_banner .banner_img {
    margin-top: 60px;
  }

  .webchat_banner .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .webchat_banner .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .webchat_banner .banner_right {
    top: 64%;
    right: 20px;
  }

  .webchat_banner .banner_left {
    top: 66%;
  }

  .webchat_banner .street_img img {
    width: 200px;
  }
}

/*====================== Page :webchat-portfolio / Section : Banner Screen =>  End ==============*/
/*====================== Page :webchat-portfolio / Section : Final Screens =>  Start ==============*/

.webchat_final_screens_wrapper {
  padding: 110px 0 0 0;
}

.webchat_final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.webchat_final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.webchat_final_screens_block {
  margin-top: 65px;
}

.webchat_final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.webchat_final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.webchat_final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #dfdfdf;
}

.webchat_Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.webchat_Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.webchat_final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.webchat_onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.webchat_onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #e6e2ff;
}

.webchat_home_screen_img_block {
  margin-left: -60px;
}

.webchat_home_screen_img_block {
  text-align: center;
}

.webchat_home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.webchat_home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.webchat_home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.webchat_home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.webchat_home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.webchat_home_screen_img,
.webchat_home_screen_sec {
  padding: 0 20px;
}

.webchat_home_screen_img {
  width: 25%;
}

.webchat_home_screen_sec {
  width: 75%;
}

.webchat_scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.webchat_scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #e6e2ff;
}

.webchat_Walk_through_img {
  position: relative;
  z-index: 1;
}

@media (max-width: 1600px) {
  .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .webchat_home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .webchat_final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .webchat_final_screens_block {
    margin-top: 35px;
  }

  .webchat_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .webchat_home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .webchat_home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .webchat_final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .webchat_final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .webchat_final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .webchat_final_screens_block {
    margin-top: 20px;
  }

  .webchat_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }

  .webchat_home_screen_img,
  .home_screen_sec {
    width: unset;
  }
}

@media (max-width: 767px) {
  .webchat_final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .webchat_final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .webchat_final_screens_left .inner_title {
    font-size: 21px;
  }

  .webchat_final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .webchat_home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .webchat_home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .webchat_home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .webchat_home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .webchat_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .webchat_final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }

  .webchat_item_block li:first-child {
    display: none;
  }

  .webchat_home_screen_conte .item_block li {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .webchat_Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .webchat_Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .webchat_home_screen_conte ul {
    margin: 0 -5px;
  }

  .webchat_home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/*====================== Page :webchat-portfolio / Section : Final Screens =>  End ==============*/
/* *************** Page : Dns Assosiated / Section : banner =>  Start *************** */
.dns_assosiates .banner_wrapper {
  position: relative;
}

.dns_assosiates .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.dns_assosiates .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dns_assosiates .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.dns_assosiates .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dns_assosiates .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.dns_assosiates .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.dns_assosiates .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.dns_assosiates .banner_conte {
  position: relative;
  display: inline-block;
}

.dns_assosiates .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.dns_assosiates .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.dns_assosiates .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.dns_assosiates .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dns_assosiates .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.dns_assosiates .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media (max-width: 1199px) {
  .dns_assosiates .banner_block {
    padding: 110px 0 120px 0;
  }

  .dns_assosiates .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .dns_assosiates .banner_block {
    padding: 80px 0 90px 0;
  }

  .dns_assosiates .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .dns_assosiates .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .dns_assosiates .banner_block {
    padding: 60px 0 60px 0;
  }

  .dns_assosiates .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .dns_assosiates .active .banner_right {
    top: 260px;
  }

  .dns_assosiates .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .dns_assosiates .banner_right {
    top: 60%;
    right: 19%;
  }

  .dns_assosiates .banner_left {
    top: 56%;
    left: 22%;
  }

  .dns_assosiates .banner_img_3 {
    top: 60%;
  }

  .dns_assosiates .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .dns_assosiates .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .dns_assosiates .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .dns_assosiates .banner_block {
    padding: 60px 0 40px 0;
  }

  .dns_assosiates .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .dns_assosiates .active .banner_right {
    top: 240px;
  }

  .dns_assosiates .banner_img {
    margin-top: 60px;
  }

  .dns_assosiates .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .dns_assosiates .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .dns_assosiates .banner_right {
    top: 64%;
    right: 20px;
  }

  .dns_assosiates .banner_left {
    top: 66%;
  }

  .dns_assosiates .street_img img {
    width: 200px;
  }
}
/* *************** Page : Dns Assosiated / Section : banner =>  End *************** */
/* *************** Page : Hubilo Portfolia / Section : banner => Start *************** */
.hubilo_banner .banner_wrapper {
  position: relative;
}

.hubilo_banner .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.hubilo_banner .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hubilo_banner .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.hubilo_banner .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hubilo_banner .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.hubilo_banner .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.hubilo_banner .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.hubilo_banner .banner_conte {
  position: relative;
  display: inline-block;
}

.hubilo_banner .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.hubilo_banner .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.hubilo_banner .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.hubilo_banner .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hubilo_banner .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.hubilo_banner .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .hubilo_banner .banner_block {
    padding: 110px 0 120px 0;
  }

  .hubilo_banner .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .hubilo_banner .banner_block {
    padding: 80px 0 90px 0;
  }

  .hubilo_banner .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .hubilo_banner .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .hubilo_banner .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .hubilo_banner .banner_block {
    padding: 60px 0 60px 0;
  }

  .hubilo_banner .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .hubilo_banner .active .banner_right {
    top: 260px;
  }

  .hubilo_banner .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .hubilo_banner .banner_right {
    top: 60%;
    right: 19%;
  }

  .hubilo_banner .banner_left {
    top: 56%;
    left: 22%;
  }

  .hubilo_banner .banner_img_3 {
    top: 60%;
  }

  .hubilo_banner .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .hubilo_banner .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .hubilo_banner .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .hubilo_banner .banner_block {
    padding: 60px 0 40px 0;
  }

  .hubilo_banner .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .hubilo_banner .active .banner_right {
    top: 240px;
  }

  .hubilo_banner .banner_img {
    margin-top: 60px;
  }

  .hubilo_banner .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .hubilo_banner .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .hubilo_banner .banner_right {
    top: 64%;
    right: 20px;
  }

  .hubilo_banner .banner_left {
    top: 66%;
  }

  .hubilo_banner .street_img img {
    width: 200px;
  }
}
/* *************** Page : Hubilo Portfolia / Section : banner =>  End *************** */
/* *************** Page : Control cast Portfolia / Section : banner =>  Start *************** */
.controlcast_portfolia .banner_wrapper {
  position: relative;
}

.controlcast_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.controlcast_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.controlcast_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.controlcast_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.controlcast_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.controlcast_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.controlcast_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.controlcast_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}

.controlcast_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.controlcast_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.controlcast_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.controlcast_portfolia .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.controlcast_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.controlcast_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .controlcast_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }

  .controlcast_portfolia .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .controlcast_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }

  .controlcast_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .controlcast_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .controlcast_portfolia .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .controlcast_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }

  .controlcast_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .controlcast_portfolia .active .banner_right {
    top: 260px;
  }

  .controlcast_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .controlcast_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }

  .controlcast_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }

  .controlcast_portfolia .banner_img_3 {
    top: 60%;
  }

  .controlcast_portfolia .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .controlcast_portfolia .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .controlcast_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .controlcast_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }

  .controlcast_portfolia .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .controlcast_portfolia .active .banner_right {
    top: 240px;
  }

  .controlcast_portfolia .banner_img {
    margin-top: 60px;
  }

  .controlcast_portfolia .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .controlcast_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .controlcast_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }

  .controlcast_portfolia .banner_left {
    top: 66%;
  }

  .controlcast_portfolia .street_img img {
    width: 200px;
  }
}
/* *************** Page : Control cast Portfolia / Section : banner =>  End *************** */
/* *************** Page : wakanow Portfolia / Section : banner =>  Start *************** */
.wakanow_portfolia .banner_wrapper {
  position: relative;
}

.wakanow_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.wakanow_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wakanow_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.wakanow_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wakanow_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.wakanow_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.wakanow_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.wakanow_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}

.wakanow_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.wakanow_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.wakanow_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.wakanow_portfolia .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wakanow_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.wakanow_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .wakanow_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }

  .wakanow_portfolia .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .wakanow_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }

  .wakanow_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .wakanow_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .wakanow_portfolia .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .wakanow_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }

  .wakanow_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .wakanow_portfolia .active .banner_right {
    top: 260px;
  }

  .wakanow_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .wakanow_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }

  .wakanow_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }

  .wakanow_portfolia .banner_img_3 {
    top: 60%;
  }

  .wakanow_portfolia .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .wakanow_portfolia .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .wakanow_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .wakanow_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }

  .wakanow_portfolia .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .wakanow_portfolia .active .banner_right {
    top: 240px;
  }

  .wakanow_portfolia .banner_img {
    margin-top: 60px;
  }

  .wakanow_portfolia .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .wakanow_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .wakanow_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }

  .wakanow_portfolia .banner_left {
    top: 66%;
  }

  .wakanow_portfolia .street_img img {
    width: 200px;
  }
}
/* *************** Page : wakanow Portfolia / Section : banner =>  End *************** */
/* *************** Page : Photo Montage Portfolia / Section : banner =>  Start *************** */

.photo_montage_portfolia .banner_wrapper {
  position: relative;
}

.photo_montage_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  transition: all 0.8s ease;
}
.photo_montage_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  animation: banner_left 6s linear infinite;
}
@keyframes banner_left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.photo_montage_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  transition: all 0.8s ease;
}
.photo_montage_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  animation: banner_right 6s linear infinite;
}
@keyframes banner_right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.photo_montage_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.photo_montage_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}
.photo_montage_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}
.photo_montage_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}
.photo_montage_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.photo_montage_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.photo_montage_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.photo_montage_portfolia .active .banner_img_2 {
  top: 33%;
  left: 39%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.photo_montage_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.photo_montage_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .photo_montage_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }
  .photo_montage_portfolia .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .photo_montage_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }
  .photo_montage_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }
  .photo_montage_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }
  .photo_montage_portfolia .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .photo_montage_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }
  .photo_montage_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }
  .photo_montage_portfolia .active .banner_right {
    top: 260px;
  }
  .photo_montage_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }
  .photo_montage_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }
  .photo_montage_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }
  .photo_montage_portfolia .banner_img_3 {
    top: 60%;
  }
  .photo_montage_portfolia .banner_img_2 {
    top: 60%;
  }
}
@media (max-width: 575px) {
  .photo_montage_portfolia .banner_wrap {
    margin-top: 70px;
  }
}
@media (max-width: 450px) {
  .photo_montage_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }
  .photo_montage_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }
  .photo_montage_portfolia .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }
  .photo_montage_portfolia .active .banner_right {
    top: 240px;
  }
  .photo_montage_portfolia .banner_img {
    margin-top: 60px;
  }
  .photo_montage_portfolia .banner_img_1 {
    left: 35%;
    transform: translateX(-27%);
  }
  .photo_montage_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }
  .photo_montage_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }
  .photo_montage_portfolia .banner_left {
    top: 66%;
  }
  .photo_montage_portfolia .street_img img {
    width: 200px;
  }
}
/* *************** Page : Photo Montage Portfolia / Section : banner =>  End *************** */
/* *************** Page : Harmo Pool Portfolia / Section : banner =>  Start *************** */
.harmopool_portfolia .banner_wrapper {
  position: relative;
}

.harmopool_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.harmopool_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.harmopool_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.harmopool_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.harmopool_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.harmopool_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.harmopool_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.harmopool_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}

.harmopool_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.harmopool_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.harmopool_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.harmopool_portfolia .active .banner_img_2 {
  top: 33%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.harmopool_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.harmopool_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .harmopool_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }

  .harmopool_portfolia .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .harmopool_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }

  .harmopool_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .harmopool_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .harmopool_portfolia .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .harmopool_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }

  .harmopool_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .harmopool_portfolia .active .banner_right {
    top: 260px;
  }

  .harmopool_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .harmopool_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }

  .harmopool_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }

  .harmopool_portfolia .banner_img_3 {
    top: 60%;
  }

  .harmopool_portfolia .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .harmopool_portfolia .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .harmopool_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .harmopool_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }

  .harmopool_portfolia .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .harmopool_portfolia .active .banner_right {
    top: 240px;
  }

  .harmopool_portfolia .banner_img {
    margin-top: 60px;
  }

  .harmopool_portfolia .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .harmopool_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .harmopool_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }

  .harmopool_portfolia .banner_left {
    top: 66%;
  }

  .harmopool_portfolia .street_img img {
    width: 200px;
  }
}
/* *************** Page : Harmo Pool Portfolia / Section : banner =>  End *************** */
/* *************** Page : OnDemand Portfolia / Section : banner =>  Start *************** */

.on_demand_portfolia .banner_wrapper {
  position: relative;
}

.on_demand_portfolia .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  transition: all 0.8s ease;
}
.on_demand_portfolia .active .banner_left {
  top: 50px;
  left: 0;
  animation: banner_left 6s linear infinite;
}
@keyframes banner_left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.on_demand_portfolia .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  transition: all 0.8s ease;
}
.on_demand_portfolia .active .banner_right {
  top: 290px;
  right: 0;
  animation: banner_right 6s linear infinite;
}
@keyframes banner_right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.on_demand_portfolia .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.on_demand_portfolia .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}
.on_demand_portfolia .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}
.on_demand_portfolia .banner_conte {
  position: relative;
  display: inline-block;
}
.on_demand_portfolia .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.on_demand_portfolia .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.on_demand_portfolia .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.on_demand_portfolia .active .banner_img_2 {
  top: 36%;
  left: 39%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.on_demand_portfolia .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.on_demand_portfolia .active .banner_img_3 {
  top: 16%;
  right: 12%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .on_demand_portfolia .banner_block {
    padding: 110px 0 120px 0;
  }
  .on_demand_portfolia .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .on_demand_portfolia .banner_block {
    padding: 80px 0 90px 0;
  }
  .on_demand_portfolia .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }
  .on_demand_portfolia .active .banner_left,
  .active .banner_right {
    width: 130px;
  }
  .on_demand_portfolia .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .on_demand_portfolia .banner_block {
    padding: 60px 0 60px 0;
  }
  .on_demand_portfolia .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }
  .on_demand_portfolia .active .banner_right {
    top: 260px;
  }
  .on_demand_portfolia .active .banner_left,
  .active .banner_right {
    width: 90px;
  }
  .on_demand_portfolia .banner_right {
    top: 60%;
    right: 19%;
  }
  .on_demand_portfolia .banner_left {
    top: 56%;
    left: 22%;
  }
  .on_demand_portfolia .banner_img_3 {
    top: 60%;
  }
  .on_demand_portfolia .banner_img_2 {
    top: 60%;
  }
}
@media (max-width: 575px) {
  .on_demand_portfolia .banner_wrap {
    margin-top: 70px;
  }
}
@media (max-width: 450px) {
  .on_demand_portfolia .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }
  .on_demand_portfolia .banner_block {
    padding: 60px 0 40px 0;
  }
  .on_demand_portfolia .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }
  .on_demand_portfolia .active .banner_right {
    top: 240px;
  }
  .on_demand_portfolia .banner_img {
    margin-top: 60px;
  }
  .on_demand_portfolia .banner_img_1 {
    left: 35%;
    transform: translateX(-27%);
  }
  .on_demand_portfolia .active .banner_left,
  .active .banner_right {
    width: 80px;
  }
  .on_demand_portfolia .banner_right {
    top: 64%;
    right: 20px;
  }
  .on_demand_portfolia.banner_left {
    top: 66%;
  }
  .on_demand_portfolia .street_img img {
    width: 200px;
  }
}

/* *************** Page : OnDemand Portfolia / Section : banner =>  End *************** */
/* *************** Page : PCI Portfolia / Section : banner =>  Start *************** */
.pci_banners .banner_wrapper {
  position: relative;
}

.pci_banners .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.pci_banners .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pci_banners .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.pci_banners .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pci_banners .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.pci_banners .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.pci_banners .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 0 auto 0;
}

.pci_banners .street_img {
  margin-top: -40px;
}

.pci_banners .banner_conte {
  position: relative;
  display: inline-block;
}

.pci_banners .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.pci_banners .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.pci_banners .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.pci_banners .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pci_banners .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.pci_banners .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .pci_banners .banner_block {
    padding: 110px 0 120px 0;
  }

  .pci_banners .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .pci_banners .banner_block {
    padding: 80px 0 90px 0;
  }

  .pci_banners .banner_conte .banner_title {
    font-size: 60px;
    margin: 0 auto 0;
  }

  .pci_banners .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .pci_banners .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .pci_banners .banner_block {
    padding: 60px 0 60px 0;
  }

  .pci_banners .banner_conte .banner_title {
    font-size: 52px;
    margin: 0 auto 0;
  }

  .pci_banners .active .banner_right {
    top: 260px;
  }

  .pci_banners .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .pci_banners .banner_right {
    top: 60%;
    right: 19%;
  }

  .pci_banners .banner_left {
    top: 56%;
    left: 22%;
  }

  .pci_banners .banner_img_3 {
    top: 60%;
  }

  .pci_banners .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .pci_banners .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .pci_banners .banner_conte .banner_title {
    font-size: 42px;
    margin: -40px auto 0;
  }

  .pci_banners .banner_block {
    padding: 60px 0 40px 0;
  }

  .pci_banners .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .pci_banners .active .banner_right {
    top: 240px;
  }

  .pci_banners .banner_img {
    margin-top: 60px;
  }

  .pci_banners .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .pci_banners .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .pci_banners .banner_right {
    top: 64%;
    right: 20px;
  }

  .pci_banners .banner_left {
    top: 66%;
  }

  .pci_banners .street_img img {
    width: 200px;
  }
}
/* *************** Page : PCI Portfolia / Section : banner =>  End *************** */
/* *************** Page :taxi-portfolio / Section : TaxiBanner =>  Start *************** */

.taxi_banner_wrapper {
  position: relative;
}

.banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  transition: all 0.8s ease;
}
.active .banner_left {
  top: 50px;
  left: 0;
  animation: banner_left 6s linear infinite;
}
@keyframes banner_left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  transition: all 0.8s ease;
}
.active .banner_right {
  top: 290px;
  right: 0;
  animation: banner_right 6s linear infinite;
}
@keyframes banner_right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.taxi_banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.taxi_banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}
.taxi_banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}
.taxi_banner_conte {
  position: relative;
  display: inline-block;
}
.banner_img_1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.taxi_banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.active .banner_img_2 {
  top: 30%;
  left: 39%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.active .banner_img_3 {
  top: 16%;
  right: 12%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .taxi_banner_block {
    padding: 110px 0 120px 0;
  }
  .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .taxi_banner_block {
    padding: 80px 0 90px 0;
  }
  .taxi_banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }
  .active .banner_left,
  .active .banner_right {
    width: 130px;
  }
  .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .taxi_banner_block {
    padding: 60px 0 60px 0;
  }
  .taxi_banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }
  .active .banner_right {
    top: 260px;
  }
  .active .banner_left,
  .active .banner_right {
    width: 90px;
  }
  .banner_right {
    top: 60%;
    right: 19%;
  }
  .banner_left {
    top: 56%;
    left: 22%;
  }
  .banner_img_3 {
    top: 60%;
  }
  .banner_img_2 {
    top: 60%;
  }
}
@media (max-width: 575px) {
  .taxi_banner_wrap {
    margin-top: 70px;
  }
}
@media (max-width: 450px) {
  .taxi_banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }
  .taxi_banner_block {
    padding: 60px 0 40px 0;
  }
  .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }
  .active .banner_right {
    top: 240px;
  }
  .taxi_banner_img {
    margin-top: 60px;
  }
  .banner_img_1 {
    left: 35%;
    transform: translateX(-27%);
  }
  .active .banner_left,
  .active .banner_right {
    width: 80px;
  }
  .banner_right {
    top: 64%;
    right: 20px;
  }
  .banner_left {
    top: 66%;
  }
  .street_img img {
    width: 200px;
  }
}

/* *************** Page :taxi-portfolio / Section : TaxiBanner =>  End *************** */
/* *************** Page :taxi-portfolio / Section : FinalScreens =>  Start *************** */
.taxi_final_screens_wrapper {
  padding: 110px 0 0 0;
}
.taxi_final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}
.taxi_final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}
.taxi_final_screens_block {
  margin-top: 65px;
}
.taxi_final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}
.taxi_final_screens_conte {
  border-radius: 40px 0px 0px 40px;
  padding: 60px 0 30px 0;
  position: relative;
}
.taxi_final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0px 0px 40px;
  background: #0a0f0d;
}
.taxi_Walk_through_block ul {
  display: flex;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}
.taxi_Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.taxi_final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}
.taxi_onboarding_conte {
  border-radius: 40px 0px 0px 40px;
  padding: 60px 0 30px 0;
  position: relative;
}
.taxi_onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0px 40px 40px 0px;
  background: #c4d1de;
}
.taxi_home_screen_img_block {
  margin-left: -60px;
}
.taxi_home_screen_img_block {
  text-align: center;
}
.taxi_home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}
.taxi_home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}
.taxi_home_screen_conte ul {
  display: flex;
  align-items: center;
  margin: 0 -20px;
}
.taxi_home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}
.taxi_home_screen_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -20px;
}
.taxi_home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.taxi_scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}
.taxi_scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0px 0px 40px;
  background: #c4d1de;
}
@media (max-width: 1600px) {
  .taxi_final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .taxi_home_screen_img_block {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .taxi_final_screens_wrapper {
    padding: 80px 0 0 0;
  }
  .taxi_final_screens_block {
    margin-top: 35px;
  }
  .taxi_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }
  .taxi_home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }
  .taxi_home_screen_conte .inner_title {
    margin-bottom: 68px;
  }
  .taxi_final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .taxi_final_screens_wrapper {
    padding: 60px 0 0 0;
  }
  .taxi_final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }
  .taxi_final_screens_block {
    margin-top: 20px;
  }
  .taxi_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .taxi_final_screens_wrapper {
    padding: 50px 0 0 0;
  }
  .taxi_final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }
  .taxi_final_screens_left .inner_title {
    font-size: 21px;
  }
  .taxi_final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }
  .taxi_home_screen_block {
    flex-wrap: wrap;
    margin: -15px;
  }
  .taxi_home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }
  .taxi_home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }
  .taxi_home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }
  .taxi_final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }
  .taxi_final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .taxi_Walk_through_block ul {
    flex-wrap: wrap;
    margin: -5px;
  }
  .taxi_Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }
  .taxi_home_screen_conte ul {
    margin: 0 -5px;
  }
  .taxi_home_screen_conte ul li {
    padding: 0 5px;
  }
}
@media (max-width: 367px) {
}
/* *************** Page :taxi-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page :meetvit-portfolio / Section : MeetvitBanner =>  Start  *************** */

.meetvit .banner_wrapper {
  position: relative;
}

.meetvit .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.meetvit .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.meetvit .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.meetvit .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.meetvit .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.meetvit .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.meetvit .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 669px;
  margin: 40px auto 0;
}

.meetvit .banner_conte {
  position: relative;
  display: inline-block;
}

.meetvit .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.meetvit .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.meetvit .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.meetvit .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.meetvit .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.meetvit .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .meetvit .banner_block {
    padding: 110px 0 120px 0;
  }

  .meetvit .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .meetvit .banner_block {
    padding: 80px 0 90px 0;
  }

  .meetvit .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .meetvit .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .meetvit .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .meetvit .banner_block {
    padding: 60px 0 60px 0;
  }

  .meetvit .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .meetvit .active .banner_right {
    top: 260px;
  }

  .meetvit .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .meetvit .banner_right {
    top: 60%;
    right: 19%;
  }

  .meetvit .banner_left {
    top: 56%;
    left: 22%;
  }

  .meetvit .banner_img_3 {
    top: 60%;
  }

  .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .meetvit .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .meetvit .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .meetvit .banner_block {
    padding: 60px 0 40px 0;
  }

  .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .active .banner_right {
    top: 240px;
  }

  .meetvit .banner_img {
    margin-top: 60px;
  }

  .meetvit .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .meetvit .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .meetvit .banner_right {
    top: 64%;
    right: 20px;
  }

  .meetvit .banner_left {
    top: 66%;
  }

  .meetvit .street_img img {
    width: 200px;
  }
}

/* *************** Page :meetvit-portfolio / Section : MeetvitBanner =>  End *************** */
/* *************** Page :meetvit-portfolio / Section : FinalScreens =>  Start  *************** */

.meetvit .final_screens_wrapper {
  padding: 110px 0 0 0;
}

.meetvit .final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.meetvit .final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.meetvit .final_screens_block {
  margin-top: 65px;
}

.meetvit .final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.meetvit .final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.meetvit .final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.meetvit .Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.meetvit .Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.meetvit .final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.meetvit .onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.meetvit .onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #f0d9ee;
}

.meetvit .home_screen_img_block {
  margin-left: -60px;
}

.meetvit .home_screen_img_block {
  text-align: center;
}

.meetvit .home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.meetvit .home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.meetvit .home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.meetvit .home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.meetvit .home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.meetvit .home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.meetvit .scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.meetvit .scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #f0d9ee;
}

@media (max-width: 1600px) {
  .meetvit .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .meetvit .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .meetvit .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .meetvit .final_screens_block {
    margin-top: 35px;
  }

  .meetvit .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .meetvit .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .meetvit .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .meetvit .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .meetvit .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .meetvit .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .meetvit .final_screens_block {
    margin-top: 20px;
  }

  .meetvit .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .meetvit .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .meetvit .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .meetvit .final_screens_left .inner_title {
    font-size: 21px;
  }

  .meetvit .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .meetvit .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .meetvit .home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .meetvit .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .meetvit .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .meetvit .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .meetvit .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .meetvit .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .meetvit .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .meetvit .home_screen_conte ul {
    margin: 0 -5px;
  }

  .meetvit .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page :meetvit-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page : budget-goal-portfolio  / Section : BudgetBanner =>  Start *************** */

.budget .banner_wrapper {
  position: relative;
}

.budget .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.budget .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.budget .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.budget .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.budget .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.budget .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.budget .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 20px auto 0;
}

.budget .banner_conte {
  position: relative;
  display: inline-block;
}

.budget .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.budget .banner_img {
  margin-top: 70px;
  position: relative;
  z-index: 1;
}

.budget .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.budget .active .banner_img_2 {
  top: 35%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.budget .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.budget .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .budget .banner_block {
    padding: 110px 0 120px 0;
  }

  .budget .active .banner_img_2 {
    top: 30%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .budget .banner_block {
    padding: 80px 0 90px 0;
  }

  .budget .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .budget .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .budget .active .banner_img_2 {
    top: 42%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .budget .banner_block {
    padding: 60px 0 60px 0;
  }

  .budget .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .budget .active .banner_right {
    top: 260px;
  }

  .budget .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .budget .banner_right {
    top: 60%;
    right: 19%;
  }

  .budget .banner_left {
    top: 56%;
    left: 22%;
  }

  .budget .banner_img_3 {
    top: 60%;
  }

  .budget .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .budget .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .budget .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .budget .banner_block {
    padding: 60px 0 40px 0;
  }

  .budget .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }

  .budget .active .banner_right {
    top: 240px;
  }

  .budget .banner_img {
    margin-top: 60px;
  }

  .budget .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .budget .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .budget .banner_right {
    top: 64%;
    right: 20px;
  }

  .budget .banner_left {
    top: 66%;
  }

  .budget .street_img img {
    width: 200px;
  }
}

/* *************** Page : budget-goal-portfolio / Section : BudgetBanner =>  End *************** */
/* *************** Page : budget-goal-portfolio / Section : FinalScreens =>  Start *************** */

.budget .final_screens_wrapper {
  padding: 110px 0 0 0;
}

.budget .final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.budget .final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.budget .final_screens_block {
  margin-top: 65px;
}

.budget .final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.budget .final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.budget .final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #000;
}

.budget .Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.budget .Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.budget .final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.budget .onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.budget .onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #c3dff2;
}

.budget .home_screen_img_block {
  margin-left: -60px;
}

.budget .home_screen_img_block {
  text-align: center;
}

.budget .home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.budget .home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.budget .home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.budget .home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.budget .home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.budget .home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.budget .scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.budget .scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #c3dff2;
}

@media (max-width: 1600px) {
  .budget .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .budget .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .budget .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .budget .final_screens_block {
    margin-top: 35px;
  }

  .budget .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .budget .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .budget .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .budget .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .budget .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .budget .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .budget .final_screens_block {
    margin-top: 20px;
  }

  .budget .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .budget .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .budget .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .budget .final_screens_left .inner_title {
    font-size: 21px;
  }

  .budget .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .budget .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .budget .home_screen_img,
  .budget .home_screen_sec {
    padding: 15px;
  }

  .budget .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .budget .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .budget .final_screens_left .inner_title,
  .budget .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .budget .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .budget .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .budget .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .budget .home_screen_conte ul {
    margin: 0 -5px;
  }

  .budget .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : budget-goal-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page : friendlymony-portfolio / Section : FriendlyMonyBanner =>  Start *************** */

.friendlymony .banner_wrapper {
  position: relative;
}

.friendlymony .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.friendlymony .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.friendlymony .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.friendlymony .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.friendlymony .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.friendlymony .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.friendlymony .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.friendlymony .banner_conte {
  position: relative;
  display: inline-block;
}

.friendlymony .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.friendlymony .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.friendlymony .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.friendlymony .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.friendlymony .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.friendlymony .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .friendlymony .banner_block {
    padding: 110px 0 120px 0;
  }

  .friendlymony .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .friendlymony .banner_block {
    padding: 80px 0 90px 0;
  }

  .friendlymony .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .friendlymony .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .friendlymony .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .friendlymony .banner_block {
    padding: 60px 0 60px 0;
  }

  .friendlymony .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .friendlymony .active .banner_right {
    top: 260px;
  }

  .friendlymony .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .friendlymony .banner_right {
    top: 60%;
    right: 19%;
  }

  .friendlymony .banner_left {
    top: 56%;
    left: 22%;
  }

  .friendlymony .banner_img_3 {
    top: 60%;
  }

  .friendlymony .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .friendlymony .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .friendlymony .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .friendlymony .banner_block {
    padding: 60px 0 40px 0;
  }

  .friendlymony .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .friendlymony .active .banner_right {
    top: 240px;
  }

  .friendlymony .banner_img {
    margin-top: 60px;
  }

  .friendlymony .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .friendlymony .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .friendlymony .banner_right {
    top: 64%;
    right: 20px;
  }

  .friendlymony .banner_left {
    top: 66%;
  }

  .friendlymony .street_img img {
    width: 200px;
  }
}

/* *************** Page : friendlymony-portfolio / Section : FriendlyMonyBanner =>  End *************** */
/* *************** Page : friendlymony-portfolio / Section : FinalScreens =>  Start *************** */

.friendlymony .final_screens_wrapper {
  padding: 110px 0 0 0;
}

.friendlymony .final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.friendlymony .final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.friendlymony .final_screens_block {
  margin-top: 65px;
}

.friendlymony .final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.friendlymony .final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.friendlymony .final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.friendlymony .Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.friendlymony .Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.friendlymony .final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.friendlymony .onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.friendlymony .onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #e27585;
}

.friendlymony .home_screen_img_block {
  margin-left: -60px;
}

.friendlymony .home_screen_img_block {
  text-align: center;
}

.friendlymony .home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.friendlymony .home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.friendlymony .home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.friendlymony .home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.friendlymony .home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.friendlymony .home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.friendlymony .scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.friendlymony .scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #e27585;
}

@media (max-width: 1600px) {
  .friendlymony .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .friendlymony .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .friendlymony .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .friendlymony .final_screens_block {
    margin-top: 35px;
  }

  .friendlymony .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .friendlymony .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .friendlymony .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .friendlymony .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .friendlymony .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .friendlymony .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .friendlymony .final_screens_block {
    margin-top: 20px;
  }

  .friendlymony .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .friendlymony .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .friendlymony .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .friendlymony .final_screens_left .inner_title {
    font-size: 21px;
  }

  .friendlymony .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .friendlymony .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .friendlymony .home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .friendlymony .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .friendlymony .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .friendlymony .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .friendlymony .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .friendlymony .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .friendlymony .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .friendlymony .home_screen_conte ul {
    margin: 0 -5px;
  }

  .friendlymony .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : friendlymony-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page : sheghardy-portfolio / Section : SheghardyBanner =>  Start *************** */

.sheghardy .banner_wrapper {
  position: relative;
}

.sheghardy .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.sheghardy .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.sheghardy .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.sheghardy .banner_conte {
  position: relative;
  display: inline-block;
}

.sheghardy .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.sheghardy .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.sheghardy .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .sheghardy .banner_block {
    padding: 110px 0 120px 0;
  }

  .sheghardy .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .sheghardy .banner_block {
    padding: 80px 0 90px 0;
  }

  .sheghardy .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .sheghardy .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .sheghardy .banner_block {
    padding: 60px 0 60px 0;
  }

  .sheghardy .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .sheghardy .active .banner_right {
    top: 260px;
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .sheghardy .banner_right {
    top: 60%;
    right: 19%;
  }

  .sheghardy .banner_left {
    top: 56%;
    left: 22%;
  }

  .sheghardy .banner_img_3 {
    top: 60%;
  }

  .sheghardy .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .sheghardy .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .sheghardy .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .sheghardy .banner_block {
    padding: 60px 0 40px 0;
  }

  .sheghardy .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .sheghardy .active .banner_right {
    top: 240px;
  }

  .sheghardy .banner_img {
    margin-top: 60px;
  }

  .sheghardy .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .sheghardy .banner_right {
    top: 64%;
    right: 20px;
  }

  .sheghardy .banner_left {
    top: 66%;
  }

  .sheghardy .street_img img {
    width: 200px;
  }
}

/* *************** Page : sheghardy-portfolio / Section : SheghardyBanner =>  End *************** */
/* *************** Page : sheghardy-portfolio / Section : FinalScreens =>  Start *************** */

.sheghardy .final_screens_wrapper {
  padding: 110px 0 0 0;
}

.sheghardy .final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.sheghardy .final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.sheghardy .final_screens_block {
  margin-top: 65px;
}

.sheghardy .final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.sheghardy .final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.sheghardy .Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.sheghardy .Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.sheghardy .final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.sheghardy .onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #f8d8ac;
}

.sheghardy .home_screen_img_block {
  margin-left: -60px;
}

.sheghardy .home_screen_img_block {
  text-align: center;
}

.sheghardy .home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.sheghardy .home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.sheghardy .home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.sheghardy .home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.sheghardy .home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.sheghardy .home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.sheghardy .scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #f8d8ac;
}

@media (max-width: 1600px) {
  .sheghardy .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .sheghardy .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .sheghardy .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .sheghardy .final_screens_block {
    margin-top: 35px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .sheghardy .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .sheghardy .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .sheghardy .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .sheghardy .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .sheghardy .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .sheghardy .final_screens_block {
    margin-top: 20px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sheghardy .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .sheghardy .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .sheghardy .final_screens_left .inner_title {
    font-size: 21px;
  }

  .sheghardy .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .sheghardy .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .sheghardy .home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .sheghardy .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .sheghardy .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .sheghardy .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .sheghardy .home_screen_conte ul {
    margin: 0 -5px;
  }

  .sheghardy .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : sheghardy-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page : sheghardy-portfolio / Section : SheghardyBanner =>  Start *************** */

.sheghardy .banner_wrapper {
  position: relative;
}

.sheghardy .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_left {
  top: 50px;
  left: 0;
  -webkit-animation: banner_left 6s linear infinite;
  animation: banner_left 6s linear infinite;
}

@-webkit-keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_right {
  top: 290px;
  right: 0;
  -webkit-animation: banner_right 6s linear infinite;
  animation: banner_right 6s linear infinite;
}

@-webkit-keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes banner_right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.sheghardy .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}

.sheghardy .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}

.sheghardy .banner_conte {
  position: relative;
  display: inline-block;
}

.sheghardy .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.sheghardy .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.sheghardy .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_img_2 {
  top: 36%;
  left: 39%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sheghardy .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.sheghardy .active .banner_img_3 {
  top: 16%;
  right: 12%;
  -webkit-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
  -webkit-animation: rotate1 2s linear infinite;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .sheghardy .banner_block {
    padding: 110px 0 120px 0;
  }

  .sheghardy .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .sheghardy .banner_block {
    padding: 80px 0 90px 0;
  }

  .sheghardy .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 130px;
  }

  .sheghardy .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .sheghardy .banner_block {
    padding: 60px 0 60px 0;
  }

  .sheghardy .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }

  .sheghardy .active .banner_right {
    top: 260px;
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 90px;
  }

  .sheghardy .banner_right {
    top: 60%;
    right: 19%;
  }

  .sheghardy .banner_left {
    top: 56%;
    left: 22%;
  }

  .sheghardy .banner_img_3 {
    top: 60%;
  }

  .sheghardy .banner_img_2 {
    top: 60%;
  }
}

@media (max-width: 575px) {
  .sheghardy .banner_wrap {
    margin-top: 70px;
  }
}

@media (max-width: 450px) {
  .sheghardy .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }

  .sheghardy .banner_block {
    padding: 60px 0 40px 0;
  }

  .sheghardy .active .banner_img_2 {
    top: 50%;
    left: 13%;
  }

  .sheghardy .active .banner_right {
    top: 240px;
  }

  .sheghardy .banner_img {
    margin-top: 60px;
  }

  .sheghardy .banner_img_1 {
    left: 35%;
    -webkit-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    transform: translateX(-27%);
  }

  .sheghardy .active .banner_left,
  .active .banner_right {
    width: 80px;
  }

  .sheghardy .banner_right {
    top: 64%;
    right: 20px;
  }

  .sheghardy .banner_left {
    top: 66%;
  }

  .sheghardy .street_img img {
    width: 200px;
  }
}

/* *************** Page : sheghardy-portfolio / Section : SheghardyBanner =>  End *************** */
/* *************** Page : sheghardy-portfolio / Section : FinalScreens =>  Start *************** */

.sheghardy .final_screens_wrapper {
  padding: 110px 0 0 0;
}

.sheghardy .final_screens_title .fext_Final_screens_title {
  color: #0a0f0d;
  font-family: Gilroy-ExtraBold;
  font-size: 50px;
}

.sheghardy .final_screens_sec + .final_screens_sec {
  margin-top: 100px;
}

.sheghardy .final_screens_block {
  margin-top: 65px;
}

.sheghardy .final_screens_left .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
}

.sheghardy .final_screens_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .final_screens_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #0a0f0d;
}

.sheghardy .Walk_through_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px;
  position: relative;
  z-index: 1;
}

.sheghardy .Walk_through_block ul li {
  width: 25%;
  padding: 0 5px;
}

.sheghardy .final_screens_right .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 65px;
  text-align: right;
}

.sheghardy .onboarding_conte {
  border-radius: 40px 0 0 40px;
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .onboarding_conte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 75%;
  border-radius: 0 40px 40px 0;
  background: #f8d8ac;
}

.sheghardy .home_screen_img_block {
  margin-left: -60px;
}

.sheghardy .home_screen_img_block {
  text-align: center;
}

.sheghardy .home_screen_img_block .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.sheghardy .home_screen_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 88px;
}

.sheghardy .home_screen_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.sheghardy .home_screen_conte ul li {
  padding: 0 20px;
  width: 33.33%;
}

.sheghardy .home_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}

.sheghardy .home_screen_img,
.home_screen_sec {
  padding: 0 20px;
}

.sheghardy .scheduling_conte {
  padding: 60px 0 30px 0;
  position: relative;
}

.sheghardy .scheduling_conte::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 75%;
  border-radius: 40px 0 0 40px;
  background: #f8d8ac;
}

@media (max-width: 1600px) {
  .sheghardy .final_screens_conte::after,
  .onboarding_conte::after,
  .scheduling_conte::after {
    width: 78%;
  }
}

@media (max-width: 1360px) {
  .sheghardy .home_screen_img_block {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .sheghardy .final_screens_wrapper {
    padding: 80px 0 0 0;
  }

  .sheghardy .final_screens_block {
    margin-top: 35px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 45px;
  }

  .sheghardy .home_screen_img_block .inner_title {
    margin-bottom: 50px;
  }

  .sheghardy .home_screen_conte .inner_title {
    margin-bottom: 68px;
  }

  .sheghardy .final_screens_sec + .final_screens_sec {
    margin-top: 70px;
  }
}

@media (max-width: 991px) {
  .sheghardy .final_screens_wrapper {
    padding: 60px 0 0 0;
  }

  .sheghardy .final_screens_title .fext_Final_screens_title {
    font-size: 40px;
  }

  .sheghardy .final_screens_block {
    margin-top: 20px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sheghardy .final_screens_wrapper {
    padding: 50px 0 0 0;
  }

  .sheghardy .final_screens_title .fext_Final_screens_title {
    font-size: 34px;
  }

  .sheghardy .final_screens_left .inner_title {
    font-size: 21px;
  }

  .sheghardy .final_screens_conte,
  .onboarding_conte,
  .scheduling_conte {
    padding: 40px 0 20px 0;
  }

  .sheghardy .home_screen_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .sheghardy .home_screen_img,
  .home_screen_sec {
    padding: 15px;
  }

  .sheghardy .home_screen_img_block .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .home_screen_conte .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .final_screens_left .inner_title,
  .final_screens_right .inner_title {
    margin-bottom: 25px;
    font-size: 21px;
  }

  .sheghardy .final_screens_sec + .final_screens_sec {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .sheghardy .Walk_through_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }

  .sheghardy .Walk_through_block ul li {
    width: 50%;
    padding: 5px;
  }

  .sheghardy .home_screen_conte ul {
    margin: 0 -5px;
  }

  .sheghardy .home_screen_conte ul li {
    padding: 0 5px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : sheghardy-portfolio / Section : FinalScreens =>  End *************** */
/* *************** Page :Nectaserve Userapp Banner / Section : user banner =>  Start *************** */

.user .banner_wrapper {
  position: relative;
}

.user .banner_wrap {
  background-image: url(../../../Assets/images/nectaserve_userapp/banner_bg.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
}

.user .banner_block {
  padding-top: 170px;
}

.user .hero_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
}

.user .banner_title p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.user .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #fff;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.user .banner_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

.user .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .user .banner_block {
    padding-top: 120px;
  }

  .user .banner_wrap {
    padding-bottom: 50px;
  }

  .user .hero_title {
    font-size: 62px;
  }

  .user .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .user .hero_title {
    font-size: 50px;
  }

  .user .banner_wrap {
    min-height: 470px;
  }
}

@media (max-width: 575px) {
  .user .banner_block {
    padding-top: 100px;
  }

  .user .hero_title {
    font-size: 45px;
  }

  .user .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .user .banner_btn a {
    margin-top: 15px;
  }

  .user .banner_wrap {
    min-height: 100%;
  }

  .user .hero_inner_title {
    font-size: 28px;
  }

  .user .banner_img_block {
    margin-top: -20px;
  }
}

/* *************** Page :Nectaserve Userapp Banner / Section : user banner =>  End *************** */
/* *************** Page :Nectaserve Userapp Banner / Section : booking =>  Start *************** */

.user_booking_wrapper {
  padding-top: 160px;
}

.user_booking_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
  text-align: center;
}

.user_booking_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
  background: #0176ab;
}

.user_booking_title p {
  color: #0a0f0d;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}

.user_booking_sec {
  margin-top: 40px;
}

.user_booking_sec ul li {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 0 80px 0 0;
}

.user_booking_sec ul li:nth-child(even) {
  background: transparent;
  padding: 0;
}

.user_booking_sec ul li + li {
  margin-top: 60px;
}

.user_booking_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.user_booking_img {
  padding: 0 15px;
  width: 40%;
}

.user_booking_block {
  padding: 0 15px;
  width: 50%;
}

.user_booking_img_block {
  margin: -30px 0;
}

.user_booking_conte .inner_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 28px;
  letter-spacing: 1.2px;
}

.user_booking_conte p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 27px;
}

@media (max-width: 1199px) {
  .booking_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .booking_wrapper {
    padding-top: 80px;
  }

  .booking_img {
    width: 49%;
  }

  .booking_sec ul li {
    padding: 0 20px 0 0;
  }

  .booking_conte .inner_title {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .booking_wrapper {
    padding-top: 60px;
  }

  .booking_title .title {
    font-size: 26px;
  }

  .booking_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .booking_img,
  .booking_block {
    width: 100%;
    padding: 15px;
  }

  .booking_sec ul li {
    padding: 0 20px 30px 20px;
  }

  .booking_img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .booking_img_block {
    margin: -50px 0 0 0;
  }

  .booking_sec {
    margin-top: 70px;
  }

  .booking_conte p {
    margin-top: 17px;
  }
}

@media (max-width: 575px) {
  .booking_title .title {
    font-size: 25px;
  }
  .booking_sec ul li + li {
    margin-top: 90px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page :Nectaserve Userapp Banner / Section : booking =>  End *************** */
/* *************** Page :Nectaserve Userapp Banner / Section : looking =>  Start *************** */

.looking_wrapper {
  padding-top: 160px;
}

.looking_block {
  border-radius: 20px;
  background: #0a0f0d;
  padding: 34px 64px;
  position: relative;
}

.looking_cconte .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 28px;
  line-height: 1.8;
}

.looking_cconte .inner_title span {
  font-family: NunitoSans-SemiBold;
  font-size: 40px;
}

.looking_btn a {
  display: inline-block;
  color: #fdfffe;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1px solid #fff;
  padding: 16px 42px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 32px;
}

.looking_btn a:hover {
  background: #fdfffe;
  color: #0a0f0d;
}

.looking_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.looking_left {
  width: 57%;
  padding: 0 15px;
}

.looking_right {
  width: 25%;
  padding: 0 15px;
}

@media (max-width: 1199px) {
  .looking_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .looking_wrapper {
    padding-top: 80px;
  }

  .looking_block {
    padding: 30px;
  }

  .looking_cconte .inner_title {
    font-size: 30px;
  }

  .looking_cconte .inner_title span {
    font-family: NunitoSans-SemiBold;
    font-size: 36px;
  }

  .looking_left {
    width: 70%;
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .looking_wrapper {
    padding-top: 60px;
  }

  .looking_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .looking_left,
  .looking_right {
    width: 100%;
    padding: 15px;
  }

  .looking_img {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .looking_block {
    padding: 20px 15px;
  }

  .looking_cconte .inner_title {
    font-size: 28px;
  }

  .looking_cconte .inner_title span {
    font-size: 32px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page :Nectaserve Userapp Banner / Section : looking =>  End *************** */
/* *************** Page :Nectaserve Userapp Banner / Section : Your Project =>  Start *************** */

.your_project_wrapper {
  padding-top: 180px;
}

.your_project_wrap {
  border-radius: 20px;
  background: -o-linear-gradient(
    44deg,
    #eee 0%,
    #cecece 0%,
    #d0d0d0 2.47%,
    #fff 45.66%,
    #cde8f4 100%
  );
  background: linear-gradient(
    46deg,
    #eee 0%,
    #cecece 0%,
    #d0d0d0 2.47%,
    #fff 45.66%,
    #cde8f4 100%
  );
  padding: 52px 94px 60px 94px;
}

.your_project_wrap .text_project_title {
  color: #000;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.your_project_wrap p {
  color: #000;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 14px 0 0 0;
}

.your_project_btn a {
  display: inline-block;
  border: 1px solid #0a0f0d;
  padding: 16px 46px;
  border-radius: 28px;
  margin-top: 30px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-size: 200% auto;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.your_project_btn a:hover {
  color: #fff;
  background: #0a0f0d;
  background-position: right center;
}

@media (max-width: 1199px) {
  .your_project_wrapper {
    padding-top: 110px;
  }

  .your_project_wrap {
    padding: 32px 64px 53px 74px;
  }

  .your_project_wrap .text_project_title {
    font-size: 46px;
  }

  .your_project_wrap p {
    font-size: 20px;
  }

  .your_project_btn a {
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .your_project_wrapper {
    padding-top: 70px;
  }

  .your_project_wrap {
    padding: 25px 45px 35px 55px;
  }

  .your_project_wrap .text_project_title {
    font-size: 38px;
  }

  .your_project_wrap p {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .your_project_wrapper {
    padding-top: 60px;
  }

  .your_project_wrap {
    padding: 20px;
  }

  .your_project_wrap .text_project_title {
    font-size: 28px;
  }

  .your_project_wrap p {
    font-size: 18px;
    margin: 8px 0 0 0;
  }

  .your_project_btn a {
    font-size: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 575px) {
  .your_project_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 367px) {
  .your_project_wrap .text_project_title {
    font-size: 20px;
  }
}

/* *************** Page :Nectaserve Userapp Banner / Section : Your Project =>  End *************** */
/* *************** Page : Features / Section : Banner =>  Start *************** */

.features_banner .banner_wrapper {
  position: relative;
}

.features_banner .banner_wrap {
  background: #f1f3f6;
  min-height: 600px;
}

.features_banner .banner_block {
  padding-top: 170px;
}

.features_banner .banner_title {
  text-align: center;
}

.hero_title {
  color: #0a0f0d;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 735px;
  margin: 0 auto;
}

.features_banner .banner_title p {
  color: #0a0f0d;
  font-size: 18px;
  letter-spacing: 1.1px;
  max-width: 903px;
  margin: 23px auto 0;
}

.features_banner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
}

.features_banner .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .features_banner .banner_block {
    padding-top: 120px;
  }

  .features_banner .banner_wrap {
    padding-bottom: 50px;
  }

  .features_banner .hero_title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .features_banner .hero_title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .features_banner .hero_title {
    font-size: 45px;
  }

  .features_banner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .features_banner .banner_btn a {
    margin-top: 15px;
  }

  .features_banner .banner_wrap {
    min-height: 100%;
  }
}
/* *************** Page : Features / Section : Banner =>  End *************** */
/* *************** Page : Features > Features / Section : Features =>  Start *************** */
.features_section .nectaServe_features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0 0 0;
}

.features_section .nectaServe_features_sidebar {
  width: 295px;
}

.features_section .nectaServe_features_sidebar.company_active {
  width: 295px;
  position: fixed;
  top: 0;
  padding-top: 50px;
}

.features_section nav.navigation {
  padding: 30px 0;
  background-color: #fdfefe;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
}

.features_section nav ul {
  padding: 0;
  position: relative;
}

.features_section nav li {
  list-style: none;
}

.features_section nav li a {
  text-decoration: none;
  display: block;
  padding: 20px 0 20px 25px;
  -webkit-transition: all ease-out 250ms;
  -o-transition: all ease-out 250ms;
  transition: all ease-out 250ms;
  color: #000;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  letter-spacing: 1.1px;
}

.features_section nav li a:hover {
  color: #0176ab;
}

.features_section .main-content {
  width: calc(100% - 295px);
  margin-left: auto;
  padding-left: 25px;
}

.features_section a.active {
  color: #0176ab;
  background-color: rgba(1, 118, 171, 0.2);
}

.features_section .marketplace_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7px;
  flex-wrap: wrap;
}

.features_section .marketplace_box ul li {
  padding: 7px;
  width: 50%;
}

.features_section .title_1 {
  font-size: 30px;
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  margin-bottom: 30px;
}

.features_section .box_1 {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  padding: 25px 25px;
  min-height: 350px;
}

.features_section .marketplace_line {
  width: 72px;
  height: 2px;
  background-color: #0176ab;
  margin: 20px 0;
}

.features_section .box_title {
  margin-bottom: 20px;
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
}

.features_section .section_box_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.features_section section {
  padding: 30px 0;
}

@media (max-width: 1199px) {
  .features_section nav li a {
    padding: 17px 0 17px 25px;
  }

  .features_section nav.navigation {
    padding: 20px 0;
  }
}

@media (max-width: 991px) {
  .features_section .nectaServe_features_sidebar {
    width: 242px;
  }

  .features_section .nectaServe_features_sidebar.company_active {
    width: 242px;
  }

  .features_section nav li a {
    padding: 15px;
  }

  .features_section nav.navigation {
    width: 100%;
  }

  .features_section .box_1 {
    padding: 20px 20px;
  }

  .features_section .main-content {
    padding: 0;
  }

  .features_section .main-content {
    width: calc(100% - 245px);
    padding-left: 15px;
  }

  .features_section .title_1 {
    margin-bottom: 20px;
  }

  .features_section .ecommerce_features_box_4 {
    margin-top: -230px;
  }
}

@media (max-width: 767px) {
  .features_section .nectaServe_features_sidebar {
    width: 100%;
  }

  .features_section .nectaServe_features_sidebar.company_active {
    width: 100%;
    left: 0;
    padding-top: 0;
  }

  .features_section nav.navigation {
    overflow: auto;
    padding: 8px 0;
  }

  .features_section .navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
  }

  .features_section .navigation ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .features_section .main-content {
    width: 100%;
    padding-left: 0;
  }

  .features_section .nectaServe_features {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .features_section section {
    padding: 92px 0 0 0;
  }
}

@media (max-width: 575px) {
  .features_section nav li a {
    padding: 8px 15px;
  }

  .features_section .marketplace_box ul li {
    padding: 7px;
    width: 100%;
  }

  .features_section .ecommerce_features_box_4 {
    margin-top: unset;
  }
}
/* *************** Page : Features > Features / Section : Features =>  End *************** */
/* *************** Page : Features / Section : Package =>  Start *************** */
.package_wrapper {
  padding-top: 160px;
}

.package_wrap {
  background: #f3f5f7;
  padding: 70px 0 80px 0;
}

.package_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.package_conte {
  width: 60%;
  padding: 0 15px;
}

.package_list {
  width: 30%;
  padding: 0 15px;
}

.package_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 40px;
}

.package_title .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 24px;
  margin-top: 20px;
  max-width: 527px;
}

.package_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 22px;
}

.package_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  margin-top: 45px;
}

.package_btn a:hover {
  background: #0a0f0d;
  color: #fff;
}

.package_item p {
  color: #0a0f0d;
  font-size: 16px;
  font-family: NunitoSans-Medium;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.package_item p span {
  display: inline-block;
  margin-right: 25px;
}

.package_list ul li + li {
  margin-top: 32px;
}

@media (max-width: 1199px) {
  .package_wrapper {
    padding-top: 120px;
  }

  .package_list {
    width: 34%;
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .package_wrapper {
    padding-top: 80px;
  }

  .package_wrap {
    padding: 60px 0;
  }

  .package_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .package_conte,
  .package_list {
    width: 100%;
    padding: 15px;
  }

  .package_btn a {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .package_wrapper {
    padding-top: 60px;
  }

  .package_wrap {
    padding: 60px 0;
  }
}

@media (max-width: 575px) {
  .package_wrap {
    padding: 40px 0;
  }

  .package_title .title {
    font-size: 32px;
  }

  .package_list ul li + li {
    margin-top: 20px;
  }
}
/* *************** Page : Features / Section : Package =>  End *************** */
/* *************** Page : Product / Section : banner =>  Start *************** */
.product_main_banner .banner_wrapper {
  position: relative;
  overflow: hidden;
}

.product_main_banner .banner_wrap {
  background: #f1f3f6;
  min-height: 650px;
}

.product_main_banner .banner_shep {
  position: absolute;
  top: 50px;
  right: 150px;
}

.product_main_banner .banner_img_block {
  position: absolute;
  top: 59%;
  right: -80px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product_main_banner .banner_block {
  padding-top: 180px;
}

.product_main_banner .banner_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product_main_banner .banner_conte {
  width: 50%;
  padding: 0 15px;
}

.product_main_banner .banner_img {
  width: 50%;
  padding: 0 15px;
}

.hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 70px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.hero_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 35px;
  letter-spacing: 3.6px;
  margin-top: 5px;
}

.product_main_banner .banner_title p {
  color: #0a0f0d;
  font-family: "NunitoSans-Medium";
  font-size: 18px;
  letter-spacing: 1.1px;
  margin-top: 23px;
}

.product_main_banner .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -webkit-box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px 0 rgba(61, 225, 243, 0.22),
    -5px -5px 12px 0 rgba(1, 135, 196, 0.08);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0a0f0d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 23px;
}

.product_main_banner .banner_btn a:hover {
  background-color: #0a0f0d;
  color: #fff;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .product_main_banner .banner_shep {
    position: absolute;
    top: 60px;
    right: -10px;
  }
}

@media (max-width: 1600px) {
  .product_main_banner .banner_shep {
    position: absolute;
    top: 20px;
    right: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1440px) {
  .product_main_banner .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1360px) {
  .product_main_banner .banner_shep {
    position: absolute;
    top: 20px;
    right: -90px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1280px) {
  .product_main_banner .banner_shep {
    position: absolute;
    top: 30px;
    right: -190px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 1199px) {
  .product_main_banner .banner_img_block {
    right: -120px;
  }

  .product_main_banner .banner_shep {
    position: absolute;
    top: 50px;
    right: -260px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@media (max-width: 991px) {
  .product_main_banner .banner_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .product_main_banner .banner_conte,
  .banner_img {
    width: 100%;
    padding: 15px;
  }

  .product_main_banner .banner_img_block {
    position: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin-top: -90px;
  }

  .product_main_banner .banner_block {
    padding-top: 120px;
  }

  .product_main_banner .banner_shep {
    position: absolute;
    top: -146px;
    right: -39%;
    -webkit-transform: rotate(-23deg) translateX(-50%);
    -ms-transform: rotate(-23deg) translateX(-50%);
    transform: rotate(-23deg) translateX(-50%);
    width: 100%;
  }

  .product_main_banner .banner_wrap {
    padding-bottom: 50px;
  }

  .product_main_banner .banner_title {
    margin-top: -130px;
  }
}

@media (max-width: 767px) {
  .product_main_banner .banner_shep {
    top: -100px;
  }

  .product_main_banner .hero_title {
    font-size: 60px;
  }

  .product_main_banner .banner_img_block {
    margin-top: -70px;
  }

  .product_main_banner .banner_title {
    margin-top: -100px;
  }
}

@media (max-width: 575px) {
  .product_main_banner .banner_block {
    padding-top: 80px;
  }

  .product_main_banner .hero_title {
    font-size: 45px;
  }

  .product_main_banner .banner_title p {
    font-size: 16px;
    margin-top: 13px;
  }

  .product_main_banner .banner_btn a {
    margin-top: 15px;
  }

  .product_main_banner .banner_shep {
    transform: unset;
    top: 80px;
    right: 20px;
  }

  .product_main_banner .banner_wrap {
    min-height: 100%;
  }

  .product_main_banner .banner_img_block {
    margin-top: -40px;
  }

  .product_main_banner .banner_title {
    margin-top: -80px;
  }
}

@media (max-width: 367px) {
  .product_main_banner .hero_inner_title {
    font-size: 28px;
  }
}
/* *************** Page : Product / Section : banner =>  End *************** */
/* *************** Page : Product / Section : Our Solutions =>  Start *************** */
.oursolution_wrapper {
  padding-top: 160px;
  padding-bottom: 100px;
  background: #0a0f0d;
}

.oursolution_sec {
  margin-top: 65px;
}

.oursolution_inner_sec {
  min-height: 555px;
  padding: 56px 38px;
  border-radius: 20px;
  position: relative;
  background: rgba(10, 15, 13, 1);
}
.oursolution_inner_bg {
  padding: 2px;
  background: transparent;
  border-radius: 20px;
}
.oursolution_inner_bg:hover {
  background: linear-gradient(-135deg, #03001e, #7303c0, #ec38bc, #fdeff9);
}

/* .oursolution_inner_sec::after {
    content: '';
    position: absolute;
    background: linear-gradient(-135deg, #03001e, #7303c0, #ec38bc, #fdeff9);
    z-index: -1;
    border-radius: 10px;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px; */
/* background: linear-gradient(to bottom right, #22c1c3, #fdbb2d); */
/* z-index: -1; */
/* border-radius: 10px; */
/* } */

/* .card2 {
    position: relative;
    border: 5px solid transparent;
    background: #f2f2f2;
    background-clip: padding-box;

    border-radius: 10px;

    width: 8rem;
    padding: 5rem 2rem;
    margin: 5rem auto;
    font-size: 100px;
} */

.card2::after {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: linear-gradient(to bottom right, #22c1c3, #fdbb2d);
  z-index: -1;
  border-radius: 10px;
}

.inner_desc_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 50px;
}

.oursolution_inner_desc p {
  margin-top: 30px;
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 183.5%;
}

.oursolution_link a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 30px;
  font-family: NunitoSans-Medium;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.oursolution_link a span {
  margin-left: 8px;
}

.oursolution_link a:hover {
  background: linear-gradient(308deg, #e100ff 0%, #7f00ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(-135deg, #03001e, #7303c0, #ec38bc, #fdeff9);
  border-image-slice: 1;
}

.oursolution_link a span svg path {
  fill: #fff;
}

.oursolution_link a:hover span svg path {
  fill: #e100ff;
}

.solution_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -25px;
}

.solution_title .text_solu_title {
  color: #88888d;
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  width: 40%;
  padding: 0 25px;
  position: relative;
}

.solution_title > div {
  width: 60%;
  padding: 0 25px;
}

.solution_title .text_solu_title::after {
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: -o-linear-gradient(225deg, #7303c0, #ec38bc, #fdeff9);
  background-image: linear-gradient(-135deg, #7303c0, #ec38bc, #fdeff9);
}

.solution_title p {
  color: #fff;
  font-size: 16px;
  margin-top: 14px;
}

.solution_title {
  margin-bottom: 53px;
}

@media (max-width: 1199px) {
  .oursolution_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .oursolution_wrapper {
    padding-top: 80px;
  }

  .solution_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -15px;
  }

  .solution_title .text_solution_title,
  .solution_title > div {
    width: 100%;
    padding: 15px;
  }

  .solution_title .text_solution_subtitle {
    font-size: 32px;
  }

  .solution_title p {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .solution_title .text_solution_title {
    text-align: left;
    font-size: 50px;
  }

  .solution_title .text_solution_title::after {
    content: "";
    height: 2px;
    width: 200px;
    position: absolute;
    top: unset;
    right: unset;
    background-image: -o-linear-gradient(225deg, #7303c0, #ec38bc, #fdeff9);
    background-image: linear-gradient(-135deg, #7303c0, #ec38bc, #fdeff9);
    left: 15px;
    bottom: 5px;
  }

  .solution_title .text_solu_title,
  .solution_title > div {
    width: 100%;
    padding: 15px;
  }

  .solution_title p {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .solution_title .text_solu_title {
    text-align: left;
    font-size: 50px;
  }

  .solution_title .text_solu_title::after {
    content: "";
    height: 2px;
    width: 200px;
    position: absolute;
    top: unset;
    right: unset;
    background-image: -o-linear-gradient(225deg, #7303c0, #ec38bc, #fdeff9);
    background-image: linear-gradient(-135deg, #7303c0, #ec38bc, #fdeff9);
    left: 15px;
    bottom: 5px;
  }
}

@media (max-width: 767px) {
  .oursolution_wrapper {
    padding-top: 60px;
  }

  .solution_title .text_prof_subtitle {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .oursolution_block .title {
    font-size: 45px;
  }
}

@media (max-width: 450px) {
  .solution_title .text_prof_subtitle {
    font-size: 27px;
  }

  .solution_title .text_solu_title {
    font-size: 35px;
  }
}
/* *************** Page : Product / Section : Our Solutions =>  End *************** */
/* *************** Page : Product / Section : UseCases => Start *************** */
.usecases_wrapper {
  padding-top: 160px;
}

.usecases_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -30px;
}

.usecases_block .title {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
  text-align: right;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  width: 40%;
  padding: 0 15px;
}

.usecases_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  width: 60%;
  padding: 0 30px;
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1199px) {
  .usecases_wrapper {
    padding-top: 120px;
  }

  .usecases_block {
    margin: 0 -15px;
  }

  .usecases_block .title,
  .usecases_block p {
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .usecases_wrapper {
    padding-top: 80px;
  }

  .usecases_block {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .usecases_block .title,
  .usecases_block p {
    padding: 15px;
    width: 100%;
  }

  .usecases_block .title {
    font-size: 55px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .usecases_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .usecases_block .title {
    font-size: 45px;
  }
}

@media (max-width: 367px) {
}

/* 4.38.. */

/*
* Prefixed by https://autoprefixer.github.io
* usecasesCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.usecases_title {
  padding: 0 0 70px;
}

.usecases_text_2 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  padding-bottom: 5px;
}

.usecases_line {
  width: 96px;
  height: 2px;
  background-color: #0176ab;
}

.usecases_cards {
  max-width: 1160px;
  position: relative;
  padding: 0;
  margin-top: 70px;
}

.usecases_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px 30px;
}

.usecases_card_1 {
  padding: 25px 25px 35px 25px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  width: 360px;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usecases_card_1:hover::after {
  content: "";
  width: 100%;
  height: 98%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.card_img {
  overflow: hidden;
  border-radius: 15px;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

.card_img:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.card_img img {
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

.usecases_option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 25px 0;
}

.usecases_option_1 {
  padding: 7px 12px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  color: #000000;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 12px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usecases_option_1:hover {
  background: #0a0f0d;
  color: white;
  padding: 7px 12px;
}

.react_text {
  padding-bottom: 16px;
  font-size: 18px;
}

.profile_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pepole_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pepole_text {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 14px;
  padding-left: 10px;
}

.react_text_2 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  padding: 45px 0 16px 0;
}

.react_text_3 {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  padding: 45px 0 16px 0;
}

.min_text {
  color: #88888d;
  font-family: NunitoSans-Regular;
  font-size: 14px;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 70px 0 0 0;
}

span.custom-toggle {
  border: 1px solid black;
  background-color: white;
  font-family: NunitoSans-Medium;
  font-size: 19px;
  padding: 18px 35px;
  border-radius: 35px;
  cursor: pointer;
}

span.custom-toggle:hover {
  border: 1px solid black;
  background-color: black;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 1199px) {
  .usecases_section {
    gap: 25px;
  }

  .usecases_card_1 {
    max-width: 293px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  button.custom-toggle {
    padding: 11px 30px;
  }
}

@media (max-width: 991px) {
  .overlay_text1 {
    padding: 10px 0 10px;
  }

  .usecases_section {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .usecases_card_1 {
    padding: 15px;
  }

  button.custom-toggle {
    font-size: 18px;
    padding: 10px 30px;
  }

  .usecases_title {
    padding: 0 0 50px;
  }

  .usecases_card_1 {
    max-width: 48%;
  }
}

@media (max-width: 767px) {
  .card_img img {
    width: 100%;
  }

  .usecases_title {
    padding: 0 0 50px;
  }

  .usecases_line {
    height: 1px;
  }

  .usecases_section {
    gap: 15px;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .usecases_card_1 {
    padding: 12px;
    min-width: 100%;
  }

  .usecases_option {
    gap: 6px;
    padding: 18px 0;
  }

  .usecases_option_1 {
    padding: 5px 9px 4px 9px;
    border-radius: 20px;
    font-size: 11px;
  }

  .react_text {
    padding-bottom: 15px;
    font-size: 15px;
  }

  .pepole_text {
    font-size: 13px;
    padding-left: 5px;
  }

  .min_text {
    font-size: 13px;
  }

  .btn-container {
    padding: 40px 0 0;
  }

  button.custom-toggle {
    font-size: 17px;
    padding: 9px 25px;
  }
}

@media (max-width: 575px) {
  .usecases_section {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .usecases_card_1 {
    padding: 15px;
    max-width: 415px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .usecases_line {
    width: 80px;
    height: 1px;
  }
}

@media (max-width: 450px) {
  .usecases_title {
    padding: 0 0 30px;
  }

  .usecases_option {
    padding: 14px 0;
  }

  button.custom-toggle {
    font-size: 15px;
    padding: 10px 20px;
  }
}

@media (max-width: 367px) {
  .usecases_card_1 {
    padding: 13px;
    max-width: 320px;
  }
}

.card_text {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-top: 25px;
}

.card_detail_desc {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.8px;
  margin-top: 20px;
}

.usecases_btn a {
  display: inline-block;
  color: #0176ab;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-top: 25px;
  padding-bottom: 6px;
  border-bottom: 1px solid #0176ab;
}

.usecases_btn a:hover {
  color: #0176ab;
}

.usecases_btn a span {
  display: inline-block;
  margin-left: 12px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usecases_btn a:hover span {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
/* *************** Page : Product / Section : UseCases => End *************** */
/* *************** Page : Swift App Development / Section : IOS APP => Start *************** */
.ios_app_development_wrapper {
  padding-top: 160px;
}

.ios_app_development_title {
  text-align: center;
}

.ios_app_development_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
  max-width: 624px;
  margin: 0 auto;
}

.ios_app_development_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #0176ab;
  width: 300px;
  height: 1px;
}

.ios_app_development_block {
  margin-top: 65px;
}

.ios_app_development_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

.ios_app_development_block ul li {
  width: 33.33%;
  padding: 0 15px;
}

.ios_app_development_list .inner_title {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin: 20px 0;
}

.ios_app_development_list p {
  color: #0a0f0d;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}

.ios_app_development_list p::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 3px;
  background: #000;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

.ios_app_development_list p + p {
  margin-top: 20px;
}

.ios_app_development_img {
  overflow: hidden;
  border-radius: 16px;
}

.ios_app_development_img img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ios_app_development_list:hover .ios_app_development_img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 1199px) {
  .ios_app_development_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .ios_app_development_wrapper {
    padding-top: 60px;
  }

  .ios_app_development_title .title {
    font-size: 26px;
  }

  .ios_app_development_block {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .ios_app_development_wrapper {
    padding-top: 40px;
  }

  .ios_app_development_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }

  .ios_app_development_block ul li {
    width: 100%;
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .ios_app_development_title .title {
    font-size: 24px;
  }
}

@media (max-width: 367px) {
}
/* *************** Page : Swift App Development / Section : IOS APP => End *************** */
/* *************** Page : Laravel Web Development / Section : Your Project => Start *************** */
.yourproject_wrapper {
  padding-top: 160px;
}

.yourproject_block {
  border-radius: 20px;
  background: #0a0f0d;
  padding: 52px 65px 104px 65px;
}

.yourproject_block .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 40px;
}

.yourproject_block p {
  color: #fff;
  font-size: 16px;
  margin-top: 17px;
}

.yourproject_btn a {
  display: inline-block;
  color: #fdfffe;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1px solid #fff;
  padding: 16px 42px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 32px;
}

.yourproject_btn a:hover {
  background: #fdfffe;
  color: #0a0f0d;
}

@media (max-width: 1199px) {
  .yourproject_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .yourproject_wrapper {
    padding-top: 80px;
  }

  .yourproject_block {
    padding: 30px;
  }

  .yourproject_block .inner_title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .yourproject_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .yourproject_wrapper {
    padding-top: 40px;
  }

  .yourproject_block {
    padding: 20px 15px;
  }

  .yourproject_block .inner_title {
    font-size: 28px;
  }
}

@media (max-width: 367px) {
}
/* *************** Page : Laravel Web Development / Section : Your Project => End *************** */
/* *************** Page : Laravel Web Development / Section : Lucrative => Start *************** */
.lucrative_wrapper {
  padding-top: 160px;
}

.lucrative_wrap {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 15px;
  min-height: 546px;
}

.lucrative_sec {
  position: relative;
}

.lucrative_conte {
  padding: 30px 0 0 50px;
  position: relative;
  z-index: 1;
}

.lucrative_conte .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  max-width: 561px;
}

.lucrative_conte p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 30px;
  max-width: 471px;
}

.lucrative_btn a {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #0085c3),
    color-stop(51%, #3de2f4),
    to(#0085c3)
  );
  background-image: -o-linear-gradient(left, #0085c3 0, #3de2f4 51%, #0085c3);
  background-image: linear-gradient(90deg, #0085c3 0, #3de2f4 51%, #0085c3);
  background-size: 200% auto;
  border: 1px solid #fff;
  border-radius: 28px;
  -webkit-box-shadow: 5px 5px 12px rgba(61, 225, 243, 0.22),
    -5px -5px 12px rgba(1, 135, 196, 0.08);
  box-shadow: 5px 5px 12px rgba(61, 225, 243, 0.22),
    -5px -5px 12px rgba(1, 135, 196, 0.08);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-top: 25px;
  padding: 16px 29px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.lucrative_btn a:hover {
  background-position: 100%;
  color: #fff;
}

.lucrative_img {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .lucrative_wrapper {
    padding-top: 120px;
  }

  .lucrative_conte {
    padding: 30px 0 0 30px;
  }

  .lucrative_wrap {
    min-height: 446px;
  }

  .lucrative_img {
    max-width: 493px;
  }
}

@media (max-width: 991px) {
  .lucrative_wrapper {
    padding-top: 80px;
  }

  .lucrative_img {
    max-width: 493px;
    position: unset;
    top: unset;
    right: unset;
    margin-left: auto;
    margin-top: 30px;
  }

  .lucrative_conte p {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .lucrative_wrapper {
    padding-top: 60px;
  }

  .lucrative_conte {
    padding: 0;
  }

  .lucrative_conte .inner_title {
    font-size: 25px;
  }
}

@media (max-width: 575px) {
  .lucrative_wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 367px) {
}
/* *************** Page : Laravel Web Development / Section : Lucrative => End *************** */
/* *************** Page : Mobile App Development / Section : app_development => Start *************** */
.app_development_wrapper {
  padding-top: 160px;
}

.app_development_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -30px;
}

.app_development_title .title {
  color: rgb(229, 229, 234);
  text-align: right;
  font-family: "NunitoSans-Bold";
  font-size: 70px;
  letter-spacing: 1.5px;
  width: 45%;
  padding: 0 30px;
  word-wrap: break-word;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.app_development_title p {
  color: #0a0f0d;
  font-size: 16px;
  width: 54%;
  padding: 0 30px 20px;
}

.app_development_block {
  margin-top: 65px;
}

.app_development_block ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -17px;
}

.app_development_block ul li {
  padding: 17px;
  width: 35%;
}

.app_development_block ul li:first-child,
.app_development_block ul li:last-child {
  width: 65%;
}

.app_development_list {
  border-radius: 15px;
  background: #f3f5f7;
  padding: 45px 35px;
  min-height: 350px;
}

.app_development_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.app_development_item1 {
  width: 60%;
}

.app_development_conte .inner_title {
  color: #0a0f0d;
  font-family: "NunitoSans-SemiBold";
  font-size: 20px;
  letter-spacing: 1.2px;
}

.app_development_conte p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 19px;
}

.app_development_link a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-family: "NunitoSans-Medium";
  font-size: 16px;
  letter-spacing: 0.8px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 30px;
}

.app_development_link a span {
  margin-left: 8px;
}

.app_development_link a:hover {
  color: #0176ab;
  border-bottom: 1px solid #0176ab;
}

.app_development_link a:hover span svg path {
  fill: #0176ab;
}

@media (max-width: 1199px) {
  .app_development_wrapper {
    padding-top: 110px;
  }

  .app_development_title {
    margin: 0 -15px;
  }

  .app_development_title .title,
  .app_development_title p {
    padding: 0 15px;
  }

  .app_development_title .title {
    font-size: 57px;
  }

  .app_development_block {
    margin-top: 45px;
  }

  .app_development_list {
    padding: 35px 15px;
  }
}

@media (max-width: 991px) {
  .app_development_wrapper {
    padding-top: 60px;
  }

  .app_development_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .app_development_title .title,
  .app_development_title p {
    width: 100%;
  }

  .app_development_title .title {
    text-align: left;
    font-size: 50px;
    margin-bottom: 15px;
  }

  .app_development_block {
    margin-top: 25px;
  }

  .app_development_block ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .app_development_block ul li,
  .app_development_block ul li:first-child,
  .app_development_block ul li:last-child {
    width: 100%;
    padding: 15px;
  }

  .app_development_list {
    padding: 35px 25px;
    min-height: 100%;
  }
}

@media (max-width: 767px) {
  .app_development_wrapper {
    padding-top: 60px;
  }

  .app_development_title .title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .app_development_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .app_development_item1 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 20px;
  }

  .app_development_list {
    padding: 25px 15px;
    min-height: 100%;
  }
}

@media (max-width: 367px) {
  .app_development_title .title {
    font-size: 38px;
  }
}
/* *************** Page : Mobile App Development / Section : app_development => End *************** */
/* *************** Page : Single E-commerce Portfolia / Section : Banner => Start *************** */
.single_banners .banner_wrapper {
  position: relative;
}

.single_banners .banner_left {
  position: absolute;
  top: 54%;
  left: 25%;
  transition: all 0.8s ease;
}
.single_banners .active .banner_left {
  top: 50px;
  left: 0;
  animation: banner_left 6s linear infinite;
}
@keyframes banner_left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.single_banners .banner_right {
  position: absolute;
  top: 50%;
  right: 25%;
  transition: all 0.8s ease;
}
.single_banners .active .banner_right {
  top: 290px;
  right: 0;
  animation: banner_right 6s linear infinite;
}
@keyframes banner_right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.single_banners .banner_wrap {
  background: #0a0f0d;
  margin-top: 90px;
  position: relative;
}

.single_banners .banner_block {
  padding: 110px 0 160px 0;
  text-align: center;
}
.single_banners .banner_conte .banner_title {
  color: #fff;
  font-family: NunitoSans-Black;
  font-size: 72px;
  letter-spacing: 3.6px;
  max-width: 843px;
  margin: 40px auto 0;
}
.single_banners .banner_conte {
  position: relative;
  display: inline-block;
}
.single_banners .banner_img_1 {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.single_banners .banner_img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.single_banners .banner_img_2 {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.single_banners .active .banner_img_2 {
  top: 36%;
  left: 39%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.single_banners .banner_img_3 {
  position: absolute;
  top: 60%;
  right: 12%;
  transform: translateX(-50%) rotate(-90deg);
  transition: all 0.8s ease;
}
.single_banners .active .banner_img_3 {
  top: 16%;
  right: 12%;
  transform: translateX(-50%) rotate(0);
  animation: rotate1 2s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1199px) {
  .single_banners .banner_block {
    padding: 110px 0 120px 0;
  }
  .single_banners .active .banner_img_2 {
    top: 39%;
    left: 36%;
  }
}

@media (max-width: 991px) {
  .single_banners .banner_block {
    padding: 80px 0 90px 0;
  }
  .single_banners .banner_conte .banner_title {
    font-size: 60px;
    margin: 40px auto 0;
  }
  .single_banners .active .banner_left,
  .active .banner_right {
    width: 130px;
  }
  .single_banners .active .banner_img_2 {
    top: 45%;
    left: 36%;
  }
}

@media (max-width: 767px) {
  .single_banners .banner_block {
    padding: 60px 0 60px 0;
  }
  .single_banners .banner_conte .banner_title {
    font-size: 52px;
    margin: 20px auto 0;
  }
  .single_banners .active .banner_right {
    top: 260px;
  }
  .single_banners .active .banner_left,
  .active .banner_right {
    width: 90px;
  }
  .single_banners .banner_right {
    top: 60%;
    right: 19%;
  }
  .single_banners .banner_left {
    top: 56%;
    left: 22%;
  }
  .single_banners .banner_img_3 {
    top: 60%;
  }
  .single_banners .banner_img_2 {
    top: 60%;
  }
}
@media (max-width: 575px) {
  .single_banners .banner_wrap {
    margin-top: 70px;
  }
}
@media (max-width: 450px) {
  .single_banners .banner_conte .banner_title {
    font-size: 42px;
    margin: 20px auto 0;
  }
  .single_banners .banner_block {
    padding: 60px 0 40px 0;
  }
  .single_banners .active .banner_img_2 {
    top: 55%;
    left: 13%;
  }
  .single_banners .active .banner_right {
    top: 240px;
  }
  .single_banners .banner_img {
    margin-top: 60px;
  }
  .single_banners .banner_img_1 {
    left: 35%;
    transform: translateX(-27%);
  }
  .single_banners .active .banner_left,
  .active .banner_right {
    width: 80px;
  }
  .single_banners .banner_right {
    top: 64%;
    right: 20px;
  }
  .single_banners .banner_left {
    top: 66%;
  }
  .single_banners .street_img img {
    width: 200px;
  }
}
/* *************** Page : Single E-commerce Portfolia / Section : Banner => End *************** */
/* *************** Page : Hire ios Developer / Section : Other Developers => Start *************** */

.other_developer_wrapper {
  padding-top: 160px;
}

.other_developer_title .title {
  color: #e5e5ea;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  letter-spacing: 3.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0a0f0d;
}

.other_developer_title p {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 18px;
  margin-top: 30px;
}

.other_developer_btn a {
  display: inline-block;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.other_developer_btn a:hover {
  background: #0a0f0d;
  color: #fff;
}

.other_developer_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.other_developer_title {
  width: 40%;
  padding: 0 15px;
}

.other_developer_sec {
  width: 50%;
  padding: 0 15px;
}

.other_developer_conte {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 70px 65px 30px 65px;
}

.other_developer_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.other_developer_conte ul li {
  padding: 15px;
  width: 50%;
}

.other_developer_conte ul li:nth-child(2) {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}

.other_developer_conte ul li:nth-child(4) {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}

.other_developer_item {
  text-align: center;
  border-radius: 20px;
  background: #fff;
  padding: 30px 15px 15px 15px;
  min-height: 200px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.other_developer_item:hover {
  -webkit-box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
  box-shadow: 0 32px 48px -2px rgba(14, 31, 53, 0.2);
}

.other_developer_item p {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  margin-top: 44px;
}

@media (max-width: 1199px) {
  .other_developer_wrapper {
    padding-top: 110px;
  }

  .other_developer_sec {
    width: 63%;
  }

  .other_developer_title .title {
    font-size: 57px;
  }
}

@media (max-width: 991px) {
  .other_developer_wrapper {
    padding-top: 60px;
  }

  .other_developer_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
  }

  .other_developer_title,
  .other_developer_sec {
    width: 100%;
    padding: 15px;
  }

  .other_developer_title {
    text-align: center;
  }

  .other_developer_title .title {
    text-align: center;
    font-size: 50px;
  }

  .other_developer_title p {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .other_developer_wrapper {
    padding-top: 40px;
  }

  .other_developer_title .title {
    font-size: 42px;
  }

  .other_developer_conte {
    padding: 65px 20px 20px 20px;
  }
}

@media (max-width: 575px) {
  .other_developer_title .title {
    font-size: 38px;
  }

  .other_developer_conte ul li {
    width: 50%;
  }
}

@media (max-width: 367px) {
  .other_developer_title .title {
    font-size: 32px;
  }

  .other_developer_conte ul li {
    width: 100%;
  }

  .other_developer_conte ul li:nth-child(2) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .other_developer_conte ul li:nth-child(4) {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .other_developer_conte {
    padding: 20px 20px 20px 20px;
  }
}

/* *************** Page : Hire ios Developer / Section : Other Developers => End *************** */
/* *************** Page : About Us / Section : About Hero => Start *************** */

.about_hero_wrapper {
  position: relative;
}

.about_hero_wrap {
  background-image: url(/../../../Assets/images/about_us/about_hero_bg.webp);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}
.about_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
}
.about_hero_block {
  position: absolute;
  bottom: 40px;
  z-index: 1;
}
.about_hero_block::after {
  content: "";
  position: absolute;
  width: 1920px;
  bottom: 45px;
  left: -399px;
  height: 2px;
  background: #fff;
}
.about_hero_sec {
  display: flex;
  align-items: center;
}
.about_hero_sec .title {
  font-family: Gilroy-ExtraBold;
  font-size: 200px;
  letter-spacing: 1.1px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
}
.about_hero_sec p {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.1px;
  max-width: 610px;
  margin-left: 48px;
  margin-top: 30px;
}
.about_hero_img {
  position: absolute;
  right: 490px;
  top: 21%;
  z-index: 1;
  animation: about_hero_img 5s linear infinite;
}
@keyframes about_hero_img {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*============== Hero Section Css End ===============*/

@media (max-width: 1800px) {
  .about_hero_img {
    right: 400px;
  }
}
@media (max-width: 1600px) {
  .about_hero_img {
    right: 300px;
  }
}
@media (max-width: 1440px) {
  .about_hero_img {
    right: 200px;
  }
}
@media (max-width: 1360px) {
  .about_hero_img {
    right: 150px;
  }
}

@media (max-width: 1199px) {
  .about_hero_img {
    right: 100px;
  }
}

@media (max-width: 991px) {
  .about_hero_block {
    position: relative;
    bottom: -329px;
    z-index: 1;
  }
  .about_hero_img {
    width: 140px;
    top: 27%;
  }
}

@media (max-width: 767px) {
  .about_hero_sec {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .about_hero_block {
    position: relative;
    bottom: -249px;
    z-index: 1;
  }
  .about_hero_sec .title {
    font-size: 160px;
  }
  .about_hero_sec p {
    margin-left: 0;
    margin-top: 10px;
  }
  .about_hero_block::after {
    bottom: 136px;
  }
}

@media (max-width: 575px) {
  .about_hero_img {
    width: 100px;
    top: 24%;
    right: 20px;
  }
  .about_hero_sec .title {
    font-size: 130px;
  }

  .about_hero_sec p {
    font-size: 18px;
  }
  .about_hero_wrap {
    min-height: 540px;
  }
  .about_hero_block::after {
    bottom: 120px;
  }
}

@media (max-width: 367px) {
  .about_hero_block::after {
    bottom: 137px;
  }
  .about_hero_sec p {
    margin-left: 0;
    margin-top: 0;
  }
}

/* *************** Page : About Us / Section : About Hero => End *************** */
/* *************** Page : About Us / Section : Our Vision => Start *************** */

.our_vision_wrapper {
  padding-top: 160px;
}
.our_vision_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -40px;
}
.our_vision_block {
  width: 50%;
  padding: 0 40px;
}
.our_vision_sec {
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  background: #fdfefe;
  position: relative;
  min-height: 588px;
  padding: 58px 30px 30px 30px;
}

.our_vision_sec::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: -o-linear-gradient(299deg, #595cff, #c6f8ff);
  background: linear-gradient(151deg, #595cff, #c6f8ff);
  top: 4px;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.our_vision_sec .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 8px;
  margin: 30px 0 33px 0;
}
.our_vision_sec .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0176ab;
  height: 1px;
  width: 176px;
}
.our_vision_sec p {
  color: #0a0f0d;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}

.our_vision_sec p::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 3px;
  width: 3px;
  height: 3px;
  background: #000;
}

@media (max-width: 1199px) {
  .our_vision_wrapper {
    padding-top: 110px;
  }

  .our_vision_sec {
    min-height: 599px;
    padding: 35px 20px 25px 25px;
  }
}

@media (max-width: 991px) {
  .our_vision_wrapper {
    padding-top: 90px;
  }
  .our_vision_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }
  .our_vision_block {
    width: 100%;
    padding: 15px;
  }
  .our_vision_sec {
    min-height: 100%;
  }
}

@media (max-width: 767px) {
  .our_vision_wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .our_vision_sec .title {
    font-size: 28px;
    margin: 20px 0 23px 0;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : About Us / Section : Our Vision => End *************** */
/* *************** Page : About Us / Section : Our Story => Start *************** */

.our_story_wrapper {
  padding-top: 160px;
}
.our_story_title .title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 65px;
}
.our_story_title .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  width: 300px;
  background: #0176ab;
}

.our_story_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}
.our_story_block {
  width: 55%;
  padding: 0 20px;
}
.our_story_conte {
  width: 45%;
  padding: 0 20px;
}
.our_story_sec .inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 40px;
}
.our_story_sec .main_title {
  font-family: Gilroy-ExtraBold;
  font-size: 140px;
  letter-spacing: 1.1px;
  margin-top: 20px;
  padding-left: 20px;
  line-height: 1;
  position: relative;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
}
.our_story_sec .main_title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #0176ab;
}
.our_story_sec .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 30px;
  margin-top: 35px;
  margin-bottom: 26px;
}
.our_story_sec p {
  color: #0a0f0d;
  font-size: 16px;
}
.our_story_sec p + p {
  margin-top: 35px;
}
.our_story_img {
  margin-bottom: 58px;
}
.our_story_inner_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -13px;
}
.our_story_inner_conte ul li {
  width: 33.33%;
  padding: 0 13px;
}
.our_story_item {
  border-radius: 10px;
  background: #cde8f4;
  padding: 24px;
}
.our_story_item .sub_inner_title {
  color: #0a0f0d;
  font-family: NunitoSans-Bold;
  font-size: 30px;
}
.our_story_item p {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 1199px) {
  .our_story_wrapper {
    padding-top: 110px;
  }

  .our_story_title .title {
    margin-bottom: 45px;
  }

  .our_story_sec .inner_title {
    font-size: 36px;
  }

  .our_story_sec .main_title {
    font-size: 117px;
  }

  .our_story_item {
    padding: 17px;
  }
}

@media (max-width: 991px) {
  .our_story_wrapper {
    padding-top: 90px;
  }
  .our_story_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }
  .our_story_block,
  .our_story_conte {
    width: 100%;
    padding: 15px;
  }

  .our_story_sec .sub_title {
    margin-top: 25px;
    margin-bottom: 19px;
  }
}

@media (max-width: 767px) {
  .our_story_wrapper {
    padding-top: 60px;
  }

  .our_story_sec .main_title {
    font-size: 105px;
  }

  .our_story_img {
    margin-bottom: 38px;
  }
}

@media (max-width: 575px) {
  .our_story_title .title {
    margin-bottom: 25px;
  }

  .our_story_sec .inner_title {
    font-size: 30px;
  }

  .our_story_sec .main_title {
    font-size: 72px;
  }

  .our_story_sec .sub_title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 25px;
  }
  .our_story_sec p + p {
    margin-top: 15px;
  }

  .our_story_img {
    margin-bottom: 25px;
  }
  .our_story_inner_conte ul {
    margin: 0 -10px;
  }
  .our_story_inner_conte ul li {
    padding: 0 10px;
  }

  .our_story_item {
    padding: 11px;
  }
}

@media (max-width: 367px) {
  .our_story_inner_conte ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
  }
  .our_story_inner_conte ul li {
    padding: 10px;
    width: 100%;
  }
}

/* *************** Page : About Us / Section : Our Story => End *************** */
/* *************** Page : About Us / Section : Nectarbits => Start *************** */

.nectarbits_wrapper {
  padding-top: 160px;
}
.nectarbits_title .title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  margin-bottom: 100px;
}

.nectarbits_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
}
.nectarbits_block_2 {
  width: 45%;
  padding: 0 20px;
}
.nectarbits_conte_2 {
  width: 45%;
  padding: 0 20px;
}
.nectarbits_sec {
  text-align: right;
}
.nectarbits_img {
  display: inline-block;
  position: relative;
}

.nectarbits_img .border_top {
  content: "";
  position: absolute;
  top: -25px;
  left: -70px;
  width: 368px;
  height: 1px;
  background: #000;
}

.nectarbits_img .border_left {
  content: "";
  position: absolute;
  top: -60px;
  left: -30px;
  width: 1px;
  height: 415px;
  background: #000;
}

.nectarbits_img .border_bottom {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -25px;
  width: 368px;
  height: 1px;
  background: #000;
}

.nectarbits_img .border_right {
  content: "";
  position: absolute;
  top: -20px;
  right: -30px;
  width: 1px;
  height: 425px;
  background: #000;
}
.nectarbits_inner_conte .inner_title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 28px;
}
.nectarbits_inner_conte .sub_title {
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 7px;
}
.nectarbits_inner_conte p {
  color: #fff;
  font-family: NunitoSans-Regular;
  font-size: 16px;
  margin-top: 55px;
}

@media (max-width: 1199px) {
  .nectarbits_wrapper {
    padding-top: 110px;
  }
}

@media (max-width: 991px) {
  .nectarbits_wrapper {
    padding-top: 90px;
  }

  .nectarbits_block {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .nectarbits_wrapper {
    padding-top: 80px;
  }
  .nectarbits_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
  }
  .nectarbits_block,
  .nectarbits_conte {
    width: 100%;
    padding: 15px;
  }

  .nectarbits_title .title {
    margin-bottom: 60px;
  }

  .nectarbits_sec {
    text-align: left;
  }
  .nectarbits_inner_conte .inner_title {
    margin-top: 50px;
  }

  .nectarbits_inner_conte p {
    margin-top: 25px;
  }

  .nectarbits_img {
    margin-left: 70px;
  }
}

@media (max-width: 575px) {
  .nectarbits_img {
    width: 190px;
  }

  .nectarbits_img .border_top {
    top: -20px;
    left: -62px;
    width: 248px;
  }

  .nectarbits_img .border_left {
    top: -46px;
    left: -23px;
    height: 262px;
  }

  .nectarbits_img .border_bottom {
    right: -60px;
    bottom: -18px;
    width: 238px;
  }

  .nectarbits_img .border_right {
    right: -24px;
    top: -4px;
    height: 275px;
  }

  .nectarbits_title .title {
    font-size: 28px;
  }

  .nectarbits_inner_conte .inner_title {
    margin-top: 40px;
    font-size: 25px;
  }
}

@media (max-width: 367px) {
  .nectarbits_img {
    width: 190px;
  }
}

/* *************** Page : About Us / Section : Nectarbits => End *************** */
/* *************** Page : About Us / Section : Our Employess => Start *************** */

.our_employees_wrapper {
  padding-top: 160px;
}
.our_employees .title {
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 65px;
}
.our_employees .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  width: 300px;
  background: #0176ab;
}

.our_employees_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.our_employees_block {
  width: 33.33%;
  padding: 0 15px;
}
.our_employees_sec {
  text-align: center;
}
.our_employees_sec .sub_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-top: 22px;
}
.our_employees_sec p {
  color: #0a0f0d;
  font-size: 16px;
  margin-top: 2px;
}
.our_employees_img {
  overflow: hidden;
  border-radius: 15px;
}
.our_employees_img img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.our_employees_img:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 1199px) {
  .our_employees_wrapper {
    padding-top: 130px;
  }
}

@media (max-width: 991px) {
  .our_employees_wrapper {
    padding-top: 110px;
  }

  .our_employees .title {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .our_employees_wrapper {
    padding-top: 80px;
  }
  .our_employees_wrap {
    margin: -15px;
  }
  .our_employees_block {
    width: 100%;
    padding: 15px;
  }
  .our_employees_img img {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .our_employees_wrapper {
    padding-top: 50px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : About Us / Section : Our Employess => End *************** */
/* *************** Page : About Us / Section : Recognization => Start *************** */

.recognization_wrapper {
  margin-top: 160px;
  background: #f3f5f7;
  padding: 120px 0;
}
.recognization_sec .title {
  color: #060606;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 95px;
}
.recognization_sec .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 300px;
  background: #0176ab;
}

.recognization_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.recognization_block {
  width: 30%;
  padding: 0 15px;
}
.recognization_conte {
  width: 65%;
  padding: 0 15px;
}

.recognization_inner_conte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -40px -17px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.recognization_inner_conte ul li {
  width: 33.33%;
  padding: 40px 17px;
}
.recognization_item p {
  color: #060606;
  font-size: 16px;
  margin-top: 20px;
}
.recognization_inner_conte .text_rec_inner_conte {
  color: #000;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  max-width: 463px;
  margin-top: 25px;
}
.recognization_item .the_manifest {
  margin-top: -45px;
}
.recognization_item .the_manifest1 {
  margin-top: 5px;
}

@media (max-width: 1199px) {
  .recognization_wrapper {
    margin-top: 110px;
    padding: 80px 0;
  }
}

@media (max-width: 991px) {
  .recognization_wrapper {
    margin-top: 90px;
  }
  .recognization_inner_conte ul {
    margin: -15px;
  }
  .recognization_inner_conte ul li {
    width: 50%;
    padding: 15px;
  }

  .recognization_block {
    width: 35%;
  }

  .recognization_sec .title {
    font-size: 35px;
    display: inline-block;
  }
  .recognization_sec .title::after {
    width: 100%;
  }
  .recognization_item .the_manifest {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .recognization_wrapper {
    margin-top: 80px;
    padding: 50px 0;
  }
  .recognization_wrap {
    margin: -15px;
  }
  .recognization_block,
  .recognization_conte {
    width: 100%;
    padding: 15px;
  }

  .recognization_sec .title {
    padding-bottom: 10px;
    margin-bottom: 35px;
  }
}

@media (max-width: 575px) {
  .recognization_wrapper {
    margin-top: 50px;
    padding: 40px 0;
  }

  .recognization_sec .title {
    font-size: 28px;
  }
  .recognization_inner_conte ul li {
    width: 50%;
  }
  .recognization_icon {
    width: 120px;
  }

  .recognization_item p {
    margin-top: 10px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : About Us / Section : Recognization => End *************** */
/* *************** Page : About Us / Section : Accomplishment => Start *************** */

.accomplishments_wrap {
  background-image: url(/../../../Assets/images/about_us/accomplishments_img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 73px 0 94px 0;
  position: relative;
}

.accomplishments_title .title {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 30px;
  text-align: center;
}

.accomplishments_block {
  margin-top: 90px;
}
.accomplishments_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -25px -50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.accomplishments_block ul li {
  width: 33.33%;
  padding: 25px 50px;
}
.accomplishments_list {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 2.2676515579223633px 2.2676515579223633px 0
      rgba(255, 255, 255, 0.15) inset,
    0 0 34.01477813720703px 0 rgba(255, 255, 255, 0.05) inset;
  -webkit-backdrop-filter: blur(36.36111068725586px);
  backdrop-filter: blur(36.36111068725586px);
  padding: 34px 30px 29px 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accomplishments_list:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.accomplishments_list .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 50px;
}
.accomplishments_list p {
  color: #fff;
  font-family: NunitoSans-SemiBold;
  font-size: 18px;
  margin-top: 8px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .accomplishments_wrap {
    padding: 53px 0 64px 0;
  }

  .accomplishments_block {
    margin-top: 50px;
  }
  .accomplishments_block ul {
    margin: -15px;
  }
  .accomplishments_block ul li {
    padding: 15px;
  }

  .accomplishments_list {
    padding: 25px 13px 20px 15px;
  }

  .accomplishments_list .inner_title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .accomplishments_title .title {
    font-size: 28px;
  }
  .accomplishments_block ul li {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .accomplishments_block {
    margin-top: 30px;
  }

  .accomplishments_block ul li {
    width: 50%;
  }

  .accomplishments_list {
    padding: 25px 23px 20px 25px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : About Us / Section : Accomplishment => End *************** */
/* *************** Page : About Us / Section : From You => End *************** */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.from_you_wrapper {
  padding-top: 160px;
}

.from_you_wrap {
  border-radius: 20px 0 0 20px;
  background: #f3f5f7;
  min-height: 355px;
  margin-left: auto;
  width: 75%;
  position: relative;
}

.from_you_img {
  position: absolute;
  top: 50px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0;
}

.from_you_sec {
  padding-top: 55px;
}

.from_you_block {
  max-width: 435px;
  margin: 0 auto;
}

.from_you_block p {
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 45px;
}

.from_you_btn a {
  display: inline-block;
  color: #0a0f0d;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  padding: 16px 35px;
  margin-top: 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.from_you_btn a:hover {
  background: #0a0f0d;
  color: #f3f5f7;
}

@media (max-width: 1360px) {
  .from_you_sec {
    padding-top: 55px;
    padding-left: 160px;
  }
}

@media (max-width: 1199px) {
  .from_you_wrapper {
    padding-top: 110px;
  }

  .from_you_sec {
    padding-top: 55px;
    padding-left: 260px;
  }
}

@media (max-width: 991px) {
  .from_you_wrapper {
    padding-top: 80px;
  }

  .from_you_img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -162px;
    max-width: 340px;
  }

  .from_you_block p {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .from_you_wrapper {
    padding-top: 60px;
  }

  .from_you_img {
    position: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    left: unset;
    max-width: 100%;
  }

  .from_you_wrap {
    min-height: 355px;
    width: 90%;
    padding: 30px 0;
  }

  .from_you_sec {
    padding-top: 25px;
    padding-left: 0;
  }

  .from_you_block {
    max-width: 100%;
  }

  .from_you_block p {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .from_you_block p {
    font-size: 26px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : About Us / Section : From You => End *************** */
/* *************** Page : Portfolio / Section : Ourworks Banner => Start *************** */

.portfolio .banner_wrapper {
  position: relative;
}

.portfolio .banner_wrap {
  width: 100%;
  min-height: 600px;
  background-color: #f1f3f6;
}

.portfolio .banner_block {
  padding-top: 170px;
}

.portfolio .hero_title {
  color: #0a0f0d;
  font-family: NunitoSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 3.6px;
}

.portfolio .banner_title .hero_subtitle {
  color: #0a0f0d;
  font-family: NunitoSans-Regular;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.5px;
  letter-spacing: 1.1px;
  margin-top: 23px;
  max-width: 903px;
}

.portfolio .banner_btn a {
  display: inline-block;
  border-radius: 28px;
  border: 1.5px solid #0a0f0d;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 16px 35px;
  text-decoration: none;
  margin-top: 35px;
  background: transparent;
  color: #0a0f0d;
  text-align: center;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}

.portfolio .banner_btn a:hover {
  background-color: #fff;
  color: #0a0f0d;
}

.portfolio .banner_img_block {
  margin-top: -100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .portfolio .banner_wrap {
    min-height: 500px;
  }

  .portfolio .banner_block {
    padding-top: 120px;
  }

  .portfolio .banner_wrap {
    padding-bottom: 50px;
  }

  .portfolio .hero_title {
    font-size: 62px;
  }

  .portfolio .banner_img_block {
    margin-top: -90px;
  }
}

@media (max-width: 767px) {
  .portfolio .hero_title {
    font-size: 50px;
  }

  .portfolio .banner_wrap {
    min-height: 470px;
  }
}

@media (max-width: 575px) {
  .portfolio .banner_block {
    padding-top: 100px;
  }

  .portfolio .hero_title {
    font-size: 45px;
  }

  .portfolio .banner_title .hero_subtitle {
    font-size: 16px;
    margin-top: 13px;
  }

  .portfolio .banner_btn a {
    margin-top: 15px;
  }

  .portfolio .banner_wrap {
    min-height: 100%;
  }

  .hero_inner_title {
    font-size: 28px;
  }

  .portfolio .banner_img_block {
    margin-top: -20px;
  }
}

/* *************** Page : Portfolio / Section : Ourworks Banner => End *************** */
/* *************** Page : Portfolio / Section : Section A => Start *************** */

.section_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_wrap {
  margin-top: -150px;
}

.section_wrap_ {
  margin-top: 160px;
}

.img_section {
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #fdfefe;
  position: relative;
  z-index: 1;
  margin-bottom: 45px;
  width: 47%;
  height: 100%;
}

.img_desc {
  padding: 25px;
}

.img_block img {
  width: 100%;
}

.img_desc .sec_title {
  color: #0a0f0d;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.img_desc .text_subtitle {
  color: #595757;
  font-family: NunitoSans-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-top: 15px;
}

.conte_section {
  border-radius: 20px;
  background: #0176ab;
  padding: 45px 40px 30px;
}

.conte_section .text_desc {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text_subtitle {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 43px;
}

.text_title {
  color: #fff;
  font-family: NunitoSans-Bold;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 21px;
}

.conte_main {
  background: #0a0f0d;
  border-radius: 20px;
}

.conte_btn_sec {
  background: #0a0f0d;
  padding: 40px 30px 44px;
  border-radius: 0 0 20px 20px;
}

.conte_btn_sec p {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.conte_btn a {
  display: inline-block;
  font-family: NunitoSans-Medium;
  border-radius: 28px;
  border: 1.5px solid #ffffff;
  padding: 16px 35px;
  margin-top: 40px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.conte_btn a:hover {
  background: #f3f5f7;
  color: #0a0f0d;
}

@media (max-width: 1199px) {
  .section_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 991px) {
  .section_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
  }

  .img_section {
    width: 100%;
  }

  .section_wrap {
    margin-top: -70px;
  }

  .section_wrap_ {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .section_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .img_section {
    width: 100%;
  }

  .section_wrap {
    margin-top: 45px;
  }

  .section_wrap_ {
    margin-top: 45px;
  }

  .conte_section .text_desc {
    font-size: 22px;
  }

  .text_title {
    font-size: 45px;
  }

  .conte_btn_sec p {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .section_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .img_section {
    width: 100%;
  }

  .section_wrap {
    margin-top: 45px;
  }

  .section_wrap_ {
    margin-top: 45px;
  }

  .conte_section .text_desc {
    font-size: 22px;
  }

  .text_title {
    font-size: 45px;
  }

  .conte_btn_sec p {
    font-size: 30px;
  }
}

/* *************** Page : Portfolio / Section : Section A => End *************** */
/* *************** Page : Portfolio / Section : Discuss Your Project => Start *************** */

.discuss_your_project_wrapper {
  padding-top: 160px;
}

.discuss_your_project_block {
  border-radius: 20px;
  background: #0a0f0d;
  padding: 50px 64px;
  position: relative;
}

.discuss_your_project_cconte .inner_title {
  color: #fff;
  font-family: NunitoSans-Medium;
  font-size: 40px;
}

.discuss_your_project_cconte p {
  color: #fff;
  font-size: 16px;
  margin-top: 17px;
}

.discuss_your_project_btn a {
  display: inline-block;
  color: #fdfffe;
  font-family: NunitoSans-Medium;
  font-size: 16px;
  letter-spacing: 0.8px;
  border-radius: 28px;
  border: 1px solid #fff;
  padding: 16px 42px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 32px;
}

.discuss_your_project_btn a:hover {
  background: #fdfffe;
  color: #0a0f0d;
}

.discuss_your_project_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.discuss_your_project_left {
  width: 70%;
  padding: 0 15px;
}

.discuss_your_project_right {
  width: 25%;
  padding: 0 15px;
}

@media (max-width: 1199px) {
  .discuss_your_project_wrapper {
    padding-top: 120px;
  }
}

@media (max-width: 991px) {
  .discuss_your_project_wrapper {
    padding-top: 80px;
  }

  .discuss_your_project_block {
    padding: 30px;
  }

  .discuss_your_project_cconte .inner_title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .discuss_your_project_wrapper {
    padding-top: 60px;
  }

  .discuss_your_project_sec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -15px;
  }

  .discuss_your_project_left,
  .discuss_your_project_right {
    width: 100%;
    padding: 15px;
  }

  .discuss_your_project_img {
    text-align: left;
    width: 160px;
  }
}

@media (max-width: 575px) {
  .discuss_your_project_wrapper {
    padding-top: 40px;
  }

  .discuss_your_project_block {
    padding: 20px 15px;
  }

  .discuss_your_project_cconte .inner_title {
    font-size: 28px;
  }
}

@media (max-width: 367px) {
}

/* *************** Page : Portfolio / Section : Discuss Your Project => End *************** */

.saas_v {
  justify-content: center;
  display: flex;
}

@media (max-width: 575px) {
  .saas_res {
    width: 370px;
    height: 204px;
  }
}

p {
  text-transform: lowercase !important;
}

p::first-letter {
  text-transform: uppercase !important;
}

/* white paper style /css : start */
.white_paper_hero_wrapper {
  position: relative;
}

.white_paper_hero_wrap {
  background-image: url(/https/nectarbits.com/img/whitepaper/banner.png);
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 50px;
  position: relative;
  margin-top: 90px;
  overflow: hidden;
}

/* .white_paper_hero_wrap::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 353px;
} */

ul {
  list-style: none;
  padding-left: 20px;
}

.custom-list li {
  margin-left: 30px !important;
  position: relative;
  margin-bottom: 10px;
}

.custom-list li::before {
  content: "• ";
  position: absolute;
  left: -20px;
}

ul.custom-list li {
  margin-bottom: 10px;
}

.custom-list p {
  line-height: normal;
  /* font-size: 15px; */
  margin: 0px !important;
}
.bold_color {
  color: black !important;
  font-weight: 600;
}

.white_single_paper_wrapper {
  margin: 60px 0px !important;
}

.white_single_paper_conte {
  border-radius: 20px;
  background: #f3f5f7;
  padding: 70px 65px 30px 65px;
  margin: 100px 0px;
}

.white_single_sec .title {
  font-size: 45px;
  color: white;
  font-weight: 600;
  text-align: center;
  padding: 0% 20% !important;
}

.white_single_other_developer_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
}

.white_single_other_developer_title {
  width: 40%;
  padding: 0 15px;
  margin: 75px 0px !important;
}

/* white paper style /css : end */
.box_1.wow.fadeInUp.bg_clr_sect {
  background-color: #1d1d1d;
}

h3.box_title.title_box_text {
  color: #fff !important;
}

/* Testimonial Css */

.card-grid-style-3 {
  padding: 40px 40px 10px 40px;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  position: relative;
  background: #ffffff;
  border: 10px solid #fad2e1;
  margin-bottom: 30px;
}

.card-grid-style-3 .grid-3-img img {
  border-radius: 50%;
  width: 55px;
  height: 55px;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.text-body-small {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}

.card-grid-style-3 {
  padding: 40px 40px 10px 40px;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  position: relative;
  background: #ffffff;

  margin-bottom: 30px;
}
.clr-1 {
  border: 10px solid #9a9e9896;
}

.clr-2 {
  border: 10px solid #186fa273;
}

.card-grid-style-3:hover {
  box-shadow: 0px 45px 80px rgba(0, 0, 0, 0.04);
}
.hover-up:hover {
  transform: translateY(-3px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.card-grid-style-3 .text-desc {
  height: 311px;
  overflow: hidden;
}

.text-heading-1 {
  font-family: "Chivo", sans-serif;
  font-weight: bold;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -1%;
  color: #101828;
}
.mt-30 {
  margin-top: 30px !important;
}

.color-gray-600 {
  color: #475467;
}
.text-body-lead-large {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}
.mt-70 {
  margin-top: 70px !important;
}
.text-heading-6 {
  font-family: "Chivo", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0%;
}

h3.core_service_h1 {
  margin-top: 10px !important;
  text-align: left !important;
  font-weight: 700 !important;
  color: white !important;
}

/* --- Custom Premium Components --- */

/* Hero V1 & SaaS Hero */
.hero-v1.hero-saas {
    position: relative;
    padding: 120px 0 100px;
    background: #0a0f1d;
    overflow: hidden;
}

.hero-inner {
    display: flex;
    align-items: center;
    gap: 60px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.hero-content {
    flex: 1;
    z-index: 5;
}

.badge-premium-blue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 8px 16px;
    border-radius: 50px;
    color: #60a5fa;
    font-weight: 700;
    font-size: 14px;
}

.hero-content h1 {
    color: #fff;
    font-size: 64px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 25px;
}

.brand-blue {
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-content p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 600px;
}

.feature-list {
    margin-bottom: 40px;
}

.feature-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
}

.feature-list li i {
    color: #3b82f6;
    font-size: 18px;
}

.cta-group-hero {
    display: flex;
    gap: 20px;
}

.btn-hero {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #3b82f6;
    color: #fff;
    padding: 18px 36px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);
}

.btn-hero:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(59, 130, 246, 0.4);
    background: #2563eb;
}

/* Floating Animations */
@keyframes floatUp { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-12px) rotate(1deg); } }
@keyframes floatDown { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(12px) rotate(-1deg); } }
@keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 20px rgba(139, 92, 246, 0.2); } 50% { box-shadow: 0 0 40px rgba(139, 92, 246, 0.5); } }

.floating-card-dark {
    background: rgba(15, 20, 35, 0.85);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    position: absolute;
    pointer-events: none;
    white-space: nowrap;
    color: #fff;
}

.floating-card-dark .icon-wrap {
    width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.05);
}

.floating-card-dark .text-wrap strong { display: block; font-size: 16px; font-weight: 800; margin-bottom: 4px; line-height: 1.2; }
.floating-card-dark .text-wrap span { display: block; color: rgba(255, 255, 255, 0.5); font-size: 13px; line-height: 1.2; }

.floating-pill-dark {
    background: linear-gradient(90deg, #7c3aed, #8b5cf6);
    color: #fff; font-weight: 700; border-radius: 30px; padding: 12px 24px; font-size: 15px; position: absolute; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4); border: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-visual-container { flex: 0.8; display: flex; align-items: center; justify-content: center; position: relative; }
.hero-visual-wrapper { position: relative; width: 450px; height: 500px; display: flex; align-items: center; justify-content: center; }

.saas-dashboard-mock {
    width: 340px; height: 420px; background: rgba(20, 25, 40, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; backdrop-filter: blur(25px); box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6); position: relative; z-index: 2; padding: 24px;
}

/* Service Tab Layout */
.services-layout {
    display: flex; gap: 40px; background: #ffffff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03); margin-top: 40px;
}

.responsive-tab { flex: 0 0 340px; border-right: 1px solid #f1f5f9; padding-right: 40px; }
.services-sidebar { display: flex; flex-direction: column; gap: 12px; }
.service-tab { display: flex; align-items: center; gap: 15px; padding: 18px 20px; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; border: 1px solid transparent; }
.service-tab.active { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 4px solid #7c3aed; }
.service-tab-icon { width: 44px; height: 44px; border-radius: 10px; background: #f1f5f9; color: #64748b; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.service-tab.active .service-tab-icon { background: rgba(139, 92, 246, 0.1); color: #7c3aed; }
.service-tab-title { font-weight: 700; color: #475569; font-size: 16px; margin: 0; }

.features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; }
.feature-item { background: #f8fafc; padding: 20px; border-radius: 12px; border: 1px solid #f1f5f9; transition: transform 0.3s ease; }
.feature-item:hover { transform: translateY(-3px); }

/* Expertise Cards */
.expertise-sec { padding: 100px 0; background: #0f172a; }
.expertise-card {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 35px; transition: all 0.4s ease; display: flex; flex-direction: column; gap: 20px;
}
.expertise-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.2); }
.expertise-card .card-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #7c3aed, #3b82f6); border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; }

/* Process Section */
.factors-sec { padding: 100px 0; background: #000; }
.process-card {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 30px; position: relative; transition: all 0.3s ease;
}
.process-card:hover { border-color: #7c3aed; background: rgba(255, 255, 255, 0.05); }
.process-number { position: absolute; top: 20px; right: 20px; font-size: 50px; font-weight: 800; color: rgba(255, 255, 255, 0.05); }
.process-icon { width: 50px; height: 50px; background: rgba(124, 58, 237, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #7c3aed; margin-bottom: 25px; }

/* Responsive Hacks */
@media (max-width: 991px) {
    .hero-inner { flex-direction: column; text-align: center; }
    .hero-content h1 { font-size: 48px; }
    .hero-content p { margin: 0 auto 30px; }
    .feature-list { display: inline-block; text-align: left; }
    .cta-group-hero { justify-content: center; }
    .services-layout { flex-direction: column; }
    .responsive-tab { flex: auto; border-right: none; border-bottom: 1px solid #f1f5f9; padding-right: 0; padding-bottom: 30px; }
}