/*---- HIDE FOR NOW ----*/
    .header__logo {
        max-width: 210px;
    }
.service-area .service-box .wc-btn-normal {
    display: none;
}

.main-menu ul.dp-menu .menuList li a {
    text-transform: none !important;
}

/*a.disabled {*/
/*    pointer-events: none;*/
/*    cursor: not-allowed;*/
/*}*/

/*---- HIDE FOR NOW ----*/

.header-area.min-sticky{
    transform: translateY(-100px);
}

.portfolio-content
/*---- SALMAN MOBILE MENU -----*/

/* Mobile menu container */
.main-mobile-menu {
    width: 100%;
    overflow-x: auto;
    padding-right: 30px;
    padding-bottom: 80px;
}

/* Remove default list styling */
.main-mobile-menu nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Menu items */
.main-mobile-menu nav ul li {
  position: relative;
  border-bottom: 1px solid #eee;
}

.main-mobile-menu nav ul li ul {
    margin-left: 25px;
}
.main-mobile-menu nav ul li ul li {
    border-bottom: 1px solid;
}
.main-mobile-menu nav ul li ul li:last-child {
    border: none;
}

/* Menu links */
.main-mobile-menu nav ul li a {
  display: block;
  padding: 15px;
  color: #ffffff;
  text-decoration: none;
}


/* Submenu styling */
.main-mobile-menu nav ul li ul {
  display: none;
}

/* When open, display submenu */
.main-mobile-menu nav ul li.open > ul {
  display: block;
}

/* Arrow icon styling (we’ll insert an element via JS) */
.submenu-toggle {
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}

/*---- SALMAN MOBILE MENU -----*/

.nav-menu ul li a.active {
    -webkit-text-fill-color: #fff;
}

.wtsp_btn {
  position: fixed;
  bottom: 16px;
  z-index: 999;
  max-width: 60px;
  height: auto;
  display: inline-block;
  left: 20px;
}

.container.large {
  /*     width: 88.54%; */
  width: 90.34%;
  max-width: 1730px;
  margin: 0 auto;
}

.container {
  max-width: 1326px;
}

.DomainBG__shade {
  background-image: url('../imgs/bgcover.jpg');
  background-size: cover;
  background-position: top center;
}

.header__cta {
  display: flex;
  align-items: center;
}

.header__cta * {
  display: block;
}

.header__cta>div {
  margin-left: 9.5px;
}

.header__cta span {
  color: #7C7171;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 7px;
}

.header__cta a {
  color: #000;
  font-family: Outfit;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.menu-item-has-children.overflow--class {
  position: static !important;
}

.menu-item-has-children.overflow--class .dp-menu {
  padding: 40px !important;
  background-color: #fff;
  /*background-repeat: no-repeat;*/
  /*background-position: left bottom;*/
  border-radius: 0 0 15px 15px !important;
}

.menucol-4 {
  width: 30%;
}

.menu-item-has-children.overflow--class .dp-menu {
  width: 100%;
}

.services_drop--down {
  display: flex;
}

.services_drop--down p {
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  color: var(--primary);
  margin-bottom: 10px;
  justify-content: space-between;
  max-width: 75%;
  border-bottom: 1px solid #bd2020;
  padding-bottom: 10px;
}

.main-menu ul.dp-menu .menuList li a::before {
  left: 0 !important;
}

.main-menu ul.dp-menu .menuList li {
  padding-left: 17px;
}

.ser--menu-left {
  width: 27%;
}

.menucol-4 p img {
  height: 35px;
  width: auto;
}

.left_wrapper--menu span {
  font-size: 30px;
  font-weight: bold;
  color: #121212;
  margin-bottom: 20px;
  display: block;
  margin-top: 8px;
}

.left_wrapper--menu p {
  margin-bottom: 40px;
  border: 0;
  font-size: 15px;
  max-width: 100%;
  text-transform: none;
  font-weight: 400;
}

.left_wrapper--menu img {
    width: 80%;
    height: auto;
}

.left_wrapper--menu img {
  animation: moveUpDownMenu 3s infinite ease-in-out;
  position: relative;
}


@keyframes moveUpDownMenu {
  0% {
    top: 0px;
  }

  50% {
    top: 30px;
    /* Moves the element 30px up */
  }

  100% {
    top: 0px;
  }
}

.left_wrapper--menu {
  border-right: 1px solid #eee;
  height: 100%;
  margin-right: 60px;
  padding-right: 44px;
}

.ser-menu-right {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  gap: 30px;
}

.herobanner__swiper {
  width: 100%;
  height: auto;
}

.herobanner__swiper {
  width: 100%;
  position: relative;
}

.hero-area .section-header .section-title .icon-first {
  display: inline !important;
}

.banner-arrows {
  margin-top: 89px;
  gap: 15px;
  display: flex;
}

.section-header .wc-btn-primary {
  box-shadow: 0 12px 18px 0 #1B8B8324;
}

/* --  banner end-- */
.container_inner {
  max-width: 1498px;
}

#featured__in .h3 {
  color: #212121;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 175%;
  /* 175% */
}

.featured_row {
  display: flex;
  align-items: center;
  margin-top: 115px;
  margin-bottom: 144px;
}

.featured_row .slick-slide {
  display: flex;
  align-items: center;
  min-height: 73px;
  margin-right: 50px;
  /* Add 50px gap between slides */
}

.featured_row .slick-list {
  margin-right: -50px;
  /* To compensate for the added gap on the last slide */
}

.left_featuredIn {
  max-width: 17% !important;
  border-right: 1px solid #E3E7E7;
  width: 100%;
}

.featured_slider.slick-initialized.slick-slider {
  max-width: 83%;
  width: 100%;
  overflow: hidden;
  margin-left: 23px;
}

.featured_slider::before {
  content: "";
  background: #f2f8fa;
  width: 53px;
  position: absolute;
  z-index: 9;
  display: block;
  filter: blur(6.3px);
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 73px;
}

.featured_slider::after {
  content: "";
  background: #fff;
  width: 53px;
  position: absolute;
  z-index: 9;
  display: block;
  filter: blur(6.3px);
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 73px;
}

/* ---------- journey---------- */
.journey_row {
  background: url(../imgs/journey_bg.jpg);
  background-size: cover;
  border-radius: 30px;
  padding-left: 190px;
  height: 484px;
  overflow: hidden;
}

.journey_row .row {
  /*   align-items: center; */
  height: 100%;
}

