/* -webkit-text-stroke-width: 4px; */
.fa-facebook-f {
    height: 20px;
}

.fa-instagram {
    height: 20px;
}

.fa-x-twitter {
    height: 20px;
}
.fa-house.me-3 {    /* -webkit-text-stroke-width: 4px; */

    font-size: 10px !important;
    height: 15px;
}
.fa-phone {
    height: 15px;
}

.fa-whatsapp {
    height: 15px;
}



/* Your styles here */
        .faqs-carousel {
            overflow: hidden; /* Ensure this is applied correctly */
        }


.header,
.preloader {
  position: absolute;
  width: 100%;
}
.header-content h1,
.header-content h3 {
  font-style: normal;
  text-transform: capitalize;
}
.bages-bg img,
.webdesign-content img {
  aspect-ratio: 3/2;
  mix-blend-mode: color-burn;
}
.footer-address ul li,
.services-link ul li {
  text-decoration: none !important;
  line-height: 30px;
}

.btn-default,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span,
textarea,
ul {
  margin: 0;
  padding: 0;
}
a,
a:focus,
a:hover {
  text-decoration: none;
}
:focus {
  border: none;
}
@font-face {
  font-family: Display-Bold;
  src: url("../fonts/BeVietnamPro-Bold.woff") format("woff");
}
@font-face {
  font-family: Display-Regular;
  src: url("../fonts/BeVietnamPro-Regular.woff") format("woff");
}
@font-face {
  font-family: Display-Light;
  src: url("../fonts/BeVietnamPro-Light.woff") format("woff");
}
@font-face {
  font-family: angelina;
  src: url("../fonts/angelina.woff") format("woff");
}
h1,
h2 {
  font-family: Display-Bold !important;
}
a,
h3,
h4,
h5,
h6,
li,
p {
  font-family: Display-Regular !important;
}
body {
  overflow-x: hidden !important;
}
.container {
  max-width: 85%;
}
:root {
  --bs-purple: #44326e;
  --bs-dard-purple: #170027;
  --bs-light-blue: #1990ba;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-dark-gray: #222222;
  --bs-light-grey: #666;
  --bs-light-grey2: #ccc;
  --bs-bg-shadow: #ccc;
  --bs-gradient: linear-gradient(
    90deg,
    rgba(25, 144, 186, 1) 0%,
    rgba(68, 50, 110, 1) 100%
  );
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #1990ba;
  background: linear-gradient(0deg, #1990ba 20%, #44326e 80%);
}
::-moz-selection {
  color: var(--bs-white);
  background: var(--bs-purple);
}
::selection {
  color: var(--bs-white);
  background: var(--bs-purple);
}

.preloader {
  top: 0;
  left: 0;
  height: 100%;
  z-index: 9999;
  background-image: url("../images/preloader.gif");
  background-repeat: no-repeat;
  background-color: var(--bs-white);
  background-position: center;
}
.active-class {
  border: 2px solid var(--bs-black);
}
.header {
  z-index: 99;
  height: 100px;
  top: 25px;
  background: 0 0;
  padding: 20px 0;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  border-bottom: 2px solid transparent;
}
.active-header {
  background-color: #fff !important;
  position: fixed;
  top: 0;
}
.mobile-awards{
    display:none;
}
.second-header {
  background: var(--bs-white);
  display: none;
  visibility: hidden;
  position: fixed;
  transition: 0.75s linear !important;
  width: 100%;
  border-bottom: 1px solid var(--bs-purple);
  padding: 10px 0;
  line-height: 0;
}
.second-header.sticky-header {
  display: flex;
  visibility: visible;
  transition: 0.75s linear !important;
  top: -100px;
  transform: translateY(100px);
  z-index: 200;
}
.second-header .dropdown-nav {
  margin: 12px 0;
  padding: 10px 15px 0;
}
.blog-card-content h6 span,
.card-boxing svg,
.closebtn:hover,
.contact-address h3,
.footer-form-bg .form-input i,
.form-input i,
.header-top-bg .top-number a:hover,
.second-header-dropdown li a:hover {
  color: var(--bs-purple);
}
.second-header ul.nav.navbar-na {
  line-height: 70px;
  top: 0;
}
.header-top-bg {
  background: transparent
    radial-gradient(
      closest-side at 50% 50%,
      var(--bs-light-blue) 0,
      var(--bs-light-blue) 100%
    );
  line-height: 70px;
  text-transform: uppercase;
}
.abt-background,
.bages-bg,
.header-carousel-bg,
.overlay {
  background-size: cover;
}
.bages-content,
.header-top {
  display: flex;
  justify-content: space-between;
}
.header-top-bg .top-number a {
  border-radius: 0 20px 20px 0;
  color: var(--bs-white);
  padding: 5px 10px;
  text-decoration: none;
  font-weight: 700;
}
.header-top-bg .top-btn-1 {
  border: 2px solid var(--bs-white);
  border-radius: 5px;
  color: var(--bs-white);
  text-decoration: none;
  padding: 7px 15px;
  margin: 0 10px 0 0;
}
.header-top-bg .top-btn-2 {
  background: var(--bs-white);
  border-radius: 5px;
  text-decoration: none;
  padding: 7px 25px;
  color: var(--bs-light-blue);
  border: 2px solid var(--bs-white);
}
.main-logo {
  width: 250px;
}
.main-header-bg {
  line-height: 50px;
  padding: 5px 0;
  z-index: 10;
}
.main-header-bg .main-header {
  display: flex;
  justify-content: space-evenly;
  background: #ffffff99;
}
.main-header-bg .main-header ul {
  list-style: none;
  text-transform: capitalize;
}
.main-header .main-navigation ul li a {
  color: var(--bs-black);
  text-decoration: none;
  padding: 0 25px;
  font-size: 15px;
  font-family: Display-Bold, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.about-banner-content span,
.features-card:hover h6,
.footer-btm a,
.footer-btm ul li a:hover,
.footer-head ul li a:hover,
.header-social-icons a:hover,
.main-header .main-navigation ul li a:hover,
span.clr-hd {
  color: var(--bs-light-blue);
}
.main-header .dropdown .dropdown-menu {
  box-shadow: 0 15px 35px var(--bs-black) 29;
  border-radius: 10px;
  opacity: 1;
  top: 40px;
  padding: 20px;
  background-color: rgb(255 255 255 / 36%);
  backdrop-filter: blur(24px);
  left: -33rem;
  -webkit-backdrop-filter: blur(24px);
}

html[dir="rtl"] .main-header .dropdown .dropdown-menu {
  right: -33rem;
  left: auto;
}

.main-header .dropdown .dropdown-menu ul li a {
  color: var(--bs-black);
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 10px 0 40px;
}

.main-navigation ul.nav li.dropdown:hover ul.dropdown-menu,
.serv_tech-bg .nav-pills .nav-link.active > img,
.tab_block > h3,
.tab_block_main .tab_content .tab_block.active,
img.lazy {
  display: block;
}

.main-navigation .dropdown-menu {
  line-height: 40px;
  width: max-content;
}

.animated-icon,
.footer-form-bg .form-content,
.header-content,
.main-btn,
.main-dropdown-arrow .button,
.navigation-wrapper > ul > li,
.serv_tech-head {
  position: relative;
}

.main-dropdown-arrow .button:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(315deg);
  left: -10px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--bs-purple);
  border-left: 0;
  border-top: 0;
  transition: 0.3s;
}

html[dir="rtl"] .main-dropdown-arrow .button:after {
  left: auto;
  right: -10px;
  transform: translateY(-50%) rotate(135deg);
  border-left: 0;
  border-top: 0;
  border-right: 2px solid var(--bs-purple);
  border-bottom: 2px solid var(--bs-purple);
}

.main-dropdown-arrow .button:hover:after {
  left: 3px;
}

html[dir="rtl"] .main-dropdown-arrow .button:hover:after {
  left: auto;
  right: 3px;
}

.navi-drop-hr {
  width: 80%;
  margin: 0 0 0 20px;
  border-color: #ccc;
}

html[dir="rtl"] .navi-drop-hr {
  margin: 0 20px 0 0;
  width: 80%;
}

.main-dropdown-arrow-w {
  width: 50rem;
}

.main-dropdown-arrow-w h2 {
  padding: 0 0 1rem;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background-image: url("../images/nav-bg.webp");
  padding: 0 0 3rem;
}
.closebtn,
.overlay-content a {
  padding: 8px;
  display: block;
  transition: 0.2s ease-in-out;
  -webkit-text-stroke: 1px var(--bs-white);
  color: transparent;
  text-decoration: none;
}
.overlay-content {
  position: relative;
  top: 5%;
  width: 60%;
  margin-top: 30px;
  left: 10%;
}
.overlay-content a {
  font-size: 75px;
}
.overlay .closebtn {
  position: absolute;
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  z-index: 1;
  top: 15px;
  right: 15px;
}
.closebtn {
  font-size: 75px;
  font-weight: 700;
}
.new-question-num,
.overlay-dropdown a {
  font-size: 50px !important;
}
.overlay-btn,
.overlay-btn p,
.stats-card span,
.study-card
  .item:hover
  .study-card-content
  .study-card-content-inner
  .overlay-btn,
