@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.featured-owl .feature-card .feature-content.text-center .para-sm.primary-text {
    min-height: 101px;
}
.primary-btn {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  text-transform: capitalize;
  color: #F4F4F4;
  padding: 18.5px 0 18.5px 0;
  margin-left: 56px;
  position: relative;
  border: 0;
  background: transparent;
}
.primary-btn::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #F4F4F4 no-repeat center left -25px;
  background-color: #F4F4F4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  outline: 0.2px solid #F4F4F4;
  outline-offset: 2px;
}
.primary-btn::before {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0%;
  right: 0;
  background-color: #F4F4F4;
  width: 104%;
  height: 1px;
}
.primary-btn:hover::after {
  left: -56px;
  background: url(../images/btn-arrow-icon.svg) no-repeat center center;
  background-color: #F4F4F4;
  width: 48px;
  height: 48px;
  outline: 0px solid #F4F4F4;
}
.primary-btn:hover::before {
  width: 1px;
}

.primary-btn-active {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  text-transform: capitalize;
  color: #F4F4F4;
  padding: 18.5px 0 18.5px 0;
  margin-left: 56px;
  position: relative;
  border: 0;
  background: transparent;
}
.primary-btn-active::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #F4F4F4 no-repeat center left -25px;
  background-color: #F4F4F4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  outline: 0.2px solid #F4F4F4;
  outline-offset: 2px;
}
.primary-btn-active::before {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0%;
  right: 0;
  background-color: #F4F4F4;
  width: 104%;
  height: 1px;
}
.primary-btn-active:hover::after {
  left: -56px;
  background: url(../images/btn-arrow-icon.svg) no-repeat center center;
  background-color: #F4F4F4;
  width: 48px;
  height: 48px;
  outline: 0px solid #F4F4F4;
}
.primary-btn-active:hover::before {
  width: 1px;
}

.secondary-btn {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  text-transform: capitalize;
  color: #372E80;
  padding: 18.5px 0 18.5px 0;
  margin-left: 56px;
  position: relative;
  border: 0;
  background: transparent;
}
.secondary-btn::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #F4F4F4 no-repeat center left -25px;
  background-color: #FF4700;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  outline: 0.2px solid #FF4700;
  outline-offset: 2px;
}
.secondary-btn::before {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0%;
  right: 0;
  background-color: #372E80;
  width: 104%;
  height: 1px;
}
.secondary-btn:hover::after {
  left: -56px;
  background: url(../images/btn-arrow-icon-white.svg) no-repeat center;
  background-color: #FF4700;
  width: 48px;
  height: 48px;
  outline: 0px solid #FF4700;
}
.secondary-btn:hover::before {
  width: 1px;
}

.secondary-btn-active {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  text-transform: capitalize;
  color: #372E80;
  padding: 18.5px 0 18.5px 0;
  margin-left: 56px;
  position: relative;
  border: 0;
  background: transparent;
}
.secondary-btn-active::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #F4F4F4 no-repeat center left -25px;
  background-color: #FF4700;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  outline: 0.2px solid #FF4700;
  outline-offset: 2px;
}
.secondary-btn-active::before {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0%;
  right: 0;
  background-color: #372E80;
  width: 104%;
  height: 1px;
}
.secondary-btn-active:hover::after {
  left: -56px;
  background: url(../images/btn-arrow-icon-white.svg) no-repeat center;
  background-color: #FF4700;
  width: 48px;
  height: 48px;
  outline: 0px solid #FF4700;
}
.secondary-btn-active:hover::before {
  width: 1px;
}

.secondary-rounded-btn {
  display: flex;
  align-items: center;
  background: url(../images/secondary-rounded-arrow-icon.svg) no-repeat center right 16px;
  background-size: auto;
  background-color: #FF4700;
  padding: 0px 32px 0 12px;
  height: 48px;
  border-radius: 60px;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
}

.common-container {
  max-width: 1256px;
}

.common-form .form-control {
  height: 41px;
  padding: 16px;
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
  border-radius: 4px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  color: #100D26;
  text-transform: capitalize;
}
.common-form .form-control::-moz-placeholder {
  color: #100D26;
}
.common-form .form-control::placeholder {
  color: #100D26;
}
.common-form textarea.form-control {
  height: 95px;
  resize: none;
}
.common-form .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
}
.common-form .form-check .form-check-label {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #372E80;
  text-transform: capitalize;
}
.common-form .form-check .form-check-label a {
  color: #FF4700;
}
.common-form .form-check .form-check-input {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-color: #FF4700;
  background-color: #F4F4F4;
}
.common-form .form-check .form-check-input:checked {
  background-color: #FF4700;
}
.common-form .file-label {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #EEEEEE;
  background: url(../images/file-upload-icon.svg) no-repeat center right 16px;
  background-color: #FFFFFF;
  border-radius: 4px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  color: #100D26;
  text-transform: capitalize;
  height: 41px;
  line-height: 41px;
  padding: 0 16px;
  width: 100%;
}
.common-form .btn-wrap .secondary-btn {
  padding: 18.5px 0 15.5px 0;
}

