/*!
Theme Name: uaeappdevelopers
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uaeappdevelopers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

uaeappdevelopers is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
  margin: 0;
  outline: none !important;
  box-sizing: border-box;
}

:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --black: #000;
  --primary: #00e5ff;
  --active: #ff6597;
}

html {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  font-family: "Product Sans" !important;
  background-color: var(--black);
  color: var(--white);
  height: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--white);
  margin: 0;
}

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

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

.text_center {
  text-align: center;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}
.header.dark-header {
  background: #000;
}
a,
button {
  cursor: pointer;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
  line-height: 0;
}

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.nv_spc{padding-top: 120px;}
.ub_spc{padding-bottom: 80px;}
.ut_spc{padding-top: 80px;}
.u_spc{padding: 80px 0;}
@media (max-width:1600px) {
.ub_spc{padding-bottom: 60px;}
.ut_spc{padding-top: 60px;}
.u_spc{padding: 60px 0;}
}
@media (max-width:1200px) {
.ub_spc{padding-bottom: 40px;}
.ut_spc{padding-top: 40px;}
.u_spc{padding: 40px 0;}
}
.mh h1 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.4;
}

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

.sb_hd h2 {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 65px;
}

.sb_hd h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}

.mx_65 {
  max-width: 65%;
}

.cl_bl {
  /* color: var(--primary);
  text-decoration: underline; */
}

.sb_hd p {
  margin-bottom: 40px;
}

.mn_btn {
  border: 1px solid var(--primary);
  color: var(--black);
  padding: 12px 50px;
  font-size: 22px;
  font-weight: 700;
  border-radius: 30px;
  background: none;
  position: relative;
  overflow: hidden;
}

.mn_btn:before {
  content: "";
  background: var(--primary);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 0;
  transition: 0.5s all;
  border-radius: 30px;
}

.mn_btn span {
  position: relative;
  color: var(--black);
}

.mn_btn:hover span {
  color: var(--primary);
}

.mn_btn:hover::before {
  height: 0;
  transition: 0.5 all;
}

.tp_btn {
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--black);
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 30px;
  position: relative;
  transition: 0.5s all;
  overflow: hidden;
}

.tp_btn:before {
  content: "";
  background: var(--primary);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 0;
  transition: 0.5s all;
  border-radius: 30px;
}

.tp_btn span {
  position: relative;
  color: var(--black);
}

.tp_btn:hover span {
  color: var(--primary);
}

.tp_btn:hover::before {
  height: 0;
  transition: 0.5 all;
}

.blk_bt {
  background: transparent;
  border: 1px solid var(--black);
  color: var(--white);
  padding: 12px 18px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  position: relative;
  transition: 0.5s all;
  z-index: 0;
}

.blk_bt:before {
  content: "";
  background: var(--black);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 0;
  transition: 0.5s all;
}

.blk_bt span {
  position: relative;
  color: var(--primary);
}

.cta_rhs .blk_bt {
  margin-left: 60px;
}

.blk_bt:hover span {
  color: var(--black);
}

.blk_bt:hover::before {
  height: 0;
  transition: 0.5 all;
}

.myb_flx,
.clr_bx,
.itmp_flx,
.blg_flx,
.bx_flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clr_bx {
  align-items: stretch;
}

.great_ro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.cont_ainer {
  max-width: 1170px;
  width: 90%;
  margin: 0 auto;
}

.cont_ainer-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.blk_span {
  display: block;
}

.p_rt {
  position: relative;
}

.al_sc {
  padding: 60px 0;
}

.al_sc.pb_0 {
  padding-bottom: 0;
}

.w_48 {
  width: 48%;
}

/* header css start */
.top_header {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 10px 0 0;
}

.contact_bx {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-left: 20px;
  border-left: 1px solid #ececec;
}

.contact_bx:first-child {
  border: none;
  padding-right: 20px;
}

.hero-animation:after {
  content: "";
  position: absolute;
  background-image: url("./img/sbt.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 43px;
  height: 50px;
  right: -15px;
  top: 50%;
}

.hero-animation:before {
  content: "";
  position: absolute;
  background-image: url("./img/sbt.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 43px;
  height: 50px;
  left: 15%;
  top: 74%;
}

.hero-wrapper::before {
  content: "";
  position: absolute;
  background-image: url("./img/polygon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 24px;
  left: -440px;
  top: -150px;
}

.hero-wrapper::after {
  content: "";
  position: absolute;
  background-image: url(./img/polygon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 24px;
  right: -400px;
  top: -120px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fdf9f800;
  z-index: 1024;
}

.darkHeader {
  background: #000;
  border-bottom: 1px solid #272727;
  z-index: 1024;
}

.header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px;
}

.logo a {
  font-size: 24px;
  font-weight: bold;
  color: var(--white);
}

.logo a span {
  color: #8739fa;
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
  position: relative;
}

.menu a {
  display: block;
  padding: 5px 0;
  font-size: 17px;
  font-weight: 400;
  transition: 0.2s all ease-in-out;
  color: var(--white);
}

.menu a:hover {
  opacity: 1;
}

.menu-icon {
  display: none;
}

#menu-toggle {
  display: none;
}

#menu-toggle:checked ~ .menu {
  transform: scale(1, 1);
}

/* header css end */
/* common popup css */
.comn_frm .modal-dialog {
  max-width: 900px;
  width: 900px;
}

.comn_frm .cotct_ryt {
  background: #fff;
  width: 60%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 50px 20px;
}

.comn_frm .cotct_bx {
  flex-direction: row;
  padding: 0;
  border-radius: 30px;
  gap: 0;
  border: 3px solid #ffffff17;
}

.comn_frm .cotct_lyt {
  width: 40%;
  display: initial;
  background: #141519;
  padding: 50px 25px;
  position: relative;
  z-index: 1;
  border: unset;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.comn_frm .cotct_lyt h1 {
  font-size: 18px;
  line-height: 30px;
}

.uae_clr {
  color: #00e5ff;
}

.comn_frm .cotct_lyt h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  margin-top: 20px;
}

.comn_frm .cotct_lyt:after {
  content: "";
  position: absolute;
  background: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2023/06/comnpopup-img.jpg)
    no-repeat;
  left: 0;
  bottom: 0;
  height: 70%;
  width: 100%;
  background-size: 100% 100%;
  z-index: -1;
  border-bottom-left-radius: 30px;
}

.comn_frm .iti__selected-dial-code,
.comn_frm .cotct_ryt .form_gup select,
.comn_frm .cotct_ryt .form_gup input,
.comn_frm .cotct_ryt .form_gup textarea {
  color: #333;
}

.frm_btn {
  background: #000;
  color: #00e5ff;
  width: 100%;
  border: unset;
  font-size: 18px;
  padding: 10px;
  border-radius: 5px;
}

.comn_frm .btn-close {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
  background-size: 15px;
  transition: var(--transition);
  box-shadow: 0px 0px 20px #00000054;
}

.comn_frm .error {
  position: absolute;
  bottom: -17px;
  left: 0;
  font-size: 11px !important;
  font-weight: 300 !important;
}

.comn_frm .cotct_ryt .form_gup {
  position: relative;
}

.modal.modal-static .modal-dialog {
  transform: none;
}

/* common popup css */
/* whatsapp icon css */
.btm_whtsapp {
  position: fixed;
  bottom: 18px;
  left: 20px;
  z-index: 1;
}

.whtsap_icn svg.svg-inline--fa.fa-whatsapp {
  width: 30px;
  height: 30px;
}

.whtsap_clck {
  height: 40px;
  width: 40px;
  z-index: 11;
  opacity: 1;
  overflow: hidden;
  pointer-events: all;
  cursor: pointer;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  background: #4fce5d;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ftr_main .ft li span {
  cursor: pointer;
}

