.border-btn-wrapper {
  transform: translate(0%, 0%);
}

.fm-big-circle {
  animation: fRotate 50s linear infinite;
}

.fm-icon-block img {
  animation: fRotate-reverse 50s linear infinite;
}
.fm-icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fm-icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
.fm-icon-block:nth-child(3) {
  bottom: 0;
  right: 50%;
  transform: translate(50%, 50%);
}
.fm-icon-block:nth-child(4) {
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
}

.fm-icon-block:nth-child(5) {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fm-icon-block:nth-child(6) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
.fm-icon-block:nth-child(7) {
  bottom: 0;
  right: 50%;
  transform: translate(50%, 50%);
}
.fm-icon-block:nth-child(8) {
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
}

@keyframes fRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes fRotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.play-btn::after {
  animation: rotatePlay 3s linear infinite;
}

.play-btn::before {
  animation: rotatePlayRev 3s linear infinite;
}

@keyframes rotatePlay {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes rotatePlayRev {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}

.video-ratio {
  aspect-ratio: 134 / 63;
}

.v-modal {
  animation: v-modal 0.5s linear;
  transform-origin: left;
}

@keyframes v-modal {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.active-faq .plus {
  display: none !important;
}

.active-faq .minuse {
  display: block !important;
}

/* before width increase anim  */
.width-increase::before {
  animation: w-increase 1s linear;
  transform-origin: left;
}

@keyframes w-increase {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.screen-height {
  height: calc(100vh - 70px);
}

canvas {
  background-color: transparent !important; /* Default background color */
}

/* parallax style  */
#parallax-mouse {
  position: relative !important;
  width: 100%;
  height: 100%;
}
#parallax-mouse .layer:nth-child(1) {
  position: relative !important;
  left: -36% !important;
  top: -40% !important;
}
#parallax-mouse .layer:nth-child(2) {
  position: relative !important;
  left: 51% !important;
  top: -45% !important;
}
#parallax-mouse .layer:nth-child(3) {
  position: relative !important;
  left: -48% !important;
}
#parallax-mouse .layer:nth-child(4) {
  position: relative !important;
  top: 42% !important;
  left: -49% !important;
}

#parallax-mouse .layer:nth-child(5) {
  position: relative !important;
  left: 14% !important;
  top: 42% !important;
}
#parallax-mouse .layer:nth-child(6) {
  position: relative !important;
  top: 36% !important;
  left: 33% !important;
}

/* home three  */
.h3-nav-logo {
  clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%);
}

.bg-cover-bottom {
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover !important;
  background-position: bottom !important;
}

/* custom scrollbar  */

/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #f9c8b8;
  opacity: 0.8;
  border-radius: 10px;
}
svg.bants
{
  color:#000000;
}
/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #ec4814;
}
.swiper-slide-thumb-active {
  border: 2px solid #ec4814;
}
.open-anim {
  transform-origin: top left;
  animation: slider-open 200ms linear;
}

