@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: Gtwalsheimpro, sans-serif;
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
   font-weight: 400;
  color: #000;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1495px;
}
@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e988940a789bf18176_GTWalsheimPro-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e9ddbb962623deba1d_GTWalsheimPro-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e9ddbb962623deba0e_GTWalsheimPro-Light.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e9b6292fb6b7e0615b_GTWalsheimPro-UltraLight.ttf)format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e92820e6e33eded2c4_GTWalsheimPro-Black.ttf)format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e9a8284f2a37de753a_GTWalsheimPro-Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gtwalsheimpro;
    src: url(https://cdn.prod.website-files.com/646c6ec121d9bb039374fb89/64e5e9e998ca6314cc29ca7c_GTWalsheimPro-Thin.ttf)format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}


a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  letter-spacing: 0px;
  word-spacing: 0px;
}

p {
  color: #878787;
  font-size: 16px;
  line-height: 26px;
  text-transform: unset;
  font-weight: 500;
  margin: 0;
  padding: 0;
  letter-spacing: 0px;
  word-spacing: 0px;
}

p::first-letter {
  text-transform: capitalize;
}

/* head */
.head {
  position: relative;
  margin: 0px 0px 40px;
}

.head h2 {
  font-size: 60px;
  line-height: 75px;
  color: #000;
  position: relative;
}
.head h2 span {
  display: block;
  color: #7b7b7b;
  position: relative;
  overflow: hidden;
}
.head img {
  position: absolute;
  width: 23%;
  top: 53%;
  left: -2%;
  filter: brightness(0) saturate(100%) invert(79%) sepia(42%) saturate(731%)
    hue-rotate(28deg) brightness(91%) contrast(89%);
}
.head.f-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head p {
  width: 39%;
}
/* head */

i::before {
  font-family: "Font Awesome 6 pro";
}

/**************************** Btn hover Start ***************************/
.btn {
  border-radius: 0px;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 20px;
  transition: all 0.3s ease-in-out;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

button:focus {
  outline: none !important;
  box-shadow: none !important;
}
/**************************** Btn hover Close ***************************/
/**************************** spinner Start ***************************/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background: #000000;
  overflow: hidden;
  transition: transform 1s ease-in-out;
}

.overlay.slide-down {
  transform: translateY(100%);
}

.overlay .overlayDoor:before,
.overlay .overlayDoor:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background: #000000;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.8s;
}