.study-card .item:hover .study-card-content-back img {
  display: inline-block;
}
.contact-address ul,
.footer-head ul,
.overlay-content ul,
.study-head ul {
  list-style: none;
}
.overlay .accordion-flush .accordion-item {
  background-color: transparent !important;
}
.overlay .accordion-button {
  background-color: transparent;
  font-size: 75px;
  padding: 0;
  color: transparent;
}
.overlay .accordion-button::after {
  filter: brightness(0) invert(1);
  margin-left: 7rem;
}
.overlay .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.overlay .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.overlay-logo {
  width: 300px;
  margin: 0 0 4%;
}
.overlay-btn a {
  text-decoration: none;
  color: var(--bs-black);
}
.overlay-btn p {
  transition: 0.1s ease-in;
  margin: 0 0 0 0px;
  direction: ltr; /* Ensure arrow orientation */
}
.overlay-btn:hover p {
  transform: translateX(-20px);
}
.mobile-abt-bg{
  display: none;
}
.overlay-btn {
  cursor: pointer;
  transition: 0.5s;
  border: 1px solid var(--bs-white);
  padding: 15px 20px;
  color: var(--bs-white);
  background-color: transparent;
  text-decoration: none;
  border-radius: 50px;
  width: 200px;
  margin: 3% 0 0;
  font-weight: 600;
}
.overlay-btn:hover {
  color: var(--bs-white);
  border: 1px transparent;
  background: #44326e;
  background: linear-gradient(
    90deg,
    rgb(92 49 128) 20%,
    rgb(25 144 186 / 63%) 60%,
    #1990ba 100%
  );
  box-shadow: 0 0 5px 0 var(--bs-purple);
}
.overlay-btn-1 {
  color: var(--bs-black);
  border: 1px solid var(--bs-black);
  line-height: 20px;
  width: 170px;
  margin: 0 2rem 0 0;
}
.overlay-btn-2,
.overlay-btn-3 {
  width: auto;
  border: 1px solid var(--bs-black);
  color: var(--bs-black);
}
.main-header .overlay-btn-1 {
  margin: 0 2rem !important;
}
.overlay-btn-2 {
  margin: 2% 1.5% 0;
  padding: 15px 40px;
}
.main-btn .overlay-btn-3 {
  margin: 6% 0 1rem;
  padding: 15px 50px !important;
}
.overlay-btn-3 {
  margin: 2% 2% 0 0;
}
.header-carousel-bg .main-btn .overlay-btn-3 {
  margin: 3.5% 0 1rem;
}
.navigation-wrapper > ul > li:hover::before {
  content: "";
  position: absolute;
  bottom: 47%;
  left: -15%;
  height: 0;
  width: 0;
  z-index: 1;
  border-bottom: 1px solid var(--bs-light-blue);
  animation: 0.6s linear forwards border-move;
}
@keyframes border-move {
  100% {
    width: 30%;
  }
}
.navigation-hover-item {
  transition: 0.6s;
}
.navigation-hover-item:hover {
  transform: translate(20px, 0);
}
.header-top {
  padding-top: 10%;
}
.header-carousel-bg {
  height: 835px;
  overflow: hidden;
  position: relative;
  background-image: url("../images/header-bg.png");
}
.header-content {
  width: 90%;
  z-index: 999 !important;
  padding: 4rem 0 0;
}
.header-content h3 {
  color: var(--bs-black);
  font-size: clamp(18px, calc(1.125rem + ((1vw - 3.2px) * 0.5625)), 27px);
  font-weight: 400;
  line-height: normal;
  padding: 0 0 1%;
}
.header-content h1 {
  color: var(--bs-black);
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.9375)), 55px);
  font-weight: 700;
  padding: 0 19%;
}
.header-content p {
  padding-top: 1%;
}
.header-carousel-bg .owl-theme .owl-nav {
  color: var(--bs-black);
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 99%;
  top: 50%;
}
.header-carousel-bg .owl-theme .owl-nav button {
  font-size: 30px;
  width: 80px;
  height: 80px;
  border: 1px solid var(--bs-black);
  border-radius: 50px;
  transition: 0.5s;
}
.blog-bg .owl-theme .owl-nav button:hover,
.header-carousel-bg .owl-theme .owl-nav button:hover,
.services-bg .owl-theme .owl-nav button:hover {
  color: var(--bs-white);
  border: 1px solid transparent;
  background: linear-gradient(90deg, #1990ba 0, #44326e 100%);
}
.header-carousel-bg-css {
  background-size: cover;
  padding: 0 0 25rem;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.abt-bg,
.faqs-bg,
.home-abt-bg,
.process-bg {
  padding: 4rem 0;
}
.background-header {
  background-color: #ececec !important;
}
.abt-bg,
.services-bg,
.services-content {
  background-color: var(--bs-white);
}
.header-carousel-bg_1 {
  background-image: url("../images/header/banner_1.png");
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.header-carousel-bg_2 {
  background-image: url("../images/header/banner_2.png");
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.header-carousel-bg_3 {
  background-image: url("../images/header/banner_3.png");
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.header-clouds-images {
  position: absolute;
  width: 100%;
}
.header-clouds-images3 {
  position: absolute;
  width: 38% !important;
  right: -5px;
  bottom: 32%;
}
.header-social-icons a {
  color: var(--bs-black);
  padding: 0 10px;
  transition: 0.5s;
  font-size: 17px;
}
.clouds-upndown {
  -webkit-animation: 1s infinite alternate mover;
  animation: 1s infinite alternate mover;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
.abt-bg {
  position: relative;
}
.abt-background {
  background-image: url(../images/serv/abt-bg.png);
}
.abt-content h4 {
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
  font-weight: 400;
  text-transform: capitalize;
  color: var(--bs-black);
  padding-bottom: 0.5%;
}
.abt-content h3,
span.count,
span.count2 {
  font-weight: 700;
  text-transform: capitalize;
  color: var(--bs-black);
  font-style: normal;
}
.abt-content .abt-para {
  padding: 1.5rem 0 1rem;
}
.abt-img2 {
  top: auto;
}
.abt-bg .owl-theme .owl-dots .owl-dot span,
.faqs-bg .owl-theme .owl-dots .owl-dot span,
.serv-category-bg .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 5px;
  background: var(--bs-light-blue);
  transition: 0.5s;
}
.abt-bg .owl-theme .owl-dots .owl-dot.active span,
.abt-bg .owl-theme .owl-dots .owl-dot:hover span,
.faqs-bg .owl-theme .owl-dots .owl-dot.active span,
.faqs-bg .owl-theme .owl-dots .owl-dot:hover span,
.serv-category-bg .owl-theme .owl-dots .owl-dot.active span,
.serv-category-bg .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--bs-purple);
  width: 35px;
  height: 5px;
}
.awards-img img {
  height: 110px;
  object-fit: contain;
  margin: auto;
}
span.count,
span.count2 {
  text-align: center;
  font-size: clamp(50px, calc(3.125rem + ((1vw - 3.2px) * 0.9375)), 65px);
}
.counter-inner {
  margin: 10% 0 5%;
  text-align: center;
}
.counter-inner h4 {
  color: var(--bs-black);
  font-size: clamp(22px, calc(1.375rem + ((1vw - 3.2px) * 0.8125)), 35px);
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}
.process-card-1 h3,
.process-card-1 h5 {
  color: #44c4ff;
  text-transform: capitalize;
}
.stats-head {
  padding: 20px 0 0;
}
.counter-inner-border {
  border-right: 1px solid var(--bs-light-grey);
  border-left: 1px solid var(--bs-light-grey);
}
.process-carousel {
  padding: 5% 0 0;
}
.process-card {
  opacity: 0.8;
  transition: 0.5s;
}
.card:hover:before,
.process-card:hover {
  opacity: 1;
}
.process-card-1 h5 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.process-card-1 h3 {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.4px;
  position: relative;
}
.process-card-1 h3::before {
  position: absolute;
  content: "";
  width: 100px;
  bottom: -8px;
  left: 14px;
  border: 2px solid #44c4ff;
}
.process-card p {
  padding: 16% 0 0;
  font-weight: 400;
}
.process-card-2,
.process-card-3,
.process-card-5 {
  margin: 55% 0 0;
}
.process-card-2 h5 {
  color: #5044ff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
  text-transform: capitalize;
}
.process-card-2 h3 {
  color: #5044ff;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.4px;
  text-transform: capitalize;
  position: relative;
}
.process-card-3 h3,
.process-card-3 h5 {
  color: #852dee;
  text-transform: capitalize;
}
.process-card-2 h3::before {
  position: absolute;
  content: "";
  width: 110px;
  bottom: -8px;
  left: 15%;
  border: 2px solid #5044ff;
}
.process-card-3 h5 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.process-card-3 h3 {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.4px;
  position: relative;
}
.process-card-3 h3::before {
  position: absolute;
  content: "";
  width: 80px;
  bottom: -8px;
  left: 0;
  border: 2px solid #852dee;
}
.process-card-4 h5 {
  color: #ff44a0;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
  text-transform: capitalize;
}
.process-card-4 h3 {
  color: #ff44a0;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.4px;
  text-transform: capitalize;
  position: relative;
}
.process-card-5 h3,
.process-card-5 h5 {
  color: #ff445b;
  text-transform: capitalize;
}
.process-card-4 h3::before {
  position: absolute;
  content: "";
  width: 80px;
  bottom: -8px;
  left: 4%;
  border: 2px solid #ff44a0;
}
.process-card-5 h3::before,
.process-card-6 h3::before {
  position: absolute;
  content: "";
  width: 80px;
  bottom: -8px;
  left: 0;
}
.process-card-5 h5 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.process-card-5 h3 {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.4px;
  position: relative;
}
.process-card-5 h3::before {
  border: 2px solid #ff445b;
}
.process-card-6 h5 {
  color: #1c8a82;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.6px;
  text-transform: capitalize;
}
.blog-content h4,
.process-card-6 h3 {
  font-weight: 400;
  text-transform: capitalize;
}
.process-card-6 h3 {
  color: #1c8a82;
  font-size: 35px;
  letter-spacing: -1.4px;
  position: relative;
}
.process-card-6 h3::before {
  border: 2px solid #1c8a82;
}
.blog-bg {
  position: relative;
  padding: 4rem 0;
}
.blog-carousel-card {
  position: absolute;
  width: 85%;
  bottom: 10%;
  right: 0;
}
.blog-content {
  padding: 0 0 1%;
}
.blog-content h4 {
  color: var(--bs-black);
  padding-bottom: 0.5%;
}
.blog-content h3 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-weight: 700;
  text-transform: capitalize;
  color: var(--bs-black);
}
.blog-card-content p {
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 0 5px;
}
.blog-card-content h4 {
  color: var(--bs-black);
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
  font-weight: 700;
  text-transform: capitalize;
}
.blog-card {
  margin-bottom: 40px;
  padding: 0 10px;
}
.blog-img img {
  width: 500px !important;
  height: 375px;
  object-fit: cover;
  border-radius: 10px;
}
.blog-bg .owl-theme .owl-nav {
  color: var(--bs-black);
  display: flex;
  justify-content: end;
  position: absolute;
  width: 100%;
  top: -30%;
  right: 5%;
}
.abt-serv-box:hover h4,
.abt-serv-box:hover p,
.bages-bg .abt-content h3,
.bages-bg .abt-content h4,
.card1:hover,
.faqs-card .card1:hover,
.footer-content h3 a:hover,
.footer-head p,
.footer-social-icon h4,
.modal-head-form h4,
.services-content-img-2 h4,
.services-slide-1 ul li a,
.services-slide-1 ul li a:hover,
.study-card-content,
.study-content h2,
.study-head,
.study-head h2,
.study-head h4 {
  color: var(--bs-white);
}
.blog-bg .owl-theme .owl-nav button {
  font-size: 30px;
  width: 60px;
  height: 60px;
  border: 1px solid var(--bs-black);
  border-radius: 50px;
  transition: 0.5s;
}
.blog-card-margin {
  margin: 5% 0 0;
}
#expand-width {
  transition: 5s ease-in-out;
}
.bages-bg {
  padding: 4rem 0;
  background-image: url("../images/bg-logo.webp");
  background-repeat: no-repeat;
}
.bages-bg img {
  height: 120px;
  padding: 0 60px;
  object-fit: contain;
}
.bages-carousel {
  padding: 2% 0 0;
}
.trust-bages-bg {
  padding: 3rem 0;
  background-image: url(../images/tech-bg.webp);
  background-position: center;
}
.trust-bages-content h3 {
  font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 1.2153)), 30px);
  padding: 0 0 0.5rem;
  font-weight: 700;
}
.services-bg {
  width: 99%;
}
.services-slide-1 {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  padding: 0 0 8rem;
}
.services-slide-1-img {
  background-image: url("../images/serv/1/1.webp");
}
.services-slide-2-img {
  background-image: url("../images/serv/2/1.webp");
}
.services-slide-3-img {
  background-image: url("../images/serv/3/third.webp");
}
.services-slide-4-img {
  background-image: url("../images/serv/4/fourth.webp");
}
.services-slide-5-img {
  background-image: url("../images/serv/5/fifth.webp");
}
.services-slide-6-img {
  background-image: url("../images/serv/6/six.webp");
}
.services-slide-7-img {
  background-image: url("../images/serv/7/seven.webp");
}
.services-slide-8-img {
  background-image: url("../images/serv/8/eight.webp");
}
.services-slide-1 ul {
  column-count: 2;
}
.services-slide-1 ul li {
  padding: 0.5rem 0;
  color: #fff;
  margin: 0 0 0 2rem;
}
.services-slide-1 ul li a {
  transition: 0.5s;
}
.services-slide-1 ul li a:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.services-content {
  padding: 2rem;
}
.services-content span {
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.2px) * 1.5625)), 50px);
  padding: 0 0 0.5rem;
  font-weight: 700;
  font-family: Display-Regular;
}
.services-content p {
  text-wrap: balance;
}
.services-content-text {
  height: 400px;
}
.services-content-img-2 {
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  justify-content: left;
  padding: 5rem 0 0 2rem;
}
.services-content-img-01-img {
  background-image: url("../images/serv/1/3.png");
}
.services-content-img-02-img {
  background-image: url("../images/serv/2/3.png");
}
.services-content-img-03-img {
  background-image: url("../images/serv/3/3.png");
}
.services-content-img-04-img {
  background-image: url("../images/serv/4/3.png");
}
.services-content-img-05-img {
  background-image: url("../images/serv/5/3.png");
}
.services-content-img-06-img {
  background-image: url("../images/serv/6/3.png");
}
.services-content-img-07-img {
  background-image: url("../images/serv/7/3.png");
}
.services-content-img-08-img {
  background-image: url("../images/serv/8/3.png");
}
.services-content-img-2 h4 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-weight: 700;
  text-transform: uppercase;
}
.banner-text-rotate-2 {
  position: absolute;
  right: 10rem;
}
@keyframes rotateTxt {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.banner-text-rotate-2 .card-content {
  position: relative;
  height: 230px;
  width: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-text-rotate .txt-box,
.banner-text-rotate-2 .txt-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.3s;
  transform: translate(-50%, -50%);
}
.faqs-bg .question-num,
.new-question-num {
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: black;
}
.banner-text-rotate .txt-box .rotate-text,
.banner-text-rotate-2 .txt-box .rotate-text {
  position: relative;
  animation: 13s linear infinite rotateTxt;
  z-index: 999;
}
.banner-text-rotate-2 .rotate-text svg {
  fill: currentColor;
  height: auto;
  transform-origin: center;
  width: 170px;
  transition: 0.5s;
}
.banner-text-rotate-2 .rotate-text svg text {
  color: var(--bs-purple);
  font-size: 15px;
  letter-spacing: 1px;
}
.services-bg .owl-theme .owl-nav {
  color: var(--bs-white);
  display: flex;
  justify-content: end;
  position: absolute;
  width: 7%;
  top: 50%;
  right: 7%;
}
.services-bg .owl-theme .owl-nav button {
  font-size: 30px;
  width: 60px;
  height: 60px;
  border: 1px solid transparent;
  border-radius: 50px;
  transition: 0.5s;
  color: var(--bs-purple);
}
.case-study-bg {
  background-color: var(--bs-dard-purple);
  padding: 4rem 0;
}
.go-corner,
.study-card .item {
  background-color: var(--bs-purple);
}
.study-head h4 {
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.25)), 24px);
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 0.5%;
}
.faqs-content h3,
.study-content h2,
.study-head h2 {
  font-weight: 700;
  text-transform: capitalize;
}
.study-head h2 {
  font-size: clamp(30px, calc(1.875rem + ((1vw - 3.2px) * 0.9375)), 45px);
  font-style: normal;
}
.study-head ul li a {
  color: var(--bs-light-grey);
  padding: 5px 0;
}
.study-content h2 {
  font-size: clamp(22px, calc(1.375rem + ((1vw - 3.2px) * 0.8125)), 35px);
  padding: 0 0 2%;
}
.study-card {
  margin: 3% 0 0;
  display: flex;
  align-items: center;
}
.study-card .item {
  flex-grow: 1;
  position: relative;
  border: 1px solid var(--bs-black);
  transition: 0.3s ease-in-out;
  height: 310px;
  margin: 10px;
  border-radius: 10px;
}
.study-card .item:hover {
  flex-grow: 4.3;
  background-image: url("../images/case-study/1/bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #2c2f76;
}
.study-card .item2:hover,
.study-card .item3:hover {
  flex-grow: 4.3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.study-card .item2:hover {
  background-image: url("../images/case-study/2/bg.png");
  background-color: #120b35;
}
.study-card .item3:hover {
  background-image: url("../images/case-study/3/bg.png");
}
.study-card .item4:hover {
  flex-grow: 4.3;
  background-image: url("../images/case-study/4/bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.study-card .item:before {
  content: attr(data-order);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--bs-black);
}
.study-card-content-img {
  width: 215px;
  height: 120px;
  display: flex;
  justify-content: start;
  align-items: center;
  filter: brightness(0) invert(1);
}
.study-card-content {
  margin: 10px 20px;
  position: relative;
}
.study-card-content ul li {
  margin: 0 0 0 5%;
}
.study-card-content-inner h4 {
  padding: 0 0 2%;
  font-size: 16px;
}
.faqs-content h3,
.serv-category-content h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-style: normal;
}
.study-card-content .study-card-content-back img {
  width: 240px;
  position: absolute;
  top: -60px;
  right: 0;
  display: none;
}
.study-card-content .study-card-content-inner .overlay-btn {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

.faqs-bg .flip-box-front {
  background-image: url("../assets/images/faq.webp");
}
.faqs-bg .flip-box-header {
  font-size: 15px;
  text-align: left;
  color: #000;
  height: 50px;
}
.faqs-bg .question-num {
  color: #000;
  font-size: 50px;
  text-align: left;
    margin-bottom: 40px;
}
.new-question-num {
  color: #000;
  /*position: absolute;*/
}
.card1,
.go-arrow,
.serv-category-head,
.small h3 {
  color: var(--bs-white);
}
.go-corner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  border-radius: 0 4px 0 32px;
}
.card1,
.serv-category-card {
  background-color: var(--bs-light-blue);
}
.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
}
.card1 {
  display: block;
  position: relative;
  max-width: 100%;
  border-radius: 4px;
  padding: 32px 24px;
  margin: 10px 0 0;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  height: 350px;
}
.small h3 {
  transition: 0.3s ease-out;
}
.faqs-content h3 {
  color: var(--bs-purple);
  padding: 0 0 1rem;
}
.faqs-card {
  margin: 4%;
  border-radius: 10px;
}
.faqs-card .small {
  height: 220px;
  overflow: auto;
}
.stats-card-border1::before,
.stats-card-border2::before {
  height: 395px;
  width: 335px;
  top: 4%;
  left: 0;
  background-repeat: no-repeat;
  content: "";
}
.serv-category-bg {
  position: relative;
  padding: 30px 0;
  height: 600px;
}
.serv-category-content h4 {
  font-weight: 600;
  text-transform: capitalize;
  color: var(--bs-light-blue);
  padding-bottom: 1rem;
}
.serv-category-content h2,
.webdesign-content h1,
.webdesign-header-form h3 {
  color: var(--bs-black);
  font-weight: 700;
  text-transform: capitalize;
}
.serv-category-content h2 {
  padding: 0 0 1rem;
}
.serv-category-card {
  padding: 3rem 1.5rem;
  border-radius: 10px;
  transition: 0.5s;
}
.serv-category-card:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='400' height='500' preserveAspectRatio='none' viewBox='0 0 400 500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1247%26quot%3b)' fill='none'%3e%3crect width='400' height='500' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1248%26quot%3b)'%3e%3c/rect%3e%3cpath d='M225.5920827574034 291.8041314343701L308.10614687375784 251.55933334981106 267.8613487891988 169.04526923345662 185.34728467284435 209.29006731801564z' fill='rgba(25%2c 144%2c 186%2c 0.41)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-59.26 250.84 a90.91 90.91 0 1 0 181.82 0 a90.91 90.91 0 1 0 -181.82 0z' fill='rgba(25%2c 144%2c 186%2c 0.41)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M184.6520623437056 368.9714315825685L246.52829868736902 352.39174402360663 229.94861112840712 290.51550767994325 168.07237478474372 307.09519523890515z' fill='rgba(25%2c 144%2c 186%2c 0.41)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M118.78 258.05 a123.46 123.46 0 1 0 246.92 0 a123.46 123.46 0 1 0 -246.92 0z' fill='rgba(25%2c 144%2c 186%2c 0.41)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1247'%3e%3crect width='400' height='500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='50%25' x2='100%25' y2='50%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1248'%3e%3cstop stop-color='rgba(68%2c 50%2c 110%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(25%2c 144%2c 186%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
}
.serv-category-card img {
  width: 110px !important;
  height: 110px;
  margin: 0 0 8%;
}
.serv-category-card h3 {
  padding: 1rem 0 0.5rem;
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.4375)), 27px);
}
.serv-category-card p {
  height: 175px;
  overflow: auto;
  padding: 0 5px 0 0;
}
.serv-category-head {
  position: absolute;
  width: 63%;
  top: 3rem;
}
.webdesign-bg {
  background-image: url(../images/serv-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.webdesign-content h1 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-style: normal;
}
.webdesign-content img {
  width: 80% !important;
  object-fit: contain;
}
.webdesign-header-form {
  background-color: var(--bs-white);
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 30px 3px var(--bs-light-grey2);
  margin: 0 7%;
}
.webdesign-bg .overlay-btn-2 {
  margin: 6.5% 0 0;
}
.webdesign-header-form h3 {
  font-size: 35px;
  padding: 0 0 2%;
}
.cta-1-bg,
.cta-2-bg,
.cta-content h3,
.stats-card,
.stats-card span,
.stats-content h2 {
  color: var(--bs-white);
}
.webdesign-header-form input {
  line-height: 40px;
}
.webdesign-header-form label {
  padding: 1rem 0 0;
}
.stats-bg {
  padding: 30px 0;
  background-image: url("../images/stats-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stats-content h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 0 2%;
  text-align: center;
}
.stats-card {
  padding: 100px 0;
  position: relative;
  margin: 10px 0 0;
}
.stats-card span {
  padding: 10px 0;
}
.stats-card img {
  width: 80px !important;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
}
.stats-card h6 {
  font-size: 22px;
}
.cta-2-content h2,
.cta-2-content h4,
.cta-content h3 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
}
.stats-card-border1::before {
  position: absolute;
  background-image: url("../images/border-1.png");
}
.stats-card-border2::before {
  position: absolute;
  background-image: url("../images/border-2.png");
}
.stats-card-border-center {
  border-right: 1px solid var(--bs-light-blue);
}
.cta-1-bg {
  padding: 30px 0;
  background-image: url("../images/cta1-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.cta-content h3 {
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 0 1%;
  text-align: center;
}
.category-content h3,
.category-head h2 {
  color: var(--bs-black);
  font-weight: 700;
  text-transform: capitalize;
}
.cta-2-bg {
  padding: 50px 0 0;
  background-color: var(--bs-purple);
  border-radius: 0 100px 0 0;
}
.cta-2-content h2 {
  padding: 0 0 20px;
}
.cta-2-content h4 {
  padding: 0 0 10px;
}
section.new-process {
  padding: 60px 0;
  background: #5e2f7f;
  background: radial-gradient(circle, #5e2f7f 0, #050505 100%);
}
.appFrame .content p {
  line-height: 2.5;
}
.appFrame .content ul {
  padding-left: 5%;
  line-height: 2.5;
}
.category-bg {
  padding: 40px 0;
  height: 100%;
}
.category-content-head {
  position: sticky;
  height: 1400px;
}
.category-content {
  display: flex;
  box-shadow: 0 0 8px 1px var(--bs-bg-shadow);
  margin: 0 0 5%;
  padding: 30px;
  border-radius: 10px;
}
.category-head h2 {
  font-size: 40px;
  text-align: start;
}
.abt-serv-box,
.abt-serv-img,
.hd-txt,
.job-banner-content {
  text-align: center;
}
.category-content h3 {
  font-size: 30px;
}
.category-head img {
  height: 800px;
  margin: 0 auto;
}
.category-content-head-sticky {
  position: sticky;
  top: 50px;
}
.category-content span {
  font-size: 70px;
  display: block;
  transition: 0.3s;
  font-weight: 700;
  color: transparent;
  text-decoration: none;
  -webkit-text-stroke: 1px var(--bs-light-blue);
  margin: 0 0 -4%;
}
.popupMenu,
.serv_tech-bg h2,
.serv_tech-card h6,
.serv_tech-head a,
.tech-content h3 {
  color: var(--bs-black);
}
.tech-bg {
  padding: 30px 0;
  background-image: url("../images/logo-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.tech-content h3 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 0 0.5rem;
}
.serv_tech-bg h2,
.tech-content p {
  padding: 0 0 2rem;
}
.tech-bg .tech-carousel {
  margin: 0 0 1.5rem;
}
.tech-bg .tech-carousel img,
.tech-bg .tech2-carousel img {
  width: 86px !important;
  height: 86px !important;
}
.popupMenu {
  position: absolute;
  display: none;
  z-index: 1000000;
  background-color: var(--bs-white);
  width: 100px;
  padding: 0 !important;
}
.abt-serv-box:hover,
.footer-bg {
  background-color: var(--bs-purple);
}
.abt-serv-bg,
.features-bg,
.privacy-page,
.serv_tech-bg {
  padding: 30px 0;
}
.serv_tech-head a {
  font-size: clamp(16px, calc(1.0625rem + ((1vw - 3.2px) * 0.1875)), 20px);
  line-height: 44px;
  position: relative;
  transition: 0.3s;
  border-radius: 0 50px 50px 0 !important;
}
.serv_tech-head img {
  position: absolute;
  /* right: 0; */
  top: 0;
  left: 0;
  display: none;
  transform: scaleX(-1);


}
.serv_tech-bg .nav-pills .nav-link.active,
.serv_tech-bg .nav-pills .show {
    background: var(--bs-white);
    background: linear-gradient(90deg, #ffffff00 0, var(--bs-bg-shadow) 100%);
    font-weight: 700;
    color: var(--bs-black);
    border-radius: 0 50px 50px 0;
}


.serv_tech-bg h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  text-transform: capitalize;
}
.serv_tech-card {
  padding: 0 2rem 2rem;
}
.serv_tech-card img {
  width: 164px;
  height: 164px;
  padding: 0 0 1.5rem;
}
.serv_tech-card h6 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 0 0 2rem;
}
.footer-content h3,
.footer-content h3 a {
  font-size: 22px !important;
  font-weight: 700;
}
.serv_tech-inner {
  display: flex;
}
.serv_tech-inner p {
  padding: 5px 0;
}
.footer-bg {
  padding: 4rem 0 2rem;
  border-radius: 0 100px 0 0;
}
.new__project {
  padding: 3% 0;
}
.footer-social-icon > ul {
  justify-content: center;
  width: 100%;
}
.footer-logo {
  padding: 0 0 3%;
}
.footer-content h3 {
  color: var(--bs-white);
  text-transform: capitalize;
  line-height: 33px;
}
.footer-content h3 a {
  color: var(--bs-light-blue);
  text-transform: none;
  transition: 0.5s;
}
.copyright-link ul,
.footer-social-icon ul {
  display: flex;
  list-style: none;
}
.footer-social-icon li a {
  color: var(--bs-white);
  font-size: 25px;
  display: inline-block;
  transition: 0.3s;
}
.footer-social-icon li a:hover {
  color: var(--bs-white) !important;
}
.footer-head h4 {
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
  color: var(--bs-white);
  padding: 0 0 5px;
}
.modal-head-form h3,
.privacy-page h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
}
.footer-head ul li a {
  display: flex;
  color: var(--bs-white);
  transition: 0.4s;
  padding: 2px 0;
}
.footer-head ul li i {
  padding: 5px 15px 0 0;
}
.footer-head ul li svg {
  padding: 5px 5px 0 0;
}
.footer-head {
  margin: 20% 0 8%;
}
.footer-btm {
  display: flex;
  justify-content: space-between;
  color: var(--bs-white);
}
.footer-btm ul {
  list-style: none;
  display: flex;
}
.footer-btm ul li {
  font-size: 16px;
}
.footer-btm ul li a {
  color: var(--bs-white);
  padding: 0 10px;
}
.flotaing-icons {
  display: flex;
  position: fixed;
  bottom: 1em;
  left: 1.5em;
  flex-direction: column;
  z-index: 9;
}
.flotaing-icons .img-wrapper a {
  margin-bottom: 1em;
  padding: 0.9em;
  background: var(--bs-purple);
  border-radius: 50px;
  transition: 0.8s ease-in-out;
  border: 1px solid var(--bs-white);
  display: flex;
}
.flotaing-icons .img-wrapper svg {
  height: 20px;
  width: 20px;
  display: flex;
}
.flotaing-icons .whatsapp a:hover {
  background: #25d366;
}
.flotaing-icons .phone a:hover {
  background: #17aef3;
}
.flotaing-icons .email a:hover {
  background: #dcdcdc;
}
.cta-footer-btm-bg .pulse,
.flotaing-icons .pulse {
  background: var(--bs-purple);
  animation: 3s linear infinite animate-pulse;
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 var(--bs-purple), 0 0 0 0 var(--bs-dard-purple);
  }
  40% {
    box-shadow: 0 0 0 10px rgba(255, 109, 74, 0), 0 0 0 0 var(--bs-purple);
  }
  80% {
    box-shadow: 0 0 0 10px rgba(255, 109, 74, 0),
      0 0 0 10px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 10px rgba(255, 109, 74, 0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.main-modal-bg .form-floating > label {
  left: 19px;
}
.modal-head-form input {
  border-radius: 10px;
  background-color: #ffffff96;
}
.modal-head-form h3 {
  color: var(--bs-white);
  padding: 0 0 8px;
  font-weight: 700;
}
.privacy-page h2,
.privacy-page h3 {
  color: var(--bs-purple);
  font-weight: 700;
}
.modal-head-img img {
  /* position: absolute; */
  width: 100%;
  bottom: 0;
  left: -45px;
}
.main-modal-bg .btn-close {
  box-sizing: content-box;
  width: 1.5em;
  filter: invert(100%);
  height: 1.5em;
}
.main-modal-bg .modal-content {
  border-radius: 25px;
  border: 1px solid var(--bs-purple);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1017%26quot%3b)'%3e%3c/rect%3e%3cpath d='M 0%2c39 C 57.6%2c85.4 172.8%2c266.2 288%2c271 C 403.2%2c275.8 460.8%2c64.6 576%2c63 C 691.2%2c61.4 748.8%2c269.6 864%2c263 C 979.2%2c256.4 1036.8%2c29.6 1152%2c30 C 1267.2%2c30.4 1382.4%2c218 1440%2c265L1440 560L0 560z' fill='rgba(25%2c 144%2c 186%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c512 C 96%2c483.4 288%2c373.6 480%2c369 C 672%2c364.4 768%2c486.6 960%2c489 C 1152%2c491.4 1344%2c402.6 1440%2c381L1440 560L0 560z' fill='rgba(68%2c 50%2c 110%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='15.28%25' y1='-39.29%25' x2='84.72%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1017'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='%2300459e' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.privacy-page h2 {
  margin: 0 0 2%;
}
.privacy-page h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
.privacy-page p {
  color: var(--bs-black);
  font-size: 16px;
  margin-bottom: 29px;
}
.about-banner-content h1,
.abt2-content h2,
.hd-txt h2,
.portfolio-publish-head h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
}
.privacy-page ul li {
  list-style: circle;
  color: var(--bs-black);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 16px;
}
.contact-bg {
  padding: 30px 0 !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.form-input input {
  background-color: var(--bs-white);
  border-radius: 0 50px 50px 0 !important;
  height: 50px;
}
.form-input span {
  background-color: #ffffffc2 !important;
  border-radius: 50px 0 0 50px;
}
.form-submit {
  background: var(--bs-purple);
  background: linear-gradient(264deg, #5e3382 0, #524288 25%, #1990ba 100%);
  color: var(--bs-white);
  border-radius: 50px;
  padding: 10px 50px;
  border: none;
  text-decoration: none;
}
.contact-address ul li a {
  color: var(--bs-black);
  font-size: 18px;
  padding: 5px 0;
  display: flex;
}
.contact-address ul li i {
  padding: 7px;
  color: var(--bs-purple);
}
.contact-address ul li svg {
  padding: 5px 5px 0 0;
  color: var(--bs-light-blue);
}
.contact-address {
  padding: 5rem 0 0;
}
.about-banner-bg {
  background-image: url("../images/banner.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.abt-serv-img,
.serv-btn {
  background: var(--bs-white);
}
.about-banner-side {
  position: relative;
  top: 15%;
  right: 0;
}
.about-banner-side img {
  width: 900px;
  margin: 7rem 0 0;
}
.about-banner-content {
  margin: 50% 0 20%;
  position: relative;
}
.about-banner-content::before {
  content: "";
  background-image: url("../images/shape1.png");
  width: 80px;
  height: 100px;
  position: absolute;
  right: 10%;
  top: 2.3%;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
}
.hd-txt h2,
.portfolio-publish-head h2 {
  font-weight: 600;
  width: auto;
}
.abt-serv-box {
  background-color: var(--bs-white);
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 56px;
  margin: 50px 0 0;
  position: relative;
  transition: 0.5s ease-in-out;
}
.abt-serv-box:hover {
  background-image: url("../images/serv-hvr-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.abt-serv-box span {
  position: absolute;
  left: 20px;
  font-size: 40px;
  font-weight: 700;
  color: var(--bs-white);
  top: 10px;
}
.abt-serv-img {
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -70px auto 0;
  border: 1px solid;
  border-radius: 60%;
}
.serv-main-col {
  margin: 0;
}
.abt-serv-box h4 {
  font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
  font-weight: 600;
  padding: 15px 0;
  position: relative;
}
.abt-serv-bg .hd-txt {
  padding: 40px;
}
.abt-serv-box h4:before {
  content: "";
  background: var(--bs-dard-purple);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 1px;
  bottom: 8px;
}
.abt-serv-box p {
  color: var(--bs-light-grey);
  font-size: 16px;
  width: 90%;
  margin: 0 auto 15px;
  height: 250px;
  overflow: hidden;
}
img.abt-serv-img-hvr {
  position: absolute;
}
.serv-btn {
  border: 1px solid var(--bs-dard-purple);
  border-radius: 50px;
  padding: 5px 20px;
  display: table;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--bs-black);
}
.cta-footer-btm-bg,
.footer-form-bg .form-content-btn a,
.footer-form-bg .form-content-btn i,
.footer-form-bg .form-submit,
.footer-form-bg .form-submit i {
  color: var(--bs-white);
  color: var(--bs-white);
}
s .serv-btn-st .bnr-btn {
  justify-content: center;
  margin-bottom: 0;
  margin-top: 40px;
}
hr.divider-serv {
  color: var(--bs-purple);
  height: 2px;
  top: 16px;
  position: relative;
}
.portfolio-publish-head p {
  padding: 0 0 0.5rem;
}
.abt2-bg {
  padding: 30px 0 100px;
}
.abt2-content p {
  font-size: 17px;
  padding: 17px 0;
}
.abt2-content h6 {
  font-family: angelina;
  color: var(--bs-purple);
  font-size: clamp(22px, calc(1.375rem + ((1vw - 3.2px) * 1.125)), 40px);
}
.features-content h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  color: var(--bs-light-blue);
}
.features-content p {
  color: var(--bs-black);
  padding: 10px 0;
}
.features-card {
  box-shadow: 0 0 15px 1px var(--bs-bg-shadow);
  padding: 30px;
  border-radius: 10px;
  margin: 10px;
  width: 240px;
  transition: 0.5s;
  border: 2px solid var(--bs-light-grey);
}
.features-card:hover {
  border: 2px solid var(--bs-purple);
}
.features-card img {
  width: 50px;
}
.features-card h6 {
  color: var(--bs-black);
  padding: 20px 0 10px;
  font-weight: 600;
  text-transform: capitalize;
}
.footer-form-bg {
  padding: 80px 0 0;
}
.background-design-bg {
  padding: 80px 0 0;
}
.footer-form-bg .form-input input {
  background-color: #ffffffc2;
  border-radius: 0 10px 10px 0 !important;
  height: 50px;
}
.footer-form-bg .form-input span {
  background-color: var(--bs-white);
  border-radius: 10px 0 0 10px;
}
.footer-form-bg .form-submit {
  background: var(--bs-purple);
  background: linear-gradient(
    264deg,
    var(--bs-purple) 0,
    #524288 25%,
    var(--bs-light-blue) 100%
  );
  border-radius: 50px;
  padding: 10px 50px;
  border: none;
  text-decoration: none;
}
.footer-form-bg .form-content-btn a {
  background: var(--bs-purple);
  background: linear-gradient(
    118deg,
    var(--bs-purple) 0,
    var(--bs-light-blue) 100%
  );
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin: auto 0 auto 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.footer-form-bg .form-content-btn::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: #d3d3d3;
  z-index: -1;
  left: 24%;
  top: -35px;
  border-radius: 100px;
}
.footer-form-bg .form-content-btn i {
  font-size: 28px;
}
.footer-form-bg .form-submit i {
  font-size: 17px;
  padding: 0 0 0 15px;
}
.cta-footer-btm-bg .img-wrapper {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.cta-footer-btm-content {
  display: flex;
  justify-content: center;
  align-self: center;
}
.cta-footer-btm-content a {
  background-color: var(--bs-light-blue);
  padding: 10px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 50px;
  border: 1px solid var(--bs-white);
}
.card2 img,
.card:before,
.industry-cards .card {
  display: block;
  height: 100%;
}
.cta-footer-btm-content svg {
  width: 25px;
  margin: 0 auto;
}
.cta-footer-btm-bg {
  padding: 10px 0;
  display: none;
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
span.my-count {
  font-size: 65px;
  font-weight: 900;
}
.job-banner-side {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25%;
}
.job-box {
  margin: 20px;
  padding: 25px 50px;
  border: 1px solid #000;
  color: #000;
  border-radius: 20px;
  transition: 0.5s;
}
.job-box:hover {
  background: linear-gradient(270deg, #00b7d7 -25%, #5c2c7c 100%) !important;
  color: #fff;
}
.job-icon {
  width: 100px;
  height: fit-content;
  margin-bottom: 20px;
}
.awards-logo img,
.card img,
.industry-img,
.job-icon img,
.new-footer-gif img,
.web-form-ani img,
.webdesign-header-img img {
  width: 100%;
  height: 100%;
}
.job-box h3 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 30px);
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}
.color-white,
.copyright p a,
.job-box:hover h3,
.process-title p {
  color: #fff;
}
.job-button {
  border: 1px solid var(--bs-dard-purple);
  border-radius: 50px;
  padding: 5px 20px;
  display: table;
  margin-top: 30px;
  color: var(--bs-black);
  background: var(--bs-white);
}
.job-banner-content {
  margin: 0 15% 4%;
  position: relative;
}
.job-img {
  width: 100%;
  height: 500px;
}
.ba-images img,
.job-img img,
.logo-shows img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.job-img iframe {
  width: 100%;
  height: 600px;
}
.animated iframe {
  width: 100%;
  height: 450px;
}
.form-label {
  width: 100% !important;
}
.job-detail {
  line-height: 35px;
}
.padding-class {
  padding: 7px 20px !important;
}
label.form-label {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.abt-content h3,
.services-content-2 h2 {
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.2px) * 1.5625)), 50px);
}
.abt-content h3 {
  padding: 0 0 2rem;
}
.abt-content h3 span {
  color: var(--bs-light-blue);
  font-weight: 700;
}
.abt1-img {
  padding: 3rem 000;
}
.clients-bg {
  position: relative;
  height: 700px;
}
.clients-bg .flip-box .inner {
  text-align: left;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 30px;
  outline: transparent solid 1px;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
}
.card:hover .info,
.industry-cards .card:hover .card__header,
.industry-cards .card:hover .card__overlay {
  transform: translateY(0);
}
.clients-bg .flip-box-front .inner {
  top: 85% !important;
}
.clients-bg .owl-item {
  width: 355px !important;
}
.clients-bg .flip-box-header {
  margin-top: 20px;
  font-size: 25px;
}
.services-content-2 p.clients-heading {
  color: #000;
  padding: 0;
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.2px) * 1.5625)), 50px);
  font-family: Display-Bold !important;
}
.services-content-2 p {
  text-wrap: balance;
  color: #000;
  padding: 0 0 1rem;
}
.clients-carousel {
  position: absolute;
  width: 92.4%;
  padding: 8rem 0 0;
}
.card2 {
  height: 450px;
  width: 90%;
  overflow: hidden;
}
.card .info {
  position: absolute;
  bottom: 20px;
  z-index: 3;
  color: var(--bs-white);
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s;
  margin: auto 0 0;
  padding: 20px;
}
.card:hover .info {
  opacity: 1;
}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.30575980392156865) 0,
    rgba(0, 0, 0, 0.896796218487395) 100%
  );
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
}
.industry-cards .card__header,
.industry-cards .card__overlay {
  background: linear-gradient(270deg, #00b7d7 -25%, #5c2c7c 100%) !important;
  transition: 0.2s ease-in-out;
}
.clients-carousel h4 {
  color: #000;
  padding: 1rem 0 0;
  font-size: clamp(16px, calc(1rem + ((1vw - 3.2px) * 0.375)), 22px);
  text-align: center;
}
.clients-bg .owl-item {
  margin: 0 !important;
}
.card2 img {
  width: 100%;
  object-fit: cover;
}
.info p {
  font-family: Display-Regular;
  letter-spacing: 1px;
  font-size: 15px;
  margin-top: 8px;
  text-align: left;
}
.industry-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  list-style-type: none;
}
.industry-cards .card {
  position: relative;
  border-radius: 40px;
  border: none;
  overflow: hidden;
  text-decoration: none;
}
.industry-cards .card:before,
.mobile-services,
.mobile-testimonial,
.tab_block_main .tab_content .tab_block,
section.mobile-blog {
  display: none;
}
.industry-cards .card__image {
  width: 100%;
  height: auto;
}
.industry-cards .card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-radius: 40px;
  transform: translateY(100%);
}
.industry-cards .card__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2em;
  padding: 2em;
  border-radius: 40px 0 0;
  transform: translateY(-100%);
}
.industry-cards .card__arc {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 100%;
  right: 0;
  z-index: 1;
}
.industry-cards .card__arc path {
  fill: #1697c2;
}
.industry-cards .card__thumb {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.industry-cards .card__title {
  font-size: 25px;
  margin: 0 0 0.3em;
  color: #fff;
}
.industry-cards .card__tagline {
  display: block;
  margin: 1em 0;
  font-family: MockFlowFont;
  font-size: 0.8em;
  color: #d7bdca;
}
.industry-cards .card__status {
  font-size: 0.8em;
  color: #d7bdca;
}
.card__description {
  text-align: justify;
  padding: 0 2em 2em;
  margin: 0;
  color: #d7bdca;
  font-family: MockFlowFont;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.client__content__img > p,
.main__card {
  font-family: "Be Vietnam Pro", sans-serif;
}
.industry {
  text-align: center;
  overflow: hidden;
}
.industry h4 {
  margin-top: 1rem !important;
  width: 90%;
}
.box-item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 415px;
  margin-bottom: 35px;
  max-width: 100%;
}
.custom-slider-width {
  width: 100%;
}
.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  padding: 0px 5px;
}