.common-modal .modal-sm {
  max-width: 517px;
}
.common-modal .modal-body {
  padding: 40px 56px;
}
.common-modal .modal-content {
  background: #F4F4F4;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.0705882353);
  border-radius: 24px;
}
.common-modal .modal-content .para {
  color: #372E80;
  margin-bottom: 40px;
}

.heading-1 {
  font-family: "Outfit", sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 88.2px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}

.heading-2 {
  font-family: "Outfit", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60.48px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #100D26;
}

.heading-3 {
  /* H/03 */
  leading-trim: both;
  text-edge: cap;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  color: #100D26;
}

.heading-4 {
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  letter-spacing: 0.02em;
  color: #100D26;
}

.para {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
}

.para-sm {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
}

.primary-text {
  color: #FF4700;
}

.light-text {
  color: #F4F4F4;
}

header {
  background: transparent;
  transition: all 0.5s ease-in-out;
  padding: 26px 0;
  z-index: 999;
}
header:hover {
  background: #100D26;
}
header.active {
  background: #100D26;
}
header .desktop-header {
  max-width: 1256px;
}
header .desktop-header .nav-items {
  display: flex;
  gap: 24px;
  align-items: center;
}
header .desktop-header .nav-items a {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
}
header .desktop-header .nav-items .currency-link {
  display: flex;
  gap: 19px;
  align-items: center;
}
header .desktop-header .nav-items .currency-link ul {
  color: #F4F4F4;
  list-style-type: disc;
  list-style-position: inside;
}
header .desktop-header .nav-items .currency-link ul li::marker {
  content: "•";
  margin-right: 9px !important;
}
header .desktop-header .nav-items .currency-link ul a {
  padding-left: 9px;
}
header .mobile-header a {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
}

.header-bg {
  background: #100D26;
}

header.active {
  position: sticky !important;
  top: 0;
  background: #100D26 !important;
  animation: header-ani 0.5s linear;
}