.overlay .overlayContent {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.loader {
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.loader .loader-img {
  width: 100%;
  object-fit: contain;
  margin-bottom: 30px;
}

.counter {
  position: absolute;
  bottom: 30px;
  color: #ffffff;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: 3px;
}

/**************************** spinner Close ***************************/
/**************************** Form css Start ***************************/
.form-control::-webkit-input-placeholder {
  color: #313747;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.48px;
  opacity: 0.9;
}

.form-control::-moz-placeholder {
  color: #313747;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.48px;
  opacity: 0.9;
}

.form-control:-ms-input-placeholder {
  color: #313747;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.48px;
  opacity: 0.9;
}

.form-control:-moz-placeholder {
  color: #313747;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.48px;
  opacity: 0.9;
}

select:focus,
textarea:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #000 !important;
}

.input-main {
  margin: 0 0 18px 0;
  overflow: hidden;
}

.input-main p,
.input-main label {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  margin: 0 0 3px 0;
  padding: 0;
  color: #313747;
  line-height: 24px;
}

.input-main p span,
.input-main label span {
  color: #ff6b6b;
}

.input-main .form-group {
  position: relative;
}

.input-main .form-group .card-imgs {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 20px;
  color: #74769e;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 3px;
}

.input-main .form-group .card-imgs li img {
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  object-fit: contain;
}

.input-main .form-control.img-bx {
  padding: 12px 20px 12px 60px;
}

.input-main.rightOne .form-control.img-bx {
  padding: 12px 60px 12px 12px;
}

.input-main.rightOne .form-group .card-imgs {
  right: 20px;
  left: inherit;
}

.input-main .form-select,
.input-main .form-control {
  border: none;
  height: auto;
  background-color: #fff;
  border: 1px solid var(--Light-Grey, #d2d2d2);
  border-radius: 5px;
  padding: 8px 30px 8px 17px;
  color: #232f3f;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

.input-main .form-group .field-icon1 {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 10px;
  color: #313747;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.input-main .form-group .field-icon1.fa-eye:before,
.input-main .form-group .field-icon1.fa-eye-slash:before {
  font-family: "Font Awesome 6 pro";
}

.input-main .forgot {
  text-align: right;
  color: #313747;
  margin: 10px 0 0 0;
  font-size: 15px;
  line-height: 18px;
  text-transform: unset;
  font-weight: 400;
  display: block;
}

.form-check {
  margin: 0;
}

.form-check .form-check-input:checked {
  background-color: #ff5722;
  border-color: #ff5722;
}

.form-check .form-check-input:focus {
  border-color: #ff5722;
  box-shadow: none;
}

.form-check .form-check-label {
  letter-spacing: 1.5px;
  text-transform: capitalize;
  margin: 0;
  color: #313747;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/**************************** Form css End ***************************/

/************************************* header *************************************/
/* header top */
header {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}

/* header-btm */
header .header-btm {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 0px 0px;
}

header .sticky {
  position: fixed;
  top: 30px;
  width: 100%;
}

header .header-btm .navbar > .container-fluid {
  align-items: center;
}

header .header-btm .navbar {
  transition: all 0.3s ease-in-out;
  position: relative;
  background: #000000;
  padding: 25px 54px;
  margin: auto;
  background-color: #101010;
  border-radius: 10px;
  width: 95%;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
}

header .header-btm.sticky .navbar {
  border-bottom: none !important;
}

header .header-btm .navbar .navbar-nav {
  align-items: center;
  gap: 20px;
  width: 95%;
  justify-content: end;
}

header .header-btm .navbar .navbar-nav .nav-item {
  position: relative;
}

header .header-btm .navbar .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  text-transform: capitalize;
  padding: 6px 10px;
  margin: 0;
  letter-spacing: 0;
  word-spacing: 0;
  border: none;
  background-color: #fdc50000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.5s ease-in-out;
  border-radius: 8px;
  font-weight: 400;
}
header .header-btm .navbar .navbar-nav li span {
  height: 7px;
  width: 7px;
  background: #fdc500;
  display: flex;
  border-radius: 50%;
}

header .header-btm .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #000000;
  background-color: #fdc500;
}

header .header-btm .navbar .navbar-brand {
  margin: 0;
  padding: 0;
}

header .header-btm .navbar .navbar-brand .logo {
  width: 67%;
}

header.sticky .header-btm .navbar .navbar-brand .logo {
  height: 70px;
}

header .header-btm .side-ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

header .header-btm .side-ul .sd-li .btn-started {
  font-size: 16px;
  color: #ffc233;
  text-transform: capitalize;
  background: transparent;
  height: 48px;
  border: 2px solid #ffc233;
  width: 150px;
}

header .header-btm .side-ul .sd-li .search-bar {
  font-size: 16px;
  color: #ffc233;
  text-transform: capitalize;
  background: transparent;
  height: 48px;
  border: 2px solid #ffc233;
  width: 50px;
}

/***************************** header close *****************************/
/***************************** Footer Start *****************************/
footer {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #000000;
}

footer .footer-bottom {
  padding: 24px 0;
}

footer .footer-bottom .copyright p {
  color: #dfdfdf;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

footer .footer-bottom .copyright p a {
  color: #fafbfd;
}

footer .footer-bottom .privacy-links ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 30px;
}

footer .footer-bottom .privacy-links ul li {
  color: #ffffff;
}

footer .footer-bottom .privacy-links ul li a {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all 0.3s 
ease-in-out;
}

footer .footer-bottom .privacy-links ul li a:hover {
  color: #ffffff;
}

/*********************** footer close ***********************/
/*********************** home-page css Start ***********************/
/* banner */
.home-banner-wrap {
  overflow: hidden;
  position: relative;
  background: #fdc500;
  z-index: 1;
  padding: 20px 0px;
}
.home-banner-wrap .contant {
  text-align: center;
}
.home-banner-wrap .contant h1 {
  font-size: 565px;
  text-transform: uppercase;
  line-height: 467px;
  color: #000000;
  font-weight: 400;
  animation: blink-bold 2s infinite;
  font-family: "Montserrat", sans-serif;
}
@keyframes blink-bold {
  0% {
    font-weight: 400;
  }
  25% {
    font-weight: 500;
  } /* bold after 0.5s */
  50% {
    font-weight: 700;
  } /* back to normal after 1s */
  75% {
    font-weight: 700;
  } /* back to normal after 1s */
  100% {
    font-weight: 400;
  }
}

.home-banner-wrap .contant h3 span,
.home-banner-wrap .contant h2 span,
.home-banner-wrap .contant h1 span {
  font-weight: 600;
  animation: blink-regurla 2s infinite;
   font-family: "Montserrat", sans-serif;
}
@keyframes blink-regurla {
  0% {
    font-weight: 700;
  }
  25% {
    font-weight: 500;
  } /* bold after 0.5s */
  50% {
    font-weight: 400;
  } /* back to normal after 1s */
  75% {
    font-weight: 400;
  } /* back to normal after 1s */
  100% {
    font-weight: 700;
  }
}
.home-banner-wrap .contant h3 {
  font-size: 285px;
  text-transform: uppercase;
  line-height: 310px;
  color: #000000;
  font-weight: 400;
  animation: blink-bold 2s infinite;
  font-family: "Montserrat", sans-serif;
}

.home-banner-wrap .contant h2 {
  font-size: 175px;
  line-height: 230px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
  animation: blink-bold 2s infinite;
  font-family: "Montserrat", sans-serif;
}

/* banner */
/* video-wrapper css */
.video-wrapper {
  overflow: hidden;
}
.video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  border-radius: 1rem;
  will-change: transform;
}
/* video css */
/* main_wrap_videos */
section.main_wrap_videos {
  position: relative;
  overflow: hidden;
}

section.main_wrap_videos video.video-box {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  margin: -8px 0px 0px;
}
/* main_wrap_videos */

/* our_services_wrap */
section.our_services_wrap {
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
  background: #fbfbfb;
}
.our_services_wrap .brand_box {
  position: relative;
}
.our_services_wrap .brand_box .contant {
  position: relative;
  z-index: 5;
}
.our_services_wrap .our_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid #c9c9c98d;
  border-radius: 13px;
  padding: 40px 35px;
  box-shadow: 0 4px 11px #00000008;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  perspective: 1200px;
  transform-origin: 50% 100%;
  height: 210px;
}
.our_services_wrap .our_btn:hover {
  transform: translateY(0px) rotateX(40deg) rotateZ(0deg) scale(1);
  transform-style: preserve-3d;
  will-change: transform;
}
.our_services_wrap .brand_box .color-div {
  z-index: 1;
  transform-origin: 50% 100%;
  background-color: #fdc500;
  border-radius: 16px;
  position: absolute;
  inset: 0%;
  height: 210px;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.6s ease;
  transform-origin: center center;
}
.our_services_wrap .brand_box .color-div._2 {
  z-index: 2;
  background-color: #8250ff;
}
.our_services_wrap .brand_box .color-div._3 {
  z-index: 3;
  background-color: #ff339a;
}
.our_services_wrap .brand_box .color-div._4 {
  z-index: 4;
  background-color: #07ccc7;
}

/* 3D POP OUT EFFECT */
.our_services_wrap .brand_box:hover .color-div._1 {
  transform: translateY(0px) rotateX(20deg) rotateZ(0deg) scale(1);
}
.our_services_wrap .brand_box:hover .color-div._2 {
  transform: translateY(0px) rotateX(30deg) rotateZ(0deg) scale(1);
}
.our_services_wrap .brand_box:hover .color-div._3 {
  transform: translateY(0px) rotateX(40deg) rotateZ(0deg) scale(1);
}
.our_services_wrap .brand_box:hover .color-div._4 {
  transform: translateY(0px) rotateX(50deg) rotateZ(0deg) scale(1);
}

.our_services_wrap .our_btn h6 {
  font-size: 27px;
}
.our_services_wrap .our_btn img {
  width: 25%;
}
.our_services_wrap .box_main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s ease;
  background: #fbfbfb;
  margin: 24px 0px 0px;
}
.box_main.active {
  max-height: 500px; /* jitna content ho utna */
  opacity: 1;
}
.our_services_wrap .box_main a {
  text-align: center;
  font-size: 20px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
/* our_services_wrap */
/* trusted_wrap */
.trusted_wrap {
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.trusted_wrap .head img {
  position: absolute;
  width: 55%;
  top: 51%;
  left: -2%;
  height: 74px;
}
.trusted_wrap .head {
  margin: 0px 0px 60px;
}
.trusted_wrap .testi-box h3 {
  font-size: 30px;
  line-height: 50px;
  color: #000;
  font-weight: 400;
}
.trusted_wrap .testi-box ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 60px 0px 0px;
}
.trusted_wrap .testi-box ul li img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.trusted_wrap .testi-box ul li h6 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 25px;
}
.trusted_wrap .testi-box ul li h6 span {
  font-size: 17px;
  font-weight: 500;
  color: #858585;
  display: block;
}
.trusted_wrap .owl-carousel .owl-nav button.owl-next,
.trusted_wrap .owl-carousel .owl-nav button.owl-prev {
  border: 1px solid #8f8f8f;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: absolute;
}
.trusted_wrap .owl-carousel .owl-nav button.owl-next:hover,
.trusted_wrap .owl-carousel .owl-nav button.owl-prev:hover {
  background: #000;
}
.trusted_wrap .owl-carousel .owl-nav button.owl-next {
  right: -28%;
  top: 18%;
}
.trusted_wrap .owl-carousel .owl-nav button.owl-prev {
  left: -28%;
  top: 18%;
}
/* trusted_wrap */