.flip-box h4 a {
    color: black;
}
.flip-box h4 a:hover {
    color: #129ac1;
}
.flip-box-back,
.flip-box-front {
  background-size: cover;
  background-position: center;
  min-height: 475px;
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.faqs-bg .flip-box-back,
.faqs-bg .flip-box-front {
  background-size: cover;
  background-position: center;
  min-height: 360px;
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flip-box-front,
.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#card1,
#card3,
.main__card,
.scroll,
.video-banner,
.video-bg {
  position: relative;
}
.faqs-bg .flip-box .inner {
  width: 100%;
  padding: 30px;
  outline: transparent solid 1px;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}
.client-slider .flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  height: 200px;
  padding: 30px;
  outline: transparent solid 1px;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
}
.client-slider .flip-box .inner {
  height: auto;
}

.animated-icon:after,
.animated-icon:before {
  width: 500px;
  height: 2px;
  background: #d4d4d4;
  position: absolute;
  top: 65%;
  content: "";
}
.flip-box-header {
  font-size: 34px;
}
.flip-box p {
font-size: 15px;
  line-height: 1.5em;
  text-align: left;
}
.flip-box-img {
  margin-top: 25px;
}
.flip-box-button {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  margin-top: 25px;
  padding: 15px 20px;
  text-transform: uppercase;
}
.animated-icon:before {
  right: 54%;
}
.animated-icon:after {
  left: 54%;
}
.scroll {
  animation: 1.5s infinite down;
  -webkit-animation: 1.5s infinite right;
}
.scroll img {
  width: 25px;
  height: 20%;
}
@keyframes right {
  0%,
  40% {
    transform: translate(0);
  }
  20% {
    transform: translatex(15px);
  }
}
@-webkit-keyframes right {
  0%,
  40% {
    transform: translate(0);
  }
  20% {
    transform: translatex(15px);
  }
}
.client__img > img {
  object-fit: cover;
  height: 40px !important;
  border-radius: 50% !important;
}
.cards__testimonial {
  padding: 6% 0;
}
.card__stars > ul {
  display: flex;
  gap: 0.6rem;
  padding: 0;
  list-style: none !important;
}
.client__content > ul {
  display: flex;
  gap: 0.6rem;
  padding: 0;
}
.client__content > ul > li > img {
  width: 76% !important;
  object-fit: cover;
  display: block;
}
.card__content > p {
  margin: 1rem 0;
}
.main__card {
  background: #5e2f7f;
  color: #fff;
  padding: 40px 30px;
  border-radius: 27px;
}
.horizantal__line {
  border: 1px solid #fff;
  margin-bottom: 10px;
}
.client__img > img {
  width: 40px !important;
  object-fit: cover;
  display: block;
}
.client__content__img > p {
  font-size: 14px;
  margin: 5px 0 0;
  line-height: 24px;
}
.client_card__content {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.main__card__blue {
  background: #1399c1;
}
.main__card__dark__pink {
  background: #8c4aba;
}
.animate #card1 {
  animation: 2s infinite moveLeftFromSecondCard;
}
.animate #card3 {
  animation: 2s infinite moveRightFromSecondCard;
}
@keyframes moveLeftFromSecondCard {
  0% {
    transform: translateX(0) scale(1);
    left: 100px;
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    left: 0;
    opacity: 1;
  }
}
@keyframes moveRightFromSecondCard {
  0% {
    transform: translateX(0) scale(1);
    right: 100px;
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    right: 0;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .cards__testimonial {
    padding: 4% 0;
  }
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
  .main__card {
    padding: 30px 20px;
  }
  .card__stars > ul,
  .client__content > ul {
    gap: 0.3rem;
  }
  .client__content > ul > li > img {
    width: 60% !important;
  }
  .main__card__blue,
  .main__card__dark__pink {
    padding: 30px 20px;
    margin: 21px;
  }
  .client__img > img {
    width: 30px !important;
  }
  .animate #card1,
  .animate #card3 {
    animation: none;
    transform: none;
    opacity: 1;
    left: 0;
    right: 0;
    margin: 21px;
  }
}
.footer-header {
  padding-left: 25px !important;
}
.icon-section-heading {
  padding-top: 40px;
}
.mean-nav {
  width: 250px;
  margin: 50px auto;
}
.mean-nav .nav-link {
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #fff;
}
.mean-nav .dropdown-menu .dropdown-item {
  color: #fff !important;
  font-size: 16px;
  padding: 10px 20px;
}
.case-studies-image {
  padding-top: 200px !important;
}
.video-bg {
  width: 100%;
  height: 900px;
  object-fit: cover;
  z-index: -1;
}
.banner-content-1 {
  background: #ffffff99;
  padding: 20px;
  border-radius: 20px;
}
.video-overlay {
  width: 100%;
  position: absolute;
  top: 0;
  height: 900px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.banner-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  height: 400px;
}
.banner-content-1 .pera {
  color: #000;
  font-size: 20px;
}
.banner-content-1 .overlay-btn-3 {
  color: #000;
  border: 1px solid #000;
  width: auto;
  margin: 2% 2% 0 0;
}
.banner-content h2 {
  color: #fff;
  font-size: 65px;
  text-align: end;
}
.services-title {
  padding: 20px 0;
}
.services-links p a {
  font-size: 20px !important;
  color: #000;
}
.services-links p {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}
.copyright p a:hover,
.services-links p a:hover {
  color: #129ac1;
}
.webdesign-content ul li {
  list-style: none;
  margin-top: 15px;
}
.webdesign-content .pera,
.webdesign-header-icons {
  margin-top: 20px;
}
.stats-content h2 {
  color: #fff;
  margin-top: 25px;
}
.show,
.stats-card-new {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.webdesign-header-img-1 {
  height: 110px;
  object-fit: scale-down;
  text-align: center;
}
section.before-after,
section.new-footer {
  padding: 50px 0;
}
.tab_block_main .tab_content {
  display: inline-block;
  width: 100%;
}
.tab_block_main .tab_options {
  display: flex;
  padding: 0;
  border-bottom: 1px solid #129ac1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.tab_block_main .tab_options > li {
  float: left;
  font-size: 20px;
  color: #333;
  line-height: normal;
  list-style: none;
  margin-bottom: -1px;
}
.tab_block_main .tab_options > li a {
  color: #333;
  text-decoration: none;
  text-align: center;
  border-bottom: 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 0.5rem 1rem;
  display: block;
}
.tab_block_main .tab_options > li a.active,
.tab_block_main .tab_options > li a:hover {
  color: #5e2f7f;
  background-color: #fff;
  border-color: #5e2f7f #5e2f7f #fff;
}
.logo-shows {
  margin-bottom: 25px;
  width: 30%;
  height: 100px;
}
.web-form h3 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
  padding: 0.5rem 0;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--bs-black);
  text-align: center;
}
.web-form-ani iframe {
  width: 100%;
  height: 95px;
}
section.awards {
  padding-top: 30px;
  padding-bottom: 85px;
}
.new-logo h2,
.new-logo p.new-logo-seo,
.process-title span {
  padding: 0 0 0.5rem;
  font-weight: 700;
  text-align: center;
}
.new-logo p.new-logo-seo {
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.2px) * 1.5625)), 50px);
}
.awards-logo {
  width: 100%;
  height: 150px;
  margin-top: 25px;
}
article.accordion section {
  position: relative;
  display: block;
  float: left;
  width: 8%;
  height: 600px;
  margin: 0.5em 0;
  color: #666;
  background-color: transparent;
  border: 1px solid #fff;
  overflow: hidden;
  border-radius: 3px;
}
article.accordion section .content {
  display: none;
  opacity: 0;
  transition: opacity 1s;
}
article.accordion section.active .content {
  display: block;
  opacity: 1;
  margin-top: 130px;
}
article.accordion section span {
  position: absolute;
  font-size: 1em;
  font-weight: 700;
  width: 600px;
  height: 13.1%;
  bottom: -13.1%;
  left: 18%;
  text-indent: 1em;
  padding: 0;
  margin: 0;
  color: #ddd;
  transform-origin: 0 0;
  transform: rotate(-90deg);
}
article.accordion section span a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  font-size: 32px;
  outline: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