.journey_row .col-md-4 {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.journey_row .col-md-2,
.journey_row .col-md-4 {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sub_heading {
  color: #212121;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}

.sub_heading img {
  margin-right: 24px;
}
#my-marketing .main_h2 {
    text-transform: none;
}
.main_h2 {
  color: #212121;
  font-size: 50px;
  font-style: normal;
  font-weight: 600 !important;
  /*text-transform: capitalize;*/
  line-height: 1.4 !important;
}
.graphics-design .main_h2{
    line-height: 1.3 !important;
}
.count_j strong {
  color: #BD2020;
  font-size: 160px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.count_j p {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.seprator_cs {
  width: 196px;
  height: 1px;
  display: block;
  background: #000;
}

.count_j {
  /*       margin-bottom: 45px; */
  /*   margin-top: 80px; */
  margin: 90px 0;
}

.counter_journey {
  /*   height: 484px; */
  overflow-y: auto;
  scrollbar-width: none;
  /* For Firefox */
}

/* For WebKit browsers (Chrome, Safari, Edge) */
.counter_journey::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar */
}

.Domain_journey__wrapper {
  position: relative;
  z-index: 1;
}

.journey_row::after {
  content: "";
  background: url('../imgs/Domain-journey.png');
  display: block;
  width: 422px;
  position: absolute;
  right: 35px;
  top: -50px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: -1;
}

/* @keyframes slideY{
  0% {
    transform:translateY(0);
  }
  100% {
    transform:translateY(-50%);
  }
}
.custom-styling-inh4 {
/*     animation: slideY 5s linear; */
/*     animation: slideY 5s infinite linear; */
/* } */
/* ---------- Transforming ---------- */
.transfroming_ideas {
  padding-top: 100px;
  padding-bottom: 20px;
  /*padding-bottom: 127px; */
}

.transfroming_ideas p:not(.sub_heading) {
  margin-bottom: 30px;
  color: #212121;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6 !important;
}

.transfroming_ideas .main_h2 {
  margin-bottom: 30px;
}

.transfroming_ideas p strong {
  font-size: 22px;
  line-height: 1.6;
}

.stat-number {
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.stats-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stat-divider {
  background: #DEDEDE;
  width: 1px;
  height: 41px;
}

.transfroming_ideas p.stat-label {
  margin-bottom: 0 !important;
  color: #666;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-top: 7px;
}

.branding_red {
  color: #C32626;
}

.branding_green {
  color: #1B8B83;
}

.branding_yellow {
  color: #F8B418;
}

.branding_black {
  color: #313131;
}

.mx51 {
  width: 51%;
}

.mx49 {
  width: 49%;
}

.mx49 img {
  max-width: 115%;
  animation: moveUpDown 3s infinite ease-in-out;
  position: relative;
}

.transfroming_ideas .wc-btn-primary {
  padding: 18.5px 32.8px;
  background-color: #BD2020;
  box-shadow: 0 12px 18px 0 #BD202021;
  color: #FFF;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 45px;
}

/* ---------- footer---------- */
.service-area {
  background: url(../imgs/services_we_provide.jpg);
  background-size: cover;
  background-position: center;
}

.service-area .section-title-wrapper * {
  color: #fff !important;
}

.service-area .service-area-inner {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 100px;
}

.service-area .section-header {
  display: flex;
  gap: 20px 60px;
  align-items: center;
  justify-content: space-between;
}

.service-area .service-box .wc-btn-normal {
  text-transform: capitalize;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .service-area .section-header {
    flex-direction: column;
    align-items: flex-start
  }
}

.service-area .section-header .text {
  max-width: 400px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}

.service-area .section-header .title-wrapper {
  margin-top: 17px
}

.service-area .section-subtitle {
  color: var(--white)
}

.service-area .section-title {
  max-width: 505px;
  color: var(--white)
}

/* .service-area .services-wrapper .slick-track{
  display:flex;
  gap: 24px;
} */


.service-area .service-box {
  padding: 40px 35px 40px;
}
.services-wrapper .slick-track{
    display: flex !important;
}
.services-wrapper .slick-slide{
    height: inherit !important;
    margin: 0 10px;
    background-color: #1b1b1b;
    border-radius: 20px;
}

.dark .service-area .service-box {
  background-color: #222
}

.service-area .service-box:hover .wc-btn-normal {
  color: var(--theme)
}

.service-area .service-box .thumb img {
  max-height: 100px
}

.service-area .service-box .title {
  font-size: 25px;
  font-weight: bold;
  color: var(--white);
  line-height: 1.5;
}

.service-area .service-box .content {
  margin-top: 33px
}

.service-area .service-box .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #A4A2A2;
  margin-top: 20px;
}

.service-area .service-box .btn-wrapper {
  margin-top: 48px
}

.service-area .service-box .wc-btn-normal {
  color: var(--white);
  transition: all .5s
}

.service-area .services-wrapper-box {
  margin-top: 49px;
}

/*.service-box.has_fade_anim.pdrightadju {*/
/*  padding-right: 12px !important;*/
/*  padding-left: 30px !important;*/
/*}*/

.service-area .cf_btn.wc-btn-normal i {
  margin-left: 17px;
  font-size: 17px;
}

.services-wrapper .slick-prev.slick-arrow::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  z-index: 99999999;
  background: url("../imgs/services/service-slider-arrow-left.svg");
}

.services-wrapper .slick-next.slick-arrow::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  z-index: 99999999;
  background: url("../imgs/services/service-slider-arrow-right.svg");
}

.services-wrapper .slick-arrow {
  width: auto;
  height: auto;
  z-index: 9;
  opacity: 1 !important;
}

.services-wrapper .slick-prev.slick-arrow {
  left: -15px;
}

.services-wrapper .slick-next.slick-arrow {
  right: -15px;
}

.services-wrapper .slick-prev::before,
.services-wrapper .slick-prev::before,
.services-wrapper .slick-next::before,
.services-wrapper .slick-next::before {
  opacity: 1 !important;
}

.top_img {
  margin-bottom: -36px;
}

/* ---------- On Demand App ---------- */
.solutions_ondemand {
  padding: 120px 0;
}

.on_demand--wrapper h3 {
  color: #212121;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 17px;
}

.on_demand--wrapper p {
  color: #444;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
}

.ond--sec {
  background: #F7F2FF;
  border-radius: 20px;
}

.coupon,
.apparel_fashion {
  float: right;
}

.apwrapepr {
  padding-left: 40px;
  max-width: 90%;
  padding-top: 38px;
  margin-bottom: -20px;
}

.apwrapepr-2 {
  padding-left: 40px;
  max-width: 75%;
  padding-top: 38px;
}

.ond--sec>div>img {
  margin-bottom: 10px;
}

.ond--sec.rental-app {
  display: flex;
  background: #FFF1F6;
  padding-left: 42px;
  align-items: center;
  margin-bottom: 27px;
}

.rentalApp {
  max-width: 58%;
  margin-left: -50px;
}

.ond--sec.rental-app {
  display: flex;
  background: #FFF1F6;
  padding-left: 42px;
  align-items: center;
  margin-bottom: 27px;
}

.ond--sec.handy-man {
  background: #F8FFDA;
  display: flex;
  padding-left: 43px;
  padding-top: 35px;
  padding-right: 73px;
}

.ond--sec.handy-man>img {
  margin-left: 46px;
}

.ond--sec.handy-man div {
  width: 65%;
}

.ond--sec.handy-man {
  background: #F8FFDA;
  display: flex;
  padding-left: 43px;
  padding-top: 46px;
  padding-right: 73px;
}

.ond--sec.handy-man p {
  margin-bottom: 30px;
}

.ond--sec.coupon-app {
  background: #F8A4762E;
}

.ond--sec.grocery-app {
  background: #E7F6FF;
}

.ond--sec.parking-app {
  background: #E9FFEB;
}

.ond--sec.grocery-app {
  background: #E7F6FF;
  display: flex;
  padding-left: 42px;
  align-items: center;
  margin-bottom: 27px;
}

.Grocery {
  padding-top: 34px;
}

.ond--sec.parking-app {
  background: #E9FFEB;
  display: flex;
  padding-left: 43px;
  padding-top: 44px;
  padding-right: 33px;
}

.coupon {
  max-width: 90.6%;
}

.ond--sec.Classified {
  background: #FFEEFE;
  padding-top: 20px;
}

.Classified .apwrapepr-2 {
  padding-top: 0;
  padding-bottom: 38px;
  margin-top: -130px;
}

.ond--sec.event-app {
  background: #E7F6FF;
  padding: 40px;
  padding-bottom: 0;
  padding-top: 38px;
}

.ond--sec.event-app p {
  max-width: 55%;
}

.ond--sec.event-app>img {
  margin: 0 auto !important;
  margin-top: 0px;
  display: block;
  margin-top: -55px !important;
}

.solutions_ondemand .section-header__cs {
  margin-bottom: 40px;
}

.on_demand_slide {
  max-width: 1296px;
  margin: 0 15px;
}

/* ---------- Industries---------- */
.section-header__cs {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.industries_wrapper {
  background-image: url('../imgs/ind_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 100px 0;
}

.in--cnt_div p {
  color: #212121;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 22px;
}

.in--cnt_div {
  background: #fff;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 50px;
  border-radius: 10.222px;
}

.industries_wrapper .section-header__cs {
  margin-bottom: 45px;
}

.arrows-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}


.arrows-wrapper .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #a8a8a1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrows-wrapper .slick-arrow img {
    opacity: 0;
    display: none;
}
.arrows-wrapper .slick-arrow:before {content: "\f104";font-family: 'FontAwesome';}
.arrows-wrapper .slick-arrow:last-child:before {
    content: "\f105";
}
.arrows-wrapper .slick-arrow:hover {
    background-color: #bd2020;
    border-color: #bd2020;
    color: white;
}

.in--cnt_div img {
  margin: 0 auto;
}

.industries_slider {
  margin: 0 -9px;
}

.industries--slide {
  margin: 0 9px;
}

/* ---------- Portfolio ------------ */
.custom__portfolio {
  padding: 120px 0;
}

.portfolio_box {
  display: none;
  transition: opacity 0.5s ease-in-out;
}

.portfolio_bg.bg {
  background: url('../imgs/portfolio_bg.jpg');
  background-size: cover;
  border-radius: 30px;
}

.hm-portfolio {
    background: url(../imgs/home-portfolio-image.png) !important;
    background-size: cover !important;
}

.portfolio_box.pr-show {
  display: block;
  opacity: 1;
}

.portfolio_bg {
  position: sticky;
  top: 150px;
  padding: 80px 0;
}

.col-pr-right {
  width: 59%;
  text-align: right;
}

.col-pr-left {
  width: 41%;
  display: flex;
  align-items: center;
}

.portfolio_box p:not(.sub_heading) {
  color: #444;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
}

.pr_row {
  display: flex;
  gap: 140px;
}

.ui-design {
  color: #BD2020;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border-radius: 100px;
  background: #FFD3D3;
  height: 31px;
  display: inline-block;
  padding: 0 17px;
  line-height: 31px;
  margin-right: 10px;
}

.ui-design.clr {
  color: #015D2D;
  background: #BFDFDC;
}

.mgad {
    margin-bottom: 50px !important;
    margin-top: 25px;
}

/* ---------- CEO Message ---------- */
.ceo_message {
  background: url("../imgs/ceo_bg.jpg");
  text-align: center;
  padding: 90px 0;
  background-size: cover;
}

.ceo_message .sub_heading {
  justify-content: center;
}

.ceo_quote {
  padding: 102px 85px 55px;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
  margin-top: 50px;
}

.ceo_quote p {
  color: #212121;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.ceo_name {
  color: #BD2020;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}

.designation {
  color: #212121;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.ceo_quote p {
  position: relative;
}

.ceo_quote p::before {
  content: '';
  background: url("../imgs/left-quote.png");
  width: 118px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 73px;
  display: block;
  position: absolute;
  top: -48px;
}

.ceo_quote p::after {
  content: '';
  background: url("../imgs/right-quote.png");
  width: 118px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 73px;
  display: block;
  position: absolute;
  bottom: 0;
  right: -43px;
}

/* ---------- Next Level ---------- */
.next_level .wc-btn.wc-btn-primary {
  font-size: 18px;
  font-weight: bold;
  padding: 21px 35.8px;
  background-color: #BD2020;
  box-shadow: 0 12px 18px 0 #BD202021;
}

.next_level p {
  color: #212121;
  font-family: Outfit;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 17px;
  margin-bottom: 37px;
}

.next_level {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 45px;
  background: url(../imgs/next-level-bg.jpg);
  background-size: cover;
  background-position: bottom center;
  position: relative;
}

.img_wrapper {
  position: relative;
  display: inline-block;
  margin-top: 60px;
}

.n-shape-1 {
  position: absolute;
  right: 0;
  border-radius: 15.147px;
  background: #1B8B83;
  box-shadow: -23px 13px 50px 0px rgba(0, 0, 0, 0.20);
  animation: next_level 5s infinite ease-in-out;
}

.n-shape-2 {
  position: absolute;
  left: 0;
  box-shadow: 0px 0px 76.9px 0px rgba(0, 0, 0, 0.10);
  border-radius: 15.147px;
  animation: next_level2 5s infinite ease-in-out;
  bottom: 200px;
}

.n-shape-3 {
  position: absolute;
  right: 6%;
  top: 17%;
  animation: next_level3 5s infinite ease-in-out;
}

@keyframes next_level3 {
  0% {
    top: 17%;
  }

  50% {
    top: 18%;
  }

  100% {
    top: 17%;
  }

}

@keyframes next_level {
  0% {
    top: 100px;
  }

  50% {
    top: 120px;
    /* Moves the element 30px up */
  }

  100% {
    top: 100px;
  }

}

@keyframes next_level2 {
  0% {
    bottom: 200px;
  }

  50% {
    bottom: 220px;
    /* Moves the element 30px up */
  }

  100% {
    bottom: 200px;
  }

}

/* ---------- Testimonial ---------- */

.testimonial_wrapper {
    background: url(../imgs/testimonial_bg.jpg);
    padding: 100px 0;
    background-size: cover;
    background-position: center;
}

.testimonai_left--box {
  background: #FDFAF8;
  text-align: center;
}

.arrows-wrapper.tst {
  justify-content: center;
  margin-bottom: 0;
}

.testimonai_left--box span {
  color: #212121;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  display: block;
  line-height: 1.1;
}

.total_review {
  color: #212121;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
}

.start_tst {
  margin-bottom: 10px;
  margin-top: 10px;
}

.testimonai_left--box .txt {
  color: #212121;
  text-align: center;
  font-family: Outfit;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 45px !important;
}

.testimonai_left--box {
  background: #FDFAF8;
  text-align: center;
  padding-top: 39px;
  padding-bottom: 43px;
  padding-left: 85px;
  padding-right: 85px;
  border-radius: 20px;
}

.tst-sl-wrapper {
  background: #FDFAF8;
  padding: 40px;
  border-radius: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.tst-sl-wrapper>div>p {
  color: #888;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin-top: 35px;
  line-height: 1.5;
}

.tst-sl-wrapper>div>p span {
  color: #2C2C2C;
}

.tst_name {
  color: #BD2020;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.7;
}

.tst_designation {
  color: #888;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 7px;
}

.tst_foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
}

.tst_foot img {
  width: 64px;
  height: 64px;
}

.testimonial_wrapper .slick-list.draggable,
.testimonial_slider {
  height: 100%;
}

.testimonial_slider .slick-track {
  display: flex;
  height: 100%;
  gap: 30px;
}

.testimonial_wrapper .col-md-8 {
  padding: 0;
}

.testimonial_wrapper .main_h2 {
  margin-bottom: 60px;
}


/* ---------- clientele---------- */
.clientele_wrapper {
  background: url('../imgs/client_bg.jpg');
  padding-top: 96px;
  padding-bottom: 77px;
}

.client_slider .slick-track {
  display: flex;
  align-items: center;
  gap: 71px;
}

.client_slider {
  margin-top: 40px;
  position: relative;
}

.client_slider::before {
  content: "";
  background: #f1fbfd;
  width: 56px;
  position: absolute;
  z-index: 9;
  display: block;
  filter: blur(6.3px);
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 110px;
}

.client_slider::after {
  content: "";
  background: #f7f0ec;
  width: 56px;
  position: absolute;
  z-index: 9;
  display: block;
  filter: blur(6.3px);
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 110px;
}

/* -------- blog ---------- */
.right_head-blog {
  display: flex;
}


.blg_cnt {
    padding: 0 10px;
}
.blg_cnt img {
    border-radius: 20px;
}
.blg_cnt .h3 {
  color: #212121;
  font-family: Outfit;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 25px;
  line-height: 1.4;
}

.home_blog {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

section.home_blog:after {
    content: "";
    background: url(../imgs/home-blogs.png);
    width: 126px;
    height: 229px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.blg_date {
  color: #212121;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  align-items: center;
  display: flex;
}

.blg_date::before {
  content: "";
  width: 48px;
  margin-right: 20px;
  height: 1px;
  background: black;
  display: block;
}

.right_head-blog {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right_head-blog p {
  color: #212121;
  font-size: 20px;
  line-height: 1.5;
  max-width: 57%;
}

.blg_section_head .row {
  align-items: flex-end;
}

.blg_section_head .arrows-wrapper {
  margin-bottom: 0;
}

.blg_section_head {
  margin-bottom: 60px;
}

/* ---------- location -------- */
.footer_location .sub_heading {
  justify-content: center;
}

.footer_location {
  text-align: center;
  position: relative;
}

.location_head {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
}
.location_head h2 {
    font-size: 70px;
}
.location_head .sub_heading {
    margin-bottom: 0;
}

.footer_location img {
  pointer-events: none;
}

/* ---------- footer ---------- */
.footer-area {
  background: url(../imgs/footer_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-logo img {
  margin-bottom: 50px;
}

.copyright-area {
  border-top: 1px solid #202020
}

.copyright-area-inner {
  padding: 32px 0;
  position: relative
}

.copyright-area-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copyright-text p {
  font-size: 18px;
  color: #999;
  font-weight: 500;
}

.copyright-area-inner ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #999;
}

.copyright-area-inner a:hover {
  color: #fff;
}

.footer-logo p {
  color: #999999;
  line-height: 1.7;
  font-size: 18px;
  padding-right: 50px;
}

.footer-area .footer-area-inner {
  display: grid;
  gap: 80px 50px;
  grid-template-columns: 23% 16% 18% 29%;
  justify-content: space-between;
  overflow: hidden;
  padding-bottom: 94px;
  padding-top: 150px;
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-area-inner {
    padding-top: 60px;
    padding-bottom: 54px;
    gap: 50px 60px;
    grid-template-columns: auto auto auto;
  }
  ul#pr-tabs li a{
      text-align: center;
  }
}

@media only screen and (max-width: 767px) {
   
  .footer-area .footer-area-inner {
    grid-template-columns: auto auto;
  }
  
    .arrows-wrapper {
        justify-content: end;
    }
    
section.transfroming_ideas .mx49 {
    text-align: center;
}
section.transfroming_ideas img {
    width: 90%;
}

.contact-banner img {
    width: 85%;
    margin: 0 auto;
}
.contact-banner .c-img {
    text-align: center;
}

  
}

@media(max-width: 575px) {
  .footer-area .footer-area-inner {
    grid-template-columns: auto;
  }
}

.footer-area .footer-area-inner>* {
  min-width: 130px
}

.footer-area .footer-area-inner>*:first-child {
  grid-row: span 2;
  position: relative;
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-area-inner>*:first-child {
    grid-row: auto;
  }
}

.footer-area .footer-area-inner>*:first-child:after {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% + 400px);
  background-color: #202020;
  top: 0px;
  inset-inline-end: 0;
}

.cntfootdetails li {
  margin-bottom: 15px;
}

.footer-area .social-links {
  margin-left: -7px;
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-area-inner>*:first-child:after {
    display: none;
  }
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-area-inner>*.newsletter {
    grid-column: span 2;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-area-inner>*.newsletter {
    order: 1;
  }
}

@media(max-width: 575px) {
  .footer-area .footer-area-inner>*.newsletter {
    grid-column: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-logo img {
    max-height: 34px;
  }
}

.footer-area .footer-widget-wrapper .title {
  font-size: 25px;
  line-height: .73;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1080px) {
  .footer-area .footer-widget-wrapper .title {
    font-size: 22px;
  }
}

.footer-area .footer-nav-list {
  margin-top: 27px;
}

.footer-area .footer-nav-list li {
  font-size: 18px;
  line-height: 30px;
  color: var(--white-2)
}

.footer-area .footer-nav-list li a:hover {
  color: var(--white)
}

.footer-area .footer-nav-list li .location {
  margin-bottom: 22px;
  display: inline-block;
}

.footer-area .social-links {
  display: flex;
  margin-top: 36px;
}

.footer-area .social-links li {
  line-height: 1;
}

.footer-area .social-links li a {
  color: var(--white-2);
}

.footer-area .social-links li a:hover {
  color: var(--white);
}

.footer-area .newsletter-text {
  margin-top: 29px;
}

.footer-area .newsletter-text .text {
  color: var(--white-2);
}

.subscribe-form {
  margin-top: 38px;
}

.subscribe-form .input-field {
  background-color: #202020;
  border-radius: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 25px 25px;
}

.subscribe-form .input-field input {
  border: 0;
  background-color: #202020;
  color: #999;
  width: 100%;
}

.subscribe-form .input-field input::-moz-placeholder {
  color: var(--white-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.subscribe-form .input-field input::placeholder {
  color: var(--white-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.subscribe-form .input-field input:focus {
  outline: 0;
}

.subscribe-form .input-field .subscribe-btn img,
.subscribe-form .input-field .subscribe-btn i {
  color: var(--theme);
}

.dir-rtl .subscribe-form .input-field .subscribe-btn img,
.dir-rtl .subscribe-form .input-field .subscribe-btn i {
  transform: rotateY(180deg);
}

.subscribe-form .input-field .icon {
  color: var(--white-2);
}

.subscribe-form .policy-field {
  margin-top: 20px;
}

.subscribe-form .policy-field label {
  font-size: 14px;
  margin-inline-start: 6px;
}

.subscribe-form .policy-field label span {
  color: var(--primary);
  font-weight: 500;
}

div#newsletterMessage {
    padding: 0 5px;
}
div#newsletterMessage * {
    color: white;
}
div#newsletterMessage p {
    border: 1px solid;
    padding: 10px 10px;
    margin-top: 14px;
}
div#newsletterMessage p.danger {
    border-color: red;
}
div#newsletterMessage p.success {
    border-color: green;
}

/* ###### About Us Page ####### */
.comapny_banner--wrapper {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 100px;
  background: url(../imgs/about-us/about-banner.jpg);
}

.about-container {
  max-width: 1435px;
  margin: 0 auto;
}

.comapny_banner--wrapper .h1 {
  color: #121212;
  font-size: 90px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 40px;
}

.abt_cnt_wrapper {
  max-width: 751px;
  display: flex;
  margin: 0 auto;
}

.abtpg_cnt-right p {
  color: #555;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.abtpg_cnt-right {
  width: 60%;
  text-align: left;
}

.abtpg_cnt-left {
  width: 40%;
}

.comapny_banner--wrapper .sub_heading img {
  width: 90px;
  margin-right: 50px;
}

.comapny_banner--wrapper .sub_heading {
  font-size: 22px;
  margin-top: 7px;
}

.global_achievement .container-fluid {
  padding: 0;
}

.global_achievement .row {
  margin: 0;
  gap: 0.6%;
}

.global_achievement .col-md-5,
.global_achievement .col-md-7 {
  padding: 0;
}

@media (min-width: 768px) {
  .global_achievement .col-md-7 {
    width: 54.033%;
  }

  .global_achievement .col-md-5 {
    width: 45.367%;
  }
}

.four_colwrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  gap: 1.2% !important;
}

.four_colwrapper .col_one {
  width: 49.4%;
  height: 49.4%;
  background-size: cover !important;
  background-position: top left !important;
}

.global_achievement img {
  width: 100%;
}

.col_one.green_bg {
  background-image: url(../imgs/about-us/GreenbG.png);
}
.col_one.white_bg {
  background-image: url(../imgs/about-us/about-right-white-bg.jpg);
}
.col_one.red_bg {
  background-image: url(../imgs/about-us/about-right-red-bg.jpg);
}

.col_one.black_bg {
  background-image: url(../imgs/about-us/about-right-black-bg.jpg);
}

.col_one p {
  color: #121212;
  font-family: Outfit;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  max-width: 65%;
}

.col_one span {
    color: #121212;
    font-size: 90px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
}

.col_one.red_bg *,
.col_one.black_bg *,
.col_one.green_bg *{
  color: #fff !important;
}

.col_one {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px;
}

.col_one.img {
  padding: 0;
}

.whoweare_abpg .row {
  align-items: center;
}

.abtext_ad {
  color: #212121;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  max-width: 90%;
}

.abtext_ad {
  margin-top: 12px;
  margin-bottom: 30px;
}

.success_rate p {
  color: #212121;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.success_rate img {
  margin-bottom: 18px;
}

.success_rate::before {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  background-image: url(../imgs/about-us/sucess-rate.png);
  background-size: contain;
}

.success_rate {
  display: flex;
  gap: 26px;
}

.max-img {
  width: 108%;
  max-width: 108%;
  margin-left: -8%;
}

.bg_about {
    background: url(../imgs/about-us/about-pg-bg.jpg);
    padding-top: 100px;
    padding-bottom: 100px;
}

.mission_wrapper {
  border-radius: 20px;
  background: #BD2020;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 40px;
  height: 100%;
}

.mission_wrapper * {
  color: #fff !important;
}

.mission_wrapper .h3 {
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 20px;
  gap: 22px;
  display: flex;
  align-items: center;
}

.mission_wrapper p {
  color: #E8E8E8 !important;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  max-width: 96%;
}

.mission_wrapper.green {
  background: #1B8B83 !important;
}

.mission_vision {
    margin-top: 80px;
    margin-bottom: 80px;
}

.fnt_20 {
  color: #212121;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .core_values .col-md-4 {
    flex: 0 0 auto;
    width: 38.333%;
  }

  .core_values .col-md-8 {
    flex: 0 0 auto;
    width: 61.667%;
  }
}

.core_values .sub_heading {
  margin-top: 50px;
}

.core_values .main_h2 {
  margin-bottom: 20px;
}

.core_values .fnt_20 {
  max-width: 88%;
}

.core_values img {
  border-radius: 15px;
}

.core_values>img {
  margin-top: 30px;
  margin-bottom: 77px;
}

.center_timeline {
  position: relative;
}

.core_timeline {
  display: flex;
}

.core_timeline p {
  color: #444;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.right_timeline p {
  max-width: 89%;
}

.left_timeline p {
  max-width: 80%;
  margin-left: auto;
}

.core_timeline .left_timeline {
  width: 45%;
  text-align: right;
}

.time_cnt .h3 {
  color: #212121;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  gap: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.core_timeline .left_timeline .time_cnt .h3 {
  justify-content: flex-end;
}

.core_timeline .left_timeline .time_cnt {
  margin-top: 279px;
}

.core_timeline .right_timeline .time_cnt {
  margin-bottom: 279px;
}

.core_timeline .center_timeline {
  width: 10%;
}

.core_timeline .right_timeline {
  width: 45%;
}

.right_timeline {
  padding-top: 63px;
}

.core_timeline .left_timeline {
  padding-top: 10px;
}

.timeline_sticky {
  text-align: center !important;
}

.timeline_sticky {
  text-align: center !important;
  position: sticky;
  top: 150px;
}

.center_timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: rgba(1, 1, 1, 0.2);
  top: 0;
  bottom: 0;
  left: 50%;
}

.timeline_sticky img {
  margin-top: -22px;
}

/*-- about end --*/

/* ###### Web Design Page ####### */
.webdpg_banner--wrapper {
    padding-top: 200px;
    padding-bottom: 70px;
    background-image: url(../imgs/web/web-pg-bg-1.webp);
    background-size: cover;
    background-position: top center;
}

.webdpg_banner--wrapper .bnr_row .row {
    align-items: center;
}

.banner_heading {
  color: #121212;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.25;
}
.graphics-design .banner_heading {
  font-size: 61px;
}
.banner_heading span {
  color: #BD2020;
}

.bnr_row p {
  color: #555;
  font-size: 20px;
  line-height: 1.38;
  margin-bottom: 35px;
  margin-top: 20px;
  /*max-width: 86%;*/
}

.pg_btn {
    padding: 17.5px 30px;
    background-color: #1B8B83;
    border-radius: 15px;
    transition: all .3s;
    box-shadow: 0 12px 18px 0 #1B8B8324;
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* width: 223px; */
    display: inline-block;
    text-align: center;
    margin-top: 15px;
}
.pg_btn.wd223 {
  width: 223px;
}

.bnr_row .clrblck {
  color: #000 !important;
  margin-bottom: 40px !important;
}
.pg_btn:hover {
  opacity: 0.9;
}

.webbannerImg {
  /*max-width: 140%;*/
  /*margin-left: -20%;*/
  animation: webmove 3s infinite ease-in-out;
  position: relative;
  margin-top: -1%;
}

@keyframes webmove {
  0% {
    top: 0px;
  }

  50% {
    top: 5px;
    /* Moves the element 30px up */
  }

  100% {
    top: 0px;
  }
}

.fnt_18 {
  color: #212121;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
}
.custom_list-ic{
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 16px;
}
.custom_list-ic li::before {
  content: "";
  background: #fff;
  width: 15px;
  height: 15px;
  display: block;
  border: 4px solid #BD2020;
  border-radius: 10px;
  margin-right: 12px;
}
.custom_list-ic li {
  display: flex;
  align-items: center;
}
.bld600 {
  font-weight: 600;
}

p:not(:last-child) {
    margin-bottom: 15px;
}


.web_row_2 .main_h2 {
  margin-bottom: 22px;
}
.accordion-body ul li {
  font-size: 18px;
}
@media (min-width: 768px) {
  .col-md-6.web44 {
    flex: 0 0 auto;
    width: 45.2%;
  }

  .col-md-6.web56 {
    flex: 0 0 auto;
    width: 54.8%;
  }

  .col-md-6.web49 {
    flex: 0 0 auto;
    width: 49%;
  }

  .col-md-6.web51 {
    flex: 0 0 auto;
    width: 51%;
  }
}

/*.col-md-6.web51 img {*/
/*  max-width: 106%;*/
/*  margin-left: -6%;*/
/*  animation: webmove 3s infinite ease-in-out;*/
/*}*/

.web_row_2 .row {
  align-items: center;
}

.wnImg {
  animation: webmove 3s infinite ease-in-out;
  position: relative;
  max-width: 132.3%;
  margin-left: -32%;
}

.pd90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.service-area .section-header .webpg-text {
  max-width: 691px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 20px;
}

.web_process {
  padding: 50px 0;
}

.web_process .row:first-child {
  align-items: flex-end;
  margin-bottom: 90px;
}

.web_process .row:first-child .pr_head_para {
  margin-bottom: 7px;
}

.web_process .row:last-child {
  justify-content: center;
}

.webp-wrapper {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  margin-bottom: 65px;
}

.webp-wrapper img {
  margin-top: -45px;
}

.webp-wrapper h3 {
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 17px;
}

.webp-wrapper h3.green {
  color: #1B8B83;
}

.webp-wrapper h3.red {
  color: #D03D3D;
}

.webp-wrapper h3.yellow {
  color: #F8B418;
}

.webp-wrapper p {
  color: #212121;
  font-family: Outfit;
  font-size: 18px;
  line-height: 1.6;
}

.award_honors {
  background-image: url(../imgs/web/award_bg.jpg);
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 75px;
}

.award_honors p {
  max-width: 71%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 46px;
}

.awards_logo {
  background: #fff;
  padding: 17px 50px;
  position: relative;
}

.awards_logo::before {
  content: "";
  background: linear-gradient(90deg, #FFF 5.09%, rgba(255, 255, 255, 0.00) 10.97%, rgba(255, 255, 255, 0.00) 88.15%, #FFF 94.26%);
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  height: 100%;
  width: 97%;
  margin: auto;
  top: 0;
}

.awrd_slide::before {
  content: "";
  width: 1px;
  height: 71px;
  background: #CFCFCF;
  display: block;
  position: absolute;
  left: 0;
}

.awards_logo .slick-track {
  background: #fff;
  display: flex;
}

.awards_logo .slick-list.draggable {
  display: flex;
  height: 100% !important;
}

.awrd_slide {
  position: relative;
  width: 244px;
  display: flex !important;
  align-items: center !important;
  height: 100%;
  justify-content: center;
  min-height: 100% !important;
}

.webFAQ .accordion-item {
  border: 0 !important;
  margin-bottom: 20px;
  border-radius: 12px !important;
  background: #FFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 10px 30px;
}

.webFAQ .accordion-button {
  color: #222 !important;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  background: transparent !important;
  border: 0 !important;
  padding: 0;
  height: 60px;
}

button.accordion-button:focus {
  outline: none;
  box-shadow: none;
}


.webFAQ .accordion {
  --bs-accordion-border-color: #fff;
}

.webFAQ .accordion-body {
  color: #444;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
  max-width: 86%;
}

.webFAQ .accordion-body {
  margin-bottom: 35px;
}





/* ###### Media Query ####### */
@media only screen and (max-width: 1680px) and (min-width: 1551px) {
  .container.large {
    width: auto !important;
    max-width: 1415px;
  }

  .header-area .wc-btn-primary {
    padding: 15.40px 23.06px;
  }

  .wc-btn-primary {
    font-size: 13.32px;
  }

  .main-menu li>a {
    font-size: 13.32px;
    /*padding: 30.80px 19.98px;*/
    padding: 47px 19.98px;
  }

  .services_drop--down p {
    font-size: 15px;
  }

  .main-menu ul.dp-menu li a {
    font-size: 13.32px;
  }

  .header__logo {
    max-width: 178.12px;
  }

  .header__cta img {
    max-width: 46.61px;
  }

  .header__cta span {
    font-size: 11.65px;
    margin-bottom: 5px;
  }

  .header__cta a {
    font-size: 13.32px;
  }

  .header-area .header-area__inner {
    height: 107px;
  }

  .hero-area {
    padding-top: 107px;
  }

  /*--- Header END ----*/
  .hero-area .year-box .title {
    margin-top: 24.97px;
    font-size: 24.97px;
  }

  .hero-area .year-box {
    border-radius: 29.13px;
    padding: 24.97px 31.63px 33.29px;
  }

  .hero-area .section-header .section-title {
    font-size: 83.24px;
  }

  .hero-area .content-first {
    padding-top: 83.24px;
  }

  .hero-area .content-second {
    padding-top: 58.26px;
  }

  .banner-arrows {
    margin-top: 74.08px;
  }

  .hero-area .meta-info .text {
    margin-top: 21.64px;
    font-size: 16.65px;
  }

  .featured_row {
    display: flex;
    align-items: center;
    margin-top: 95.72px;
    margin-bottom: 119.86px;
  }

  .journey_row {
    border-radius: 24.97px;
    padding-left: 158.15px;
    height: 402.86px;
  }

  .journey_row::after {
    width: 351.25px;
  }

  #featured__in .h3 {
    font-size: 33.29px;
    line-height: 175%;
  }

  .journey_row .main_h2 {
    font-size: 41.62px;
  }

  .count_j strong {
    font-size: 133.18px;
  }

  .portfolio_bg {
    position: sticky;
    top: 124.85px;
    padding: 66.59px 0;
  }
  
 
.hero-area .section-content {
    gap: 0px 80px;
    grid-template-columns: 20% 1fr auto;
}

.col_one span {
    font-size: 79px;
}

}

@keyframes moveUpDown1550 {
  0% {
    top: 68.41px;
  }

  50% {
    top: 85.51px;
    /* Moves the element 30px up */
  }

  100% {
    top: 68.41px;
  }
}

@media only screen and (max-width: 1550px) {

  .container.large {
    width: auto !important;
    max-width: 1210px;
  }

  .container {
    max-width: 1080px;
  }

  .header-area .wc-btn-primary {
    padding: 13.17px 19.72px;
    border-radius: 12.83px;
  }

  .menu-item-has-children.overflow--class .dp-menu {
    padding: 30px !important;
  }

  .ser-menu-right {
    width: 70%;
    gap: 25px;
  }

  .menucol-4 {
    width: 31%;
  }

  .left_wrapper--menu span {
    font-size: 21px;
    margin-bottom: 15px;
    margin-top: 5px;
  }

  .left_wrapper--menu {
    margin-right: 35px;
    padding-right: 30px;
  }

  .hero-area .section-content {
    display: grid;
    gap: 0px 80px;
    grid-template-columns: 20% 60% auto;
    position: relative;
  }

  .wc-btn-primary {
    font-size: 11.39px;
  }

  .main-menu li>a {
    padding: 40px 17.09px;
    font-size: 14px;
  }

  .sticky .main-menu li>a {
    padding: 35px 17.09px;
  }

  .services_drop--down p {
    font-size: 14px;
    margin-bottom: 7px;
    max-width: 90%;
  }

  .main-menu ul.dp-menu li a {
    font-size: 13px;
  }

  .main-menu ul.dp-menu .menuList li a {
    padding: 6.4px 0;
    font-size: 12.3px;
  }

  .left_wrapper--menu p {
    font-size: 13px !important;
  }

  .menucol-4 p img {
    height: 30px;
    width: auto;
  }

  .header__logo {
    max-width: 210px;
  }

  .header__cta img {
    max-width: 39.86px;
  }

  .header__cta span {
    font-size: 9.96px;
    margin-bottom: 4.28px;
  }

  .header__cta a {
    font-size: 11.39px;
  }

  .header-area .header-area__inner {
    height: 91.50px;
  }

  .hero-area {
    padding-top: 91.50px;
  }

  .wc-btn-primary {
    padding: 15.82px 18.98px;
    font-size: 11.39px;
    border-radius: 12.83px;
    gap: 25.65px;
  }

  .hero-area .video-btn {
    position: relative;
    gap: 17.10px;
  }

  .wc-btn-normal {
    font-size: 15.39px;
    gap: 5px;
  }

  /*--- Header END ----*/
  .hero-area .hero-social .title {
    padding-inline-end: 68.41px;
    font-size: 13.68px;
  }

  .hero-area .year-box .title {
    margin-top: 21.35px;
    font-size: 21.35px;
  }

  .hero-area .year-box {
    border-radius: 24.91px;
    padding: 21.35px 27.05px 28.47px;
  }

  .hero-area .section-header .section-title {
    font-size: 71.18px;
  }

  .hero-area .content-first {
    padding-top: 71.18px;
  }

  .hero-area .content-second {
    padding-top: 49.82px;
  }

  .banner-arrows {
    margin-top: 63.35px;
    gap: 12.83px;
  }

  .hero-area .meta-info .text {
    margin-top: 18.50px;
    font-size: 15px;
  }

  .featured_row {
    display: flex;
    align-items: center;
    margin-top: 81.85px;
    margin-bottom: 102.50px;
  }

  .journey_row {
    border-radius: 21.35px;
    padding-left: 135.24px;
    height: 344.50px;
  }

  .journey_row::after {
    width: 345px;
  }
  
  #featured__in .h3 {
    font-size: 28.47px;
    line-height: 175%;
  }

  .journey_row .main_h2 {
    font-size: 35.59px;
  }

  .count_j strong {
    font-size: 113.89px;
  }

  .portfolio_bg {
    position: sticky;
    top: 106.76px;
    padding: 56.94px 0;
  }

  .header__nav {
    margin-right: 4.93px;
  }

  .hero-area .year-box .meta {
    font-size: 11.97px;
    padding: 7.70px 20.52px;
    border-radius: 8.55px;
  }

  .banner-arrows img {
    width: 70px;
  }

  .left_hero__slider img {
    width: 59.86px;
  }

  .hero-area-inner .shape-1 {
    top: 68.41px;
    z-index: -1;
    width: 580px;
    animation: moveUpDown1550 2.5s infinite ease-in-out;
  }

  .hero-area .section-header .btn-wrapper {
    margin-top: 34.20px;
    gap: 34.20px;
  }

  .hero-area .meta-info {
    margin-top: 89.79px;
  }

  .hero-area .hero-social .title::before {
    height: 51.31px;
  }

  .hero-social-links a img {
    max-width: 43.61px;
  }

  .featured_row .slick-slide {
    min-height: 62.42px;
    margin-right: 42.76px;
  }

  .sub_heading {
    font-size: 17.79px;
    margin-bottom: 14.95px;
  }

  .sub_heading img {
    max-width: 86.12px;
    margin-right: 22.06px;
  }

  .seprator_cs {
    max-width: 100%;
  }

  .count_j {
    margin: 76.96px 0;
  }

  .count_j p {
    font-size: 15.27px;
    line-height: 25.65px;
  }

  .main_h2 {
    font-size: 38.16px;
  }

  .transfroming_ideas {
    padding-top: 83.96px;
    padding-bottom: 20px;
  }

  .transfroming_ideas p strong {
    font-size: 20px;
    line-height: 1.6;
  }

  .transfroming_ideas p:not(.sub_heading) {
    margin-bottom: 22.90px;
    font-size: 18px;
  }

  .stat-number {
    font-size: 30.53px;
  }

  .transfroming_ideas .wc-btn-primary {
    padding: 14.12px 25.03px;
    box-shadow: 0 12px 18px 0 #BD202021;
    font-size: 13.74px;
    margin-top: 34.35px;
  }

  .top_img img {
    width: 250px;
  }

  .top_img {
    /* margin-bottom: -28px; */
  }

  .service-area .section-header .text {
    font-size: 18px;
    max-width: 305.30px;
  }

  .service-area .service-area-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

   .service-area .service-box .title {
    font-size: 20px;
  }
  .service-area .service-box .text {
    font-size: 17px;
  }

  .service-area .service-box {
    padding: 38.16px 30.53px 36.64px;
  }

  .services-wrapper .slick-prev.slick-arrow::before {
    background-size: contain;
    width: 38.16px;
    height: 38.16px;
  }

  .services-wrapper .slick-next.slick-arrow::before {
    background-size: contain;
    width: 38.16px;
    height: 38.16px;
  }

  .service-area .cf_btn.wc-btn-normal i {
    margin-left: 12.98px;
    font-size: 12.98px;
  }

  .service-area .service-box .thumb img {
    max-height: 76.33px;
  }

  .on_demand--wrapper p {
    font-size: 13.74px;
  }

  .ond--sec>div>img {
    margin-bottom: 7px;
    max-width: 53.43px;
  }

  .apparel_fashion {
    max-width: 93%;
  }

  .apwrapepr {
    padding-left: 30.53px;
    max-width: 82%;
    padding-top: 29.00px;
    margin-bottom: 3px;
  }

  .apwrapepr-2 {
    margin-bottom: 7px;
  }

  .on_demand--wrapper h3 {
    font-size: 22.90px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12.98px;
  }

  .ond--sec.rental-app {
    padding-left: 32.06px;
    margin-bottom: 20.61px;
  }

  .ond--sec.handy-man {
    background: #F8FFDA;
    display: flex;
    padding-left: 32.82px;
    padding-top: 22px;
    padding-right: 32.72px;
  }

  .ond--sec.handy-man>img {
    margin-left: 30px;
    max-width: 45% !important;
    max-width: 43.6% !important;
  }

  .on_demand_slide .col-md-5>div {
    height: 100%;
  }

  .hero-area .section-header .section-title .icon-first {
    max-width: 107.62px !important;
  }

  .ond--sec.handy-man p {
    margin-bottom: 22px;
  }

  .ond--sec.grocery-app {
    padding-left: 32.06px;
    margin-bottom: 20.61px;
  }

  .Grocery {
    padding-top: 25.95px;
    max-width: 62%;
  }

  .ond--sec.parking-app {
    padding-left: 32.82px;
    padding-top: 32.82px;
    padding-right: 25.19px;
  }

  .car-parking-img {
    max-width: 50.4%;
  }

  .apwrapepr-2 {
    padding-left: 30.53px;
    max-width: 75%;
    padding-top: 29.00px;
  }

  .ond--sec.event-app {
    padding: 30.53px;
    padding-top: 29.00px;
    padding-bottom: 0;
  }

  .Classified .apwrapepr-2 {
    padding-top: 0;
    padding-bottom: 30.53px;
  }

  .ond--sec.event-app>img {
    max-width: 92.3%;
  }

  .on_demand_slide {
    max-width: 1080px;
    margin: 0 11.45px;
    margin-bottom: 0px;
  }

  .solutions_ondemand {
    padding: 91.59px 0;
  }

  .industries_wrapper {
    padding: 91.59px 0;
  }

  .in--cnt_div p {
    font-size: 18.32px;
    line-height: 1.4;
    margin-bottom: 16.79px;
  }

  .in--cnt_div img {
    width: 92.35px;
  }

  .arrows-wrapper img {
    width: 38.93px;
  }

  .industries_wrapper .section-header__cs {
    margin-bottom: 34.35px;
  }

  .portfolio_box p:not(.sub_heading) {
    font-size: 17px;
  }
  
  .solutions-btn {
    margin-top: 30px;
  }

  .mgad {
    margin-bottom: 38.16px;
    margin-top: 19.08px;
  }

  .ui-design {
    font-size: 10.69px;
    height: 23.66px;
    padding: 0 12.98px;
    line-height: 23.66px;
    margin-right: 7.63px;
  }

  .col-pr-right img {
    max-width: 90%;
  }

  .col-pr-right {
    text-align: center;
  }

  .custom__portfolio {
    padding: 91.59px 0;
  }

  .ceo_message {
    padding: 68.69px 0;
  }

  .ceo_quote {
    padding: 77.85px 85px 41.98px;
    border-radius: 22.90px;
    margin-top: 38.16px;
  }

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

  .ceo_name {
    font-size: 21.37px;
    margin-top: 22.90px;
    margin-bottom: 15.27px;
  }

  .designation {
    font-size: 16.79px;
  }

  .next_level {
    padding-top: 91.59px;
    padding-bottom: 34.35px;
  }

  .next_level p {
    font-size: 18px;
    margin-top: 12.98px;
    margin-bottom: 28.24px;
  }

  .next_level .wc-btn.wc-btn-primary {
    font-size: 13.74px;
    padding: 16.03px 27.32px;
  }

  .img_wrapper {
    position: relative;
    margin-top: 45.80px;
  }

  .img_wrapper img {
    max-width: 824.31px;
  }

  .n-shape-1 {
    max-width: 157.99px !important;
  }

  .n-shape-2 {
    max-width: 173.26px !important;
  }

  .testimonial_wrapper {
    padding: 80px 0;
  }
  
  .testimonial_wrapper .main_h2 {
    margin-bottom: 45.80px;
  }

  .testimonai_left--box span {
    font-size: 61.06px;
  }

  .total_review {
    font-size: 13.74px;
  }

  .testimonai_left--box .txt {
    font-size: 19.08px;
    margin-bottom: 34.35px !important;
  }

  .tst-sl-wrapper>div>p {
    font-size: 18.32px;
    margin-top: 26.71px;
  }

  .tst_foot {
    margin-top: 30.53px;
  }

  .tst_name {
    font-size: 15.27px;
  }

  .tst_designation {
    font-size: 12.21px;
    line-height: 1.3;
  }

  .tst-sl-wrapper {
    padding: 30.53px;
    border-radius: 15.27px;
  }

  .testimonai_left--box {
    padding-top: 29.77px;
    padding-bottom: 32.82px;
    padding-left: 64.88px;
    padding-right: 64.88px;
    border-radius: 15.27px;
  }

  .clientele_wrapper {
    padding-top: 73.27px;
    background-position: right center;
    padding-bottom: 58.77px;
  }

  .home_blog {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .right_head-blog p {
    font-size: 16px;
  }

  .blg_section_head {
    margin-bottom: 45.80px;
  }

  .blg_slide.slick-slide {
    margin: 0 10px;
  }

  .blg_cnt .h3 {
    font-size: 19.08px;
    margin-bottom: 15.27px;
    margin-top: 19.08px;
  }

  .blg_date {
    font-size: 11.45px;
  }

  .footer-logo img {
    max-width: 165px;
    margin-bottom: 38.16px;
  }

  .footer-logo p {
    font-size: 14px;
    padding-right: 38.16px;
  }

  .footer-area .footer-widget-wrapper .title {
    font-size: 20px;
  }

  .footer-area .footer-nav-list {
    margin-top: 20.61px;
  }

  .footer-area .footer-nav-list li {
    font-size: 14px;
    line-height: 22.90px;
  }

  .footer-area .newsletter-text .text {
    font-size: 14px;
  }

  .subscribe-form .input-field {
    border-radius: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 25px 25px;
  }

  .subscribe-form .input-field {
    border-radius: 15.27px;
    padding: 19.08px 19.08px;
  }

  .copyright-text p {
    font-size: 13.74px;
  }

  .copyright-area-inner ul {
    font-size: 13.74px;
  }

  .footer-area .footer-area-inner {
    padding-top: 114.49px;
    padding-bottom: 71.75px;
  }


  /* ---------- About Us Page 1550px ---------- */
  .comapny_banner--wrapper {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .about-container {
    max-width: 1060px;
    margin: 0 auto;
  }

  .comapny_banner--wrapper .h1 {
    font-size: 64px;
    margin-bottom: 29.55px;
    font-weight: 600;
  }

  .abt_cnt_wrapper {
    max-width: 550px;
  }

  .comapny_banner--wrapper .sub_heading {
    font-size: 16.25px;
    margin-top: 5.17px;
  }

  .comapny_banner--wrapper .sub_heading img {
    width: 66.48px;
    margin-right: 36.93px;
  }

  .abtpg_cnt-right p {
    font-size: 16px;
  }

  .col_one p {
    font-size: 17.07px;
    max-width: 65%;
  }

  .col_one span {
    font-size: 64.03px;
  }

  .col_one {
    padding: 35.57px;
  }

  .bg_about {
    padding-top: 85.38px;
    padding-bottom: 73.28px;
  }

  .abtext_ad {
    margin-top: 8.54px;
    margin-bottom: 21.34px;
    font-size: 16px;
    max-width: 90%;
  }

  .success_rate p {
    font-size: 17.92px;
  }

  .mission_vision {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mission_wrapper {
    padding: 32.58px;
  }

  .mission_wrapper .h3 {
    font-size: 24.43px;
    line-height: 57.01px;
    margin-bottom: 16.29px;
    gap: 17.92px;
  }

  .mission_wrapper .h3 img {
    width: 42.35px;
  }

  .mission_wrapper p {
    font-size: 16.29px;
  }

  .core_values .main_h2 {
    margin-bottom: 16.29px;
  }

  .fnt_20 {
    font-size: 18px;
  }

  .core_values>img {
    margin-top: 30px;
    margin-bottom: 77px;
  }

  .time_cnt .h3 {
    font-size: 22.81px;
    line-height: 32.58px;
    gap: 24.43px;
    margin-bottom: 16.29px;
  }

  .time_cnt .h3 img {
    width: 68.42px;
  }

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

  .right_timeline {
    padding-top: 51.31px;
  }

  .core_timeline .left_timeline {
    padding-top: 8.14px;
  }

  .core_timeline .right_timeline .time_cnt {
    margin-bottom: 227.24px;
  }

  .core_timeline .left_timeline .time_cnt {
    margin-top: 227.24px;
  }
}

@media only screen and (max-width: 1200px) {
  .container.large {
    width: auto !important;
    max-width: 97%;
  }

  .mx49 img {
    max-width: 100%;
  }

  .journey_row::after {
    width: 215px;
    margin: auto;
    height: 236px;
  }

  .hero-area .section-header .section-title {
    font-size: 65px;
  }

  .hero-area .section-content {
    gap: 70px;
  }
}

@media only screen and (max-width: 1150px) {
  .journey_row::after {
    display: none;
  }

  .featured_row {
    margin: 50px 0;
  }

  .portfolio_bg {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 1080px) {
    .arrows-wrapper.game_arrow {
        margin: 0 -12px !important;
    }
  .hero-area .section-content {
    grid-template-columns: 25% 75% 0;
    gap: 100px !important;
  }

  .container {
    max-width: 97% !important;
  }

  .container.large .container {
    max-width: 100% !important;
  }

  .testimonial_wrapper .testimonai_left--box {
    height: 100%;
  }

  /* ###### About Us Page 1080 ####### */
  .about-container {
    max-width: 97% !important;
  }

  .comapny_banner--wrapper .h1 {
    font-size: 48px;
  }

  .col_one span {
    font-size: 33px;
  }

  .col_one p {
    font-size: 15.07px;
    max-width: 100%;
  }

  .max-img {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
  }

  .col_one {
    padding: 18.57px;
  }
}

@media only screen and (max-width: 992px) {
    .gm_sr_row {
        display: block !important;
    }
    .game_development .marketing_section {
      padding-bottom: 0;
    }
    .service-area .section-title-wrapper .main_h2 {
        margin-bottom: 20px;
    }
    .service-area .section-title-wrapper .main_h2 br {
      display: none;
    }
    .gm_sr_row .game_service-left,
    .gm_sr_row * {
        width: 100% !important;
    }
  .hero-area .section-content {
    grid-template-columns: 25% 75% 0;
    gap: 0 100px !important;
  }

  .hero-area .content-third {
    display: block !important;
  }

  .hero-area .meta-info {
    margin-top: 35px;
  }

  .hero-area .content-first {
    padding-top: 51.18px;
  }

  .hero-area .section-header .section-title {
    font-size: 50px;
  }

  .hero-area .content-third {
    display: block;
  }

  .hero-area-inner .shape-1 {
    width: 500px;
  }

  .hero-area .content-third {
    grid-column: span 2;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    border-top: 1px solid var(--border);
    padding-bottom: 30px;
    margin-top: 30px;
  }

  .hero-area .hero-social .title::before {
    height: 1px;
    background: #392f2f;
  }

  .main_h2 {
    font-size: 30px;
  }

  .transfroming_ideas {
    padding-top: 50px;
  }

  .service-area .service-area-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .solutions_ondemand {
    padding: 50px 0;
  }

  .industries_wrapper {
    padding: 50px 0;
  }

  .custom__portfolio {
    padding: 50px 0;
  }

  .ceo_message {
    padding: 50px 0;
  }

  .next_level {
    padding-top: 50px;
    padding-bottom: 10px;
  }

  .testimonial_wrapper {
    padding: 50px 0;
  }

  .clientele_wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home_blog {
    padding: 50px 0;
  }

  .footer-area .footer-area-inner {
    padding-top: 50px;
    padding-bottom: 71.75px;
  }

  .hero-area .hero-social {
    writing-mode: initial
  }

  .featured_row {
    display: block;
  }

  #featured__in .h3 {
    margin-bottom: 20px;
  }

  .featured_slider.slick-initialized.slick-slider {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }

  .left_featuredIn {
    max-width: 100% !important;
    border-right: 0;
    width: 100%;
  }

  .blg_cnt .h3 .br-none {
    display: none;
  }

  /* ###### About Us Page 992 ####### */
  .core_timeline p {
    max-width: 100%;
  }

  .comapny_banner--wrapper .h1 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 900px) {
  .journey_row {
    padding: 0 50px;
  }

  .stats-container .stat-item:nth-child(3) {
    display: none;
  }

  .stats-container .stat-divider:nth-child(2) {
    display: none;
  }

  .pr_row {
    gap: 20px;
  }

  .col-pr-left {
    width: 50%;
  }

  .col-pr-right {
    width: 50%;
  }
}

@media only screen and (max-width: 830px) {
  .hero-area .section-header .section-title {
    font-size: 40px;
  }

  .hero-area .section-content {
    grid-template-columns: 32% 68% 0;
    gap: 0 30px !important;
  }

  .img_wrapper img {
    max-width: 100%;
  }

  .journey_row .main_h2 {
    font-size: 24px;
  }

  .sub_heading img {
    max-width: 50px;
    margin-right: 12.06px;
  }

  .sub_heading {
    font-size: 16.79px;
  }

  .testimonai_left--box {
    padding: 20px;
  }

  .tst-sl-wrapper {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-area .section-content {
    gap: 0 !important;
    display: flex;
    flex-direction: column;
  }

  .hero-area .content-third {
    grid-column: auto;
    border-top: 0;
    justify-content: flex-start;
    padding-top: 0
  }

  .hero-area .content-third {
    order: 3;
  }

  .hero-area .content-first {
    padding-top: 0px !important;
    padding-bottom: 0px;
    order: 2;
  }

  .hero-area .meta-info .text {
    margin-top: 18.50px;
    font-size: 15px;
    line-height: 1.6;
  }

  .hero-area .content-first {
    text-align: center;
  }

  .hero-area .content-second {
    text-align: center;
  }

  .hero-area .section-header .btn-wrapper {
    justify-content: center;
    margin-top: 25px;
  }

  .hero-area .section-header .section-title .icon-first {
    max-width: 67px !important;
    margin-top: -14px;
  }

  .banner-arrows {
    justify-content: center;
    margin-top: 40px;
  }

  .hero-area .meta-info img {
    margin: 0 auto;
  }

  .offcanvas-3__menu-wrapper {
    height: 100%;
  }

  .fa-solid.fa-bars {
    font-size: 25px;
  }

  .featured_slider::before {
    background: #fff;
    height: 91px;
  }

  .featured_row {
    margin: 0;
    margin-bottom: 40px;
  }

  #featured__in .h3 {
    font-size: 22px;
  }

  #featured__in {
    border-top: 1px solid #f3f3f3;
    padding-top: 30px;
  }

  .journey_row .col-md-2,
  .journey_row .col-md-4 {
    height: auto !important;
  }

  .journey_row .col-md-6 {
    overflow: hidden;
  }

  .journey_row {
    padding: 40px;
  }

  .seprator_cs {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .count_j strong {
    font-size: 55px;
    margin-bottom: 5px;
    display: inline-block;
  }

  .count_j {
    margin: 30px 0;
  }

  .mx51 {
    width: 100%;
  }

  .mx49 {
    width: 100%;
  }

  .main_h2 {
    font-size: 25px;
  }

  .top_img {
    margin-top: 80px;
  }

  .n-shape-1,
  .n-shape-2,
  .n-shape-3 {
    display: none;
  }

  .ceo_quote {
    padding: 25px;
  }

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

  /*.testimonial_wrapper .col-md-4 {*/
  /*  margin-bottom: 20px;*/
  /*}*/

  .testimonial_slider .slick-track {
    display: flex;
    height: auto !important;
    gap: 0 !important;
  }

  .testimonial_wrapper .col-md-8 {
    padding: 0 10px;
  }

  .client_slider.slick-initialized.slick-slider::before {
    display: none;
  }

  .testimonial_wrapper .row {
    flex-direction: column-reverse;
  }

  .testimonial_wrapper .row {
    flex-direction: column-reverse;
    gap: 20px 1px;
  }

  .location_head {
    position: static;
  }

  /* ###### About Us Page 767 ####### */
  .col_one.img {
    overflow: hidden;
  }

  .four_colwrapper {
    margin-top: 5px;
  }

  .comapny_banner--wrapper .h1 {
    font-size: 29px;
    padding: 0 20px;
  }

  .comapny_banner--wrapper {
    padding-bottom: 60px;
  }

  .bg_about {
    padding: 40px 0 !important;
  }

  .mission_vision {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mission_wrapper.green {
    margin-top: 20px;
  }

  .mission_wrapper {
    height: auto;
  }

  .core_values .sub_heading {
    margin-top: 0;
  }

  .core_timeline {
    display: flex;
    flex-direction: column;
  }

  .core_timeline .left_timeline {
    width: 100%;
    text-align: left;
  }

  .core_timeline .right_timeline {
    width: 100%;
  }

  .center_timeline {
    display: none;
  }

  .core_timeline .left_timeline .time_cnt .h3 {
    justify-content: flex-end;
    flex-direction: row-reverse;
  }

  .core_timeline .left_timeline .time_cnt {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .core_timeline .right_timeline .time_cnt {
    margin-bottom: 0 !important;
  }

  .core_timeline .right_timeline .time_cnt {
    margin-bottom: 23px !important;
  }

  .right_timeline {
    padding-top: 0;
  }

  .core_timeline .time_cnt {
    margin-bottom: 23px !important;
  }

  .core_values>img {
    margin-bottom: 30px !important;
  }
}

@media only screen and (max-width: 600px) {
  .header__cta {
    display: none;
  }

  .pr_row {
    flex-direction: column;
  }

  .pr_row .col-pr-left {
    width: 100%;
    margin-bottom: 32px;
  }

  .pr_row .col-pr-right {
    width: 100%;
  }

  .col-pr-right img {
    max-width: 100%;
  }

  .col-pr-left {
    height: 342px;
  }

  .copyright-area-inner {
    flex-direction: column;
    line-height: 2;
    padding: 20px 15px;
  }

}

@media only screen and (max-width: 580px) {
  .header__cta {
    display: none;
  }

  /* ###### About Us Page 767 ####### */
  .abt_cnt_wrapper {
    display: block;
  }

  .abtpg_cnt-right {
    width: 100%;
    text-align: center;
  }

  .abtpg_cnt-left {
    width: 100%;
    text-align: center;
  }

  .comapny_banner--wrapper .sub_heading {
    text-align: center;
    justify-content: center;
  }

  .comapny_banner--wrapper .sub_heading img {
    width: 66.48px;
    margin-right: 7px;
  }

}




/*----- SALMAN SHAH CSS FOR INNER PAGES STARTS ------*/

section.feature-section {
  background: url(../imgs/web/laptopCTA-BG.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 100px;
}

.laptop-anime-section {
  position: relative;
  margin-left: -30%;
}

.laptop-anime-section:before {
  content: "";
  width: 571px;
  height: 100%;
  border-radius: 30px;
  opacity: 0.24;
  background: #BD2020;
  position: absolute;
  right: 80px;
  top: 0;
  z-index: 0;
}

.only-laptop {
  padding: 100px 0;
  text-align: center;
  position: relative;
  z-index: 1;
}

.animate-part {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.animate-part img.laptop-screen {
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
  position: relative;
}

.scrolling-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  z-index: 1;
}

.bottom-part {
  position: relative;
  top: -3px;
}

.plantimg {
  position: absolute;
  right: -20px;
  top: -80px;
  z-index: 3;
}


.inner-feat {
  background-color: white;
  /* padding: 19px 24px; */
  width: 115px;
  height: 120px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: absolute;
  box-shadow: 0 0 24px 0 #0000001f;
  border-radius: 10px;
  z-index: 3;
  animation: up-down linear 4s infinite, -webkit-up-down linear 4s infinite, -moz-up-down linear 4s infinite, -o-up-down linear 4s infinite, -ms-up-down linear 4s infinite;
  transform-origin: 50% 50%;
}

.inner-feat h4 {
  color: #514B4B;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
}

.feature1 {
  top: -60px;
  left: 50%;
}

.feature2 {
  top: -60px;
  right: 10%;
}

.feature3 {
  top: 30%;
  right: 3%;
}

.feature4 {
  bottom: -60px;
  right: 50%;
}

.feature5 {
  bottom: 5%;
  left: 12%;
}

.feature6 {
  top: 20%;
  left: 0;
}

@keyframes up-down {
  0% {
    transform: translate(1px, 20px);
  }

  24% {
    transform: translate(1px, 30px);
  }

  50% {
    transform: translate(1px, 12px);
  }

  74% {
    transform: translate(1px, 22px);
  }

  100% {
    transform: translate(1px, 22px);
  }
}


/*---- CTA SECTION CSS STARTS ----*/

section.cta-section {
  background-image: url(../imgs/web/Web-CTA.jpg);
  background-size: cover;
  padding: 70px 0;
  border-radius: 25px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 90px;
}

section.cta-section * {
  color: white;
}

.cta-section h2 {
  margin-bottom: 20px;
}

/*---- CTA SECTION CSS ENDS ----*/


/*---- FAQ SECTION CSS STARTS ----*/

.webFAQ {
    padding: 0 0 50px;
}

.accordion-wrapper {
  margin-top: 30px;
}

.accordion-button::after {
  content: "+";
  background: no-repeat;
  font-size: 32px;
  line-height: 18px;
  font-weight: 300;
}

.accordion-button:not(.collapsed)::after {
  content: "_";
  background: no-repeat;
}

/*---- FAQ SECTION CSS ENDS ----*/


/*---- TECHNOLOGIES SECTION CSS STARTS ----*/

section.technologies-section {
  background: url(../imgs/web/techno_BG.jpg);
  background-size: cover;
  background-position: left top;
  padding: 80px 0;
}
.graphics-design section.technologies-section {
  padding: 110px 0;
}
section.technologies-section .section-header__cs {
  margin-bottom: 40px;
}


.custom-tabs {
    margin-bottom: 10px;
}
.gm-development .custom-tabs{
    gap: 15px !important;
    display: flex;
    flex-wrap: wrap;
}
.custom-tabs .tab-btn {
  background-color: white;
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0px 4px 10.2px 0px rgba(0, 0, 0, 0.15) inset, -10px 10px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 0 30px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  margin: 0 5px;
}
.gm-development .custom-tabs  .tab-btn{
  margin: 0 0px !important;
}
.tab-content>div {
  display: none;
}
.tab-content>.active-tab {
  display: block;
}
.tab-btn {
  cursor: pointer;
}

.tab-btn.active {
  font-weight: bold;
  color: #000;
}

/*---- TECHNOLOGIES SECTION CSS ENDS ----*/


/*------ NEW PORTFOLIO PAGE CSS STARTS ------*/
.mobile-application-portfolio button{
  width: 170px;
  background: #bd2020;
  margin: 0 auto !important;
  display: block;
  margin-top: 60px !important;
}
.mobile-application-portfolio a::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 62%, rgba(0, 0, 0, 0.74) 100%);
  display: block;
  z-index: 9;
  transition: all 0.7s ease;
}
.mobile-application-portfolio a{
 position: relative;
}
.mobile-application-portfolio a:hover::before {
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 62%, rgba(0, 0, 0, 0.63) 100%);
}
.portfolio-head {
    padding: 100px 0 50px;
}

.portfolio-head .sub_heading {
    display: block;
    margin-bottom: 15px;
}

ul#pr-tabs {
    display: flex;
    border-bottom: 1px solid;
    justify-content: center;
}

ul#pr-tabs li {
    margin: 0 15px;
}
ul#pr-tabs li.active {
    border-bottom: 3px solid #BD2020;
}

ul#pr-tabs li.active a {
    color: #bd2020;
    font-weight: 700;
}

