@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&display=swap");
.SpanishYellow_btn:active, .SpanishYellow_btn:hover, .SpanishYellow_btn.active, .SpanishYellow_btn:focus,
a.SpanishYellow_btn:active,
a.SpanishYellow_btn:hover,
a.SpanishYellow_btn.active,
a.SpanishYellow_btn:focus,
.btn.SpanishYellow_btn:active,
.btn.SpanishYellow_btn:hover,
.btn.SpanishYellow_btn.active,
.btn.SpanishYellow_btn:focus {
  background-color: #FCBC14 !important;
  color: #000;
}

.SteelPink_btn:active, .SteelPink_btn:hover, .SteelPink_btn.active, .SteelPink_btn:focus,
a.SteelPink_btn:active,
a.SteelPink_btn:hover,
a.SteelPink_btn.active,
a.SteelPink_btn:focus,
.btn.SteelPink_btn:active,
.btn.SteelPink_btn:hover,
.btn.SteelPink_btn.active,
.btn.SteelPink_btn:focus {
  background-color: #BD1EBF !important;
  color: #000;
}

.Grape_btn:active, .Grape_btn:hover, .Grape_btn.active, .Grape_btn:focus,
a.Grape_btn:active,
a.Grape_btn:hover,
a.Grape_btn.active,
a.Grape_btn:focus,
.btn.Grape_btn:active,
.btn.Grape_btn:hover,
.btn.Grape_btn.active,
.btn.Grape_btn:focus {
  background-color: #652CB3 !important;
  color: #000;
}

.Flame_btn:active, .Flame_btn:hover, .Flame_btn.active, .Flame_btn:focus,
a.Flame_btn:active,
a.Flame_btn:hover,
a.Flame_btn.active,
a.Flame_btn:focus,
.btn.Flame_btn:active,
.btn.Flame_btn:hover,
.btn.Flame_btn.active,
.btn.Flame_btn:focus {
  background-color: #EA571B !important;
  color: #000;
}

.LightSeaGreen_btn:active, .LightSeaGreen_btn:hover, .LightSeaGreen_btn.active, .LightSeaGreen_btn:focus,
a.LightSeaGreen_btn:active,
a.LightSeaGreen_btn:hover,
a.LightSeaGreen_btn.active,
a.LightSeaGreen_btn:focus,
.btn.LightSeaGreen_btn:active,
.btn.LightSeaGreen_btn:hover,
.btn.LightSeaGreen_btn.active,
.btn.LightSeaGreen_btn:focus {
  background-color: #29B5AD !important;
  color: #000;
}

.Fuchsia_btn:active, .Fuchsia_btn:hover, .Fuchsia_btn.active, .Fuchsia_btn:focus,
a.Fuchsia_btn:active,
a.Fuchsia_btn:hover,
a.Fuchsia_btn.active,
a.Fuchsia_btn:focus,
.btn.Fuchsia_btn:active,
.btn.Fuchsia_btn:hover,
.btn.Fuchsia_btn.active,
.btn.Fuchsia_btn:focus {
  background-color: #FE00FF !important;
  color: #000;
}

/* width */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;.tab_header
  position: absolute;
  left: 100px;
  top: 0;
}

.background_vid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.5;
}