p.new-process-step {
  font-size: 20px;
}
article.accordion section.active {
  width: 52%;
  padding: 1em 3em;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  /*display: flex;*/
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
article.accordion section.active span {
  position: relative;
  font-size: 1.3em;
  text-indent: 0;
  transform: rotate(270deg);
  margin-top: auto;
  left: 0;
}
article.accordion section.active span a {
  font-size: 50px;
  color: #44225b;
  width: 600px;
  position: absolute;
  text-align: left;
}
article.accordion section.active span .new-process-step {
  font-size: 30px;
}
.appFrame .content ul li {
  font-weight: 600;
}
.process-title span {
  font-size: 40px;
  color: #fff;
  font-family: Display-Bold !important;
}
.home-form {
  background: #f4f4f4;
  padding-top: 50px;
}
.new-footer-bg {
  background: #4d2768;
  background: linear-gradient(90deg, #4d2768 0, #23142e 82%);
}
.new-top-footer {
  background: #fff;
  padding: 50px 0;
  border-radius: 0 0 80px 80px;
}
.new-footer-content h3 {
  font-size: 50px;
  text-transform: uppercase;
  -webkit-text-stroke-width: 4px;
  color: #5e2f7f;
}
.new-footer-content p {
  color: #000;
  font-size: 22px;
  padding-top: 30px;
}
.footer-title-sec,
.footer-title-sec-2 {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
}
.footer-title-sec:before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: #ffffffa1;
  margin-bottom: 20px;
}
.new-footer-gif {
  width: 30%;
}
.services-link ul {
  margin-top: 30px;
}
.services-link ul li {
  list-style: none;
  color: #fff;
  font-size: 17px;
  font-weight: 100;
  margin-right: 25px;
}
.subscribe {
  color: #fff;
  padding-top: 30px;
  font-size: 30px;
}
.subscribe-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 10px;
  border-bottom: 1px solid #ffffffa1;
}
.subscribe-form-1 {
  width: 80%;
}
input.subscribe-form-email {
  background: 0 0;
  border: 0;
  font-size: 22px;
  font-family: Display-Regular !important;
  outline: 0;
  color: white;
}
.new-footer-icons p {
  color: #fff;
  font-size: 30px;
  margin-top: 40px;
}
.footer-address ul li {
  list-style: none;
  color: #fff;
  font-size: 19px;
  font-weight: 100;
  margin-top: 20px;
}
.copyright p,
.copyright-link ul li {
  font-size: 20px;
  color: #fff;
}
.copyright-link {
  display: flex;
  justify-content: flex-end;
}
.logos-slide,
.logos-slide2 {
  display: inline-block;
  margin-right: 15px;
}
.copyright p {
  text-transform: capitalize;
}
.bor-top {
  border-top: 1px solid #ffffffa1;
}
li.bor-link {
  border-left: 1px solid #fff;
}
.tab_options li {
  margin: 0 20px;
}
.web-form-ani {
  width: fit-content;
  height: 600px;
}
.web-form .form-control {
  color: #212529;
  background-color: #f9f9f9 !important;
  border: 1px solid #656565 !important;
}
/* .logo-slider,
.logo-slider2 {
  overflow: hidden;
  padding: 30px 0 0;
  white-space: nowrap;
  position: relative;
}
.logos-slide {
  animation: 45s linear infinite slide;
}
.logos-slide img,
.logos-slide2 img {
  width: 200px;
  height: 83px;
  background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(255 255 255 / 1%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  margin: 0 6px;
} */
.ba-title h3,
.ba-title h6 {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 900;
}
.logo-slider,
.logo-slider2 {
    overflow: hidden;
    padding: 30px 0 0;
    white-space: nowrap;
    position: relative;
}

