@charset "utf-8";


@import url("icons.css");
@import url("icomoon.css");
@import url("font-awesome-brands.css");

@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
    url('../fonts/Satoshi-Bold.woff') format('woff'),
    url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}


@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
    url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
    url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
    url('../fonts/Satoshi-Regular.woff') format('woff'),
    url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
    url('../fonts/Satoshi-Medium.woff') format('woff'),
    url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.8s both;
  animation: animate-svg-fill-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.9s both;
  animation: animate-svg-fill-2 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s both;
  animation: animate-svg-fill-3 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.1s both;
  animation: animate-svg-fill-4 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2000000000000002s both;
  animation: animate-svg-fill-5 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.3s both;
  animation: animate-svg-fill-6 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.4000000000000001s both;
  animation: animate-svg-fill-7 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.5s both;
  animation: animate-svg-fill-8 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(59, 44, 154);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(58, 43, 153);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.1s both;
  animation: animate-svg-fill-14 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.1s both;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s both;
  animation: animate-svg-fill-15 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s both;
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.3s both;
  animation: animate-svg-fill-16 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.3s both;
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(187, 174, 170);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-fill-17 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.4000000000000004s both;
  animation: animate-svg-fill-17 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.4000000000000004s both;
}



/* ==============================
   Variables
   ============================== */

:root {
  --full-wrapper-margin-x: 30px;
  --container-width: 1365px;
  --section-padding-y: 120px;
  --menu-bar-height: 85px;
  --menu-bar-height-scrolled: 65px;
  --color-dark-1: #010101;
  --color-dark-2: #171717;
  --color-dark-3: #272727;
  --color-dark-3a: #333;
  --color-dark-4: #555;
  --color-gray-1: #757575;
  --color-gray-2: #888;
  --color-gray-3: #999;
  --color-gray-light-1: #f1f1f1;
  --color-gray-light-2: #f7f7f7;
  --color-gray-light-3: #e5e5e5;
  --color-gray-light-4: #d5d5d5;
  --color-gray-light-5: #ccc;
  --color-gray-light-6: #bbb;
  --color-dark-mode-gray-1: rgba(255, 255, 255, .7);
  --color-dark-mode-gray-2: rgba(255, 255, 255, .1275);
  --color-primary-1: #4567ed;
  --color-primary-1-a: #375ae3;
  --color-primary-light-1: #e3effe;
  --color-primary-light-1-a: #bcd1f1;
  --color-primary-2: #7752e7;
  --color-primary-light-2: #e7defe;
  --color-primary-3: #b947d9;
  --color-primary-light-3: #f7defe;
  --color-primary-4: #e748b1;
  --color-primary-light-4: #ffe1f5;
  --color-secondary-1: #fbe3a1;
  --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
  --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
  --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
  --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
  --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
  --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
  --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
  --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
  --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
  --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
  --border-radius-default: 4px;
  --border-radius-large: 30px;
  --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
  --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
  --box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05);
  --box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);
  --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  --ease-default: cubic-bezier(0, 0, 0.58, 1);
  --ease-out-long: cubic-bezier(0, .5, 0, 1);
  --ease-out-medium: cubic-bezier(0, .57, .55, 1);
  --ease-out-short: cubic-bezier(.15, .7, .78, 1);
  --ease-elastic-1: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --ease-elastic-2: cubic-bezier(0.68, -3, 0.27, 5);
}


/* ==============================
   Common styles
   ============================== */

:root {
  scroll-behavior: auto;
}

html {
  -ms-overflow-style: scrollbar;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: 'Satoshi-Regular' !important;
}

p {
  font-family: 'Satoshi-Regular';
  font-size: 16px !important;
}

main {
  display: block;
  float: left;
  width: 100%;

}

iframe {
  border: none;
}

a,
b,
div,
ul,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

a {
  color: var(--color-dark-1);
  text-decoration: underline;
  transition: color 0.1s var(--ease-default);
}

a:focus:not(.focus-visible),
a:active,
section:focus,
div:active,
div:focus {
  -moz-outline: none;
  outline: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

.image-fullwidth img {
  width: 100%;
  height: auto;
}

.min-height-80vh {
  min-height: 80vh;
}

.min-height-90vh {
  min-height: 90vh;
}

.min-height-100vh {
  min-height: 100vh !important;
  min-height: 100svh !important;
}

.align-center {
  text-align: center !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.hidden {
  display: none !important;
}

.relative {
  position: relative !important;
}

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

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

.no-hover {
  cursor: default !important;
}

.wch-unset {
  will-change: unset !important;
}

.white {
  color: #fff !important;
}

.black {
  color: var(--color-dakr-1) !important;
}

.color-primary-1 {
  color: var(--color-primary-1) !important;
}

.color-primary-2 {
  color: var(--color-primary-2) !important;
}

.color-primary-3 {
  color: var(--color-primary-3) !important;
}

.color-primary-4 {
  color: var(--color-primary-4) !important;
}

.color-secondary-1 {
  color: var(--color-secondary-1) !important;
}

.opacity-003 {
  opacity: .03 !important;
}

.opacity-004 {
  opacity: .04 !important;
}

.opacity-005 {
  opacity: .05 !important;
}

.opacity-006 {
  opacity: .06 !important;
}

.opacity-007 {
  opacity: .07 !important;
}

.opacity-008 {
  opacity: .08 !important;
}

.opacity-009 {
  opacity: .09 !important;
}

.opacity-01 {
  opacity: .1 !important;
}

.opacity-015 {
  opacity: .15 !important;
}

.opacity-02 {
  opacity: .2 !important;
}

.opacity-025 {
  opacity: .25 !important;
}

.opacity-03 {
  opacity: .3 !important;
}

.opacity-035 {
  opacity: .35 !important;
}

.opacity-04 {
  opacity: .4 !important;
}

.opacity-045 {
  opacity: .45 !important;
}

.opacity-05 {
  opacity: .5 !important;
}

.opacity-055 {
  opacity: .55 !important;
}

.opacity-06 {
  opacity: .6 !important;
}

.opacity-065 {
  opacity: .65 !important;
}

.opacity-07 {
  opacity: .7 !important;
}

.opacity-075 {
  opacity: .75 !important;
}

.opacity-08 {
  opacity: .8 !important;
}

.opacity-085 {
  opacity: .85 !important;
}

.opacity-09 {
  opacity: .9 !important;
}

.opacity-095 {
  opacity: .95 !important;
}

.opacity-1 {
  opacity: 1 !important;
}

.size-13 {
  font-size: 13.5px !important;
}

.size-14 {
  font-size: 14px !important;
}

.size-15 {
  font-size: 15px !important;
}

.size-16 {
  font-size: 16px !important;
}

.size-17 {
  font-size: 17px !important;
}

.size-18 {
  font-size: 18.5px !important;
}

.size-20 {
  font-size: 20px !important;
}

.size-22 {
  font-size: 22px !important;
}

.size-24 {
  font-size: 24px !important;
}

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

.box-shadow-strong {
  box-shadow: var(--box-shadow-block-strong) !important;
}

.border-color-primary-1 {
  border: 1px solid var(--color-primary-1);
}

.border-color-primary-2 {
  border: 1px solid var(--color-primary-2);
}

.border-color-primary-3 {
  border: 1px solid var(--color-primary-3);
}

.border-color-primary-4 {
  border: 1px solid var(--color-primary-4);
}

.border-dark {
  border: 1px solid var(--color-dark-mode-gray-2) !important;
}

.bg-border-dark {
  background: var(--color-dark-3) !important;
  border: 1px solid var(--color-dark-mode-gray-2) !important;
}

.stick-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
}

.block-sticky {
  position: sticky;
  top: calc(var(--menu-bar-height-scrolled) + 40px);
  left: 0;
}

.round {
  border-radius: var(--border-radius-default) !important;
}

.round-large {
  border-radius: var(--border-radius-large) !important;
}

.circle {
  border-radius: 100px !important;
}

.circle-large {
  border-radius: 700px !important;
}

.round.overflow-hidden,
.round-large.overflow-hidden,
.circle.overflow-hidden,
.circle-large.overflow-hidden {
  isolation: isolate;
  transform: translateZ(0);
}

.light-content ::selection {
  color: #fff;
  background: var(--color-primary-1);
}

.animate,
.animate * {
  transition: var(--transition-default);
}

.parallax-mousemove {
  transition: var(--transition-default);
  -moz-transition: none !important;
  will-change: transform;
}

.parallax-mousemove-follow {
  -moz-transition: none !important;
}

.slider-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.slider-container a:hover {
  color: #000;
}

/* @media not all and (min-resolution:.001dpcm) {
  @media {
    .parallax-mousemove,
    .parallax-mousemove-follow {
      transition: none !important;
    }
  }
} */

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .parallax-mousemove,
    .parallax-mousemove-follow {
      transition: none !important;
    }
  }
}


[data-rellax-x] {
  transition: transform 0.25s var(--ease-out-short);
  transition-delay: 0.0025s;
  will-change: transform;
}

[data-rellax-y] {
  transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition-delay: 0.0025s;
  will-change: transform;
}

.no-animate {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.clearlist,
.clearlist li {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
}

.clearlinks a {
  text-decoration: none;
  color: unset;
}

.clearlinks a:hover {
  color: unset !important;
}

.full-wrapper {
  margin: 0 var(--full-wrapper-margin-x);
}

.container {
  max-width: var(--container-width);
  padding: 0 15px;
}

.row:not(.g-0, .g-1, .g-2, .g-3, .g-4, .g-5,
  .gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5,
  .gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5) {
  --bs-gutter-x: 30px;
}

.row.gx-huge {
  --bs-gutter-x: 276px;
}

.icon-ellipse {
  position: relative;
  top: -0.085em;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background: currentColor;
  border-radius: 50%;
}

.text-outline-cont {
  position: relative;
  display: inline-block;
}

.text-outline {
  position: relative;
}

.text-outline-1 {
  position: absolute;
  top: -0.36em;
  left: 0;
  color: #fff;
  -webkit-text-stroke: 1px var(--color-dark-1);
  opacity: .2;
  pointer-events: none;
}

.text-outline-2 {
  position: absolute;
  top: -0.72em;
  left: 0;
  color: #fff;
  -webkit-text-stroke: 1px var(--color-dark-1);
  opacity: .1;
  pointer-events: none;
}

.light-content .text-outline-1 {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  opacity: .17;
}

.light-content .text-outline-2 {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  opacity: .07;
}


/* Preloader
-----------------------------------------------------------------*/
.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 999999999999999999999999999;
  background: #fff;
}


.loader-wrap .text-center {
  position: relative;
  z-index: 444;
}