.header_main .navbar {
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}
.header_main .navbar .navbar-brand {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
}
.header_main .navbar .navbar-brand:hover img {
  transform: scale(1.5);
}
.header_main .navbar .navbar-brand img {
  max-width: 80px;
  transition: 0.3s all;
}
.header_main .navbar .nav-link {
  color: #fff;
  padding: 0.7rem 1rem;
  border-radius: 14px;
  border: 1.5px solid transparent;
  transition: border 0.7s ease-out, width 0.5s ease-out;
}
.header_main .navbar .nav-link:active, .header_main .navbar .nav-link:focus, .header_main .navbar .nav-link:hover, .header_main .navbar .nav-link.active {
  border-color: #fff;
}
.header_main .navbar .navbar-nav {
  -moz-column-gap: 0.9rem;
       column-gap: 0.9rem;
}
.header_main .navbar .navbar-toggler {
  color: #fff;
  font-size: 2.5rem;
  cursor: pointer;
}
.header_main .navbar.navSticky {
  background-color: #000;
}
.header_main .offcanvas {
  background-color: #000;
}
.header_main .offcanvas.offcanvas-end {
  width: 100%;
}
.header_main .offcanvas .offcanvas-header span.fa {
  font-size: 2.5rem;
  cursor: pointer;
}
.header_main .offcanvas-body {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5rem;
}
.header_main .offcanvas-body img.main_logo {
  max-width: 303px;
  margin: 0 auto;
  display: block;
}
.header_main .offcanvas-body .social_logos {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.header_main .offcanvas-body .social_logos img {
  max-width: 86px;
}

.right_drawer h4 {
  font-size: 2.7rem;
}

.hero_main {
  min-height: calc(100vh - 98.23px);
}
.hero_main .row {
  align-items: center;
}
.hero_main video {
  width: 100%;
  -o-object-fit: revert;
     object-fit: revert;
  min-height: calc(100vh - 104px);
}
.hero_main .hero_left_itm {
  position: relative;
  z-index: 1;
}
.hero_main .hero_left_itm h1 {
  color: #BD1EBF;
  font-size: 3.457rem;
}
.hero_main .hero_left_itm h2 {
  font-size: 2.85rem;
}
.hero_main .hero_left_itm .testimonial_card {
  position: absolute;
  top: 40%;
  background-color: #000;
  margin: auto;
  right: -6%;
}
.testimonial_card {
  display: flex;
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid #fff;
  width: 300px;
  -moz-column-gap: 0.7rem;
       column-gap: 0.7rem;
}
.testimonial_card .testimonial_card_left {
  width: 80px;
  height: 80px;
  min-width: 80px;
}
.testimonial_card .testimonial_card_left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.testimonial_card .testimonial_card_right {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.testimonial_card .testimonial_card_right .testmonial_star {
  display: flex;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
  justify-content: flex-end;
}
.testimonial_card .testimonial_card_right .testmonial_star i {
  font-size: 1rem;
  color: #FCBC14;
}
.testimonial_card .testimonial_card_right p {
  font-size: 1rem;
  text-align: right;
}

.tab_header {
  display: flex;
  justify-content: space-around;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-top: 2.6rem;
  padding-bottom: 1.2rem;
  width: 100%;
}
/*.tab_header {*/
/*     display: unset !important;*/
/*   justify-content: space-around;*/
/*  -moz-column-gap: 2rem;*/
/*       column-gap: 2rem;*/
/*    padding-top: 2.6rem;*/
/* padding-bottom: 1.2rem; */
/*    width: 100% !important;*/
/*    height: 100px;*/

/*}*/
/*section.tab_header a {*/
/*    width: 18% !important;*/
/*    height: auto;*/
/*    margin: 10px 10px;*/
/*}*/

/*03/march/2023*/
.tab_header .btn {
  color: #000;
  background-color: #E6E6E6;
  padding: 0.7rem 1.5rem;
  border-radius: 100px;
  font-size: inherit;
  min-width: 100px;
  width: 100%;
  transition: 0.6s background-color ease-out;
}

.gridMian {
  margin-top: 13rem;
}

.right_blog_canvas {
  transition: transform 1.2s ease-in-out;
  width: 96% !important;
  background-color: #000;
}
.right_blog_canvas .offcanvas-body {
  position: relative;
  padding-left: 3rem;
}
.right_blog_canvas .offcanvas-body .blog_close_btn {
  position: absolute;
  left: 0;
  right: auto;
  top: 30px;
  background-color: #000;
  padding: 1rem 0.5rem;
  font-size: 2.5rem;
}
.right_blog_canvas .offcanvas-body .right_blog_cover_img img {
  max-height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.right_blog_canvas .offcanvas-body .right_blog_body {
  max-height: calc(100vh - 279px);
  min-width: 200px;
  overflow: auto;
  border: 3px solid #fff;
  margin-top: 0.3rem;
  box-sizing: border-box;
  padding: 1rem;
}

.splash_screen {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1032;
}
.splash_screen img {
  max-width: 300px;
  width: 40%;
  margin: auto;
  display: block;
}

.case_study_blog .case_study_blog_body {
  position: relative;
  top: -94px;
  border: none !important;
}
.case_study_blog .case_study_blog_body .case_study_blog_left img {
  max-width: 231px;
  width: 89%;
  height: 231px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  display: block;
  margin: auto;
  margin-bottom: 1rem;
}
.case_study_blog .case_study_blog_body .case_study_blog_right_header {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.case_study_blog .case_study_blog_body .case_study_blog_right_header .case_study_blog_right_header_vid {
  width: 30%;
  height: 231px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1.5px solid #a6a6a6;
  box-sizing: border-box;
  background-color: #fff;
}
.case_study_blog .case_study_blog_body .case_study_blog_right_header .case_study_blog_right_header_vid video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.new_letter_modal * {
  color: #000;
}
.new_letter_modal .new_letter_content {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.new_letter_modal .modal-body {
  text-align: center;
}
.new_letter_modal .new_letter_content_itm {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.new_letter_modal .new_letter_content_itm i.fas,
.new_letter_modal .new_letter_content_itm i.far {
  font-size: 3rem;
}

.service_pills .nav {
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.service_pills .nav .btn {
  color: #000;
  background-color: #E6E6E6;
  padding: 0.7rem 1.5rem;
  border-radius: 100px;
  font-size: inherit;
}

.trend_grid_img {
  margin-bottom: 1rem;
}
.trend_grid_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.stop_scroll_main {
  visibility: hidden;
  padding: 1.5rem;
  background-color: #1d2228;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
}
.stop_scroll_main h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0;
}
.stop_scroll_main h3 span {
  color: #EA571B;
}

.campaign_inner_tab .nav-link.active {
  background-color: transparent;
}
.campaign_inner_tab .nav-link img {
  height: 125px;
  width: 124px;
  -o-object-fit: contain;
     object-fit: contain;
}

.tab_inner_data {
  display: flex;
  border: 4px solid #fff;
  align-items: center;
  position: relative;
  padding: 3rem 1rem 3rem 17%;
  padding-left: 17%;
  width: 65%;
  margin: auto;
  margin-top: 8rem;
  border-radius: 18px;
  text-align: right;
  width: 65%;
}
.tab_inner_data img {
  position: absolute;
  left: -55px;
  height: 283px;
  width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tab_inner_data p {
  margin-bottom: 0;
  font-size: 1.5rem;
}

.navigate_link {
  padding: 1rem;
  background: #fff;
  display: block;
  width: 100%;
  max-width: 250px;
  margin: auto;
  margin-top: 2rem;
  color: #000;
  text-decoration: none;
  -webkit-clip-path: polygon(100% 0, 100% 51%, 100% 100%, 28% 100%, 0 49%, 30% 0);
          clip-path: polygon(100% 0, 100% 51%, 100% 100%, 28% 100%, 0 49%, 30% 0);
  border-radius: 12px;
  text-align: center;
}
.navigate_link:hover {
  -webkit-animation: fade_in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade_in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.services_card_main.services_card_main_right .navigate_link {
  -webkit-clip-path: polygon(75% 0%, 100% 51%, 75% 100%, 0% 100%, 0 49%, 0% 0%);
          clip-path: polygon(75% 0%, 100% 51%, 75% 100%, 0% 100%, 0 49%, 0% 0%);
}
.services_card_main .card {
  border-radius: 30px;
  margin: 1rem;
  background-color: transparent;
  color: #fff;
}
.services_card_main .card .card-body {
  padding: 2rem 2.4rem;
  border: 2px solid #BD1EBF;
  border-radius: 20px;
}

.services_card_main {
  color: #000;
  text-align: center;
}

#mapMain #Spanish_Yellow,
#mapMain #Flame,
#mapMain #Steel_Pink,
#mapMain #Grape,
#mapMain #Light_Sea_Green,
#mapMain #Fuchsia {
  display: none;
}

.content_tab {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.content_tab img {
  max-width: 200px;
}

.trend_grid_img .row {
  row-gap: 1.1rem;
}

.services_card_main .btn {
  background-color: #fff;
  margin-bottom: 1rem;
}

.service_section {
  min-height: calc(100vh - 111px);
}

.service_pills {
  margin-bottom: 1rem;
}

.main_section {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.services_main {
  margin-top: 3rem;
  padding-top: 3rem;
}
.services_main .row {
  row-gap: 1rem;
}

.hero_right_itm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hero_right_itm video {
  width: 170%;
}

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
}

@-webkit-keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes testimonialAnimation1 {
  20% {
    transform: translateX(-140%);
  }
  40% {
    transform: translateX(-160%);
    z-index: -1;
  }
  60% {
    transform: translateX(-80%);
    z-index: -1;
  }
  80% {
    transform: translateX(15);
    z-index: -1;
  }
  100% {
    transform: translateX(0);
    z-index: 1;
  }
}
@keyframes testimonialAnimation1 {
  20% {
    transform: translateX(-140%);
  }
  40% {
    transform: translateX(-160%);
    z-index: -1;
  }
  60% {
    transform: translateX(-80%);
    z-index: -1;
  }
  80% {
    transform: translateX(15);
    z-index: -1;
  }
  100% {
    transform: translateX(0);
    z-index: 1;
  }
}
.front_Testimonial_card {
  -webkit-animation: testimonialAnimation1 10s ease-in-out infinite;
          animation: testimonialAnimation1 10s ease-in-out infinite;
}

.Bg_Testimonial_card {
  -webkit-animation: testimonialAnimation1 10s ease-in-out infinite;
          animation: testimonialAnimation1 10s ease-in-out infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  transition: all 1s;
}

@-webkit-keyframes blink-1 {
  0%, 50%, 100% {
    opacity: 1;
    background-color: #FCBC14;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes blink-1 {
  0%, 50%, 100% {
    opacity: 1;
    background-color: #FCBC14;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes bounce-in-right {
  0% {
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-right {
  0% {
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.bounce-in-right {
  -webkit-animation: bounce-in-right 2.1s both;
          animation: bounce-in-right 2.1s both;
}

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0px);
  }
}
.slide-top {
  visibility: visible;
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.bounce-in-top {
  -webkit-animation: bounce-in-top 2s both;
          animation: bounce-in-top 2s both;
}

.fade_in {
  -webkit-animation: fade_in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade_in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.slide-in-blurred-top {
  -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
          animation: slide-in-blurred-top 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

@-webkit-keyframes tilt-in-top-1 {
  0% {
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

@keyframes tilt-in-top-1 {
  0% {
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.slit-in-horizontal {
  -webkit-animation: slit-in-horizontal 0.45s ease-out both;
  animation: slit-in-horizontal 0.45s ease-out both;
}

@-webkit-keyframes slit-in-horizontal {
  0% {
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateX(0);
  }
}

@keyframes slit-in-horizontal {
  0% {
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateX(0);
  }
}
.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in-fwd {
  -webkit-animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.bounce2 {
  -webkit-animation: bounce2 2s ease infinite;
          animation: bounce2 2s ease infinite;
}

@-webkit-keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
body {
  background-color: #000;
  margin-top: 7rem;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

/* 
  ##Device = Desktops
  ##Screen = 1280px to higher resolution desktops
*/


@media (min-width: 1280px) {
  .header_main .offcanvas .offcanvas-header span.fa {
    position: absolute;
    right: 8.5%;
    bottom: auto;
    top: 4%;
  }
  body {
    margin-top: 9rem;
  }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .header_main .offcanvas .offcanvas-header span.fa {
    position: absolute;
    right: 5.8%;
    bottom: auto;
    top: 2%;
  }
  .hero_main .hero_left_itm h1 {
    font-size: 3.157rem;
  }
  .hero_main .hero_left_itm h2 {
    font-size: 2.25rem;
  }
  .hero_right_itm video {
    width: 187%;
  }
  .gridMian {
    margin-top: 7rem;
  }
  .services_main {
    min-height: calc(100vh - 85px);
  }
  .tab_header {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: center;
    padding-top: 2rem;
  }
}
/* 
 min-width 1024
*/
@media (min-width: 1024px) {
  .right_drawer .navbar-nav {
    display: none;
  }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1023px
*/
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hero_main .hero_left_itm h1 {
    font-size: 3.157rem;
  }
  .hero_main .hero_left_itm h2 {
    font-size: 2.25rem;
  }
  .hero_right_itm video {
    width: 187%;
  }
  .case_study_blog .case_study_blog_body .case_study_blog_left img {
    width: 160px;
    height: 160px;
  }
  .tab_header {
    flex-wrap: wrap;
    justify-content: flex-start;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0.5rem;
    padding: 1.1rem 0;
  }
  .tab_header .btn {
    width: auto;
    min-width: auto;
  }
  .gridMian {
    margin-top: 7rem;
  }
  .header_main .web_menu {
    display: none;
  }
  .right_drawer .offcanvas-body {
    row-gap: 2rem !important;
  }
  .right_drawer .offcanvas-body .social_logos {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    row-gap: 1rem;
  }
  .right_drawer .offcanvas-body .social_logos img {
    max-width: 69px;
  }
  .right_drawer .offcanvas-body .navbar-nav {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.3rem;
  }
  .right_drawer .offcanvas-body .main_logo {
    max-width: 37% !important;
  }
}
/* 
 max-width 1023.98
*/
@media (max-width: 1023.98px) {
  .header_main .offcanvas .offcanvas-header span.fa {
    position: absolute;
    right: 6.5%;
    bottom: auto;
    top: 2.5%;
  }
  .header_main .web_menu {
    display: none;
  }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}
/* 
 max-width 667.98
*/
@media (max-width: 667.98px) {
  .hero_right_itm video {
    width: 187%;
  }
  .right_blog_canvas {
    width: 100% !important;
  }
  .right_blog_canvas .offcanvas-body .right_blog_body {
    overflow: visible;
  }
  .case_study_blog .case_study_blog_body .case_study_blog_right_header {
    overflow: hidden;
    overflow-x: scroll;
  }
  .case_study_blog .case_study_blog_body .case_study_blog_right_header .case_study_blog_right_header_vid {
    min-width: 75%;
  }
  .case_study_blog .case_study_blog_body .case_study_blog_left img {
    width: 119px;
    height: 119px;
  }
  .trend_grid_img {
    margin-top: 6rem;
  }
  .tab_header {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    justify-content: flex-start;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    row-gap: 0.5rem;
    overflow-x: scroll;
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .tab_header ::-webkit-scrollbar {
    width: 1px;
  }
  .tab_header ::-webkit-scrollbar-track {
    background: transparent;
  }
  .tab_header ::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .tab_header .btn {
    width: auto;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .service_pills .nav {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    row-gap: 1rem;
  }
  .service_pills .nav-link {
    padding: 0;
  }
  .service_pills .nav-link img {
    height: 65px;
    width: 65px;
  }
  .service_pills .content_tab img {
    max-width: 134px;
  }
  .service_pills .tab_inner_data {
    margin-top: 5rem;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 1rem;
  }
  .service_pills .tab_inner_data p {
    font-size: 1rem;
  }
  .service_pills .tab_inner_data img {
    left: -50%;
    height: 114px;
    width: 114px;
    right: -50%;
    margin: auto;
    top: -62px;
  }
  body {
    margin-top: 5rem;
  }
  .header_main .navbar .navbar-toggler {
    font-size: 1.8rem;
  }
  .header_main .navbar .navbar-brand img {
    max-width: 50px;
  }
  .services_main {
    padding-top: 1rem;
  }
  .services_card_main .card {
    margin: 0;
  }
  .services_card_main .card .card-body {
    padding: 1rem;
  }
  .hero_main .hero_left_itm h1 {
    font-size: 2.257rem;
  }
  .hero_main .hero_left_itm h2 {
    font-size: 1.85rem;
  }
  .stop_scroll_main h3 {
    font-size: 1.5rem;
  }
  .right_drawer .offcanvas-body {
    row-gap: 2rem !important;
  }
  .right_drawer .offcanvas-body .social_logos {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem;
  }
  .right_drawer .offcanvas-body .social_logos img {
    max-width: 53px !important;
  }
  .right_drawer .offcanvas-body .navbar-nav {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.3rem;
  }
  .right_drawer .offcanvas-body .main_logo {
    max-width: 37% !important;
  }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
/*28/feb/2023 start*/
/*@media (max-width: 667px) {*/
/*    .tab_header {*/
/*  display: flex !important;*/
/* justify-content: space-around;*/
/*  -moz-column-gap: 2rem;*/
/*       column-gap: 2rem;*/
/*  padding-top: 2.6rem;*/
/*  padding-bottom: 1.2rem;*/
/*  width: 100%;*/
/*  height:auto;*/
/*}*/
/*.tab_header a {*/
/*    margin: 0px !important;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/

/*}*/
/*28/feb/2023 end*/
@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  /* CSS */
}/*# sourceMappingURL=main.css.map */