.logos-slide,
.logos-slide2 {
    display: inline-flex; /* Ensure slides align horizontally */
    width: max-content; /* Allow slides to take natural width */
}

.logos-slide {
    animation: 45s linear infinite slide;
}

.logos-slide2 {
    animation: 45s linear infinite slide2;
}

.logos-slide img,
.logos-slide2 img {
    width: 200px;
    height: 83px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(255 255 255 / 1%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    margin: 0 6px;
}

/* LTR animations */
@keyframes slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Move left for LTR, adjusted for cloned slides */
}

@keyframes slide2 {
    0% { transform: translateX(-50%); } /* Start offset for cloned slides */
    100% { transform: translateX(0); } /* Move right for LTR */
}

/* RTL animations */
html[dir="rtl"] .logos-slide {
    animation: 45s linear infinite slide-rtl;
}

html[dir="rtl"] .logos-slide2 {
    animation: 45s linear infinite slide2-rtl;
}

@keyframes slide-rtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); } /* Move right for RTL */
}

@keyframes slide2-rtl {
    0% { transform: translateX(50%); } /* Start offset for cloned slides */
    100% { transform: translateX(0); } /* Move left for RTL */
}

.new-submit {
  background: 0 0;
  border: none;
  font-size: 36px;
  font-weight: 100;
  margin: 0;
  padding: 0;
  height: 20px;
  color: #fff;
}
.ba-title h3 {
  color: #000;
  font-size: 40px;
}
.ba-title p {
  text-align: center;
  padding-bottom: 50px;
  margin-top: 30px;
}
.ba-title h6 {
  font-size: 25px;
  color: #44326e;
}
footer ul li a {
  text-decoration: none;
  color: #fff;
}
footer ul li a:hover {
  text-decoration: none;
  color: #129ac1;
}
p.services-dess {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}