.loader-wrap .text-center .logo {
  /* width: 50px; */
  margin-bottom: 30px;
}

.loader-wrap svg {
  position: absolute;
  width: 10vw;
  height: 10vw;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 10px;
  text-transform: uppercase;
  color: #fff;
  z-index: 20;
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}



/* ==============================
   Typography
   ============================== */

body {
  color: var(--color-dark-1);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.67;
}

a {
  color: var(--color-dark-1);
  text-decoration: none;
  transition: color 0.1s var(--ease-default);
}

a:hover {
  color: var(--color-dark-4);
  /* text-decoration: underline; */
}

b,
strong {
  font-weight: 500;
}

mark {
  position: relative;
  padding: 0;
  color: inherit;
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(17, 17, 17, .1) 0, rgba(17, 17, 17, .1) 100%);
  background-repeat: no-repeat;
  background-size: 100% .3em;
  background-position: 0 110%;
}

.light-content mark {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 100%);
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1 {
  margin-bottom: 0.5em;
  font-size: 42px;
  letter-spacing: -0.04em;
}

h2,
.h2 {
  margin-bottom: 0.5em;
  font-size: 36px;
  letter-spacing: -0.03em;
}

h3,
.h3 {
  margin-bottom: 0.7em;
  font-size: 28px;
  letter-spacing: -0.03em;
  font-size: 18px;
}

h4,
.h4 {
  font-size: 24px;
}

h5,
.h5 {
  font-size: 20px;
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 700;
}

p {
  margin: 0 0 1.5em 0;
}

ul,
ol {
  margin: 0 0 0 0;
}

blockquote {
  margin: 0 0 2em 0;
  padding: 0;
  border: none;
  background: none;
  font-style: normal;
  line-height: 1.47;
}

blockquote p {
  position: relative;
  margin-bottom: 0.7em;
  /* font-size: 140%; */
  font-style: normal;
  letter-spacing: -0.01em;
  line-height: 1.5;
}

blockquote footer {
  font-size: 15px;
  font-weight: 400;
}

.testimonial {
  position: relative;
  border: none;
  background: none;
  /* font-size: 46px; */
  border: none;
}

.testimonial p {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
  font-family: 'Satoshi-Regular';
  height: 144px;
  text-align: justify;
}

.testimonial footer {
  font-size: 18px;
  font-weight: 500;
}

.light-content .testimonial .small {
  color: var(--color-dark-mode-gray-1);
}

.light-content .testimonial .blockquote-icon {
  color: var(--color-dark-1);
}

dl dt {
  margin-bottom: .5em;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.0039em;
}

dl dd {
  margin-bottom: 1.9em;
  color: var(--color-gray-1);
}

.light-content dl dd {
  color: var(--color-dark-mode-gray-1);
}

pre {
  background-color: #f9f9f9;
  border-color: #ddd;
}

hr {
  background-color: #000;
  opacity: .1;
}

hr.white {
  background-color: #fff;
  opacity: 1;
}

.dark-mode hr.white {
  background-color: #fff;
  opacity: .15;
}

hr.black {
  background-color: var(--color-dark-1);
  opacity: 1;
}

hr.thick {
  height: 2px;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.serif {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: normal;
}

.font-alt {
  font-family: var(--font-alt);
}

.normal {
  font-weight: normal;
}

.strong {
  font-weight: 700 !important;
}

.lead {
  margin: 0 0 1em 0;
  font-size: 140%;
  font-weight: 400;
  letter-spacing: -0.012em;
  line-height: 1.5;
}

.lead-alt {
  font-size: 46px;
  font-weight: 500;
  line-height: 1.196;
  letter-spacing: -0.04em;
}

.dropcap {
  float: left;
  font-size: 3em;
  line-height: 1;
  padding: 2px 8px 2px 0;
}

.highlight pre {
  border: 1px solid var(--color-gray-light-3);
  background: var(--color-gray-light-2);
  color: var(--color-dark-4);
  border-radius: var(--border-radius-default);
}

.light-content .highlight pre {
  border-color: transparent;
  background-color: var(--color-dark-3a);
  color: var(--color-gray-light-6);
}

/* 
 * Headings styles
 */

.hs-wrap {
  position: relative;
  margin: 0 auto;
  padding: 50px 40px;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: var(--border-radius-default);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  isolation: isolate;
  transform: translateZ(0);
}

.hs-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-dark-1);
  opacity: 0.17;
}

.hs-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3%;
  height: 160%;
  mix-blend-mode: difference;
  pointer-events: none;
}

.hs-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: translate(-50%, -50%) rotate(30deg);
}

.hs-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 50px;
}

.hs-icon svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/*17-6-2025*/
.footer-container h6 {
  display: none;
}
.services-cards .card-img a {
  display: block;
  cursor: pointer;
}
.services-cards .card-body a {
  cursor: pointer;  padding: 1rem 1rem !important;
}
.services-cards .card-body a.animated-arrow {
  padding: 12px 0 !important;
}
.social-section .owl-prev {
  left: -12px !important;
}
.social-section .owl-next {
  right: 16px !important;
}
/*17-6-2025*/

@media only screen and (min-width: 992px) {
  .hs-title-overlap {
    width: 137% !important;
    margin-right: -37%;
  }
}

.hs-title-1 {
  margin-top: 0;
  font-size: 70px;
  font-weight: 500;
  line-height: 1.085;
  letter-spacing: -0.035em;
}