@keyframes header-ani {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
.offcanvas-common {
  width: 640px !important;
  background: #100D26;
}
.offcanvas-common .offcanvas-body,
.offcanvas-common .offcanvas-header {
  position: relative;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 38px 80px;
}
.offcanvas-common video {
  position: absolute;
  right: 0;
  top: 0;
  -o-object-position: center left;
     object-position: center left;
  -o-object-fit: cover;
     object-fit: cover;
}
.offcanvas-common .top-offcanvas-sec {
  margin-bottom: 94px;
}
.offcanvas-common .top-offcanvas-sec ul {
  display: flex;
  gap: 24px;
  align-items: center;
}
.offcanvas-common .top-offcanvas-sec ul .top-offcanvas-sec-link {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
}
.offcanvas-common .top-offcanvas-sec ul .top-offcanvas-sec-link[aria-expanded=true] {
  color: #FF4700;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link {
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  position: relative;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0px;
  height: 1px;
  background: #372E80;
  transition: all 0.5s ease-in-out;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link:hover {
  color: #FF4700;
  padding-left: 24px;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link:hover::after {
  width: 16px;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link-active {
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  position: relative;
  color: #FF4700;
  padding-left: 24px;
}
.offcanvas-common .top-offcanvas-sec ul .hover-link-active::after {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  height: 1px;
  background: #372E80;
  transition: all 0.5s ease-in-out;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links .offcanvas-content-link {
  /* H/03 */
  leading-trim: both;
  text-edge: cap;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  color: #F4F4F4;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links .hover-link {
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  position: relative;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links .hover-link::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0px;
  height: 1px;
  background: #372E80;
  transition: all 0.5s ease-in-out;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links .hover-link:hover {
  color: #FF4700;
  padding-left: 24px;
}
.offcanvas-common .offcanvas-content .offcanvas-content-links .hover-link:hover::after {
  width: 16px;
}
.offcanvas-common .offcanvas-content .sub-links .sub-link-wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 40px;
  padding-left: 24px;
}
.offcanvas-common .offcanvas-content .sub-links .sub-link-wrap a {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #FF4700;
}
.offcanvas-common .offcanvas-content .sub-links .sub-link-wrap .active a {
  color: #F4F4F4;
}
.offcanvas-common .offcanvas-content #collapseCurrency .sub-link-wrap {
  flex-direction: row;
  gap: 22px;
}
.offcanvas-common .offcanvas-content .collapseCurrency-wrap:has(.collapse:not(.show)) {
  display: none !important;
}

.cart-content-sec {
  max-width: 326px;
}
.cart-content-sec .cart-content-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-bottom: 1px solid #3C3C3C;
  padding-bottom: 32px;
  margin-bottom: 24px;
}
.cart-content-sec .cart-content-top h4 {
  /* H/03 */
  leading-trim: both;
  text-edge: cap;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  color: #F4F4F4;
}
.cart-content-sec .cart-content-top h6 {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #FF4700;
}
.cart-content-sec .cart-service-lists .cart-service-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-content-sec .cart-service-lists .cart-service-item .cart-service-name {
  max-width: 222px;
  width: 100%;
  padding: 15px 0;
}
.cart-content-sec .cart-service-lists .cart-service-item .cart-service-name h5 {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #F4F4F4;
  margin-bottom: 0;
}
.cart-content-sec .cart-service-lists .cart-service-item .cart-service-name h6 {
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18.11px;
  color: #FF4700;
}
.cart-content-sec .cart-service-lists .cart-service-item .cart-service-price h5 {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #F4F4F4;
}
.cart-content-sec .cart-service-total {
  margin-bottom: 56px;
}
.cart-content-sec .cart-service-total h6 {
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  letter-spacing: 0.02em;
  color: #F4F4F4;
}
.cart-content-sec .btn-wrap {
  display: flex;
  gap: 30px;
  align-items: center;
}

footer {
  background: url(../images/footer-bg.png) no-repeat center;
  background-size: cover;
  padding: 78px;
}
footer .footer-wrap {
  max-width: 1256px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-wrap .footer-left-sec {
  display: flex;
  flex-direction: column;
  gap: 49px;
}
footer .footer-wrap .footer-left-sec p {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #FF4700;
  margin-bottom: 0;
}
footer .footer-wrap .footer-right-sec {
  max-width: 750px;
  width: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap {
  display: flex;
  justify-content: space-between;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap .footer-menu {
  width: 222px;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap .footer-menu .footer-link-flex {
  display: flex;
  gap: 56px;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap .footer-menu ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap .footer-menu a {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
}
footer .footer-wrap .footer-right-sec .footer-links-wrap .footer-contact-sec {
  width: 480px;
}
footer .footer-wrap .footer-right-sec .footer-link-heading {
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  letter-spacing: 0.02em;
  color: #FF4700;
  margin-bottom: 24px;
}
footer .footer-wrap .footer-right-sec address {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #F4F4F4;
  padding: 0;
  margin: 0;
}
footer .footer-wrap .footer-right-sec .footer-contact-wrap {
  gap: 32px;
  display: flex;
}
footer .footer-wrap .footer-right-sec .footer-contact-wrap ul {
  gap: 8px !important;
}
footer .footer-wrap .social-media-icon {
  display: flex;
  gap: 32px;
}

.welcome-sec {
  position: relative;
}
.welcome-sec .welcome-content-section {
  max-width: 555px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -3%;
}
.welcome-sec .welcome-content-section h1 {
  font-family: "Outfit", sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 88.2px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #F4F4F4;
  margin-bottom: 40px;
}
.welcome-sec .welcome-content-section p {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #FF4700;
  margin-bottom: 40px;
  max-width: 515px;
}
.welcome-sec .welcome-content-section .btn-wrap {
  display: flex;
  gap: 40px;
}
.welcome-sec .welcome-right-content {
  width: 58%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: end;
  gap: 42px;
  background: url(../images/welcome-right-side-sec-bg.svg) no-repeat right bottom;
  background-size: 81%;
  padding-bottom: 67px;
  padding-right: 5.3%;
}
.welcome-sec .welcome-right-content .first-video {
  border-radius: 35px;
  overflow: hidden;
}
.welcome-sec .welcome-right-content .first-video video {
  border-radius: inherit;
}
.welcome-sec .welcome-right-content .service-slider {
  width: 230px;
  height: 135px;
  background: #FF4700;
  border-radius: 24px;
  overflow: hidden;
  margin-left: 105px;
}
.welcome-sec .welcome-right-content .service-slider .service-text {
  padding-top: 40px;
  animation: slide-mob 5s infinite;
  position: relative;
  transform: translateY(0px);
}
@keyframes slide-mob {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-103px);
  }
  50% {
    transform: translateY(-206px);
  }
  72% {
    transform: translateY(-309px);
  }
}
.welcome-sec .welcome-right-content .service-slider h5 {
  font-family: "Outfit", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  text-align: center;
  color: white;
  margin-bottom: 40px;
}
.welcome-sec .welcome-right-content .second-video {
  border-radius: 35px;
  overflow: hidden;
}
.welcome-sec .welcome-right-content .second-video video {
  border-radius: inherit;
}

.fusion-pixels-sec {
  background: #F4F4F4;
  padding: 69px 0 70px 0;
}
.fusion-pixels-sec h3 {
  font-family: "Outfit", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60.48px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #100D26;
  margin-bottom: 56px;
}
.fusion-pixels-sec p {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #372E80;
  margin-bottom: 56px;
}
.fusion-pixels-sec .text-wrap {
  flex: 0 1 489px;
}
.fusion-pixels-sec .lg-img {
  top: 35px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.digital-sec {
  position: relative;
  background: #100D26;
}
.digital-sec .digital-img-lg {
  left: 4%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 50%;
}
.digital-sec .digital-flex {
  min-height: 839px;
  display: flex;
  justify-content: end;
  align-items: end;
  height: 100%;
}
.digital-sec .digital-flex .digital-content {
  width: 434px;
  margin-bottom: 148px;
}
.digital-sec .digital-flex .digital-content .heading-2 {
  margin-bottom: 56px;
}

.featured-services-sec {
  background: #F4F4F4;
  padding: 110px 0;
  min-height: 880px;
  overflow: hidden;
}
.featured-services-sec .featured-container .featured-owl {
  width: 1589px;
  position: absolute;
  left: 0;
}
.featured-services-sec .featured-container .heading-2 {
  margin-bottom: 48px;
}

.feature-card {
  max-width: 342px;
  position: relative;
  border-radius: 13px 0 13px 13px;
  overflow: hidden;
}
.feature-card .corner-img {
  top: -1px;
  right: -1.3px;
}
.feature-card .corner-img .corner-arrow-img {
  position: absolute;
  top: 1px;
  right: 1px;
}
.feature-card .feature-content {
  background: #100D26;
  padding: 28px 40px;
  transition: all 0.3s cubic-bezier(0, 1.1, 0, 1.31);
  position: relative;
  z-index: 3;
  border-radius: 0 0 13px 13px;
}
.feature-card .feature-content .subtitle {
  gap: 10px;
  margin-bottom: 8px;
}
.feature-card .feature-content .subtitle span {
  width: 11px;
  height: 11px;
  background: #FF4700;
  border-radius: 3px;
}
.feature-card .feature-content .para,
.feature-card .feature-content .para-sm {
  margin-bottom: 12px;
}
.feature-card:hover .feature-content {
  margin-top: -10px;
}

.owl-carousel .owl-item img {
  display: unset;
  width: unset;
}

.what-sets-sec {
  background: #100D26;
  padding: 103px 0 63px 0;
  position: relative;
}
.what-sets-sec .what-sets-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  position: relative;
  z-index: 3;
}
.what-sets-sec .what-sets-content {
  flex: 0 1 466px;
}
.what-sets-sec .what-sets-content .heading-2,
.what-sets-sec .what-sets-content .para {
  margin-bottom: 40px;
}
.what-sets-sec .what-set-up-img {
  transform: translate(30px, -65px);
  position: relative;
  z-index: 1;
}
.what-sets-sec .what-set-dots-lg {
  position: absolute;
  bottom: 0;
  right: 4.3%;
}
.what-sets-sec .common-container {
  position: relative;
}
.what-sets-sec .common-container::after {
  position: absolute;
  top: -14px;
  left: -98px;
  content: "";
  width: 103.5%;
  height: 480px;
  border-radius: 35px;
  border: 1px solid #F4F4F4;
}

.faq-sec {
  padding: 104px 0;
  background: #F4F4F4;
}
.faq-sec .heading-2 {
  margin-bottom: 64px;
}

.faq-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
}
.faq-lists .faq-item {
  flex: 1 1 37%;
  display: flex;
  gap: 26px;
}
.faq-lists .faq-item .faq-num {
  font-family: "Outfit", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  color: #FF4700;
}
.faq-lists .faq-item .heading-3 {
  margin-bottom: 26px;
}
.faq-lists .faq-item .para {
  color: #372E80;
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #FF4700;
}

.about-welcome-sec {
  position: relative;
  min-height: 1130px;
  padding: 190px 0 109px;
  background: url(../images/about-welcome-img.png) no-repeat center;
  background-size: cover;
}
.about-welcome-sec .about-content {
  padding: 134px 0;
  border-radius: 24px 24px 0px 0px;
  border-top: 1px solid #262626;
  border-right: 1px solid #262626;
  border-left: 1px solid #262626;
  background: linear-gradient(0deg, rgba(14, 14, 14, 0.8) 56.29%, rgba(14, 14, 14, 0) 158.68%);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
}
.about-welcome-sec .about-content .text-wrap {
  max-width: 847px;
  margin: auto;
  text-align: center;
}
.about-welcome-sec .about-content .text-wrap .heading-1 {
  margin-bottom: 40px;
}
.about-welcome-sec .about-content .text-wrap .para {
  max-width: 660px;
  margin-bottom: 56px;
}
.about-welcome-sec .about-content .text-wrap .btn-wrap {
  display: flex;
  gap: 40px;
  justify-content: center;
}
.about-welcome-sec .highlight {
  height: 32px;
  width: 100%;
  mix-blend-mode: plus-lighter;
  background: #161616;
  border-radius: 0 0 24px 24px;
}
.about-welcome-sec .primary-active-btn {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  text-transform: capitalize;
  color: #F4F4F4;
  padding: 18.5px 0 18.5px 0;
  margin-left: 56px;
  position: relative;
  border: 0;
  background: transparent;
}
.about-welcome-sec .primary-active-btn::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: #F4F4F4 no-repeat center left -25px;
  background-color: #F4F4F4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  outline: 0.2px solid #F4F4F4;
  outline-offset: 2px;
}
.about-welcome-sec .primary-active-btn::before {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0%;
  right: 0;
  background-color: #F4F4F4;
  width: 104%;
  height: 1px;
}
.about-welcome-sec .primary-active-btn:hover::after {
  left: -56px;
  background: url(../images/btn-arrow-icon.svg) no-repeat center center;
  background-color: #F4F4F4;
  width: 48px;
  height: 48px;
  outline: 0px solid #F4F4F4;
}
.about-welcome-sec .primary-active-btn:hover::before {
  width: 1px;
}

.scroll-me-sec {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
  cursor: pointer;
}
.scroll-me-sec span {
  height: 24px;
  width: 1px;
  background: #FF4700;
  margin: auto;
  display: block;
  transition: all 0.5s ease-in-out;
}
.scroll-me-sec h6 {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
  transition: all 0.5s ease-in-out;
  margin: 16px 0 0 0;
}
.scroll-me-sec:hover span {
  height: 40px;
  background: #F4F4F4;
}
.scroll-me-sec:hover h6 {
  color: #FF4700;
}

.navigating-sec {
  padding: 118px 0;
  background: #100D26;
  position: relative;
}
.navigating-sec .text-wrap {
  max-width: 471px;
  margin-left: auto;
  position: relative;
  z-index: 3;
}
.navigating-sec .text-wrap .heading-2 {
  margin-bottom: 56px;
}
.navigating-sec .navigating-img-lg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 51%;
}
.navigating-sec .common-container {
  position: relative;
}
.navigating-sec .common-container::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 484px;
  top: 50%;
  transform: translateY(-50%);
  right: -14%;
  border-radius: 35px;
  border: 1px solid #FFFFFF;
}

.meet-the-minds-sec {
  padding: 190px 0;
  background: #F4F4F4;
  position: relative;
}
.meet-the-minds-sec .text-wrap {
  max-width: 434px;
}
.meet-the-minds-sec .text-wrap .heading-2 {
  margin-bottom: 56px;
  max-width: 400px;
}
.meet-the-minds-sec .text-wrap .para {
  color: #372E80;
  margin-bottom: 0;
}
.meet-the-minds-sec .meet-the-minds-lg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50%;
}

.heartbeat-sec {
  padding: 69px 0;
  margin-bottom: 0px;
  background: linear-gradient(90deg, #F4F4F4 13%, #100D26 12%);
}
.heartbeat-sec .text-wrap {
  max-width: 489px;
  margin-left: auto;
}
.heartbeat-sec .common-container {
  position: relative;
}
.heartbeat-sec .common-container .heartbeat-img-lg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -155px;
}
.heartbeat-sec .heading-2,
.heartbeat-sec .para {
  margin-bottom: 46px;
}

.tapestry-sec {
  padding: 147px 0 107px 0;
  position: relative;
  background: var(--Neutral-300, #F4F4F4);
}
.tapestry-sec .text-wrap {
  max-width: 489px;
}
.tapestry-sec .text-wrap .heading-2,
.tapestry-sec .text-wrap .para {
  margin-bottom: 56px;
}
.tapestry-sec .text-wrap .para {
  color: #372E80;
}
.tapestry-sec .tapestry-lg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 53%;
}

.contact-us-welcome-sec {
  min-height: 974px;
  padding: 162px 0 77px 0;
  background: url(../images/contact-welcome-img.png) no-repeat center;
  background-size: cover;
}
.contact-us-welcome-sec .about-content {
  padding: 80px 0;
}
.contact-us-welcome-sec .details-sec {
  display: flex;
  justify-content: center;
  gap: 22px;
}
.contact-us-welcome-sec .details-sec .details-item {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 16px;
  border-left: 1px solid #FF4700;
}
.contact-us-welcome-sec .details-sec .gettouch {
  position: relative;
  border: none;
}
.contact-us-welcome-sec .details-sec .gettouch::after {
  content: "";
  background: #FF4700;
  width: 0.8px;
  height: 80px;
  position: absolute;
  left: 0;
}

.contact-form-sec {
  padding: 110px 0;
  background: #F4F4F4;
}
.contact-form-sec .form-bottom-sec {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-success {
  padding: 40px 0;
  background: var(--Neutral-300, #F4F4F4);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
}
.contact-success .para {
  margin-bottom: 40px;
  color: #372E80;
}

.faq-section {
  display: flex;
  background: #F4F4F4;
}
.faq-section .faq-right-sec {
  background: url(../images/faq-right-sec-bg.png) no-repeat center;
  background-size: cover;
  flex: 0 1 37%;
  padding-right: 80px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.faq-section .faq-right-sec h1 {
  color: #F4F4F4;
  /* H/03 */
  leading-trim: both;
  text-edge: cap;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  width: 159px;
}
.faq-section .faq-left-sec {
  flex: 0 1 47%;
  padding: 56px 0 56px 56px;
}

.term-condition-top-sec {
  padding: 131.5px 0;
  background: url(../images/term-condition-img-bg.png) no-repeat center;
  background-size: cover;
}
.term-condition-top-sec .common-container {
  border-radius: 24px;
  background: linear-gradient(0deg, rgba(14, 14, 14, 0.8) 56.29%, rgba(14, 14, 14, 0) 158.68%);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  padding: 140px 0;
}

.term-condition-content {
  background: url(../images/term-condition-content-bg.png) no-repeat center top;
  background-size: cover;
  background-color: #F4F4F4;
  padding: 110px 0;
}
.term-condition-content h3 {
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  letter-spacing: 0.02em;
  color: #100D26;
  margin-bottom: 40px;
}
.term-condition-content h5 {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #100D26;
}
.term-condition-content p {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
  color: #372E80;
  margin-bottom: 24px;
}

.error-sec {
  padding: 188px 0 197px 0;
  background: url(../images/error-bg.png) no-repeat center;
  background-size: cover;
}
.error-sec .common-container {
  border-radius: 24px;
  border: 10px solid var(--Core-Orange, #FF4700);
  background: linear-gradient(0deg, rgba(14, 14, 14, 0.9) 40.41%, rgba(14, 14, 14, 0) 109.59%), rgba(211, 211, 211, 0) -340px -407.629px/154.428% 233.902% no-repeat;
  padding: 102px 0;
}
.error-sec h1 {
  color: #F4F4F4;
  font-family: "Manrope", sans-serif;
  font-size: 181px;
  font-style: normal;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 3.62px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 40px;
}
.error-sec .heading-2 {
  margin-bottom: 40px;
}
.error-sec .text-wrap {
  max-width: 538px;
  margin: auto;
  text-align: center;
}

.service-welcome-sec {
  padding: 164px 0 117px 0;
  position: relative;
  min-height: 1000px;
}
.service-welcome-sec .service-welcome-bg img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.service-welcome-sec .service-welcome-middle-sec {
  min-height: 615px;
  border: 24px solid #F4F4F4;
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-welcome-sec .service-welcome-middle-sec .text-wrap {
  position: relative;
  z-index: 3;
}
.service-welcome-sec .service-welcome-middle-sec .text-wrap .heading-1 {
  margin-bottom: 24px;
}
.service-welcome-sec .service-welcome-middle-sec .service-welcome-middle-bg img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: none;
     object-fit: none;
  height: 110%;
  width: 100%;
  border-radius: 24px;
}
.service-welcome-sec .service-welcome-middle-sec .service-welcome-middle-bg::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 66.66%, rgba(0, 0, 0, 0) 100%), rgba(211, 211, 211, 0) -351px -406.075px/157.67% 238.277% no-repeat;
}
.service-welcome-sec .service-welcome-previous-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-82%);
  left: -93px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  writing-mode: vertical-rl;
  flex-direction: column-reverse;
}
.service-welcome-sec .service-welcome-previous-btn .para-sm {
  transform: rotate(180deg);
}
.service-welcome-sec .service-welcome-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-82%);
  right: -93px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  writing-mode: vertical-rl;
  flex-direction: column;
}
.service-welcome-sec .service-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 52px;
}
.service-welcome-sec .service-links a {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #F4F4F4;
  opacity: 0.4;
}
.service-welcome-sec .service-links a.active {
  opacity: 1;
}