ul#pr-tabs li a {
    text-decoration: none;
    color: #555555;
    font-size: 20px;
    font-weight: 500;
    outline: none;
    display: inline-block;
    padding: 15px 15px;
}


.portfolio-content {
    margin-top: 70px;
}
.mobile-application-portfolio a {
    border-radius: 25px;
    display: inline-block;
    background: #eaeaea !important;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13px 0px;
}
.mobile-application-portfolio a img{
    transition: all 0.5s ease;
}

.mobile-application-portfolio a:hover img{
    transform: scale(1.1);
}
.web-design-sec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}


.web-item {
    position: relative;
    box-shadow: 0px 0px 15px 0px #0000001A;
    border-radius: 15px;
    overflow: hidden;
}
.web-item img {
    height: 306px;
    width: 100%;
    object-fit: cover;
    object-position: center top;
    transition: all 4s ease-in;
}

.web-item:hover img {
    object-position: center bottom;
}

.web-d-text {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px 20px;
    opacity: 0;
    transform: translateY(80px);
    transition: all 0.8s ease-in;
}

.web-item:hover .web-d-text {
    transform: translateY(10px);
    opacity: 1;
}

.web-d-text h4 {
    color: white;
    z-index: 99;
}

.web-d-text:after {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 20px;
    transform: rotate(-35deg);
    display: inline-block;
    position: relative;
    color: white;
    z-index: 99;
}
.web-d-text:before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0 0 0));
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.inner_popup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