.abt-bg-title {
    text-align: center;
    margin-bottom: 87px;
}
.abt-bg-title span {
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 10px;
    font-family: Display-Regular !important;
}

.abt-bg-title p {
    width: 70%;
    margin: 0 auto;
}

.cards__testimonial .testimonial-pera {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.process-des {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

/* counter */

section.new-counter {
  padding: 50px 0;
  background: #E6E6E6;
  margin-top: -4px;
}

.counter {
  text-align: center;
}

.counter p.counter-desktop-seo {
  font-size: 65px;
  color: #44326e;
}

.counter p.counter-desktop-seo {
  width: 70%;
color: #44326e;
margin: 0 auto;
}


.border-right {
  border-right: 1px solid #0000006e;
}

.same-height{
    height: 54px;
    color: #828282 !important;
}


.form-group {
    position: relative;
}

.form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px; /* Space for the icon */
}

.form-group .fa-chevron-down {
    position: absolute !important;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none; /* Make sure clicks pass through the icon */
}

.form-control-heith {
    height: 50px;
        color: #6c757d !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}



:root {
  --main-font: "Be Vietnam Pro", sans-serif;
}

/* section 1 */

.wrapper {
  padding-top: 15%;
  padding-bottom: 5%;
  background-image: url("https://aundigital.ae/assets/images/bg-img.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.study-cls {
  color: #000000;
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.24px;
  text-align: left;
  display: flex;
  padding: 0px 0px 50px 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

h2.study-cls:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #5e2f7f;
  z-index: 999;
  position: relative;
  margin-right: 30px;
}

.heading1 {
  font-family: Be Vietnam Pro;
  font-size: 75px;
  font-weight: 700;
  line-height: 94.88px;
}

ul.menu {
  display: flex;
  padding-left: 0px;
}

ul.menu li {
  list-style: none;
}

ul.menu li a {
  text-decoration: none;
  margin-right: 14px;
  color: #5e2f7f;
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.24px;
  display: inline-block;
}

.border-right {
  border-right: 3px solid #5e2f7f;
  margin-left: 3px;
  margin-right: 8px;
}

html[lang="ar"] .border-right {
    border-right: none;
    border-left: 3px solid #5e2f7f;
     margin-left: 3px;
    margin-right: 8px;
}


.main-content {
  width: 80%;
}

.content {
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: right;
  color: #000000;
}

.image img {
  width: 100%;
  height: 100%;
}

/* 1 Section end*/

/* 2nd Section */
.web-color {
  font-family: Be Vietnam Pro;
  font-size: 60px;
  font-weight: 700;
  line-height: 62.4px;
  letter-spacing: -0.04em;
  text-align: left;
  color: rgb(255, 255, 255);
}
.pd-right{
    padding-right:2.9%;
}
.para1 {
  padding: 30px 0px;
  color: white;
}
.pd-left{
    padding-left:2.9%;
}
.wrp-sec2 {
  background: linear-gradient(to left, #e1a841 50%, #6c3e1e 50%);
  padding: 120px 0;
}


.bg-color1 p ul li {
    list-style: circle;
    color: white;
}
section.wrp-sec2 ul li {
    margin-left: 4%;
}
   
.bg-color2 p ul li {
    list-style: circle;
    color: white;
}

/* start 3rd sec */

section.wrap-rate {
  padding: 120px 0;
}
.conver-cls .conver-heading {
  font-family: Be Vietnam Pro;
  font-size: 26px;
  font-weight: 700;
  line-height: 46.8px;
  color: #5e2f7f;
}
.pd-top{
  padding-top: 2.9%;
}
.pd-bottom{
  padding-bottom: 2.9%;
}
.conver-cls {
  border-bottom: 2px solid #000000;
  width: 80%;
}

.conver-cls .conver-para {
  font-family: Be Vietnam Pro;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.64px;
  color: #000000;
}

.social-wrapper-div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.casestudy-social-wrapper {
  position: relative;
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border: 1px solid #000000;
  padding: 13px 0;
  margin-top: 35%;
  border-radius: 16px;
  margin-right: auto;
  background: #ffffff;
  margin-left: auto;
  z-index: 999;
}

.social-wrapper-top-icon h3:after {
  content: "";
  width: 3px;
  height: 110px;
  background: #6c3e1e;
  position: absolute;
  top: 100%;
  z-index: 0;
  left: 49%;
}

.social-wrapper-top-icon {
  position: relative;
  overflow: visible;
  z-index: 999;
}

.social-wrapper-top-icon h3 {
  background: #d9d9d9;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  padding: 10px 2px;
  position: relative;
}

.list-content h4 {
  font-family: Be Vietnam Pro;
  font-size: 20px;
  font-weight: 700;
  line-height: 20.8px;
  text-align: left;
  color: #5e2f7f;
}

.list-content .para3 {
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #000000;
}
.list1 ul li{
    margin-left: 4%;
}
.lists > .list1 > ul {
  padding-left: 15px;
}

.lists > .list1,
.lists > .list2 {
  font-weight: 600;
}

.casestudy-img-wrapper.whatsapp {
  width: 45px;
  height: 45px;
  background: green;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.casestudy-img-wrapper.email {
  width: 45px;
  height: 45px;
  background: #6c3e1e;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.casestudy-img-wrapper.phone {
  width: 45px;
  height: 45px;
  background: #6c3e1e;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.usps-perent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid black;
  border-radius: 20px;
  gap: 30px 0;
  padding: 10px 0;
}

.usps {
  width: 33%;
}

.usps-icon {
  text-align: center;
  font-size: 30px;
  color: #5e2f7f;
}

.usps h2 {
  font-size: 12px;
  text-align: center;
  color: #6c3e1e;
}

/* 2 end sec */

/* 3th Section */
.heading2 {
  color: #000000;
  font-family: Be Vietnam Pro;
  font-size: 60px;
  font-weight: 700;
  padding-bottom:50px;
  line-height: 62.4px;
  text-align: center;
}

.heading3 {
  font-family: Be Vietnam Pro;
  font-size: 35px;
  font-weight: 700;
  line-height: 46.8px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #000000;
}
section.wrp-sec3 {
  background: #f2f2f2;
  padding: 120px 0;
}

.sub-wrp-sec3-title {
  color: #000000;
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.24px;
  text-align: left;
  display: flex;
  padding: 0px 0px 50px 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sub-wrp-sec3-title:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #5e2f7f;
  z-index: 999;
  position: relative;
  margin-right: 30px;
}

h2.sub-wrp-sec3-title:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #5e2f7f;
  z-index: 999;
  position: relative;
  margin-right: 30px;
}

/* 4th Section */
.wrap-social {
  display: flex;
  flex-direction: row;
}

.heading4 {
  font-family: Be Vietnam Pro;
  font-size: 60px;
  font-weight: 700;
  line-height: 62.4px;
  color: #ffffff;
  text-align: center;
}

.para2 {
  font-family: Be Vietnam Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  padding: 20px 0px;
}

.box1,
.box2,
.box3 {
  padding: 25px 10px 25px 10px;
}
.box1 {
  background-color: #6c3e1e;
}
.box1 h2 {
  color: white;
  text-align: center;
  font-size: 34px;
}

.box1 h2 i {
  font-size: 35px;
}
.box2 {
  background-color: #d9d9d9;
}

.box2 h2 {
  color: #6c3e1e;
  text-align: center;
  font-size: 34px;
}
.box2 h2 i {
  font-size: 35px;
}
.box3 {
  background: #e1a841;
}

.box3 h2 {
  color: white;
  text-align: center;
  font-size: 34px;
}
.box3 h2 i {
  font-size: 35px;
}

.box1 h3 {
  font-family: Be Vietnam Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.72px;
  text-align: center;
  color: #ffffff;
}
.box2 h3 {
  font-family: Be Vietnam Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.72px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #6c3e1e;
}
.box3 h3 {
  font-family: Be Vietnam Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.72px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #ffffff;
}

/* * 5th Section */
.parent-sec .heading4 {
  font-family: var(--main-font);
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.para2 {
  font-family: var(--main-font);
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  padding: 20px 0px;
}
.parent-sec {
  position: relative;
}
.text-sec {
  position: absolute;
  z-index: 11111;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);

  height: 100px;
}

.parent-sec:hover h3 {
  display: none;
}
.parent-sec:hover p {
  display: none;
}

/* img */
.wrap-social {
  display: flex;
  align-items: center;
  justify-content: center;
}

.images img {
  width: 100%;
}

.images .image {
  position: relative;
}

.images .first {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.images .image:hover .first {
  z-index: 0;
  background-color: red;
}

/* end 5th Section */

/* 6th section */
.wrap-ppc {
  background-color: #f2f2f2;
  padding: 120px 0;
}

.wrap-ppc .heading2 {
  color: #000000;
  font-family: Be Vietnam Pro;
  font-size: 60px;
  font-weight: 700;
  line-height: 62.4px;
  text-align: center;
  padding-bottom: 30px;
}

.icon-image {
  text-align: center;
  border-right: 1px solid black;
}
.border-none {
  border: none;
}

.icon-image img {
  text-align: center;
  vertical-align: super;
  width: 30%;
  height: 50px;
  object-fit: contain;
}

.icon-image h4 {
  font-family: var(--main-font);
  font-size: 12px;
  font-weight: 800;
  line-height: 15.3px;
  color: #000000;
  padding: 0 15px;
}

.traf-sub h6 {
  font-family: var(--main-font);
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 16.64px;
  text-align: center;
  color: #000000;
  padding-top: 10px;
}

.bd-right {
  border-right: 1px solid #000000;
  width: 75px;
  height: 90px;
}

section.wrap-ppc .traf-sec .traf-sub i {
  font-size: 34px;
  margin-right: 5px;
}

.mock-box h3 {
  font-family: var(--main-font);
  font-size: 13px;
  text-transform: capitalize;
}

.mock-box h2 {
  display: flex;
  font-family: var(--main-font);
  font-size: 30px;
  color: #5e2f7f;
  font-weight: 700;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.mock-box h2 i {
  font-size: 30px;
  padding-right: 10px;
  color: black;
}

/*7th sec*/

section.wrap-internet {
    padding-top: 100px;
    padding-bottom: 50px;
}

.interest-sec h3 {
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
  text-align: left;
  color: #000000;
}

.form1 input {
  background-color: #f1f1f1;
}

.form1 {
  background-color: #f1f1f1;
  padding: 40px;
  width: 100%;
  margin-top: 4%;
}

section.wrap-internet input {
  border: none;
  width: 100%;
  border-bottom: 1px solid #000000;
  padding: 20px 0px 12px 0px;
}



.shadow-box {
    display: flex;
    background-color: #f1f1f1;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 19px 39px;
    width: 80%;
    margin-bottom: 10%;
}
.leads-cls-form h3 {
  font-family: var(--main-font);
  font-size: 30px;
  font-weight: 700;
  line-height: 29px;
  color: #5d2b7c;
}
.leads-cls-form {
    width: 33%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.leads-cls p {
  color: #000000;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: 300;
  line-height: 29px;
}
.bdd-left{
  border-left: 1px solid black;
   
}


.main-cls {
    background-image: url(https://aundigital.ae/assets/images/bg-img22.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: end;
    background-size: contain;
}

.form1 .overlay-btn {
    margin-top: 35px;
    
}

.interest-sec {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.form1 .form-control-heith {
    margin-bottom: 20px;
        border-radius: 0;
}
/*/ end /*/

.mobile-new-counter {
    display: none;
}



.case-study-main {
    padding: 120px 0;
}

.grid {
	position: relative;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 500px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
}

.grid figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	/*max-width: 100%;*/
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 5px;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
    /***** Lily *****/
/*---------------*/

figure.effect-lily .img-bg {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.8;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

img.logo-casestudy {
    position: absolute !important;
    object-fit: contain;
    top: 5%;
    width: 140px !important;
    height: 90px !important;
}

.title {
    text-align: center;
}

/*---------------*/


.map-icon {
    height: 110px;
    display: block;
    margin-bottom: 15px;
}

.display-top-down {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a.icon-link-footer{
    
    font-size: 25px;
}

h3.top_title{

  color: var(--bs-light-blue);
}

h3.top_title {
    margin-bottom: 7px;
}

h1.top_title {
    color: var(--bs-light-blue);
    font-size: 1.5rem;
}
section.bages-bg.mt-4 {
    display: none;
}
section.tech-bg {
    margin-top: 20px;
}
h3.text-align-center {
    font-family: Display-Bold !important;
}

p.p-seo.get-in-touch{
    color: var(--bs-white);
    font-size: 1.5rem;
}

p.lead-web-design{
 
    font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 0.5%;  
    color: var(--bs-white);
}

p.blog-seo{
    
    color: var(--bs-black);
    font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.125)), 22px);
    font-weight: 700;
    text-transform: capitalize;
}

p.mt-3.industry {
    margin-top: 1rem !important;
    width: 90%;
    font-size: 1.5rem;
}

h3.text-align-center.web-design-heading
{
    font-size: 2.75rem;
    
}
@media (max-width: 767px) {
    h3.text-align-center.web-design-heading {
        font-size: 1.5rem; /* or any smaller size you prefer */
    }
}

p.mb-3.text-center.success-stories
{
    font-size: 2.5rem;
    font-family: Display-Bold !important;
}
p.navbar-categories{
    
    font-size: 2rem;
    font-family: Display-Bold !important;
}

p.sub-heading-seo{
    
    font-size: 2rem;
    font-family: Display-Bold !important;
}

.services-title p{
    
        font-family: Display-Bold !important;
        font-size: calc(1.325rem + .9vw);

}

.mobile-new-counter   .counter p.counter-seo{
    
     font-family: Display-Bold !important;
   
}
.counter-desktop-seo{
            font-family: Display-Bold !important;
}
.web-deveops-seo{
 
    padding: 0 0 1rem;
    color: var(--bs-black);
    font-weight: 700;
    text-transform: capitalize;
    font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
    font-style: normal;
    font-family: Display-Bold !important;

}

.abt-content span.title-seo{
    
    font-weight: 700;
    text-transform: capitalize;
    color: var(--bs-black);
    font-style: normal;
    font-family: Display-Regular !important;
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.2px) * 1.5625)), 50px);
}

.serv-category-card span{
    padding: 1rem 0 0.5rem;
    font-size: clamp(20px, calc(1.25rem + ((1vw - 3.2px) * 0.4375)), 27px);
    font-family: Display-Regular !important;
}

@media only screen and (max-width: 576px) {
    .abt-content span {
        font-size: 20px;
        padding: 0px;
    }
}
.web-form span {
    font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
    padding: 0.5rem 0;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--bs-black);
    text-align: center;
}
.blog-content span {
    font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
    font-weight: 700;
    text-transform: capitalize;
    color: var(--bs-black);
    font-family: Display-Regular !important;
}
.faqs-content span
{
    color: var(--bs-purple);
    padding: 0 0 1rem;
    font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    font-family: Display-Regular !important;
}
.faqs-bg span.flip-box-header {
 
 font-family: Display-Regular !important;   
}
.new-footer-content span {
    font-size: 50px;
    text-transform: uppercase;
    /*-webkit-text-stroke-width: 4px;*/
    color: #5e2f7f;
    font-family: Display-Regular !important;
}
@media only screen and (max-width: 576px) {
    .new-footer-content span {
        font-size: 30px;
        -webkit-text-stroke-width: 1px;
    }
}
.modal-head-form span.expert-seo {
    color: var(--bs-white);
    padding: 0 0 8px;
    font-weight: 700;
    font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px);
    font-family: Display-Regular !important;
}
.modal-head-form p {
    color: var(--bs-white);
    padding: 0 0 8px;
    font-weight: 700;
    /* font-size: clamp(24px, calc(1.5rem + ((1vw - 3.2px) * 1.3125)), 45px); */
    font-family: Display-Regular !important;
}

.serv-category-content span {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--bs-light-blue);
    padding-bottom: 1rem;
    font-family: Display-Regular !important;
    font-size: 1.5rem;
}

.custom-tab-pane {
    display: none;
}
.custom-tab-pane.active {
    display: block;
}

.nav-link.active {
    background-color: #f3f3f3; /* or as you like */
    font-weight: bold;
}

.arrow-icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.nav-link.active .arrow-icon {
    transform: rotate(180deg); /* RTL flip */
}

#staticBackdrop .modal-content {
  width: 70% !important;
  margin: auto !important;
}