/* faqs css */
section.faqs_wrap {
  background: #000000;
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
}
section.faqs_wrap .head.faq-head h2 {
  color: #92c230;
}

section.faqs_wrap .head.faq-head h2 span {
  color: #fff;
  display: contents;
}

section.faqs_wrap .head.faq-head img {
  width: 16%;
  top: -7%;
  left: 9%;
  height: 81px;
}
section.faqs_wrap .faq_box {
  margin: 40px 0px 0px;
}
section.faqs_wrap .faq_box .accordion-item {
  border: 0;
  margin: 0px auto 40px;
  border-radius: 8px;
  width: 88%;
}
section.faqs_wrap .faq_box .accordion-item .accordion-header {
  transition: all 0.3s ease-in-out;
}
section.faqs_wrap
  .faq_box
  .accordion-item
  .accordion-header
  .accordion-button.collapsed {
  background: #000000;
  color: #fff;
  display: block;
  transition: all 0.3s ease-in-out;
}
section.faqs_wrap .faq_box .accordion-item .accordion-header .accordion-button {
  background: #ffffff;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  box-shadow: none;
  height: 50px;
  border-radius: 7px;
  padding: 0px 12px;
}
section.faqs_wrap .faq_box .accordion-item .accordion-collapse {
  transition: all 0.3s ease-in-out;
}
section.faqs_wrap .faq_box .accordion-item .accordion-collapse .accordion-body {
  padding: 20px;
}
section.faqs_wrap
  .faq_box
  .accordion-item
  .accordion-collapse
  .accordion-body
  p {
  font-size: 18px;
  line-height: 30px;
  margin: 0px 0px 20px;
}
section.faqs_wrap
  .faq_box
  .accordion-item
  .accordion-header
  .accordion-button::after {
  content: "\2b";
  font-family: "Font Awesome 6 pro";
  background: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -7%;
  position: absolute;
  top: 0px;
}
section.faqs_wrap
  .faq_box
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)::after {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  transform: rotate(0deg);
  color: #000000;
  background: #92c230;
  transition: all 0.3s ease-in-out;
}
/* faqs css */

/* tired_wrap css */
section.tired_wrap {
  background: #ffffff;
  padding: 100px 0px 70px;
  position: relative;
  z-index: 999;
}

section.tired_wrap .head.tired-head {
  text-align: center;
}

section.tired_wrap .head.tired-head img {
  width: 10%;
  top: 18%;
  left: 55%;
  height: 57px;
}
section.tired_wrap .tabs_issues .ul-tabs {
  justify-content: center;
  margin: 0px auto 50px;
  background: #f9f9f9;
  padding: 14px 0px;
  border-radius: 15px;
  width: 36%;
}
section.tired_wrap .tabs_issues .ul-tabs .nav-item .nav-link {
  width: 210px;
  padding: 10px 0px;
  border-radius: 14px;
  color: #000;
  font-size: 16px;
}