/*------ NEW PORTFOLIO PAGE CSS ENDS ------*/


.solutions-btn span {
  padding: 10px 20px;
  background-color: yellow;
  border-radius: 30px;
  margin-right: 10px;
}


/*------ AMERICAS LEADING PAGE CSS STARTS ------*/


.banner_america h2.banner_heading {
  margin: 30px 0;
}

/*img.webbanner-america {*/
/*  max-width: 140%;*/
/*  margin-left: -15%;*/
/*  animation: webmove 3s infinite ease-in-out;*/
/*  position: relative;*/
/*  margin-top: -10%;*/
/*}*/

.span-text {
    display: flex;
    margin-bottom: 30px;
    margin-top: 20px;
}
.span-text span {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  flex-shrink: 0;
}

.span-text span:after {
  content: "|";
  margin: 0 7px;
  font-weight: 300;
  color: #D5D5D5;
}

.span-text span:last-child:after {
  display: none;
}


/*---- TEAM SQUAD SECTION CSS STARTS ----*/

section.team-squad {
  background: url(../imgs/services_we_provide.jpg);
  background-size: cover;
  background-position: center;
  padding: 110px 0;
}

section.team-squad * {
  color: white;
}

#myteam-squad .section-title-wrapper {
    text-align: center;
    margin: 0 auto;
}
#myteam-squad .section-title-wrapper h2.sub_heading {
    justify-content: center;
}
#myteam-squad .main_h2 {
    width: 65%;
    margin: 0 auto;
}
#myteam-squad .text-wrapper {
    width: 85%;
    margin: 0 auto;
}
section.team-squad p a {
  color: #bd2020;
}
#myteam-squad a.pg_btn {
    background: #D03D3D;
}
section.team-squad a.pg_btn {
  margin-top: 20px;
}