@keyframes slider-open {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.option-open {
  transform-origin: top left;
  animation: option-open 300ms linear;
}

@keyframes option-open {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

.bg-\[\#FFFAF0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.moving-anim-x {
  transform-origin: top left;
  animation: xMoving-anim 3000ms linear infinite alternate;
}

@keyframes xMoving-anim {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(10px);
  }
}

.moving-anim-y {
  transform-origin: top left;
  animation: yMoving-anim 2000ms linear infinite alternate;
}

@keyframes yMoving-anim {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.heado {
  display: block;
  text-align: center;
  line-height: 1.4;
  font-size: 17px;
  font-weight: bold;
}
.headss {
  display: block;
  text-align: center;
  line-height: 1.4;
  font-size: 17px;
  font-weight: bold;
  position: relative;
  top: 29px;
  padding-bottom: 29px;
}
.text-heading {
  --tw-text-opacity: 1;
  color: rgb(14 25 30 / var(--tw-text-opacity));
}
.font-bold {
  font-weight: 700;
}
svg.svg-wrap {
  height: 119px;
  position: relative;
  left: 48px;
  padding-bottom: 17px;
}
svg.svg-wraps {
  height: 112px;
  padding-bottom: -8px;
  position: relative;
  left: 19px;
}
/*maps-css*/
.map-container {
  width: 100%;
  overflow: hidden;
}

.map-wrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}

.map-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.other-locations {
  position: absolute;
  margin-top: 255px;
  margin-left: 47px;
  left: 796px;
}
/* Dropdown css */
.nav-link {
  padding: 10px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #333;
  display: block;
  transition: background-color 0.3s;
}

.nav-link:hover {
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #df603a;
  width: 100%;
  border-radius: 5px;
}

.group:hover .group-hover {
  display: block;
}

.group-hover {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 250px; 
  max-height: 400px; 
  overflow-y: auto; 
  z-index: 1000;
}

/* Custom scrollbar styles for WebKit browsers */
.group-hover::-webkit-scrollbar {
  width: 2px; /* Thin scrollbar width */
}

.group-hover::-webkit-scrollbar-track {
  background: #f4f4f4; /* Track background color */
}

.group-hover::-webkit-scrollbar-thumb {
  background: #007bff; /* Blue scrollbar color */
  border-radius: 4px; /* Optional: rounded corners */
}

.group-hover::-webkit-scrollbar-thumb:hover {
  background: #0056b3; /* Darker blue on hover */
}

/* Remove underline from "Our Solutions" */
.no-underline .nav-link {
  border-bottom: none; /* Remove the underline */
}

.group-hover a {
  text-decoration: none;
  color: inherit;
}

.group-hover div {
  padding: 10px;
}
/* Dropdown-end-css */

/*card-div */
.card-div {
  margin-top: 17px;
}
/* Basic styles for the dropdown */

.dropdown {
  position: relative;
  display: inline-block;
}

.nav-link {
  /* display: flex; */
  align-items: center;
  /* padding: 10px 20px; */
  color: black; /* Changed to black text color */
  text-decoration: none;
  position: relative;
  background-color: transparent; /* Removed background color */
}

.nav-link:hover {
  color: #121212; /* Changed text color on hover */
}

.arrow-icon {
  margin-left: 10px;
 
}
/* Submenu */
.submenu-menu {
  display: none;
  position: absolute;
  background-color: #ffffff; /* White Background */
  top: 0;
  left: 100%;
  padding: 0;
  min-width: 200px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd; /* Light Border */
}

.submenu-menu > li > a {
  padding: 12px 16px;
  color: #000000; /* Black Text Color */
  text-decoration: none;
  display: block;
}

.submenu-menu > li > a:hover {
  background-color: #ffffff; /* Light Gray Background on Hover */
}

/* Hover Effects */
.submenu:hover .submenu-menu {
  display: block;
}

.dropdown:hover .dropdown-menu {
  display: block;
}
/* nav help button*/
.nav-help {
  position: absolute;
  right: 40px;
}
/* Basic Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style-type: none;
}

nav ul {
  padding: 0;
}

nav > ul {
  display: flex;
  padding: 0;
  background-color: #ffffff00;
}

nav > ul > li {
  position: relative;
}

nav > ul > li > a {
  display: block;
  padding: 14px 20px;
  color: #000000; /* Black Text Color */
  text-decoration: none;
  font-weight: bold;
}

nav > ul > li:hover > a {
  background-color: #f1f1f1; /* Light Gray Background on Hover */
}

/* Dropdown Menu */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #ffffff; /* White Background */
  top: 100%;
  left: 0;
  padding: 0;
  min-width: 200px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd; /* Light Border */
}

.dropdown-menu > li > a {
  padding: 12px 16px;
  color: #000000; /* Black Text Color */
  text-decoration: none;
  display: block;
}

