.blackHover,
.bord {
  transition: 0.6s;
}
*,
.nav-links ul li a,
.whatsapp {
  text-decoration: none;
}
.ham,
.pop i {
  cursor: pointer;
}
.blur,
.paymentPop,
.workHover:hover .workContent {
  top: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}
::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #1d2671;
}
::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: #fff;
}
.pop i,
.whatsapp {
  border-radius: 50%;
}
.packagesList .packageBody ul::-webkit-scrollbar-thumb {
  background-color: #e7509c;
}
body {
  width: 100%;
  height: 100%;
  scrollbar-width: smooth;
  font-family: sans-serif;
  overflow-x: hidden;
}
.whatsapp {
  position: fixed;
  bottom: 4%;
  left: 1%;
  background-color: #023838;
  width: 4rem;
  height: 4rem;
  z-index: 101;
  animation: 1.2s infinite jump;
}
.aboutImage h2,
.blur,
.paymentPop {
  left: 0;
}
@keyframes jump {
  0%,
  100%,
  50% {
    transform: translateY(0);
  }
  25%,
  75% {
    transform: translateY(15px);
  }
}
.whatsapp i {
  color: #4ce25c;
  font-size: 2rem;
}
.blur,
.paymentPop {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  z-index: 99999999;
}
.pop {
  position: relative;
  width: 30rem;
  height: fit-content;
  background-color: #fff;
  border-radius: 8px;
}
.pop i,
.popFields {
  border: 1px solid #cfcccc;
}
.footHead,
.pop i {
  position: absolute;
}
.pop i {
  width: 1.5rem;
  height: 1.5rem;
  right: 15px;
}
#hero,
.pop form,
.popFields,
.workHover img,
header,
nav,
nav .logo img {
  width: 100%;
}
.popFields::placeholder {
  color: #767676;
}
.shadow {
  -webkit-box-shadow: inset 0 -6px 9px 3px rgba(10, 4, 19, 0.3) !important;
  box-shadow: inset 0 -6px 9px 9px rgba(10, 4, 19, 0.3) !important;
}
#hero {
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("/lp-web/assets/img/hero/hero\ section-01.webp") 0 0 / cover;
  overflow: hidden;
  padding-block: 2rem;
}
nav {
  padding: 0 9rem;
}
nav .logo {
  width: 200px;
}
.nav-links ul {
  gap: 2rem;
}
.nav-links ul li a {
  color: #fff;
  gap: 0.5rem;
}
.ham {
  font-size: 30px;
}
.laptopCont .laptopCarousel {
  position: absolute;
  width: 77.7%;
  height: 86.3%;
  top: 40px;
  left: 83px;
}
.laptop {
  width: 90%;
}
#hero-form {
  width: 100%;
  height: 600px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(1px);
  --webkit-backdrop-filter: blur(1px);
}
#hero-form img {
  top: -50px;
  right: -50px;
  width: 150px;
  transform: rotate(25deg);
}
.cb {
  background: linear-gradient(#1d2671 0, #c33764 100%);
}
.about {
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) 0 0 /
      cover,
    url("/lp-web/assets/img/about/bg.webp") 0 0 / cover;
}
.aboutHeading {
  bottom: 0;
}
.ourVision {
  bottom: 114px !important;
  left: 82% !important;
}
.opc {
  opacity: 0.3;
}
.aboutHeading h2,
.packHead,
.workHead {
  font-size: 110px;
}
.about .row div img {
  width: 100px;
}
.aboutImage img {
  width: 580px !important;
}
.work {
  background: linear-gradient(to top, #f16823, #261447);
}
.workHover .workContent {
  position: absolute;
  background: linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
  top: 100%;
  transition: 0.6s;
}
.packages {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) 0 0 /
      cover,
    url("/lp-web/assets/img/packages/Packages-01-01.webp") 0 0 / cover;
}
.blackHover:hover {
  color: #00f !important;
}
.gap {
  gap: 1rem;
}
.packagesList .packageBody ul {
  height: 200px;
  overflow-y: scroll;
  padding-left: 28px !important;
}
.packagesList .packageBody ul li {
  list-style-type: disc !important;
}
.packagesList .packageBody ul li::marker {
  color: #f26822;
  font-size: 25px;
}
.brandingSolutions {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) 0 0 /
      cover,
    url("/lp-web/assets/img/bcp/BUSINESS%20CATALYST%20PACKAGE-01.webp") 0 0 /
      cover;
}
.brandHead,
.cHead {
  font-size: 70px;
}
.cta {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) 0 0 /
      cover,
    url("/lp-web/assets/img/cta/Call%20to%20action-01.webp") 0 0 / cover;
}
.clientSay {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) 0 0 /
      cover,
    url("/lp-web/assets/img/client/client-bg.webp") 0 0 / cover #1d2671;
}
.tes-slider {
  overflow: hidden;
  width: 100%;
}
.swiper-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.swiper-slide {
  width: 100% !important;
  background-color: transparent;
  border-radius: 10px;
  padding: 50px;
  text-align: center;
}
.footHead {
  font-size: 120px;
  top: 0;
}
.mainFooter {
  background: linear-gradient(rgba(236, 75, 127, 0.3), rgba(244, 103, 35, 0.3))
      0 0 / cover,
    url("/lp-web/assets/img/footer/footerbg.webp") 0 0 / cover;
  padding-top: 6rem;
}
.contactForm {
  background: linear-gradient(#1d2671 0, #621c32);
  width: 500px;
}
.cbFlip,
.stripe-button-el span {
  background: linear-gradient(#c33764 0, #1d2671 100%) !important;
}
.packageBtn {
  position: relative;
  bottom: -10px;
}
.bord {
  border-radius: 0 20px !important;
}
.bord:hover {
  transform: scale(1.1);
}
.formRadius {
  border-radius: 8px !important;
}
.footerFormContainer {
  padding-left: 10rem !important;
}
.cbFlip {
  border-radius: 8px;
}
.headingWho {
  font-size: 77px;
}
.low-bottom {
  bottom: -40px;
}