section.team-squad .text-wrapper {
  margin-top: 20px;
}

section.team-squad .text-wrapper p {
  margin-bottom: 10px;
}


.team-grid {
  display: flex;
  grid-gap: 20px;
  padding-left: 50px;
}

.team-grid .team-col {
  width: 100%;
}

.team-grid .team-col:last-child {
  margin-top: 60px;
}

.team-grid .team-col .team-inner:first-child {
  margin-bottom: 20px;
}

.team-grid .team-inner {
  border-radius: 20px;
  text-align: center;
  padding: 30px 20px 0px;
  position: relative;
}

.team-grid .team-inner:before {
  content: "";
  border-radius: 20px;
  opacity: 0.05;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.team-inner h6 {
  font-size: 25px;
  font-weight: 700;
}

.team-inner p.desig {
  color: #9B9B9B;
  font-size: 18px;
  font-style: normal;
  line-height: 35px;
  margin-bottom: 15px;
}

/*---- TEAM SQUAD SECTION CSS ENDS ----*/


/*---- AFTER TEAM SECTION CSS STARTS ----*/

section.after-team {
  background: url(../imgs/americadigital/AfterTeamBG.jpg);
  background-size: cover;
  background-position: top;
}
#after-sec{
     background:none;
}
.creactive-section p a {
  color: #bd2020;
  font-weight: 700;
}

.creactive-section ul {
  margin-left: 20px;
  margin-bottom: 40px;
}

.creactive-section ul li {
    list-style: disc !important;
    color: #212121;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.section_counter {
  margin-top: 50px;
  padding-bottom: 100px;
}

.section_counter ul li {
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.section_counter li:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background-color: #ffffff;
  border: 4px solid #C42626;
  margin-right: 30px;
}


.color-counter {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
}


.inner_count {
  padding: 40px 60px;
}

.inner_count:nth-child(1),
.inner_count:nth-child(3) {
  border-right: 1px solid #E3E3E3;
}

.inner_count:nth-child(1),
.inner_count:nth-child(2) {
  border-bottom: 1px solid #E3E3E3;
}

.inner_count h2 {
  font-size: 61.149px;
  font-style: normal;
  font-weight: 700;
}

.inner_count p {
  color: #212121;
  font-size: 22.421px;
  font-weight: 700;
}



/*---- AFTER TEAM SECTION CSS ENDS ----*/


/*----- MARKETING SECTION CSS STARTS -----*/

section.marketing_section {
  padding: 100px 0;
}

.custom-mm {
    position: sticky;
    top: 80px;
}

.custom-mm p.strong {
  color: #BD2020;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.custom-mm .main_h2~p {
  margin-top: 20px;
}

.inner_marketing {
  padding: 40px 30px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 20px;
}
.inner_marketing h3,
.inner_marketing h4 {
  font-weight: 700;
  font-size: 24px;
  margin: 15px 0;
}

.marketing-column>p {
  font-size: 22px;
  color: #212121;
  margin-top: 40px;
}

/*--- DIGITAL SECTION ----*/


section.digital-section {
  background: url(../imgs/web/award_bg.jpg) no-repeat left top;
  background-size: cover;
}

.digital-section .in--cnt_div {
  padding-left: 10px;
  padding-right: 10px;
}

.digital-section .in--cnt_div p {
  min-height: 80px;
  line-height: 32.7px;
  margin-bottom: 10px;
}


/*----- MARKETING SECTION CSS ENDS -----*/


/*----- GAME SECTION CSS STARTS -----*/

