@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Biznity - Multipurpose Business HTML Template
    Version: 1.0.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    00 - Helpers (Variables & Mixins)
    01 - Basic (Typography, Common Classes)
        - Typography
        - Social Share CSS
        - Position Css
        - Section Space Css
    02 - Layout (Header, Footer, Section, Main Container/Wrapper and Page Header Styles)
        2.0 - Header
            - Header Css
            - Notification Bar Css
            - Logo Css
            - Sticky Header CSS
            - Main Menu
            - Submenu
            - Megamenu CSS
            - Mobile Menu Styles
        2.1 - Footer
            - Footer Widget Css
            - Footer Widget Newsletter
        2.3 - Main Content Wrapper

    03 - Modules (Template Design Elements as Modules and Third party Plugins Custom Styles)
        - Button Css
        - Hero Slider CSS
        - Partners Section Css
        - Feature Section Css
        - Accordion Section Css
        - Case Study Section Css
        - Testimonials Section Css
        - Plan Item Section Css
        - Blog Card Section Css
        - Business Success Banner Section Css
        - Servies Section Css
        - Team Section Css
        - Made With Love Card Css
        - Counterup Css
        - How It Work Card Css
        - Ending Trying Css
        - FunFact Css
        - Breadcrumb Css
        - Widget Css
        - Pagination Css
        - Form Css
        - Error Section Css

    04 - Pages (Single Pages Specify Styles)
        - About Us Section Css

-----------------------------------------------------------------------------------*/
/* Don't Edit those variables below */
:root {
  --color-theme-gradient-1: #7F26CF;
  --color-theme-gradient-2: #4a0c7e;
  --color-primary-gradient: linear-gradient(125.41deg, var(--color-theme-gradient-1) 17.14%, var(--color-theme-gradient-2) 70.77%);
  --color-primary: rgb(3, 53, 252);
  --color-secondary: rgb(108, 117, 125);
  --color-success: rgb(76, 175, 80);
  --color-danger: rgb(244, 67, 54);
  --color-warning: rgb(255, 193, 7);
  --color-info: rgb(23, 162, 184);
  --color-light: rgb(248, 249, 250);
  --color-dark: rgb(49, 48, 48);
  --color-dark-blue: rgb(15, 7, 29);
  --color-dark-blue-10: #0E121B;
  --color-white: #FFFFFF;
  --color-black: rgb(0, 0, 0);
  --color-grey: #F8F9FD;
  --color-body: #696969;
  --color-headings: #333333;
  --color-highlighted: rgb(91, 44, 201);
  --font-base: Figtree, sans-serif;
  --font-heading: Figtree, sans-serif;
  --font-width-base: 400;
  --font-width-heading: 600;
  --font-size-base: 1.8rem;
  --font-size-xxl: clamp(3.5rem, 3vw + 1rem, 5rem);
  --font-size-xl: clamp(3rem, 3vw + 0.5rem, 4.8rem);
  --font-size-lg: clamp(2.8rem, 3vw, 4.4rem);
  --font-size-md: clamp(2.4rem, 1.5vw, 3.2rem);
  --font-size-sm: clamp(2rem, 1.9vw, 2.8rem);
  --font-size-xs: clamp(1.8rem, 1.3vw, 2.4rem);
  --font-size-xxs: clamp(1.8rem, 1.2vw, 1.8rem);
  --line-height-base: 1.5;
  --line-height-headings: 1.3;
  --line-height-sm: 1.2;
  --line-height-md: 1.5;
  --line-height-lg: 1.9;
  --transition-base: all 0.5s ease 0s;
  --transition-fast: all 0.3s ease-in-out;
  --transition-slow: all 0.7s ease-in-out;
  --border-radius-base: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-sm: 0.125rem;
  --box-shadow-base: 0 1px 3px rgba(0, 0, 0, 0.1);
  --box-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.demo-dark-2 {
  --color-primary: rgba(91, 44, 201, 1);
  --color-primary-hover: rgb(127, 38, 207);
  --bs-btn-color: var(--color-primary-hover);
  --color-highlighted: rgba(91, 44, 201, 1);
}

.light-demo-1 {
  --color-primary: rgb(254, 91, 36);
  --color-primary-hover: rgb(248, 53, 33);
  --color-highlighted: rgb(254, 91, 36);
}

.light-demo-4 {
  --color-primary: rgb(194, 255, 102);
  --color-primary-hover: rgb(194, 255, 102);
  --color-highlighted: rgb(194, 255, 102);
}

.demo-5 {
  --color-primary: rgb(3, 53, 252);
  --color-primary-20: rgba(3, 53, 252, 0.1);
  --color-primary-10: #103375;
  --color-primary-hover: rgb(3, 53, 252);
  --color-highlighted: rgb(3, 53, 252);
}

/*----------------------------------------*/
/*  01 - Basic (Typography, Common Classes)
/*----------------------------------------*/
/* Common Style */
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  border: none !important;
  height: 100%;
  font-size: 62.5%; /* 1rem = 10px */
}