.dropdown-menu > li > a:hover {
  background-color: #f1f1f1; /* Light Gray Background on Hover */
}

/* Submenu */
.submenu-menu {
  display: none;
  position: absolute;
  background-color: #ffffff; /* White Background */
  top: 0;
  left: 100%;
  padding: 0;
  min-width: 200px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd; /* Light Border */
}

.submenu-menu > li > a {
  padding: 12px 16px;
  color: #000000; /* Black Text Color */
  text-decoration: none;
  display: block;
}

.submenu-menu > li > a:hover {
  background-color: #f1f1f1; /* Light Gray Background on Hover */
}

/* Hover Effects */
.submenu:hover .submenu-menu {
  display: block;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

@media (min-width:340px) and (max-width:399px)
{
  svg.svg-wraps {
    /* height: 112px;
    padding-bottom: -8px;
    position: relative; */
    left: 37px;
}
svg.svg-wrap
{
  left: 82px;
}
.logo-responsive
{
  padding-left: 20px;
}
.shabbo {
  display: none;
}
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
.numbey
{
  display:none;
}
.career-smg
{
  display: inline-block;
}
.phone-gayab
{
  display:none;
}
}
@media (min-width:400px) and (max-width:463px)
{
  svg.svg-wraps {
    /* height: 112px;
    padding-bottom: -8px;
    position: relative; */
    left: 74px;
}
.pod {
  padding-left: 15px;
}
.numbey
{
  display:none;
}
.maps
{ 
  display: inline;
}

.call-svg
{
  display:none;
}
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
.career-smg
{
  display: inline-block;
}
.shabbo {
  display: none;
  font-size: 7px;
  position: relative;
}
.logo-responsive
{
  padding-left: 20px;
}
svg.svg-wrap {
  height: 119px;
  position: relative;
  left: 113px;
  padding-bottom: 2px;
}
.phone-gayab
{
  display:none;
}
}
@media (max-width: 768px) {
  body {
    /* 2 */
    overflow-x: hidden;
  }
  
  .heado
  {
    display: block;
    text-align: center;
    line-height: 1.4;
    font-size: 17px;
    font-weight: bold;
  }
  nav ul {
      flex-direction: column;
      display: none;
      width: 100%;
  }
  
  nav ul li {
      text-align: center;
  }
  
  nav ul li a {
      padding: 1rem;
      border-bottom: 1px solid #555;
  }
  
  nav ul li .dropdown-menu, nav ul li .submenu-menu {
      position: static;
      display: none;
  }
  
  nav ul li:hover .dropdown-menu, nav ul li:hover .submenu-menu {
      display: block;
  }
  
  .menu-toggle {
      display: block;
      background-color: #333;
      color: white;
      text-align: center;
      padding: 1rem;
      cursor: pointer;
  }
  .map-container {
    width: 100%;
    overflow: hidden;
    margin-top: 46px;
}

.call-svg
{
  display:none;
}
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
.numbey
{
  display:none;
}
.logo-responsive
{
  padding-left: 20px;
}
.svg-wrapy{
  position: relative;

}
.phone-gayab
{
  display:none;
}
}
@media (min-width:464px) and (max-width:625px)
{
  .bigboss
  {
    display: inline-block;
  }
  nav ul {
    flex-direction: column;
    display: none;
    width: 100%;
}

nav ul li {
    text-align: center;
}

nav ul li a {
    padding: 1rem;
    border-bottom: 1px solid #555;
}

nav ul li .dropdown-menu, nav ul li .submenu-menu {
    position: static;
    display: none;
}

nav ul li:hover .dropdown-menu, nav ul li:hover .submenu-menu {
    display: block;
}

.menu-toggle {
    display: block;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}

.map-container {

  margin-top:59px;
}
  svg.svg-wraps {
    position: relative;
    left: 106px;
    /* height: 74px; */
}
svg.svg-wrap {
  position: relative;
  left: 150px;
  height: 122px;
}
.call-svg
{
  display:none;
}
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
.career-smg
{
  display: inline-block;
}
.logo-responsive
{
  padding-left: 20px;
}
.phone-gayab
{
  display:none;
}
}
@media (min-width:625px) and (max-width:767px)
{
  nav ul {
    flex-direction: column;
    display: none;
    width: 100%;
}
nav ul li {
    text-align: center;
}

nav ul li a {
    padding: 1rem;
    border-bottom: 1px solid #555;
}

nav ul li .dropdown-menu, nav ul li .submenu-menu {
    position: static;
    display: none;
}

nav ul li:hover .dropdown-menu, nav ul li:hover .submenu-menu {
    display: block;
}
.logo-responsive
{
  padding-left: 20px;
}
.menu-toggle {
    display: block;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}
.text-lg {
  font-size: 20px;
  line-height: 1.75rem;
}
/* .bg-btn
{
  display:none;
} */

.call-svg
{
  display:none;
}
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
.career-smg
{
  display: inline-block;
}
.svg-wrapy
{
  position:relative;
  left:10px;
}
.phone-gayab
{
  display:none;
}
}
@media(min-width:768px) and (max-width:1150px)
{
  nav ul {
    flex-direction: column;
    display: none;
    width: 100%;
}
nav ul li {
    text-align: center;
}
nav ul li a {
    padding: 1rem;
    border-bottom: 1px solid #555;
}
nav ul li .dropdown-menu, nav ul li .submenu-menu {
    position: static;
    display: none;
}
nav ul li:hover .dropdown-menu, nav ul li:hover .submenu-menu {
    display: block;
}

.menu-toggle {
    display: block;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}
.text-lg {
  font-size: 20px;
  line-height: 1.75rem;
}
/* .bg-btn
{
  display:none;
} */
.section-heading{
  display: inline-block;
  /* margin-bottom: 41px; */
}
}
@media(min-width:1150px) and (max-width:1326px)
{
  nav > ul > li > a {
    display: block;
    padding: 2px 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.lg\:pt-\[140px\] {
  padding-top: 140px; 
  padding-left: 15px;
}
}

@media (min-width:1326px) and (max-width:1366px)
{
  nav > ul > li > a {
    display: block;
    padding: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
}
.fullepi {
  margin-bottom: 28px;
}
.svg-wrapy {
  position: relative;
  left:125px;
  top: 18px;
}
svg.svg-classy {
  color: black;
}
.footer-feat {
  margin-top: 19px;
}
.semin {
  padding-top: 20px;
}
section.abt-us.px-4.xl\:px-0 {
  margin-top: 41px;
}

.map-icon {
  width: 2.75rem;
}
.butu.flex.gap-\[30px\].mt-\[60px\] {
  margin-top: 25px;
}
/* section.maps.pt-\[60px\].lg\:pt-\[120px\] {
  position: absolute;
  top: 588px;
  left: 843px;
} */
svg.pointer-clss {
  height: 18px;
}
svg.pointer-clss {
  height: 16px;
  width: 19px;
}
svg.pointer-clss {
  height: 19px;
}
.texto
{
  font-size:17px;
}
faq-clu
{
  margin-bottom: 33px;
}
/* styles.css */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 500px;
    position: relative;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

.hidden {
    display: none;
}
.research-analyst {
  margin-bottom: 37px;
}
.apply-now-btn
{
  margin-top:44px;
}
.opportunity {
  margin-top: 29px;
}
img.img-sbt {
  margin-top: 91px;
}
.reso {
  margin-top: 18px;
  border-style: solid;
  border-width: 1px;
  border-color: #df603a;
}
.empower {
  padding-bottom: 56px;
}
a.bosppo {
  color: blue;
  font-weight: 700;
}
h3.paddo {
  padding-top: 15px;
  font-weight: 700;
}
.aa {
  margin-bottom: 14px;
}
.number-1 {
    height: 49px;
    margin-bottom: 20px;
}
.ssss{
    font-size: 23px;
    margin-top: 26px;
}
#servicesDropdown, 
#leadGenerationDropdown, 
#audienceGenerationDropdown {
   
    overflow-y: auto; /* Enables scrollbar */
}
img.ak.py-5.xl\:py-7.xl\:pl-9 {
  padding-left: 23px;
}
.doda {
  margin-top: 55px;
}
svg.svg-repos {
  height: 88px;
  position: relative;
  right: -7px;
  top: 3px;
}
.svgreprt {
  height: 70px;
}
.svgreprt1{ 
  position: relative;
  left: 17px;
}
span.roi.text-lg.text-paragraph {
    font-size: 16px;
    font-weight: 600;
}
svg.shivaji-the-boss {
    position: relative;
    left: -4px;
}
.shivu {
    position: relative;
    left: -10px;
}
.bg-\[\#06203E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(6 32 62 / var(--tw-bg-opacity));
}
.bg-cover-bottom {
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover !important;
  background-position: bottom !important;
}
.akii{
  margin-top: 50px;
}
.svg-wrapu {
  position: relative;
  left: 67px;
  top: 19px;
}
svg.akkk {
  width: 25px;
}
.jiyo
{
  margin-top:40px;
}
.agu {
  margin-top: 52px;
}
.top-company {
  height: 43px;
  position: absolute;
  right: 15px;
  top: -1px;
}
.jios {
  margin: 76px;
}
.garima {
  border-style: solid;
  border-color: #ff0d0d;
  border-width: 3px;
}
.masti {
  padding-bottom: 144px;
}
.grand-masti {
  padding-bottom: 28px;
}
.down-arrow {
  /* align-items: end !important; */
  padding-left: 147px;
  height: 9px;
}
.demon {
  position: relative;
  bottom: 10px;
  left: 231px;
  height: 8px;
}
.demons {
  position: relative;
  bottom: 10px;
  left: 231px;
}
svg.rum {
  height: 16px;
  position: absolute;
  right: 174px;
}
.aku {
  padding-bottom: 29px;
}
.ako {
  padding-bottom: 57px;
}
p.huah.text-lg.text-paragraph.mb-7 {
  padding-bottom: 32px;
}
p.juju.text-lg.text-paragraph.mt-\[30px\] {
  margin-bottom: 28px;
}
.aku {
  margin-bottom: 139px;
}
.kl {
  padding-bottom: 82px;
}
.jam{
  padding-bottom: 138px;
}
.live {
  padding-bottom: 52px;
}
.liky {
  padding-bottom: 84px;
}
p.jju.text-lg.text-paragraph.mb-7 {
  padding-bottom: 59px;
}
.jonu {
  padding-bottom: 97px;
}
.ako {
  padding-bottom: 121px;
}
.json {
  padding-bottom: 122px;
}
p.jy.text-lg.text-paragraph.mb-7 {
  padding-bottom: 174px;
}
p.gy.text-lg.text-paragraph.mb-7 {
  padding-bottom: 201px;
}
p.lo.text-lg.text-paragraph.mb-7 {
  padding-bottom: 153px;
}
.fft {
  padding-bottom: 90px;
}
.jol {
  padding-bottom: 118px;
}
p.jolly.text-lg.text-paragraph.mb-7 {
  padding-bottom: 88px;
}
p.pushu.text-lg.text-paragraph.mb-7 {
  padding-bottom: 168px;
}
p.uit.text-lg.text-paragraph.mb-7 {
  padding-bottom: 86px;
}
p.jitu.text-lg.text-paragraph.mb-7 {
  padding-bottom: 85px;
}
.jk {
  padding-bottom: 144px;
}
p.ju.text-lg.text-paragraph.mb-7 {
  padding-bottom: 168px;
}