section.section-game {
  background: url(../imgs/americadigital/Game-BG.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 80px 0;
}

.web_row_2 .main_h2 {
  margin-bottom: 22px;
}

.game-column p a {
  color: #bd2020;
  font-weight: 700;
}

.designbg img.game_img {
  margin-left: -10%;
  max-width: 110%;
}


section.DM-section {
  position: relative;
  margin-top: 100px;
}

.dm-inner-slider {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
  padding: 0 90px 40px 40px;
  margin: 60px 10px 20px;
}

.dm-inner-slider img {
  margin-top: -50px;
  margin-bottom: 10px;
}

.dm-inner-slider h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.dm-inner-slider h4.green {
  color: #1B8B83;
}

.dm-inner-slider h4.red {
  color: #BD2020;
}

.dm-inner-slider h4.yellow {
  color: #F8B418;
}

section.DM-section .arrows-wrapper {
  margin-bottom: 50px;
}

/*----- GAME SECTION CSS ENDS -----*/


/*---- CTA SECTION CSS STARTS ----*/

.Americas-CTA {
  margin-top: 0 !important;
}

/*---- CTA SECTION CSS STARTS ----*/


/*------ AMERICAS LEADING PAGE CSS ENDS ------*/



/*---- CMS PAGE CSS STARTS -----*/

.cms-head {
  padding: 100px 0;
}

p.p-width {
  color: #212121;
  max-width: 70%;
  margin: 20px auto 0;
}

.mid-sect {
  padding: 100px 0;
}

.service-area-inner h2.sub_heading.d-block {
  margin-top: 20px;
}


section.choose-Domain {
  padding-top: 100px;
}

.choose-Domain h2.sub_heading {
  margin-top: 50px;
}

.choose-Domain .core_timeline {
  padding-top: 100px;
}

.core_timeline .right_timeline .time_cnt:last-child {
  margin-bottom: 50px;
}

section.business-section {
  padding: 80px 0;
}

/*---- CMS PAGE CSS ENDS -----*/


/*---- SOFTWARE SOLUTIONS PAGE CSS STARTS ----*/

section.webdpg_banner--wrapper.software_banner {
    background-image: url(../imgs/softwarepage/SoftwarePageBG.jpg);
    background-size: cover;
    background-position: top center;
}

/*.software_banner .webbannerImg {*/
/*    margin-left: 0;*/
/*    max-width: 110%;*/
/*}*/

.software_banner .bnr_row p {
    max-width: 100%;
}
.software_banner .span-text {
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0;
}
.software_banner .span-text span {
    padding: 10px 0px;
}


section.business-growth {
    padding: 90px 0;
}

section.business-growth .game_img {
    margin-left: -10%;
    max-width: 110%;
}

section.business-growth.future-software {
  background: url(../imgs/web/laptopCTA-BG.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}


/*---- SOFTWARE SOLUTIONS PAGE CSS ENDS ----*/



/*----- DIGITAL MARKETING SERVICES PAGE CSS STARTS -----*/

section.achievement-section {
    padding: 100px 0;
    background: url(../imgs/digital-marketing/AchievementBG.jpg);
    background-size: cover;
}

.achievement-col h2 {justify-content: center;}
.achievement-col h2.main_h2 {
    margin-bottom: 20px;
}
.achievement-col p {
    max-width: 70%;
    margin: 0 auto;
}

.achieve-counter {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    margin-top: 60px;
}
.achieve-counter .counter-item {
    border-right: 1px solid lightgray;
    padding: 0 25px;
}
.achieve-counter .counter-item:last-child {
    border-right: 0;
}
.counter-item h5 {
    font-size: 61.15px;
}
.counter-item p {
    font-size: 22.42px;
    font-weight: 700;
    color: #212121;
}

.section_bg {
    background: url(../imgs/digital-marketing/ExpectBG.jpg) no-repeat;
    background-size: contain;
}

section.expect-section {
    padding-top: 70px;
}

.expect-section h2.main_h2 {
    margin-bottom: 70px;
}
.expect-section .webp-wrapper {
    text-align: left;
}
.expect-section .webp-wrapper h3 {
    text-align: left;
    font-size: 24px;
}

.expect-section .webp-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 0;
}


/*---- PROCESS SECTION CSS STARTS ----*/

.process-item {
    display: flex;
    justify-content: space-between;
}
.process-item .process-image {
    flex: 0 0 50%;
}
.process-image {
    text-align: center;
}
.process-col {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px;
    position: relative;
}

.process-item:first-child .process-col:before {
    content: "";
    width: 10px;
    height: 80px;
    border-left: 2px dashed #1B8B83;
    position: absolute;
    left: -1px;
    bottom: 50px;
}

.process-item:nth-child(even) .process-image {
    border: 2px dashed #1B8B83;
    border-left: none;
    border-radius: 0 30px 30px 0;
}
.process-item:nth-child(3) .process-col, .process-item:nth-child(5) .process-col {
    border-left: 2px dashed #1B8B83;
}
.process-item:nth-child(3) .process-col:before, .process-item:nth-child(5) .process-col:before {
    content: "";
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    position: absolute;
    top: -2px;
    left: -2px;
    box-shadow: -10px -10px 0 0 #ffffff;
    border-top: 2px dashed #1B8B83;
    border-left: 2px dashed #1B8B83;
    border-radius: 30px 0 0
}
.process-item:nth-child(3) .process-col:after, .process-item:nth-child(5) .process-col:after, .process-item:first-child .process-col:after  {
    content: "";
    height: 50px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: -2px;
    left: -2px;
    box-shadow: -10px -10px 0 0 #fff;
    border-top: 2px dashed #1B8B83;
    border-left: 2px dashed #1B8B83;
    border-radius: 30px 0 0;
    transform: rotate(-90deg);
    z-index: 1;
}

.process-item:nth-child(even) {
    justify-content: unset;
}

.process-item:not(:first-of-type) .process-image {
    padding: 50px 0;
}

.process-col h4 {
    font-weight: 700;
    margin-bottom: 15px;
}

.process-item:nth-child(3n-2) .process-col h4 {
    color: #1B8B83;
}
.process-item:nth-child(3n-1) .process-col h4 {
    color: #D03D3D;
}
.process-item:nth-child(3n) .process-col h4 {
    color: #F8B418;
}


.process-item:nth-child(3n-2) .process-col h4::before {
    background-color: #EBFBFF;
}
.process-item:nth-child(3n-1) .process-col h4::before {
    background-color: #FFF1F1;
}
.process-item:nth-child(3n) .process-col h4::before {
    background-color: #FFF9EB;
}


.inner-process {
    counter-reset: heading-counter;
}
.process-item{
    counter-increment: heading-counter;
    position: relative;
}
.process-item .process-col h4 {
    position: relative;
}
.process-item .process-col h4::before {
    content: "0" counter(heading-counter);
    color: #212121;
    font-size: 30px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 5px solid white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    position: absolute;
    left: -100px;
    top: -20px;
}

.process-item:last-child .process-image {
    border: none;
    border-top: 2px dashed #1B8B83;
    position: relative;
}


.process-item:last-child .process-image:after{
    content: "";
    height: 50px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    top: -2px;
    right: -2px;
    box-shadow: -10px -10px 0 0 #fff;
    border-top: 2px dashed #1B8B83;
    border-left: 2px dashed #1B8B83;
    border-radius: 30px 0 0;
    transform: rotate(90deg);
    z-index: 1;
}
.process-item:last-child .process-image:before {
    content: "";
    width: 2px;
    height: 80px;
    border-left: 2px dashed #1B8B83;
    position: absolute;
    right: -2px;
    top: 50px;
}

/*---- PROCESS SECTION CSS ENDS ----*/


/*----- DIGITAL MARKETING SERVICES PAGE CSS ENDS -----*/


/*----- CASE STUDIES PAGE CSS STARTS -----*/

.case-banner {
    height: 555px;
    display: flex;
    align-items: center;
    text-align: center;
    background: url(../imgs/case-studies/phpdevelopment-banner.jpg);
    background-size: cover;
    margin-top: 130px;
}
.case-banner h1 {
    font-size: 150px !important;
    color: white;
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}
.case-banner h1:before {
    content: "Case Studies";
    color: #FFFFFF00;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF5E;
    stroke: #FFFFFF5E;
    position: absolute;
    top: -12px;
    right: 5px;
}


section.work-sec-portfolio.newcase {
    padding: 80px 0;
}

.row.top-part {
    margin-bottom: 50px;
}
p.spnc {
  color: var(--Red, #c32626);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

h2.hidees {
  color: var(--Grey-Black, #333);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.newcase #myBtnContainer button.btn.active {
  border-bottom: 0px solid #b01515;
  border-radius: 0px;
  box-shadow: none !important;
  font-weight: 500;
  padding: 10px 28px;
  border-radius: 5px;
  background: var(--Green, #1c8a82);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

.newcase #myBtnContainer li button {
  background: transparent;
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px 22px;
  padding-bottom: 7px !important;
  border-radius: 5px;
  background: var(--White, #fff);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
  margin: 0 8px;
}

.newcase .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}

.shena {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.shena img {
  max-width: 97%;
  height: 500px;
  display: block;
  object-fit: cover;
}

.overlay22 {
  position: absolute;
  top: 0;
  left: -100%;
  width: 97%;
  height: 100%;
  background: #442122;
  color: #fff;
  display: flex;
  align-items: center;
  transition: 0.9s;
}
.overlay22 * {
  color: #fff;
}

.overlay22.blue {
  background: #142996;
}

.overlay22.grey {
  background: #9d9494;
}

.overlay22.yello {
  background: #e3da48;
}

.overlay22.red {
  background: #e82b30;
}

.overlay22.green {
  background: #42843a;
}

.overlay-text22 {
  padding: 20px;
  text-align: center;
}

.shena:hover .overlay22 {
  left: 0;
}

.overlay-text22 {
  padding: 20px;
  text-align: left;
  position: absolute;
  bottom: 0px;
}

.imtext {
    position: absolute;
    bottom: 30px;
    left: 35px;
    text-align: left;
    color: #ffffff;
}
.imtext * {
    color: white;
}

.newcase .col-md-6.column.responsive-websites.shena.show {
  padding: 0 0px;
}

.shena .content {
  padding: 0 0px;
}

.work-sec-portfolio .show {
  display: block;
}

.work-sec-portfolio .column {
  float: left;
  display: none;
}

.show {
  display: block !important;
}

.page-portfolio .work-sec-portfolio .column .content {
  height: 335px;
  overflow: hidden;
  margin-bottom: 30px;
}

.page-portfolio .content > a {
  display: inline-block;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  pointer-events: none;
}

#myBtnContainer {
  margin-bottom: 29px;
  display: flex;
  justify-content: center;
}

#myBtnContainer li button {
  background: transparent;
  text-transform: uppercase;
  font-size: 15px;
  padding: 0 12px;
  padding-bottom: 10px !important;
}

#myBtnContainer button.btn.active {
  border-bottom: 3px solid #b01515;
  border-radius: 0px;
  box-shadow: none !important;
  font-weight: 500;
}

.work-sec-portfolio .column {
  margin-bottom: 20px !important;
  padding: 0 0px;
}



.inner-banner.sharjah-banner {
  background: url(../../case-studies/emirates-exhibition/img/emirates.html)
    no-repeat;
  background-size: cover;
}
.banner-slider {
    height: 100vh
}


.simple-txt, .gray-pizza {
    position: relative;
    z-index: 9;
}

.topSpace {
    height: 150px;
}


/*----- CASE STUDIES PAGE CSS ENDS -----*/


/*----- WORDPRESS CMS PAGE CSS STARTS -----*/

/*.wordpress-banner .webbannerImg {*/
/*    max-width: fit-content;*/
/*    margin-left: -40%;*/
/*    margin-top: 0;*/
/*}*/


.wordpress-banner-img {
    margin-left: -15%;
    max-width: -webkit-fill-available;
    animation: webmove 3s infinite ease-in-out;
    position: relative;
    margin-top: -1%;
}

section.webdpg_banner--wrapper.wordpress-banner {
    background-image: url(../imgs/softwarepage/SoftwarePageBG.jpg);
    background-size: cover;
    background-position: top center;
}

.clrblck {
  color: #000 !important;
  font-weight: 500;
}
.webbg {
  background-image: url('../imgs/wordpress/web-img.jpg');
  background-size: cover;
  width: 100%;
}
.webbg h2,
.webbg .web_row_2 p {
  color: #fff;
}
.webbg .pg_btn {
  background: #D03D3D;
  box-shadow: 0px 12px 18.9px 0px rgba(27, 139, 131, 0.20);
}

.service-box p.bold {
    color: white;
    margin-top: 20px;
}


section.business-growth img.seo_img {
    margin-left: -5%;
    max-width: max-content;
}


/*----- WORDPRESS CMS PAGE CSS ENDS -----*/



.accordion-body strong {
    font-weight: 700;
}

.webFAQ .accordion-body p:not(:last-child){
    margin-bottom: 15px;
}
.accordion-body ul {
    margin-top: 15px;
}

.accordion-body ul li:before {
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 6px;
    vertical-align: middle;
    margin-right: 15px;
    color: black;
}

div#responseMessage p {
    padding: 20px 20px;
    border: 1px solid;
    margin-top: 30px;
    margin-bottom: 0;
}

.formmm {
    padding: 40px 30px;
    border: 1px solid #ababab;
}

/*---- PRIVACY POPUP ----*/
.privacy-popup {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.popup-style {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}


.privacy-form {
    width: 900px;
    padding: 50px 30px;
    background-color: pink;
    background: url(../imgs/PopupNew.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

form.privacyForm .col-md-6 {
    margin-bottom: 15px;
}
form.privacyForm .col-md-12:not(:last-child) {
    margin-bottom: 15px;
}
.privacy-form .privacy-input {
    width: 100%;
    border: none;
    padding: 15px 20px 15px 52px;
    height: 50px;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 20px 0px #dfdfdf;
}
.privacy-form textarea {
    padding-top: 20px !important;
    height: auto !important;
}

form.privacyForm > div span {
    position: relative;
    display: block;
}
form.privacyForm > div span i {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 15px;
    display: flex;
    align-items: center;
}

form.privacyForm .pt-area span i {
    bottom: unset;
    top: 20px;
}

label.consent-label {
    display: flex;
    align-items: flex-start;
    color: #666;
    line-height: 25px;
}

label.consent-label input {
    margin-right: 10px;
    width: 20px;
    height: 30px;
    box-shadow: none !important;
}

form.privacyForm .privacy-submit {
    font-size: 22px;
    color: white;
    background-color: #bd2020;
    padding: 12px 50px;
    border-radius: 10px;
    margin-top: 20px;
}

.privacy-form {
    position: relative;
}
.privacy-form span.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #bd2020;
    color: white;
    border-radius: 50px;
    cursor: pointer;
}

.iti.iti--allow-dropdown {
    width: 100%;
}
.iti__country {
    padding: 10px 10px;
    display: flex;
}

/*---- PRIVACY POPUP ----*/


/*---- SIDEBAR FORM ----*/

.sidebar-contact{
  position:fixed;
  top:50%;
  right:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding: 30px;
  background:#fff;
  box-shadow: 0 20px 50px rgb(213 213 213 / 50%);
  box-sizing:border-box;
  transition:0.5s;
  z-index: 9999;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    height: 50px;
    margin-bottom: 20px;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 20px 0px #dfdfdf;
}
.sidebar-contact textarea {
    height: 90px;
    resize:none;
}

.sidebar-contact p {
    font-size: 28px;
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}

.sidebar-contact button.contact-bttn {
    background: #bd2020;
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 18px;
    padding: 14px 30px;
    border-radius: 8px;
}

form#sideForm label.consent-label {
    margin-bottom: 25px;
}

div#sideform_message p {
    font-size: 17px;
    margin-top: 20px;
    border: 1px solid;
    padding: 5px 10px;
}

.toggle{
  position:absolute;
  width:48px;
  text-align:center;
  cursor:pointer;
  background: #bd2020;
  top:35%;
  left:-48px;
  line-height:48px;
  writing-mode: vertical-rl;
  color: white;
  transform: scale(-1);
  padding: 30px 0px;
  border-radius: 5px;
  font-size: 18px;
}
/*.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
}
.toggle.active:before{
  content:'\f00d';
}*/
@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
}

/*---- SIDEBAR FORM ----*/


/*----- THANK YOU PAGE CSS STARTS -----*/
.thanks-section {
    padding-top: 200px;
    padding-bottom: 80px;
    text-align: center;
    background-image: url(../imgs/ThankyouBG.jpg);
    background-size: cover;
}
.thanks-inner h1 {
    font-size: 60px;
    color: #404040;
    font-weight: 700;
}
.thanks-inner p {
    font-size: 30px;
    margin: 20px 0;
}
.thanks-inner a {
    background: #BD2020;
    color: white;
    padding: 17px 30px;
    border-radius: 12px;
    display: inline-block;
}
/*----- THANK YOU PAGE CSS ENDS -----*/

/*----- TERMS & CONDITIONS AND PRIVACY POLICY -----*/

body.terms-page {
    background-image: url(../imgs/web/web-pg-bg-1.webp);
    background-size: cover;
}

.simple-page {
    padding-top: 200px;
    padding-bottom: 80px;
}

.simple-page a {
    color: #c42626;
}
.simple-page strong {
    font-weight: 600;
    color: black;
}

.simple-page h1 {
    color: #121212;
    font-size: 90px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 40px;
}
.simple-page p {
    margin-bottom: 15px;
}
.simple-page h2 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}
section.inner-secc .row:not(:last-child) {
    margin-bottom: 30px;
}
.simple-page ol li,
.simple-page ul li {
    font-size: 18px;
    line-height: normal;
}
.simple-page ol > li,
.simple-page ul > li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.simple-page ol > li:before,
.simple-page ul > li:before {
    content: "\f058";
    font-family: "FontAwesome";
    color: #1b8b83;
    margin-right: 10px;
    font-size: 25px;
}
.simple-page li p {
  margin-bottom: 0;
}