.arcu-sec {
  padding: 118px 0;
  background: #fff;
}
.arcu-sec .text-wrap {
  max-width: 471px;
}
.arcu-sec .text-wrap .heading-2 {
  margin-bottom: 56px;
}
.arcu-sec .text-wrap .para {
  color: #372E80;
  margin-bottom: 0;
}

.nunc-sec {
  padding: 155px 0;
  background: #100D26;
}
.nunc-sec .text-wrap {
  max-width: 443px;
}
.nunc-sec .text-wrap .heading-2 {
  margin-bottom: 40px;
}
.nunc-sec .nunc-video-sec {
  width: 62%;
  position: absolute;
  left: -15%;
  top: -596px;
  z-index: 1;
}
.nunc-sec .nunc-video-sec .video-wrap {
  border-radius: 46px;
  overflow: hidden;
  position: absolute;
  bottom: 37px;
  right: 0;
}
.nunc-sec .nunc-video-sec .video-wrap video {
  border-radius: inherit;
}

.tempor-sec {
  padding: 107.5px 0;
  background: #F4F4F4;
  position: relative;
}
.tempor-sec .text-wrap {
  max-width: 489px;
  transform: translateX(-56px);
}
.tempor-sec .text-wrap .heading-2,
.tempor-sec .text-wrap .para {
  margin-bottom: 56px;
}
.tempor-sec .text-wrap .para {
  color: #372E80;
}
.tempor-sec .tempor-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.packages-pricing-sec {
  padding: 104px 0;
  background: #F4F4F4;
}
.packages-pricing-sec .common-container {
  display: flex;
  gap: 72px;
}
.packages-pricing-sec .common-container .para {
  color: #372E80;
}
.packages-pricing-sec .common-container .heading-text {
  flex: 0 1 242px;
}
.packages-pricing-sec .common-container .heading-text .heading-2,
.packages-pricing-sec .common-container .heading-text .para {
  margin-bottom: 40px;
}
.packages-pricing-sec .common-container .package-table {
  flex-grow: 1;
}
.packages-pricing-sec .common-container .package-table .select-duration {
  display: flex;
  align-items: center;
  gap: 16px;
}
.packages-pricing-sec .common-container .package-table .select-duration p {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #100D26;
  margin-bottom: 0;
}
.packages-pricing-sec .common-container .package-table .select-duration .nav {
  gap: 8px;
}
.packages-pricing-sec .common-container .package-table .select-duration .nav .nav-link {
  border-radius: 4px;
  border: 1px solid #EEE;
  background: #FFF;
  padding: 10px 24px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  color: #100D26;
  height: 41px;
}
.packages-pricing-sec .common-container .package-table .select-duration .nav .nav-link.active {
  background: #372E80;
  color: white;
}
.packages-pricing-sec .common-container .package-table .select-duration .nav .nav-link.active:hover {
  border: 1px solid #372E80;
}
.packages-pricing-sec .swipe-text {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #372E80;
}
.packages-pricing-sec .table-wrap {
  border: 1px solid #D0D0D0;
}
.packages-pricing-sec .table-wrap table {
  width: 100%;
}
.packages-pricing-sec .table-wrap th {
  padding: 22.5px 16px;
  background: #100D26;
  color: #F4F4F4;
  text-align: center;
}
.packages-pricing-sec .table-wrap th:first-child {
  text-align: left;
}
.packages-pricing-sec .table-wrap tbody td {
  padding: 23px 16px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #100D26;
  text-align: center;
  text-transform: capitalize;
}
.packages-pricing-sec .table-wrap tbody td:first-child {
  text-align: left;
  width: 31%;
}
.packages-pricing-sec .table-wrap tbody tr:nth-child(odd) td {
  background: white;
}
.packages-pricing-sec .table-wrap tfoot {
  text-align: center;
}
.packages-pricing-sec .table-wrap tfoot td {
  background: #F4F4F4;
  padding-bottom: 4px;
}
.packages-pricing-sec .secondary-rounded-btn {
  margin: auto;
}