#staticBackdrop .modal-dialog {
  max-width: 90%;
  margin: 1.75rem auto;
}

#staticBackdrop .btn-close {
  position: absolute;
  top: 3%;
  right: 2%;
  border: 1px solid white !important;
  font-size: 10px;
  padding: 10px;
  border-radius: 50px;
}

#staticBackdrop .contact-modal {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
}

#staticBackdrop .contact-image {
  width: 50%;
  background-size: cover;
}

#staticBackdrop .contact-form {
  width: 50%;
  background: linear-gradient(to top, #1b022c, #554681);
  color: white;
  padding: 80px 100px 80px 50px;
  overflow-y: auto;
}

#staticBackdrop .contact-form h2 {
  font-weight: 700;
  margin-bottom: 30px;
}

#staticBackdrop .form-control,
#staticBackdrop .form-select {
  background: linear-gradient(to top, #1b022c, #554681) !important;
  border: 1px solid #ccc;
  color: white !important;
}

#staticBackdrop .form-select option {
  background-color: #1b022c;
  color: white;
}

#staticBackdrop .form-control::placeholder {
  color: #ddd;
}

#staticBackdrop .form-control:focus,
#staticBackdrop .form-select:focus {
  box-shadow: none;
  border-color: #fff;
}

#staticBackdrop .btn-custom {
  background-color: #451769;
  color: white;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 30px;
  border: none;
}

#staticBackdrop .newpop:hover {
  color: #210230 !important;
  background-color: white !important;
  border-color: var(--bs-btn-hover-border-color);
}

@media (max-width: 768px) {
  #staticBackdrop .contact-modal {
    flex-direction: column;
  }

  #staticBackdrop .contact-image {
    height: 250px;
  }
}