section.tired_wrap .tabs_issues .ul-tabs .nav-item .nav-link.active {
  background: #8250fc;
  color: #ffffff;
}

section.tired_wrap .tabs_issues .tab-content {
  margin: 15% 0px 0px;
}

section.tired_wrap .tabs_issues .tab-content .mix-btn {
  width: 100%;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  margin: 0px 0px 35px;
}

/* Left → Right (mix-btn) */
section.tired_wrap .tabs_issues .tab-content .mix-btn div {
  animation: marquee-right 30s linear infinite;
}

/* Left → Right (mix-btn) */
section.tired_wrap .tabs_issues .tab-content .mix-btn_two div {
  animation: marquee-left 30s linear infinite;
}

section.tired_wrap .tabs_issues .tab-content .mix-btn button {
  border: 0;
  padding: 20px 40px;
  border-radius: 100px;
  font-size: 22px;
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
}
/* Left → Right */
@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Left → Right */
@keyframes marquee-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.color_plur {
  background: #8250ff;
  color: #ffffff !important;
}
.color_org {
  background: #fdc500;
  color: #000 !important;
}
.color_blue {
  background: #07ccc7;
  color: #000000 !important;
}
.color_black {
  background: #000;
  color: #fff !important;
}
.color_green {
  background: #9bce32;
  color: #000000 !important;
}
.color_pink {
  background: #ff339a;
  color: #ffffff !important;
}
/* tired_wrap css */

/*process */

.new-section-developers {
  width: 100%;
  background: #fff;
  padding: 60px 0;
  position: relative;
}

.new-section-developers .head {
  margin-top: 30px;
  position: sticky;
  top: 120px;
}

.new-section-developers .head.sticky {
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}

.new-section-developers .head img {
  width: 35%;
  top: 59%;
  left: -3%;
}
.new-section-developers .developers-right-bg {
  width: 100%;
  border-radius: 30px;
  padding: 29px 29px 25px;
  position: relative;
  margin-top: 30px;
}
.new-section-developers .developers-right-bg:after {
  content: "";
  position: absolute;
  border-left: 2px dotted #000000;
  left: 52px;
  top: 65px;
  height: 100%;
  z-index: 1;
}
.new-section-developers .developers-right-bg .media {
  display: flex;
  align-items: flex-start;
}
.new-section-developers .developers-right-bg .number-one {
  background: #fff;
  border: 1px solid #000000;
  border-radius: 100%;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  margin-right: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 2;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.new-section-developers .developers-right-bg h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 40px;
  color: #000000;
}
.new-section-developers .developers-right-bg p {
  line-height: 28px;
  margin-top: 20px;
}
/*process */

/* Results_wrap */
.Results_wrap {
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
  background: #fbfbfb;
  height: 100vh;
  display: flex;
}
.Results_wrap .head.results-head img {
  width: 94%;
  top: 65%;
  left: -5%;
  height: 81px;
}
.Results_wrap .main-contant {
  position: relative;
}