.nunc-right-sec .nunc-video-sec {
  left: unset;
  right: -15%;
}

.tempor-right-sec .text-wrap {
  transform: translateX(56px);
}

#bespoke-modal .modal-lg {
  max-width: 801px;
}
#bespoke-modal .modal-body {
  padding: 40px;
}

.bespoke-sec {
  padding: 40px 0;
  background: var(--Neutral-300, #F4F4F4);
  /* Shadow/Popup */
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
}
.bespoke-sec .para {
  margin-bottom: 32px;
  color: #372E80;
}
.bespoke-sec .robot-wrap {
  margin: 32px;
}

.checkout-sec {
  background: #F4F4F4;
  padding: 140px 0;
}
.checkout-sec .common-container {
  max-width: 1176px;
  display: flex;
}
.checkout-sec .common-container .checkout-left-sec {
  flex: 1 1 801px;
  padding: 40px;
}
.checkout-sec .common-container .checkout-left-sec .common-form {
  margin-top: 40px;
}
.checkout-sec .common-container .checkout-left-sec .common-form .form-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: inherit;
}
.checkout-sec .common-container .checkout-right-sec {
  flex: 1 1 375px;
  border: 1px solid #EEE;
  background: #FFF;
}
.checkout-sec .common-container .checkout-right-sec .shopping-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 24px;
  border-bottom: 1px solid #EEE;
}
.checkout-sec .common-container .checkout-right-sec .shopping-bg h2 {
  margin-bottom: 0;
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.24px;
  letter-spacing: 0.02em;
  color: #100D26;
}
.checkout-sec .common-container .checkout-right-sec .shopping-bg .item-num {
  color: #372E80;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.98px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table {
  width: 100%;
  vertical-align: middle;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table tr:nth-child(even) td {
  background: #F4F4F4;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table td {
  height: 56px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table td:nth-child(1) {
  padding: 0 24px;
  width: 60%;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table td:nth-child(2) {
  padding: 0 16px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table td:nth-child(3) {
  padding: 0 8px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table h4 {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  margin-bottom: 10px;
  color: #100D26;
  line-height: 11.35px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table h5 {
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18.11px;
  margin-bottom: 0;
  color: #100D26;
  line-height: 9.11px;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table .price {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  margin-bottom: 0;
  color: #100D26;
}
.checkout-sec .common-container .checkout-right-sec .table-wrap table button {
  padding: 0;
  background: transparent;
  border: 0;
}
.checkout-sec .common-container .checkout-right-sec .gift-card-sec {
  padding: 24px;
}
.checkout-sec .common-container .checkout-right-sec .gift-card-sec .total-wrap .para {
  color: #100D26;
  margin-bottom: 0;
  line-height: 1;
}
.checkout-sec .common-container .checkout-right-sec .gift-card-sec .total-wrap .total-num {
  margin-bottom: 0;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #100D26;
  line-height: 1;
}
.checkout-sec .common-container .checkout-right-sec .gift-card-sec .total-wrap .total-num-sec .para,
.checkout-sec .common-container .checkout-right-sec .gift-card-sec .total-wrap .total-num-sec .total-num {
  color: #FF4700;
}
.checkout-sec .common-container .checkout-right-sec .shopping-bottom-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #100D26;
  padding: 32px 24px;
}
.checkout-sec .common-container .checkout-right-sec .shopping-bottom-sec h6 {
  color: #F4F4F4;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.checkout-sec .common-container .checkout-right-sec .form-control {
  background: #F4F4F4;
}

.checkout-modal {
  padding: 56px;
}

.account-sec {
  background: #F4F4F4;
}
.account-sec .common-container {
  display: flex;
}
.account-sec .common-container .account-left-sec {
  flex: 0 1 367px;
  position: relative;
  min-height: 500px;
}
.account-sec .common-container .account-left-sec h1 {
  /* H/03 */
  leading-trim: both;
  text-edge: cap;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  text-transform: capitalize;
  color: #F4F4F4;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 81px;
}
.account-sec .common-container .account-left-sec video {
  max-width: 698px;
  position: absolute;
  right: 0;
}
.account-sec .common-container .account-right-sec {
  flex: 1 1 891px;
  padding: 56px 0 56px 56px;
}
.account-sec .common-container .account-right-sec .account-right-content {
  width: 100%;
}
.account-sec .common-container .account-right-sec .bottom-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-sec .common-container .account-right-sec .para {
  color: #372E80;
}
.account-sec .common-container .account-sign-bottom-sec {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-sec .common-container .account-sign-bottom-sec .account-sign-bottom-right {
  display: flex;
  gap: 18px;
}
.account-sec .common-container .account-sign-bottom-sec .account-sign-bottom-right .para-sm {
  color: #372E80;
  flex: 1 0 287px;
  text-transform: capitalize;
}
.account-sec .common-container .account-sign-bottom-sec .account-sign-bottom-right .secondary-btn {
  padding: 18.5px 0 15.5px 0;
}
.account-sec .common-container .primary-text {
  color: #FF4700 !important;
}

#forgot-modal .mb-40 {
  margin-bottom: 40px;
}
#forgot-modal .para-sm {
  color: #372E80;
  text-transform: capitalize;
}

.forgot-password-sec .mb-32 {
  margin-bottom: 32px;
}
.forgot-password-sec .para-sm {
  color: #100D26;
  text-transform: capitalize;
}

.accound-landing-sec .common-container .account-left-sec {
  min-height: 845px;
}
.accound-landing-sec .common-container .account-right-sec {
  padding: 0 0 0 32px;
}
.accound-landing-sec .account-tab-sec {
  display: flex;
  gap: 24px;
  margin-bottom: 56px;
}
.accound-landing-sec .account-tab-sec a {
  flex: 1 1 100%;
  background: #100D26;
  padding: 24px;
  text-align: end;
  color: #F4F4F4;
  padding-top: 80px;
  text-transform: capitalize;
}
.accound-landing-sec .account-tab-sec a.active {
  color: #FF4700;
  padding-top: 52px;
  border-radius: 16px 16px 0 0;
  align-self: flex-end;
}
.accound-landing-sec .form-section .para {
  color: #100D26 !important;
  margin-bottom: 0;
}
.accound-landing-sec .form-section .common-form {
  margin-bottom: 40px;
}
.accound-landing-sec .table-wrap {
  border: 1px solid #D0D0D0;
}
.accound-landing-sec .table-wrap table {
  width: 100%;
}
.accound-landing-sec .table-wrap th {
  padding: 22.5px 16px;
  background: #100D26;
  color: #F4F4F4;
  text-align: left;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
}
.accound-landing-sec .table-wrap th:last-child {
  text-align: center;
}
.accound-landing-sec .table-wrap tbody td {
  padding: 15px 16px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #100D26;
  text-transform: capitalize;
  text-align: left;
  height: 56px;
}
.accound-landing-sec .table-wrap tbody td h5 {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.35px;
  color: #100D26;
  line-height: 1;
}
.accound-landing-sec .table-wrap tbody td h6 {
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18.11px;
  color: #FF4700;
  line-height: 1;
}
.accound-landing-sec .table-wrap tbody td:last-child {
  text-align: center;
}
.accound-landing-sec .table-wrap tbody td:first-child {
  text-align: left;
  width: 15%;
}
.accound-landing-sec .table-wrap tbody tr:nth-child(odd) td {
  background: white;
}
.accound-landing-sec .table-content {
  padding-bottom: 56px;
}
.accound-landing-sec .common-container .account-left-sec video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.accound-landing-sec .swipe-para {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-transform: capitalize;
  color: #372E80;
  margin-bottom: 16px;
}
.accound-landing-sec .password-success-sec {
  padding: 32px 24px;
}
.accound-landing-sec .password-success-sec .para {
  margin-bottom: 32px;
}



@media only screen and (min-width: 1280px) and (max-width:1348px) {
    .packages-pricing-sec .common-container {
        display: flex;
        gap: 38px;
    }
    .packages-pricing-sec .table-wrap tbody td:first-child {
        text-align: left;
        width: 20%;
    }
}














/*# sourceMappingURL=style.css.map */