.btm_whtinr {
  position: relative;
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cbb-circle {
  background-color: rgba(127, 186, 0, 0);
  border: 1px solid #4fce5d;
  border-radius: 100% !important;
  opacity: 0.5;
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation: 2.2s ease-in-out infinite animation1;
  animation: 2.2s ease-in-out infinite animation1;
  -ms-animation: animation1 2.2s ease-out;
  -ms-animation-iteration-count: infinite;
}

.cbb-circle-fill {
  background-color: #4fce5d;
  border: 1px solid #4fce5d;
  border-radius: 100% !important;
  opacity: 1;
  position: absolute;
  width: 70px;
  height: 70px;
  -webkit-animation: 1.7s ease-in-out infinite animation2;
  animation: 1.7s ease-in-out infinite animation2;
  -ms-animation: animation2 1.7s ease-out;
  -ms-animation-iteration-count: infinite;
}

@-webkit-keyframes animation1 {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }

  70% {
    opacity: 0.6;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0.3;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes animation2 {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  70% {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0.1;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

.whatsappTop .btm_whtsapp {
  display: none;
}

.whatsappBtm nav .whtsap_icn {
  display: none;
}

@keyframes scaleup {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes zoom {
  0% {
    box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 0px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 0px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 0px;
    -webkit-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 0px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 0px;
    -o-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 0px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 0px;
    -ms-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 0px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 0px;
  }

  100% {
    box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 5px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 10px;
    -moz-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 5px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 10px;
    -webkit-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 5px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 10px;
    -o-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 5px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 10px;
    -ms-box-shadow: rgba(16, 128, 199, 0.21) 0px 0px 0px 5px,
      rgba(16, 128, 199, 0.12) 0px 0px 0px 10px;
  }
}

.btm_whtsapp .whtsap_clck svg {
  height: 25px;
  animation: 2s infinite ring;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  12%,
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14%,
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  100%,
  20% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  12%,
  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14%,
  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  100%,
  20% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes hithere {
  30% {
    transform: scale(1.1);
  }

  40%,
  60% {
    transform: rotate(-20deg) scale(1.1);
  }

  50% {
    transform: rotate(20deg) scale(1.1);
  }

  70% {
    transform: rotate(0deg) scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.btm_whtsapp path {
  color: #fff;
}

/* whatsapp icon css */

/* hero wave css start here */
.gvt_project {
  text-align: left;
  display: flex;
  align-items: center;
  gap: 50px;
}

.hero-animation {
  background-image: url("./img/hero.png");
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 750px;
}

.hero-wrapper {
  position: relative;
  z-index: 0;
}

.hero-wrapper h1,
.hero-wrapper h2 {
  z-index: 4;
  color: var(--primary);
  font-size: 56px;
  white-space: nowrap;
  position: absolute;
  transform: translate(-50%, -62%);
  font-weight: 900;
}

.hero-wrapper h1 {
  color: transparent;
  -webkit-text-stroke: 1px var(--primary);
}

.hero-wrapper h2 {
  color: var(--primary);
  animation: wave 4s ease-in-out infinite;
}

@keyframes wave {
  /* start point */
  0%,
  100% {
    clip-path: polygon(
      0% 46%,
      17% 45%,
      34% 50%,
      56% 61%,
      69% 62%,
      86% 60%,
      100% 51%,
      100% 100%,
      0% 100%
    );
  }

  /* Mid point */
  50% {
    clip-path: polygon(
      0% 59%,
      16% 64%,
      33% 65%,
      52% 61%,
      70% 52%,
      85% 47%,
      100% 48%,
      100% 100%,
      0% 100%
    );
  }
}

.hero_bx {
  position: relative;
}

.hero-animation h3 {
  font-size: 46px;
  margin: 30px 0 10px;
  font-weight: 900;
}

.hero-animation h4 {
  font-size: 22px;
  margin-bottom: 40px;
}

.gvt_project {
  text-align: left;
}

.gvt_project h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.gvt_logos {
  display: flex;
  align-items: center;
  gap: 30px;
}

.gvt_logos li img {
  filter: grayscale(1);
}

/* hero wave css end here */

/* Style the tab */
.hv_tab .tab {
  float: left;
  width: 48%;
  position: relative;
}

.hv_tab .tab:after {
  content: "";
  position: absolute;
  left: -280px;
  bottom: 40px;
  background-image: url("./img/polygon.svg");
  width: 25px;
  height: 25px;
}

/* Style the buttons inside the tab */
.hv_tab .tab button {
  display: block;
  background-color: inherit;
  color: #fff;
  opacity: 0.3;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 38px;
  font-weight: 600;
}

/* Create an active/current "tab button" class */
.hv_tab .tab button:nth-child(1).active {
  color: var(--active);
  opacity: 1;
}

.hv_tab .tab button:nth-child(2).active {
  color: #6ca6fe;
  opacity: 1;
}

.hv_tab .tab button:nth-child(3).active {
  color: #9be9d1;
  opacity: 1;
}

.hv_tab .tab button:nth-child(4).active {
  color: #e199bd;
  opacity: 1;
}

/* Style the tab content */
.hv_tab .tabcontent {
  float: left;
  width: 48%;
  display: none;
  border-radius: 15px;
  padding: 40px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.iber_bx {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
}

.iber_bx:after {
  content: "";
  position: absolute;
  top: 60px;
  background-image: url(./img/br_line.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 100%;
  right: -180px;
  z-index: -1;
}

.crd_1 {
  background-image: url(./img/card1.png);
}

.crd_2 {
  background-image: url(./img/card2.png);
}

.crd_3 {
  background-image: url(./img/card3.png);
}

.crd_4 {
  background-image: url(./img/card4.png);
}

.hv_tab .tabcontent figure {
  margin-bottom: 30px;
}

.hv_tab .tabcontent h4 {
  font-size: 40px;
  margin: 20px 0;
  color: #000;
  font-weight: 600;
}

.hv_tab .tabcontent p {
  font-size: 22px;
  color: #000;
}

.hv_tab {
  max-width: 85%;
  margin: 60px auto 0;
}

.dcds_lft {
  border-left: 1px solid #ffffff7d;
  padding-left: 25px;
}

.myb_lhs .sb_hd h2 {
  font-size: 42px;
}

/* Clear floats after the tab */
.hv_tab .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.myb_exp {
  background-color: #141b27;
  background-attachment: fixed;
  padding-top: 0;
}

.myb_lhs {
  width: 68%;
}

.myb_rhs {
  width: 30%;
}

.clr_bx {
  margin-top: -95px;
}

.clr_bx li {
  width: 16%;
  text-align: center;
  border-radius: 10px;
  padding: 30px 6px;
}

.clr_bx li:nth-child(1) {
  background-color: #f15620;
}

.clr_bx li:nth-child(2) {
  background-color: #4b44d0;
}

.clr_bx li:nth-child(3) {
  background-color: #ee386b;
}

.clr_bx li:nth-child(4) {
  background-color: #00c377;
}

.clr_bx li:nth-child(5) {
  background-color: #dc2e3d;
}

.clr_bx li:nth-child(6) {
  background-color: #664ab9;
}

.clr_bx h3 {
  font-size: 44px;
  font-weight: 600;
  margin-top: 10px;
}

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

.clr_bx li figure {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.dw_rg {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 20px 0 30px;
}

.itmp_rhs,
.itmp_lhs {
  width: 48%;
}

.str_bt {
  display: flex;
  align-items: center;
  gap: 10px;
}

.app_bg {
  text-align: center;
  background-image: url("./img/bl_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}

.pr-food .app_bg,
.pr-travel .app_bg {
  background-image: url("./img/pink_bg.png");
}

.itmp_flx {
  border-bottom: 1px solid #ffffff42;
  padding: 60px 0;
}

.dw_rg p {
  font-size: 16px;
}

.dw_rg h4 {
  font-size: 19px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}

.blg_one {
  width: 32%;
}

.blg_one figure {
  width: 100%;
  height: 210px;
  border-radius: 15px;
  overflow: hidden;
}

.blg_one figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blg_cnt {
  padding: 40px 0 20px;
}

.blg_cnt h3 {
  font-size: 14px;
}

.blg_cnt h4 {
  font-size: 22px;
  margin: 15px 0;
}

.blg_cnt p {
  font-size: 14px;
  margin-bottom: 25px;
}

.blg_cnt a {
  font-size: 20px;
  width: fit-content;
  text-decoration: underline;
  color: var(--primary);
}

.blg_flx {
  margin-top: 80px;
}

.glb_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.glb_bx li {
  width: 16.66%;
  cursor: pointer;
  height: 160px;
  border-bottom: 1px solid #ffffff42;    
  display: flex;
  align-items: center;
  justify-content: center;
}

.glb_bx li img {
  filter: contrast(0.1);  
  max-width: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.glb_bx li:hover {
  background-color: var(--white);
}

.glb_bx li:hover img {
  filter: unset;
}

.glb_prns {
  background-image: url("./img/building_bg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 300px;
}

.clr_bx_one {
  width: 32%;
  padding: 35px;
  border-radius: 10px;
}

.clr_bx_one h2 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: 600;
}

.clr_bx_one:nth-child(1) {
  background: #00c377;
}

.clr_bx_one:nth-child(2) {
  background: #dc2e3d;
}

.clr_bx_one:nth-child(3) {
  background: #664ab9;
}

.re_indus {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.re_lhs,
.re_rhs {
  width: 23%;
}

.re_center {
  width: 50%;
}

.re_lhs {
  background: var(--primary);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 10px;
}

.re_center {
  background: #1a1919;
  border-radius: 10px;
  padding: 30px;
}

.re_center h3 {
  font-size: 40px;
  font-weight: 900;
}

.re_center p {
  margin: 50px 0 20px;
}

.indt_nm li {
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 15px;
  font-weight: 600;
}

.indt_nm {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.re_rhs li {
  position: relative;
}

.re_rhs li:after {
  content: "";
  background: linear-gradient(70deg, #000000a8, #0000002e);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.re_rhs li h4 {
  font-size: 22px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 1;
}

.re_rhs li {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.re_rhs li:last-child {
  margin-bottom: 0px;
}

.re_lhs h2 {
  font-size: 24px;
  color: var(--black);
  font-weight: 900;
}

.acrdn_bx .accordion-header button {
  font-size: 26px;
  background-color: #1a1919;
  border: none;
  color: var(--white);
  border-radius: 10px;
  padding: 23px 20px;
  font-weight: 600;
}

.hv_tab .tabcontent figure img {
  max-width: 70px;
}

.cotct_ryt .iti__country-list {
  background-color: black;
  border: 1px solid #383838;
}

.acrdn_bx .accordion-item {
  margin: 20px 0;
  border: 1px solid #262626;
  background-color: #1a1919;
  border-radius: 10px;
  color: var(--white);
  overflow: hidden;
}

.acrdn_bx .accordion-body {
  padding-top: 0;
  line-height: 28px;
  font-size: 18px;
}

.acrdn_bx .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--primary);
}

.acrdn_bx .accordion-button::after {
  background-image: url(./img/arrow.svg);
  background-size: contain;
  width: 32px;
  height: 32px;
}

.grt_lhs {
  position: sticky;
  top: 200px;
}

.grt_rhs::-webkit-scrollbar {
  display: none;
}

/* testimonial slider css start */
.testi_bx {
  display: flex !important;
  align-items: center;
  gap: 70px;
  background: #1a1919;
  padding: 100px 80px;
  border-radius: 15px;
  position: relative;
  border-radius: 20px;
}

.testimonial_bx {
  max-width: 70%;
  margin: 50px auto 0;
  position: relative;
}

.testi_bx:before {
  background-image: url(./img/qoma.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 78px;
  height: 78px;
  content: "";
  position: absolute;
  top: -40px;
  left: 30px;
  z-index: 1;
}

.testi_bx:after {
  background-image: url(./img/qoma.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 78px;
  height: 78px;
  content: "";
  position: absolute;
  bottom: -40px;
  right: 30px;
  transform: rotate(180deg);
}

.testimonial_bx .slick-track {
  padding: 35px 0;
}

/* the slides */
.slick-slide {
  margin: 0 10px;
}

.slick-dots .slick-active button {
  background: var(--primary);
}

.slick-dots li.slick-active {
  border: 1px solid var(--primary);
}

.slick-dots li {
  border: 1px solid rgba(255, 0, 0, 0);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-dots button {
  background: var(--white);
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

/* the parent */
.slick-list {
  margin: 0 -27px;
}

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  gap: 15px;
}

.pr_bg {
  position: relative;
}

.pr_bg::after {
  background: var(--primary);
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  content: "";
  left: 0;
  z-index: -1;
  border-radius: 15px;
  transform: rotate(-3deg);
}

.testi_bx figure {
  width: 30%;
}

.testi_bx .monial_cntnt {
  width: 67%;
}

.testi_bx figure {
  height: 160px;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  width: 160px;
  justify-content: center;
  z-index: 0;
}

.testi_bx figure img {
  width: 140px;
  height: 140px;
  min-width: 140px;
  object-fit: cover;
  border-radius: 15px;
}

.testi_bx figure:after {
  content: "";
  border: 1px solid #fff;
  width: 140px;
  height: 140px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 20px;
  transform: rotateZ(80deg);
  z-index: -1;
}

.monial_cntnt h3 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}

/* testimonial slider css end */
.awrd_bx {
  position: relative;
  overflow: hidden;
  padding-top: 0;
}

.trnsfrm_bs_sc .sb_hd {
  text-align: center;
  margin-top: -225px;
}

.logo {
  top: -15px;
  position: relative;
}

.iti__flag-container {
  height: 44px;
}

.logo img {
  max-width: 120px;
}

.awrd_flx {
  margin-top: -150px;
}
.awrd_bx .cont_ainer {
    width: calc(100% - (100% - 90%) / 2);
    max-width: calc(100% - (100% - 1170px) / 2);
    margin: 0 0 0 auto;
}
.awrd_lhs {
  position: relative;
  width: 25%;
}
.carousel2.awrd-slide {
    width: 70%;position: unset;
}
.awrd_mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;position: relative;
}
.carousel2.awrd-slide .slick-dots{
    justify-content: flex-start;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15px;
    right: auto;
}

.awrd_mn .sb_hd {
    width: 25%;
}
.crs_one {
  background: #fff;
  padding: 30px;
  border-radius: 20px;height: inherit;
}
.carousel2.awrd-slide .slick-track{display: flex;}

.crs_one h3 {
  color: #141324;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 11px;
}

.crs_one p {
  color: #585858;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 190px;
  margin: 0 auto;
}

.cnt_sld {
  margin-top: 20px;
  padding: 0 10px;
}

.crs_one figure img {
  margin: 0 auto;
}

/*** scalable model start***/
.mod_ul {
  position: relative;
  width: 75%;
  margin: 50px 0 0 auto;
}

.mod_ul .mod_list {
  background: #0f0c0c 0% 0% no-repeat padding-box;
  border: 2px solid #ffffff17;
  border-radius: 10px;
  padding: 40px 70px 40px 124px;
  margin-bottom: 40px;
  position: relative;
}

.mod_ul .mod_list::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background-size: 100%;
  left: -229px;
  z-index: 99;
  top: 109px;
  border-radius: 50%;
  background: var(--primary) 0% 0% no-repeat padding-box;
  opacity: 0.5;
}

.mod_ul .mod_list::after {
  position: absolute;
  content: "";
  background: var(--primary) 0% 0% no-repeat padding-box;
  width: 26px;
  height: 26px;
  background-size: 100%;
  left: -222px;
  z-index: 99;
  top: 116px;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.mod_ul .mod_list figure {
  width: 80px;
  height: 80px;
  background-color: var(--white);
  border-radius: 6px;
  text-align: center;
  position: absolute;
  line-height: 4.8;
  top: 83px;
  margin: auto;
  left: -38px;
  z-index: 9;
}

.mod_ul .mod_list h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

.mod_ul .mod_list p {
  font-size: 20px;
  line-height: 1.6;
}

.mod_ul {
  position: relative;
}

.side-line-down {
  top: -1px;
  bottom: 0;
  height: calc(100% - 185px);
  position: absolute;
  width: 4px;
  left: -35%;
}

.side-line-down i {
  width: 2px;
  position: absolute;
  left: 99px;
  right: 0;
  margin: auto;
  top: 135px;
  transition: 1s;
  border: 1px dashed var(--primary);
}

.side-line-down span {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border: solid 10px #fff;
  background-color: #dbe8ff;
  border-radius: 50%;
  opacity: 0;
  transition: 0.5s;
}

/*** scalable model end***/

/*** contact us start***/
.cotct_bx {
  position: relative;
  background: #0f0c0c 0% 0% no-repeat padding-box;
  border: 2px solid #ffffff17;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 36px 56px;
}

.cotct_bx::before {
  content: "";
  position: absolute;
  background-image: url(./img/dubaibg.svg);
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  width: 566px;
  height: 391px;
}

.cotct_lyt {
  width: 46%;
  position: relative;
}

.cotct_lyt h2 {
  color: var(--primary);
  font-weight: 800;
  font-size: 32px;
  line-height: 46px;
}

.cotct_lyt .sb_hd p {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 26px;
}

.cotct_lyt h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

.cotct_lyt ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

.cotct_lyt ul li p {
  font-size: 16px;
}

.cotct_ryt {
  width: 50%;
  position: relative;
}

.cotct_ryt .form_gup {
  margin-bottom: 32px;
}

.cotct_ryt .form_gup label {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}

.error {
  color: red !important;
}

.form_gup.w_100 .iti {
  width: 100%;
  display: block;
}

.cotct_ryt .form_gup input,
.cotct_ryt .form_gup textarea,
.cotct_ryt .form_gup select {
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #a1a1a1;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #fff;
  padding: 9px 0;
  resize: none;
}

.form_algn {
  display: flex;
  gap: 26px;
  justify-content: space-between;
}

.form_gup {
  width: 50%;
}

.form_gup.w_100 {
  width: 100%;
}

.clr_bx_one p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}

/* When the checkbox is checked, add a blue background */
.ck input:checked ~ .checkmark {
  background-color: #00e5ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ck .checkmark:after {
  left: 9px;
  /* color: red; */
  top: 4px;
  width: 7px;
  height: 13px;
  border: solid #101010;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sub_bx {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  margin: 50px 0 16px;
}

.sub_bx p {
  font-size: 16px;
  width: 329px;
}

.sub_bx button {
  font-size: 16px;
  padding: 0 28px;
}

/*** contact us end***/
/*** Footer Start ***/
.ftr_bx {
  background-image: url(./img/footer_bg.svg);
  background-position: 42% 68%;
  background-repeat: no-repeat;
  background-size: 65% 68%;
}

.ftr_bx {
  padding-bottom: 0;
}

.ftr_main {
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  gap: 12px;
  padding-bottom: 56px;
}

.ftr_main .ft {
  width: 33.3%;
}

.ftr_main .ft_lyt p {
  padding: 30px 0;
  font-size: 20px;
  line-height: 1.5;
}

.ftr_main .ft_lyt .contact_bx p {
  padding: 0;
  font-size: 16px;
}

.ftr_main .ft_lyt .contact_bx {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

.ftr_main .ft_lyt h2.cotct {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px;
}

.ftr_main .ft h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
}

.ftr_main .ft li {
  font-size: 18px;
  color: var(--white);
  margin-bottom: 12px;
}

.ftr_main .ft li a {
  color: var(--white);
}

.ftr_main .inpt_bx {
  display: flex;
  height: 47px;
  margin-top: 24px;
}

.ftr_main .inpt_bx input {
  border-radius: 5px;
  border: none;
  padding: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 73%;
}

.ftr_main .inpt_bx .mn_btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 8px 27px;
  font-size: 16px;
}

.confm_msg {
  color: #65676b;
  font-size: 14px;
  margin-top: 12px;
}

.ftr_main .social_icns {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: start;
  margin-top: 45px;
}

.ftr_main .social_icns li {
  width: 43px;
  height: 43px;
  background-color: var(--primary);
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
}

.ftr_main .social_icns li a {
  color: var(--black);
  font-size: 21px;
}

.btm_ftr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a1a1a1;
  margin-top: 36px;
  padding: 8px 0;
}

.btm_ftr p {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.btm_ftr p span {
  font-size: 25px;
  position: relative;
  top: 3px;
}

.btm_ftr ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.btm_ftr ul li a {
  color: var(--white);
}

.cta_lhs .sb_hd h2 {
  font-size: 40px;
  margin-bottom: 5px;
}

/*** Footer End ***/
.itmp_lhs p {
  margin-bottom: 5px;
}

/* marque css start*/
.mrq {
  overflow: hidden;
  white-space: nowrap;
  margin: 40px 0;
}

.indt_nm1 {
  display: inline-block;
  animation: marquee 20s linear infinite;
}

.indt_nm2 {
  display: inline-block;
  animation: marquee2 20s linear infinite;
  animation-delay: 10s;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-200%);
  }
}

.mrq2 {
  overflow: hidden;
  white-space: nowrap;
  margin: 30px 0;
}

.mrq2 .indt_nm1 {
  display: inline-block;
  animation: marquee3 20s linear infinite;
}

.mrq2 .indt_nm2 {
  display: inline-block;
  animation: marquee4 20s linear infinite;
  animation-delay: 10s;
}

@keyframes marquee3 {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes marquee4 {
  from {
    transform: translateX(-200%);
  }

  to {
    transform: translateX(0%);
  }
}

.mrq span {
  font-size: 25px;
  font-weight: 900;
  margin: 0 20px;
}

.mrq2 span {
  font-size: 25px;
  font-weight: 900;
  margin: 0 20px;
}

/* @keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
} */

.marquee--inner-two {
  display: block;
  position: absolute;
  animation: marquee_two 10s linear infinite;
}

@keyframes marquee_two {
  0% {
    right: 0;
  }

  100% {
    right: -100%;
  }
}

.btm_ftr p span {
  font-size: 25px;
}

.crs_one figure {
  width: 200px;
  height: 90px;
}

/* marque end */
.itmp_flx:nth-child(odd) {
  flex-direction: row-reverse;
}

.cotct_lyt ul li p a,
.ftr_main .ft_lyt .contact_bx p a,
.contact_bx p a {
  color: var(--white);
}

.cta_flx {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background: #1a1919;
  border-radius: 33px;
  height: 370px;
  overflow: hidden;
}

.cta_lhs figure {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-30%, 0);
}

.cta_lhs {
  width: 65%;
  position: relative;
  padding: 30px 30px 0;
  min-height: 312px;
}

.cta_rhs {
  width: 35%;
  text-align: center;
  clip-path: polygon(20.5% 0, 100% 0%, 100% 100%, 0% 100%);
  background: #00e5ff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* div#chat-widget-container {
  bottom: 20px !important;
  right: 20px !important;
} */
/**Form loader css Start**/
.ajax-loader:before {
  background: rgba(255, 255, 255, 0.7);
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100vh;
  content: "";
}

.ajax-loader:after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border: 2px solid #00e5ff;
  border-color: transparent #00e5ff;
  border-radius: 50%;
  animation: loader 1s linear infinite;
  z-index: 999999;
}

@keyframes loader {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/**Form loader css Start**/

.hd_mrrt {
  display: none;
}

.gvt_project_inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -150px;
}

.awrd_flx .slick-dots {
  position: absolute;
  bottom: 90px;
  left: -417px;
}

/*new portfolio*/
.uae_prtflo_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  position: relative;
  border-radius: 20px;
  min-height: 535px;
}

.uae_prtflo_bx:after {
  position: absolute;
  content: "";
  background: #061117;
  top: 0;
  bottom: 0;
  right: -2px;
  width: 50%;
  z-index: 1;
  border-radius: 0 20px 20px 0;
  height: 100%;
}

.uae_prtflo_lft {
  width: 50%;
}

.uae_prtflo_bx:nth-child(even) {
  flex-direction: row-reverse;
}

.uae_prtflo_bx:nth-child(even):after {
  right: unset;
  left: -2px;
  border-radius: 20px 0px 0 20px;
}

.uae_prtflo_bx:nth-child(even) .itmp_lhs {
  padding-left: 35px;
}

.uae_prtflo_bx .itmp_lhs {
  z-index: 99;
}

.uae_prtflo_bx .uae_prtflo_lft {
  padding-left: 25px;
}

.uae_prtflo_bx:nth-child(1) .uae_prtflo_lft {
  padding-left: 0;
}

.uae_prtflo_bx .mn_btn {
  margin-top: 50px;
}

.uae_prtflo_bx .sb_hd h3 {
  margin-bottom: 6px;
  font-size: 30px;
}

.prftflo_lgo figure {
  width: fit-content;
  height: 35px;
  margin-bottom: 35px;
}

.prftflo_lgo figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uae_prtflo_lft {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
}

.uae_prtflo_lft figure {
  position: absolute;
  right: 20px;
  bottom: -268px;
}

.uae_prtflo_lft figure.top_mg {
  right: unset;
  left: 20px;
  top: unset;
  bottom: -80px;
}

.uae_prtflo_bx:nth-child(4) .uae_prtflo_lft figure.top_mg {
  bottom: -75px;
}

.uae_prtflo_bx:nth-child(3) .uae_prtflo_lft figure.top_mg {
  bottom: -78px;
}

.uae_prtflo_bx:nth-child(2) .uae_prtflo_lft figure.top_mg {
  bottom: -76px;
}

.uae_prtflo_bx:nth-child(1) .uae_prtflo_lft figure.top_mg {
  bottom: -80px;
}

.uae_prtflo_lft_mbl {
  display: none;
}
.carousel2.awrd-slide .slick-list {
    padding: 0 16% 0 0 !important;
}
/*new portfolio*/
#industry {
  overflow-x: hidden;
}

/* media query start here */

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

  .re_lhs h2 {
    font-size: 24px;
  }

  .sb_hd h2 {
    font-size: 42px;
    line-height: 54px;
  }

  .cotct_lyt h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1300px) {
  .side-line-down {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .re_lhs h2,
  .myb_lhs .sb_hd h2,
  .cta_lhs .sb_hd h2 {
    font-size: 30px;
  }
.carousel2.awrd-slide .slick-list{padding: 0 !important;}
  .myb_lhs .sb_hd h2,
  .cta_lhs .sb_hd h2 {
    line-height: 44px;
  }

  .awrd_lhs,
  .uae_prtflo_lft figure {
    position: unset;
  }
  .awrd_mn .sb_hd{width: 100%;text-align: center;}
  .carousel2.awrd-slide{width: 100%;}
  .crs_one{margin: 0 5px;}
  .awrd_bx .cont_ainer{width: 90%;max-width: 1170px;margin: 0 auto;}
  .re_indus {
    flex-wrap: wrap;
    gap: 20px;
  }

  .re_lhs,
  .re_center {
    width: 48%;
  }

  .re_lhs {
    padding: 30px 10%;
  }

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

  .re_rhs ul {
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .re_rhs li:last-child {
    margin-bottom: 20px;
  }

  .mod_ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .mod_ul .mod_list {
    padding: 40px 35px;
    width: 48%;
    height: unset;
    text-align: center;
    margin-bottom: 3px;
  }

  .mod_ul .mod_list figure,
  .mod_ul .mod_list::before,
  .mod_ul .mod_list::after {
    display: none;
  }

  .cotct_lyt h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .cotct_lyt .sb_hd p {
    font-size: 16px;
    line-height: 1.3;
  }

  .ck {
    font-size: 16px;
  }

  .checkmark {
    height: 22px;
    width: 22px;
  }

  .ck .checkmark:after {
    left: 8px;
    top: 4px;
    width: 7px;
    height: 12px;
  }

  .sub_bx {
    margin: 25px 0 16px;
    display: block;
  }

  .sub_bx button {
    padding: 10px 28px;
    margin-top: 20px;
  }

  .hv_tab {
    max-width: 100%;
  }

  .clr_bx h3 {
    font-size: 30px;
  }

  .sb_hd h2 {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 5px;
  }

  .hv_tab .tab button,
  .hv_tab .tabcontent h4 {
    font-size: 35px;
  }

  .awrd_flx {
    margin-top: 0;
  }

  .clr_bx_one {
    padding: 28px;
  }

  .gvt_project {
    gap: 30px;
  }

  .gvt_logos li img {
    width: 70px;
  }

  .gvt_logos {
    gap: 20px;
  }

  .iber_bx:after {
    content: unset;
  }

  .clr_bx li figure {
    width: 45px;
    height: 45px;
  }

  .clr_bx p {
    font-size: 16px;
  }

  .prftflo_lgo figure {
    height: 25px;
    margin-bottom: 15px;
  }

  .uae_prtflo_bx .mn_btn {
    margin-top: 30px;
  }

  .dw_rg {
    gap: 30px;
    margin: 20px 0 20px;
  }

  .uae_prtflo_bx .sb_hd h3 {
    font-size: 24px;
  }

  .awrd_lhs {
    width: 100%;
  }

  .awrd_lhs .sb_hd h2 {
    text-align: center;
  }

  .crs_one figure {
    width: 150px;
    height: auto;
    margin: 0 auto;
  }

  .crs_one h3 {
    margin-bottom: 5px;
  }

  .crs_one p {
    font-size: 16px;
    max-width: 130px;
  }
  .carousel2.awrd-slide .slick-dots{justify-content: center;bottom: -35px;position: unset;}
  .dcds_lft {
    padding-left: 10px;
    width: 20%;
  }

  .iber_bx .sb_hd {
    text-align: center;
    max-width: 100%;
  }

  .clr_bx h3 {
    font-size: 30px;
  }
}

@media (max-width: 992px) {
  .prftflo_lgo figure {
    width: auto;
  }

  .hd_mrrt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }

  .uae_prtflo_bx:nth-child(even) .itmp_lhs {
    margin-bottom: 0;
    padding-left: 0;
  }

  .uae_prtflo_bx:nth-child(1) {
    margin-top: 40px;
  }

  .uae_prtflo_bx .uae_prtflo_lft {
    padding-left: 0;
  }

  .menu_burgr {
    /* margin-right: 10px; */
  }

  .uae_prtflo_lft_mbl {
    display: block;
    z-index: 9;
    position: unset;
    margin: 0 auto;
  }

  .uae_prtflo_lft {
    display: none;
  }

  .re_lhs h2 {
    font-size: 20px;
    margin: 10px 0;
  }

  .hero-animation {
    height: auto;
    min-height: unset;
    padding: 135px 0 40px;
  }

  .uae_prtflo_bx {
    background-color: unset !important;
    padding: 30px 20px;
  }

  .hero-wrapper h1,
  .hero-wrapper h2 {
    font-size: 40px;
  }

  .gvt_project_inr {
    margin-top: 30px;
  }

  .gvt_project {
    gap: 10px;
  }

  .dcds_lft {
    padding-left: 10px;
    width: auto;
    margin: 20px auto 0;
    border-left: 0;
    padding-left: 0;
  }

  .uae_prtflo_bx {
    gap: 30px;
  }

  .uae_prtflo_bx .mn_btn {
    margin: 30px auto 0;
    display: flex;
  }

  .uae_prtflo_lft {
    z-index: 9;
    margin: 0 auto 30px;
  }

  .uae_prtflo_bx .itmp_lhs {
    width: 100%;
  }

  .uae_prtflo_bx:after,
  .uae_prtflo_bx:nth-child(even):after {
    width: 100%;
    border-radius: 20px;
    z-index: 0;
  }

  .uae_prtflo_lft_mbl img {
    max-width: 200px;
  }

  .hd_mn_lt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  ul.menu li.whtsap_icn {
    display: none;
  }

  .re_lhs h2 {
    font-size: 26px;
  }

  .cta_flx {
    flex-direction: column;
  }

  .cta_lhs {
    width: 100%;
    min-height: auto;
  }

  .cta_lhs figure {
    display: none;
  }

  .cta_rhs {
    width: 100%;
    padding: 20px 0;
    background: none;
  }

  .cta_rhs .blk_bt {
    margin-left: 0;
  }

  .menu li {
    justify-content: space-between;
    width: 100%;
    padding: 0 48px 0 35px;
    border-top: 1px solid #ffffff38;
  }

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

  .tp_btn {
    /* margin: 8px 0 0 11px; */
  }

  .glb_prns {
    display: none;
  }

  .clr_bx_one h2 {
    font-size: 30px;
  }

  .hero-animation h3 {
    font-size: 24px;
  }

  .blk_span {
    display: inline;
  }

  .w_48 {
    width: 100%;
  }

  .grt_lhs figure {
    text-align: center;
  }

  .grt_lhs img {
    margin: 0 auto;
  }

  .myb_flx,
  .blg_flx,
  .great_ro {
    flex-direction: column;
  }

  .re_rhs li h4 {
    font-size: 18px;
  }

  .hero-animation h4 {
    font-size: 18px;
  }

  .mx_65 {
    max-width: 100%;
  }

  .sb_hd {
    text-align: center;
  }

  .mod_ul .mod_list h3 {
    font-size: 26px;
    line-height: 35px;
  }

  .cotct_bx::before {
    display: none;
  }

  .cotct_bx {
    display: block;
  }

  .cotct_lyt,
  .cotct_ryt {
    width: 100%;
  }

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

  .sub_bx button {
    margin-top: 0;
  }

  .ftr_bx {
    padding-top: 12px;
    background: none;
  }

  .ftr_main .ft_lyt .contact_bx {
    margin-bottom: 14px;
    justify-content: center;
  }

  .ftr_main .social_icns {
    justify-content: center;
  }

  .ftr_main {
    display: block;
    text-align: center;
    padding-bottom: 0px;
  }

  .ftr_main .ft {
    width: 100%;
  }

  .ftr_main .inpt_bx {
    justify-content: center;
  }

  .ftr_main .inpt_bx input {
    width: 250px;
  }

  .ftr_main .ft h2 {
    margin-bottom: 10px;
  }

  .ft ul,
  .ft_lyt {
    margin-bottom: 30px;
  }

  .hero-animation:after,
  .hero-animation:before,
  .hero-wrapper::after,
  .hero-wrapper::before {
    display: none;
  }

  .al_sc {
    padding: 40px 0;
  }

  .menu {
    flex-direction: column;
    background-color: var(--black);
    align-items: start;
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 10px 0;
  }

  .header {
    background-color: var(--black);
  }

  .menu a {
    margin-left: 12px;
  }

  .menu-icon {
    display: block;
    font-size: 35px;
    cursor: pointer;
  }

  .ftr_bx {
    flex-wrap: wrap;
  }

  .ft_lg {
    width: 100%;
    margin-bottom: 20px;
  }

  .ur_link,
  .grt_lhs .our_address {
    width: 48%;
  }

  .hv_tab .tab button,
  .hv_tab .tabcontent h4 {
    font-size: 26px;
  }

  .hv_tab .tab {
    top: 90px;
  }

  .hv_tab .tabcontent {
    padding: 20px;
  }

  .clr_bx {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .clr_bx li {
    width: 32%;
    margin-bottom: 15px;
  }

  .sb_hd h3 {
    font-size: 30px;
  }

  .dw_rg,
  .str_bt {
    justify-content: center;
  }

  .itmp_lhs p {
    text-align: center;
  }

  .grt_lhs {
    position: unset;
  }

  .testimonial_bx {
    max-width: 90%;
  }

  .blg_one {
    width: 60%;
    margin-bottom: 20px;
  }

  .clr_bx_one {
    width: 32.5%;
  }

  .contact_bx {
    border: none;
  }

  .testi_bx {
    padding: 50px 20px;
  }

  .gvt_project {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .myb_rhs,
  .comn_frm .cotct_lyt:after {
    display: none;
  }

  .myb_lhs {
    width: 90%;
    text-align: center;
  }

  .comn_frm .cotct_bx {
    display: flex;
    flex-wrap: wrap;
  }

  .comn_frm .cotct_lyt,
  .comn_frm .cotct_ryt {
    width: 100%;
    text-align: center;
  }

  .frm_btn {
    width: 30%;
    margin: 0 auto;
    display: block;
  }

  .comn_frm .modal-dialog {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }

  .comn_frm .cotct_lyt {
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
  }

  .comn_frm .cotct_ryt {
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
  }

  .comn_frm .cotct_lyt h2 {
    font-size: 26px;
  }

  .comn_frm .cotct_lyt {
    padding: 30px 20px;
  }

  .trnsfrm_bs_sc .sb_hd {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  /* div#chat-widget-container {
    right: auto !important;
  } */
  .hero-wrapper h1,
  .hero-wrapper h2 {
    font-size: 28px;
  }

  .cta_flx {
    height: auto;
  }

  .cta_flx .sb_hd p {
    margin-bottom: 0px;
  }
  .hero-animation h3 {
    font-size: 20px;
    margin: 25px 0 10px;
  }

  .hv_tab .tabcontent figure img {
    margin: 0 auto;
    max-width: 50px;
  }

  .hv_tab .tabcontent p {
    text-align: center;
    font-size: 16px;
  }

  .menu {
    top: 105px;
  }

  .mob_slider .slick-list {
    margin: 0;
  }

  .itmp_flx {
    padding-top: 0;
  }

  .crs_one p {
    max-width: 160px;
  }

  .itmp_flx,
  .itmp_flx:nth-child(odd) {
    flex-direction: column;
  }

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

  .re_center {
    padding: 15px;
  }

  p {
    font-size: 16px;
  }

  .re_lhs h2 {
    font-size: 24px;
    margin: 20px 0;
  }

  .itmp_lhs {
    width: 100%;
    margin-bottom: 25px;
  }

  .itmp_rhs {
    width: 60%;
    margin-bottom: 0;
  }

  .clr_bx_one {
    width: 70%;
    margin-bottom: 20px;
  }

  .acrdn_bx .accordion-header button {
    font-size: 20px;
  }

  .re_center h3 {
    font-size: 30px;
  }

  .indt_nm {
    margin-top: 18px;
  }

  .indt_nm li {
    font-size: 20px;
  }

  .re_lhs {
    padding: 30px 5%;
  }

  .re_rhs ul {
    flex-wrap: wrap;
  }

  .re_rhs li {
    width: 48%;
  }

  .re_rhs li img {
    width: 100%;
  }

  .bx_flx {
    flex-direction: column;
  }

  .sub_bx {
    flex-direction: column;
    align-items: baseline;
  }

  .sub_bx p {
    width: 100%;
  }

  .hv_tab .tabcontent figure {
    margin-bottom: 15px;
    text-align: center;
  }

  .hv_tab .tab {
    float: none;
    width: 100%;
    position: unset;
    display: none;
  }

  .hv_tab .tab button,
  .hv_tab .tabcontent h4 {
    text-align: center;
  }

  .hv_tab .tabcontent {
    height: 300px;
    width: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .hv_tab .tab button,
  .hv_tab .tabcontent h4 {
    font-size: 24px;
  }

  .hv_tab .tabcontent p {
    max-width: 480px;
  }

  .hv_tab .tabcontent h4 {
    font-size: 22px;
    margin: 10px 0 0;
  }

  .sb_hd h2 {
    font-size: 32px;
    line-height: 46px;
  }

  .btm_ftr,
  .mod_ul {
    display: block;
  }

  .btm_ftr p {
    text-align: center;
  }

  .btm_ftr ul {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .mod_ul .mod_list {
    width: 100%;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 576px) {
  .whtsap_icn svg.svg-inline--fa.fa-whatsapp {
    width: 20px;
    height: 20px;
  }

  .re_lhs h2,
  .myb_lhs .sb_hd h2,
  .cta_lhs .sb_hd h2 {
    font-size: 24px;
    line-height: 32px !important;
  }

  .whtsap_clck {
    height: 35px;
    width: 35px;
  }

  .hv_tab .tabcontent p {
    max-width: 380px;
  }

  .mrq,
  .mrq2 {
    margin: 15px 0;
  }

  .mrq2 span,
  .mrq span {
    font-size: 20px;
  }

  .re_center p {
    margin: 10px 0;
  }

  .itmp_rhs {
    width: 90%;
  }

  .menu {
    top: 107px;
  }

  .re_center h3 {
    font-size: 24px;
  }

  .menu li {
    padding-left: 18px;
  }

  .clr_bx_one {
    width: 100%;
    padding: 20px 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .clr_bx_one h2 {
    font-size: 24px;
    margin-bottom: 5px;
  }

  .cotct_bx {
    padding: 26px;
  }

  .re_lhs h2 {
    font-size: 18px;
    margin: 10px 0;
  }

  .acrdn_bx .accordion-header button {
    font-size: 14px;
    padding: 10px;
  }

  .acrdn_bx .accordion-button::after {
    width: 20px;
    height: 20px;
  }

  .acrdn_bx .accordion-body {
    line-height: 24px;
    font-size: 14px;
    padding: 0 10px 10px 10px;
  }

  .acrdn_bx .accordion-item:last-child {
    margin-bottom: 0;
  }

  .testi_bx figure img,
  .testi_bx figure:after {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .testi_bx:before,
  .testi_bx:after {
    content: unset;
  }

  .testi_bx figure {
    height: 100px;
    width: 100px;
  }

  .hero-animation h3 {
    font-size: 22px;
  }

  .hv_tab .tab button,
  .hv_tab .tabcontent h4 {
    font-size: 20px;
  }

  .hv_tab .tab button {
    padding: 15px 16px;
  }

  .monial_cntnt h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .testimonial_bx {
    max-width: 80%;
    margin-top: 0;
  }

  .testimonial_bx .slick-track {
    padding: 0;
  }

  .cta_lhs {
    padding: 20px 15px 0;
  }

  .awrd_bx .slick-list {
    margin: 0 5px;
  }

  .sub_bx p {
    width: 100%;
    margin-bottom: 24px;
  }

  .sub_bx {
    display: block;
  }

  .sb_hd h2 {
    font-size: 26px;
    line-height: 38px;
  }

  p {
    font-size: 16px;
  }

  .clr_bx h3 {
    font-size: 24px;
  }

  .clr_bx p {
    font-size: 16px;
  }

  .mod_ul .mod_list p {
    font-size: 16px;
  }

  .sb_hd h3 {
    font-size: 24px;
  }

  .re_lhs,
  .re_center {
    width: 100%;
  }

  .al_sc {
    padding: 25px 0;
  }

  .testi_bx {
    flex-direction: column;
    padding: 30px 20px;
  }

  .blg_one {
    width: 100%;
  }

  .blg_cnt a {
    font-size: 18px;
  }

  .testi_bx .monial_cntnt {
    width: 100%;
    text-align: center;
  }

  .testi_bx {
    gap: 30px;
  }

  .logo {
    max-width: 120px;
  }

  .comn_frm .cotct_lyt h2 {
    font-size: 22px;
    margin-top: 10px;
  }

  .comn_frm .cotct_lyt h1 {
    font-size: 16px;
  }

  .comn_frm .cotct_ryt {
    padding: 30px 20px;
  }

  .comn_frm .btn-close {
    width: 30px;
    height: 30px;
    right: -5px;
    top: -10px;
  }

  .frm_btn {
    width: 40%;
  }
}

@media only screen and (max-width: 480px) {
  .hv_tab .tabcontent p {
    max-width: 290px;
  }

  .itmp_rhs {
    width: 90%;
  }

  .hv_tab {
    margin: 40px auto 0;
  }

  .hero-wrapper h1,
  .hero-wrapper h2 {
    font-size: 24px;
  }

  .menu {
    top: 104px;
  }

  .contact_bx:first-child {
    padding-right: 0px;
  }

  .mn_btn {
    padding: 10px 18px;
    font-size: 16px;
  }

  .contact_bx p {
    font-size: 12px;
  }

  .contact_bx {
    gap: 5px;
    padding-left: 10px;
  }

  .header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .re_rhs li {
    width: 100%;
  }

  .mod_ul .mod_list h3 {
    font-size: 23px;
    line-height: 30px;
  }

  .acrdn_bx .accordion-header button {
    font-size: 18px;
  }

  .hero-animation h3 {
    font-size: 18px;
  }

  .clr_bx li {
    padding: 15px 5px;
    width: 100%;
  }

  .uae_prtflo_lft {
    width: 100%;
  }

  .mod_ul .mod_list {
    padding: 20px;
  }

  .indt_nm {
    margin-top: 10px;
  }

  .indt_nm li {
    font-size: 18px;
  }

  .sb_hd h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .hero-animation h4 {
    font-size: 16px;
    width: 90%;
  }

  .gvt_project h3 {
    font-size: 18px;
  }

  .ftr_main .ft h2,
  .ftr_main .ft_lyt h2.cotct {
    font-size: 18px;
  }

  .form_algn {
    display: block;
  }

  .form_gup {
    width: 100%;
  }

  .cotct_bx {
    padding: 36px 27px;
  }

  .ftr_main .ft li a,
  .ftr_main p,
  .ftr_main .ft_lyt p {
    font-size: 16px;
  }

  .ftr_main .social_icns li a {
    font-size: 21px;
  }

  .cotct_lyt h2 {
    font-size: 18px;
    line-height: 27px;
  }

  .cotct_lyt h3 {
    font-size: 18px;
  }

  .ftr_main .inpt_bx input {
    width: 185px;
  }

  .tp_btn {
    font-size: 14px;
    padding: 6px;
  }

  .hd_mrrt {
    gap: 5px;
  }

  .logo img {
    max-width: 90px;
  }

  .menu-icon {
    font-size: 26px;
  }

  .menu a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 420px) {
  .hv_tab .tabcontent p {
    max-width: 240px;
  }
}

@media (max-width: 375px) {
  .hero-wrapper h1,
  .hero-wrapper h2 {
    font-size: 22px;
  }
}

/* media query start here */

/*uae revamp 25-04-24*/
.uaehm_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/04/uae_bnr.png);
  height: 920px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.uaehm_cta1_sc {
  background: #292929 0% 0% no-repeat padding-box;
  box-shadow: 30px 30px 60px #0000001a;
  padding: 55px 0;
  position: relative;
  overflow: hidden;
}

.uaehm_cta1_sc figure {
  position: absolute;
  right: -30px;
  bottom: 0;
  margin: auto;
  top: 0;
  clip-path: polygon(20.5% 0, 100% 0%, 100% 100%, 0% 100%);
  background: transparent linear-gradient(180deg, #33b4ff 0%, #00649e 100%) 0%
    0% no-repeat padding-box;
}

.uaehm_cta1_lft {
  width: 60%;
}

.uaehm_cta1_lft h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
}

.uaehm_cta1_lft p {
  font-size: 20px;
  margin: 16px 0 36px;
}

.uaehm_bnr_sc .mh p {
  margin: 20px 0 40px;
}

.uaehm_logs_lst {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 45px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  list-style-type: none;
  opacity: 1;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgb(0, 0, 0) 12.5%,
    rgb(0, 0, 0) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
  overflow: hidden;
}

.uaehm_logs_lst li.slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 70px;
}

.uaehm_logs_mn {
  margin-top: 60px;
}

.uaehm_logs_lst li img {
  mix-blend-mode: luminosity;
  max-width: 110px;
  filter: grayscale(1);
}

.uaehm_logs_mn p,
.uaehm_srvcs_sc .sb_hd > div p {
  font-size: 20px;
}

.uaehm_srvcs_sc .sb_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.uaehm_srvcs_sc .sb_hd h2 {
  width: 50%;
}

.uaehm_srvcs_sc .sb_hd > div {
  width: 40%;
}

.uaehm_srvcs_lft {
  width: 50%;
}

.uaehm_srvcs_lft > li p {
  font-size: 16px;
}

.uaehm_srvcs_lft > li h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.uaehm_srvcs_lft > li h3 span {
  margin-bottom: 10px;
  display: block;
}

.uaehm_srvcs_mn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: sticky;
  top: 100px;
}

.uaehm_srvcs_sc,
.uaehm_indstrs_sc,
.uaehm_tstmlns_sc {
  padding: 70px 0;
}

.uaehm_srvcs_ryt {
  width: 40%;
  position: sticky;
  top: 120px;
}

.uaehm_srvcs_ryt li figure {
  position: relative;
  width: 100%;
  height: 475px;
}

.uaehm_srvcs_ryt li figure:after {
  position: absolute;
  content: "";
  background: red;
  width: 90%;
  margin: 0 auto;
  inset: 0;
  height: 100%;
}

.uaehm_srvcs_ryt figure:after {
  position: absolute;
  content: "";
  background: #1c1b1b;
  width: 90%;
  inset: 0;
  height: 520px;
  margin: auto;
  border-radius: 30px;
  z-index: -1;
}

.uaehm_indstrs_lst {
  margin-top: 50px;
  padding-bottom: 70px;
}

.uaehm_indstrs_lst li {
  background: #0f0f0f;
  margin: 10px;
  height: inherit;
  border-radius: 12px;
  position: relative;
}

/* .uaehm_indstrs_lst li.slick-current:after, */
.uaehm_indstrs_lst li:hover:after {
  position: absolute;
  content: "";
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/04/slider_bg.png);
  width: 90%;
  height: 100%;
  border-radius: 10px;
  z-index: -1;
  bottom: -5px;
  left: -6px;
  background-repeat: no-repeat;
  background-size: cover;
}

.uaehm_indstrs_lst li h3 {
  font-size: 30px;
  margin-bottom: 15px;
}

.uaehm_indstrs_lst li p {
  font-size: 16px;
}

.uaehm_indstrs_cntnt {
  padding: 15px;
}

.uaehm_indstrs_lst .slick-list {
  margin: 0 -5px;
  /* overflow:visible; */
}

.uaehm_indstrs_lst .slick-track {
  display: flex;
}

.uaehm_indstrs_lst li img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  border-radius: 10px;
}

.uaehm_indstrs_sc {
  overflow: hidden;
}

.uaehm_indstrs_sc .slick-arrow {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #232323 0% 0% no-repeat padding-box;
  border: 1px solid #000000;
  font-size: 0;
  position: absolute;
  bottom: -25px;
  right: -100px;
  left: 0;
  margin: auto;
}

.uaehm_indstrs_sc .slick-arrow:after {
  position: absolute;
  content: "";
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/04/indstrs_arw.png);
  width: 33px;
  height: 22px;
  margin: auto;
  inset: 0;
}

.uaehm_indstrs_sc .slick-prev.slick-arrow:after {
  transform: rotate(180deg);
}

.uaehm_indstrs_sc .slick-prev.slick-arrow {
  left: -200px;
}

.uaehm_srvcs_lft > li.active:after {
  position: absolute;
  content: "";
  background: transparent linear-gradient(263deg, #1c1b1b3b 0%, #101010 100%) 0%
    0% no-repeat padding-box;
  width: 1500px;
  height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -70%;
  z-index: -1;
}

.uaehm_srvcs_lft > li {
  position: relative;
  padding: 50px 0;
}

.uaehm_srvcs_lft > li.active {
  padding-left: 50px;
}

/***** Tech Stack - Design 1 | Start *****/
.techStack_sc,
.uaehm_prtfls_sc {
  background-color: #191919;
  padding: 60px 0;
}

.techStack_list h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}

.techStack_grid {
  display: flex;
  margin-top: 50px;
}

.techStack_list {
  width: 34%;
}

.techStack_list:last-child {
  width: 60%;
  margin-left: auto;
}

.techStack_list h4 {
  position: relative;
  padding-bottom: 10px;
  font-weight: 400;
}

.techStack_list h4::after {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  border-bottom: 2px solid #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  max-width: 350px;
  opacity: 0.23;
}

.techStack_list ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 10px;
}

.techStack_list ul:not(:last-child) {
  margin-bottom: 40px;
}

.techStack_list ul li {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--c_text_dark);
  transition: all 0.3s ease-in-out 0s;
  text-align: center;
}

.techStack_list ul li figure {
  width: 105px;
  height: 105px;
  padding: 20px;
  border: 1px solid #e2e2e2;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 14px;
  margin-bottom: 10px;
  background-color: #fff;
}

.techStack_list ul li figure img {
  max-height: 100%;
}

.techStack_list ul li:hover {
  transform: scale(1.05);
}

.techStack_list ul li:hover figure {
  box-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1200px) {
  .techStack_grid {
    flex-wrap: wrap;
    gap: 20px;
  }

  .techStack_list h4 {
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
  }

  .techStack_list:last-child {
    width: 100%;
  }

  .techStack_list ul li figure {
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
  }

  .techStack_list h4::after {
    max-width: 70px;
  }

  .techStack_list ul {
    margin-top: 12px;
  }

  .techStack_list ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .techStack_list ul:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .techStack_sc .s_h p br {
    display: none;
  }

  .techStack_grid {
    justify-content: center;
  }
}

/***** Tech Stack - Design 1 | End *****/

/*portfolio*/
.uaehm_prtfls_lst {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 70px 60px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.uaehm_prtfls_lst > li {
  width: 47%;
  position: relative;
}

.uaehm_prtfls_lst li figure {
  width: 100%;
  height: 325px;
  margin-bottom: 30px;
}

.uaehm_prtfls_lst li figure img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.uaehm_prtfls_lst li h3 {
  font-size: 30px;
  font-weight: 600;
}

.uaehm_prtfls_lst li p {
  font-size: 16px;
  margin: 30px 0 15px;
}

.uaehm_prtfls_lst li h4 {
  font-size: 24px;
  font-weight: 600;
}

.uaehm_prtfls_btn svg {
  rotate: 324deg;
  animation: waveIn 1.1s infinite ease-out;
}

@keyframes waveIn {
  from {
    opacity: 0;
    transform: scale(0.3) translate(-20px, 10px);
  }

  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.uaehm_prtfls_btn {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 55px;
}

.uaehm_prtfls_cntnt {
  width: 67%;
}

.thm_clr {
  color: var(--primary);
}

.itlc {
  font-size: 36px;
  font-weight: 500;
  display: block;
}

.btn_ui {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1.5px solid #fff;
  background: #000;
  border-radius: 30px;
  padding: 13px 20px;
  display: block;
  width: fit-content;
  line-height: normal;
  margin-bottom: 15px;
}

/*portfolio*/

/*testimonial*/
.uaehm_tstmlns_lst li {
  background: transparent linear-gradient(263deg, #1c1b1b3b 0%, #101010 100%) 0%
    0% no-repeat padding-box;
  border: 2px solid #ffffff21;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  padding: 5px 5px 5px 40px;
  margin-bottom: 25px;
}

.uaehm_tstmlns_lst li:last-child {
  margin-bottom: 0;
}

.uaehm_tstmlns_cntnt {
  width: 65%;
}

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

.uaehm_tstmlns_cntnt h4 {
  font-size: 16px;
  margin: 3px 0 15px;
}

.uaehm_tstmlns_cntnt h3 {
  font-size: 36px;
  font-weight: 600;
}

.uaehm_tstmlns_lst {
  margin-top: 50px;
}

.uaehm_tstmlns_ryt {
  width: 28%;
}

.uaehm_tstmlns_ryt figure {
  width: 100%;
  height: 267px;
}

.uaehm_tstmlns_ryt figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/*testimonial*/
.ppc_pages .contct_us .cotct_bx::before {
  content: unset;
}

.ppc_pages .ftr_bx {
  background-image: unset;
  background-color: #101010;
}

.ppc_pages .contct_us .cotct_bx {
  background: #fff;
  padding: 0;
  border: unset;
}

.ppc_pages .contct_us .cotct_lyt {
  background: #1d1c1c;
  padding: 30px;
  width: 42%;
  border-radius: 7px;
}

.ppc_pages .contct_us .cotct_ryt {
  width: 55%;
  padding: 30px;
}

.ppc_pages .contct_us .cotct_ryt .form_gup label,
.ppc_pages .contct_us .sub_bx p,
.ppc_pages
  .contct_us
  .iti--separate-dial-code.iti--show-flags
  .iti__selected-dial-code {
  color: #000;
}

.ppc_pages .contct_us .cotct_ryt .form_gup {
  margin-bottom: 15px;
}

.ppc_pages .contct_us .form_gup label.error {
  display: none !important;
}

.ppc_pages .contct_us .iti--separate-dial-code .iti__selected-flag {
  background-color: unset;
}

.ppc_pages .contct_us .empty_value {
  border-bottom: 1px solid red !important;
}

.ppc_pages .menu {
  background: #ffffff1a;
  border-radius: 36px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 0px 10px;
}

.ftr_cont_lst h3 {
  font-size: 40px;
  margin-bottom: 5px;
}

.ppc_pages .menu > li:nth-child(4) {
  padding: 0 0 0 7px;
}

.ppc_pages .menu li:nth-child(4):hover {
  backdrop-filter: unset;
  background: transparent;
}

.side_container {
  max-width: 90%;
  width: 100%;
  margin: 0 0 0 auto;
}
/* dropdown menu */
.industry_drp {
  display: none;
  position: absolute;
  top: 41px;
  left: 0;
  background: #1a1c21;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  clip-path: inset(0px -10px -10px -10px);
}

.industry_drp li a {
  display: flex;
  gap: 12px;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.industry_drp li a .icon-ecm {
  width: 30px;
  height: 30px;
  background: #00e5ff padding-box;
  padding: 5px;
  border-radius: 5px;
}
.industry_drp li a .icon-ecm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.industry_drp li {
  margin-bottom: 5px;
}
.industry_drp li a:hover .mnu_arow {
  right: -25px;
  opacity: 1;
}
.mnu_arow {
  transition: ease-in-out 0.4s;
  opacity: 0;
  position: absolute;
  right: 0px;
}
.ppc_pages .menu li:hover .industry_drp {
  display: block;
}
.ppc_pages .menu li .industry_drp li {
  margin-bottom: 5px;
  padding: 8px 30px;
}
.dropdown-toggle::after {
  position: absolute;
  top: 19px;
}

/* dropdown menu */

.uaehm_bnr_sc .mh {
  margin-top: 100px;
}

.ffrm_dsn2 .cotct_lyt ul li {
  display: block;
  margin: 0;
  width: 45%;
  border-bottom: 2px solid #ffffff70;
  padding-bottom: 10px;
}

.ppc_pages .menu li {
  padding: 8px 30px;
}

.ppc_pages .menu > li:hover {
  background: #ffffff29 0% 0% no-repeat padding-box;
  border-radius: 36px;
  opacity: 1;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.ppc_pages .cotct_ryt .form_gup input,
.ppc_pages .cotct_ryt .form_gup textarea {
  color: #000;
}

.ppc_pages .menu a {
  padding: 0;
}

.ppc_pages .menu a.tp_btn {
  padding: 5px 10px;
}

.ftr_bx .mn_btn:before {
  border-radius: 0;
}

.ftr_bx .mn_btn {
  border-radius: 5px;
}

.ftr_cont_lst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px 20px;
  flex-wrap: wrap;
  margin-top: 29px;
}

.faq_sec .accordion-item {
  border-radius: 15px;
  border: 0;
  border: 2px solid #70707033;
  margin-bottom: 33px;
  background: #2b2b2b;
}

.faq_sec .accordion-item .accordion-button {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  box-shadow: none;
  position: relative;
  padding: 13px 50px 13px 26px;
  background: #2b2b2b;
  border-radius: 13px;
}

.faq_sec .accordion-button::after,
.faq_sec .accordion-button::before {
  background-image: unset !important;
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background: #fff;
  position: absolute;
  right: 20px;
  border-radius: 50px;
}

.faq_sec {
  background-color: #191919;
  padding: 70px 0;
}

.faq_sec .accordion-button::after {
  transform: rotate(90deg);
  transition: 0.2s ease;
}

.uaehm_tstmlns_sc h3.mny_mr {
  text-align: center;
  margin-top: 50px;
  color: #00e5ff;
  text-decoration: underline;
  font-weight: 700;
}

.faq_sec .accordion-body {
  background-color: #2b2b2b;
  padding-top: 0;
  border-radius: 13px;
}

.faq_sec .accordion-body p,
.faq_sec .accordion-body li {
  color: #fff;
  list-style: disc;
    list-style-position: inside;
}

.faq_sec .accordion {
  margin-top: 60px;
}

.faq_sec .accordion-button:not(.collapsed)::after {
  transform: rotate(0);
}

.uaehm_srvcs_cntnt {
  margin-top: 15px;
}

/* .uaehm_srvcs_lft > li.active .uaehm_srvcs_cntnt{
  display:block;
} */
.uaehm_srvcs_cntnt li:not(:last-child) {
  margin-bottom: 10px;
}

.uaehm_srvcs_cntnt li {
  position: relative;
  padding-left: 25px;
}

.uaehm_srvcs_cntnt li:after {
  position: absolute;
  content: "";
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  width: 10px;
  height: 10px;
  background: var(--primary);
  transform: rotate(90deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.uaehm_srvcs_lft li figure,
.uaehm_srvcs_ryt li {
  display: none;
}

.uaehm_srvcs_ryt li.active {
  display: block;
}

.uaehm_srvcs_lft h3 span {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 10px;
  display: block;
}

.techStack_sc .slick-list,
.uaehm_prtfls_sc .slick-list {
  margin: 0;
}

.uaehm_srvcs_bx:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  background: transparent linear-gradient(263deg, #1c1b1b 0%, #101010 100%) 0%
    0% no-repeat padding-box;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 60%;
  transform: translate(-75vw);
  z-index: -1;
}

.uaehm_srvcs_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 0 100px;
  position: sticky;
  top: 100px;
}

.uaehm_srvcs_bx:last-child {
  padding: 100px 0 50px;
}

.uaehm_srvcs_lft h3 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}

/*contact Us page*/
.ctntc_us_sc {
  background-image: url("https://www.uaeappdevelopers.ae/wp-content/uploads/2024/05/contact_banner.png");
  background-size: cover;
  height: 600px;
  position: relative;
  background-position: top;
}

.ctntc_us_sc:after {
  position: absolute;
  content: "";
  background: #000;
  inset: 0;
  opacity: 0.7;
  margin: auto;
  width: 100%;
  height: 100%;
}

.ctntc_us_mn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  margin: auto;
  flex-direction: column;
  z-index: 1;
}

.cntct_info_mn li {
  border: 2px solid #ffffff33;
  border-radius: 36px;
  background: #000;
  padding: 15px;
  max-width: 175px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.cntct_cht_lft ul li:after {
  content: "0" counter(my-awesome-counter);
  display: block;
  color: #ffff;
  opacity: 50%;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cntct_cht_ryt figure img {
  box-shadow: 30px 30px 60px #0000001a;
  border-radius: 36px;
}

.ctntc_us_mn p {
  margin-top: 10px;
  font-size: 22px;
}

.cntct_info_mn {
  display: flex;
  align-items: stretch;
  gap: 30px;
  z-index: 1;
  flex-wrap: wrap;
}

.cntct_info_mn li.active {
  background: #24e1f6;
  color: #000;
}

.cntct_cht_lft {
  width: 50%;
}

.cntct_cht_mn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 75px;
}

.cntct_cht_lft ul li {
  font-size: 22px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 40px;
  counter-increment: my-awesome-counter;
}

.cntct_cht_lft .sb_hd h3 {
  font-size: 36px;
  font-weight: 400;
}

.cntct_cht_lft ul {
  margin: 30px 0 50px;
  counter-reset: my-awesome-counter;
}

.cntct_cht_lft h3 {
  font-weight: 300;
  font-size: 36px;
}

.cntct_cl_sc {
  position: relative;
  margin: 80px 0;
  padding: 40px 0 60px;
}

.cntct_cl_sc:after {
  position: absolute;
  content: "";
  background: #191919 0% 0% no-repeat padding-box;
  box-shadow: 30px 30px 60px #0000001a;
  border: 2px solid #7070700a;
  max-width: 100vw;
  height: 100%;
  top: 0;
  margin: auto;
  bottom: 0;
  transform: translate(-50vw);
  left: 49.9%;
  width: 100vw;
  z-index: -1;
}

.cntrs_clno li h3 {
  font-size: 18px;
  margin: 0;
}

.cntrs_clno li h3 a {
  color: #fff;
}

.cntct_cl_ryt {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38%;
}

.page-template-tpl_contact .cotct_bx {
  width: 100%;
}

.page-template-tpl_contact .contct_us {
  padding: 40px 0 0;
}

.cntct_cht_sc {
  padding: 80px 0 40px;
}

.cntct_cl_sc .cont_ainer {
  position: relative;
}

.cntct_cl_lft h2 {
  font-size: 36px;
}

.cntct_cl_lft h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}

.cntrs_clno li {
  background: #2b2b2b;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 30px;
  border: 2px solid #70707033;
}

.cntrs_clno {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cntct_cl_lft p {
  font-size: 22px;
  margin: 15px 0 30px;
}

@media (max-width: 1200px) {
  .cntct_info_mn,
  .cntrs_clno {
    justify-content: center;
    gap: 15px;
  }

  .cntct_info_mn {
    position: unset;
  }

  .cntct_cht_sc {
    padding: 40px 0;
  }

  .cntct_cht_mn {
    gap: 30px;
    flex-direction: column-reverse;
    margin-top: 30px;
  }

  .ctntc_us_mn {
    width: 90%;
  }

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

  .cntct_cht_lft ul li {
    font-size: 18px;
    margin: 0 auto 10px;
    width: fit-content;
  }

  .cntct_cht_lft ul {
    margin: 0 0 25px;
  }

  .cntct_cl_lft .btn_ui,
  .cntct_cht_lft .btn_ui {
    margin: 0 auto 15px;
  }

  .cntct_cl_ryt,
  .cntct_cht_ryt {
    display: none;
  }

  .cntct_cl_lft,
  .cntct_cht_lft {
    width: 100%;
    text-align: center;
  }

  .cntct_cl_lft p {
    font-size: 18px;
    margin: 5px 0 15px;
  }

  .cntct_cl_sc {
    padding: 20px;
    margin: 30px 0;
  }

  .ctntc_us_sc {
    height: 415px;
  }
}

@media (max-width: 992px) {
  .cntct_cht_lft h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .page-template-tpl_contact .contct_us {
    padding: 20px 0 0;
  }

  .cntrs_clno li h3 a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .ctntc_us_mn p {
    font-size: 16px;
  }

  .cntct_cl_lft h2 {
    font-size: 32px;
    line-height: 44px;
  }

  .cntct_info_mn li {
    padding: 10px 20px;
    font-size: 16px;
    max-width: fit-content;
  }

  .cntct_cht_lft ul li,
  .cntct_cht_lft ul li:after {
    font-size: 16px;
  }

  .cntct_cht_lft ul li {
    padding-left: 30px;
  }

  .cntct_cht_lft h3 {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  .cntct_cl_lft h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .cntct_info_mn,
  .cntrs_clno {
    gap: 10px;
  }
}

@media (max-width: 600px) {
  .cntct_cl_lft h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

/*contact Us page*/
@media (max-width: 1700px) {
  .uaehm_bnr_sc {
    height: 750px;
  }

  .uaehm_logs_mn {
    margin-top: 50px;
  }

  .uaehm_logs_lst {
    margin-top: 35px;
  }
}

@media (max-width: 1500px) {
  .mh h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.3;
  }

  .uaehm_indstrs_sc .slick-arrow {
    width: 65px;
    height: 65px;
  }

  .uaehm_indstrs_lst li img {
    height: 250px;
  }
}

@media (max-width: 1400px) {
  .uaehm_cta1_lft p {
    font-size: 18px;
    margin: 10px 0 25px;
  }

  .uaehm_cta1_lft h2 {
    font-size: 32px;
    line-height: 48px;
  }

  .uaehm_cta1_sc figure {
    width: 45%;
    height: 100%;
  }

  .uaehm_cta1_sc figure img {
    width: 100%;
    height: 100%;
  }

  .uaehm_cta1_sc {
    padding: 36px 0;
  }
}

@media (max-width: 1300px) {
  .techStack_list ul li figure {
    width: 95px;
    height: 95px;
  }

  .uaehm_logs_lst {
    gap: 30px;
  }

  .uaehm_logs_lst li img {
    max-width: 90px;
  }
}

@media (max-width: 1200px) {
  .mh h1 {
    font-size: 40px;
  }

  .uaehm_srvcs_bx:after {
    content: unset;
  }

  .uaehm_srvcs_ryt {
    position: relative;
    top: 0;
    width: 50%;
  }

  .uaehm_srvcs_ryt figure:after {
    height: 390px;
  }

  .uaehm_indstrs_sc .slick-arrow {
    bottom: -15px;
  }

  .uaehm_srvcs_bx {
    flex-wrap: wrap;
    position: unset;
    padding: 0;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
  }

  .uaehm_srvcs_bx:last-child {
    margin-bottom: 0;
    padding: 0;
  }

  .uaehm_srvcs_ryt figure {
    height: 350px;
    width: 100%;
  }

  .uaehm_srvcs_ryt figure img {
    height: 100%;
    width: 100%;
  }

  .uaehm_srvcs_lst {
    margin-top: 40px;
  }

  .uaehm_bnr_sc {
    height: auto;
    padding: 20px 0 50px;
    overflow: hidden;
  }

  .uaehm_logs_lst li img {
    filter: grayscale(1);
  }

  .uaehm_logs_lst .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .uaehm_srvcs_sc .sb_hd h2,
  .uaehm_srvcs_sc .sb_hd > div,
  .uaehm_srvcs_lft,
  .techStack_list {
    width: 100%;
  }

  .uaehm_srvcs_cntnt,
  .uaehm_srvcs_lft li figure {
    display: block;
  }

  .uaehm_srvcs_lft > li.active:after {
    content: unset;
  }

  .uaehm_srvcs_ryt li figure {
    height: 100%;
  }

  .uaehm_srvcs_ryt li figure:after {
    height: 460px;
  }

  .uaehm_srvcs_lft > li.active {
    padding-left: 0;
  }

  .uaehm_cta1_sc figure {
    display: none;
  }

  .uaehm_srvcs_lft li figure {
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
    position: relative;
  }

  .uaehm_srvcs_lft li figure:after {
    position: absolute;
    content: "";
    height: 330px;
    width: 90%;
    margin: auto;
    inset: 0;
    background: #1c1b1b;
    border-radius: 20px;
    z-index: -1;
  }

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

  .uaehm_prtfls_lst li.slick-slide {
    margin: 0 25px;
    position: relative;
  }

  .uaehm_prtfls_lst {
    gap: 0;
  }

  .uaehm_prtfls_btn {
    width: 50px;
    height: 50px;
    bottom: -250px;
    z-index: 9;
    top: 0;
    margin: auto;
  }

  .side_container {
    margin: 0 auto;
  }

  .uaehm_indstrs_lst li img {
    height: 200px;
  }

  .uaehm_tstmlns_ryt figure {
    width: 58px;
    height: 58px;
  }

  .uaehm_tstmlns_ryt figure img {
    border-radius: 50%;
  }

  .uaehm_tstmlns_lst li {
    flex-direction: row-reverse;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
  }

  .uaehm_tstmlns_ryt {
    width: unset;
  }

  .uaehm_tstmlns_cntnt {
    width: 92%;
  }

  .cotct_lyt h2,
  .ftr_cont_lst h3,
  .uaehm_tstmlns_cntnt h3,
  .techStack_list h3,
  .uaehm_indstrs_lst li h3,
  .uaehm_prtfls_lst li h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .uaehm_tstmlns_cntnt p {
    font-size: 16px;
  }

  .techStack_list h3,
  .uaehm_indstrs_lst li h3 {
    margin-bottom: 10px;
  }

  .uaehm_prtfls_lst li h4 {
    font-size: 18px;
  }

  .uaehm_prtfls_lst li p {
    margin: 5px 0 10px;
  }

  .uaehm_srvcs_sc,
  .uaehm_indstrs_sc,
  .uaehm_tstmlns_sc,
  .techStack_sc,
  .uaehm_prtfls_sc,
  .faq_sec {
    padding: 40px 0;
  }

  .btn_ui {
    margin-bottom: 10px;
  }

  .uaehm_srvcs_mn {
    margin-top: 20px;
  }

  .uaehm_srvcs_lft > li {
    padding: 25px 0;
  }

  .uaehm_indstrs_lst,
  .faq_sec .accordion {
    margin-top: 40px;
  }

  .techStack_grid,
  .uaehm_tstmlns_lst {
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .page-template-tpl_development .sb_hd {
    text-align: left;
  }

  .uaehm_prtfls_lst li figure {
    height: 280px;
  }

  .uaehm_tstmlns_cntnt {
    width: 88%;
  }

  .ppc_pages .contct_us .cotct_lyt,
  .ppc_pages .contct_us .cotct_ryt {
    width: 100%;
  }

  .faq_sec .accordion-item .accordion-button {
    font-size: 18px;
    line-height: 26px;
    padding: 10px 50px 10px 10px;
  }

  .uaehm_bnr_sc .mh p {
    margin: 10px 0 30px;
    font-size: 18px;
  }

  .faq_sec .accordion-item:not(:last-child) {
    margin-bottom: 15px;
  }

  .uaehm_logs_mn {
    margin-top: 30px;
  }

  .uaehm_cta1_lft h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .ppc_pages .menu {
    background: #000;
    top: 106px;
    border-radius: 0;
}

  .iti-mobile .iti__country-list {
    background-color: #000 !important;
  }
}

@media (max-width: 767px) {
  .itlc {
    font-size: 32px;
  }

  .uaehm_srvcs_ryt {
    width: 62%;
  }
}

@media (max-width: 600px) {
  .mh h1 {
    font-size: 28px;
  }

  .uaehm_prtfls_lst li.slick-slide {
    margin: 0 5px;
  }

  .uaehm_cta1_lft h2,
  .itlc {
    font-size: 26px;
    line-height: 38px;
  }

  .mn_btn {
    font-size: 18px;
  }

  .techStack_list ul li figure {
    width: 75px;
    height: 75px;
    padding: 15px;
  }

  .btn_ui {
    font-size: 16px;
    padding: 8px 16px;
  }

  .uaehm_srvcs_ryt {
    width: 75%;
  }
}

@media (max-width: 480px) {
  .ppc_pages .menu {
    top: 86px;
  }

  .uaehm_prtfls_cntnt {
    width: 80%;
  }

  .uaehm_srvcs_ryt {
    width: 100%;
  }

  .uaehm_tstmlns_lst li {
    position: relative;
    min-height: 300px;
  }

  .uaehm_tstmlns_cntnt p {
    width: 90%;
    position: absolute;
    left: 20px;
    right: 20px;
  }

  .uaehm_prtfls_lst li figure {
    height: auto;
  }
}

/*uae revamp 25-04-24*/

/*e-commerce app development */
.ecmrc_bnr_mn,
.ecmrc_brnds_mn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ecmrc_bnr_lft {
  width: 65%;
}

.ecmrc_bnr_lft h1 {
  font-size: 50px;
}

.hd_mn_rt li > :nth-child(4) a {
  padding: 5px 10px;
}

.ecmrc_bnr_lft > p {
  font-size: 18px;
  line-height: 36px;
  margin: 30px 0;
}

.ecmrc_bnr_sc {
  background-color: #0b0301;
  height: 850px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ecmrc_srvcs_lst li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.ecmrc_ftrs_lst {
  display: flex;
  margin-top: 60px;
  align-items: stretch;
  justify-content: center;
  gap: 35px;
  flex-wrap: wrap;
}

.ecmrc_ftrs_lst > li,
.ecmrc_ftrs_lst li.slick-slide {
  border: 2px solid #ffffff78;
  border-radius: 10px;
  width: 22.5%;
  padding: 20px 15px;
  text-align: center;
}

.ecmrc_ftrs_lst li h3 {
  font-size: 20px;
  margin: 10px 0 0;
  min-height: 55px;
  font-weight: 800;
}

.why_chs_sc {
  background: #fff;
  padding: 70px 0;
}

.ecmrc_cta1_sc {
  background: #24e1f6;
  position: relative;
  box-shadow: 30px 30px 60px #0000001a;
  padding: 38px 0;
  overflow: hidden;
}

.ecmrc_bnr_ryt {
  position: absolute;
  right: 100px;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.ecmrc_bnr_ryt figure {
  z-index: 1;
}

.ecmrc_bnr_sc:after {
  position: absolute;
  content: "";
  background: #24e1f6;
  opacity: 34%;
  width: 610px;
  height: 610px;
  border-radius: 50%;
  filter: blur(50px);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ecmrc_brnds_sc {
  background: #fff;
  padding: 70px 0;
  position: relative;
}

.ecmrc_brnds_mn h3 {
  color: #000000a1;
  font-size: 24px;
  width: 30%;
  font-weight: 800;
}

.ecmrc_bnr_lst li h3 {
  font-size: 40px;
  color: #24e1f6;
  font-weight: 500;
}

.ecmrc_bnr_lst li {
  width: 32%;
  text-align: center;
}

.ecmrc_bnr_lst li p {
  font-size: 16px;
  margin-top: 15px;
}

.ecmrc_bnr_lst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 35px 0 60px;
  width: 85%;
}

.ecmrc_srvcs_sc {
  background: #fff;
  position: relative;
}

.ecmrc_srvcs_sc h2,
.ecmrc_srvcs_sc h3,
.ecmrc_srvcs_sc p,
.ecmrc_cta1_sc h2,
.ecmrc_cta1_sc p,
.why_chs_sc h2,
.why_chs_sc h3,
.why_chs_sc p {
  color: #000000;
}

.ecmrc_srvcs_ryt {
  width: 50%;
}

.ecmrc_srvcs_lft {
  width: 48%;
}

.ecmrc_srvcs_lst li:nth-child(even) {
  flex-direction: row-reverse;
}

.ecmrc_srvcs_lft figure,
.ecmrc_srvcs_lft figure img {
  width: 100%;
  height: 100%;
}

.ecmrc_srvcs_lst li:nth-child(even) {
  flex-direction: row-reverse;
  padding: 70px 0;
}

.ecmrc_srvcs_sc p {
  font-size: 16px;
  line-height: 26px;
}

.ecmrc_srvcs_ryt h3,
.why_chs_cntnt h3 {
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 20px;
}

.ecmrc_brnds_sc:after,
.ecmrc_srvcs_sc:after {
  position: absolute;
  content: "";
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/05/brands_bg.png);
  inset: 0;
  width: 100%;
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}

.ecmrc_srvcs_sc:after {
  top: auto;
  bottom: 0;
  transform: rotate(180deg);
}

.ecmrc_brnds_mn,
.ecmrc_srvcs_sc .sb_hd {
  position: relative;
  z-index: 2;
}

.ecmrc_brnds_ryt {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-height: 100%;
  list-style-type: none;
  opacity: 1;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgb(0, 0, 0) 12.5%,
    rgb(0, 0, 0) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
  overflow: hidden;
}

.ecmrc_brnds_ryt .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 77px;
  margin: 0;
}

.ecmrc_brnds_ryt .slick-slide img {
  max-width: 100px;
}

.ecmrc_cta1_sc h2 {
  font-size: 40px;
  font-weight: 800;
  line-height: 54px;
}

.ecmrc_cta1_sc p {
  margin: 20px 0 40px;
}

.ecmrc_cta1_ryt {
  position: absolute;
  right: -30px;
  bottom: 0;
  top: 0;
}

.why_chs_cntnt {
  background: #fafafa;
  border: 2px solid #7070704a;
  border-radius: 14px;
  padding: 40px 25px;
  width: 43%;
}

.why_chs_cntnt p {
  font-size: 16px;
}

.why_chs_lst li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 200px;
  flex-wrap: wrap;
  position: relative;
}

.why_chs_lst li:nth-child(even) {
  flex-direction: row-reverse;
  margin: 70px 0;
}

.why_chs_lst {
  margin-top: 60px;
  position: relative;
}

.why_chs_lst:after {
  position: absolute;
  content: "";
  background: #161616;
  width: 2px;
  height: 100%;
  inset: 0;
  margin: auto;
}

.why_chs_lst li:after {
  position: absolute;
  content: "";
  background: #000000;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 15px solid #fff;
  outline: 1px solid #030000;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.why_chs_cntnt h3 {
  margin-bottom: 15px;
}

.ecmrc_ftrs_sc {
  background: #0b0301;
  padding: 100px 0;
}

.ecmrc_ftrs_lst li figure {
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.ecmrc_ftrs_lst li p {
  font-size: 16px;
  line-height: 28px;
}

.ecmrc_srvcs_sc .mn_btn {
  position: relative;
  z-index: 2;
  top: -150px;
}

.page-template-tpl_ecommerce {
  background: #0b0301;
}

.ecmrc_cta1_sc .mn_btn:before {
  background: var(--black);
}

.ecmrc_cta1_sc .mn_btn span {
  color: var(--white);
}

.ecmrc_cta1_sc .mn_btn {
  border: 1px solid var(--black);
}

.ecmrc_cta1_sc .mn_btn:hover span {
  color: var(--black);
}

.hd_mn_rt:nth-child(4) li a {
  padding: 5px 10px;
}

@media (max-width: 1600px) {
  .ecmrc_bnr_ryt {
    right: 40px;
  }
}

@media (max-width: 1500px) {
  .ecmrc_bnr_ryt {
    right: 20px;
    top: 80px;
  }

  .ecmrc_bnr_lft h1 {
    font-size: 44px;
  }
}

@media (max-width: 1400px) {
  .ecmrc_bnr_sc:after {
    width: 500px;
    height: 500px;
  }

  .ecmrc_bnr_ryt {
    width: 35%;
  }

  .ecmrc_bnr_lft > p {
    font-size: 18px;
    line-height: 32px;
    margin: 10px 0 20px;
  }

  .ecmrc_bnr_lst li p {
    margin-top: 10px;
  }

  .ecmrc_bnr_lst {
    margin: 25px 0 50px;
  }

  .ecmrc_bnr_lft > p .blk_span {
    display: inline;
  }
}

@media (max-width: 1300px) {
  .ecmrc_cta1_ryt {
    right: -100px;
  }
}

@media (max-width: 1200px) {
  .ecmrc_bnr_sc {
    height: auto;
    padding-top: 130px;
  }

  .testi_wrp .slick-list,
  .ecmrc_ftrs_lst .slick-list,
  .portfolio5_grid .slick-list,
  .ecmrc_brnds_ryt .slick-list {
    margin: 0;
  }

  .ecmrc_ftrs_lst li.slick-slide {
    height: inherit;
  }

  .ecmrc_ftrs_lst .slick-track {
    display: flex;
  }

  .ecmrc_ftrs_lst li p {
    line-height: 24px;
  }

  .why_chs_sc,
  .ecmrc_brnds_sc {
    padding: 40px 0;
  }

  .ecmrc_bnr_lft {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .ecmrc_bnr_lst {
    width: 100%;
    margin: 25px 0;
  }

  .ecmrc_bnr_ryt {
    position: unset;
    width: 40%;
  }

  .ecmrc_bnr_sc:after,
  .why_chs_lst li:after,
  .why_chs_lst:after {
    content: unset;
  }

  .ecmrc_bnr_lft h1 {
    font-size: 40px;
  }

  .ecmrc_bnr_lst li h3 {
    font-size: 26px;
  }

  .ecmrc_bnr_lst li p {
    margin-top: 0;
  }

  .ecmrc_srvcs_ryt h3,
  .why_chs_cntnt h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .ecmrc_ftrs_lst {
    gap: 15px;
    margin-top: 30px;
  }

  .ecmrc_cta1_sc h2 {
    font-size: 32px;
    line-height: 46px;
  }

  .ecmrc_cta1_ryt {
    display: none;
  }

  .ecmrc_cta1_sc {
    text-align: center;
    padding: 20px 0;
  }

  .ecmrc_cta1_sc p {
    margin: 5px 0px 25px;
  }

  .why_chs_lst li {
    background: #fafafa;
    border: 2px solid #7070704a;
    border-radius: 14px;
    width: 48%;
    padding: 20px 15px;
    display: block;
    text-align: center;
  }

  .why_chs_cntnt h3 {
    margin-bottom: 5px;
  }

  .why_chs_cntnt {
    background: unset;
    border: 0;
    border-radius: 0;
    padding: 0;
    width: 100%;
  }

  .why_chs_lst li:nth-child(even) {
    margin: 0;
  }

  .why_chs_lst {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 40px;
  }

  .why_chs_lst li figure {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
  }

  .ecmrc_ftrs_sc {
    padding: 40px 0;
  }

  .ecmrc_ftrs_lst li h3 {
    min-height: unset;
    margin: 10px 0;
  }

  .ecmrc_ftrs_lst .slick-dots {
    margin-top: 20px;
  }
}

@media (max-width: 992px) {
  .ecmrc_brnds_mn h3,
  .ecmrc_srvcs_ryt {
    width: 100%;
    text-align: center;
  }

  .ecmrc_srvcs_lft {
    width: 50%;
    margin: 0 auto 10px;
  }

  .ecmrc_srvcs_ryt h3 {
    margin-bottom: 5px;
  }

  .ecmrc_brnds_ryt {
    width: 100%;
    display: block;
    margin-top: 20px;
  }

  .ecmrc_srvcs_sc .mn_btn {
    margin: 0 auto;
    display: flex;
    top: 0;
  }

  .ecmrc_srvcs_lst li:last-child {
    padding: 70px 0 40px;
  }

  .ecmrc_srvcs_sc {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .ecmrc_bnr_ryt {
    width: 65%;
  }
}

@media (max-width: 600px) {
  .ecmrc_srvcs_ryt h3,
  .why_chs_cntnt h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .why_chs_cntnt p {
    font-size: 14px;
  }

  .why_chs_lst li {
    width: 100%;
  }

  .ecmrc_srvcs_lft {
    width: 70%;
  }

  .ecmrc_srvcs_lst li:nth-child(even),
  .ecmrc_srvcs_lst li:last-child {
    padding: 40px 0;
  }
  .ecmrc_cta1_sc h2 {
    font-size: 26px;
    line-height: 40px;
  }
}

@media (max-width: 480px) {
  .ecmrc_cta1_sc h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .prtfl_dsgn3_ftrs > div {
    width: 100%;
  }

  .ecmrc_brnds_ryt .slick-slide img {
    max-width: 65px;
  }

  .ecmrc_bnr_lst li {
    width: 48%;
  }

  .ecmrc_bnr_lst {
    justify-content: center;
    gap: 25px 0;
  }

  .ecmrc_bnr_lft h1 {
    font-size: 26px;
  }

  .ecmrc_bnr_lft > p {
    font-size: 16px;
    line-height: 26px;
  }

  .ecmrc_bnr_lst li h3 {
    font-size: 22px;
  }

  .ecmrc_bnr_ryt {
    width: 90%;
  }
}

/*e-commerce app development */

/*logistics */
.lgts_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/back_fround1.png);
  height: 710px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-size: cover;
  background-position: bottom;
  background-color: #000;
}
.lgst_appnl_sc .tab_pnl:first-child figure::after,
.lgst_appnl_sc .tab_pnl:last-child figure::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #24e1f6;
  height: 170px;
  width: 380px;
  right: 0;
  margin: 0 auto;
  border-radius: 20px 20px 0px 0px;
  z-index: -1;
}
.lgstcs_wrp .ecmrc_cta1_ryt {
  background: #000;
  transform: scale(1.01);
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}

.lgst_appnl_sc .tab_pnl {
  display: none;
}

.lgst_appnl_sc .tab_pnl.active {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 70px;
}

.lgst_appnl_sc .tab_pnl figure {
  width: 50%;
  text-align: center;
  position: sticky;
  top: 120px;
  height: 100%;
}
.lgst_appnl_lst li.active {
  background: #24e1f6;
  color: #000;
}
.ul_tab_ftur {
  width: 45%;
}

.ul_tab_ftur li {
  padding: 22px 20px;
  background-color: #1a1210;
  border-radius: 10px;
  margin-bottom: 25px;
}
.ul_tab_ftur li:last-child {
  margin-bottom: 0;
}

.ul_tab_ftur li p {
  display: none;
}

.ul_tab_ftur li.active {
  background-color: #24e1f6;
}
.ul_tab_ftur .active p {
  display: block;
  color: #000;
  font-size: 16px;
  margin-top: 14px;
  line-height: 26px;
}
.ul_tab_ftur li.active h3 {
  color: #000;
}
.ul_tab_ftur > li h3 {
  font-size: 24px;
  font-weight: 500;
}
.lgts_bnr_mn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.lgstc_bnr_lst li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 25px;
}
.lgstc_bnr_lst li:last-child {
  margin-bottom: 0;
}
.lgstc_bnr_lst li:after {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/tick.png);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 25px;
  width: 25px;
  background-size: contain;
}
.lgstc_bnr_ryt {
  position: absolute;
  right: -115px;
  bottom: -135px;
}
.lgstc_bnr_ryt figure {
  z-index: 1;
}
.lgstc_bnr_lft > p {
  font-size: 18px;
  line-height: 32px;
  margin-top: 10px;
}
.lgstc_bnr_lft {
  width: 62%;
}
.lgstc_bnr_lst {
  margin: 30px 0 50px;
}
.lgstc_bnr_lst li p {
  font-size: 15px;
}
.lgst_appnl_sc {
  background-color: #0b0301;
  padding: 70px 0;
}
.lgst_appnl_lst {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #1a1210;
  border-radius: 8px;
}
.lgst_appnl_lst li {
  font-size: 22px;
  padding: 20px;
  border-radius: 8px;
}
.portfolio5_slide_nav .slick-slide.slick-current.slick-active {
  background-color: var(--primary);
}
.portfolio5_slide_nav .slick-slide.slick-current.slick-active img {
  filter: brightness(0);
}
.ecmrc_droob--pickup-\&-delivery-app img {
  filter: brightness(0);
}
.page-template-tpl_logistics .portfolio5_grid {
  margin-bottom: 0;
}
.page-template-tpl_logistics .portfolio5_slide_nav {
  width: 80%;
}
.page-template-tpl_logistics .portfolio5_slide_nav figure {
  padding: 10px 20px;
  height: 100px;
}
@media (max-width: 1400px) {
  .lgstc_bnr_ryt {
    right: -70px;
    width: 48%;
  }
  .lgstc_bnr_lst li {
    margin-bottom: 20px;
  }
  .lgts_bnr_sc {
    height: 655px;
  }
}
@media (max-width: 1300px) {
  .lgstc_bnr_ryt {
    right: -60px;
  }
}
@media (max-width: 1200px) {
  .lgstc_bnr_ryt {
    position: unset;
    margin: 30px auto 0;
    z-index: 1;
  }
  .lgstc_bnr_lft {
    width: 100%;
    text-align: center;
  }
  .lgts_bnr_sc {
    height: auto;
    padding-bottom:50px;
  }
  .lgst_appnl_lst {
    margin-bottom: 10px;
  }
  .lgstc_bnr_lst li:after {
    width: 15px;
    height: 15px;
  }
  .lgstc_bnr_lst li {
    padding-left: 25px;
    width: fit-content;
    margin: 0 auto 10px;
  }
  .lgstc_bnr_lst {
    margin: 20px 0;
  }
  .lgst_appnl_lst li {
    font-size: 16px;
  }
  .lgst_appnl_sc .tab_pnl:first-child figure::after,
  .lgst_appnl_sc .tab_pnl:last-child figure::after {
    content: unset;
  }
  .ul_tab_ftur > li h3 {
    font-size: 18px;
  }
  .ul_tab_ftur li {
    margin-bottom: 15px;
  }
  .lgstc_bnr_ryt {
    display: none;
  }
  .lgst_appnl_sc {
    padding: 40px 0;
  }
}
@media (max-width: 992px) {
  .ppc_pages .menu li:hover .industry_drp {
    display: none;
    width: 100%;
  }
  .ppc_pages .menu li .industry_drp.active {
    display: block;
    width: 100%;
    max-height: 230px;
    overflow: auto;
}
  .header {
    z-index: 2147483640;
  }
  .industry__link.dropdown-toggle:after {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .ul_tab_ftur {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
  }
  .ul_tab_ftur li {
    margin-bottom: 0;
    width: 48%;
    text-align: center;
    padding: 15px 10px;
  }
  .ul_tab_ftur li p,
  .ul_tab_ftur .active p {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    line-height: 22px;
  }
  .lgst_appnl_sc .tab_pnl.active {
    flex-direction: column-reverse;
    margin-top: 40px;
  }
  .lgst_appnl_sc .tab_pnl figure {
    position: unset;
    margin: 0 auto 30px;
  }
}
@media (max-width: 600px) {
  .lgstc_bnr_lst li {
    text-align: left;
    width: 100%;
  }
  .lgstc_bnr_lft > p {
    font-size: 16px;
    line-height: 26px;
  }
  .lgst_appnl_lst li {
    font-size: 14px;
    padding: 10px;
    text-align: center;
    width: 48%;
  }
  .lgst_appnl_lst {
    margin-bottom: 0;
  }
  .lgst_appnl_sc .tab_pnl:nth-child(2) figure,
  .lgst_appnl_sc .tab_pnl:nth-child(3) figure {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ul_tab_ftur li {
    width: 100%;
  }
  .lgst_appnl_sc .tab_pnl:nth-child(1) figure,
  .lgst_appnl_sc .tab_pnl:nth-child(4) figure {
    width: 70%;
  }
}
/*logistics */

/*healthcare*/
.page-template-tpl_healthcare .lgts_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/healthcare.png);
  background-size: auto;
  background-position: right;
  background-color: #080808;
  background-repeat: no-repeat;
}
.page-template-tpl_healthcare .lgstc_bnr_lft.mh h1 {
  font-size: 46px;
}
.page-template-tpl_healthcare .lgstc_bnr_ryt {
  right: -20px;
  width: 44%;
  bottom: -93px;
}
.page-template-tpl_healthcare .ecmrc_cta1_sc {
  padding: 67px 0;
}
.page-template-tpl_healthcare .ecmrc_cta1_sc .mn_btn {
  margin-top: 40px;
}
.page-template-tpl_healthcare .lgst_appnl_lst li {
  width: 32%;
  text-align: center;
}
.page-template-tpl_healthcare .lgst_appnl_lst {
  width: 90%;
  margin: 0 auto;
}
.page-template-tpl_healthcare .portfolio5_grid {
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  .page-template-tpl_healthcare .lgstc_bnr_ryt {
    bottom: -97px;
  }
}
@media (max-width: 1400px) {
  .page-template-tpl_healthcare .lgstc_bnr_ryt {
    width: 41%;
    bottom: -87px;
  }
  .page-template-tpl_healthcare .lgts_bnr_sc {
    height: 680px;
  }
}
@media (max-width: 1300px) {
  .page-template-tpl_healthcare .lgstc_bnr_lft.mh h1 {
    font-size: 42px;
  }
  .page-template-tpl_healthcare .lgstc_bnr_ryt {
    bottom: -93px;
  }
  .page-template-tpl_healthcare .lgst_appnl_lst {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .page-template-tpl_healthcare .lgts_bnr_sc {
    height: auto;
  }
  .page-template-tpl_healthcare .ecmrc_cta1_sc {
    padding: 30px 0;
  }
  .page-template-tpl_healthcare .ecmrc_cta1_sc .mn_btn {
    margin-top: 20px;
  }
  .page-template-tpl_healthcare .lgstc_bnr_lft.mh h1 {
    font-size: 40px;
  }
  .page-template-tpl_healthcare .lgst_appnl_lst li {
    padding: 20px 10px;
  }
  .page-template-tpl_healthcare .lgst_appnl_lst {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .page-template-tpl_healthcare .lgst_appnl_lst li {
    width: 48%;
  }
}
@media (max-width: 600px) {
  .page-template-tpl_healthcare .lgstc_bnr_lft.mh h1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .page-template-tpl_healthcare .lgst_appnl_lst li {
    width: 100%;
    padding: 10px;
  }
  .page-template-tpl_healthcare .lgst_appnl_sc .tab_pnl:nth-child(3) figure {
    width: 70%;
  }
}
/*healthcare*/

/*real estate */
.page-template-tpl_realestate_page .ecmrc_brnds_sc {
  z-index: 2;
}
.page-template-tpl_realestate_page .lgstc_bnr_ryt {
  bottom: -160px;
}
.page-template-tpl_realestate_page .lgst_appnl_lst li {
  width: 24%;
  text-align: center;
}
.page-template-tpl_realestate_page
  .lgst_appnl_sc
  .tab_pnl:nth-child(3)
  figure::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #24e1f6;
  height: 170px;
  width: 380px;
  right: 0;
  margin: 0 auto;
  border-radius: 20px 20px 0px 0px;
  z-index: -1;
}
.page-template-tpl_realestate_page .btm_whtsapp {
  z-index: 4;
}
.page-template-tpl_realestate_page .lgstc_bnr_ryt {
  right: 0;
  text-align: right;
}
.page-template-tpl_realestate_page .lgts_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/real_estate_bg.png);
}
.page-template-tpl_realestate_page .portfolio5_grid {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .page-template-tpl_realestate_page .lgst_appnl_lst li {
    width: 50%;
  }
}
/*real estate */

/*fintech page*/
.page-template-tpl_fintech .lgstc_bnr_lft h1 {
  font-size: 46px;
}
.page-template-tpl_fintech .lgstc_bnr_ryt {
  bottom: -93px;
  right: 0;
}
.page-template-tpl_fintech .lgst_appnl_lst li {
  width: 24%;
  text-align: center;
}
.page-template-tpl_fintech .lgstcs_wrp .ecmrc_cta1_ryt {
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 120%);
}
.page-template-tpl_fintech .ecmrc_cta1_sc .mn_btn {
  margin-top: 35px;
}
.page-template-tpl_fintech .portfolio5_grid {
  margin-bottom: 0;
}
.page-template-tpl_fintech .lgts_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/fintech_bnr_bg.png);
}
.page-template-tpl_fintech
  .lgst_appnl_sc
  .tab_pnl:not(:last-child)
  figure:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  background-color: #24e1f6;
  height: 189px;
  width: 100%;
  right: 0;
  margin: 0 auto;
  border-radius: 0 0 20px 20px;
  z-index: -1;
}
@media (max-width: 1500px) {
  .page-template-tpl_fintech .lgstc_bnr_ryt {
    bottom: -97px;
  }
}
@media (max-width: 1400px) {
  .page-template-tpl_fintech .lgstc_bnr_ryt {
    bottom: -75px;
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .page-template-tpl_fintech .lgstc_bnr_lft h1 {
    font-size: 40px;
  }
  .page-template-tpl_fintech .lgst_appnl_lst li,
  .page-template-tpl_realestate_page .lgst_appnl_lst li {
    padding: 20px 5px;
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .page-template-tpl_fintech .lgstc_bnr_lft h1 {
    font-size: 28px;
  }
  .page-template-tpl_fintech .lgst_appnl_lst li {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .page-template-tpl_fintech .lgst_appnl_sc .tab_pnl:not(:last-child) figure {
    width: 100%;
  }
}
/*fintech page*/

/* Game development Page */
.page-template-tpl_game .lgts_bnr_sc {
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/06/game_bnr.png);
}
.page-template-tpl_game .lgstc_bnr_lft.mh h1 {
  font-size: 46px;
}
.page-template-tpl_game .ecmrc_solu_lst {
  background: #221a18;
  border: 1px solid #cbcbcb96;
  border-radius: 20px;
  margin-top: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
  flex-wrap: wrap;
}
.page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx {
  position: relative;
}
.page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx .ecmrc_solu_hvr {
  position: absolute;
  background: #24e1f6;
  border-radius: 14px;
  padding: 30px 20px;
  min-height: 332px;
  left: 0;
  right: 0;
  margin: -80px auto 0;
  z-index: -1;
  transition: ease-in-out 0.4s;
  top: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
}
.page-template-tpl_game
  .ecmrc_solu_lst
  .ecmrc_solu_bx:nth-last-child(-n + 4)
  .ecmrc_solu_hvr {
  margin: 20px 0 0;
}
.page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx figure,
.ecmrc_solu_hvr figure {
  background: #24e1f6;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
}
.page-template-tpl_game .ecmrc_solu_lst li h3 {
  font-size: 24px;
}
.page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx {
  width: 23%;
  text-align: center;
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx:hover .ecmrc_solu_hvr {
  transform: unset;
  opacity: 1;
  top: 0;
  visibility: visible;
  z-index: 1;
}
.page-template-tpl_game .ecmrc_solu_hvr h3 {
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}

.page-template-tpl_game .ecmrc_solu_hvr p {
  color: #000;
  font-size: 16px;
}
.page-template-tpl_game .ecmrc_solu_hvr figure {
  background: #000 !important;
}
.page-template-tpl_game .ecmrc_solu_hvr figure img {
  filter: brightness(0) invert(1);
}
.page-template-tpl_game .ecmrc_solu_sc {
  padding: 80px 0 150px;
}
.page-template-tpl_game .ecmrc_cta1_sc {
  padding: 70px 0;
}

.page-template-tpl_game .ecmrc_cta1_sc h2 {
  margin-bottom: 35px;
}
.page-template-tpl_game
  .portfolio5_slide_nav
  .slick-slide.slick-current.slick-active
  img {
  filter: unset;
}
.page-template-tpl_game .portfolio5_grid {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .page-template-tpl_game .ecmrc_cta1_sc {
    padding: 40px 0;
  }
  .page-template-tpl_game .ecmrc_solu_sc .slick-list {
    margin: 0;
  }
  .page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx {
    margin: 0 5px;
    height: inherit;
  }
  .page-template-tpl_game .ecmrc_solu_lst .slick-track {
    display: flex;
  }
  .page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx figure,
  .ecmrc_solu_hvr figure {
    margin: 0 auto 10px;
  }
  .page-template-tpl_game .lgstc_bnr_lft.mh h1 {
    font-size: 40px;
  }
  .page-template-tpl_game .ecmrc_solu_lst .ecmrc_solu_bx .ecmrc_solu_hvr {
    margin: 0;
    visibility: visible;
    opacity: 1;
    position: unset;
    z-index: 1;
    height: 100%;
    display: block;
  }
  .page-template-tpl_game .ecmrc_solu_lst .slick-dots {
    margin-top: 30px;
  }
  .page-template-tpl_game .ecmrc_solu_cntnt {
    display: none;
  }
  .page-template-tpl_game .ecmrc_solu_lst {
    margin-top: 50px;
    padding: 10px;
  }
  .page-template-tpl_game
    .ecmrc_solu_lst
    .ecmrc_solu_bx:nth-last-child(-n + 4)
    .ecmrc_solu_hvr {
    margin: 0;
  }
  .page-template-tpl_game .ecmrc_solu_sc {
    padding: 40px 0;
  }
}
@media (max-width: 600px) {
  .page-template-tpl_game .lgstc_bnr_lft.mh h1 {
    font-size: 28px;
  }
}
/* Game development Page */

/*faq design 2 CSS starts*/
.fq_dsign2 {
  background: #fff;
}

.fq_dsign2 h2,
.fq_dsign2 .accordion-item .accordion-button,
.fq_dsign2 .accordion-body p,
.fq_dsign2 .accordion-body li {
  color: #0b0301;
}

.fq_dsign2 .accordion-item .accordion-button {
  background: #fff;
  border-radius: 8px;
  border: 2px solid #70707033;
}

.fq_dsign2 .accordion-item {
  border-radius: 10px;
  background: #fff;
  border: 0;
}

.fq_dsign2 .accordion-item [aria-expanded="true"],
.fq_dsign2 .accordion-body {
  background-color: #00e5ff26;
  border: 2px solid transparent;
  border-radius: 0 0 10px 10px;
}

.fq_dsign2 .accordion-item [aria-expanded="true"] {
  border-radius: 10px 10px 0 0;
}

.fq_dsign2 .accordion-button::after,
.fq_dsign2 .accordion-button::before {
  background: #0b0301;
}

/*faq design 2 CSS starts*/

/***** Portfolio - Design 2 | Start *****/
.portfolio5_sc {
  background-color: var(--black);
}

.prtfl_dsgn3_sc {
  background: #161616;
  padding: 50px 0 100px;
}

.itlc_fnt {
  font-size: 24px;
  display: block;
}

.portfolio5_grid {
  border-radius: 40px;
  background-color: var(--white);
  overflow: hidden;
  margin: 40px 0 80px;
}

.portfolio5_grid .slick-track {
  display: flex;
}

.portfolio5_single {
  padding: 30px;
  border-radius: 40px;
  height: auto !important;
  border: 2px solid #70707030;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}

.portfolio5_single :is(.lt, .rt) {
  width: 45%;
}

.portfolio5_single .lt {
  position: relative;
  z-index: 1;
}

.portfolio5_single .lt:after {
  content: "";
  width: 100%;
  height: 350px;
  position: absolute;
  background-color: var(--black);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 40px;
  z-index: -1;
}

.portfolio5_single .lt figure {
  max-width: 450px;
  margin: 0 auto;
}

.portfolio5_single .lt figure img {
  width: 100%;
}

.portfolio5_single .rt {
  margin-inline: auto;
  position: relative;
}

.portfolio5_single .rt > figure {
  position: absolute;
  opacity: 0.1;
  top: -40px;
  right: 0;
  left: 25px;
  width: 150px;
}

.portfolio5_single .rt h3 {
  margin-bottom: 0;
  color: var(--black);
  font-size: 50px;
  font-weight: 800;
}

.portfolio5_single .rt p {
  font-size: 20px;
  color: var(--black);
}

.portfolio5_single .rt ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 35px;
}

.portfolio5_single .rt ul li {
  margin-bottom: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  line-height: 1.3;
}

.portfolio5_single .rt ul li span {
  font-size: 24px;
  color: #797575;
}

.portfolio5_single .rt ul li strong {
  font-size: 28px;
  font-weight: 600;
  color: var(--black);
}

.portfolio5_single .custom-arrows button {
  background-color: var(--black);
}

.portfolio5_single .custom-arrows button::before {
  filter: brightness(0) invert(1);
}

.portfolio5_slide_nav {
  width: 90%;
  margin-inline: auto;
}

.portfolio5_slide_nav figure {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 20px;
  cursor: pointer;
  height: 98px;
}

.portfolio5_slide_nav figure img {
  max-height: 100%;
}

.portfolio5_slide_nav .slick-center {
  background: var(--primary);
}

.portfolio5_slide_nav .slick-center img {
  filter: brightness(0) invert(1);
}

.portfolio5_single .custom-arrows button::before {
  filter: brightness(0) invert(1);
}

.portfolio5_single .slick-next:before,
.portfolio5_single .slick-prev:before {
  content: "";
  background-image: url(https://media.apptunix.com/wp-content/uploads/2024/04/26084554/slider_arrow_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  display: flex;
  background-size: 22px;
  opacity: 1;
}

.portfolio5_single .slick-next,
.portfolio5_single .slick-prev {
  width: 50px;
  height: 50px;
  font-size: 0;
  line-height: 0;
  display: block;
  border: 1px solid #ccc;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: var(--c_white);
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  z-index: 1;
}

.portfolio5_single .slick-prev {
  transform: rotate(180deg) !important;
}

.custom-arrows {
  display: flex;
  align-items: center;
  margin-top: 40px;
  gap: 20px;
}

.custom-arrows button {
  position: initial;
  transform: none !important;
}

.prtfl_dsgn3_ftrs > div {
  background: #282828;
  display: flex;
  align-items: center;
  width: 31%;
  flex-wrap: wrap;
  gap: 10px;
  border: 2px solid #70707033;
  border-radius: 10px;
  padding: 10px;
}

.prtfl_dsgn3_ftrs > div p {
  display: none;
  font-size: 14px;
  padding-left: 70px;
  margin-top: -25px;
}

.prtfl_dsgn3_ftrs > div:hover p {
  display: block;
}

.prtfl_dsgn3_ftrs > div h3 {
  font-size: 18px;
  font-weight: 700;
}

.prtfl_dsgn3_ftrs > div figure {
  background: #000000;
  border: 2px solid #00e5ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}

.prtfl_dsgn3_ftrs > div figure img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(89%) saturate(2143%)
    hue-rotate(146deg) brightness(102%) contrast(117%);
}

.prtfl_dsgn3_ftrs.slick-slide {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.prtfl_dsgn3 {
  min-height: 160px;
}

@media screen and (max-width: 1200px) {
  .portfolio5_single .rt p {
    font-size: 18px;
  }

  .portfolio5_single .rt ul {
    margin: 10px 0 20px;
  }

  .portfolio5_single .rt ul li span {
    font-size: 18px;
  }

  .portfolio5_single .rt ul li strong {
    font-size: 22px;
  }

  .portfolio5_single .lt figure {
    max-width: 350px;
  }

  .portfolio5_slide_nav figure {
    height: 86px;
  }

  .prtfl_dsgn3_ftrs > div p {
    display: block;
    padding-left: 0;
    margin-top: 0;
  }

  .prtfl_dsgn3_ftrs > div {
    flex-direction: column;
    text-align: center;
  }

  .prtfl_dsgn3_sc {
    padding: 50px 0;
  }

  .portfolio5_grid {
    margin: 40px 0;
  }

  .portfolio5_single .rt h3 {
    font-size: 34px;
  }

  .prtfl_dsgn3_ftrs.slick-slide {
    align-items: stretch;
    gap: 10px;
  }

  .custom-arrows {
    justify-content: center;
  }

  .prtfl_dsgn3 .slick-list {
    margin: 0;
  }

  .prtfl_dsgn3_ftrs svg {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .portfolio5_single {
    flex-direction: column;
    align-items: center;
    border: none;
  }

  .portfolio5_single .lt {
    width: 50%;
  }

  .portfolio5_single .rt {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .portfolio5_single .rt > figure {
    display: none;
  }

  .portfolio5_single .rt h3 {
    margin-bottom: 10px;
  }

  .portfolio5_single .rt ul {
    justify-content: center;
    gap: 10px 30px;
  }

  .portfolio5_single .rt .btn {
    margin-inline: auto;
  }

  .portfolio5_slide_nav {
    display: none !important;
  }

  .portfolio5_single .rt p,
  .portfolio5_single .rt ul li span {
    font-size: 16px;
  }

  .portfolio5_single .rt ul li strong {
    font-size: 20px;
  }

  .portfolio5_single .custom-arrows button {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .portfolio5_single .lt {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
    padding: 0 15px;
  }

  .portfolio5_single {
    padding: 20px;
  }

  .portfolio5_single .lt:after {
    height: 260px;
  }

  .portfolio5_single .rt ul li strong {
    font-size: 18px;
  }

  .portfolio5_single .rt ul {
    margin: 15px 0 20px;
  }

  .portfolio5_single .rt {
    margin-top: 20px;
  }

  .prtfl_dsgn3_ftrs > div {
    width: 48%;
  }
}

@media (max-width: 480px) {
  .prtfl_dsgn3_ftrs > div {
    width: 100%;
  }
  .portfolio5_single .rt p {
    display: none;
  }
  .portfolio5_single {
    padding: 20px 0px;
  }
}

/***** Portfolio - Design 2 | End *****/

/*testimonial*/
.testi_wrp_cntnt {
  background: #ffffff;
  border-radius: 22px;
  padding: 20px 35px;
  margin: 60px 0;
  opacity: 0.9;
  text-align: center;
  position: relative;
  transform: translate(0px, 35px);
  transition: all 0.4s ease-in-out;
  z-index: -1;
  min-height: 480px;
}

.testi_wrp li.slick-slide {
  position: relative;
  margin: 0;
}

.testi_wrp li.slick-slide .str {
  width: 100px;
  margin: 10px auto 35px;
}

.testi_wrp h2,
.testi_wrp h3,
.testi_wrp p,
.testi_wrp h5 {
  color: #000;
}

.testi_wrp li.slick-slide .tst_mg {
  width: 85px;
  height: 85px;
  border: 3px solid #000;
  margin: 0 auto;
  border-radius: 50%;
}

.testi_wrp li.slick-slide .tst_mg img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.testi_wrp li.slick-slide p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}

.testi_wrp li.slick-slide h5 {
  font-size: 16px;
}

.testi_wrp li.slick-slide h3 {
  font-size: 30px;
  margin: 15px 0 5px;
  font-weight: 700;
}

.testi_wrp {
  width: 85%;
  margin: 0 auto;
  position: relative;
}

.testi_wrp:after {
  position: absolute;
  content: "";
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/05/lst_br.png);
  right: -85px;
  top: -85px;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 325px;
  background-repeat: no-repeat;
  background-position: right;
  pointer-events: none;
}

.testi_wrp
  li.slick-slide.slick-current.slick-active.slick-center
  .testi_wrp_cntnt {
  transform: scale(1.1);
  opacity: 1;
  padding: 110px 20px 20px 20px;
  min-height: 550px;
  z-index: 2;
}

.testi_wrp li.slick-slide.slick-current.slick-active.slick-center h3 {
  font-weight: 400;
}

.testi_wrp li.slick-center .testi_wrp_cntnt:after {
  position: absolute;
  content: "";
  background-image: url(https://www.uaeappdevelopers.ae/wp-content/uploads/2024/05/testi_quotes.png);
  width: 110px;
  height: 90px;
  top: 25px;
  left: 25px;
  background-repeat: no-repeat;
  z-index: 1;
}

.testi_wrp li.slick-center:before {
  position: absolute;
  content: "";
  background: #00e5ff;
  border-radius: 22px;
  transform: rotate(1deg);
  top: 22px;
  right: 0;
  left: -28px;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 89%;
}

@media (max-width: 1200px) {
  .testi_wrp:after,
  .testi_wrp li.slick-center .testi_wrp_cntnt:after,
  .testi_wrp li.slick-slide:before {
    content: unset;
  }

  .testi_wrp {
    width: 100%;
  }

  .testi_wrp .slick-track {
    display: flex;
  }

  .testi_wrp
    li.slick-slide.slick-current.slick-active.slick-center
    .testi_wrp_cntnt {
    transform: scale(1);
    min-height: unset;
    padding: 20px;
  }

  .testi_wrp_cntnt {
    margin: 0 5px;
    min-height: unset;
    transform: unset;
    height: inherit;
    padding: 20px;
    height: 100%;
  }

  .testi_wrp li.slick-slide p {
    text-align: center;
  }

  .testi_wrp li.slick-slide .str {
    margin: 10px auto;
  }

  .testi_wrp li.slick-slide h3 {
    font-size: 20px;
  }

  .testi_wrp li.slick-slide h5 {
    font-size: 14px;
  }

  .testi_wrp li.slick-slide {
    height: inherit;
  }

  .slick-dots li {
    width: 20px;
    height: 20px;
  }

  .slick-dots button {
    width: 12px;
    height: 12px;
  }

  .slick-dots {
    gap: 5px;
  }
}

/*testimonial*/
.hero-animation p {
    font-size: 25px;
    margin: 30px 10px 20px;
}
@media only screen and (max-width: 768px) {
   .hero-animation p {
        font-size: 18px;
    }
}