@charset "UTF-8";
@import url("../../../cdn.jsdelivr.net/npm/bootstrap-icons%401.10.5/font/bootstrap-icons.css");
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


 a {
      text-decoration: none;
      color: inherit;
    }
    ul {
      list-style: none;
    }

    /* ==============================
       Header / Navbar Styles
    ============================== */
    .navbar {
      background: #fff;
      padding: 10px 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      display: flex;
      align-items: center;
      justify-content: space-between;
         position: sticky !important;
    top: 0;
    z-index: 1000;
      z-index: 10;
		margin-bottom:0 !important;
    }


.logo-size,
.navbar-brand .logo-size {
    margin-left: 5px;
    height: 82px;
     width: 100%; 
    cursor: pointer
}



    .navbar .logo {
      font-size: 20px;
      font-weight: bold;
    }
    .menu-btn {
      font-size: 31px;
      cursor: pointer;
      border: none;
      background: none;
      color: #333;
    }

    /* ==============================
       Desktop Navigation (Horizontal Navbar)
    ============================== */
    .desktop-nav {
      display: none; /* Shown only on large screens */
    }
    .desktop-nav ul {
      display: flex;
      align-items: center;
		margin-bottom:0 !imortant;
    }
    .desktop-nav li {
      position: relative;
      margin-right: 20px;
    }
    .desktop-nav li a {
      padding: 8px 8px;
      display: block;
		font-size:16px;
		
    }
    /* Dropdown on hover */
    .desktop-nav li:hover > ul {
      display: block;
    }
    .desktop-nav li ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      padding: 10px 0;
      min-width: 150px;
      z-index: 100;
    }
    .desktop-nav li ul li {
      margin: 0;
    }
    .desktop-nav li ul li a {
      padding: 8px 12px;
      white-space: nowrap;
    }

/* Show submenu on hover */
li:hover > ul {
    display: block;
}

/* Prevent hiding other menu items */
ul ul ul {
    left: 100% !important;
    top: -3px !important;
}

.navbar .actions-btn {
    padding: 0 10px;
		
}

.navbar .actions-btn .btn {
    margin-left: 10px;
}

.navbar .actions-btn .btn.btn-secondary {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.actions-btn .pulse{
    color: black;
    background-color: #04d3fb;
}
      /* ==============================
       Mobile Sidebar Styles
    ============================== */
    .sidebar {
      position: fixed;
      top: 0;
      left: -300px; /* hidden by default */
      width: 300px;
      height: 100%;
      background: #fff;
      box-shadow: 2px 0 5px rgba(0,0,0,0.1);
      overflow-y: auto;
      transition: left 0.3s ease;
      z-index: 20;
    }
    .sidebar.active {
      left: 0;
    }
    .sidebar .close-btn {
      font-size: 28px;
      cursor: pointer;
      border: none;
      background: none;
      padding: 10px 15px;
      float: right;
      color: #333;
    }
    .sidebar nav {
      padding: 10px 20px;
      margin-top: 50px;
    }
    .sidebar nav ul li {
      margin-bottom: 10px;
    }
    .sidebar nav ul li a {
      display: block;
      padding: 10px;
      border-radius: 4px;
      transition: background 0.3s;
      position: relative;
    }
    .sidebar nav ul li a:hover {
      background: #f0f0f0;
    }


    /* Mobile Nested Menu */
    .sidebar nav ul li ul {
      margin-top: 5px;
      padding-left: 15px;
      border-left: 2px solid #eee;
      display: none;
    }
    .sidebar nav ul li.open > ul {
      display: block;
    }
    .sidebar nav ul li a .submenu-toggle {
      position: absolute;
      right: 15px;
      font-weight: bold;
      cursor: pointer;
    }

    /* ==============================
       Overlay for Mobile Sidebar
    ============================== */
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 15;
    }
    .overlay.active {
      opacity: 1;
      visibility: visible;
    }

    /* ==============================
       Main Content Styles
    ============================== */
    .content {
      padding: 20px;
    }

    /* ==============================
       Media Queries
    ============================== */
    @media (min-width: 768px) {
      /* Desktop: Hide mobile menu button, sidebar, and overlay; show horizontal navbar */
      .menu-btn {
        display: none;
      }
      .desktop-nav {
        display: block;
      }
      .sidebar,
      .overlay {
        display: none;
      }
		
    }

	/* carousel star... */