.hs-title-2 {
  margin-top: 0;
  font-size: 120px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.hs-title-2a {
  margin-top: 0;
  font-size: 112px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
}

.hs-title-3 {
  margin-top: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.hs-title-3a {
  margin-top: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.012em;
}

.hs-title-4 {
  margin-top: 0;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.hs-title-4a {
  margin-top: 0;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.hs-title-5 {
  margin-top: 0;
  font-size: 150px;
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: normal;
  text-transform: uppercase;
}

.hs-title-6 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hs-title-7 {
  margin-top: 0;
  font-size: 160px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
}

.hs-title-8 {
  margin-top: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.085;
  letter-spacing: -0.035em;
}

.hs-title-9 {
  margin-top: 0;
  font-size: 65px;
  font-weight: 500;
  line-height: 1.1176;
  letter-spacing: -0.037em;
}

.hs-title-10 {
  margin-top: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1785;
  letter-spacing: -0.037em;
}

.hs-title-11 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.hs-title-12 {
  margin-top: 0;
  font-size: 86px;
  font-weight: 500;
  line-height: 1.085;
  letter-spacing: -0.035em;
}

.hs-title-13 {
  margin-top: 0;
  font-size: 82px;
  font-weight: 500;
  line-height: 1.085;
  letter-spacing: -0.035em;
}

.hs-title-13a {
  margin-top: 0;
  font-size: 82px;
  font-weight: 500;
  line-height: 1.085;
  letter-spacing: -0.035em;
}

.hs-line-14 {
  font-size: 120px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.hs-image-1 {
  max-width: 0.85em;
  max-height: 0.85em;
  margin-top: -0.2em;
  vertical-align: middle;
}

.hs-image-1 {
  width: 0.85em;
  height: 0.85em;
  margin-top: -0.2em;
  vertical-align: middle;
}

.hs-image-2 {
  width: 0.75em;
  height: 0.75em;
  margin-top: -0.2em;
  vertical-align: middle;
  border-radius: 50%;
}

.hs-image-3 {
  height: 0.75em !important;
  margin-top: -0.2em;
  vertical-align: middle;
  border-radius: 100px;
}

.hs-paragraph-1 {
  position: absolute;
  top: 158px;
  left: 0;
  max-width: 256px;
  font-size: 16px;
  line-height: 1.5;
}

.hs-paragraph-2 {
  position: absolute;
  top: 160px;
  right: 50px;
  max-width: 350px;
  font-size: 14px;
  text-transform: uppercase;
  text-indent: 4em;
  line-height: 1.5;
  letter-spacing: 0;
}

.hs-descr {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.353;
  letter-spacing: -0.0075em;
}


/* ==============================
   Links
   ============================== */

.link-hover-anim {
  position: relative;
  display: inline-block;
  padding: 6px 0;
  overflow: hidden;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  color: currentColor;
  background: none;
  border: none;
  cursor: pointer;
}

.link-hover-anim:hover {
  text-decoration: none !important;
}

.main-nav .link-hover-anim {
  top: 1px;
}

.link-strong {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 7px 0;
  transition: transform 0.5s var(--ease-elastic-1), opacity 0.5s var(--ease-elastic-1), color 0.2s var(--ease-default);
}

.underline .link-strong {
  border-bottom: 2px solid currentColor;
}

.underline .link-strong i {
  position: relative;
  top: 0.075em;
}

.link-hover-anim:not(.underline) .link-strong i:not([class^="icon-"]) {
  position: relative;
  top: -0.05em;
  vertical-align: middle;
}

.link-strong svg {
  position: relative;
  top: -0.1em;
  margin-right: 0.2em;
}

.link-strong-hovered {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
  transform: translateY(150%) translateZ(0.001px) skewY(10deg);
}

.link-hover-anim:hover {
  color: inherit;
}

.link-strong-unhovered {
  display: block;
}

.link-hover-anim:hover .link-strong-unhovered {
  opacity: 0;
  transform: translateY(-150%) translateZ(0.001px) skewY(-10deg);
}

/* .link-hover-anim:hover .link-strong-hovered {
  ;
  opacity: 1;
  transform: translateY(0) translateZ(0.001px) skewY(0);
} */

.light-content .link-strong,
.light-content .link-hover-anim {
  color: #fff;
}

.link-hover-anim.link-gradient .link-strong {
  background: var(--gradient-primary-1-a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.link-hover-anim.link-gradient .link-strong i {
  -webkit-text-fill-color: var(--color-primary-1);
}

.link-circle {
  padding-right: 22px;
}

.link-circle:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 7px;
  transform: translate3d(0, -50%, 0.001px);
  display: block;
  width: 51px;
  height: 51px;
  border: 1px solid currentColor;
  border-radius: 50%;
  transition: all .5s var(--ease-elastic-2);
}

.link-circle:hover:before {
  transform: translate3d(0, -50%, 0.001px) scale(1.1);
}

.link-circle .link-strong {
  padding: 20px 0;
}

.link-circle-1 {
  margin-left: -7px;
  padding-left: 27px;
}

.link-circle-1:before {
  content: "";
  position: absolute;
  top: calc(50%);
  left: 7px;
  transform: translate3d(0, -50%, 0.001px);
  display: block;
  width: 60px;
  height: 60px;
  border: 2px solid var(--color-dark-1);
  border-radius: 50%;
  opacity: .15;
  transition: all .5s var(--ease-elastic-2);
}

.link-circle-1 .link-strong-hovered {
  left: 27px;
}

.light-content .link-circle-1:before {
  border-color: #fff;
  opacity: .25;
}

.link-circle-1:hover:before {
  transform: translate3d(0, -50%, 0.001px) scale(0.88);
}

.link-circle-1 .link-strong {
  padding: 24px 0;
}

/**********************/
section {
  padding-top: 100px;
 padding-bottom: 32px;
  clear: both;
}

.bg-yellow {
  background: #febd47;
}

.bg-cream {
  background: #fff9f1;
}

.bg-grey {
  background: #E6E7E8;
}

.main-nav {
  background: #706C6B;
}

.main-nav-sub {
  flex-grow: 1;
  display: flex;
  position: relative;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
}

.language {
  position: absolute;
  right: 0;
  top: -10px;
  color: #fff;
  font-size: 10px;
  right: 30px;
  transition: all 0.5s ease;
}

.language a,
.language {
  color: #fff;
  font-size: 10px;
  font-style: italic
}

.language a.active {
  border-bottom: 1px solid #ffc259;
}

.language {
  display: flex;
  gap: 5px;
}



@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 37px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.no-animate {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
  visibility: visible;
  animation-delay: 0.55s;
  animation-name: none;
}

.fadeInUp {
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.wow,
.wow-menubar,
.wow-p {
  opacity: 0.001;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.appear-animate .wow.animated,
.appear-animate .wow.scaleOutIn.animated,
.appear-animate .wow-p.amimated,
.appear-animate .wow-menubar.animated,
.mobile .appear-animate .wow,
.mobile .appear-animate .wow-menubar,
.mobile .appear-animate .wow-p {
  opacity: 1;
  transform: scale(1.0);
  animation-delay: 0.55s;
}

.splitting {
  --word-center: calc((var(--word-total) - 1) / 2);
  --char-center: calc((var(--char-total) - 1) / 2);
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  --word-percent: calc(var(--word-index) / var(--word-total));
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  position: relative;
}

.splitting .char {
  --char-percent: calc(var(--char-index) / var(--char-total));
  --char-offset: calc(var(--char-index) - var(--char-center));
  --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.appear-animate .charsAnimIn .char {
  opacity: 0;
  transform: translateY(.5em) rotate(7deg);
  transform-origin: 0 50%;
  transition: transform .62s var(--ease-out-short), opacity .62s var(--ease-default);
  transition-delay: calc(0.027s* var(--char-index));
}

.charsAnimIn.animated .char,
.mobile .charsAnimIn .char {
  opacity: 1;
  transform: none;
}

html:not(.mobile) .appear-animate .charsAnimIn .char {
  will-change: opacity, transform;
}

.header-container .container {
  padding: 0 !important;
}

.nav-logo-wrap {
  width: 12%;
  text-align: center;
}

.header-container {
  height: 138px;
  position: fixed;
  width: 100%;
  background: url(../images/menu-bg.png) repeat-x right bottom #fff !important;
  z-index: 9999 !important;
  box-shadow: 0 2px 4px #62626217;
  top: 0;
}

.top-menu {
  display: flex;
  justify-content: space-between;
  height: 88px;
}

.menu-area {
  width: 100%;
}

.nav1 {
  /*  padding-left: 24px; */
  padding-left: 15px;
  display: flex;
  align-items: center;
  background: url(../images/divider.svg) no-repeat left;
}

.nav2 {
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.top-menu ul {
  margin: 0;
  /* gap: 20px; */
  gap: 15px;
}

.top-menu ul li {
  list-style: none;
  font-size: 14px;
  color: #5F6366;
  font-family: 'Satoshi-Medium';
  gap: 7px;
  display: flex;
  align-items: center;
}

.top-menu ul li a {
  list-style: none;
  /* font-size: 14px; */
  font-size: 13.5px;
  color: #5F6366;
  font-family: 'Satoshi-Medium';
  gap: 7px;
  display: flex;
  position: relative;
  background: none !important;
}

.top-menu ul li a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #00437B;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.top-menu ul li a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

.top-right ul.nav1 {
  background-position: right;
  padding-right: 15px;
  padding-left: 0;
}

.top-menu ul li a:hover {
  color: #00437B;
}

.lange-area {
  width: 148px;
  overflow: hidden;
  margin: 0 24px;
}

.social-area {
  display: flex;
  align-items: center;
  gap: 6px;
  background: url(../images/divider.svg) no-repeat right;
  padding-right: 9px;
}

.social-area a {
  display: flex;
}

div#google-translate-dropdown {
  height: 30px;
  overflow: hidden;
  margin-top: 12px;
}

.goog-te-gadget .goog-te-combo {
  padding: 4px 6px 4px 10px;
  border: 1px solid #5F6366;
  outline: 0;
  width: 100%;
  margin: 1px 0 !important
}

.dropdown-menu {
  padding: 28px;
  font-size: 0.875rem;
  line-height: 22px;
  color: #5c5776;
  border: none;
  border-radius: 0;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  top: 39px;
  width: 240px;
  left: -60px;
}

.dropdown-menu::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #6EB2B7;
  border-width: 10px;
  margin-left: -10px;
}

.dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in;
  box-shadow: 0px -1px 8.7px 0px #00000029;
  background: #6EB2B7;
  border-radius: 15px 15px 15px 15px !important;
}

.dropdown-menu li a {
  color: #fff !important;
  border-radius: 6px;
  align-items: center;
  padding: 0 0 13px 0;
  margin-bottom: 13px;
  border-bottom: 1px solid #ffffff3d !important;
  border-radius: 0 !important;
  gap: 10px !important;
  display: flex;
  background: none !important;
}

.dropdown-menu ul li a:hover::before {
  display: none;
}

.nav-item.dropdown.translate-area .dropdown-menu {
  background: #fff !important;
  padding: 10px 20px 20px 20px;
}

.nav-item.dropdown.translate-area .dropdown-menu::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.dropdown-menu li:last-child a {
  border: 0 !important;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dropdown-menu li a:hover {
  color: #fff !important;
  background: none !important;
}

.dropdown:hover>.dropdown-menu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.dropdown.login:hover .dropdown-menu {
  background: #6EB2B7 !important
}

.dropdown-submenu:hover>.dropdown-menu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.mob-links {
  display: none !important;
}

/*20-6-2025*/
.login-btn {
  width: 103px;
  display: flex;
  border: 1px solid #00437B !important;
  background: #6EB2B7 !important;
  text-align: center;
  padding: 9px;
  border-radius: 35px;
  justify-content: space-between;
  line-height: 17px !important;
} 

/* Style for the login button with higher specificity */
.nav2 .dropdown.login .login-btn {
    width: 103px;
    display: inline-flex;
    border: 1px solid #00437B !important;
    background: #00437B !important; /* Ensure background color is applied */
    padding: 6px 8px;
    border-radius: 35px;
    justify-content: space-around;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    line-height: 1;
    box-sizing: border-box;
    font-size: 14px;
}

/* Center the text */
.nav2 .dropdown.login .login-btn span {
    flex-grow: 1;
    text-align: center;
}

/* Ensure icons are sized consistently */
.nav2 .dropdown.login .login-btn img:first-child {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    filter: invert(100%) contrast(10000%);
}

.nav2 .dropdown.login .login-btn img:last-child {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    filter: invert(100%) contrast(10000%);
}

/* Hover effect */
.nav2 .dropdown.login .login-btn:hover {
    background: #5A9CA1 !important;
    border-color: #91bbdd !important;
    color: #ffffff;
}

.header .menu>ul>li.dropdown {
  padding-top: 7px;
}

.header .menu>ul>li.dropdown .dropdown-menu {
  top: 53px;
}

.title1 {
  font-family: 'Satoshi-Medium';
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  text-align: center !important;
  text-transform: uppercase;
  color: #6E7376;
  letter-spacing: 0.4em;
  float: left;
  width: 100%
}

.header-title.title1.title1-spacing {
  letter-spacing: inherit !important;
}

.nav2.hindi-btn .login-btn {
  width: 130px !important;
}

.dropdown.login.hindi-btn .login-btn {
  width: 130px !important;
}

.title2 {
  font-family: 'Satoshi-Bold';
  font-size: 42px;
  line-height: 50px;
  text-align: center !important;
  color: #00437B;
  margin: 10px 0 20px 0;
  float: left;
  width: 100%
}

.tagline {
  text-transform: none;
  letter-spacing: normal;
  color: #00437B;
  font-family: 'Satoshi-Regular';
  
}

.services-cards .card-img {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.services-cards .card-img-top {
  transition: 0.5s;
}

.services-cards .card-img-top:hover {
  filter: grayscale(100%);
}

.services-cards .card-body {
  gap: 15px;
  display: inline-grid;
  text-align: center;
}

.services-cards.home .card-body {
  padding:0 !important; /*17-6-2025*/
}

.services-cards .card {
  border: 1px solid #E7E7EA;
  border-radius: 10px;
  transition: all 0.5s ease;
}

.services-cards .card:hover {
  box-shadow: 0px 0px 25px 0px #0000001A;
  -ms-transform: scale(1.05);
  /* IE 9 */
  -webkit-transform: scale(1.05);
  /* Safari 3-8 */
  transform: scale(1.05);
}

.services-cards .card-title {
  font-size: 19px;
  color: #00437B;
  font-family: 'Satoshi-Medium';
  line-height: 18px;
  margin-bottom:15px !important; /*17-6-2025*/
}

.card-text {
  font-size: 14px;
  line-height: 18px;
}

.row.services-cards .card-text {
  height: 140px;
}

.hindi-ver .card-text {
  font-size: 13px !important;
  height: 120px;
}

.dropdown.login .dropdown-menu {
  top: 44px !important;
  left: auto !important;
  right: 0 !important;
  box-shadow: none;
  background: #002E54 !important;
}

.dropdown.login .dropdown-menu::after {
  display: none
}

.dropdown.login:hover .login-btn {
  background: #6EB2B7;
}

.dropdown.login a:hover::before {
  display: none !important;
}

.the-arrow {
  width: 15px;
  transition: all 0.5s;
}

.the-arrow.-left {
  position: absolute;
  top: 16px;
  left: -2px !important;
}

.the-arrow.-left>.shaft {
  width: 0;
}

.the-arrow.-left>.shaft:before,
.the-arrow.-left>.shaft:after {
  width: 0;

}

.the-arrow.-left>.shaft:before {
  transform: rotate(0);
}

.the-arrow.-left>.shaft:after {
  transform: rotate(0);
}

.the-arrow.-right {
  top: 1px;
}

.the-arrow.-right>.shaft {
  width: 15px;
  transition-delay: 0.2s;
  height: 10px;
}

.the-arrow.-right>.shaft:before,
.the-arrow.-right>.shaft:after {
  transition-delay: 0.3s;
  transition: all 0.5s;
}

.the-arrow.-right>.shaft:before {
  transform: rotate(40deg);
}

.the-arrow.-right>.shaft:after {
  transform: rotate(-40deg);
}

.the-arrow>.shaft {
  background: url(../images/link-arrow.svg) no-repeat right bottom;
  display: block;
  height: 10px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}

.animated-arrow {
  display: inline-block;
  color: #00437B;
  font-size: 14px;
  font-family: 'Satoshi-Medium';
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
  padding: 12px 0;
}

.animated-arrow:hover {
  color: #00437B;
}

.animated-arrow:hover>.the-arrow.-left>.shaft {
  width: 15px;
  transition-delay: 0.1s;
  height: 10px;
}

.animated-arrow:hover>.the-arrow.-left>.shaft:before,
.animated-arrow:hover>.the-arrow.-left>.shaft:after {
  width: 15px;
  transition-delay: 0.1s;
}

.animated-arrow:hover>.the-arrow.-left>.shaft:before {
  transform: rotate(10deg);
}

.animated-arrow:hover>.the-arrow.-left>.shaft:after {
  transform: rotate(-10deg);
}

.animated-arrow:hover>.main {
  transform: translateX(20px);
}

.animated-arrow:hover>.main>.the-arrow.-right>.shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}

.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before,
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}

.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before {
  transform: rotate(0);
}

.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {
  transform: rotate(0);
}

.animated-arrow>.main {
  display: flex;
  align-items: center;
  transition: all 0.5s;
}

.animated-arrow>.main>.text {
  margin: 0 5px 0 0;
  line-height: 1;
}

.animated-arrow>.main>.the-arrow {
  position: relative;
}

.about-section {
  background: #DEF5F6;
}

.row.about-cards .card {
  background: none !important;
  border: 0;
  text-align: left !important;
}

.row.about-cards .card .title1 {
  text-align: left !important;
}

.row.about-cards .card .title2 {
  text-align: left !important;
  margin: 30px 0
}

.row.about-cards .card .tagline {
  /* color: #000000; */
  color: #00437B;
  font-size: 16px;
  font-family: 'Satoshi-Regular';
  text-align: justify;
}

.row.about-cards .card-body {
  padding: 0 !important;
}

.link2 {
  width: 160px;
  height: 44px;
  border: 1px solid #00437B;
  border-radius: 10px;
  padding: 4px 0 0 15px;
}

.link2 .text {
  font-size: 18px;
  line-height: 21px;
}

.link2 {
  width: 160px;
  height: 44px;
  border: 1px solid #00437B;
  border-radius: 10px;
  padding: 0;
  text-align: center;
}

.link2 .animated-arrow>.main>.text {
  margin: 0 10px 0 0;
  line-height: 1;
}

.link2 .the-arrow.-left {
  position: absolute;
  top: 18px !important;
  left: -8px;
}

.boxes-area-left .animated-arrow .the-arrow.-left {
  top: 17px !important;
  left: -7px !important;
}

.form-box-outer {
  position: relative;
  width: 584px;
  height: 254px;
  display: inline-grid;
}

.form-box-outer:before,
.form-box:after {
  height: 0%;
  transition: height 1s ease;
  width: 5px;
}

.form-box-outer:after,
.form-box:before {
  height: 5px;
  transition: width 1s ease;
  width: 0%;
}

.form-box-outer:before,
.form-box-outer:after,
.form-box:before,
.form-box:after {
  background-color: #00437B;
  content: "";
  display: block;
  position: absolute;
}

.form-box-outer:before {
  bottom: 0;
  left: 0;
}

.form-box-outer:after {
  bottom: 0;
  right: 0;
}

.form-box:before {
  top: 0;
  left: 0;
}

.form-box:after {
  top: 0;
  right: 0;
}

.form-box-outer.aos-animate:before,
.form-box.aos-animate:after {
  height: 100%;
}

.form-box-outer.aos-animate:after,
.form-box.aos-animate:before {

  width: 100%;
}

.form-box-outer p {
  font-size: 20px;
  line-height: 26px;
}

.row.about-cards .card.card2 {
  background: #ffffff75 !important;
  height: 352px;
  width: 650px !important;
  padding: 65px 33px 33px 33px;
}

.row.about-cards .card.card2::after {
  background: url(../images/sanjay-kumar.png) no-repeat right bottom;
  width: 226px;
  height: 216px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0
}

.inside-text {
  background: #00437B;
  padding: 14px 0 0 37px;
  color: #fff;
  float: left;
  width: 100%;
  height: 56px;
  margin-top: 10px;
}

.slider-container {
  margin-top: 137px;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; /*17-6-2025*/
}

.form-box-outer p {
  font-size: 20px;
  line-height: 26px;
  padding: 27px 0 0 38px;
  font-family: 'Satoshi-BoldItalic';
  margin-bottom: 0;
}

.inside-text span.name {
  float: left;
  width: 100%;
  line-height: 16px;
  font-size: 15px;
  font-family: 'Satoshi-Bold';
}

.inside-text span.design {
  float: left;
  width: 100%;
  line-height: 16px;
  font-size: 15px;
  font-family: 'Satoshi-Regular';
}

.about-cards .col-md-6.pl-0 {
  padding-left: 0;
}

.comma-icon {
  position: absolute;
  left: 33px;
  top: -30px;
  background: #eefafa;
  z-index: 1;
  width: 80px;
  text-align: center;
}

.update-section .header-title {
  text-align: left !important;
}

.update-section .title2 {
  text-align: left !important;
}

.update-cards .card {
  background: none;
  border: 0;
  box-shadow: 0px 4.13px 20.64px 0px #0000000D;
  border-radius: 23px
}

.update-cards .card .card-body {
  padding: 27px 20px 15px;
  height: 100px;
}

.card-date {
  font-family: 'Satoshi-Medium';
  font-size: 14.45px;
  line-height: 14.45px;
  text-align: left;
  margin-bottom: 10px;
}

.update-cards h3.card-title {
  font-family: 'Satoshi-Medium';
  font-size: 20px;
  line-height: 26.83px;
  text-align: left;
}

.update-cards h3.card-title a {
  color: #000
}

.update-cards h3.card-title a:hover {
  color: #00437B
}

.update-cards .card-img-top {
  /*filter: grayscale(100%);*/ /*17-6-2025*/
  transition: 0.5s;
}

.update-cards .card-img-top:hover {
  filter: grayscale(1); /*17-6-2025*/
}


.update-cards .card-img2:hover::before {
  -webkit-animation: circle .90s;
  animation: circle .90s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}


.update-cards .card-img2 {
  overflow: hidden;
  border-radius: 0 0 23px 23px;
  position: relative
}

.update-section .tagline {
  margin-bottom: 50px !important;
}

.update-section .link2 {
  float: right;
  margin-top: 88px;
}

.investment-section {
  position: relative;
  overflow: hidden;
}

.investment-section::after {
  background: rgba(0, 67, 123, 0.9);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  width: 100%
}

.investment-section p.tagline,
.investment-section .title1,
.investment-section .title2 {
  color: #fff;
}

.investment-cards .card {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.investment-cards .card-body {
  border-bottom: 1px solid #ffffff33;
  padding: 0 0 36px 0;
  margin-bottom: 36px;
}

.investment-cards .card-body .card-date {
  font-size: 22px;
  line-height: 26px;
  padding: 0 0 12px 0;
  font-family: 'Satoshi-Bold';
  margin-bottom: 0;
  color: #fff;
}

.investment-cards .card-body .card-title {
  font-size: 16px;
  line-height: 23px;
  padding: 0 0 0 0;
  font-family: 'Satoshi-regular';
  margin-bottom: 0;
  color: #fff;
}

.investment-cards .card-body p {
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 12px 0;
  font-family: 'Satoshi-regular';
  margin-bottom: 0;
  color: #fff;
}

.investment-cards .card-body p a {
  color: #fff;
}

.card-title2 {
  font-family: 'Satoshi-bold';
  font-size: 30px;
  line-height: 30px;
  text-align: left;
  color: #fff;
  margin-bottom: 44px;
}

.brd-0 {
  border: 0 !important;
}

.card.investor-col .card-body {
  background: url(../images/investor-icon.svg) no-repeat left top;
  padding-left: 77px;
}

.investment-cards .card-body h3.card-title a {
  color: #fff !important;
  font-size: 16px !important;
  font-family: 'Satoshi-Bold';
}

.investment-cards .card-body h3.card-title a:hover {
  color: #fff !important;
  font-size: 16px !important;
}

.investment-cards .card-body h4.card-title a {
  color: #fff !important;
  font-size: 14px !important;
  font-family: 'Satoshi-Regular';
}

.card.investor-col .card-body .card-title {
  line-height: 22px;
}

.investor-lastcol .card-body {
  background: url(../images/bg.png) no-repeat left top;
  background-size: auto;
  padding: 26px 30px;
  height: 170px;
  margin-bottom: 8px;
  border: 0 !important;
  margin-top: 3px;
  background-size: auto 100%;
  width: 88%;
}

.investment-cards .card-body .box1 .card-title {
  font-size: 26px;
  font-family: 'Satoshi-Regular';
  line-height: 30px;
  text-align: left;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  margin: 0;
  word-break: break-all;
}

.investment-cards .card-body .box1 .card-title span {
  font-family: 'Satoshi-Bold';
}

.investment-cards .card-body .box1 .card-date {
  font-size: 14px;
  font-family: 'Satoshi-medium';
  line-height: 18px;
  text-align: left;
}

.investment-cards .card-body .box1 {
  width: 51%;
  float: left;
  display: block;
  align-content: center;
  border-right: 1px solid #ffffff29;
  height: 116px;
}

.investment-cards .card-body .box2 {
  width: 43%;
  float: right;
  display: flex;
  margin-left: 18px;
  height: 116px;
}

.investment-cards .card-body .box2 img {
  max-width: 127px;
  width: 127px
}

.card-price1 {
  font-size: 30px;
  color: #fff;
  font-family: 'Satoshi-Bold';
  line-height: 30px
}

.card-price2 {
  font-size: 16px;
  color: #fff;
  font-family: 'Satoshi-Medium';
}

.card-price-icon {
  margin-bottom: 6px;
}

.link2.link3 {
  border: 1px solid #fff;
}

.link2.link3 .animated-arrow {
  color: #fff;
}

.link2.link3 .the-arrow>.shaft {
  background: url(../images/link-arrow2.svg) no-repeat right bottom;
}

.card.investor-col .card-body.last {
  margin-bottom: 0;
  padding-bottom: 41px
}

.investment-cards .card-body.last {
  margin-bottom: 0;
  padding-bottom: 41px
}

.stars {
  display: flex;
  gap: 3px;
}

.stars img {
  max-width: fit-content;
}

.test-footer .small {
  font-family: 'Satoshi-Bold';
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #000;
  transition: 0.3s;
}

.testimonials .item {
  padding: 20px;
  width: 395px;
  margin: 0 auto !important;/*17-6-2025*/
  transition: 0.3s;
}

.testimonials .item:hover {
  transform: scale(1.03)
}

.testimonials .item blockquote {
  height: 335px;
  padding: 30px;
  box-shadow: 0px 0px 25px 0px #0000001A;
  border-radius: 16px;
  width: 100%;
}

.comma {
  margin-bottom: 24px;
  
}
p{
  color: #00437B;
}

.career-section {
  background: #C3E2E4;
  overflow: hidden;
}

.career-section p {
  width: 100%
}

.career-section .title1,
.career-section .title2 {
  text-align: left !important;
}

.career-section .title1 {
  color: #000
}

.link2.link4 {
  width: 231px;
  height: 44px;
}

.boxes-area {
  display: flex;
  height: 400px;
  gap: 10px;
  position: relative;
}

.boxes-area .sec1,
.boxes-area .sec2,
.boxes-area .sec3 {
  display: flex;
  flex-wrap: wrap;
  width: 206px;
  align-content: space-between;
  gap: 11px;
}

.boxes-area-left {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.logo-container h6,
.footer-container h6 {
  margin-bottom: 0 !important
}

.logo-container .owl-dots {
  display: none !important;
}

.logo-container .item.box {
  text-align: center;
}

.logo-container .item.box img {
  display: inline !important;
}

.floating-icon {
  right: 20px;
  bottom: 120px;
}

.owl-dots {
  display: flex !important;
  justify-content: center;
}

.owl-dots button.owl-dot {
  width: 38px !important;
  height: 8px !important;
  border-radius: 3px !important;
}

.owl-dots button.owl-dot.active {
  background: #6eb2b7 !important;
}

.social-section {
  background: #F0F0F0;
  padding-top: 160px;
}

.social-section .title1 {
  text-align: left !important;
}

.social-section .title2 {
  text-align: left !important;
  margin: 30px 0;
  font-family: 'Satoshi-Bold';
}

.social-section .link2 {
  clear: both;
}

.contact-section {
  background: #00437B;
  padding: 0;
  overflow: hidden
}

.contact-left {
  display: flex;
  gap: 15px;
  height: 246px;
  border-right: 1px solid #ffffff29;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.title3 {
  color: #fff;
  font-family: 'Satoshi-Bold';
  font-size: 30px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 0
}

.tegline2 {
  color: #fff;
  font-family: 'Satoshi-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  margin: 7px 0;
}

.contact-left .social-area {
  background: none !important;
  gap: 10px;
}

.contact-right {
  display: flex;
  gap: 15px;
  height: 246px;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding-left: 77px;
}

.footer-container {
  padding: 0 !important;
  overflow: hidden;
}

.footer-links {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #00000042;
  padding-bottom: 24px;
  padding: 75px 0 24px 0 !important;
}

.footer-links ul {
  margin: 0;
  padding: 0
}

.footer-links ul li {
  margin: 0;
  padding: 0
}

.footer-links ul li a {
  font-family: 'Satoshi-regular';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #00437B;
  position: relative
}

.footer-links ul li a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #00437B;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.footer-links ul li a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

.copyright-text {
  padding-top: 25px;
  font-family: 'Satoshi-regular';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #000;
  padding: 24px 0 54px 0 !important;
}

.copyright-text {
  padding-top: 25px;
  font-family: 'Satoshi-regular';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #000;
  padding: 24px 0 54px 0 !important;
}

.login-mobile {
  display: none;
}

.login2 {
  display: none;
}

.bg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 10px;
  z-index: -1;
  background: url(../images/scroll-img1.png) 0% 0% repeat-y;
  background-size: auto;
  background-size: auto;
  background-size: 96%;
  animation-name: MOVE-BG;
  animation-duration: 80s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 204px;
  height: 400px;
  z-index: 9;
}

.bg2 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  bottom: 10px;
  z-index: -1;
  background: url(../images/scroll-img2.png) 0% 0% repeat-y;
  background-size: auto;
  background-size: auto;
  background-size: 96%;
  animation-name: MOVE-BG2;
  animation-duration: 80s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 204px;
  height: 400px;
  z-index: 9;
}

.bg3 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  bottom: 10px;
  z-index: -1;
  background: url(../images/scroll-img3.png) 0% 0% repeat-y;
  background-size: auto;
  background-size: auto;
  background-size: 96%;
  animation-name: MOVE-BG;
  animation-duration: 80s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 204px;
  height: 400px;
  z-index: 9;
}

.image-mask {
  width: 204px;
  height: 400px;
  position: relative;
  right: initial;
  top: 0;
  left: 0px;
}

.image-mask2 {
  width: 204px;
  height: 400px;
  position: relative;
  right: initial;
  top: 0;
  left: 0px;
}

.image-mask3 {
  width: 204px;
  height: 400px;
  position: relative;
  right: initial;
  top: 0;
  left: 0px;
}

.image-mask {
  margin: 0;
}

@keyframes MOVE-BG {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 -100vw;
  }
}

.alpha-target {
  width: 100%;
}


@keyframes MOVE-BG2 {
  0% {
    background-position: 0 -100vw;
  }

  100% {
    background-position: 0 0;
  }
}

.breadcrumb {
  padding-top: 70px !important;
  margin-bottom: 0;
}

.breadcrumb ul {/*20-6-2025*/
  display: flex;
  justify-content: center;
  gap: 22px;
  margin: 0 !important;
}

.breadcrumb ul li {
  position: relative;
}

.breadcrumb ul li:last-child::after {
  display: none;
}

.breadcrumb ul li::after {
  background: rgba(110, 115, 118, 1);
  content: '';
  position: absolute;
 right: -11px; /*20-6-2025*/
  height: 11px;
  width: 1px;
  top: 12px;
}

.breadcrumb ul li a {
  font-family: 'Satoshi-Medium';
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(110, 115, 118, 1);
  padding-right:0px;/*20-6-2025*/
}

.about-section .tab-container2 {
  background: #DEF5F6 !important;
  padding-bottom: 100px !important;
  float: left;
  width: 100%
}

.inside-header {
  margin-top: 103px;
}

.railneer-header {
  background: url(../images/rail-neew-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.catring-header {
  background: url(../images/catring-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.internet-ticketing {
  background: url(../images/internet-ticketing-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.travel-tourism-header {
  background: url(../images/travel-tourism-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.board-directors-header {
  background: url(../images/board-directors-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.profile-header {
  background: url(../images/profile-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.key-executives-header {
  background: url(../images/key-executives-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.organization-stru-header {
  background: url(../images/organization-stru-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.subsidiary-com-header {
  background: url(../images/subsidiary-com-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.investor-header {
  background: url(../images/investor-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.vigilance-header {
  background: url(../images/vigilance-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.tender-header {
  background: url(../images/tender-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.member-header {
  background: url(../images/member-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.contact-header {
  background: url(../images/contact-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.empanelment-header {
  background: url(../images/empanelment-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.complain-header {
  background: url(../images/complain-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.mou-header {
  background: url(../images/mou-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.sitemap-header {
  background: url(../images/sitemap-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.privacy-header {
  background: url(../images/privacy-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.resources-header {
  background: url(../images/resources-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.csr-header {
  background: url(../images/csr-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.programs-header {
  background: url(../images/programs-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.career-header {
  background: url(../images/career-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.supplier-header {
  background: url(../images/supplier-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.event-header {
  background: url(../images/event-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.webinar-header {
  background: url(../images/webinar-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.newsletter-header {
  background: url(../images/newsletter-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.media-header {
  background: url(../images/media-center-header.jpg) no-repeat center 90px !important;
  width: 100%;
  height: 468px;
  background-attachment: fixed !important;
}

.services-container1 {
  padding-top: 0 !important;
  height: auto;
  clear: both;
  position: relative;
  padding-bottom: 65px;
}

.services-container1::after {
  background: rgba(222, 245, 246, 1);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 400px;
  width: 100%;
  z-index: -1;
  ;
}

.services-container1 h2 {
  margin: 0 0 60px 0 !important;
}

.floating-icon {
  position: fixed;
  right: 100px;
  bottom: 20px;
  z-index: 9999;
  top: auto;
}

.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

.services-container1 .services-cards .card {
  border: 0;
  border-radius: 0 !important;
}

.services-container1 .services-cards .card:hover {
  transform: initial;
}

.services-container1 .services-cards .card-img {
  border-radius: 0 !important;
  border: 0 !important;
}

.services-container1 .services-cards .card .card-body {
  padding: 35px 20px;
  text-align: left;
  gap: initial !important;
  height: 265px;
  display: inline;
}

.services-container1 .services-cards .card-title {
  font-size: 25px !important;
  margin-bottom: 22px !important;
}

.services-container1 .list {
  display: flex;
  width: 100%;
}

.services-container1 .list ul {
  margin: 0;
  padding: 0;
}

.services-container1 .list ul li {
  font-family: 'Satoshi-Regular';
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  padding-bottom: 15px;
  background: url(../images/list-arrow.svg) no-repeat left 3px !important;
  padding-left: 18px;
  color: #00437B;
}

.services-container1 .list.list2 ul {
  margin: 0;
  padding: 0;
}

.services-container1 .list.list2 ul li {
  width: 100% !important;
  padding-right: 10px;
}

.services-container2 {
  padding: 70px 0;
}

.services-container2 h2 {
  margin: 0 !important;
}

.services-container2 .tegline2 {
  font-size: 16px !important;
  color: #000;
  line-height: 24px;
  margin-top: 40px;
  clear: both;
  float: left;
  width: 100%;
  text-align: justify !important;
}

.testimonials-container {
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}

.testimonials-container::after {
  background: rgba(0, 67, 123, 1);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 480px;
  z-index: -1;
  width: 100%
}

.testimonials-container h2 {
  color: #fff;
  margin: 0 0 100px 0
}

.testimonials-container .owl-carousel {
  clear: both;
}

.testimonials-container .item {
  padding-bottom: 40px;
}

.testimonials-container .card-body {
  padding: 40px 50px;
  height: 274px;
}

.testimonials-container .card-title {
  font-family: 'Satoshi-Bold';
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  margin-bottom: 30px;
  color: #00437B
}

.testimonials-container p {
  font-family: 'Satoshi-Regular';
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #00437B;
  font-style: normal;
  text-align: justify !important;
}
div ul li{
  color: #00437B;
}
div{
 font-size: 20px;
}
p{
  color: #00437B !important;
}

.testimonials-container .item .testimonial {
  border-radius: 45px !important;
  overflow: hidden;
  background: none !important;
  border-radius: 0 0 45px 45px;
  box-shadow: 0px 9.14px 45.7px 0px rgba(0, 0, 0, 0.05);
}

.testimonials-container .title2 {
  font-size: 40px;
}

.testimonials-container .card-img {

  transition: 0.5s;
}

.testimonials-container .card-img:hover {
  filter: grayscale(1);
}

.testimonials-container .owl-nav {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 45%;
}

.testimonials-container .owl-nav .owl-prev {
  top: 0;
  background: #000 !important;
  left: 27%;
  background: url(../images/arrow-left.svg) no-repeat center top !important;
  width: 64px;
  height: 64px;
  font-size: 0 !important
}

.testimonials-container .owl-nav .owl-next {
  right: 27%;
  background: url(../images/arrow-right.svg) no-repeat center top !important;
  width: 60px;
  height: 60px;
  font-size: 0 !important
}

.social-section .container-fluid {
  padding: 0 !important;
  margin: 0 !important;
}

.social-section .row {
  padding: 0 !important;
  margin: 0 !important;
}

.tab-container {
  position: relative;
  width: 200px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.tab {
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
  text-align: center;
}

.tab-content {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: white;
  border-top: 1px solid #ccc;
  transition: transform 0.3s ease;
  transform: translateY(100%);
}

.tab-content.show {
  display: block;
  transform: translateY(0);
}

.investment-section video {
  position: absolute;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 840px;
  left: 0;
  z-index: -1;
  object-fit: fill;
}

.services-tab-container .title2 {
  margin: 0;
}

#services-tab .serv-tab1 {
  background: url(../images/foodplaza-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab1.resp-tab-active {
  background: url(../images/foodplaza-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab2 {
  background: url(../images/fast-food-unit-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab2.resp-tab-active {
  background: url(../images/fast-food-unit-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab3 {
  background: url(../images/refreshment-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab3.resp-tab-active {
  background: url(../images/refreshment-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab4 {
  background: url(../images/jan-ahar-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab4.resp-tab-active {
  background: url(../images/jan-ahar-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab5 {
  background: url(../images/cell-kitchen-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab5.resp-tab-active {
  background: url(../images/cell-kitchen-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab6 {
  background: url(../images/base-kitchens-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab6.resp-tab-active {
  background: url(../images/base-kitchens-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab7 {
  background: url(../images/executive-lounges-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab7.resp-tab-active {
  background: url(../images/executive-lounges-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab8 {
  background: url(../images/retiring-rooms-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab8.resp-tab-active {
  background: url(../images/retiring-rooms-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab9 {
  background: url(../images/rail-yatri-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab9.resp-tab-active {
  background: url(../images/rail-yatri-tab-icon-active.svg) no-repeat center top !important;
}

#services-tab .serv-tab10 {
  background: url(../images/non-railway-tab-icon.svg) no-repeat center top !important;
}

#services-tab .serv-tab10.resp-tab-active {
  background: url(../images/non-railway-tab-icon-active.svg) no-repeat center top !important;
}

.mob-img {
  display: none;
}

.res-title {
  font-family: 'Satoshi-Bold';
  font-size: 30px;
  line-height: 30px;
  text-align: left;
  margin-bottom: 30px;
  color: #3D6599;
}

.res-content {
  font-family: 'Satoshi-Regular';
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
  margin-bottom: 60px;
}

.res-img {
  margin-bottom: 30px;
}

.services-container3 {
  background: #DEF5F6;
  padding-bottom: 0 !important;
  overflow: hidden;
}

.ser-box {
  float: left;
  width: 100%;
  margin-bottom: 45px;
}

.services-icon,
.services-text {
  text-align: center;
  margin-bottom: 24px;
}

.services-text {
  margin-bottom: 0 !important;
}

.services-container3 .tagline {
  color: #000;
  text-align: justify !important;
}

.tagline3 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-family: 'Satoshi-Bold';
  margin-bottom: 30px
}

.services-container3 .title2 {
  margin-bottom: 40px;
}

.ser-box:nth-child(3) {
  margin-bottom: 0 !important;
}

.services-app1 {
  width: 100%;
  float: left;
  text-align: center;
}

.ser-box.last-box .services-text {
  margin-bottom: 0 !important;
}

.services-text {
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px;
}

.title4 {
  font-family: 'Satoshi-Bold';
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
  text-align: left !important;
  color: #00437B;
  margin: 20px 0;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  text-align: center !important;
}

.services-container6,
.services-container4,
.services-container5,
.services-container7 {
  overflow: hidden;
}

.services-container4 .content {
  width: 88%;
  margin-top: 220px;
  padding-left: 35px;
}

.services-container4 .content .para {
  font-size: 16px;
  line-height: 26px;
  text-align: justify !important;
}

.services-container4 .services-app1 {
  height: auto;
  text-align: left;
}

.busi-area2 {
  padding-left: 0;
}

.services-container5 {
  background: #00437B;
  clear: both;
}

.services-container5 .content {
  padding: 0 70px 0 0;
  float: right;
  width: 86%;
}

.services-container5 .title5 {
  font-family: 'Satoshi-Bold';
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
  text-align: left !important;
  color: #fff;
  margin: 20px 0;
  margin-bottom: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.services-container5 .content .title5 {
  margin-top: 0;
}

.services-container5 .content .para {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-align: justify !important;
}

.services-container5 .busi-area3 {
  padding-left: 55px;
}

.services-container6 .services-app1 {
  width: 100%;
  height: 604px;
}

.services-container6 .content {
  padding: 164px 0px 0px 55px;
  float: left;
  width: 90%;
  ;
}

.services-container6 .content .para {
  font-size: 16px;
  line-height: 26px;
}

.services-container7 {
  background: #DEF5F6;
}

.services-container7 .container-fluid {
  padding: 0;
}

.services-container7 .content {
  padding: 0px 60px 0px 0px;
  float: left;
  width: 87%;
}

.services-container7 .content .para {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  text-align: justify !important;
}

.services-container7 .busi-area2 {
  padding-left: 45px;
}

.services-container6 .content .para {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  text-align: justify !important;
}

.services-container6 .content .para a {
  color: #00437B;
  text-decoration: underline
}

.services-container6 .title4 {
  margin-top: 0;
  line-height: 40px;
}

.top-align {
  align-items: flex-start !important;
}

.update-cards .owl-dots.disabled {
  display: none !important;
}

.testimonials-container .item .testimonial .card-img img {
  object-fit: cover;
  width: 100%;
}

.details-img {
  width: 39%;
  margin-right: 51px;
  float: left;
}

.details-img img {
  border-radius: 13px;
}

.details-right {
  width: 55.2%;
  float: left;
}

.details-area {
  display: inherit;
  width: 100%;
}

.details-right ul {
  margin: 0;
  padding: 0 !important;
}

.details-right ul li {
  display: flex;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 30px;
  margin-bottom: 30px;
  align-items: center;
  float: left;
  width: 100%;
}

.details-right ul li .title {
  width: 200px;
  float: left;
  font-size: 18px;
  font-family: 'Satoshi-Bold';
}

.details-right ul li .title-right {
  font-size: 14px;
  line-height: 18px;
}

.details-right ul li .icon {
  width: 50px;
  text-align: center;
}

.details-right ul li .address {
  font-size: 14px;
  line-height: 18px;
}

.details-right ul li .icon {
  width: 14%;
  text-align: center;
  float: left;
}

.details-right ul li:last-child {
  border: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.details-right ul li .address {
  font-size: 14px;
  line-height: 18px;
  float: left;
  width: 86%;
}

.tagline1 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 60px;
}

.about-section .tab-container2 h3 {
  margin-bottom: 80px !important;
}

.services-container8 .tagline2 {
  font-family: 'Satoshi-Regular';
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 70px;
  text-align: justify !important;
}

.services-container8 .tagline2 span {
  color: #00437B;
}

.services-container8 .title2 {
  padding-bottom: 40px !important;
  margin: 0 !important;
  font-size: 35px;
  line-height: 30px;
}

.counter-box {
  margin-bottom: 20px !important;
  height: Fixed (172.25px)px;
  padding: 45px 47px 45px 47px;
  border-radius: 25px;
  border: 1px solid #eee;
  width: 600px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 0px;
}

.counter-title {
  font-family: 'Satoshi-Medium';
  font-size: 28px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  color: #00437B;
}

.counter-title2 {
  font-family: 'Satoshi-Medium';
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  margin-bottom: 15px;
}

.counter-btn {
  width: 155px;
  height: 28px;
  padding: 6px 11px 9px 11px;
  gap: 10px;
  border-radius: 25px;
  text-align: center !important;
  background: #6EB2B7;
  float: left;
  font-family: 'Satoshi-Bold';
  font-size: 14px;
  line-height: 13px;
  text-align: left;
  color: #fff !important;
}

.counter-title3 {
  font-family: 'Satoshi-Bold';
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}

.counter-number {
  font-family: 'Satoshi-Bold';
  font-size: 40px;
  line-height: 40px;
  text-align: left;
  color: #00437B;
}

.counter-left {
  width: 62%;
  float: left;
}

.counter-right {
  width: 38%;
  float: left;
  border-left: 1px solid #d9d9d9;
  padding-left: 28px;
}

.counter-title4 {
  font-size: 14px;
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
}

.list-item.menu-area2.investor-menu ul li a br {
  display: none !important;
}

.list-item.menu-area2.investor-menu ul {
  display: initial !important;
}

.list-item.menu-area2.investor-menu ul li {
  width: 47.3% !important;
  float: left;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-right: 43px !important;
}

.list-item.menu-area2.investor-menu ul li a {
  width: 100% !important;
}

.list-item.menu-area2.investor-menu.tenders-menu li {
  height: 50px;
}

.services-container8 .row {
  width: 1242px;
  margin: 0 auto;
}

.services-container5.services-container9 .busi-area2.busi-area3 {
  justify-content: right;
}

.services-container5.services-container9 .content {
  padding: 0 100px 0 0;
  width: 91% !important;
}

.services-container7.services-container10 .busi-area2 {
  justify-content: right;
  padding-left: 0;
}

.pr-0 {
  padding-right: 0 !important;
}

.link2.botn-btn {
  margin: 0 auto;
  width: 210px
}

.graph-container1 {
  background: #DEF5F6;
}

.white-bg {
  background: #fff !important;
}

.content.content2 {
  width: 97% !important;
  padding-right: 0;
  padding-left: 25px;
}

.bg5 {
  background: url(../images/new-invitation-img.jpg) no-repeat center top;
  background-size: auto;
  height: 787px;
  width: 100%;
  background-size: auto 100% !important;
}

.bg6 {
  background: url(../images/air-ticketing-img.jpg) no-repeat center top;
  background-size: auto;
  height: 961px !important;
  width: 100%;
  background-size: auto 100% !important;
}

.bg7 {
  background: url(../images/bus-ticketing-img.jpg) no-repeat center top;
  background-size: auto;
  height: 572px;
  width: 100%;
  background-size: auto 100% !important;
}

.bg8 {
  background: url(../images/cruise-booking-img.jpg) no-repeat center top;
  background-size: auto;
  height: 493px;
  width: 100%;
  background-size: auto 100% !important;
}

.bg9 {
  background: url(../images/miscellaneous-img.jpg) no-repeat center top;
  background-size: auto;
  height: 354px;
  width: 100%;
  background-size: auto 100% !important;
}

.title6 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  margin-bottom: 40px;
}

.services-container11 {
  height: 787px;
}

.services-container11 .content {
  width: 100%;
  padding: 0 !important;
}

.testimonials-container.testimonials-container2 p {
  height: auto !important;
}

.testimonials-container.testimonials-container2 .card-body {
  height: 425px;
}

.slider-social {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  clear: both;
}

.services-container1.travel-container2 .title2 {
  font-size: 35px;
  margin-bottom: 60px;
}

.services-container1.travel-container2 .row.services-cards {
  width: 1240px;
  margin: 0 auto;
}

.services-container1.travel-container2 .services-cards .card {
  border: 0;
  border-radius: 25px !important;
  overflow: hidden;
}

.services-container1.travel-container2 .services-cards .card .card-body {
  height: 455px;
}

.services-container1.travel-container2 .services-cards .card .card-body .link2 {
  width: 190px;
  margin-bottom: 25px;
}

.app-title {
  font-family: 'Satoshi-Regular';
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
}

.services-container1.travel-container2 .services-cards .card .card-body .card-text p {
  font-size: 16px;
  line-height: 23px;
  text-align: justify !important;
}

.services-container1.travel-container2 .services-cards .card .card-body .store-area {
  float: left;
  justify-content: unset !important;
}

.services-container1.travel-container2 .services-cards .card .card-body .store-area a {
  margin-right: 12px;
}

.content.traval-box {
  width: 566px;
  margin-top: 133px;
  padding-left: 0 !important;
  text-align: justify !important;
}

.content.traval-box .title4 {
  margin-bottom: 40px;
  margin-top: 0;
}

.content.traval-box .para {
  margin-bottom: 40px;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  text-align: justify !important;
}

.content.traval-box .app-title {
  float: left;
  width: 100%;
}

.content.traval-box .link2 {
  float: left;
  width: 190px;
  margin-bottom: 25px;
}

.content.traval-box .store-area {
  float: left;
  clear: both;
  gap: 12px;
}

.content.traval-box .slider-social {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.services-container4.travel-container3 {
  background: #00437B;
}

.services-container4.travel-container3 .content.traval-box {
  width: 495px;
  float: right;
  margin-top: 126px;
}

.services-container4.travel-container3 .content.traval-box .title4 {
  color: #fff;
}

.services-container4.travel-container3 .content.traval-box .para {
  color: #fff;
}

.services-container4.travel-container3 .content.traval-box .link2 {
  border-color: #fff;
}

.services-container4.travel-container3 .content.traval-box .link2 a {
  color: #fff;
}

.services-container4.travel-container3 .content.traval-box .app-title {
  color: #fff !important;
}

.services-container4.travel-container3 .content.traval-box {
  width: 550px;
  float: right;
  margin-top: 126px;
  padding-right: 50px;
}

.services-container4.travel-container3 .busi-area2 {
  padding-right: 0;
}

.travel-container {
  overflow: hidden;
  background: #DEF5F6;
  height: 427px
}

.travel-container .content.traval-box {
  margin: 0 !important;
}

.travel-container .content.traval-box .title4 {
  margin-bottom: 30px;
}

.travel-container .content.traval-box .para {
  margin-bottom: 20px !important;
}

.travel-container .img-box {
  text-align: center;
  height: 427px;
  display: table-cell;
  vertical-align: bottom;
}

.travel-container .content.traval-box .app-title {
  float: left;
  width: 100%;
  color: #00437B;
  font-family: 'Satoshi-Bold';
}

.travel-container4 {
  overflow: hidden
}

.travel-container4 .content {
  padding: 0px 0 0 50px;
  width: 88%;
  text-align: justify;
}

.travel-container4 .col-md-5.left-box {
  width: 47%;
}

.travel-container4 .col-md-7.right-box {
  width: 53%;
}

.travel-container4 .content .para p {
  font-size: 16px;
  line-height: 26px;
}

.travel-container4 .link2 {
  float: left;
  width: 190px;
  margin-bottom: 25px;
}

.travel-container5 {
  overflow: hidden;
  background: #DEF5F6;
}

.travel-container5 .content {
  width: 550px;
  float: right;
  padding-right: 50px;
}

.travel-container5 .col-md-5.left-box {
  width: 47%;
}

.travel-container5 .col-md-7.right-box {
  width: 53%;
  justify-content: center;
}

.travel-container5 .content .para p {
  font-size: 16px;
  line-height: 26px;
  text-align: justify !important;
}

.travel-container5 .link2 {
  float: left;
  width: 190px;
  margin-bottom: 25px;
}

.travel-container6 {
  overflow: hidden;
  background: #fff;
}

.travel-container6 .content {
  padding: 0px 0 0 50px;
  width: 88%
}

.travel-container6 .col-md-5.left-box {
  width: 47%;
}

.travel-container6 .col-md-7.right-box {
  width: 53%;
}

.travel-container6 .content .para p {
  font-size: 16px;
  line-height: 26px;
  text-align: justify !important;
}

.travel-container6 .link2 {
  float: left;
  width: 190px;
  margin-bottom: 25px;
}

.internet-container {
  background: #00437B;
  clear: both;
  overflow: hidden;
}

.internet-container .content {
  padding: 0px 50px 0 0px;
  width: 88%;
}

.internet-container .col-md-5.left-box {
  width: 47%;
}

.internet-container .col-md-7.right-box {
  width: 53%;
  justify-content: flex-end;
}

.internet-container .content .para p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-align: justify !important;
}

.internet-container .title4 {
  color: #fff;
}

.services-container4.internet-container2 {
  background: #DEF5F6;
}

.services-container4.internet-container2 .title3 {
  float: left;
  width: 100%;
  font-family: 'Satoshi-Medium';
  color: #000;
  margin-bottom: 40px;
}

.travel-container .content.traval-box {
  margin: 51px 0 0 0 !important;
  width: 700px;
}

.services-container4.internet-container2 .para p {
  margin: 0 !important;
}

.services-container4.internet-container2 .content.traval-box {
  width: 80% !important;
}

.para.last {
  margin-bottom: 0 !important
}

.internet-tab-container {
  background: #DEF5F6;
}

.internet-tab-container .resp-tabs-list {
  width: 600px;
}

.internet-tab-container .resp-tabs-list li {
  width: 50% !important;
}

.internet-tab-container .resp-tab-content {
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 1245px;
  margin: 80px auto 0 auto;
  float: none;
}

.internet-tab-container h3.title4 {
  color: #000;
  margin-bottom: 45px !important;
  text-align: center !important;
  margin-top: 0 !important;
}

.internet-tab-container {
  background: #DEF5F6;
  float: left;
  width: 100%;
}

.tab-text {
  font-size: 15px;
  line-height: 19px;
  font-family: 'Satoshi-Regular';
  text-align: justify;
}

.tab-list ul {
  margin: 0 0 60px 0;
  padding: 0 0 60px 0;
  display: flex;
  border-bottom: 1px solid #bdd0d1;
  float: left;
  width: 100%;
}

.tab-list ul li {
  width: 33.3%;
  display: flex;
  align-items: center;
  padding-right: 25px;
  margin-right: 25px;
  position: relative;
}

.tab-list ul li::after {
  background: #bdd0d1;
  width: 1px;
  height: 100px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0
}

.tab-icon {
  width: 32%;
}

.tab-text {
  width: 68%;
}

.tab-list ul li:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}

.tab-list ul li:last-child::after {
  display: none
}

.list2 {
  border: 0 !important;
}

.list2 li {
  width: 50% !important;
}

.list2 li {
  width: 50% !important;
}

.list2 li .tab-icon {
  width: 22%;
}

.list2 li .tab-text {
  width: 76%;
}

.list3.brdr-none {
  border: 0;
}

.travel-container4.travel-container7 {
  background: #00437B !important;
}

.travel-container4.travel-container7 .title4 {
  color: #fff !important;
}

.travel-container4.travel-container7 .content .para p {
  font-size: 16px;
  line-height: 26px;
  color: hsl(0, 0%, 100%);
}

.graph-container5 p {
  margin-bottom: 0
}

.graph-container5 img {
  width: 61%;
  margin: 0 auto;
}

.desk-graph {
  display: block
}

.mob-graph {
  display: none
}

.link-web {
  text-decoration: underline;
  color: #00437B;
}

.link2.view-web {
  width: 190px;
}

.timeline-container h3.title4 {
  text-align: center !important;
  margin-top: 0 !important;
}

.timeline-container .timeline-wrap {
  width: 100%;
  float: left;
  margin-top: 100px;
  position: relative
}

.timeline-container .timeline {
  width: 1240px;
  float: none;
  margin-top: 100px;
  position: relative;
  margin: 0 auto;
  clear: both;
  height: 100%;
  overflow: hidden;
}

.entry.entry--left .one::after {
  content: '1';
  text-align: center;
  font-size: 30px;
  color: #fff;
  line-height: 18px;
  position: absolute;
  z-index: 9;
}

.timeline::after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 100px;
  bottom: 0;
  margin-left: -2px;
  height: 100%;
  background: url(../images/btm-brdr.png) no-repeat center bottom #00437B !important;
}

.timeline--first:after {
  top: 20px;
}

.era {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}

.era__title {
  background-color: #0065b3;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
}

.entry {
  padding: 10px 30px 40px 30px;
  width: 50%;
  position: relative;
  background-color: inherit;
}

.entry--right {
  margin-left: 50%;
}

.entry__content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
}

.entry:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 20px;
  width: 0;
  z-index: 1;
}

.entry--left:before {
  right: 22px;
  border: medium solid transparent;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent white;
}

.entry--right:before {
  left: 22px;
  margin-left: 0;
  border: medium solid transparent;
  border-width: 8px 8px 8px 0;
  border-color: transparent white transparent transparent;
}

.entry:after {
  content: '1';
  position: absolute;
  width: 100px;
  height: 100px;
  right: -50px;
  background-color: #DEF5F6;
  border: 0;
  top: 8px;
  border-radius: 50%;
  z-index: 1;
}

.entry--right:after {
  right: auto;
  left: -18.75px;
}

.post-box {
  width: 90%;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
}

.post-detail {
  padding: 18px 18px 0px 18px;
  display: flex;
  height: 60px;
}

.post-box-img {
  margin-right: 10px;
}

.post-img {
  height: 260px;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  background: #d2d2d2;
}

.post-img a {
  width: 100%;
  height: 100%;
}

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

.owl-carousel.owl-theme.post-carousel.twitter-content-area .post-box-title {
  width: 95%;
}

.post-fb-icon img {
  width: 20px;
  height: 20px;
}

.post-fb-icon {
  float: right !important;
}

.post-box-title {
  width: 73%;
  font-size: 12px;
  font-weight: 800;
  font-family: 'Satoshi-Regular';
}

.post-detail2 {
  padding: 10px 18px 25px 18px;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  height: 80px;
}

.post-more {
  font-family: 'Satoshi-Medium';
  margin-top: 3px;
}

.post-box-img {
  width: 35px;
  height: 35px;
  float: left;
}

.post-box-title span {
  width: 100%;
  float: left;
  font-size: 10.71px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}

.like-icon {
  background: url(../images/like-icon.svg) no-repeat left 5px !important;
}

.comment-icon {
  background: url(../images/comment-icon.svg) no-repeat left 5px !important;
}

.share-icon {
  background: url(../images/share-icon.svg) no-repeat left 5px !important;
}

.post-social ul {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin: 0;
  padding: 0;
}

.post-social li {
  font-size: 14px;
  line-height: 12px;
  padding-left: 22px;
  line-height: 26px;
}

.post-social {
  padding: 10px 30px;
}

.social-section .title-social {
  text-align: left !important;
  width: 90%;
  background: url(../images/post-tick-icon.svg) no-repeat right top !important;
  font-family: 'Satoshi-Bold';
  line-height: 17px;
}

.post-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.social-section .owl-dots.disabled {
  display: none !important;
}

#main .twoboxes .container {
  padding: 0 !important;
}

.twoboxes .btn {
  border: solid 1px #dbdbdb;
  color: #535557;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px !important;
  width: 140px !important;
  font-family: 'Satoshi-Bold';
  font-size: 14px;
}

@media all and (max-width: 500px) {
  .timeline:after {
    left: 33.75px;
  }

  .era {
    text-align: left;
    padding-left: 31.875px;
  }

  .entry {
    width: 100%;
    margin-left: 0;
    padding-left: 64px;
    padding-right: 20px;
  }

  .entry:before {
    right: auto;
    left: 56px;
    margin-left: 0;
    border: medium solid transparent;
    border-width: 8px 8px 8px 0;
    border-color: transparent white transparent transparent;
  }

  .entry:after {
    left: 15px;
  }
}

.no-brd {
  border: none !important
}

.round-details {
  position: relative;
  width: 225px;
  z-index: 9;
}

.entry-content {
  width: 421px;
  float: left;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.entry-left {
  display: flex;
  justify-content: space-between;
}

.entry1 {
  width: 670px;
  float: left;
  height: 109px;
  margin-bottom: 45px;
  position: relative;
}

.round-left {
  width: 100px;
  height: 100px;
  text-align: center;
  float: right;
  background: url(../images/timeline-round.png) no-repeat center top !important;
  font-size: 30px;
  line-height: 100px;
  color: #fff;
  font-family: 'Satoshi-Bold';
  position: relative;
  z-index: 99;
}

.round-left-line {
  position: absolute;
  left: 0;
  top: 30px;
}

.entry1.right .round-details .round-left {
  float: left;
}

.entry1.right .round-details .round-left-line {
  right: 0 !important;
  left: auto;
}

.entry-content p {
  margin-bottom: 0;
  text-align: justify;
}

.entry1.full-w {
  width: 100% !important;
  height: auto;
  margin-bottom: 0;
}

.entry-content1 {
  text-align: center;
  width: 100%;
}

.entry1.full-w .entry-content {
  width: 100%;
  text-align: center;
}

.entry-content2 {
  text-align: center;
}

.entry1.right.last {
  margin-bottom: 0px;
}

.timeline.timeline2::after {
  height: 300px !important;
  top: 0px;
}

.timeline.timeline2 .entry1 {
  padding-top: 100px;
  padding-bottom: 80px;
}

.entry-img {
  width: 100%;
  float: left;
  margin-bottom: 25px;
  text-align: center;
}

.dot::after {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #000;
  content: '';
  border-radius: 50px;
  left: 46px;
  bottom: 0px;
  top: auto;
}

.timeline.timeline2::after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0px;
  bottom: 0;
  margin-left: -2px;
  height: 127px;
}

.timeline.timeline2 .entry1.full-w {
  margin-bottom: 0 !important;
}

.timeline.timeline2 .dot {
  margin: 0 auto;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50px;
  position: relative;
  top: 0;
  left: -1px;
}

.timeline.timeline2 .dot::after {
  display: none
}

.timeline.timeline2 .dot2 {
  margin: 0 auto;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50px;
  position: relative;
  bottom: -290px;
  left: -1px;
}

.tool span {
  color: #000;
  width: 147px;
  padding: 5px 0;
  background: #fff;
  text-align: center;
  position: absolute;
  border-radius: 6px;
  transition: opacity 1s;
  font-size: 15px;
  top: 8px;
  left: auto;
  right: 70px;
}

.tool span:after {
  content: '';
  border-width: 5px;
  position: absolute;
  border-style: solid;
}

.tool:hover span {
  opacity: 1;
}

.l-st {
  top: 0;
  left: -125px;
  box-shadow: 4px 3px 10px 1px rgba(0, 0, 0, 0.1);
}

.l-st:after {
  bottom: 40%;
  left: 100%;
  border-color: transparent transparent transparent #fff;
}

.hl-rightPanel-tabs .tab-icon.customIcon1.fa {
  font-size: 0 !important;
}

.inside-container {
  padding-top: 30px;
  padding-bottom: 70px !important;
}

.twoboxes h5 {
  margin-bottom: 0px;
  font-size: 18px;
  font-family: 'Satoshi-Bold' !important;
}

.sublist {
  float: left;
  width: 100%;
  margin-top: 12px !important;
}

.sublist li a {
  font-size: 13px;
  width: 100%;
  position: relative;
  padding-left: 15px;
}

.sublist li a::before {
  position: absolute;
  left: 0;
  width: 2px;
  background: #00437B;
  content: '';
  height: 12px;
  top: 2px;
}

.list-item.menu-area2.investor-menu .sublist li {
  margin: 0 !important;
  width: 100% !important;
}

.list-item.menu-area2.investor-menu ul li a {
  width: 91% !important;
  line-height: 17px;
}

section.update-section.update-section-inside {
  padding-top: 50px;
}

.down-arrow .ion {
  display: none;
}

.card-body .even-row.row {
  margin: 0 !important;
  font-size: 15px;
}

.menu {
  width: 100%;
}

.nav-logo-wrap {
  order: 4;
  background: #fff;
  text-align: center;
  width: 125px;
  height: 125px;
  border-radius: 100%;
  top: -50px !important;
  position: relative;
  box-shadow: 0px 0px 14px 0px #0000001F;
  z-index: 999;
}

/* .menu-item-has-children:nth-of-type(n+3) { order: 2; } */
.nav-logo-wrap .logo {
  width: 100%;
}

.top-right {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  padding-left: 50px;
}

.top-left {
  width: 51%;
  display: flex;
  justify-content: center;
}

.menu-order-1 {
  order: 0;
}

.menu-order-2 {
  order: 1;
}

.menu-order-3 {
  order: 2;
}

.menu-order-4 {
  order: 3;
}

.menu-order-5 {
  order: 5;
}

.menu-order-6 {
  order: 6;
}

.menu-order-7 {
  order: 7;
}

.menu-order-8 {
  order: 8;
}

.menu-order-9 {
  order: 9;
}

.menu-order-10 {
  order: 10;
}

.menu-section {
  justify-content: center;
}

.store-area a {
  margin-right: 11px;
}

.link2.link4.hindi-btn .text {
  font-size: 15px;
  line-height: 20px;
}

.link2.link4.hindi-btn {
  width: 244px;
}

.link2.link3.hindi-btn {
  width: 180px;
}

.link2.hindi-btn {
  width: 190px;
}

.nav-item.dropdown.translate-area.hindi select option[value="hi"] {
  display: none;
}

.nav-item.dropdown.translate-area.hindi select option[value="en"] {
  display: none;
}

.header .menu-section.hindi-menu-section li .menu-subs ul li a {
  font-size: 13px !important;
}


.top-right ul.nav1 {
  background-position: right;
}

li.nav-item.mob1 {
  display: none !important;
}

.top-menu ul.nav1 li.nav-item span:nth-child(1) {
  padding-top: 6px;
}

/* Go to Top Progress Bar Button */
.progress-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: #00437B; /* Adjust to match IRCTC theme, e.g., brand blue */
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
}

.progress-wrap .progress-circle path {
  fill: none;
  stroke: #fff; /* Progress circle color */
  stroke-width: 4;
  transition: stroke-dashoffset 0.1s linear;
}

.progress-wrap .arrow-up {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* Arrow color */
}

.progress-wrap:hover {
  background: #00437B; /* Hover color, darker shade */
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .progress-wrap {
      bottom: 20px;
      right: 20px;
      width: 40px;
      height: 40px;
  }
  .progress-wrap .arrow-up {
      width: 20px;
      height: 20px;
  }
}
.slider-play-pause {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1000;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background: rgba(0,0,0,0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  display: flex !important;
  visibility:hidden;
}

.slider-play-pause:hover {
  background: rgba(0,0,0,0.9);
  transform: scale(1.05);
}



.slider-play-pause svg {
  fill: white;
  width: 20px;
  height: 20px;
}