.simple-page ul li ul {margin-top: 15px;}

.simple-page ul li ul li {
    list-style: square;
}
.simple-page ul li ul {
    margin-left: 40px;
}
.simple-page ul li ul li:before {
    display: none;
}


.simple-page h3 {
    margin-bottom: 20px;
    font-weight: 600;
}
.simple-page h4 {
    margin-bottom: 20px;
}

/*----- TERMS & CONDITIONS AND PRIVACY POLICY ENDS -----*/


/*---- STAFF AUGMENTATION PAGE CSS STARTS ----*/

/*---- BANNER ANIMATION ----*/

.staff-banner {
    text-align: center;
    position: relative;
}
.staff-text {
    background-color: white;
    box-shadow: 0px 0px 48.617px rgba(0, 0, 0, 0.15);
    position: absolute;
    display: flex;
    align-items: center;
    height: 85px;
    padding: 0 15px;
    border-radius: 50px;
    text-align: left;
    animation: downMove 3s linear infinite;
}
.staff-text img {
    margin-right: 10px;
}
.staff-text h6 {
    font-size: 18px;
    font-weight: 700;
}

.staff-text.one {
    top: 50px;
    width: 237px;
    left: -10px;
}
.staff-text.two {
    bottom: 90px;
    right: 0;
    width: 272px;
}

span.developer, span.designer {
    position: absolute;
}
span.designer {bottom: 250px; right: 0px; animation: designMove 3s linear infinite;}
span.developer {bottom: 40px; left: 70px; animation: devMove 3s linear infinite;}



@keyframes downMove {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(20px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes designMove {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translate(30px, 30px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}


@keyframes devMove {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translate(-30px, 30px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0); /* Holds the position for the pause */
  }
}

/*---- BANNER ANIMATION ENDS ----*/

section.staff-section {
    background-color: black;
    padding: 100px 0;
}
.staff-section * {
    color: white;
}


.inner-staff {
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    margin: 70px 0;
}

.inner-staff .circle {
    content: "";
    width: 327px;
    height: 327px;
    opacity: 0.2 !important;
    background: #F8B418;
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 0;
    border-radius: 50%;
}
.inner-staff:nth-child(even) .circle {
    left: unset;
    right: 0;
}

.inner-staff.staff-two .circle {
    background: #C42626;
}
.inner-staff.staff-three .circle {
    background: #1B8B83;
}

.col-left {
    display: flex;
    flex-grow: 1;
    margin-right: -160px;
    z-index: 99;
    padding-left: 25px;
    grid-gap: 30px;
}
.col-left .staff-icon {
    flex-shrink: 0;
}

.inner-staff .content h5 {
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}
.inner-staff .content p {
    color: #A4A2A2;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}


.inner-staff .content {
    position: relative;
}
.inner-staff .content span {
    font-size: 150px;
    font-weight: 900;
    background: linear-gradient(180deg, #6F6D6D 0%, #121212 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -100px;
    left: 200px;
    z-index: -11;
}
.inner-staff:nth-child(even) .content span {
    left: unset;
    right: 170px;
}

.inner-staff .staff_image {
    flex-shrink: 0;
}

.inner-staff:nth-child(even) {
    flex-direction: row-reverse;
}
.inner-staff:nth-child(even) .col-left {
    flex-direction: row-reverse;
    text-align: right;
    margin-right: 0;
    margin-left: -160px;
    padding-left: 0;
    padding-right: 25px;
}


.inner-staff.staff-four .content {
    max-width: 75%;
}



/*--- SERVICES STAFF ---*/

section.service-section {
    background: url(../imgs/staff-augmentation/ServiceBG.jpg);
    background-size: cover;
    padding: 100px 0;
    overflow: hidden;
}

section.service-section * {
    color: white;
}

.service-column {
    display: flex;
    margin-top: 40px;
}

.item-service {
    position: relative;
    border-radius: 15px 15px 0 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.service-first-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 25px;
    height: 100%;
}

.service-first-col h6 {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: scale(-1);
    color: white;
    font-size: 25px;
    font-weight: 700;
    margin-top: 25px;
}
.service-first-col h6 i {
    margin-bottom: 10px;
}


.item-service .second-col {
    width: 400px;
    padding: 0 30px;
}
.item-service .second-col h6 {
    font-size: 25px;
    font-weight: 700;
    margin: 10px 0;
}

/*.second-col {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    width: 0;*/
/*    opacity: 0;*/
/*}*/


/*.item-service:hover {*/
/*    width: 350px;*/
/*}*/
/*.item-service:hover .service-first-col {*/
/*    opacity: 0;*/
/*}*/
/*.item-service:hover .second-col {*/
/*    opacity: 1;*/
/*    width: 100%;*/
/*}*/


/*--- SERVICES STAFF ENDS ---*/

section.workflow-sec {
    padding-top: 90px;
    background: url(../imgs/staff-augmentation/WorkflowBG.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.steps-row {
    border-top: 1px solid;
    margin-top: 30px;
    padding-top: 10px;
}

.steps-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}
.step-col {
    padding-right: 50px;
}

.pstep {
    color: #212121;
    font-size: 20px;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}
p.pstep:before {
    content: "";
    background: url(../imgs/staff-augmentation/icon-step.png);
    width: 42px;
    height: 41px;
    display: inline-block;
    margin-right: 10px;
    margin-left: -20px;
}

.step-info h4 {
    color: #212121;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.step-info h4 img {
    margin-right: 20px;
}

.step-image {
    flex-shrink: 0;
}

.b-line {
    height: 213px;
    border-left: 1px solid #302C2C;
    margin: 20px 0;
}

/*---- STAFF AUGMENTATION PAGE CSS ENDS ----*/


/*---- Ecommerce Web Designing CSS STARTS ----*/


.rightsec h2.main_h2 {
    margin-bottom: 20px;
}

span.contact {
    color: #121312;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left:20px;
}


/*---- Ecommerce Web Designing CSS ENDS ----*/


/*----- Android App Development Page css starts -----*/ 
section.customdroid {
    background-color: black;
    padding: 90px 0 0;
}
section.customdroid * {
    color: white;
}
#newcustomdroid {
    position: relative;
    height: 720px;
    margin-bottom: 360px;
    background-position: center center !important;
    background-size: cover !important;
}
#newcustomdroid .cmt-img img {
    padding-top: 45px;
}
#newcustomdroid a.pg_btn {
    background-color: #D03D3D;
}

/*----- Android App Development Page css ENDS -----*/ 
/*-- Game Development Page css --*/
.arrows-wrapper.game_arrow {
  justify-content: space-between;
  margin-left: -30px;
  position: absolute;
  bottom: 40%;
  left: 0;
  right: 0;
  margin-right: -30px;
}
.arrows-wrapper.game_arrow .slick-arrow{
  background-color: #bd2020;
  border-color: #bd2020;
  color: white;
}
.gm-development .tab-content {
  position: relative;
}
.gm_sr_row {
  display: flex;
  align-items: center;
}
.game_service-left {
  width: 42% !important;
}
.gm_sr_row .text-wrapper {
  width: 58%;
}
.gm_sr_row .text-wrapper p {
  color: #A4A2A2 !important;
  font-size: 20px;
}
.gm-development .custom-tabs .tab-btn {
    background-color: white;
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0px 4px 10.2px 0px rgba(0, 0, 0, 0.15) inset, -10px 10px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 0 30px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
    margin: 0 5px;
    font-size: 20px;
    font-weight: 600 !important;
    color: rgba(0,0,0,0.5);
}
.gm-development .tab-btn:hover,
.gm-development .tab-btn.active {
  color: #fff !important;
  background: #c42626;
}
/*-- Game Development Page css End --*/

/* -- Graphics Design-- */
.clrblck{
    color: #000;
}
section.webdpg_banner--wrapper.graphics-banner {
    padding-top: 270px;
    background-image: url(../imgs/graphic-design/graphics_bg.webp);
    padding-bottom: 20px;
}
.pd200{
    padding-top: 200px;
}
.graphics-design .col-md-8.wdth-md-8 img {
  width: 106%;
  max-width: 106%;
}
.graphics-design .webFAQ {
  margin-top: 100px;
}
.list_fnt_18 {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 30px;
    padding-left: 17px;
}
.list_fnt_18 li {
  list-style: disc;
}
.graphics-design .web_row_2 .clrblck {
  margin-bottom: 30px;
}
.graphics_cta h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
}
.cta-section.graphics_cta .row {
  align-items: center;
}
.graphics_cta .pg_btn.wd223 {
  margin-top: 0;
  margin-left: auto;
  display: block;
}
.pdtpbtm100 {
  background-image: url(../imgs/graphic-design/elipse_bg.webp);
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.wdthinc {
  width: 115%;
  max-width: 115%;
  margin-left: 4%;
}
.graphics_right p {
  max-width: 376px !important;
}
.text-wrapper.graphics_right {
  display: flex;
  justify-content: flex-end;
}
.graphics-design .gm_sr_row {
  width: 100%;
}
.graphics-design .custom-mm {
  position: sticky;
  top: 180px;
  max-width: 80%;
}
.graphics-design .custom-mm-right{
    position: sticky;
    top: 135px;
}
.whychooseleft-graphics .main_h2 {
  margin-bottom: 30px;
}
.whychooseleft-graphics .clrblck.fnt_18 {
  margin-bottom: 35px;
}
.cta-section.graphics_cta.cta2 {
  margin-top: 20px;
}
.graphics-design .custom-mm .main_h2 {
  margin-bottom: 40px;
}
.hire_expert {
  background-size: cover;
  background-image: url(../imgs/graphic-design/teab_bg.webp);
  padding: 100px 0;
  color: #fff;
}
.hire_expert .section-title-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.hire_expert .section-title-wrapper * {
  color: #fff;
}
.hire_expert .has_fade_anim {
  max-width: 355px;
}
.hire_expert .text-wrapper {
  width: 58%;
  display: flex;
  justify-content: flex-end;
}
.team_graphics > img {
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.team_graphics {
  background: #fff;
  padding: 17px;
  border-radius: 10px;
}
.team_graphics > p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #212121;
}
.team_graphics span {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  opacity: 40%;
  margin-bottom: 20px;
  display: inline-block;
}
.btm-flex strong {
  color: #BD2020;
  font-weight: bold;
  font-size: 16px;
}
.btm-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hire_expert a {
  background: #BD2020;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.hire_expert > .container > div:last-child {
  text-align: center;
}
@media (min-width: 768px) {
  .graphics-design .col-md-4.wdth-md-4 {
    flex: 0 0 auto;
    width: 37.1%;
  }
   .graphics-design .col-md-8.wdth-md-8 {
    flex: 0 0 auto;
    width: 62.667%;
  }
}

@media only screen and (max-width: 1680px) {
    .graphics-design .col-md-4.wdth-md-4 {
        flex: 0 0 auto;
        width: 41.6%;
    }
    .graphics-design .col-md-8.wdth-md-8 {
        flex: 0 0 auto;
        width: 58.4%;
    }
    .graphics-design .bnr_row p {
        max-width: 100%;
    }
    .graphics-design .banner_heading {
        font-size: 53px;
        max-width: 90%;
    }
    .pdtpbtm100 {
        padding: 76px 0;
    }
    .gm_sr_row .text-wrapper p {
        font-size: 17px;
    }
    .gm-development .custom-tabs .tab-btn {
      padding: 0 22px;
      height: 45px;
      font-size: 15px;
     }
     
    #newcustomdroid {
        margin-bottom: 180px;
    }
  .webdpg_banner--wrapper {
    padding-top: 150px;
  }
  
  .banner_heading {
    font-size: 46px;
  }
    
  .bnr_row p {
    font-size: 18px;
  }

  .main_h2 {
    font-size: 38.16px;
  }

  .fnt_18 {
    /*font-size: 16px;*/
    font-size: 18px;
  }

  .wnImg {
    max-width: 112.3%;
    margin-left: -20%;
  }

  .service-area .section-header .webpg-text {
    max-width: 600px;
    font-size: 18px;
  }


  .laptop-anime-section {
    margin-left: -10%;
  }

  .laptop-anime-section:before {
    width: 481px;
  }

  .only-laptop {
    padding: 80px 0;
    transform: scale(0.8);
  }

  .inner-feat {
    width: 100px;
    height: 110px;
  }

  .inner-feat h4 {
    font-size: 16px;
  }

  .inner-feat img {
    transform: scale(0.9);
  }

  .feature1 {
    top: -40px;
    left: 30%;
  }

  .feature2 {
    top: -40px;
    right: 5%;
  }

  .feature3 {
    top: 27%;
    right: 2%;
  }

  .feature4 {
    bottom: -20px;
    right: 35%;
  }

  .feature5 {
    bottom: 15%;
    left: 5%;
  }

  .feature6 {
    left: -20px;
  }

  .plantimg {
    right: -110px;
    top: -90px;
  }


  /*p {*/
  /*  font-size: 18px;*/
  /*}*/


  .span-text span {
    font-size: 16px;
  }

  .span-text span:after {
    margin: 0 5px;
  }


  section.team-squad {
    padding: 70px 0;
  }

  .team-inner h6 {
    font-size: 22px;
  }

  .team-inner p.desig {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
  }

  .section_counter ul li {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .section_counter li:before {
    width: 12px;
    height: 12px;
    border: 3px solid #C42626;
    margin-right: 20px;
  }

  .inner_count {
    padding: 30px 40px;
  }

  .inner_count h2 {
    font-size: 46.149px;
  }

  .inner_count p {
    font-size: 18.421px;
  }
    .inner_marketing h3,
    .inner_marketing h4 {
    font-size: 22px;
  }

  .digital-section .in--cnt_div p {
    min-height: 55px;
    line-height: 22.7px;
  }


  .dm-inner-slider h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .dm-inner-slider {
    padding: 0 60px 30px 30px;
    margin: 60px 10px 20px;
  }

  .marketing-column>p {
    font-size: 18px;
    margin-top: 30px;
  }


  .creactive-section ul li {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px;
  }

  .cta-section h2 {
    font-size: 30px;
  }


/*---- DIGITAL MARKETING ----*/

.counter-item h5 {
    font-size: 44.15px;
}
.counter-item p {
    font-size: 19.42px;
}

.expect-section .webp-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}
.expect-section .webp-wrapper h3 {
    font-size: 20px;
}

.process-col {
    flex: 0 0 45%;
}
.process-item .process-col h4 {
    position: relative;
    font-size: 22px;
}
.process-item .process-col h4::before {
    font-size: 26px;
    width: 70px;
    height: 70px;
    left: -90px;
}
.simple-page ol li,
.simple-page ul li {
    font-size: 16px;
}

.sidebar-contact{
  padding: 20px;
}

.sidebar-contact input,
.sidebar-contact textarea {
    font-size: 14px;
    padding: 10px 20px;
    height: 40px;
    margin-bottom: 14px;
    box-shadow: 0 0 14px 0px #dfdfdf;
}
.sidebar-contact textarea {
    height: 70px;
}

.sidebar-contact p {
    font-size: 24px;
    margin-bottom: 15px;
}

.sidebar-contact button.contact-bttn {
    font-size: 16px;
    padding: 11px 20px;
}

form#sideForm label.consent-label {
    margin-bottom: 15px;
    font-size: 15px;
}

div#sideform_message p {
    font-size: 15px;
    margin-top: 15px;
    padding: 5px 10px;
}
.toggle {
    width: 40px;
    left: -40px;
    line-height: 38px;
    padding: 20px 0px;
    font-size: 16px;
}