/* HERO SECTIONS */
.hero_main1__D5kFY,
.hero_main2__otJw8,
.hero_main3__otJw8,
.hero_main4__otJw8 {
    position: relative;
    min-height: 80vh;  /* Responsive height */
    background-size: cover;
    background-position: center;
    padding: 0px 20px; /* Adjusted padding */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.hero_main1__D5kFY { background-image: url(../images/logistics.svg); }
.hero_main2__otJw8 { background-image: url(../images/packers-and-movers.svg); }
.hero_main3__otJw8 { background-image: url(../images/warehouse.svg); }
.hero_main4__otJw8 { background-image: url(../images/car-and-bike-transportation.svg); }

/* CAROUSEL */
.carousel-inner {
    height: auto;  /* Auto height for responsiveness */
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    display: none;
    width: 100%;
    transition: transform 0.6s ease-in-out;
}

.carousel-item.active {
    display: block;
}

/* BUTTONS */
.carousel-indicators button {
    background-color: #000 !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 0 !important;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}


.carousel-indicators .active {
    opacity: 1;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 768px) {
    .hero_main1__D5kFY,
    .hero_main2__otJw8,
    .hero_main3__otJw8,
    .hero_main4__otJw8 {
        padding: 40px 10px;
        min-height: 60vh;
       background-image: none;
    }

    .font_52 { font-size: 28px; }
    .font_48 { font-size: 22px; }
    .font_24 { font-size: 16px; }
}

@media (max-width: 480px) {
    .hero_main1__D5kFY,
    .hero_main2__otJw8,
    .hero_main3__otJw8,
    .hero_main4__otJw8 {
        padding: 20px 5px; /* Adjusted padding */
        min-height: 50vh;
		
    }
	

	.actions-btn .pulse {
    margin-left: 6px;
		}
}

*,
:after,
:before {
    box-sizing: border-box
}

.download-btn{
background-color: #04d3fb;
	margin-top:10px;
	color: white;
	padding: 10px 20px;
	border: none; 
	border-radius: 5px; 
	cursor: pointer;
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
	text-align:justify;
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ul {
    padding-left: 2rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

b {
    font-weight: bolder
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

img,
svg {
    vertical-align: middle
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

[hidden] {
    display: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.container,
.container-fluid,
.container-lg,
.container-md {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.gx-0 {
    --bs-gutter-x: 0
}

.gx-1 {
    --bs-gutter-x: 0.25rem
}

.gx-2 {
    --bs-gutter-x: 0.5rem
}

.gx-3 {
    --bs-gutter-x: 1rem
}

.gx-4 {
    --bs-gutter-x: 1.5rem
}

.gx-5 {
    --bs-gutter-x: 3rem
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.collapse:not(.show) {
    display: none
}



@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}



@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fixed-top {
    top: 0
}

.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    top: 0
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
}

@media (min-width:768px) {
    .sticky-md-top {
        top: 0
    }

    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        top: 0
    }

    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.d-flex {
    display: flex !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.flex-row {
    flex-direction: row !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.text-start {
    text-align: left !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0, 0%, 100%, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:768px) {
    .d-md-flex {
        display: flex !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }
}

@media (min-width:992px) {
    .d-lg-flex {
        display: flex !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }
}

@keyframes emi-graph_slowDrop__SZN6k {

    0%,
    to {
        height: 0
    }

    50% {
        height: 150px
    }
}

@keyframes blogs_moveRight__VH1K4 {
    0% {
        margin-left: -10px
    }

    to {
        margin-left: 0
    }
}


/* Hide the service details by default */
.dropdown-submenu .service-details {
    display: none; /* Hidden initially */
    position: absolute;
    left: 100%; /* Position it next to the main menu */
    top: 0;
    margin-top: -0.4rem;
    padding: 1rem;
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 300px;
    max-width: 300px;
    border: 1px solid #ddd;
}



.font_48 {
   
    font-size: 15px
}

.font_52 {
    color: rgb(78,16,17);
    font-size: 35px
}

.font_24 {
    font-size: 22px
}




@media (max-width:576px) {
   
}



/* how we work... */

.stepper_stepper_main_container__Qhscx {
    padding: 0 150px;
    /* background: #fff0df;
    background: linear-gradient(90deg, #fff0df, #fffefd 25%, #fff 50%, #fffefd 75%, #fff0df) */
}

.stepper_stepper_title_wrapper__AyQPT {
    margin-bottom: 45px
}

.stepper_steps_title__gcGux {
    font-size: 32px
}

.stepper_curv_underline__lEMqh {
    position: relative
}

.stepper_curv_underline__lEMqh:after {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    height: 50px;
    width: 150px;
    border: 5px solid transparent;
    border-top-color: #04d3fb;
    border-radius: 120%/30px 40px 0 0
}

.stepper_step_container__YcSgM {
    box-sizing: border-box;
    width: 950px;
    margin: auto;
    text-align: justify;
    padding: 0 5px
}

.stepper_step__vHoOo {
    position: relative;
    min-height: 1rem;
    display: flex
}

.stepper_step_image_wrapper__yBGpz {
    height: 110px;
    width: 150px
}

.stepper_step_image_wrapper__yBGpz img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.stepper_step__vHoOo+.stepper_step__vHoOo {
    margin-top: 1.5rem
}

.stepper_step__vHoOo>div:first-child {
    position: static
}

.stepper_step__vHoOo>div:not(:first-child) {
    margin-left: 1.5rem;
    padding-left: 1rem
}

.stepper_step__vHoOo.stepper_step_active__6VePk .stepper_circle__oyIwj {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    color: #004479;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.stepper_circle__oyIwj {
    background: gray;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 1.5rem;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 0 3px #fff;
    font-weight: 700
}

.stepper_circle__oyIwj:after {
    top: 1px;
    height: 108%
}

.stepper_circle__oyIwj.stepper_circle3__WbF2G:after,
.stepper_circle__oyIwj.stepper_circle5__PLii4:after,
.stepper_circle__oyIwj:after {
    content: " ";
    position: absolute;
    display: block;
    right: 50%;
    bottom: 1px;
    left: 50%;
    width: 1.5px;
    transform: scaleY(2);
    transform-origin: 50% -100%;
    background-color: #004479;
    z-index: 0
}

.stepper_circle__oyIwj.stepper_circle3__WbF2G:after,
.stepper_circle__oyIwj.stepper_circle5__PLii4:after {
    top: -4px;
    height: 112%
}

.stepper_step__vHoOo:last-child .stepper_circle__oyIwj:after {
    display: none
}

.stepper_title__lWF0r {
    font-size: 21px;
    line-height: 1.5rem;
    font-weight: 500;
    color: #004479
}

.stepper_caption__zKukM {
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 670px;
    font-size: 16px !important;
    color: #4e4e4e
}

.stepper_stepper_sub_content__tOKnH {
    padding-left: 100px;
    color: #2d2c2c;
    font-size: 18px
}

@media only screen and (min-width:1024px) and (max-width:1440px) {
    .stepper_stepper_main_container__Qhscx {
        padding: 0 110px
    }

    .stepper_caption__zKukM {
        overflow-wrap: break-word;
        word-wrap: break-word;
        max-width: 550px;
        font-size: 16px;
        line-height: 20px
    }

    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        top: 1px;
        right: 50%;
        bottom: 1px;
        left: 50%;
        height: 121%;
        width: 1.5px;
        transform: scaleY(2);
        transform-origin: 50% -100%;
        background-color: #004479;
        z-index: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .stepper_stepper_main_container__Qhscx {
        padding: 0
    }

    .stepper_caption__zKukM {
        overflow-wrap: break-word;
        word-wrap: break-word;
        max-width: 430px;
        font-size: 15px;
        line-height: 20px;
        margin-top: 5px
    }

    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        top: 1px;
        right: 50%;
        bottom: 1px;
        left: 50%;
        height: 121%;
        width: 1.5px;
        transform: scaleY(2);
        transform-origin: 50% -100%;
        background-color: #004479;
        z-index: 0
    }

    .stepper_title__lWF0r {
        font-size: 20px;
        line-height: 1.5rem;
        font-weight: 600;
        color: #004479
    }

    .stepper_stepper_sub_content__tOKnH {
        padding-left: 70px;
        color: #2d2c2c;
        font-size: 16px
    }
}

@media only screen and (min-width:380px) and (max-width:767px) {
    .stepper_stepper_title_wrapper__AyQPT {
        margin-bottom: 30px
    }

    .stepper_steps_title__gcGux {
        font-size: 22px
    }

    .stepper_curv_underline__lEMqh:after {
        content: "";
        position: absolute;
        top: 27px;
        left: 0;
        height: 50px;
        width: 105px;
        border: 5px solid transparent;
        border-top-color: #04d3fb;
        border-radius: 120%/30px 40px 0 0
    }
    
    .stepper_stepper_main_container__Qhscx {
        padding: 0 10px
    }

    .stepper_step_container__YcSgM {
        width: 95vw;
        margin: auto;
        text-align: left;
        padding: 0 5px
    }

    .stepper_step_image_wrapper__yBGpz {
        display: none;
        height: 95px;
        width: 120px
    }

    .stepper_circle__oyIwj {
        width: 30px;
        height: 30px;
        font-size: 15px
    }

    .stepper_step__vHoOo>div:not(:first-child) {
        margin-left: 1rem;
        padding-left: 0
    }

    .stepper_caption__zKukM {
        overflow-wrap: break-word;
        word-wrap: break-word;
        max-width: 200px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 5px
    }

    .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        right: 50%;
        left: 50%;
        height: 50px;
        width: 1.5px;
        transform: scaleY(2);
        transform-origin: 50% -89%;
        background-color: #004479;
        z-index: 0
    }
    .stepper_circle3__WbF2G::after{
        height: 35px !important;
    }
    .stepper_circle5__PLii4::after{
        content: " ";
        position: absolute;
        display: block;
        right: 50%;
        left: 50%;
        height: 60px !important;
        width: 1.5px;
        transform: scaleY(2);
        transform-origin: 50% -89%;
        background-color: #004479;
        z-index: 0
    }

    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        height: 105px;
        transform: scaleY(2);
        transform-origin: 50% -35%
    }

    .stepper_circle__oyIwj.stepper_circle5__PLii4:after,
    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        right: 50%;
        bottom: 1px;
        left: 50%;
        width: 1.5px;
        background-color: #004479;
        z-index: 0
    }

    .stepper_circle__oyIwj.stepper_circle5__PLii4:after {
        height: 155%;
        transform: scaleY(2);
        transform-origin: 74% -45%
    }

    .stepper_title__lWF0r {
        font-size: 17px;
        line-height: 1.5rem;
        font-weight: 600;
        color: #004479
    }

    .stepper_stepper_sub_content__tOKnH {
        padding-left: 0;
        color: #2d2c2c;
        font-size: 14px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        text-align: center;
        width: 100%;
        margin-top: 10px
    }
}

@media only screen and (min-width:325px) and (max-width:379px) {
    .stepper_stepper_main_container__Qhscx {
        padding: 0 10px
    }

    .stepper_stepper_title_wrapper__AyQPT {
        margin-bottom: 30px
    }

    .stepper_steps_title__gcGux {
        font-size: 22px
    }

    .stepper_curv_underline__lEMqh:after {
        content: "";
        position: absolute;
        top: 27px;
        left: 0;
        height: 50px;
        width: 105px;
        border: 5px solid transparent;
        border-top-color: #f16c23;
        border-radius: 120%/30px 40px 0 0
    }

    .stepper_step_container__YcSgM {
        width: 95vw;
        margin: auto;
        text-align: left;
        padding: 0 5px
    }

    .stepper_step_image_wrapper__yBGpz {
        height: 95px;
        width: 120px
    }

    .stepper_circle__oyIwj {
        width: 30px;
        height: 30px;
        font-size: 15px
    }

    .stepper_step__vHoOo>div:not(:first-child) {
        margin-left: 1rem;
        padding-left: 0
    }

    .stepper_caption__zKukM {
        overflow-wrap: break-word;
        word-wrap: break-word;
        max-width: 200px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 5px
    }

    .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        right: 50%;
        left: 50%;
        height: 39px;
        width: 1.5px;
        transform: scaleY(2);
        transform-origin: 50% -89%;
        background-color: #004479;
        z-index: 0
    }

    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        height: 115px;
        transform: scaleY(2);
        transform-origin: 50% -35%
    }

    .stepper_circle__oyIwj.stepper_circle5__PLii4:after,
    .stepper_step__vHoOo:nth-child(5) .stepper_circle__oyIwj:after {
        content: " ";
        position: absolute;
        display: block;
        right: 50%;
        bottom: 1px;
        left: 50%;
        width: 1.5px;
        background-color: #004479;
        z-index: 0
    }

    .stepper_circle__oyIwj.stepper_circle5__PLii4:after {
        height: 155%;
        transform: scaleY(2);
        transform-origin: 74% -45%
    }

    .stepper_title__lWF0r {
        font-size: 17px;
        line-height: 1.5rem;
        font-weight: 600;
        color: #004479
    }

    .stepper_stepper_sub_content__tOKnH {
        padding-left: 0;
        color: #2d2c2c;
        font-size: 14px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        text-align: center;
        width: 100%;
        margin-top: 10px
    }
}

/* About  */
/* .subHeadline_sub_heading_wrapper__F_KHl {
    padding: 0 150px
}

.subHeadline_sub_heading__NElcv {
    column-gap: 28px
}

.subHeadline_subHeadline_title__zujWl {
    font-size: 32px
}

.subHeadline_subHeadline_description__Cc3ni {
    font-size: 20px
}

.subHeadline_image_wrapper___2v8x {
    height: 120px;
    width: 120px
}

.subHeadline_description_text_heading__NhZed {
    font-size: 20px
}

.subHeadline_start_today_container__a5TjE {
    padding: 40px 0;
    display: flex;
    align-items: center
} */

.About-cont{
    text-align: justify;
}
.values{
            display: flex;
            justify-content: space-between;
            text-align: center;
        }

        .values .value-item {
            flex: 1;
            margin: 10px;
            padding: 20px;
            border-radius: 8px;
            background: #f0f8ff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
        }

        .values .value-item:hover {
            transform: translateY(-10px);
        }

        .values i {
            font-size: 2.5rem;
            color: #007bff;
        }

      
.subHeadline_start_today_wrapper__2qYFi {
    width: 100%;
    padding: 0 115px
}

.subHeadline_start_today_wrapper_title_two__ITHq6 {
    margin-bottom: 35px;
    line-height: 60px
}

.subHeadline_start_today_wrapper_image_wrapper__gvn_n {
    height: 485px;
    width: 400px
}

.subHeadline_start_today_wrapper_image_wrapper__gvn_n img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.subHeadline_check_icon__2d9xp {
    font-size: 16px;
    color: #004479
}

@media (max-width:576px) {
    .subHeadline_sub_heading_wrapper__F_KHl {
        padding: 20px 10px
    }

    .subHeadline_sub_heading__NElcv {
        border: none;
        margin-top: 5px;
        justify-content: space-around;
        column-gap: 0
    }

    .subHeadline_subHeadline_title__zujWl {
        font-size: 24px
    }

    .subHeadline_subHeadline_description__Cc3ni {
        font-size: 16px
    }

    .subHeadline_start_today_container__a5TjE {
        padding: 15px 0
    }

    .subHeadline_start_today_wrapper__2qYFi {
        padding: 0
    }

    .subHeadline_start_today_wrapper_col__hco_z {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .subHeadline_start_today_wrapper_image_wrapper__gvn_n {
        align-self: center;
        margin: 10px auto !important;
        float: none;
        width: 100%;
        height: 100%
    }

    .subHeadline_start_today_wrapper_image__IHuaE {
        margin-top: 10px;
        position: relative
    }

    .subHeadline_description_text__Amai7 {
        font-size: 18px
    }

    .subHeadline_start_today_wrapper_title_one__uoK_y {
        text-align: center !important
    }

    .subHeadline_start_today_wrapper_title_two__ITHq6 {
        text-align: center;
        line-height: 45px
    }

    .subHeadline_start_today_wrapper_image_wrapper__gvn_n img {
        height: 100%;
        object-fit: contain;
        margin-top: 10px
    }

    .subHeadline_start_today_image_column__rlJXJ {
        height: 330px
    }
}





/* Service section css... */

.service-item,
.price-item,
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.service-item img,
.team-item img {
    transition: .5s;
}

.service-item:hover img,
.team-item:hover img {
    transform: scale(1.1);
}

.service-item a.btn-slide,
.price-item a.btn-slide,
.team-item div.btn-slide {
    
    background-color:#fff ;
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
}

.service-item a.btn-slide i,
.service-item a.btn-slide span,
.price-item a.btn-slide i,
.price-item a.btn-slide span,
.team-item div.btn-slide i,
.team-item div.btn-slide span {
    position: relative;
    height: 40px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #000;
    background: #04d3fb;
    border-radius: 0 35px 35px 0;
    transition: .5s;
    z-index: 2;
}

.team-item div.btn-slide span a i {
    padding: 0 10px;
}

.team-item div.btn-slide span a:hover i {
    background: #04d3fb;
}

.service-item a.btn-slide span,
.price-item a.btn-slide span,
.team-item div.btn-slide span {
    padding-left: 0;
    left: -100%;
    z-index: 1;
}

.service-item:hover a.btn-slide i,
.price-item:hover a.btn-slide i,
.team-item:hover div.btn-slide i {
    border-radius: 0;
}

.service-item:hover a.btn-slide span,
.price-item:hover a.btn-slide span,
.team-item:hover div.btn-slide span {
    left: 0;
}

.service-item a.btn-slide:hover i,
.service-item a.btn-slide:hover span,
.price-item a.btn-slide:hover i,
.price-item a.btn-slide:hover span {
    background: #04d3fb;

}


/*  Careers.html csssss*/
 
 /*career pagse css*/ 
 
        .career-banner {
             background-image: url(../images/career23.svg);
			 background-size: cover; /* Ensures the image covers the entire section */
        background-position: center; /* Centers the image */
        background-repeat: no-repeat;
           height: 80vh;
            text-align:left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0px 50px;   
        color: white !important;
        }

        .job-card {
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: 0.3s;
        }
        .job-card:hover {
            box-shadow: 0 8px 16px rgba(0,0,0,0.2);
        }

.lead{
color:black;
}
.job-card .btn-primary, .career-banner .btn-primary {
background-color:#04d3fb !important;
}
  .displayy-4{
	  font-size: calc(1rem + 2.7vw);
    font-weight: 600;
    line-height: 1.2;
  color:black;
  }

.career-box{
margin-bottom:60px;
}
.career-perk{
text-align:justify;
}

/* serving city css*/
.serving-city .city-box{
            transition: transform 0.3s ease-in-out;
            cursor: pointer;
            padding: 20px;
            text-align: center;
            border-radius: 10px;
            background-color: #fff;
            box-shadow: 0 3px 26px 1px rgba(0, 0, 0, 0.1);
        }
     .serving-city .city-box:hover {
            transform: scale(1.05);
            background-color: #04d3fb;
            color: white;
        }
    .serving-city .service-list {
            display: none;
            margin-top: 10px;
        }
     .serving-city .service-item {
            background-color: #f1f1f1;
            padding: 8px;
            margin: 5px 0;
            border-radius: 5px;
            text-align: center;
        }
.serving-city .service-item a{
color: Black
}

/* footer csssssss*/


/* Footer Styling */
.site-footer {
  background-color: #222;
  color: #fff;
  padding-top: 50px;
}

.site-footer .widget-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.site-footer p, .site-footer ul {
  font-size: 14px;
  line-height: 1.6;
}

.site-footer ul {
  padding: 0;
  list-style: none;
}

.site-footer ul li {
  margin-bottom: 8px;
}

.site-footer a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.site-footer a:hover {
  color: #1e90ff;
}

/* Download Buttons */
.download-buttons {
  margin-top: 15px;
}

.download-btn {
  display: inline-block;
  padding: 8px 12px;
  margin: 5px 0;
  background: #1e90ff;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s;
}

.download-btn:hover {
  background: #1578d4;
}


/* Lower Footer */
.lower-footer {
  background-color: #111;
  text-align: center;
  padding: 15px 0;
  font-size: 13px;
}

.lower-footer .extra-links {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}

.lower-footer .extra-links li {
  display: inline;
}

.social-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 20px 0;
}

.social-icons a {
    text-decoration: none;
    font-size: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    transition: 0.3s;
}

.twitter { background: #1DA1F2; }
.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.linkedin { background: #0077B5; }
.youtube { background: #FF0000; }

.social-icons a:hover {
    transform: scale(1.1);
    opacity: 0.8;
}