.Results_wrap .main-contant > div {
  will-change: transform;
  transition: transform 0.1s linear;
}
.Results_wrap .main-contant .box {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 16px;
  box-shadow: 0 4px 12px #0000000f;
  padding: 30px;
  margin: 0px 0px 20px;
  height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.Results_wrap .main-contant .box h6 {
  font-size: 60px;
  line-height: 70px;
  color: #000;
}
.Results_wrap .main-contant .box img {
  width: 100%;
  filter: brightness(0) saturate(100%) invert(79%) sepia(42%) saturate(731%)
    hue-rotate(28deg) brightness(91%) contrast(89%);
}

.Results_wrap .main-contant div {
  animation: marquee-up 30s linear infinite;
}
.Results_wrap .main-contant.main-contant_two div {
  animation: marquee-down 30s linear infinite;
}
@keyframes marquee-up {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes marquee-down {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
/* Results_wrap */

/* portofolio_wrap */
.portofolio_wrap {
  display: flex;
  gap: 13px;
  background: #000;
  padding: 10px 0px;
  white-space: nowrap;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
}

.portofolio_wrap .main_pro {
  position: relative;
}

.portofolio_wrap .main_pro > div {
  will-change: transform;
  transition: transform 0.1s linear;
}
.portofolio_wrap .main_pro .main-img {
  margin: 0px 0px 13px;
  max-width: 700px;
  min-width: 700px;
  max-height: 400px;
  min-height: 400px;
}
.portofolio_wrap .main_pro .main-img img {
  width: 100%;
  border-radius: 0px;
  height: 400px;
  object-fit: cover;
}
.portofolio_wrap .main_pro .main-img video {
  border-radius: 0px;
  width: 100%;
  height: 400px;
}

.portofolio_wrap .main_pro div {
  animation: marquee-up 30s linear infinite;
}
.portofolio_wrap .main_pro.pro_two div {
  animation: marquee-down 30s linear infinite;
}
@keyframes marquee-up {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes marquee-down {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
/* portofolio_wrap */
/*********************** home-page css Close ***********************/

/*********************** inner-page css Start ***********************/
/* kfc_banner_wrap */
.kfc-banner-wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background-image: url(../images/img2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.kfc-banner-wrap.tyres_banner_bg {
  background-image: url(../images/tyres-bg.webp);
}
section.kfc-banner-wrap.samsung_banner {
  background-image: url(../images/samsung-bg.webp);
}
section.kfc-banner-wrap.we-company {
  background-image: url(../images/we-bg.webp);
}
section.kfc-banner-wrap.funnel_bg {
  background-image: url(../images/funnel_bg.webp);
}

section.kfc-banner-wrap.rewards {
  background-image: url(../images/img3.webp);
  height: 1260px;
}
section.kfc-banner-wrap.rewards.samsun {
  background-image: url(../images/img23.webp);
}
section.kfc-banner-wrap.rewards.pink-we {
  background-image: url(../images/img28.png);
}
section.kfc-banner-wrap.rewards.poster-bg {
  background-image: url(../images/poster1.webp);
}
section.kfc-banner-wrap.rewards.card-we {
  background-image: url(../images/img37.webp);
}
section.kfc-banner-wrap.rewards.orange_bg {
  background-image: url(../images/orange-bg.webp);
}
section.kfc-banner-wrap.rewards.card-funnel {
  background-image: url(../images/img46.webp);
}
/* kfc_banner_wrap */

/* section.kfc_content_wrap */
section.kfc_content_wrap {
  padding: 80px 0px 100px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

section.kfc_content_wrap .head .feel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0px 0px;
}

section.kfc_content_wrap .head {
  padding: unset;
}

section.kfc_content_wrap .head .feel h3 {
  font-size: 40px;
  font-weight: 400;
  color: #000;
  width: 35%;
  line-height: 50px;
}

section.kfc_content_wrap .head h2 {
  font-size: 680px;
  font-weight: 400;
  line-height: 700px;
  text-transform: uppercase;
  white-space: nowrap;
}
/* section.kfc_content_wrap */

/* rlogo_wrap */
.rlogo_wrap {
  padding: 150px 0px;
  position: relative;
  overflow: hidden;
  background: #000000;
  z-index: 1;
}
.rlogo_wrap .cont_pad {
  padding: 0px 10rem;
}
.rlogo_wrap .main-img img {
  width: 80%;
  object-fit: cover;
}
.rlogo_wrap .main-rimg {
  display: flex;
  align-items: self-start;
  gap: 40px;
}
.rlogo_wrap .main-rimg img {
  object-fit: contain;
}
.rlogo_wrap .main-rimg .rlogo_1 {
  height: 210px;
}
.rlogo_wrap .main-rimg .rlogo_2 {
  height: 160px;
}
.rlogo_wrap .main-rimg .rlogo_3 {
  height: 110px;
}
/* rlogo_wrap */
/* video_card_sec */
.video_card_sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
  background: #000;
  height: 1140px;
}
.video_card_sec .box {
  flex: 1;
  margin: 0 0px;
}
.video_card_sec .box .main-img {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  height: 100%;
  text-align: center;
}
.video_card_sec .box .main-img img {
  width: 85%;
}
.video_card_sec .box .main-img video {
  width: 100%;
  height: 1140px;
  object-fit: cover;
}
/* video_card_sec */

/* section.designed_wrap */
section.designed_wrap {
  background: #000;
  position: relative;
  padding: 150px 0px 0px;
}
section.designed_wrap .head {
  margin: 0px 0px 80px;
}
section.designed_wrap .head p {
  width: 100%;
  color: #ffffff;
  font-size: 40px;
  line-height: 55px;
  font-weight: 500;
}
section.designed_wrap .main-img img {
  width: 100%;
  object-fit: cover;
}
/* section.designed_wrap */

/* section.focused_wrap */
section.focused_wrap {
  background: #000;
  position: relative;
  padding: 0px 0px 150px;
}
section.focused_wrap .head p {
  width: 100%;
  color: #ffffff;
  font-size: 26px;
  line-height: 40px;
  font-weight: 500;
}
section.focused_wrap .main-img video {
  width: 100%;
  height: 630px;
  margin: -100px 0px 0px;
}
/* section.focused_wrap */

/* red_portofilo_sec */
.red_portofilo_sec {
  background-image: url(../images/red-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 0px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: 130vh;
}
.red_portofilo_sec .main-img img {
  width: 100%;
}
/* red_portofilo_sec */

/* section.leaderboard_wrap */
section.leaderboard_wrap {
  background: #000;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0px 0px 100px;
}
section.leaderboard_wrap .first_land {
  position: relative;
  overflow: hidden;
  text-align: center;
}
section.leaderboard_wrap .head-img img {
  width: 20%;
  margin: 0px 0px 70px;
}
section.leaderboard_wrap .svg-img img {
  width: 85%;
}
section.leaderboard_wrap .svg-img {
  position: absolute;
  width: 100%;
  top: 14%;
}
section.leaderboard_wrap .mobile-img {
  position: relative;
}
section.leaderboard_wrap .mobile-img img {
  width: 25%;
}
section.leaderboard_wrap .para {
  position: absolute;
  top: 50%;
  width: 17%;
  text-align: left;
  right: 15%;
}
section.leaderboard_wrap .para p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}
section.leaderboard_wrap .mine_land {
  background-image: url(../images/bg-food.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px 0px;
  position: relative;
  overflow: hidden;
}
section.leaderboard_wrap .mine_land .main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
  position: relative;
  z-index: 1;
}
section.leaderboard_wrap .mine_land .main-img img {
  width: 21%;
}
section.leaderboard_wrap .mine_land .shape {
  position: absolute;
  top: 34%;
  left: 0%;
  width: 100%;
}
section.leaderboard_wrap .mine_land .shape img {
  width: 70%;
}
/* section.leaderboard_wrap */
/* light_bg_wrap */
.light_bg_wrap {
  background-image: url(../images/img11.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1280px;
}
.light_bg_wrap.tyres_light {
  background-image: url(../images/img16.webp);
}
/* light_bg_wrap */
/* mobile_demo_wrap */
.mobile_demo_wrap {
  padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 1200px;
}
.mobile_demo_wrap video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* mobile_demo_wrap */
/* section.Thought_wrap */
section.Thought_wrap {
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
}

section.Thought_wrap .head {
  margin: 0px 0px 10px;
}

section.Thought_wrap .head h2 {
  font-size: 220px;
  font-weight: 400;
  line-height: 260px;
  color: #000;
  text-transform: uppercase;
}
section.Thought_wrap .head .first {
  padding-left: 10%;
}
section.Thought_wrap .head .change {
  font-family: initial;
  font-style: italic;
}
section.Thought_wrap .head .last {
  text-align: end;
}

section.Thought_wrap .Pro h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 45px;
  margin: 0px 0px 20px;
}

section.Thought_wrap .Pro p {
  font-size: 23px;
  font-weight: 500;
  line-height: 40px;
}
section.Thought_wrap .pad {
  padding: 80px 0px 0px;
}
section.Thought_wrap .btn {
  justify-content: end;
  gap: 10px;
}

section.Thought_wrap .btn button {
  border: 1px solid #000;
  font-size: 18px;
  color: #000;
  background: #fff;
  padding: 10px 20px;
  border-radius: 100px;
  font-weight: 500;
}

section.Thought_wrap .btn-img {
  text-align: end;
}

section.Thought_wrap .btn-img img {
  width: 80%;
}
/* section.Thought_wrap */

/* ===========tyres_page============ */

/* tyr_crad_wrap */
section.video_card_sec.tyr_crad_wrap .box .main-img img {
  width: 100%;
  height: 1140px;
  object-fit: cover;
  transform: scale(1.5);
}
section.video_card_sec.we-company-wrap .box .main-img img {
    width: 100%;
}
/* tyr_crad_wrap */
/* home_tyr_sec */
.home_tyr_sec {
  background-image: url(../images/img14.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_tyr_sec img {
  width: 35%;
}
/* home_tyr_sec */
/* track_bg */
.track_bg {
  background-image: url(../images/track.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 1200px;
  position: relative;
  overflow: hidden;
}
/* track_bg */

/* section.laptop_tyres_wrap */
section.laptop_tyres_wrap {
  background: #fcf403;
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 1400px;
}
section.laptop_tyres_wrap .head-img img {
  width: 80%;
  transform: translateY(23%);
}
/* section.laptop_tyres_wrap */

/* section.machina_wrap */
section.machina_wrap {
  background: #000;
}

section.machina_wrap .head {
  padding: 80px 17rem 100px;
}

section.machina_wrap .head span {
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  margin: 0px 0px 0px -9rem;
}

section.machina_wrap .head h2 {
  color: #fff;
  font-size: 130px;
  font-weight: 700;
  line-height: 115px;
  text-transform: uppercase;
  margin: 90px 0px 30px;
}

section.machina_wrap .head h4 {
  color: #fff;
  margin-top: 40px;
  margin-bottom: 16vh;
  font-size: 38px;
  line-height: 38px;
  text-transform: uppercase;
}

section.machina_wrap .head p {
  color: #fff;
  font-size: 35px;
  line-height: 50px;
  text-transform: uppercase;
}
section.machina_wrap .center_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
  overflow: hidden;
  position: relative;
}

section.machina_wrap .center_box .box {
  flex: 1;
}

section.machina_wrap .center_box .box .main-img {
  position: relative;
  overflow: hidden;
  height: 100%;
  text-align: center;
}

section.machina_wrap .center_box .box .detail {
  position: relative;
  overflow: hidden;
  height: 100%;
  background: #1616df;
  padding: 77px 50px;
}

section.machina_wrap .center_box .box .main-img img {
  width: 100%;
}

section.machina_wrap .center_box .box .detail p {
  color: #9d9dff;
  font-size: 30px;
  line-height: 40px;
}

section.machina_wrap .center_box .box .detail h4 {
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  margin: 10% 0px 10px;
}

section.machina_wrap .center_box .box .detail span {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

section.machina_wrap .center_box .box .detail img {
  width: 80%;
  margin: 20px 0px 0px -50px;
}
/* section.machina_wrap */
/* ===========tyres_page============ */

/* ========samsung page========== */

/* moblie_screen */
.moblie_screen {
  background: #000;
  padding: 150px 10rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 25px;
}
.moblie_screen img {
  width: 19%;
}
/* moblie_screen */
/* camra_wrap_sec */
.camra_wrap_sec {
  background: #000;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0% 0% 0%;
  white-space: nowrap;
  justify-content: center;
}
.camra_wrap_sec img {
  width: 15%;
  margin: -11% 0% 0%;
}
/* camra_wrap_sec */

/* Weatherproof_wrap */
.Weatherproof_wrap {
  background: #000000;
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
}
.Weatherproof_wrap .contant {
  padding: 0px 7px;
}
.Weatherproof_wrap .contant img {
  width: 16%;
  margin: 0px 0px 20px;
}
.Weatherproof_wrap .contant h4 {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  margin: 0px 0px 14px;
}
.Weatherproof_wrap .contant p {
  font-size: 15px;
  text-align: justify;
}
/* Weatherproof_wrap */

.video_card_sec .box .main-img.txt {
  text-align: left;
  padding: 0px 8rem;
}

.video_card_sec .box .main-img.txt h4 {
  font-size: 25px;
  color: #858585;
  line-height: 40px;
}
/* ========samsung page========== */

/* ========we company page========== */
/* escape_wrap */
.escape_wrap {
  background-image: url(../images/img31.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 230vh;
  display: flex;
  align-items: end;
  justify-content: end;
}
.escape_wrap img {
  width: 73%;
}
/* escape_wrap */

/* w-ball_wrap */
.w-ball_wrap {
  background: #fe7702;
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.w-ball_wrap .main-img img {
  width: 85%;
}
.w-ball_wrap .ball img {
  position: absolute;
}
.w-ball_wrap .ball img.ball-01 {
  top: 20%;
  left: 12%;
  width: 26%;
}

.w-ball_wrap .ball img.ball-02 {
  top: 0%;
  right: 3%;
  width: 26%;
}

.w-ball_wrap .ball img.ball-03 {
  bottom: -25%;
  right: 8%;
  width: 26%;
}
/* w-ball_wrap */
section.video_card_sec.svg_card {
  background: #000;
}
section.video_card_sec.svg_card .box {
  height: 100vh;
}

section.video_card_sec.svg_card .box .main-img.svG1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.video_card_sec.svg_card .box .main-img.svG1 img {
  width: 15%;
}

section.video_card_sec.svg_card .box .main-img.svG2 {
  border-left: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.video_card_sec.svg_card .box .main-img.svG2 img {
  width: 40%;
}
/* marque-video_wrap */
.marque-video_wrap {
  padding: 150px 0px;
  position: relative;
  overflow: hidden;
}
.marque-video_wrap video {
  width: 100%;
}
/* marque-video_wrap */

/* world_filled_sec */
.world_filled_sec {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 100px 0px;
}
.world_filled_sec::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 74%;
  background: #ff5b00;
  z-index: -1;
}
.world_filled_sec .box {
  flex: 1;
}
.world_filled_sec .box .main-img {
  text-align: center;
}
.world_filled_sec .box .main-img img {
  width: 80%;
}
.world_filled_sec .box .content h2 {
  font-size: 160px;
  font-weight: 700;
  line-height: 190px;
  color: #fff;
}
.world_filled_sec .box .content ul {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 30px 0px 0px;
}
.world_filled_sec .box .content ul li {
  background: #000;
  color: #fff;
  font-size: 20px;
  padding: 9px 25px;
  border-radius: 100px;
}
/* world_filled_sec */

.circle-detail {
  padding: 100px 0px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.circle-detail img {
  width: 82%;
}

.card_we {
  position: relative;
  overflow: hidden;
  padding: 0px 0px 100px;
  height: 100vh;
}
.card_we .main-img {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.card_we .main-img img {
  width: 40%;
  border-radius: 25px;
}

.card_we .main-img img.we_c02 {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: 100% 170%;
}

img.we_c01 {
  transform-style: preserve-3d;
  position: absolute;
  transform-origin: 100% 196%;
}

/* section.id_card_wrap */
section.id_card_wrap {
  position: relative;
  z-index: 1;
}

section.id_card_wrap img {
  width: 100%;
}

section.id_card_wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 78%;
  width: 100%;
  background: #ff5b00;
  z-index: -1;
}
/* section.id_card_wrap */
/* ========we company page========== */

/* ========Funnel page========== */
.task_wrap_sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.task_wrap_sec .box {
  flex: 1;
}
.task_wrap_sec .box.bg_color {
  background: #f24a11;
  padding: 60px 0px 0px;
}
.task_wrap_sec .box.bg_color h2 {
  font-size: 150px;
  line-height: normal;
  color: #fff;
}
.task_wrap_sec .box.bg_color .main-img {
  text-align: end;
}
.task_wrap_sec .box.bg_color .main-img img {
  width: 90%;
}
.task_wrap_sec .box.bg_color .trigger {
  background-color: #f1f8fb;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 410px;
}
.task_wrap_sec .box.bg_color .trigger .tab-images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  border: 2px solid #000;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 60%;
  font-size: 20px;
  line-height: 28px;
  display: grid;
}
.task_wrap_sec .box.bg_color .trigger .tab-images .single-button-hive.mid {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.task_wrap_sec .box .svg-img img {
  width: 100%;
}

/* phone-wrapper_screen */
.phone-wrapper_screen {
  background-color: #f94a59;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  overflow: hidden;
}
.phone-wrapper_screen .full-app-wrap {
  justify-content: center;
  align-items: flex-end;
  width: 77%;
  display: flex;
  position: relative;
}
.phone-wrapper_screen .full-app-wrap img {
  z-index: 1;
  position: relative;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.phone-wrapper_screen .full-app-wrap .div-bg {
  background-color: #eef2f4;
  width: 104.5%;
  height: 95%;
  position: absolute;
}
.phone-wrapper_screen .full-app-wrap .div-bg._2 {
  width: 109%;
  height: 90%;
}
/* phone-wrapper_screen */
.video_card_sec.malik_wrap {
  background: #f6efe9;
}
.video_card_sec .box.malik_box .main-img img {
  width: 70%;
}

/* destop_screen */
.destop_screen {
  background-color: #f94a59;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.destop_screen .main-img img {
  width: 100rem;
}
/* destop_screen */
/* laptop_wrap */
.laptop_wrap {
  padding: 150px 0px 100px;
  position: relative;
  overflow: hidden;
}
.laptop_wrap .main-img {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.laptop_wrap .main-img img {
  position: relative;
  z-index: 1;
  width: 80%;
}
.laptop_wrap .main-img .shape3 {
  position: absolute;
  left: 0%;
  top: 12%;
  width: 100%;
  z-index: -1;
}
.laptop_wrap .logo {
  text-align: center;
  margin: 100px 0px 0px;
}
.laptop_wrap .logo img {
  width: 80%;
}
/* laptop_wrap */
/* bluid_wrap */
.bluid_wrap {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.bluid_wrap .main-img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 200%; /* ensure both divs can scroll */
  white-space: nowrap;
}

.bluid_wrap .main-img div {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: marquee-left 30s linear infinite;
}

.bluid_wrap .main-img img {
  width: 19%;
}

@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* bluid_wrap */

/* web_pages_sec */
section.web_pages_sec {
  padding: 100px 0px 0px;
  background: #f4e0db;
  position: relative;
  overflow: hidden;
  height: 100vh;
}

section.web_pages_sec .scroll {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  gap: 30px;
}

section.web_pages_sec .scroll img {
  width: 100%;
}
/* web_pages_sec */
/* ========Funnel page========== */

/* ==============portfolio Page================= */
.unparalleled_wrap {
  padding: 300px 80px 100px;
}
.unparalleled_wrap .head-contant {
  text-align: center;
  border-bottom: 1px solid #909090;
  padding: 0px 0px 40px;
}
.unparalleled_wrap .head-contant h1 {
  font-size: 150px;
  line-height: 185px;
  font-weight: 600;
}
.unparalleled_wrap .head-contant .txt {
  background: #e4cfff;
  width: 25%;
  padding: 30px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  height: 100px; /* tumhari required height */
  transform: rotate(355deg);
  left: 60%;
  top: -45px;
}

.unparalleled_wrap .head-contant .txt .text-slide {
  position: absolute;
  top: 0;
  animation: slideText 15s infinite ease-in-out;
}

.unparalleled_wrap .head-contant .txt .text-slide h4 {
  font-size: 40px;
  font-weight: 600;
  line-height: 100px; /* match with box height */
  color: #000;
  margin: 0;
}

@keyframes slideText {
  0%   { top: 0; }
  20%  { top: -100px; }
  40%  { top: -200px; }
  60%  { top: -300px; }
  80%  { top: -400px; }
  100% { top: 0; }
}

.unparalleled_wrap .case_study_tabs {
  padding: 100px 0px 0px;
}
.unparalleled_wrap .case_study_tabs .study_nav {
  gap: 50px;
  align-items: center;
  margin: 0px 0px 30px;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .nav-link {
  padding: 0;
  border: 0;
  background: transparent;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .nav-link.active {
  background: transparent;
}
.unparalleled_wrap
  .case_study_tabs
  .study_nav
  .nav-item
  .nav-link.active
  .head
  h2 {
  color: #000;
}
.unparalleled_wrap
  .case_study_tabs
  .study_nav
  .nav-item
  .nav-link.active
  .head
  .itemcounter {
  color: #000;
}
.unparalleled_wrap
  .case_study_tabs
  .study_nav
  .nav-item
  .nav-link.active
  .head
  img {
  display: block;
  width: 109%;
  top: 0%;
  left: -3%;
  height: 125px;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .dot-tab {
  background-color: #e9e9e9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-bottom: -25px;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .nav-link .head {
  position: relative;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .nav-link .head h2 {
  font-size: 100px;
  line-height: normal;
  color: #acacac;
}
.unparalleled_wrap .case_study_tabs .study_nav .nav-item .nav-link .head img {
  display: none;
}
.unparalleled_wrap
  .case_study_tabs
  .study_nav
  .nav-item
  .nav-link
  .head
  .itemcounter {
  position: absolute;
  right: -3%;
  top: -12%;
  font-size: 20px;
  color: #909090;
  font-weight: 700;
}
.unparalleled_wrap .case_study_tabs .tab-content .mini-study-tab .mini_tab-ul {
  gap: 30px;
  margin: 0px 0px 90px;
  align-items: center;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .dot-tab {
  background-color: #e9e9e9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link {
  padding: 0;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link.active {
  background: transparent;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link.active
  .web_tab_box {
  color: #000;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
  position: relative;
  margin: auto;
}

.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link
  .web_tab_box {
  font-size: 30px;
  text-align: center;
  font-weight: 500;
  color: #acacac;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link
  .web_tab_box
  img {
  opacity: 0;
  visibility: hidden;
  display: block;
  margin: auto;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .mini_tab-ul
  .nav-item
  .nav-link.active
  .web_tab_box
  img {
  opacity: 1;
  visibility: visible;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .box {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #fff;
  justify-content: space-between;
  background-color: #fdc500;
  border-radius: 16px;
  flex-direction: column;
  padding: 25px;
  text-decoration: none;
  display: flex;
  height: 800px;
  position: relative;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .box
  .arrow-move-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .box
  .arrow-move-div
  .button-arrow-div {
  background-color: #ffffff;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
  overflow: hidden;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .box
  .arrow-move-div
  .button-arrow-div
  img {
  width: 24px;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .box
  h6 {
  font-size: 50px;
  color: #000000;
  line-height: 65px;
  font-weight: 600;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .main-img
  video,
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .main_box
  .main-img
  img {
  width: 100%;
  border-radius: 25px;
  height: 800px;
  object-fit: cover;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .contant_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 80px;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .contant_box
  .box
  img {
  width: 25%;
  object-fit: contain;
  margin: 0px 0px 25px;
  aspect-ratio: 4/3;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .contant_box
  .box
  p {
  color: #858585;
  font-size: 20px;
  line-height: 33px;
}
.unparalleled_wrap
  .case_study_tabs
  .tab-content
  .mini-study-tab
  .tab-content
  .contant_box
  .box
  h4 {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  margin: 35px 0px 30px;
}
/* ==============portfolio Page================= */
/*********************** inner-page css close ***********************/