p:not(:last-child) {
    margin-bottom: 10px;
}

.simple-page {
    padding-top: 150px;
    padding-bottom: 60px;
}
.simple-page h1 {
    font-size: 65px;
    margin-bottom: 30px;
}

.simple-page h2 {
    margin-bottom: 15px;
    font-size: 34px;
}

.simple-page h3 {
    margin-bottom: 15px;
    font-size: 30px;
}

section.inner-secc .row:not(:last-child) {
    margin-bottom: 20px;
}

.simple-page ul > li {
    margin-bottom: 10px;
}
.simple-page ul > li:before {
    font-size: 20px;
}

.location_head h2 {
    font-size: 60px;
}

section.business-growth img.seo_img {
    max-width: 120%;
}


section.cta-section {
    padding: 40px 0;
    margin-top: 70px;
}
.cta-margin{
    margin-bottom: 70px !important;
}

section.marketing_section {
    padding: 80px 0;
}

.pd90 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.cms-head, .mid-sect {
    padding: 80px 0;
}

section.choose-Domain {
    padding-top: 80px;
}
section.business-growth {
    padding: 80px 0;
}

section.technologies-section {
    padding: 60px 0;
}
.graphics-design section.technologies-section {
  padding: 80px 0;
}
.section_counter {
    padding-bottom: 70px;
}


ul#pr-tabs li {
    margin: 0 10px;
}
ul#pr-tabs li a {
    font-size: 17px;
    padding: 12px 10px;
}
.web-d-text h4 {
    font-size: 22px;
}


.service-first-col {
    padding: 30px 12px;
}
.service-first-col h6 {
    font-size: 20px;
    margin-top: 10px;
}
.item-service .second-col {
    width: 300px;
    padding: 0 20px;
}
.item-service .second-col h6 {
    font-size: 20px;
    margin: 10px 0;
}

/*---- STAFF AUGMENTATION PAGE ----*/
.staff-banner {
    padding: 0 40px;
}
.staff-text.one {
    width: 217px;
    left: -40px;
}
.staff-text.two {
    right: 0;
    width: 250px;
}
span.designer {
    bottom: 250px;
    right: -40px;
}
.staff-text h6 {
    font-size: 16px;
}


section.staff-section {
    background-color: black;
    padding: 80px 0;
}

.inner-staff {
    margin: 50px 0;
}
.inner-staff .circle {
    width: 267px;
    height: 267px;
}

.inner-staff .content span {
    font-size: 110px;
    top: -80px;
    left: 140px;
}

.staff-icon {
    width: 80px;
}

.staff_image {
    width: 60%;
}

.inner-staff .content h5 {
    font-size: 26px;
    margin-bottom: 10px;
}
.inner-staff .content p {
    font-size: 18px;
    line-height: 24px;
}

.col-left {
    gap: 20px;
    padding-left: 20px;
    margin-right: -120px;
}
.inner-staff:nth-child(even) .col-left {
    margin-left: -120px;
    padding-right: 20px;
}



.step-col {
    width: 40%;
}
.step-image {
    width: 60%;
}
.b-line {
    height: 163px;
}
.step-info h4 {
    font-size: 24px;
    margin-bottom: 15px;
}
.step-info h4 img {
    margin-right: 15px;
    width: 65px;
}

section.service-section {
    padding: 80px 0;
}
/*graphics 1680*/
  section.webdpg_banner--wrapper.graphics-banner {
    padding-top: 150px;
  }
  .graphics-banner .bnr_row .clrblck {
      margin-bottom: 25px !important;
 }
 .pg_btn.wd223 {
  width: 180px;
}
.graphics-design .fnt_18, 
.graphics-design .list_fnt_18, 
.graphics-design .custom_list-ic {
  font-size: 16px;
}
.graphics-design .web_row_2 .clrblck {
  font-size: 16px;
  margin-bottom: 20px;
}
.wdthinc {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}
/*---- STAFF AUGMENTATION PAGE ----*/
}


@media only screen and (max-width: 1680px) and (min-width: 1551px) {
.service-first-col {
    padding: 30px 20px;
}
}


@media only screen and (max-width: 1279px) {

  .sub_heading {
    font-size: 15.79px;
    margin-bottom: 14.95px;
  }

  .banner_heading {
    font-size: 38px;
  }

  .bnr_row p {
    font-size: 16px;
  }

  /*.webbannerImg {*/
  /*  max-width: 100%;*/
  /*  margin-left: 0;*/
  /*}*/

  .web_row_2 .main_h2 {
    margin-bottom: 15px;
  }

  .main_h2 {
    font-size: 30.16px;
  }

  .wnImg {
    max-width: 100%;
    margin-left: 0;
  }

  .fnt_18 {
    font-size: 15px;
  }

  /*.col-md-6.web51 img {*/
  /*  max-width: 100%;*/
  /*  margin-left: 0;*/
  /*}*/

  .service-area .section-header .webpg-text {
    max-width: 550px;
    font-size: 16px;
  }

  .webp-wrapper p {
    font-size: 15px;
    line-height: 1.4;
  }

  .webp-wrapper h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .laptop-anime-section {
    margin-left: 0;
  }

  .laptop-anime-section:before {
    width: 300px;
  }

  .only-laptop {
    padding: 60px 0;
    transform: scale(0.75);
  }

  .inner-feat {
    width: 90px;
    height: 100px;
  }

  .inner-feat h4 {
    font-size: 15px;
  }

  section.cta-section {
    padding: 50px 30px;
    max-width: 95%;
    margin-top: 30px;
  }

  /*img.webbanner-america {*/
  /*  max-width: 100%;*/
  /*  margin-left: 0;*/
  /*  margin-top: 0;*/
  /*}*/

  .section_counter ul li {
    font-size: 16px;
    margin-bottom: 13px;
  }

  .inner_count {
    padding: 25px 30px;
  }

  .inner_count h2 {
    font-size: 40.149px;
  }

  .inner_count p {
    font-size: 17.421px;
  }

    .inner_marketing h3,
    .inner_marketing h4 {
    font-size: 20px;
  }

  .custom-mm p.strong {
    font-size: 22px;
  }

  /*.col-md-6.web51 img {*/
  /*  margin-left: 0;*/
  /*}*/

  .marketing-column>p {
    font-size: 18px;
    margin-top: 30px;
  }

  .dm-inner-slider h4 {
    font-size: 20px;
  }

  p,
  .webp-wrapper p,
  .fnt_18 {
    font-size: 14px;
  }
.accordion-body ul li {
  font-size: 14px;
}
.accordion-body {
  font-size: 14px !important;
}
.simple-page ol li,
.simple-page ul li {
    font-size: 14px;
}

.simple-page h1 {
    font-size: 50px;
    margin-bottom: 30px;
}
.simple-page h2 {
    font-size: 30px;
}
.simple-page h3 {
    font-size: 26px;
}


.location_head h2 {
    font-size: 46px;
}

.wordpress-banner .webbannerImg,
section.business-growth img.seo_img {
    margin-left: 0;
    max-width: 100%;
}

.ond--sec.Classified {
    height: 100%;
}

section.global_achievement .col-md-7 img {
    height: -webkit-fill-available;
}

/*---- STAFF AUGMENTATION PAGE ----*/
.inner-staff {
    flex-direction: column-reverse;
}
.staff_image {
    width: 100%;
    text-align: center;
}
.col-left {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0;
    padding-top: 60px;
}
.inner-staff:nth-child(even) .col-left {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
}


.inner-staff:nth-child(even) {
    flex-direction: column-reverse;
}
.inner-staff:nth-child(even) .col-left {
    text-align: left;
    flex-direction: unset !important;
}
.inner-staff .circle {
    display: none;
}
.inner-staff:nth-child(even) .content span {
    left: 140px;
    right: unset;
}

/*---- STAFF AUGMENTATION PAGE ----*/

}

@media only screen and (max-width: 991px) {
    
    
.webdpg_banner--wrapper{
    padding-top:150px;
}

  .banner_heading {
    font-size: 28px;
  }

  .banner_america h2.banner_heading {
    margin-top: 0;
  }

  .bnr_row p {
    font-size: 14px;
  }

  .main_h2 {
    font-size: 24.16px;
  }

  .fnt_18 {
    font-size: 14px;
  }

  .pd90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pg_btn {
    padding: 15.5px 10px;
    font-size: 14px;
    width: 200px;
  }

  .service-area .section-header .webpg-text {
    max-width: 420px;
    font-size: 14px;
  }

  .service-area .service-box .title {
    font-size: 17.08px;
  }

  .service-area .service-box .text {
    font-size: 14.37px;
  }

  .webp-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 40px;
    margin-bottom: 70px;
  }

  .web_process {
    padding: 50px 0 0;
  }

  .features-col {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    justify-content: center;
  }

  .inner-feat {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: none;
    flex-shrink: 0;
  }


  .laptop-anime-section:before {
    display: none;
  }

  .only-laptop {
    padding: 40px 0;
    transform: none;
  }

  .animate-part {
    max-width: 90%;
  }

  .plantimg {
    right: -20px;
    top: -50px;
    transform: scaleX(-1);
  }

  .plantimg img {
    width: 170px;
  }

  .cta-section h2 {
    font-size: 24px;
  }


  section.technologies-section {
    background-position: center;
    padding: 60px 0;
  }
.graphics-design section.technologies-section {
  padding: 80px 0;
}
  .span-text {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .span-text span {
    font-size: 14px;
    margin-bottom: 7px;
  }

  .section_counter ul li {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 13px;
  }

  .inner_count {
    padding: 25px 20px;
  }

  .inner_count h2 {
    font-size: 36.149px;
  }

  .inner_count p {
    font-size: 16.421px;
  }

  .inner_marketing h3,
    .inner_marketing h4 {
    font-size: 18px;
  }

  .inner_marketing {
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 15px;
  }

  .team-grid {
    padding-left: 0;
  }

  section.team-squad {
    padding: 50px 0;
  }

  .team-inner h6 {
    font-size: 18px;
  }

  .team-inner p.desig {
    font-size: 14px;
  }

  .dm-inner-slider {
    padding: 0 30px 30px 20px;
  }

  .dm-inner-slider h4 {
    font-size: 18px;
  }

  .core_timeline p {
    font-size: 14.29px;
  }


  .cms-head {
    padding: 60px 0;
  }

  .mid-sect {
    padding: 50px 0;
  }

  .cms-col-row img.ic-img {
    width: 100px;
  }

  .cms-col-row img.ic-img,
  .cms-col-row .main_h2 {
    margin-bottom: 15px;
  }
  
  
.simple-page h1 {
    font-size: 44px;
    margin-bottom: 20px;
}

section.inner-secc .row:not(:last-child) {
    margin-bottom: 15px;
}

.simple-page h2 {
    margin-bottom: 10px;
    font-size: 26px;
}

.simple-page h3 {
    font-size: 22px;
}


.location_head {
    top: 20px;
}
.location_head h2 {
    font-size: 34px;
}
  

}


@media only screen and (max-width: 767px) {
    .inner_popup {
        grid-template-columns: repeat(2, 1fr);
    }
    ul#pr-tabs li.active {
        border-bottom: 0px solid #BD2020;
        background: #BD2020;
        color: #fff !important;
    }
    ul#pr-tabs li.active a {
        color: #fff;
        font-weight: 700;
    }
    ul#pr-tabs {
        flex-wrap: wrap;
    }
  .webdpg_banner--wrapper {
    padding-top: 150px;
  }

  .sub_heading {
    font-size: 14.79px;
  }

  .banner_heading {
    font-size: 24px;
  }

  .bnr_row p {
    font-size: 14px;
  }

  .webbannerImg {
    margin-top: 30px;
  }

  .wnImg {
    margin-bottom: 40px;
  }

  .main_h2 {
    font-size: 20.16px;
  }

  .service-area .section-header .webpg-text {
    max-width: 100%;
    font-size: 13px;
  }

  p,
  .webp-wrapper p,
  .fnt_18 {
    font-size: 13px;
  }

  .solutions-btn span {
    padding: 8px 15px;
    margin-right: 3px;
    font-size: 13px;
  }

  .webp-wrapper h3 {
    font-size: 18px;
  }

  .award_honors p {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .plantimg {
    display: none;
  }

  .mt-mobile-3 {
    margin-top: 1.5rem;
  }

  section.cta-section {
    padding: 30px 15px;
    max-width: 90%;
    margin-top: 30px;
  }



  .webFAQ .accordion-item {
    margin-bottom: 15px;
    padding: 10px 25px;
  }

  .webFAQ .accordion-button {
    font-size: 17px;
    line-height: 22px;
    height: 50px;
  }

  webFAQ .accordion-body {
    margin-bottom: 20px;
  }

  .webFAQ .accordion-body {
    font-size: 13px;
    line-height: 20px;
    max-width: 100%;
  }

  .accordion-button:not(.collapsed)::after {
    position: relative;
    top: 15px;
  }

  .section-header__cs {
    display: block;
  }

  .custom-tabs {
    margin-top: 30px;
  }

  .custom-tabs .tab-btn {
    padding: 0 25px;
    font-size: 15px;
    height: 50px;
  }

  .cta-section h2 {
    font-size: 20px;
  }


  .team-grid {
    margin-top: 40px;
    grid-gap: 10px;
  }

  .team-grid .team-col:last-child {
    margin-top: 30px;
  }

  .team-grid .team-col .team-inner:first-child {
    margin-bottom: 10px;
  }


  .section_counter ul li {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .inner_count {
    padding: 20px 20px;
  }

  .inner_count h2 {
    font-size: 28.149px;
  }

  .inner_count p {
    font-size: 14.421px;
  }

  .custom-mm p.strong {
    font-size: 16px;
  }

  .marketing-column {
    margin-top: 30px;
  }

  .custom-mm .main_h2~p {
    margin-top: 10px;
  }

  .marketing-column>p {
    font-size: 15px;
    margin-top: 30px;
  }

  .game-column a.pg_btn {
    width: 220px;
  }

  section.DM-section .arrows-wrapper {
    margin-bottom: 0;
    margin-top: 30px;
  }

  .creactive-section ul li {
    font-size: 13px;
  }

  .time_cnt .h3 {
    font-size: 18.81px;
    line-height: 24.58px;
    gap: 15px;
  }

  .core_timeline p {
    font-size: 13.29px;
  }

  p.p-width {
    max-width: 100%;
  }

  .cms-col-row img.inner-col-img {
    margin-bottom: 50px;
  }

  .mid-sect {
    display: flex;
    flex-direction: column-reverse;
  }

  section.choose-Domain {
    padding-top: 40px;
  }

  .choose-Domain .core_timeline {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  
  
.simple-page {
    padding-top: 130px;
    padding-bottom: 50px;
}

.simple-page h1 {
    font-size: 38px;
    margin-bottom: 20px;
}
.simple-page h2 {
    font-size: 24px;
}
.simple-page h3 {
    font-size: 20px;
}


.location_head h2 {
    font-size: 30px;
}
 ul#pr-tabs li {
    margin: 0 10px;
    margin-bottom: 0px;
    background: #e2e2e28a;
    margin-bottom: 10px;
    border-radius: 9px;
}
 ul#pr-tabs li a {
    font-size: 14px;
 }
}
@media only screen and (max-width: 480px) {
     ul#pr-tabs li a {
        padding: 12px 0;
    }
   .inner_popup {
        grid-template-columns: repeat(1, 1fr);
    } 
    ul#pr-tabs li {
      width: 44%;
      text-align: center;
    }
}