body {
  font-family: var(--font-base), Arial, Helvetica, sans-serif;
  font-size: var(--font-size-base, 1.8rem);
  font-weight: var(--font-width-base, 400);
  font-style: normal;
  line-height: var(--line-height-base, 1.35);
  position: relative;
  visibility: visible;
  overflow-x: hidden;
  color: var(--color-body, #000);
  background-color: var(--color-white, #fff);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), Arial, Helvetica, sans-serif;
  font-weight: var(--font-width-heading, 600);
  line-height: var(--line-height-headings, 1.75);
  margin-top: 0;
  color: var(--color-headings, #333333);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: inherit;
  margin: 0;
  font-weight: var(--font-width-heading, 600);
  line-height: var(--line-height-headings, 1.75);
}

h1,
.h1 {
  font-size: var(--font-size-xxl, 6.5rem);
  font-weight: 500;
}

h2,
.h2 {
  font-size: var(--font-size-lg, 1.125rem);
}

h3,
.h3 {
  font-size: var(--font-size-md, 1rem);
}

h4,
.h4 {
  font-size: var(--font-size-sm, 0.875rem);
}

h5,
.h5 {
  font-size: var(--font-size-xs, 0.875rem);
}

h6,
.h6 {
  font-size: var(--font-size-xxs, 0.75rem);
}

.h7 {
  font-size: var(--font-size-xxs, 0.75rem);
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  line-height: inherit;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

a,
button,
img,
input {
  transition: all 0.5s ease 0s;
}

*:focus {
  outline: none;
}

a:focus {
  text-decoration: none;
  color: inherit;
  outline: none;
}

a:hover {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}

button,
input[type=submit] {
  cursor: pointer;
}

img {
  max-width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul:last-child {
  margin-bottom: 0;
}

hr {
  border-top-width: 2px;
}

/*----------------------------------------*/
/*   - Social Share CSS
/*----------------------------------------*/
.social-share-link {
  font-size: 16px;
  line-height: -1;
}
.social-share-outline .social-share-link {
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
}
.social-share-outline .social-share-link.facebook {
  color: #3b5998;
  border: 2px solid #3b5998;
}
.social-share-outline .social-share-link.twitter {
  color: #1da1f2;
  border: 2px solid #1da1f2;
}
.social-share-outline .social-share-link.pinterest {
  color: #bd081c;
  border: 2px solid #bd081c;
}
.social-share-outline .social-share-link.linkedin {
  color: #0077b5;
  border: 2px solid #0077b5;
}
.social-share-outline .social-share-link.google {
  color: #dd4b39;
  border: 2px solid #dd4b39;
}
.social-share-outline .social-share-link.instagram {
  color: #e1306c;
  border: 2px solid #e1306c;
}
.social-share-outline .social-share-link.youtube {
  color: #ff0000;
  border: 2px solid #ff0000;
}
.social-share-outline .social-share-link.tumblr {
  color: #35465c;
  border: 2px solid #35465c;
}
.social-share-outline .social-share-link.dribbble {
  color: #ea4c89;
  border: 2px solid #ea4c89;
}
.social-share-outline .social-share-link.behance {
  color: #1769ff;
  border: 2px solid #1769ff;
}
.social-share-outline .social-share-link.vimeo {
  color: #1ab7ea;
  border: 2px solid #1ab7ea;
}
.social-share-outline .social-share-link.flickr {
  color: #ff0084;
  border: 2px solid #ff0084;
}
.social-share-outline .social-share-link.slack {
  color: #4a154b;
  border: 2px solid #4a154b;
}
.social-share-outline .social-share-link:hover {
  border: 2px solid rgb(3, 53, 252);
  color: rgb(3, 53, 252);
}

.social-share-in-color .facebook {
  color: #3b5998;
}
.social-share-in-color .twitter {
  color: #1da1f2;
}
.social-share-in-color .pinterest {
  color: #bd081c;
}
.social-share-in-color .linkedin {
  color: #0077b5;
}
.social-share-in-color .google {
  color: #dd4b39;
}
.social-share-in-color .instagram {
  color: #e1306c;
}
.social-share-in-color .youtube {
  color: #ff0000;
}
.social-share-in-color .tumblr {
  color: #35465c;
}
.social-share-in-color .dribbble {
  color: #ea4c89;
}
.social-share-in-color .behance {
  color: #1769ff;
}
.social-share-in-color .vimeo {
  color: #1ab7ea;
}
.social-share-in-color .flickr {
  color: #ff0084;
}
.social-share-in-color .slack {
  color: #4a154b;
}

/*----------------------------------------*/
/*   - fadeInDown Animation CSS
/*----------------------------------------*/
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes shimmer {
  0% {
    left: -150%;
  }
  100% {
    left: 100%;
  }
}

@keyframes shimmer {
  0% {
    left: -150%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-webkit-keyframes jump-top-buttom {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-top-buttom {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/*----------------------------------------*/
/*   - Swiper Slider Style CSS
/*----------------------------------------*/
.swiper:hover .swiper-navigation-prev,
.swiper:hover .swiper-navigation-next {
  opacity: 1;
  visibility: visible;
}

.swiper-navigation-outside {
  position: relative;
}

.swiper-navigation-next, .swiper-navigation-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid rgb(49, 48, 48);
  color: rgb(49, 48, 48);
  font-size: 16px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  left: 20px;
  right: auto;
  opacity: 0;
  visibility: hidden;
}
.swiper-navigation-next::after, .swiper-navigation-prev::after {
  content: "";
}
.swiper-navigation-next:hover, .swiper-navigation-prev:hover {
  background-color: rgb(49, 48, 48);
  color: #FFFFFF;
}
.swiper-navigation-next.swiper-button-disabled, .swiper-navigation-prev.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.3 !important;
}
.swiper-navigation-next {
  right: 20px;
  left: auto;
}

.swiper-navigation-lite {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.swiper-navigation-lite:hover {
  background-color: rgb(49, 48, 48);
  color: #FFFFFF;
}

.swiper-pagination-button {
  z-index: 3;
}
.swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background-color: rgb(3, 53, 252);
}

.swiper-pagination-button-lite {
  z-index: 3;
}
.swiper-pagination-button-lite .swiper-pagination-bullet {
  background-color: #FFFFFF;
}

/*----------------------------------------*/
/*   - Sign In Modal Style CSS
/*----------------------------------------*/
.sign-in-modal.modal-dialog {
  max-width: 550px;
}
.sign-in-modal .modal-content {
  border-radius: 0;
}

/*----------------------------------------*/
/*   - Sign In Modal Style CSS
/*----------------------------------------*/
.section-heading {
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.section-heading .section-title {
  margin-bottom: 1rem;
}
.section-heading .btn {
  margin-top: 2.5rem;
}

.highlighted-heading {
  color: var(--color-highlighted, rgb(3, 53, 252));
}

#scrollButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.bg-dark {
  background-color: rgb(49, 48, 48);
}
.bg-dark a {
  color: #FFFFFF;
}

.bg-primary a {
  color: #FFFFFF;
}

.bg-black {
  background-color: var(--color-black);
}

.bg-dark-200 {
  background-color: #0E1700;
}

.primary-dark-10 {
  background-color: #162501;
}

.bg-dark-blue {
  background-color: var(--color-dark-blue);
}

.bg-light-100 {
  background-color: #F9FAFB;
}

.bg-light-2 {
  background-color: #F2F9FF;
}

.bg-dark-blue-10 {
  background-color: var(--color-dark-blue-10);
}

.bg-gray {
  background-color: #f1f1f1;
}

.bg-light-purple {
  background-color: #FAF3FF;
}

.bg-light-purple-2 {
  background: linear-gradient(90deg, #FCFBFF 0%, #F7F6FF 53.5%, #FCFBFF 100%);
}

.bg-white-transparent-50 {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.demo-5-bg {
  background: linear-gradient(180deg, #1B57CB 0%, #DBEEFF 28%, #FFFFFF 100%);
}

@media screen and (min-width: 769px) {
  .overlapping-section {
    margin-top: -28rem;
    z-index: 1;
    position: relative;
  }
}
@media screen and (min-width: 1200px) {
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 992px) {
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 768px) {
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 576px) {
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
}
.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.px-50 {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .px-50 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .px-50 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.section-space-ptb {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.section-space-pt {
  padding-top: 9rem;
}

.section-space-pb {
  padding-bottom: 9rem;
}

.section-space-pb-60 {
  padding-bottom: 6rem;
}

.mt-5 {
  margin-top: 0.5rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mt-30 {
  margin-top: 3rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mt-50 {
  margin-top: 5rem;
}

.mb-5 {
  margin-bottom: 0.5rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.py-7px {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.py-10px {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.gx-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gx-3 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gx-3 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gx-4 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gx-5 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.border-top-1 {
  border-top: 1px solid #ebebeb;
}

.border-bottom-1 {
  border-bottom: 1px solid #ebebeb;
}

.border-block-1 {
  border-block: 5px solid #ebebeb;
}

.max-w-400 {
  max-width: 40rem;
}

.w-full {
  width: 100%;
}

.border-radius-10 {
  border-radius: 1rem;
}

.border-radius-12 {
  border-radius: 1.2rem;
}

.border-radius-15 {
  border-radius: 1.5rem;
}

.border-radius-20 {
  border-radius: 2rem;
}

.border-radius-24 {
  border-radius: 2.4rem;
}

.border-radius-30 {
  border-radius: 3rem;
}

.border-radius-50 {
  border-radius: 5rem;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 600;
}

.font-italic {
  font-style: italic;
}

.font-family-garamond {
  font-family: "EB Garamond", serif;
}

/*--------------------------
    - Notification Bar Css
----------------------------*/
.header-top-area {
  font-size: 1.6rem;
}

.notification-bar-area {
  padding: 1rem 0;
}

.header.header-two {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.header-top-area-left-side,
.header-top-area-right-side {
  font-size: 1.6rem;
  padding: 1.2rem 0;
  gap: 4rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-top-area-left-side,
  .header-top-area-right-side {
    gap: 3rem;
  }
}
.header-top-area-left-side-item,
.header-top-area-right-side-item {
  position: relative;
}
.header-top-area-left-side-item::after,
.header-top-area-right-side-item::after {
  position: absolute;
  content: "";
  width: 0.1rem;
  height: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  right: -2rem;
  background-color: #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .header-top-area-left-side-item::after,
  .header-top-area-right-side-item::after {
    right: -1.5rem;
  }
}
.header-top-area-left-side-item:last-child::after,
.header-top-area-right-side-item:last-child::after {
  display: none;
}

/*--------------------------
    - Header Css
----------------------------*/
.default-logo {
  display: block;
}

.sticky-logo {
  display: none;
}

.header:is(.dark-mode--header) .sticky-header.is-sticky {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.8);
  background-clip: border-box;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .main-menu-link,
.header:is(.dark-mode--header) .sticky-header.is-sticky .text-white,
.header:is(.dark-mode--header) .sticky-header.is-sticky .btn-outline-gradient {
  color: var(--color-dark) !important;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .btn-outline-gradient {
  border-color: var(--color-dark) !important;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .header-main-area {
  padding: 0;
  background: transparent;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .default-logo {
  display: none;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .sticky-logo {
  display: block;
}
.header:is(.dark-mode--header) .sticky-header.is-sticky .mobile-menu-action {
  border: 0.1rem solid var(--color-dark) !important;
  color: var(--color-dark) !important;
}

.mobile-menu-action {
  background: transparent;
  border: 0.1rem solid #ddd;
  color: #ddd;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
}

.header-main-light .mobile-menu-action {
  border: 0.1rem solid var(--color-dark);
  color: var(--color-dark);
}

@media only screen and (max-width: 767px) {
  .logo {
    width: 12rem;
  }
}
.header.position-absolute {
  inset-block-start: 0;
  z-index: 3;
}

.header-main-area {
  position: relative;
  padding: 0.2rem 1.6rem;
  border-radius: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-main-area {
    padding: 1.5rem 1.6rem;
  }
}
@media only screen and (max-width: 575px) {
  .header-main-area {
    padding: 1rem 1.6rem;
  }
}

.header-main-area:is(.rounded-full) {
  border-radius: 20rem;
}

.header-bottom-area.box-rounded-header:not(.is-sticky) .header-main-area {
  margin-top: 2.5rem;
}

.header-bottom-area.box-rounded-header:is(.is-sticky) .header-main-area {
  background: transparent !important;
  padding-inline: 0;
}

/*--------------------------
    - Logo Css
----------------------------*/
.logo a {
  display: inline-block;
  padding: 1rem 0;
}
.logo a img {
  max-width: 20rem;
  width: 100%;
}

/*--------------------------
    - Header Action Css
----------------------------*/
.header-action-item-space {
  padding-block: clamp(1rem, 0.5vw + 0.5rem, 1.7rem);
}

.header-action {
  gap: clamp(1.2rem, 1.5vw, 2.5rem);
}
@media screen and (min-width: 992px) {
  .bg-lg-transparent {
    background: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .bg-md-transparent {
    background: transparent !important;
  }
}
@media screen and (min-width: 576px) {
  .bg-sm-transparent {
    background: transparent !important;
  }
}
/*----------------------------------------*/
/*   - Sticky Header CSS
/*----------------------------------------*/
.sticky-header {
  width: 100%;
}
.sticky-header.is-sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
          animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky-header.dark-sticky-header.is-sticky {
  background-color: rgba(0, 0, 0, 0.95);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*----------------------------------
- Main Menu
-----------------------------------*/
.main-menu {
  display: flex;
}
.main-menu-item {
  padding: 0px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-item {
    padding: 0 10px;
  }
}
.main-menu-item:first-child {
  padding-left: 0;
}
.main-menu-item.active .main-menu-link::after {
  width: 100%;
}
.main-menu-link {
  display: block;
  padding: 22px 0px;
  position: relative;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.18;
  transition: all 0s ease-in-out;
}
.main-menu-link::before {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}
.main-menu-link:hover {
  color: var(--color-highlighted, --color-primary, #5B2CC9);
}
.main-menu-link:hover::before {
  width: 100%;
}

.nav-menu-white .main-menu-item.active .main-menu-link {
  color: #FFFFFF;
}
.nav-menu-white .main-menu-link {
  color: #FFFFFF;
}
.nav-menu-white .main-menu-link::before {
  background-color: #FFFFFF;
}
.nav-menu-white .main-menu-link:hover {
  color: #FFFFFF;
}
.nav-menu-white .main-menu-link:hover::before {
  width: 100%;
}

.menu-label {
  font-size: 11px;
  text-transform: capitalize;
  position: absolute;
  top: -9px;
  padding: 0 5px;
  color: #f1f1f1;
  border-radius: 2px;
  line-height: 20px;
  font-weight: 400;
  z-index: 100;
  white-space: nowrap;
  background: #282828;
}
.menu-label::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top-width: 4px;
  border-bottom-width: 0;
  border-right-width: 7px;
  border-left-width: 0;
  border-top-color: transparent;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-color: #282828;
}

/*----------------------------------
- Submenu
-----------------------------------*/
.has-children {
  position: relative;
}
.has-children:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.has-children:hover .megamenu--mega-lavel-2.megamenu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.has-children--mega {
  position: inherit;
}
.has-children--mega:hover .megamenu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.has-children > .main-menu-link,
.has-children--mega > .main-menu-link {
  position: relative;
}
.has-children > .main-menu-link::after,
.has-children--mega > .main-menu-link::after {
  position: static;
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  font-weight: 600;
  font-size: 10px;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}

.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  transform: translateY(50px);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-delay: 0.2s;
  transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
  min-width: 220px;
  padding: 20px 0;
  border: 1px solid #eaeaea;
  z-index: 3;
}
.submenu-link {
  padding: 2px 15px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: block;
  position: relative;
}
.submenu > .has-children {
  position: relative;
}
.submenu > .has-children::after {
  position: absolute;
  margin-left: 5px;
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 10px;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.submenu .submenu {
  top: 0px;
  left: 100%;
  right: auto;
}
.submenu .submenu > .has-children {
  position: relative;
}
.submenu .submenu > .has-children::after {
  position: static;
  margin-left: 5px;
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 10px;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}
.submenu > li {
  position: relative;
}
.submenu > li:hover > .submenu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 9;
}

/*---------------------------
 - Megamenu CSS
-----------------------------*/
.megamenu {
  position: absolute;
  left: 0;
  border: 1px solid #eaeaea;
  box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  transform: translateY(50px);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-delay: 0.2s;
  transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.megamenu--mega {
  width: 100%;
  left: 0;
  right: 0;
}
.megamenu--mega-inner {
  max-width: 1400px;
  margin: auto;
  padding: 35px 15px 30px;
  display: flex;
}
.megamenu--mega-lavel-2 {
  width: 580px;
  padding: 20px 15px;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .megamenu--mega-lavel-2 {
    margin-left: -134px;
  }
}
.megamenu .megamenu-item {
  flex-grow: 1;
  flex-basis: 0;
  padding: 15px;
}
.megamenu-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px;
}
.megamenu-link {
  padding: 2px 0px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: block;
  position: relative;
}

.demo-5 .mobile-menu-action {
  color: #282828;
}

.mobile-menu-item {
  display: block;
  border-top: 1px solid #eee;
}
.mobile-menu-item:first-child {
  border-top: 0;
}
.mobile-menu-link {
  display: block;
  padding: 10px 0px;
  line-height: 24px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.mobile-menu-link:hover > .menu-expand, .mobile-menu-link.active > .menu-expand {
  background-color: rgb(3, 53, 252);
  color: #fff;
}
.mobile-menu-link > .menu-expand {
  position: absolute;
  right: 0;
  background: #eee;
  width: 30px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 4px;
  color: #333;
  font-size: 10px;
}
.mobile-menu--mega,
.mobile-menu .sub-menu {
  display: none;
  padding: 0 0 0 15px;
  border-top: 1px solid #eee;
}
.mobile-menu--mega li:first-child .mega-menu-link,
.mobile-menu--mega li:first-child .sub-menu-link,
.mobile-menu .sub-menu li:first-child .mega-menu-link,
.mobile-menu .sub-menu li:first-child .sub-menu-link {
  border-top: 0;
}
.mobile-menu--mega li .menu-expand,
.mobile-menu .sub-menu li .menu-expand {
  position: absolute;
  right: 0;
  background: #eee;
  width: 25px;
  height: 24px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  color: #333;
  font-size: 10px;
}
.mobile-menu--mega li .mega-menu-link,
.mobile-menu--mega li .sub-menu-link,
.mobile-menu .sub-menu li .mega-menu-link,
.mobile-menu .sub-menu li .sub-menu-link {
  display: block;
  padding: 8px 0px;
  line-height: 24px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  border-top: 1px solid #eee;
}
.mobile-menu--mega li .mega-menu-link:hover > .menu-expand, .mobile-menu--mega li .mega-menu-link.active > .menu-expand,
.mobile-menu--mega li .sub-menu-link:hover > .menu-expand,
.mobile-menu--mega li .sub-menu-link.active > .menu-expand,
.mobile-menu .sub-menu li .mega-menu-link:hover > .menu-expand,
.mobile-menu .sub-menu li .mega-menu-link.active > .menu-expand,
.mobile-menu .sub-menu li .sub-menu-link:hover > .menu-expand,
.mobile-menu .sub-menu li .sub-menu-link.active > .menu-expand {
  background-color: rgb(3, 53, 252);
  color: #fff;
}

/* -------------------------------
    2.1 - Footer
----------------------------------*/
.footer-widget {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 2rem;
  }
}
.footer-widget--title {
  margin-bottom: 2.4rem;
  font-weight: 600;
}

/* -------------------------------
    - Footer Widget Css
----------------------------------*/
.widget--menu-item {
  display: block;
  margin-bottom: 11px;
}
.widget--menu-item:last-child {
  margin-bottom: 0;
}
.widget--menu-link {
  font-size: 16px;
  position: relative;
}
.widget--menu-link::after {
  position: absolute;
  left: 0;
  content: "";
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.widget--menu-link:hover::after {
  width: 100%;
}
.widget--contact-info-item {
  display: flex;
  align-items: center;
}
.widget--contact-info-item:not(:last-child) {
  margin-bottom: 1.2rem;
}
.widget--contact-info-item-icon {
  height: 4.8rem;
  width: 4.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
  border-radius: 500rem;
  flex-shrink: 0;
}
.widget--contact-info-item-icon > svg {
  fill: var(--color-dark);
  stroke: var(--color-dark);
  color: var(--color-dark);
}
.widget--contact-info-item-content--title {
  font-size: 1.6rem;
}
.widget--contact-info-item-content .widget--contact-info-item-text {
  display: block;
}

.footer-area:is(.bg-dark-blue) .widget--contact-info-item-icon {
  background: #180833;
}
.footer-area:is(.bg-dark-blue) .widget--contact-info-item-icon > svg {
  fill: var(--color-white);
  stroke: var(--color-white);
  color: var(--color-white);
}

.footer-area:is(.dark) .widget--contact-info-item-icon {
  background: rgb(24, 8, 51);
}
.footer-area:is(.dark) .widget--contact-info-item-icon > svg {
  fill: var(--color-white);
  stroke: var(--color-white);
  color: var(--color-white);
}

.footer-area:is(.bg-dark-200) .widget--contact-info-item-icon {
  background: rgba(255, 255, 255, 0.1215686275);
}
.footer-area:is(.bg-dark-200) .widget--contact-info-item-icon > svg {
  fill: var(--color-white);
  stroke: var(--color-white);
  color: var(--color-white);
}

/* -------------------------------
    - Footer Widget Newsletter
----------------------------------*/
.footer-newsletter-content {
  padding: clamp(2rem, 2vw + 1rem, 4rem);
  border-radius: 1.2rem;
}
.footer-newsletter-content:is(.dark) {
  background: rgb(22, 8, 44);
}
.footer-newsletter-content:is(.light) {
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 6px 0px #f1f1f1;
}
.footer-newsletter-content:is(.light) {
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 6px 0px #f1f1f1;
}
.footer-newsletter-content:is(.primary-dark-10) .footer-social-links .footer-social-link {
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.footer-newsletter-content .footer-logo-info-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  gap: 2rem;
  flex-wrap: wrap;
}
.footer-newsletter-content .footer-logo-info-header .footer-logo {
  flex-shrink: 0;
}
.footer-newsletter-content .footer-logo-info-content {
  max-width: 50rem;
}
.footer-newsletter-content .footer-social-links {
  display: flex;
  gap: 1.6rem;
}
.footer-newsletter-content .footer-social-links .footer-social-link {
  border: 0.1rem solid rgba(34, 37, 48, 0.2);
  height: 4.8rem;
  width: 4.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500rem;
  transition: all 0.3s ease-in-out;
}
.footer-newsletter-content .footer-social-links .footer-social-link:hover {
  border: 0.1rem solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-white);
}
.footer-newsletter-content .footer-social-links:is(.dark) .footer-social-link {
  border: 0.1rem solid rgb(34, 37, 48);
}
.footer-newsletter-content .footer-social-links:is(.dark) .footer-social-link:hover {
  border: 0.1rem solid var(--color-primary-gradient);
  background-image: linear-gradient(90deg, #6427FF 0%, #7D51ED 100%);
  background-color: linear-gradient(90deg, #6427FF 0%, #7D51ED 100%);
  color: var(--color-white);
}
.footer-newsletter-content .footer-logo-info-sortlink {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 1rem;
}
.footer-newsletter-content .footer-logo-info-sortlink .footer-logo-info-sortlink-item {
  position: relative;
}
.footer-newsletter-content .footer-logo-info-sortlink .footer-logo-info-sortlink-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -2rem;
  height: 2.2rem;
  width: 0.1rem;
  background-color: currentColor;
  top: 50%;
  transform: translateY(-50%);
}

.widget-newsletter-from {
  position: relative;
}
.widget-newsletter-input {
  position: relative;
  height: 7.2rem;
  border: 0.1rem solid rgb(50, 59, 73);
  padding: 0 1.5rem;
  padding-right: 14rem;
  border-radius: 1rem;
  -webkit-padding-end: 18rem;
          padding-inline-end: 18rem;
  font-size: 16px;
  color: rgb(3, 53, 252);
  width: 100%;
  background: transparent;
}
.widget-newsletter-input::-moz-placeholder {
  color: rgb(108, 117, 125);
}
.widget-newsletter-input:-ms-input-placeholder {
  color: rgb(108, 117, 125);
}
.widget-newsletter-input::placeholder {
  color: rgb(108, 117, 125);
}
.widget-newsletter-button {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  line-height: 1;
  height: 5.6rem;
}
.widget-newsletter-button:hover {
  background-color: var(--color-highlighted, --color-primary, #0335fc) !important;
}

/* Desktop default */
.widget--menu {
  display: block;
}

.accordion-icon {
  display: none;
}

/* Mobile accordion */
@media (max-width: 575px) {
  .title {
    cursor: pointer;
  }
  .footer-widget:is(.footer-menu-list) .footer-widget--title {
    margin-bottom: 0;
  }
  .accordion-icon {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    transition: transform 0.3s ease;
  }
  .widget--menu {
    display: none;
    margin-top: 12px;
  }
  .footer-widget.active .widget--menu {
    display: block;
  }
}
/* ==========================
    - Button Css
==============================*/
.btn {
  border-radius: 5px;
}
.btn > svg {
  width: 24px;
  height: 24px;
}
.btn-xs {
  padding: 0 10px;
  font-size: 14px;
}
.btn-sm {
  padding: 4px 10px;
  font-size: 14px;
}
.btn-md {
  padding: 1rem 2.5rem;
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .btn-md {
    padding: 0.7rem 2rem;
  }
}
.btn-lg {
  padding: 1.4rem 3.7rem;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-lg {
    padding: 1.2rem 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .btn-lg {
    padding: 1rem 1.8rem;
  }
}
@media only screen and (max-width: 575px) {
  .btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }
}
.btn-full {
  width: 100%;
}
.btn-primary {
  --bs-btn-bg: var(--color-primary);
  background: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-bg);
  color: var(--color-white);
}
.btn-primary:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: var(--color-white);
}
.btn-primary-20 {
  --bs-btn-bg: var(--color-primary-20);
  background: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-bg);
  color: var(--color-primary);
}
.btn-primary-20:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.btn-primary-gradient {
  background-image: linear-gradient(to right, var(--color-theme-gradient-1) 0%, var(--color-theme-gradient-2) 90%, var(--color-theme-gradient-1) 100%);
  transition: 0.4s;
  background-size: 200% auto;
  border-radius: 0.8rem;
  outline: none;
  color: var(--color-white);
}
.btn-primary-gradient:hover {
  background-position: 200%;
  color: var(--color-white);
  text-decoration: none;
}
.btn-light {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: rgb(0, 0, 0);
}
.btn-light:hover {
  background-color: rgb(49, 48, 48);
  border-color: rgb(49, 48, 48);
  color: #FFFFFF;
}
.btn-dark {
  background-color: rgb(49, 48, 48);
  border-color: rgb(49, 48, 48);
  color: #FFFFFF;
}
.btn-dark:hover {
  background-color: rgb(3, 53, 252);
  border-color: rgb(3, 53, 252);
  color: #FFFFFF;
}
.btn-gray {
  background-color: rgb(238, 238, 238);
  border-color: rgb(238, 238, 238);
  color: rgb(0, 0, 0);
}
.btn-gray:hover {
  background-color: rgb(49, 48, 48);
  border-color: rgb(49, 48, 48);
  color: #FFFFFF;
}
.btn-outline {
  background-color: transparent;
  border-color: var(--color-primary);
  color: var(--color-white);
  border: 1px solid var(--color-primary);
}
.btn-outline:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.btn-outline-gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.06));
  position: relative;
  color: var(--color-white);
  overflow: hidden;
  transition: all 0.4s ease;
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn-outline-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.12));
  background-size: 200% auto;
  background-position: left center;
  border-radius: inherit;
  transition: background-position 0.4s ease;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.btn-outline-gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 300%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  opacity: 0;
  z-index: 0;
  border-radius: inherit;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.btn-outline-gradient:hover {
  color: var(--color-white);
}
.btn-outline-gradient:hover::before {
  background-position: right center;
}
.btn-outline-gradient:hover::after {
  -webkit-animation: shimmer 1.2s linear infinite;
          animation: shimmer 1.2s linear infinite;
  opacity: 1;
}
.btn-outline-light {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.btn-outline-light:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: rgb(0, 0, 0);
}
.btn-outline-dark {
  background-color: transparent;
  color: rgb(49, 48, 48);
  border: 1px solid rgb(202, 207, 216);
}
.btn-outline-dark:hover {
  background-color: rgb(49, 48, 48);
  border-color: rgb(49, 48, 48);
  color: #FFFFFF;
}
.btn-rounde-circle {
  border-radius: 100%;
}
.btn-rounde-pill {
  border-radius: 50px;
}
.btn-rounde-2 {
  border-radius: 2px;
}
.btn-rounde-4 {
  border-radius: 4px;
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
}

.light-demo-4 .btn-primary {
  color: var(--color-dark);
}
.light-demo-4 .btn-primary:hover {
  color: var(--color-dark);
}

/* ==========================
    - Hero Slider CSS
==============================*/
.hero-area-one {
  position: relative;
}

.hero-bg-1 {
  position: relative;
}

.hero-bg-1 img {
  height: 86rem;
  width: 100%;
  background-size: contain;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .hero-bg-1 img {
    height: 54rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hero-title br {
    display: none;
  }
}
.hero-title .text-animation {
  background: linear-gradient(125.41deg, #fff 17.14%, #c2bfbf 70.77%);
  background-size: 200% auto;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: text_shine 3s linear infinite;
          animation: text_shine 3s linear infinite;
}

@-webkit-keyframes text_shine {
  to {
    background-position: -200% center;
  }
}

@keyframes text_shine {
  to {
    background-position: -200% center;
  }
}
.hero-one-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
  color: var(--color-white);
  -webkit-padding-before: 20.8rem;
          padding-block-start: 20.8rem;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.hero-bottom-image {
  position: relative;
  margin-top: 4rem;
}

.hero-area-two {
  padding-top: 10rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area-two {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-area-two {
    padding-top: 5rem;
  }
}

.darkhero-shape__wrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  max-width: 1320px;
  margin: 0 auto;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.darkhero-shape__wrap > svg {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .darkhero-shape__wrap {
    padding-top: 22rem;
  }
}
@media only screen and (max-width: 575px) {
  .darkhero-shape__wrap {
    padding-top: 28rem;
  }
}

.darkhero-shape__overlay {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(15, 9, 33, 0.4) 39.72%, #4D2EAB 100%);
}

.hero-dark-2-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  top: 0;
  max-width: 84rem;
}
.hero-dark-2-content .hero-title {
  margin-bottom: 2.5rem;
}
.hero-dark-2-content .hero-description {
  margin-bottom: 3.5rem;
  font-size: clamp(1.5rem, 1vw + 1rem, 2rem);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-dark-2-content .hero-description {
    margin-bottom: 1.5rem;
  }
}

.hero-top-message {
  position: relative;
  background: rgba(255, 255, 255, 0.12);
  padding: 0.8rem 1.5rem;
  border-radius: 50rem;
  color: var(--color-white);
  margin-bottom: 2.5rem;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .hero-top-message {
    font-size: 1.5rem;
    padding: 0.8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.hero-top-message::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 300%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  z-index: 0;
  border-radius: inherit;
  transition: opacity 0.4s ease;
  pointer-events: none;
  -webkit-animation: shimmer 2.2s linear infinite;
          animation: shimmer 2.2s linear infinite;
}
.hero-top-message .hero-top-message-icon {
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
  display: inline-flex;
  background: rgb(216, 201, 251);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.hero-light-one {
  background-color: #FFF7F5;
  background-image: url(../images/hero/light-demo-overlay-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-block: clamp(6rem, 7vw, 9.4rem);
  background-position: right;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

[dir=rtl] .hero-light-one {
  background-position: left;
}

.hero-light-two {
  background-color: rgba(194, 255, 102, 0.1);
  background-size: contain;
  background-repeat: no-repeat;
  padding-block: clamp(6rem, 7vw, 9.4rem);
  background-position: right;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.light-hero-one-image-wrap {
  position: relative;
}

.light-hero-one-image {
  position: relative;
  text-align: right;
}

.light-hero-one-box-start {
  position: absolute;
  top: 0;
  inset-block-start: 1rem;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}
.light-hero-one-box-start .light-hero-inner-thumb-1 {
  -webkit-animation: jump-top-buttom 6s infinite linear;
          animation: jump-top-buttom 6s infinite linear;
}
.light-hero-one-box-start .light-hero-inner-thumb-2 {
  -webkit-margin-start: -2rem;
          margin-inline-start: -2rem;
  -webkit-animation: jump-top-buttom 5s infinite linear;
          animation: jump-top-buttom 5s infinite linear;
}
.light-hero-one-box-start .light-hero-inner-thumb-3 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
  -webkit-animation: jump-top-buttom 4s infinite linear;
          animation: jump-top-buttom 4s infinite linear;
}

.light-hero-inner-thumb-4 {
  position: absolute;
  inset-inline-end: -1rem;
  bottom: 10rem;
  -webkit-animation: 6s linear 0s infinite normal none running moving;
          animation: 6s linear 0s infinite normal none running moving;
}

.light-hero-inner-thumb-5 {
  position: absolute;
  background: white;
  display: inline-block;
  color: #222;
  bottom: 8rem;
  padding: 1.2rem 0.9rem;
  box-shadow: 10px 10px 40px 0px rgba(34, 34, 34, 0.0509803922);
  border-radius: 0.5rem;
  inset-inline-start: -1rem;
  gap: 1rem;
  display: inline-flex;
  align-items: center;
}

@media screen and (min-width: 1200px) {
  .light-hero-inner-thumb-4 {
    inset-inline-end: -2rem;
  }
  .light-hero-inner-thumb-5 {
    bottom: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .light-hero-one-image {
    -webkit-margin-end: -2.4rem;
            margin-inline-end: -2.4rem;
  }
  .light-hero-inner-thumb-4 {
    inset-inline-end: -8rem;
  }
}
.hero-top-message.light-one-top-message {
  color: var(--color-dark);
  background-color: rgba(254, 91, 36, 0.0784313725);
}
.hero-top-message.light-one-top-message .hero-top-message-icon {
  background: #FFD6C8;
}
.hero-top-message.light-two-top-message {
  color: var(--color-dark);
  background-color: transparent;
  border: 0.1rem solid var(--color-primary);
}
.hero-top-message.light-two-top-message .hero-top-message-icon {
  background: var(--color-primary);
}

.light-hero-two-image-wrap {
  position: relative;
}

.light-hero-two-image--box {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  justify-content: flex-end;
}

.light-hero-two-inner-thumb-4 {
  position: absolute;
  top: -3.5rem;
  inset-inline-end: 2rem;
  -webkit-animation: 6s linear 0s infinite normal none running moving;
          animation: 6s linear 0s infinite normal none running moving;
}

.light-hero-two-inner-thumb-5 {
  position: absolute;
  background: white;
  display: inline-block;
  color: #222;
  bottom: 1rem;
  padding: 1.2rem 0.9rem;
  box-shadow: 10px 10px 40px 0px rgba(34, 34, 34, 0.0509803922);
  border-radius: 0.5rem;
  inset-inline-start: -1rem;
  gap: 1rem;
  display: inline-flex;
  align-items: center;
}

.light-hero-two-inner-thumb-5 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
  -webkit-animation: jump-top-buttom 4s infinite linear;
          animation: jump-top-buttom 4s infinite linear;
}

.primary-hero-shape__overlay {
  background: url("../images/hero/hero-shap-5-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 1200px) {
  .hero-dark-5-content {
    max-width: 74.4rem;
    margin: 0 auto;
    margin-top: 10rem;
  }
}
.hero-bottom-image {
  position: relative;
  padding-bottom: clamp(3rem, 4vw, 6rem);
  padding-inline: clamp(3rem, 4vw, 6rem);
}
.hero-bottom-image > img {
  z-index: 1;
  position: relative;
  border-radius: 2.5rem;
}

.hero-area-two .hero-bottom-image:is(.pb-0) > img {
  border-radius: 0rem;
}

.hero-5-image-shape__overlay {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: clamp(24rem, 45vw, 60rem);
  background: linear-gradient(0deg, #C4DBF8 0%, #8CAFE8 100%);
  z-index: 0;
  border-radius: 2.4rem;
}

/*=============================
// - Partners Section Css
==============================*/
.partner-item {
  text-align: center;
}

.recommended-reviews {
  display: flex;
  justify-content: space-evenly;
  gap: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.recommended-rating-company .rating-stars {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.recommended-rating-info {
  display: flex;
  gap: 0.6rem;
}
.recommended-rating-info p {
  margin-bottom: 0;
}
.recommended-rating-info .average-review, .recommended-rating-info .total-review {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 600;
}

.scroller[data-animated=true]:hover .scroller__inner {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.scroller[data-direction=right] {
  --_animation-direction: reverse;
}

.scroller[data-direction=left] {
  --_animation-direction: forwards;
}

.scroller__inner {
  display: flex;
}

.scroller[data-animated=true] {
  overflow: hidden;
  display: flex;
  gap: 12px;
}

.scroller[data-animated=true] .scroller__inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  -webkit-animation: scrollAnimation var(--_animation-duration, 20s) var(--_animation-direction, forwards) linear infinite;
  animation: scrollAnimation var(--_animation-duration, 20s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-speed=fast] {
  --_animation-duration: 10s;
}

.scroller[data-speed=slow] {
  --_animation-duration: 40s;
}

@-webkit-keyframes scrollAnimation {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
@keyframes scrollAnimation {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.scroller-patner--list .patner-logo {
  background-color: rgba(14, 18, 27, 0.031372549);
  padding: 2rem 4rem;
  flex-shrink: 0;
}

.scroller-patner--list:has(.patner-logo-item) {
  gap: 10rem;
}
.scroller-patner--list:has(.patner-logo-item) .patner-logo-item {
  flex-shrink: 0;
}

.scroller-patner--list:is(.rounded-full) .patner-logo {
  border-radius: 20rem;
  align-items: center;
  display: flex;
  padding: 0.8rem 4rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
}

/*=============================
// - Feature Section Css
==============================*/
.feature-item {
  text-align: center;
  padding: 2rem;
}
.feature-item .feature-icon {
  margin-bottom: 2.5rem;
  transition: all 0.3s ease-in-out;
}
.feature-item .feature-icon:is(.bg) {
  background: var(--color-primary);
}
.feature-item .feature-icon:is(.bg-primary-10) {
  background: var(--color-primary);
}
.feature-item:hover .feature-icon {
  transform: rotateY(180deg);
}
.feature-item .feature-title {
  margin-bottom: 1.5rem;
}
.feature-item .feature-text {
  margin-bottom: 2.5rem;
}
.feature-item.theme-demo-1 .btn-link {
  color: var(--color-theme-gradient-1);
  text-decoration: none;
  position: relative;
  padding: 0;
}
.feature-item.theme-demo-1 .btn-link::after {
  position: absolute;
  left: 0;
  content: "";
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-theme-gradient-1);
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.feature-item.theme-demo-1 .btn-link:hover {
  color: var(--color-theme-gradient-2);
}
.feature-item.theme-demo-1 .btn-link:hover::after {
  width: 100%;
}
.feature-item.border-1 {
  border: 0.1rem solid #ddd;
}
.feature-item--style-2:hover {
  border-color: transparent;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
}
.feature-item--style-2 .feature-icon {
  display: flex;
  width: 7.2rem;
  height: 7.2rem;
  align-items: center;
  justify-content: center;
  justify-self: center;
  border-radius: 50%;
}
.feature-item--style-2 .btn-link {
  color: var(--color-dark);
  text-decoration: none;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.feature-item--style-2 .btn-link:hover {
  color: var(--color-black);
}
.feature-item--style-3:hover {
  border-color: transparent;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
}
.feature-item--style-3:hover .feature-icon {
  transform: rotateY(0deg);
  background-color: var(--color-primary) !important;
  color: white !important;
}
.feature-item--style-3 .feature-icon {
  display: flex;
  width: 7.2rem;
  height: 7.2rem;
  align-items: center;
  justify-content: center;
  justify-self: center;
  border-radius: 50%;
}
.feature-item--style-3 .feature-icon.bg {
  background-color: rgba(3, 53, 252, 0.0784313725);
  color: var(--color-primary);
}
.feature-item--style-3 .feature-icon > svg {
  width: 4rem;
  height: 4rem;
}
.feature-item--style-3 .btn-link {
  color: var(--color-dark);
  text-decoration: none;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.feature-item--style-3 .btn-link:hover {
  color: var(--color-black);
}

@keyframes text_shine {
  to {
    background-position: -200% center;
  }
}
/* =============================
 // - Accordion Section Css
 ==============================*/
.choose-us-accordion {
  padding-block: clamp(3rem, 3vw + 0.6rem, 5.6rem);
  padding-inline: clamp(2rem, 3vw + 0.3rem, 4.8rem);
}
.choose-us-accordion .accordion {
  --bs-accordion-btn-icon-width: 1.6rem;
}
.choose-us-accordion .accordion-item {
  border: none;
  border-radius: 1.2rem;
}
.choose-us-accordion:not(:last-child) .accordion-item {
  margin-bottom: 2rem;
}
.choose-us-accordion .accordion-button {
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  background-color: var(--color-white);
  border-radius: 1.4rem !important;
}
.choose-us-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
.choose-us-accordion .accordion-button > svg,
.choose-us-accordion .accordion-button > i {
  margin-right: 1.4rem;
}
.choose-us-accordion .accordion-button {
  font-weight: 600;
  color: var(--color-black);
  font-size: var(--font-size-md, 1.125rem);
  padding: 2.4rem;
}
.choose-us-accordion .accordion-button:not(.collapsed),
.choose-us-accordion .accordion-button:focus {
  background-color: var(--color-white);
  color: var(--color-black);
  box-shadow: none;
}
.choose-us-accordion .accordion-body {
  padding: 0 2.4rem 2.4rem;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  line-height: var(--line-height-base-md, 1.5);
}
.choose-us-accordion .accordion-button:after {
  --accordion-icon-size: 1.6rem;
  background-size: var(--accordion-icon-size);
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  color: var(--color-white);
}
.choose-us-accordion-2 {
  -webkit-margin-end: clamp(1rem, 2vw + 0.5rem, 4rem);
          margin-inline-end: clamp(1rem, 2vw + 0.5rem, 4rem);
}
.choose-us-accordion-2 .accordion-item {
  border: none;
  border-radius: 1.2rem;
}
.choose-us-accordion-2:not(:last-child) .accordion-item {
  margin-bottom: 2rem;
}
.choose-us-accordion-2 .accordion-button {
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  background-color: var(--color-white);
}
.choose-us-accordion-2 .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
.choose-us-accordion-2 .accordion-button > svg,
.choose-us-accordion-2 .accordion-button > i {
  margin-right: 1.4rem;
}
.choose-us-accordion-2 .accordion-button {
  font-weight: 600;
  color: var(--color-black);
  font-size: var(--font-size-md, 1.125rem);
  padding: 2.4rem;
  border-radius: 1.4rem !important;
}
.choose-us-accordion-2 .accordion-button:not(.collapsed),
.choose-us-accordion-2 .accordion-button:focus {
  background-color: var(--color-white);
  color: var(--color-black);
  box-shadow: none;
}
.choose-us-accordion-2 .accordion-body {
  padding: 0 2.4rem 2.4rem;
}
.choose-us-accordion-2 .accordion-button:after {
  --accordion-icon-size: 1.6rem;
  background-size: var(--accordion-icon-size);
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  color: var(--color-white);
}

.choose-us-accordion-minimal .accordion-item {
  -webkit-border-start: 0.3rem solid rgb(29, 30, 32);
          border-inline-start: 0.3rem solid rgb(29, 30, 32);
  margin-bottom: 3.2rem;
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
  position: relative;
}
.choose-us-accordion-minimal .accordion-item::before {
  content: "";
  left: -0.3rem;
  top: 0;
  width: 0.3rem;
  height: 1.4rem;
  background-color: rgb(29, 30, 32);
  position: absolute;
}
.choose-us-accordion-minimal .accordion-item.active::before {
  background-color: var(--color-highlighted);
}
.choose-us-accordion-minimal .accordion-item .accordion-header .accordion-button {
  font-size: clamp(1.8rem, 1.8vw, 2rem);
}
.choose-us-accordion-minimal .accordion-item .accordion-collapse {
  margin-top: 1rem;
}

.faq-accordion:is(.bg--light) {
  background-color: var(--color-white);
}
.faq-accordion:is(.bg--light) .accordion-item {
  border: 1px solid rgba(29, 30, 32, 0.1);
  background: var(--color-white);
  border-radius: 1rem;
}
.faq-accordion:is(.bg--light) .accordion-button:not(.collapsed),
.faq-accordion:is(.bg--light) .accordion-button:focus {
  background-color: transparent;
  color: var(--color-dark);
  box-shadow: none;
}
.faq-accordion:is(.bg--light) .accordion-collapse {
  color: var(--color-dark);
}
.faq-accordion:is(.bg--light) .accordion-button {
  color: var(--color-black);
}
.faq-accordion:is(.list-faq-accordion) .accordion-button {
  font-size: clamp(1.8rem, 1.2vw, 2rem);
}
.faq-accordion:is(.list-faq-accordion) .accordion-collapse .accordion-body {
  border-top: 1px solid rgba(29, 30, 32, 0.1);
  width: calc(100% - 6rem);
  margin-left: 3rem;
  margin-right: 3rem;
  padding-inline: 0;
  padding-top: 2rem;
}
.faq-accordion .accordion-item {
  border: 1px solid rgba(241, 241, 241, 0.12);
  background: rgb(14, 18, 27);
  border-radius: 1rem;
}
.faq-accordion .accordion-item:not(:last-child) {
  margin-bottom: 1.6rem;
}
.faq-accordion .accordion-button:not(.collapsed),
.faq-accordion .accordion-button:focus {
  background-color: transparent;
  color: var(--color-white);
  box-shadow: none;
}
.faq-accordion .accordion-button {
  font-weight: 500;
}
.faq-accordion .accordion-button {
  padding-block: 2.4rem;
  padding-inline: 3.2rem;
  border-radius: 1.2rem;
  background-color: transparent;
  color: var(--color-white);
}
.faq-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
.faq-accordion .accordion-collapse {
  color: rgb(202, 207, 216);
}
.faq-accordion .accordion-body {
  padding-inline: 3.2rem;
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 2rem;
          padding-block-end: 2rem;
}
.faq-accordion:not(.bg--light) .accordion-button:after {
  --accordion-icon-size: 1.6rem;
  background-size: var(--accordion-icon-size);
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  color: var(--color-white);
  background-image: url("../images/icons/arrow-down.svg");
}
.faq-accordion:not(.bg--light) .accordion-button:not(.collapsed):after {
  background-image: url("../images/icons/arrow-up.svg");
}

.accordion-bg-image-inner {
  padding: 4rem;
  text-align: center;
  background-color: rgb(226, 254, 183);
  height: 100%;
  width: 100%;
  border-radius: 2.4rem;
  position: relative;
}
.accordion-bg-image-inner .accordion-banner-inner-image-surcle {
  width: 23rem;
  height: 23rem;
  border: 5rem solid rgb(247, 247, 248);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  border-radius: 5000rem;
  z-index: 0;
}

.demo-5-accordion-bg {
  background: #C7E1F8;
}

.accordion-faq-banner-image .accordion-banner-image-inner-1 {
  position: absolute;
  left: 3%;
  top: 18%;
  -webkit-animation: 4s linear 0s infinite normal none running jump-top-buttom;
          animation: 4s linear 0s infinite normal none running jump-top-buttom;
}
@media only screen and (max-width: 767px) {
  .accordion-faq-banner-image .accordion-banner-image-inner-1 {
    width: 12rem;
  }
}
.accordion-faq-banner-image .accordion-banner-image-inner-2 {
  position: absolute;
  right: 4%;
  top: 13%;
  -webkit-animation: 6s linear 0s infinite normal none running moving;
          animation: 6s linear 0s infinite normal none running moving;
}
@media only screen and (max-width: 767px) {
  .accordion-faq-banner-image .accordion-banner-image-inner-2 {
    width: 12rem;
  }
}
.accordion-faq-banner-image .accordion-banner-image-inner-3 {
  position: absolute;
  right: 0;
  bottom: 4rem;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .accordion-faq-banner-image .accordion-banner-image-inner-3 {
    bottom: 2rem;
    width: 20rem;
  }
}
@media screen and (min-width: 991px) {
  .accordion-faq-banner-image .accordion-banner-image-inner-1 {
    position: absolute;
    left: 15%;
    top: 18%;
  }
  .accordion-faq-banner-image .accordion-banner-image-inner-2 {
    position: absolute;
    right: 10%;
    top: 13%;
  }
  .accordion-faq-banner-image .accordion-banner-image-inner-3 {
    position: absolute;
    right: 0;
    bottom: 4rem;
    left: 0;
  }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .accordion-faq-banner-image .accordion-banner-image-inner-1 {
    left: 5%;
  }
  .accordion-faq-banner-image .accordion-banner-image-inner-2 {
    max-width: 18rem;
  }
}

/* =============================
 // - Case Study Section Css
 ==============================*/
.case-study-card-item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.04);
}
.case-study-card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.1);
}
.case-study-card-item-picture a {
  display: block;
}
.case-study-card-item-picture img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-study-card-item .case-study-card-item-content {
  padding: 2.4rem;
}
.case-study-card-item .case-study-card-item-content .case-study-meta {
  margin-bottom: 10px;
}
.case-study-card-item .case-study-card-item-content .case-study-meta .case-study-date {
  display: flex;
  align-items: center;
}
.case-study-card-item .case-study-card-item-content .case-study-meta .case-study-date .case-study-date-icon {
  margin-right: 0.5rem;
}
.case-study-card-item .case-study-card-item-content .case-study-title {
  margin-bottom: 1rem;
  font-weight: bold;
  color: #333;
}
.case-study-card-item .case-study-card-item-content .case-study-description {
  color: #666;
}

.case-study-details-header {
  display: flex;
  justify-content: space-between;
  justify-items: flex-end;
  gap: 2rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 2rem;
}
.case-study-details-header .case-study-title {
  color: #111;
  flex: 1 1 calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
.case-study-details-header .share-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .case-study-details-header .share-row {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .case-study-details-header {
    justify-content: flex-start;
  }
}

.case-details-study-meta {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.case-details-study-meta .case-card-author {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}
.case-details-study-meta > .case-card-meta-item {
  display: inline-block;
}
.case-details-study-meta > .case-card-meta-item:not(:last-child) {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.case-details-study-meta > .case-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.1rem;
  height: 1.8rem;
  background-color: #CACFD8;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.case-details-study-meta:has(.case-card-avatar) > .case-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.1rem;
  height: 2rem;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}

.post-next-and-prev-wrap {
  border-block: 0.1rem solid #eaecef;
  padding-block: 2rem;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.post-next-and-prev-wrap .icon-with-status-title {
  color: #111;
  font-weight: 600;
}
.post-next-and-prev-wrap .icon-with-status-title > i {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.post-next-and-prev-wrap .post-next {
  text-align: right;
  margin-left: 0.5rem;
  margin-right: 0;
}

/* =============================
// - Testimonials Section Css
==============================*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .testimonials-wrapper .testimonials-slider-active.swiper {
    margin-left: calc(0% + 1.6rem);
    margin-right: 1.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonials-wrapper .testimonials-slider-active.swiper {
    margin-left: calc((100% - 720px) / 2 + 1.6rem);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonials-wrapper .testimonials-slider-active.swiper {
    margin-left: calc((100% - 960px) / 2 + 1.6rem);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .testimonials-wrapper .testimonials-slider-active.swiper {
    margin-left: calc((100% - 1142px) / 2 + 1.6rem);
  }
}
@media only screen and (min-width: 1320px) {
  .testimonials-wrapper .testimonials-slider-active.swiper {
    padding-right: 0.5rem;
    margin-left: calc((100% - 1320px) / 2 + 1.6rem);
  }
}
.testimonial-card-item {
  border-radius: 10px;
  padding: 3rem;
  border: 0.1rem solid #E1E4E9;
  transition: all 0.3s ease-in-out;
}
.testimonial-card-item:not(.full-story-card):hover {
  border-color: var(--color-highlighted, #5B2CC9);
}
.testimonial-card-item .testimonial-text {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #333;
}
.testimonial-card-item .testimonial-text-heading {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.testimonial-card-item .testimonial-text-heading .testimonial-title {
  font-size: 2rem;
  font-weight: 500;
}
.testimonial-card-item .testimonial-reviews {
  color: #5B2CC9;
}
.testimonial-card-item .testimonial-author-info {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.testimonial-card-item .testimonial-author-info::after {
  content: "";
  background: url(../images/testimonials/quote-icon.svg) no-repeat center;
  width: 5rem;
  height: 5rem;
  position: absolute;
  right: 0;
  z-index: -1;
}
.testimonial-card-item .testimonial-author-info .testimonial-author-avatar {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.testimonial-card-item .testimonial-author-info .testimonial-author-avatar .testimonial-author-image {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-card-item .testimonial-author-info .testimonial-author-details .testimonial-author {
  font-weight: 600;
}
.testimonial-card-item .testimonial-author-info .testimonial-author-details .testimonial-position {
  font-size: 1.4rem;
  color: #7f8c8d;
}

.testimonial-card-item:is(.dark) {
  background: #0E121B;
  color: var(--color-white);
  border: 1px solid rgba(255, 255, 255, 0.1411764706);
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-text {
  color: #CACFD8;
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-author {
  color: var(--color-white);
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-position {
  color: #CACFD8;
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-reviews > img,
.testimonial-card-item:is(.dark).full-story-card .testimonial-reviews > svg {
  stroke: #5B2CC9;
  color: #5B2CC9;
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-text {
  color: #CACFD8;
}
.testimonial-card-item:is(.dark).full-story-card .testimonial-author-info {
  background: #191720;
}
.testimonial-card-item.full-story-card {
  border-radius: 0.8rem;
  padding: 0;
  overflow: hidden;
}
.testimonial-card-item.full-story-card .testimonial-author-info {
  background: #F5F7FA;
  padding: 2.3rem 3rem;
}
.testimonial-card-item.full-story-card .testimonial-author-info::after {
  content: none;
}
.testimonial-card-item.full-story-card .testimonial-content {
  padding: 3rem 3rem;
}
.testimonial-card-item.full-story-card .testimonial-content .testimonial-reviews {
  margin-bottom: 2rem;
}
.testimonial-card-item.full-story-card .testimonial-reviews img,
.testimonial-card-item.full-story-card .testimonial-reviews svg {
  stroke: #FEB224;
  color: #FEB224;
}
.testimonial-card-item.full-story-card .testimonial-more-link {
  margin-top: 2rem;
}
.testimonial-card-item.full-story-card .testimonial-more-link a {
  text-decoration: underline;
}
.testimonial-card-item .testimonial-content-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  align-items: center;
}
.testimonial-card-item .testimonial-content-title > .testimonial-quote-icon {
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  background-color: var(--color-primary);
  text-align: center;
  color: var(--color-black);
  border-radius: 50%;
}
.testimonial-card-item .testimonial-content-title > .testimonial-quote-icon.two-bg {
  color: var(--color-primary);
  background-color: #F0F3FF;
}
.testimonial-card-item-two {
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.testimonial-card-item-two .testimonial-author-info::after {
  display: none;
}
.testimonial-card-item-two .testimonial-giver-wrap {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonial-card-item-two .testimonial-reviews {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-dark);
}
.testimonial-card-item-two .testimonial-reviews img,
.testimonial-card-item-two .testimonial-reviews svg {
  stroke: #FEB224;
  color: #FEB224;
}

.swiper-button-navigation.testimonial-navigation {
  display: flex;
  gap: 2.4rem;
}
.swiper-button-navigation.testimonial-navigation .testimonial-swiper-button-next,
.swiper-button-navigation.testimonial-navigation .testimonial-swiper-button-prev {
  border: 0.1rem solid #ddd;
  height: 5.2rem;
  width: 5.2rem;
  text-align: center;
  line-height: 5.4rem;
  border-radius: 0.8rem;
}
.swiper-button-navigation.testimonial-navigation .testimonial-swiper-button-next:hover,
.swiper-button-navigation.testimonial-navigation .testimonial-swiper-button-prev:hover {
  border-color: var(--color-highlighted, --color-primary, #0335fc);
  background-color: var(--color-highlighted, --color-primary, #0335fc);
  color: var(--color-white);
}

.bg-theme-4-light {
  background-color: rgb(247, 255, 237);
}

.testimonials-slider-pagination .swiper-pagination-bullet {
  background: var(--color-dark);
  opacity: 0.6;
  position: relative;
  margin-inline: 2rem;
  margin: 0 0.6rem !important;
}
.testimonials-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-black);
  opacity: 1;
  border: 2px solid #0f172a;
  box-shadow: 0 0 0 2px rgb(247, 255, 237), 0 0 0 4px #0f172a; /* second outline */
  transform: scale(1.2);
}

.bg-blend-color-hover .swiper-pagination-bullet {
  background-color: var(--color-highlighted, #5B2CC9);
}

/* =============================
// - Plan Item Section Css
==============================*/
.plan-item {
  z-index: 1;
  position: relative;
}
.plan-item.plan-item-bg-1 {
  position: relative;
  z-index: 1;
}
.plan-item.plan-item-bg-1::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/others/plan-item-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.plan-item.plan-bg-color-1 {
  background: linear-gradient(180deg, rgba(230, 224, 255, 0.32) 0%, #FFFFFF 100%);
  border: 1px solid #E0EBFF;
}
.plan-item.plan-bg-color-2 {
  background: linear-gradient(180deg, rgba(245, 248, 255, 0.0392156863) 0%, #FFFFFF 100%);
  border: 1px solid #E0EBFF;
}
.plan-item.plan-bg-color-3 {
  background: linear-gradient(180deg, rgba(255, 251, 242, 0.32) 0%, #FFFFFF 100%);
  border: 1px solid #E0EBFF;
}
.plan-item.plan-bg-color-4 {
  background: linear-gradient(180deg, #17161B 0%, #2D2356 100%);
  border-width: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0);
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.plan-item.plan-bg-color-4:hover {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.plan-item.plan-item-dark-2 .plan-header {
  color: var(--color-white);
}
.plan-item.plan-item-dark-2 .plan-credits {
  background: rgba(91, 44, 201, 0.4);
  color: var(--color-white);
  border-color: rgba(91, 44, 201, 0.4);
}
.plan-item.plan-item-dark-2 .plan-price {
  color: var(--color-white);
}
.plan-item.plan-item-dark-2 .plan-features-list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  color: var(--color-white);
}
.plan-item .plan-title {
  top: -1.5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50rem;
  background: #DDD6FF;
  color: #21126B;
  font-size: 1.8rem;
  padding: 0.8rem 2.5rem;
  font-weight: 500;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.plan-item .plan-title > svg {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.plan-item .plan-title.plan-title-color-2 {
  background: #C2D6FF;
  color: #0052FA;
}
.plan-item .plan-title.plan-title-color-3 {
  background: #FFEABD;
  color: #604100;
}
.plan-item .plan-header {
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
  padding-inline: 2.8rem;
}
.plan-item .plan-credits {
  padding: 0.8rem 1.5rem;
  font-weight: 500;
  border-radius: 50rem;
  display: inline-block;
  background: transparent;
  border: 1px solid #E1E4E9;
  color: var(--color-dark);
}
.plan-item .plan-price {
  font-size: 4rem;
  font-weight: 600;
  color: var(--color-dark);
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}
.plan-item .plan-features-list {
  padding-block: 2.8rem;
  margin-inline: 2.8rem;
  -webkit-margin-before: 2.8rem;
          margin-block-start: 2.8rem;
  border-top: 0.1rem solid #F2F3F8;
  border-bottom: 0.1rem solid #F2F3F8;
  list-style: none;
}
.plan-item .plan-features-list li {
  position: relative;
}
.plan-item .plan-features-list li:not(:last-child) {
  -webkit-margin-after: 1.8rem;
          margin-block-end: 1.8rem;
}
.plan-item .plan-features-list li .check-marks-icon {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.plan-item .plan-action {
  text-align: center;
  padding: 2.8rem;
}

.plan-item-message {
  display: inline-block;
  padding: 0.8rem 1.8rem;
  border-radius: 500rem;
  border: 0.2px solid rgba(255, 255, 255, 0.06);
}

/* =============================
// - Blog Card Section Css
==============================*/
.blog-card {
  border-radius: 1.2rem;
  padding: 2.4rem;
  transition: all 0.3s ease;
}
.blog-card:not(.blog-card-list):hover {
  transform: translateY(-5px);
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}
.blog-card:is(.card-box) {
  padding: 0;
  border-radius: 1.4rem;
  overflow: hidden;
}
.blog-card:is(.card-box) .blog-card-picture {
  margin-bottom: 0;
}
.blog-card:is(.card-box) .blog-card-content {
  border-radius: 0 0 1.4rem 1.4rem;
  padding: 2.4rem;
  -webkit-padding-after: 2.4rem;
          padding-block-end: 2.4rem;
  border-inline: 0.1rem solid rgb(225, 228, 233);
  border-bottom: 0.1rem solid rgb(225, 228, 233);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-card:is(.card-box) .blog-card-content {
    padding: 2rem;
  }
}
.blog-card:not(.card-box) .blog-card-picture {
  border-radius: 1.2rem;
}
.blog-card.blog-card-list .blog-card-picture {
  border-radius: 0.8rem;
  overflow: hidden;
}
.blog-card .blog-card-picture {
  border-radius: 1.2rem;
}
.blog-card .blog-card-picture .blog-image {
  width: 100%;
  height: auto;
  border-radius: 0.8rem;
  overflow: hidden;
}
.blog-card .blog-card-content {
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
}
.blog-card .blog-card-content .blog-card-meta {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.blog-card .blog-card-content .blog-card-meta .blog-card-author {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}
.blog-card .blog-card-content .blog-card-meta .blog-card-author a {
  font-weight: 600;
}
.blog-card .blog-card-content .blog-card-meta > .blog-card-meta-item {
  display: inline-block;
}
.blog-card .blog-card-content .blog-card-meta > .blog-card-meta-item:not(:last-child) {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.blog-card .blog-card-content .blog-card-meta > .blog-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.blog-card .blog-card-content .blog-card-meta:has(.blog-card-avatar) > .blog-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.1rem;
  height: 2rem;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-card .blog-card-content .blog-card-meta:has(.blog-card-avatar) .blog-card-author a {
    font-size: 1.4rem;
  }
}
.blog-card .blog-card-content .blog-title {
  margin-bottom: 1rem;
}
.blog-card .blog-card-content .blog-title a {
  color: #1F2937;
  text-decoration: none;
}
.blog-card .blog-card-content .blog-title a:hover {
  text-decoration: underline;
}
.blog-card-item--list {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.blog-card-item--list:not(:last-child) {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .blog-card-item--list {
    flex-direction: column;
  }
}
.blog-card-item--list .blog-card-picture {
  flex: 0 0 50%;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-card-item--list .blog-card-picture > img {
  border-radius: 0.8rem;
}
@media only screen and (max-width: 767px) {
  .blog-card-item--list .blog-card-picture {
    flex: 0 0 100%;
  }
  .blog-card-item--list .blog-card-picture > img {
    width: 100%;
    height: auto;
  }
}
.blog-card-item--list .blog-card-content {
  flex: 1;
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.blog-card-item--list .blog-card-content .blog-card-meta {
  display: flex;
  align-items: center;
}
.blog-card-item--list .blog-card-content .blog-card-meta p {
  font-size: 1.4rem;
}
.blog-card-item--list .blog-card-content .blog-card-meta--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.blog-card-item--list .blog-card-content .blog-card-meta--footer {
  display: flex;
  gap: 1.5rem;
  margin-top: 1rem;
  border-top: 0.1rem solid #f1f1f1;
  padding-top: 1rem;
}
.blog-card-item--list .blog-card-content .blog-card-meta > .blog-card-meta-item {
  display: inline-block;
}
.blog-card-item--list .blog-card-content .blog-card-meta > .blog-card-meta-item:not(:last-child) {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.blog-card-item--list .blog-card-content .blog-card-meta > .blog-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.blog-card-item--list .blog-card-content .blog-card-meta > .blog-card-meta-item .blog-card-meta-item-end {
  margin-right: 0;
}

.article-details-header {
  display: flex;
  justify-content: space-between;
  justify-items: flex-end;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 2rem;
}
.article-details-header .article-details-title {
  color: #111;
}

.article-details-study-meta {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  font-size: 1.8rem;
}
.article-details-study-meta .article-card-author {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}
.article-details-study-meta > .article-card-meta-item {
  display: inline-block;
}
.article-details-study-meta > .article-card-meta-item:not(:last-child) {
  -webkit-margin-end: 1.2rem;
          margin-inline-end: 1.2rem;
}
.article-details-study-meta > .article-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.1rem;
  height: 1.8rem;
  background-color: #CACFD8;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.article-details-study-meta:has(.article-card-avatar) > .article-card-meta-item:not(:last-child)::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}

.blog--list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.blog--list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-dark);
  font-size: 2rem;
  line-height: 1;
}

.post-next-and-prev-wrap {
  border-block: 0.1rem solid #eaecef;
  padding-block: 2rem;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.post-next-and-prev-wrap .icon-with-status-title {
  color: #111;
  font-weight: 600;
}
.post-next-and-prev-wrap .icon-with-status-title > i {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.post-next-and-prev-wrap .post-next {
  text-align: right;
  margin-left: 0.5rem;
  margin-right: 0;
}

.article-single-author .article-author-info {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  -webkit-padding-before: 3rem;
          padding-block-start: 3rem;
}
.article-single-author .author-avatar-img {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
}
.article-single-author .article-content .author-name {
  font-weight: 600;
}

.comment-box {
  margin-top: 5rem;
  background: #f6f8fb;
  border-radius: 10px;
  padding: 40px;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.comment-box label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.comment-box textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: vertical;
  font-size: 15px;
  color: #111827;
  outline: none;
}
.comment-box textarea:focus,
.comment-box input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.comment-box .single-input-box {
  margin-top: 1rem;
}
.comment-box input[type=email],
.comment-box input[type=text],
.comment-box input[type=url] {
  flex: 1;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 15px;
  color: #111827;
  outline: none;
  width: 100%;
}
.comment-box .checkbox {
  margin-top: 14px;
  font-size: 14px;
  color: #6b7280;
}
.comment-box .checkbox input {
  margin-right: 6px;
}
.comment-box .checkbox {
  display: flex;
  align-items: center;
}
.comment-box .submit-btn {
  margin-top: 25px;
  background: #111827;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s ease;
}
.comment-box .submit-btn:hover {
  background: #1f2937;
}

.blog-details-image > img {
  border-radius: 1.2rem;
  width: 100%;
}

/* =============================
// - Business Success Banner Section Css
==============================*/
.business-success-banner-bg-1 {
  background-color: #110A28;
  background-image: radial-gradient(circle at -16% -40%, rgba(100, 39, 255, 0.8), rgba(7, 12, 20, 0) 35%), radial-gradient(circle at 10% 20%, rgba(125, 81, 237, 0.3), rgba(7, 12, 20, 0) 40%), radial-gradient(circle at 0% 0%, rgba(70, 30, 120, 0.2), rgba(7, 12, 20, 0) 50%);
  background-color: #0d0720;
  background-repeat: no-repeat;
  background-size: cover;
}

.business-success-banner-style2-bg-1 {
  background-color: #110A28;
  background-image: radial-gradient(circle at -16% -40%, rgba(100, 39, 255, 0.8), rgba(7, 12, 20, 0) 35%), radial-gradient(circle at 10% 20%, #01266c, #01266c 40%), radial-gradient(circle at 0% 0%, #01266c, #190B40 50%);
  background-color: #190B40;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn-gradient {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02)), linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
  color: var(--color-white);
}

.business-success-banner {
  border-radius: 2rem;
  -webkit-padding-before: clamp(3.5rem, 3vw + 1rem, 8rem);
          padding-block-start: clamp(3.5rem, 3vw + 1rem, 8rem);
  -webkit-padding-start: clamp(3.5rem, 2vw + 1rem, 6rem);
          padding-inline-start: clamp(3.5rem, 2vw + 1rem, 6rem);
  overflow: hidden;
}

.business-success-banner-content {
  -webkit-padding-end: 2rem;
          padding-inline-end: 2rem;
}
.business-success-banner-content .title {
  font-size: clamp(2.5rem, 2vw + 0.5rem, 3.6rem);
  margin-bottom: 1.5rem;
}

.business-success-banner-bg-2 {
  background-color: #110A28;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .business-success-banner-bg-2 {
    flex-direction: column;
  }
}

.business-success-banner-style2-bg-2 {
  background-color: #01266C;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .business-success-banner-style2-bg-2 {
    flex-direction: column;
  }
}

.business-success-banner-image-two {
  flex-shrink: 0;
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .business-success-banner-image-two {
    width: 50%;
  }
}

.business-success-banner-gradient-bg {
  background-image: radial-gradient(circle at 84% 42%, rgba(120, 50, 255, 0.7), rgba(0, 0, 0, 0) 70%), linear-gradient(to top, rgba(120, 50, 255, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .business-success-banner-gradient-bg {
    height: 40rem;
  }
}
.business-success-banner-gradient-bg .business-success-banner-content {
  padding: 4.7rem 4.3rem;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  position: relative;
  max-width: 30rem;
}

.business-success-banner-style2-gradient-bg {
  background-image: radial-gradient(circle at 84% 42%, #1B57CB, rgba(0, 0, 0, 0) 70%), linear-gradient(to top, #2167f3 0%, rgba(0, 0, 0, 0) 40%);
  background-color: #01266C;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .business-success-banner-style2-gradient-bg {
    height: 40rem;
  }
}
.business-success-banner-style2-gradient-bg .business-success-banner-content {
  padding: 4.7rem 4.3rem;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  position: relative;
  max-width: 30rem;
}

.business-success-banner-image-three {
  position: absolute;
  bottom: 0;
  right: 0;
}

.business-success-banner .btn-link {
  color: #AC8AFE;
}

/* =============================
// - Servies Section Css
==============================*/
.servies-section .servies-border {
  padding: clamp(1.5rem, 3vw, 4rem);
  background: var(--color-white);
}

.service-card {
  --border-color: #E1E4E9;
  padding: 4rem 2.7rem;
  border: 1px solid var(--border-color);
  transition: all 0.3s ease-in-out;
}
.service-card--icon {
  border: 0.6rem solid #F1F1F1;
  display: inline-block;
  padding: 1rem;
  margin-bottom: 2.4rem;
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}
.service-card--title {
  margin-bottom: 1.6rem;
}
.service-card:hover .service-card--icon {
  border-color: var(--color-primary);
}

@media screen and (max-width: 576px) {
  .servies-border .service-card:not(:last-child) {
    border-bottom: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .service-card:not(:nth-last-child(-n+2)) {
    border-bottom: none;
  }
  .service-card:nth-child(2),
  .service-card:nth-child(4),
  .service-card:nth-child(6) {
    -webkit-border-start: none;
            border-inline-start: none;
  }
}
@media screen and (min-width: 992px) {
  .service-card {
    -webkit-border-start: 1px solid var(--border-color);
            border-inline-start: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
  }
  .servies-border {
    -webkit-border-start: none;
            border-inline-start: none;
    -webkit-border-after: none;
            border-block-end: none;
  }
  .service-card:nth-child(2) {
    border: none;
  }
  .service-card:nth-child(4) {
    border: none;
  }
  .service-card:nth-child(6) {
    border: none;
  }
  .service-card:nth-child(7) {
    border: none;
    border-top: 1px solid var(--border-color);
  }
  .service-card:nth-child(8) {
    border-top: none;
  }
  .service-card:nth-child(9) {
    border: none;
    border-top: 1px solid var(--border-color);
  }
}
blockquote,
.blockquote-box {
  margin: 20px 0;
  position: relative;
  border-radius: 0;
  font-weight: 400;
  font-style: italic;
  color: var(--text-color);
  font-size: 1.8rem;
  text-transform: capitalize;
  padding: 15px 20px;
  line-height: 1.55;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: var(--color-primary);
  background: #EBEFFF;
}

blockquote,
.blockquote-box cite {
  font-weight: 500;
  font-size: 1.8rem;
  font-style: normal;
  color: var(--text-color);
  display: inline-block;
  margin: 12px 0 0;
}

.share-tags-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #eaecef;
  border-bottom: 1px solid #eaecef;
  padding: 15px 0;
  gap: 10px;
}

/* Left section (share icons + title) */
.share-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.share-title {
  font-weight: 500;
  color: #111;
  font-size: 15px;
}

.share-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.share-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 15px;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: #EBEFFF;
}

.share-icons a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

/* Tags (right section) */
.tag-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.tag {
  background: #f3f5f9;
  color: #333;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.tag:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

/* ---------------- Responsive ---------------- */
@media (max-width: 768px) {
  .share-tags-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .share-row,
  .tag-row {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .share-icons a {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .tag {
    font-size: 13px;
    padding: 5px 14px;
  }
}
.service-detial-image > img {
  border-radius: 1.2rem;
}

.servic-images .col-6 > img {
  border-radius: 1.2rem;
}

/* =============================
// - Team Section Css
==============================*/
.team-member-card {
  position: relative;
}
.team-member-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
}
.team-member-card-image img {
  width: 100%;
  height: auto;
  transition: var(--transition-base);
}
.team-member-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 2.4rem;
  border-radius: 1.2rem;
  background-color: var(--color-white);
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
  transition: var(--transition-base);
  width: calc(100% - 2rem);
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.team-member-card-content .team-member-name {
  margin-bottom: 0.8rem;
}
.team-member-card:hover .team-member-card-content {
  bottom: 1rem;
  opacity: 1;
  visibility: visible;
}

.team-member-social-share {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}

.team-member-social-link {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border: 0.2rem solid #F1F1F1;
  background-color: var(--color-white);
  color: var(--color-dark-blue);
  text-align: center;
  line-height: 3rem;
  display: flex;
  transition: var(--transition-base);
  align-items: center;
  justify-content: center;
}
.team-member-social-link:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

.swiper-button-navigation.teams-navigation {
  display: flex;
  gap: 2.4rem;
}
.swiper-button-navigation.teams-navigation .teams-swiper-button-next,
.swiper-button-navigation.teams-navigation .teams-swiper-button-prev {
  border: 0.1rem solid #ddd;
  height: 5.2rem;
  width: 5.2rem;
  text-align: center;
  line-height: 5.4rem;
  border-radius: 1.2rem;
  cursor: pointer;
}
.swiper-button-navigation.teams-navigation .teams-swiper-button-next:hover,
.swiper-button-navigation.teams-navigation .teams-swiper-button-prev:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

/* =============================
// - Made With Love Card Css
==============================*/
.made-with-love-card {
  padding: 3.2rem;
  height: 100%;
  background: #181B24;
}
.made-with-love-card-icon {
  background-color: var(--color-primary);
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  border-radius: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: 2.8rem;
}
.made-with-love-card-content {
  margin-top: 2.4rem;
  color: var(--color-white);
}
.made-with-love-card-title {
  color: var(--color-white);
}
.made-with-love-card-des {
  margin-top: 2rem;
}

/* =============================
// - Counterup Css
==============================*/
.fun-facts-section {
  padding-bottom: 34rem;
}

.counterup-item-subtitle {
  font-size: 2.4rem;
}

.fun-facts-section-overlape {
  margin-top: -28rem;
}

.fun-facts-section-overlape-inner {
  -webkit-padding-start: 0rem;
          padding-inline-start: 0rem;
  display: block;
}
.fun-facts-section-overlape-inner .feature-list-content {
  max-width: 90%;
}

.fun-facts-section-overlape-inner .feature-list-content {
  -webkit-padding-start: 3rem;
          padding-inline-start: 3rem;
  -webkit-padding-before: 3rem;
          padding-block-start: 3rem;
}

@media screen and (min-width: 991px) {
  .fun-facts-section-overlape-inner {
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 3rem;
  }
  .fun-facts-section-overlape-inner .inner-col {
    width: 50%;
  }
  .fun-facts-section-overlape-inner .feature-list-content {
    -webkit-padding-end: 3rem;
            padding-inline-end: 3rem;
    -webkit-padding-before: 3rem;
            padding-block-start: 3rem;
  }
}
/* =============================
// - How It Work Card Css
==============================*/
.how-it-work-cards {
  counter-reset: step;
}

.how-it-work-card {
  padding: 4rem 3rem;
  height: 100%;
  background: var(--color-white);
  position: relative;
  counter-increment: step;
  border-radius: 1.4rem;
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.09);
}
.how-it-work-card::before {
  content: counter(step);
  position: absolute;
  top: 4rem;
  right: 3rem;
  font-size: 4rem;
  font-weight: 700;
  color: #E5E7EB;
}
.how-it-work-card-icon {
  background-color: #F1F5FF;
  width: 6.4rem;
  height: 6.4rem;
  line-height: 6.4rem;
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}
.how-it-work-card-content {
  margin-top: 2.4rem;
}
.how-it-work-card-des {
  margin-top: 2rem;
}

/* =============================
// - Ending Trying Css
==============================*/
.ending-trying-bottom__overlay::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(196, 219, 248, 0.768627451) 5%, rgba(27, 87, 203, 0.031372549) 60%);
  height: 100%;
  width: 100%;
}

.ending-trying--inner {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: url("../images/hero/hero-shap-5-bg.png"), linear-gradient(0deg, #C4DBF8 0%, #1B57CB 100%);
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  z-index: 0;
  border-radius: 2.4rem;
  overflow: hidden;
}

.ending-trying-content {
  padding: 6rem 0;
}

.ending-trying-content {
  text-align: center;
}
.ending-trying-content > * {
  margin-top: 2rem;
  color: var(--color-white);
}
.ending-trying-content .ending-trying-btn .btn:not(:last-child) {
  -webkit-margin-end: 2rem;
          margin-inline-end: 2rem;
}

.ending-trying-badge {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 50rem;
  border: 0.1rem solid #FFFFFF;
}

/* =============================
// - FunFact Css
==============================*/
.fun-fact-heading {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .fun-fact-heading {
    justify-content: space-between;
  }
  .section-heading--right-content {
    flex-basis: 40%;
  }
}
.fun-fact-section-dark--inner {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: #01266C;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  z-index: 0;
  border-radius: 2.4rem;
  overflow: hidden;
  padding: 6rem 6rem;
}

.fun-fact-section-dark--inner-bg {
  position: relative;
}
.fun-fact-section-dark--inner-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: url("../images/others/fun-feact-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-primary-10 {
  background: var(--color-primary-10);
}

.counterup-item-content-box {
  height: 100%;
  padding: 1.4rem;
  border-radius: 1.2rem;
}
.counterup-item-content-box .counterup-item-number--title {
  font-size: clamp(2.6rem, 2.2vw, 3.6rem);
}
.counterup-item-content-box .counterup-item-subtitle {
  font-size: clamp(1.6rem, 1.2vw, 2rem);
}

@media screen and (min-width: 768px) {
  .fun-fact-section-dark--inner {
    padding: 6rem 8rem;
  }
  .counterup-item-content-box {
    padding: 2.4rem;
  }
}
.abouts-stats-counterup .counterup-item-number--title {
  color: #21298C;
}

/* =============================
// - Breadcrumb Css
==============================*/
li.breadcrumb-item.active {
  color: var(--color-primary);
}

li.breadcrumb-item {
  position: relative;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 2.4rem;
}

.breadcrumb-item + .breadcrumb-item:before {
  content: "";
  position: absolute;
  inset-inline-start: 0.8rem;
  top: 50%;
  transform: translateY(-50%) scaleX(var(--breadcrumb-dir, 1));
  width: 0.8rem;
  height: 1.2rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.8 9.8c-0.1 0-0.2 0-0.3-0.1-0.2-0.2-0.2-0.5 0-0.7L4.6 5 0.5 0.9c-0.2-0.2-0.2-0.5 0-0.7s0.5-0.2 0.7 0l4.4 4.4c0.2 0.2 0.2 0.5 0 0.7l-4.4 4.4c-0.1 0.1-0.2 0.1-0.3 0.1z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.8 9.8c-0.1 0-0.2 0-0.3-0.1-0.2-0.2-0.2-0.5 0-0.7L4.6 5 0.5 0.9c-0.2-0.2-0.2-0.5 0-0.7s0.5-0.2 0.7 0l4.4 4.4c0.2 0.2 0.2 0.5 0 0.7l-4.4 4.4c-0.1 0.1-0.2 0.1-0.3 0.1z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.breadcrumb-section--padding {
  padding: 20px 0 80px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-section--padding {
    padding: 20px 0 40px;
  }
}

/* =============================
// - Widget Css
==============================*/
.widget:not(.widget_media_image) {
  padding: 2.5rem;
  margin: 0 0 2rem;
  background: var(--color-white);
  box-shadow: 4px 4px 44px 0 rgba(0, 0, 0, 0.04);
}

.widget .widget-title {
  font-size: 2.2rem;
  margin: 0 0 2rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0 0 12px;
  border-bottom: 1px solid #E1E4E9;
}

.service-category-list + .service-category-list {
  margin-top: 1.5rem;
}

.service-category-list a {
  display: flex;
}

.service-category-list a .count {
  margin-left: auto;
}

.entry-tags-list {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.entry-tags-list a {
  text-transform: capitalize;
  font-size: 16px !important;
  font-weight: 400;
  display: inline-block;
  padding: 0 16px;
  line-height: 36px;
  transition: all 0.2s ease 0s;
  color: var(--biznity-text-color);
  background: #F5F7FA;
  border-radius: 36px;
}
.entry-tags-list a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

@media (min-width: 1201px) {
  .service-list-item .service-icon {
    border: 6px solid #F1F1F1;
    width: 6rem;
    height: 6rem;
    font-size: 2.8rem;
  }
}
.service-list-item {
  gap: 1.5rem;
}

.service-list-item + .service-list-item {
  margin-top: 1.5rem;
}

.service-list-item .service-icon {
  margin: 0;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2rem;
  border: 0.4rem solid #F1F1F1;
  color: var(--color-primary);
  background: #fff;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}

@media (min-width: 1201px) {
  .service-list-item .service-icon svg {
    max-width: 2.8rem;
  }
}
.service-list-item .service-icon svg {
  max-width: 2rem;
}

@media (min-width: 1201px) {
  .service-item .service-icon svg {
    max-width: 4rem;
  }
}
.service-contact-form form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.service-contact-form .form-group {
  flex: 1 1 calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
.service-contact-form .form-group.full {
  flex: 1 1 100%;
}
.service-contact-form label {
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
  font-size: 14px;
}
.service-contact-form input,
.service-contact-form textarea {
  padding: 10px;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  outline: none;
  box-shadow: 0 0 0 1px #ddd;
  transition: box-shadow 0.2s ease;
}
.service-contact-form input:focus,
.service-contact-form textarea:focus {
  box-shadow: 0 0 0 2px var(--color-primary);
}
.service-contact-form textarea {
  resize: none;
}
.service-contact-form .btn-submit {
  width: 100%;
  padding: 12px 0;
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s ease;
}
.service-contact-form .btn-submit:hover {
  background-color: var(--color-primary);
}

.card-item--list {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  box-shadow: none;
}
.card-item--list:hover {
  background-color: transparent;
  box-shadow: none;
  transform: translate(0);
}
.card-item--list .flex-shrink-0 {
  width: 10.45rem;
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.card-item--list .flex-shrink-0 .case-study-image {
  border-radius: 8px;
  width: 100%;
  height: auto;
  display: block;
}
.card-item--list .grow-1 {
  padding: 0;
}
.card-item--list .case-study-meta {
  font-size: 1.4rem;
}
.card-item--list .case-study-title {
  font-size: 1.6rem;
}

.widget_search {
  position: relative;
}
.widget_search .input-search {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.62rem 1.29rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.65;
  color: var(--text-color);
  border: 1px solid #F1F1F1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 8px;
  transition: 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-padding-end: 5rem;
          padding-inline-end: 5rem;
}
.widget_search .search-button {
  position: absolute;
  right: 2rem;
  top: 50%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transform: translateY(-50%);
}

.widget-recent-item .card-item--list + .card-item--list {
  margin-top: 1.5rem;
}

.card-item--list .blog-meta {
  font-size: 1.4rem;
  color: var(--text-color);
  margin-top: 0.5rem;
}
.card-item--list .blog-meta .blog-meta-item {
  margin-right: 1.5rem;
  position: relative;
}
.card-item--list .blog-meta .blog-meta-item:last-child {
  margin-right: 0;
}
.card-item--list .blog-meta .blog-meta-item:last-child::after {
  content: none;
}
.card-item--list .blog-meta .blog-meta-item::after {
  content: "";
  position: absolute;
  right: -1.3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: #CACFD8;
  border-radius: 50%;
}
.card-item--list .blog-meta a {
  color: inherit;
  text-decoration: none;
}
.card-item--list .blog-meta a:hover {
  text-decoration: underline;
}

/* =============================
// - Pagination Css
==============================*/
.pagination,
.pagination-links {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  row-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.pagination > li,
.pagination-links > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.pagination > li > a, .pagination > li > .page-numbers,
.pagination-links > li > a,
.pagination-links > li > .page-numbers {
  text-align: center;
  font-weight: 400;
  font-size: 1.8rem;
  margin: 0;
  display: inline-block;
  float: none;
  color: var(--text-color);
  border-radius: 6px !important;
  transition: all 0.3s ease-in-out 0s;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #E1E4E9;
  background: #fff;
  position: relative;
  overflow: hidden;
  line-height: 46px;
  min-width: 48px;
}
.pagination > li > .current, .pagination > li > a:focus, .pagination > li > a:hover,
.pagination-links > li > .current,
.pagination-links > li > a:focus,
.pagination-links > li > a:hover {
  color: #fff;
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.pagination > li > .next, .pagination > li > .prev,
.pagination-links > li > .next,
.pagination-links > li > .prev {
  font-size: 1.2rem;
}

/* =============================
// - Form Css
==============================*/
.form-box-wrap {
  background-color: #F5F7FA;
  margin: 0 auto;
  border-radius: 2.4rem;
  padding: 4rem 3rem;
}

form:not(.form-box) {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.form-box > div {
  margin-bottom: 1.5rem;
}

.form-group {
  flex: 1 1 calc(50% - 10px);
  display: flex;
  flex-direction: column;
}

.form-group.full {
  flex: 1 1 100%;
}

label {
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

input,
textarea {
  padding: 10px;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 0.1rem #ddd;
  transition: box-shadow 0.2s ease;
}

.form-box-wrap input,
.form-box-wrap textarea {
  box-shadow: 0 0 0 0 #ddd;
}

.form-check-item .label {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
  font-weight: 400;
}
.form-check-item .label a {
  text-decoration: underline;
}

input:focus,
textarea:focus {
  box-shadow: 0 0 0 2px var(--color-primary);
}

textarea {
  resize: none;
}

.btn-submit {
  width: 100%;
  padding: 12px 0;
  background-color: var(--color-dark);
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s ease;
}

.btn-submit:hover {
  background-color: var(--color-primary);
}

.contact-map > iframe {
  width: 100%;
  height: 650px;
  border-radius: 2rem;
}
@media only screen and (max-width: 767px), only screen and (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map > iframe {
    height: 400px;
  }
}

.contact-pill {
  display: flex;
  align-items: center;
  gap: 24px;
  background: var(--card);
  border-radius: var(--radius);
  padding: 16px 22px;
  box-shadow: var(--shadow);
  background: #fff;
  border-radius: 8rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  /* Hover/focus niceties */
  /* Responsive: stack on small screens */
}
@media only screen and (max-width: 575px), only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-pill {
    flex-direction: column;
    border-radius: 2rem;
  }
}
.contact-pill .item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: auto; /* helps keep spacing similar to screenshot */
  flex: 1;
}
.contact-pill .icon {
  display: grid;
  place-items: center;
  border-radius: 9999px;
  color: #000;
  font-size: 2rem;
}
.contact-pill .icon svg {
  width: 18px;
  height: 18px;
  stroke: #374151;
}
.contact-pill .text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.contact-pill .label {
  font-size: 16px;
  color: var(--muted);
}
.contact-pill .value {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1px;
  white-space: nowrap;
}
.contact-pill .divider {
  width: 1px;
  align-self: stretch;
  background: #ddd;
}
.contact-pill .contact-pill a {
  color: inherit;
  text-decoration: none;
}
.contact-pill .contact-pill a:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
  border-radius: 8px;
}
@media (max-width: 520px) {
  .contact-pill .contact-pill {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    border-radius: 24px;
    padding: 14px;
    width: min(100% - 24px, 480px);
  }
  .contact-pill .item {
    min-width: 0;
  }
  .contact-pill .value {
    white-space: normal;
  }
  .contact-pill .divider {
    width: 100%;
    height: 1px;
  }
}

@media only screen and (max-width: 575px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map {
    margin-top: 3rem;
  }
}

.signup-group-way {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.signup-group-way > a {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1rem;
  border: 1px solid #ddd;
  border-radius: 8rem;
  gap: 1rem;
}

.nav.sign-in-tablist {
  justify-content: center;
  -webkit-padding-before: 3rem;
          padding-block-start: 3rem;
  -webkit-padding-after: 1rem;
          padding-block-end: 1rem;
  gap: 2rem;
  padding-inline: clamp(2rem, 3vw, 6rem);
}

li.sign-in-tab--item.nav-item {
  flex: 1;
}

.sign-in-tab--link {
  color: #000;
  padding: 1rem 1.5rem;
  width: 100%;
}
.sign-in-tab--link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* =============================
// - Error Section Css
==============================*/
.error-404-wrap {
  text-align: center;
  padding: 120px 20px;
  max-width: 700px;
  margin: 0 auto;
}

/* Gradient 404 text */
.error-404-wrap .h0 {
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  background: linear-gradient(180deg, #1DA1F2 0%, #C7E3FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Title */
.error-404-wrap .h3 {
  font-size: 32px;
  font-weight: 600;
  color: #0B0B0B;
  margin-bottom: 10px;
}

/* Subtitle */
.error-404-wrap p {
  font-size: 17px;
  color: #6D6D6D;
  margin-bottom: 30px;
}

/* Button */
.error-404-wrap .btn-dark {
  background: #0B0B0B;
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  font-size: 15px;
  display: inline-block;
  transition: 0.3s ease;
}

.error-404-wrap .btn-dark:hover {
  background: #242424;
}

/* ===========================
   RESPONSIVE
=========================== */
/* Tablets */
@media (max-width: 991px) {
  .error-404-wrap .h0 {
    font-size: 150px;
  }
  .error-404-wrap .h3 {
    font-size: 28px;
  }
  .error-404-wrap p {
    font-size: 16px;
  }
}
/* Mobiles */
@media (max-width: 575px) {
  .error-404-wrap {
    padding: 80px 15px;
  }
  .error-404-wrap .h0 {
    font-size: 110px;
  }
  .error-404-wrap .h3 {
    font-size: 22px;
    line-height: 1.3;
  }
  .error-404-wrap p {
    font-size: 15px;
  }
  .error-404-wrap .btn-dark {
    padding: 10px 24px;
    font-size: 14px;
  }
}
/* =============================
// - About Us Section Css
==============================*/
.about-us-images-wrap {
  position: relative;
}

.about-us-images-inner {
  display: flex;
  align-items: flex-end;
  gap: 1.3rem;
}

.about-us-thumb-absolate-start {
  position: absolute;
  top: 3rem;
  -webkit-margin-start: 3rem;
          margin-inline-start: 3rem;
  inset-inline-start: 0;
}
@media only screen and (max-width: 767px) {
  .about-us-thumb-absolate-start {
    max-width: 25rem;
    -webkit-margin-start: 1rem;
            margin-inline-start: 1rem;
  }
}

.about-us-thumb-absolate-end {
  margin: auto;
  margin-top: -6rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .about-us-thumb-absolate-end {
    max-width: 30rem;
  }
}

.about-us-thumb-end {
  border-radius: 0.4rem 6rem 0.4rem 0.4rem;
  overflow: hidden;
}

.about-us-thumb-start {
  border-radius: 6rem 0.4rem 0.4rem 0.4rem;
  overflow: hidden;
}

@media screen and (min-width: 991px) {
  .about-us-contents {
    -webkit-padding-start: clamp(0rem, 6vw, 7.7rem);
            padding-inline-start: clamp(0rem, 6vw, 7.7rem);
  }
}
.about-us-content-history {
  display: flex;
  gap: 1.5rem;
  padding-block: 4.8rem;
}

.about-us-content-history-item-top {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.6rem;
}

.about-us-content-history-item-top-icon {
  width: 5.7rem;
  height: 4rem;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 100rem;
}
.about-us-content-history-item-top-icon.icon-1 {
  background-color: rgba(254, 91, 36, 0.0784313725);
}
.about-us-content-history-item-top-icon.icon-2 {
  background-color: rgba(91, 44, 201, 0.0784313725);
}

.about-us-reatings-overview {
  -webkit-padding-before: 0.8rem;
          padding-block-start: 0.8rem;
  border-top: 0.1rem solid #E1E4E9;
  font-size: clamp(1.6rem, 1.2vw + 0.2rem, 2rem);
}

.about-us-content-history-item {
  max-width: 27rem;
}

.features-about-area-inner {
  position: relative;
  z-index: 1;
  padding-block: 6.6rem;
  padding-inline: 4.4rem;
}

.feature-list-content {
  max-width: 50.4rem;
}

.feature-list-title {
  margin-bottom: 1rem;
}

.checked-list .feature-list-item:not(:last-child) {
  margin-bottom: 1.8rem;
}

.checked-list .feature-list-item > svg,
.checked-list .feature-list-item > img {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

.video-image {
  position: relative;
  text-align: center;
}

.video-image img {
  border-radius: 2.4rem;
}

.circle-text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.circle-text {
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}

.circle-text img {
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}

.circle-icon {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

/* Rotate animation */
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-area-innner {
  position: relative;
  padding: 5rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .about-area-innner {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 575px) {
  .about-area-innner {
    padding: 3rem 0;
  }
}

.video-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.video-button .video-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%, -50%);
  pointer-events: none;
}
.video-button .video-mark .wave-pulse {
  width: 1px;
  height: 0;
  margin: 0 auto;
}
.video-button .video-mark .wave-pulse::after, .video-button .video-mark .wave-pulse::before {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  width: 12rem;
  height: 12rem;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 2rem solid var(--color-white);
  -webkit-animation: zoomBig 2.25s linear infinite;
          animation: zoomBig 2.25s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.video-button .video-mark .wave-pulse::before {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.video-button_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-button_box .video-play {
  width: 5.2rem;
  height: 5.2rem;
  background-color: var(--color-white);
  border-radius: 50%;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  position: relative;
  text-align: center;
  line-height: 5.2rem;
}

@-webkit-keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    border-width: 2rem;
  }
  40% {
    opacity: 0.5;
    border-width: 3rem;
  }
  65% {
    border-width: 4rem;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 6rem;
  }
}

@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    border-width: 2rem;
  }
  40% {
    opacity: 0.5;
    border-width: 3rem;
  }
  65% {
    border-width: 4rem;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 6rem;
  }
}
.service-bg-1 {
  background-image: url("../images/others/our-service-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}