/*=========================================================================*/
 /*============================ Animate Css =======================*/
 @font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
 :root {
     --animate-duration: 1s;
     --animate-delay: 1s;
     --animate-repeat: 1
 }

 .animate__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
 }

 .animate__animated.animate__infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }

 .animate__animated.animate__repeat-1 {
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
     -webkit-animation-iteration-count: var(--animate-repeat);
     animation-iteration-count: var(--animate-repeat)
 }

 .animate__animated.animate__repeat-2 {
     -webkit-animation-iteration-count: 2;
     animation-iteration-count: 2;
     -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
     animation-iteration-count: calc(var(--animate-repeat)*2)
 }

 .animate__animated.animate__repeat-3 {
     -webkit-animation-iteration-count: 3;
     animation-iteration-count: 3;
     -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
     animation-iteration-count: calc(var(--animate-repeat)*3)
 }

 .animate__animated.animate__delay-1s {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     -webkit-animation-delay: var(--animate-delay);
     animation-delay: var(--animate-delay)
 }

 .animate__animated.animate__delay-2s {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-animation-delay: calc(var(--animate-delay)*2);
     animation-delay: calc(var(--animate-delay)*2)
 }

 .animate__animated.animate__delay-3s {
     -webkit-animation-delay: 3s;
     animation-delay: 3s;
     -webkit-animation-delay: calc(var(--animate-delay)*3);
     animation-delay: calc(var(--animate-delay)*3)
 }

 .animate__animated.animate__delay-4s {
     -webkit-animation-delay: 4s;
     animation-delay: 4s;
     -webkit-animation-delay: calc(var(--animate-delay)*4);
     animation-delay: calc(var(--animate-delay)*4)
 }

 .animate__animated.animate__delay-5s {
     -webkit-animation-delay: 5s;
     animation-delay: 5s;
     -webkit-animation-delay: calc(var(--animate-delay)*5);
     animation-delay: calc(var(--animate-delay)*5)
 }

 .animate__animated.animate__faster {
     -webkit-animation-duration: .5s;
     animation-duration: .5s;
     -webkit-animation-duration: calc(var(--animate-duration)/2);
     animation-duration: calc(var(--animate-duration)/2)
 }

 .animate__animated.animate__fast {
     -webkit-animation-duration: .8s;
     animation-duration: .8s;
     -webkit-animation-duration: calc(var(--animate-duration)*0.8);
     animation-duration: calc(var(--animate-duration)*0.8)
 }

 .animate__animated.animate__slow {
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-animation-duration: calc(var(--animate-duration)*2);
     animation-duration: calc(var(--animate-duration)*2)
 }

 .animate__animated.animate__slower {
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-duration: calc(var(--animate-duration)*3);
     animation-duration: calc(var(--animate-duration)*3)
 }

 @media (prefers-reduced-motion:reduce),
 print {
     .animate__animated {
         -webkit-animation-duration: 1ms !important;
         animation-duration: 1ms !important;
         -webkit-transition-duration: 1ms !important;
         transition-duration: 1ms !important;
         -webkit-animation-iteration-count: 1 !important;
         animation-iteration-count: 1 !important
     }

     .animate__animated[class*=Out] {
         opacity: 0
     }
 }

 @-webkit-keyframes bounce {

     0%,
     20%,
     53%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
         transform: translate3d(0, -30px, 0) scaleY(1.1)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
         transform: translate3d(0, -15px, 0) scaleY(1.05)
     }

     80% {
         -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0) scaleY(.95);
         transform: translateZ(0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
         transform: translate3d(0, -4px, 0) scaleY(1.02)
     }
 }

 @keyframes bounce {

     0%,
     20%,
     53%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
         transform: translate3d(0, -30px, 0) scaleY(1.1)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
         transform: translate3d(0, -15px, 0) scaleY(1.05)
     }

     80% {
         -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         transition-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translateZ(0) scaleY(.95);
         transform: translateZ(0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
         transform: translate3d(0, -4px, 0) scaleY(1.02)
     }
 }

 .animate__bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
 }

 @-webkit-keyframes flash {

     0%,
     50%,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 @keyframes flash {

     0%,
     50%,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 .animate__flash {
     -webkit-animation-name: flash;
     animation-name: flash
 }

 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes pulse {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 .animate__pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
 }

 @-webkit-keyframes rubberBand {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes rubberBand {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 .animate__rubberBand {
     -webkit-animation-name: rubberBand;
     animation-name: rubberBand
 }

 @-webkit-keyframes shakeX {

     0%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 @keyframes shakeX {

     0%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 .animate__shakeX {
     -webkit-animation-name: shakeX;
     animation-name: shakeX
 }

 @-webkit-keyframes shakeY {

     0%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }
 }

 @keyframes shakeY {

     0%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }
 }

 .animate__shakeY {
     -webkit-animation-name: shakeY;
     animation-name: shakeY
 }

 @-webkit-keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 .animate__headShake {
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-name: headShake;
     animation-name: headShake
 }

 @-webkit-keyframes swing {
     20% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     40% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     60% {
         -webkit-transform: rotate(5deg);
         transform: rotate(5deg)
     }

     80% {
         -webkit-transform: rotate(-5deg);
         transform: rotate(-5deg)
     }

     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 @keyframes swing {
     20% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     40% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     60% {
         -webkit-transform: rotate(5deg);
         transform: rotate(5deg)
     }

     80% {
         -webkit-transform: rotate(-5deg);
         transform: rotate(-5deg)
     }

     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 .animate__swing {
     -webkit-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing
 }

 @-webkit-keyframes tada {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
         transform: scale3d(.9, .9, .9) rotate(-3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes tada {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
         transform: scale3d(.9, .9, .9) rotate(-3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 .animate__tada {
     -webkit-animation-name: tada;
     animation-name: tada
 }

 @-webkit-keyframes wobble {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
         transform: translate3d(-25%, 0, 0) rotate(-5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
         transform: translate3d(20%, 0, 0) rotate(3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
         transform: translate3d(-15%, 0, 0) rotate(-3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
         transform: translate3d(10%, 0, 0) rotate(2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
         transform: translate3d(-5%, 0, 0) rotate(-1deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes wobble {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
         transform: translate3d(-25%, 0, 0) rotate(-5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
         transform: translate3d(20%, 0, 0) rotate(3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
         transform: translate3d(-15%, 0, 0) rotate(-3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
         transform: translate3d(10%, 0, 0) rotate(2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
         transform: translate3d(-5%, 0, 0) rotate(-1deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble
 }

 @-webkit-keyframes jello {

     0%,
     11.1%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 @keyframes jello {

     0%,
     11.1%,
     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 .animate__jello {
     -webkit-animation-name: jello;
     animation-name: jello;
     -webkit-transform-origin: center;
     transform-origin: center
 }

 @-webkit-keyframes heartBeat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     14% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3)
     }

     28% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     42% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3)
     }

     70% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes heartBeat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     14% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3)
     }

     28% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     42% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3)
     }

     70% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 .animate__heartBeat {
     -webkit-animation-name: heartBeat;
     animation-name: heartBeat;
     -webkit-animation-duration: 1.3s;
     animation-duration: 1.3s;
     -webkit-animation-duration: calc(var(--animate-duration)*1.3);
     animation-duration: calc(var(--animate-duration)*1.3);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
 }

 @-webkit-keyframes backInDown {
     0% {
         -webkit-transform: translateY(-1200px) scale(.7);
         transform: translateY(-1200px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 @keyframes backInDown {
     0% {
         -webkit-transform: translateY(-1200px) scale(.7);
         transform: translateY(-1200px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 .animate__backInDown {
     -webkit-animation-name: backInDown;
     animation-name: backInDown
 }

 @-webkit-keyframes backInLeft {
     0% {
         -webkit-transform: translateX(-2000px) scale(.7);
         transform: translateX(-2000px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 @keyframes backInLeft {
     0% {
         -webkit-transform: translateX(-2000px) scale(.7);
         transform: translateX(-2000px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 .animate__backInLeft {
     -webkit-animation-name: backInLeft;
     animation-name: backInLeft
 }

 @-webkit-keyframes backInRight {
     0% {
         -webkit-transform: translateX(2000px) scale(.7);
         transform: translateX(2000px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 @keyframes backInRight {
     0% {
         -webkit-transform: translateX(2000px) scale(.7);
         transform: translateX(2000px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 .animate__backInRight {
     -webkit-animation-name: backInRight;
     animation-name: backInRight
 }

 @-webkit-keyframes backInUp {
     0% {
         -webkit-transform: translateY(1200px) scale(.7);
         transform: translateY(1200px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 @keyframes backInUp {
     0% {
         -webkit-transform: translateY(1200px) scale(.7);
         transform: translateY(1200px) scale(.7);
         opacity: .7
     }

     80% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 }

 .animate__backInUp {
     -webkit-animation-name: backInUp;
     animation-name: backInUp
 }

 @-webkit-keyframes backOutDown {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateY(700px) scale(.7);
         transform: translateY(700px) scale(.7);
         opacity: .7
     }
 }

 @keyframes backOutDown {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateY(700px) scale(.7);
         transform: translateY(700px) scale(.7);
         opacity: .7
     }
 }

 .animate__backOutDown {
     -webkit-animation-name: backOutDown;
     animation-name: backOutDown
 }

 @-webkit-keyframes backOutLeft {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateX(-2000px) scale(.7);
         transform: translateX(-2000px) scale(.7);
         opacity: .7
     }
 }

 @keyframes backOutLeft {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateX(-2000px) scale(.7);
         transform: translateX(-2000px) scale(.7);
         opacity: .7
     }
 }

 .animate__backOutLeft {
     -webkit-animation-name: backOutLeft;
     animation-name: backOutLeft
 }

 @-webkit-keyframes backOutRight {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateX(2000px) scale(.7);
         transform: translateX(2000px) scale(.7);
         opacity: .7
     }
 }

 @keyframes backOutRight {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateX(0) scale(.7);
         transform: translateX(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateX(2000px) scale(.7);
         transform: translateX(2000px) scale(.7);
         opacity: .7
     }
 }

 .animate__backOutRight {
     -webkit-animation-name: backOutRight;
     animation-name: backOutRight
 }

 @-webkit-keyframes backOutUp {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateY(-700px) scale(.7);
         transform: translateY(-700px) scale(.7);
         opacity: .7
     }
 }

 @keyframes backOutUp {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }

     20% {
         -webkit-transform: translateY(0) scale(.7);
         transform: translateY(0) scale(.7);
         opacity: .7
     }

     to {
         -webkit-transform: translateY(-700px) scale(.7);
         transform: translateY(-700px) scale(.7);
         opacity: .7
     }
 }

 .animate__backOutUp {
     -webkit-animation-name: backOutUp;
     animation-name: backOutUp
 }

 @-webkit-keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 .animate__bounceIn {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-animation-duration: calc(var(--animate-duration)*0.75);
     animation-duration: calc(var(--animate-duration)*0.75);
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn
 }

 @-webkit-keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
         transform: translate3d(0, -3000px, 0) scaleY(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
         transform: translate3d(0, 25px, 0) scaleY(.9)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
         transform: translate3d(0, -10px, 0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
         transform: translate3d(0, 5px, 0) scaleY(.985)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
         transform: translate3d(0, -3000px, 0) scaleY(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
         transform: translate3d(0, 25px, 0) scaleY(.9)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
         transform: translate3d(0, -10px, 0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
         transform: translate3d(0, 5px, 0) scaleY(.985)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown
 }

 @-webkit-keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
         transform: translate3d(-3000px, 0, 0) scaleX(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
         transform: translate3d(25px, 0, 0) scaleX(1)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
         transform: translate3d(-10px, 0, 0) scaleX(.98)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
         transform: translate3d(5px, 0, 0) scaleX(.995)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
         transform: translate3d(-3000px, 0, 0) scaleX(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
         transform: translate3d(25px, 0, 0) scaleX(1)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
         transform: translate3d(-10px, 0, 0) scaleX(.98)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
         transform: translate3d(5px, 0, 0) scaleX(.995)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft
 }

 @-webkit-keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
         transform: translate3d(3000px, 0, 0) scaleX(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
         transform: translate3d(-25px, 0, 0) scaleX(1)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
         transform: translate3d(10px, 0, 0) scaleX(.98)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
         transform: translate3d(-5px, 0, 0) scaleX(.995)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
         transform: translate3d(3000px, 0, 0) scaleX(3)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
         transform: translate3d(-25px, 0, 0) scaleX(1)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
         transform: translate3d(10px, 0, 0) scaleX(.98)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
         transform: translate3d(-5px, 0, 0) scaleX(.995)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight
 }

 @-webkit-keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
         transform: translate3d(0, 3000px, 0) scaleY(5)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
         transform: translate3d(0, -20px, 0) scaleY(.9)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
         transform: translate3d(0, 10px, 0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
         transform: translate3d(0, -5px, 0) scaleY(.985)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
         transform: translate3d(0, 3000px, 0) scaleY(5)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
         transform: translate3d(0, -20px, 0) scaleY(.9)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
         transform: translate3d(0, 10px, 0) scaleY(.95)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
         transform: translate3d(0, -5px, 0) scaleY(.985)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp
 }

 @-webkit-keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 @keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 .animate__bounceOut {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-animation-duration: calc(var(--animate-duration)*0.75);
     animation-duration: calc(var(--animate-duration)*0.75);
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut
 }

 @-webkit-keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
         transform: translate3d(0, 10px, 0) scaleY(.985)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
         transform: translate3d(0, -20px, 0) scaleY(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
         transform: translate3d(0, 2000px, 0) scaleY(3)
     }
 }

 @keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
         transform: translate3d(0, 10px, 0) scaleY(.985)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
         transform: translate3d(0, -20px, 0) scaleY(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
         transform: translate3d(0, 2000px, 0) scaleY(3)
     }
 }

 .animate__bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown
 }

 @-webkit-keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
         transform: translate3d(20px, 0, 0) scaleX(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
         transform: translate3d(-2000px, 0, 0) scaleX(2)
     }
 }

 @keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
         transform: translate3d(20px, 0, 0) scaleX(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
         transform: translate3d(-2000px, 0, 0) scaleX(2)
     }
 }

 .animate__bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft
 }

 @-webkit-keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
         transform: translate3d(-20px, 0, 0) scaleX(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
         transform: translate3d(2000px, 0, 0) scaleX(2)
     }
 }

 @keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
         transform: translate3d(-20px, 0, 0) scaleX(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
         transform: translate3d(2000px, 0, 0) scaleX(2)
     }
 }

 .animate__bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight
 }

 @-webkit-keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
         transform: translate3d(0, -10px, 0) scaleY(.985)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
         transform: translate3d(0, 20px, 0) scaleY(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
         transform: translate3d(0, -2000px, 0) scaleY(3)
     }
 }

 @keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
         transform: translate3d(0, -10px, 0) scaleY(.985)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
         transform: translate3d(0, 20px, 0) scaleY(.9)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
         transform: translate3d(0, -2000px, 0) scaleY(3)
     }
 }

 .animate__bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .animate__fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInDownBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInDownBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig
 }

 @-webkit-keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig
 }

 @-webkit-keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInRightBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInRightBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }

 @-webkit-keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig
 }

 @-webkit-keyframes fadeInTopLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, -100%, 0);
         transform: translate3d(-100%, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInTopLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, -100%, 0);
         transform: translate3d(-100%, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInTopLeft {
     -webkit-animation-name: fadeInTopLeft;
     animation-name: fadeInTopLeft
 }

 @-webkit-keyframes fadeInTopRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, -100%, 0);
         transform: translate3d(100%, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInTopRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, -100%, 0);
         transform: translate3d(100%, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInTopRight {
     -webkit-animation-name: fadeInTopRight;
     animation-name: fadeInTopRight
 }

 @-webkit-keyframes fadeInBottomLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 100%, 0);
         transform: translate3d(-100%, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInBottomLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 100%, 0);
         transform: translate3d(-100%, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInBottomLeft {
     -webkit-animation-name: fadeInBottomLeft;
     animation-name: fadeInBottomLeft
 }

 @-webkit-keyframes fadeInBottomRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 100%, 0);
         transform: translate3d(100%, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes fadeInBottomRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 100%, 0);
         transform: translate3d(100%, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__fadeInBottomRight {
     -webkit-animation-name: fadeInBottomRight;
     animation-name: fadeInBottomRight
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .animate__fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutDown {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes fadeOutDown {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 .animate__fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown
 }

 @-webkit-keyframes fadeOutDownBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @keyframes fadeOutDownBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 .animate__fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig
 }

 @-webkit-keyframes fadeOutLeft {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes fadeOutLeft {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .animate__fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft
 }

 @-webkit-keyframes fadeOutLeftBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @keyframes fadeOutLeftBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 .animate__fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig
 }

 @-webkit-keyframes fadeOutRight {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes fadeOutRight {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .animate__fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight
 }

 @-webkit-keyframes fadeOutRightBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @keyframes fadeOutRightBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 .animate__fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig
 }

 @-webkit-keyframes fadeOutUp {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes fadeOutUp {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .animate__fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp
 }

 @-webkit-keyframes fadeOutUpBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @keyframes fadeOutUpBig {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 .animate__fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig
 }

 @-webkit-keyframes fadeOutTopLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, -100%, 0);
         transform: translate3d(-100%, -100%, 0)
     }
 }

 @keyframes fadeOutTopLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, -100%, 0);
         transform: translate3d(-100%, -100%, 0)
     }
 }

 .animate__fadeOutTopLeft {
     -webkit-animation-name: fadeOutTopLeft;
     animation-name: fadeOutTopLeft
 }

 @-webkit-keyframes fadeOutTopRight {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, -100%, 0);
         transform: translate3d(100%, -100%, 0)
     }
 }

 @keyframes fadeOutTopRight {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, -100%, 0);
         transform: translate3d(100%, -100%, 0)
     }
 }

 .animate__fadeOutTopRight {
     -webkit-animation-name: fadeOutTopRight;
     animation-name: fadeOutTopRight
 }

 @-webkit-keyframes fadeOutBottomRight {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 100%, 0);
         transform: translate3d(100%, 100%, 0)
     }
 }

 @keyframes fadeOutBottomRight {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 100%, 0);
         transform: translate3d(100%, 100%, 0)
     }
 }

 .animate__fadeOutBottomRight {
     -webkit-animation-name: fadeOutBottomRight;
     animation-name: fadeOutBottomRight
 }

 @-webkit-keyframes fadeOutBottomLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 100%, 0);
         transform: translate3d(-100%, 100%, 0)
     }
 }

 @keyframes fadeOutBottomLeft {
     0% {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 100%, 0);
         transform: translate3d(-100%, 100%, 0)
     }
 }

 .animate__fadeOutBottomLeft {
     -webkit-animation-name: fadeOutBottomLeft;
     animation-name: fadeOutBottomLeft
 }

 @-webkit-keyframes flip {
     0% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
         transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
         transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
         transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
         transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
         transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 @keyframes flip {
     0% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
         transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
         transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
         transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
         transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
         transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 .animate__animated.animate__flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip
 }

 @-webkit-keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotateX(10deg);
         transform: perspective(400px) rotateX(10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotateX(-5deg);
         transform: perspective(400px) rotateX(-5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotateX(10deg);
         transform: perspective(400px) rotateX(10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotateX(-5deg);
         transform: perspective(400px) rotateX(-5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 .animate__flipInX {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX
 }

 @-webkit-keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotateY(90deg);
         transform: perspective(400px) rotateY(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotateY(-20deg);
         transform: perspective(400px) rotateY(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotateY(10deg);
         transform: perspective(400px) rotateY(10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotateY(-5deg);
         transform: perspective(400px) rotateY(-5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotateY(90deg);
         transform: perspective(400px) rotateY(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotateY(-20deg);
         transform: perspective(400px) rotateY(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotateY(10deg);
         transform: perspective(400px) rotateY(10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotateY(-5deg);
         transform: perspective(400px) rotateY(-5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 .animate__flipInY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY
 }

 @-webkit-keyframes flipOutX {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         opacity: 0
     }
 }

 @keyframes flipOutX {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         opacity: 0
     }
 }

 .animate__flipOutX {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-animation-duration: calc(var(--animate-duration)*0.75);
     animation-duration: calc(var(--animate-duration)*0.75);
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important
 }

 @-webkit-keyframes flipOutY {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotateY(-15deg);
         transform: perspective(400px) rotateY(-15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotateY(90deg);
         transform: perspective(400px) rotateY(90deg);
         opacity: 0
     }
 }

 @keyframes flipOutY {
     0% {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotateY(-15deg);
         transform: perspective(400px) rotateY(-15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotateY(90deg);
         transform: perspective(400px) rotateY(90deg);
         opacity: 0
     }
 }

 .animate__flipOutY {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-animation-duration: calc(var(--animate-duration)*0.75);
     animation-duration: calc(var(--animate-duration)*0.75);
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY
 }

 @-webkit-keyframes lightSpeedInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes lightSpeedInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__lightSpeedInRight {
     -webkit-animation-name: lightSpeedInRight;
     animation-name: lightSpeedInRight;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
 }

 @-webkit-keyframes lightSpeedInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
         transform: translate3d(-100%, 0, 0) skewX(30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(-20deg);
         transform: skewX(-20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(5deg);
         transform: skewX(5deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes lightSpeedInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
         transform: translate3d(-100%, 0, 0) skewX(30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(-20deg);
         transform: skewX(-20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(5deg);
         transform: skewX(5deg)
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__lightSpeedInLeft {
     -webkit-animation-name: lightSpeedInLeft;
     animation-name: lightSpeedInLeft;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
 }

 @-webkit-keyframes lightSpeedOutRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 @keyframes lightSpeedOutRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 .animate__lightSpeedOutRight {
     -webkit-animation-name: lightSpeedOutRight;
     animation-name: lightSpeedOutRight;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
 }

 @-webkit-keyframes lightSpeedOutLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
         transform: translate3d(-100%, 0, 0) skewX(-30deg);
         opacity: 0
     }
 }

 @keyframes lightSpeedOutLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
         transform: translate3d(-100%, 0, 0) skewX(-30deg);
         opacity: 0
     }
 }

 .animate__lightSpeedOutLeft {
     -webkit-animation-name: lightSpeedOutLeft;
     animation-name: lightSpeedOutLeft;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
 }

 @-webkit-keyframes rotateIn {
     0% {
         -webkit-transform: rotate(-200deg);
         transform: rotate(-200deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 @keyframes rotateIn {
     0% {
         -webkit-transform: rotate(-200deg);
         transform: rotate(-200deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 .animate__rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn;
     -webkit-transform-origin: center;
     transform-origin: center
 }

 @-webkit-keyframes rotateInDownLeft {
     0% {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 @keyframes rotateInDownLeft {
     0% {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 .animate__rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft;
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom
 }

 @-webkit-keyframes rotateInDownRight {
     0% {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 @keyframes rotateInDownRight {
     0% {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 .animate__rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight;
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom
 }

 @-webkit-keyframes rotateInUpLeft {
     0% {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 @keyframes rotateInUpLeft {
     0% {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 .animate__rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft;
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom
 }

 @-webkit-keyframes rotateInUpRight {
     0% {
         -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 @keyframes rotateInUpRight {
     0% {
         -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
         opacity: 0
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         opacity: 1
     }
 }

 .animate__rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight;
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom
 }

 @-webkit-keyframes rotateOut {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(200deg);
         transform: rotate(200deg);
         opacity: 0
     }
 }

 @keyframes rotateOut {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(200deg);
         transform: rotate(200deg);
         opacity: 0
     }
 }

 .animate__rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut;
     -webkit-transform-origin: center;
     transform-origin: center
 }

 @-webkit-keyframes rotateOutDownLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutDownLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         opacity: 0
     }
 }

 .animate__rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft;
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom
 }

 @-webkit-keyframes rotateOutDownRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutDownRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
 }

 .animate__rotateOutDownRight {
     -webkit-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight;
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom
 }

 @-webkit-keyframes rotateOutUpLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutUpLeft {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         opacity: 0
     }
 }

 .animate__rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft;
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom
 }

 @-webkit-keyframes rotateOutUpRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
         opacity: 0
     }
 }

 @keyframes rotateOutUpRight {
     0% {
         opacity: 1
     }

     to {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
         opacity: 0
     }
 }

 .animate__rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight;
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom
 }

 @-webkit-keyframes hinge {
     0% {
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate(80deg);
         transform: rotate(80deg);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate(60deg);
         transform: rotate(60deg);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 @keyframes hinge {
     0% {
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate(80deg);
         transform: rotate(80deg);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate(60deg);
         transform: rotate(60deg);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 .animate__hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-animation-duration: calc(var(--animate-duration)*2);
     animation-duration: calc(var(--animate-duration)*2);
     -webkit-animation-name: hinge;
     animation-name: hinge;
     -webkit-transform-origin: top left;
     transform-origin: top left
 }

 @-webkit-keyframes jackInTheBox {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) rotate(30deg);
         transform: scale(.1) rotate(30deg);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom
     }

     50% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     70% {
         -webkit-transform: rotate(3deg);
         transform: rotate(3deg)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes jackInTheBox {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) rotate(30deg);
         transform: scale(.1) rotate(30deg);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom
     }

     50% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     70% {
         -webkit-transform: rotate(3deg);
         transform: rotate(3deg)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 .animate__jackInTheBox {
     -webkit-animation-name: jackInTheBox;
     animation-name: jackInTheBox
 }

 @-webkit-keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
         transform: translate3d(-100%, 0, 0) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
         transform: translate3d(-100%, 0, 0) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn
 }

 @-webkit-keyframes rollOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
         transform: translate3d(100%, 0, 0) rotate(120deg)
     }
 }

 @keyframes rollOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
         transform: translate3d(100%, 0, 0) rotate(120deg)
     }
 }

 .animate__rollOut {
     -webkit-animation-name: rollOut;
     animation-name: rollOut
 }

 @-webkit-keyframes zoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 @keyframes zoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 .animate__zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn
 }

 @-webkit-keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomInDown {
     -webkit-animation-name: zoomInDown;
     animation-name: zoomInDown
 }

 @-webkit-keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomInLeft {
     -webkit-animation-name: zoomInLeft;
     animation-name: zoomInLeft
 }

 @-webkit-keyframes zoomInRight {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInRight {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomInRight {
     -webkit-animation-name: zoomInRight;
     animation-name: zoomInRight
 }

 @-webkit-keyframes zoomInUp {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInUp {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomInUp {
     -webkit-animation-name: zoomInUp;
     animation-name: zoomInUp
 }

 @-webkit-keyframes zoomOut {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 @keyframes zoomOut {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 .animate__zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut
 }

 @-webkit-keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomOutDown {
     -webkit-animation-name: zoomOutDown;
     animation-name: zoomOutDown;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
 }

 @-webkit-keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0)
     }
 }

 @keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0)
     }
 }

 .animate__zoomOutLeft {
     -webkit-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft;
     -webkit-transform-origin: left center;
     transform-origin: left center
 }

 @-webkit-keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0)
     }
 }

 @keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0)
     }
 }

 .animate__zoomOutRight {
     -webkit-animation-name: zoomOutRight;
     animation-name: zoomOutRight;
     -webkit-transform-origin: right center;
     transform-origin: right center
 }

 @-webkit-keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .animate__zoomOutUp {
     -webkit-animation-name: zoomOutUp;
     animation-name: zoomOutUp;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
 }

 @-webkit-keyframes slideInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes slideInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown
 }

 @-webkit-keyframes slideInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes slideInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft
 }

 @-webkit-keyframes slideInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes slideInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight
 }

 @-webkit-keyframes slideInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 @keyframes slideInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }
 }

 .animate__slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp
 }

 @-webkit-keyframes slideOutDown {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes slideOutDown {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 .animate__slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown
 }

 @-webkit-keyframes slideOutLeft {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes slideOutLeft {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .animate__slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft
 }

 @-webkit-keyframes slideOutRight {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes slideOutRight {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .animate__slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight
 }

 @-webkit-keyframes slideOutUp {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes slideOutUp {
     0% {
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .animate__slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp
 }

 /*============================ AOS Css =======================*/
 [data-aos][data-aos][data-aos-duration="50"],
 body[data-aos-duration="50"] [data-aos] {
     transition-duration: 50ms
 }

 [data-aos][data-aos][data-aos-delay="50"],
 body[data-aos-delay="50"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="50"].aos-animate,
 body[data-aos-delay="50"] [data-aos].aos-animate {
     transition-delay: 50ms
 }

 [data-aos][data-aos][data-aos-duration="100"],
 body[data-aos-duration="100"] [data-aos] {
     transition-duration: .1s
 }

 [data-aos][data-aos][data-aos-delay="100"],
 body[data-aos-delay="100"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="100"].aos-animate,
 body[data-aos-delay="100"] [data-aos].aos-animate {
     transition-delay: .1s
 }

 [data-aos][data-aos][data-aos-duration="150"],
 body[data-aos-duration="150"] [data-aos] {
     transition-duration: .15s
 }

 [data-aos][data-aos][data-aos-delay="150"],
 body[data-aos-delay="150"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="150"].aos-animate,
 body[data-aos-delay="150"] [data-aos].aos-animate {
     transition-delay: .15s
 }

 [data-aos][data-aos][data-aos-duration="200"],
 body[data-aos-duration="200"] [data-aos] {
     transition-duration: .2s
 }

 [data-aos][data-aos][data-aos-delay="200"],
 body[data-aos-delay="200"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="200"].aos-animate,
 body[data-aos-delay="200"] [data-aos].aos-animate {
     transition-delay: .2s
 }

 [data-aos][data-aos][data-aos-duration="250"],
 body[data-aos-duration="250"] [data-aos] {
     transition-duration: .25s
 }

 [data-aos][data-aos][data-aos-delay="250"],
 body[data-aos-delay="250"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="250"].aos-animate,
 body[data-aos-delay="250"] [data-aos].aos-animate {
     transition-delay: .25s
 }

 [data-aos][data-aos][data-aos-duration="300"],
 body[data-aos-duration="300"] [data-aos] {
     transition-duration: .3s
 }

 [data-aos][data-aos][data-aos-delay="300"],
 body[data-aos-delay="300"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="300"].aos-animate,
 body[data-aos-delay="300"] [data-aos].aos-animate {
     transition-delay: .3s
 }

 [data-aos][data-aos][data-aos-duration="350"],
 body[data-aos-duration="350"] [data-aos] {
     transition-duration: .35s
 }

 [data-aos][data-aos][data-aos-delay="350"],
 body[data-aos-delay="350"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="350"].aos-animate,
 body[data-aos-delay="350"] [data-aos].aos-animate {
     transition-delay: .35s
 }

 [data-aos][data-aos][data-aos-duration="400"],
 body[data-aos-duration="400"] [data-aos] {
     transition-duration: .4s
 }

 [data-aos][data-aos][data-aos-delay="400"],
 body[data-aos-delay="400"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="400"].aos-animate,
 body[data-aos-delay="400"] [data-aos].aos-animate {
     transition-delay: .4s
 }

 [data-aos][data-aos][data-aos-duration="450"],
 body[data-aos-duration="450"] [data-aos] {
     transition-duration: .45s
 }

 [data-aos][data-aos][data-aos-delay="450"],
 body[data-aos-delay="450"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="450"].aos-animate,
 body[data-aos-delay="450"] [data-aos].aos-animate {
     transition-delay: .45s
 }

 [data-aos][data-aos][data-aos-duration="500"],
 body[data-aos-duration="500"] [data-aos] {
     transition-duration: .5s
 }

 [data-aos][data-aos][data-aos-delay="500"],
 body[data-aos-delay="500"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="500"].aos-animate,
 body[data-aos-delay="500"] [data-aos].aos-animate {
     transition-delay: .5s
 }

 [data-aos][data-aos][data-aos-duration="550"],
 body[data-aos-duration="550"] [data-aos] {
     transition-duration: .55s
 }

 [data-aos][data-aos][data-aos-delay="550"],
 body[data-aos-delay="550"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="550"].aos-animate,
 body[data-aos-delay="550"] [data-aos].aos-animate {
     transition-delay: .55s
 }

 [data-aos][data-aos][data-aos-duration="600"],
 body[data-aos-duration="600"] [data-aos] {
     transition-duration: .6s
 }

 [data-aos][data-aos][data-aos-delay="600"],
 body[data-aos-delay="600"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="600"].aos-animate,
 body[data-aos-delay="600"] [data-aos].aos-animate {
     transition-delay: .6s
 }

 [data-aos][data-aos][data-aos-duration="650"],
 body[data-aos-duration="650"] [data-aos] {
     transition-duration: .65s
 }

 [data-aos][data-aos][data-aos-delay="650"],
 body[data-aos-delay="650"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="650"].aos-animate,
 body[data-aos-delay="650"] [data-aos].aos-animate {
     transition-delay: .65s
 }

 [data-aos][data-aos][data-aos-duration="700"],
 body[data-aos-duration="700"] [data-aos] {
     transition-duration: .7s
 }

 [data-aos][data-aos][data-aos-delay="700"],
 body[data-aos-delay="700"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="700"].aos-animate,
 body[data-aos-delay="700"] [data-aos].aos-animate {
     transition-delay: .7s
 }

 [data-aos][data-aos][data-aos-duration="750"],
 body[data-aos-duration="750"] [data-aos] {
     transition-duration: .75s
 }

 [data-aos][data-aos][data-aos-delay="750"],
 body[data-aos-delay="750"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="750"].aos-animate,
 body[data-aos-delay="750"] [data-aos].aos-animate {
     transition-delay: .75s
 }

 [data-aos][data-aos][data-aos-duration="800"],
 body[data-aos-duration="800"] [data-aos] {
     transition-duration: .8s
 }

 [data-aos][data-aos][data-aos-delay="800"],
 body[data-aos-delay="800"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="800"].aos-animate,
 body[data-aos-delay="800"] [data-aos].aos-animate {
     transition-delay: .8s
 }

 [data-aos][data-aos][data-aos-duration="850"],
 body[data-aos-duration="850"] [data-aos] {
     transition-duration: .85s
 }

 [data-aos][data-aos][data-aos-delay="850"],
 body[data-aos-delay="850"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="850"].aos-animate,
 body[data-aos-delay="850"] [data-aos].aos-animate {
     transition-delay: .85s
 }

 [data-aos][data-aos][data-aos-duration="900"],
 body[data-aos-duration="900"] [data-aos] {
     transition-duration: .9s
 }

 [data-aos][data-aos][data-aos-delay="900"],
 body[data-aos-delay="900"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="900"].aos-animate,
 body[data-aos-delay="900"] [data-aos].aos-animate {
     transition-delay: .9s
 }

 [data-aos][data-aos][data-aos-duration="950"],
 body[data-aos-duration="950"] [data-aos] {
     transition-duration: .95s
 }

 [data-aos][data-aos][data-aos-delay="950"],
 body[data-aos-delay="950"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="950"].aos-animate,
 body[data-aos-delay="950"] [data-aos].aos-animate {
     transition-delay: .95s
 }

 [data-aos][data-aos][data-aos-duration="1000"],
 body[data-aos-duration="1000"] [data-aos] {
     transition-duration: 1s
 }

 [data-aos][data-aos][data-aos-delay="1000"],
 body[data-aos-delay="1000"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
 body[data-aos-delay="1000"] [data-aos].aos-animate {
     transition-delay: 1s
 }

 [data-aos][data-aos][data-aos-duration="1050"],
 body[data-aos-duration="1050"] [data-aos] {
     transition-duration: 1.05s
 }

 [data-aos][data-aos][data-aos-delay="1050"],
 body[data-aos-delay="1050"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
 body[data-aos-delay="1050"] [data-aos].aos-animate {
     transition-delay: 1.05s
 }

 [data-aos][data-aos][data-aos-duration="1100"],
 body[data-aos-duration="1100"] [data-aos] {
     transition-duration: 1.1s
 }

 [data-aos][data-aos][data-aos-delay="1100"],
 body[data-aos-delay="1100"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
 body[data-aos-delay="1100"] [data-aos].aos-animate {
     transition-delay: 1.1s
 }

 [data-aos][data-aos][data-aos-duration="1150"],
 body[data-aos-duration="1150"] [data-aos] {
     transition-duration: 1.15s
 }

 [data-aos][data-aos][data-aos-delay="1150"],
 body[data-aos-delay="1150"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
 body[data-aos-delay="1150"] [data-aos].aos-animate {
     transition-delay: 1.15s
 }

 [data-aos][data-aos][data-aos-duration="1200"],
 body[data-aos-duration="1200"] [data-aos] {
     transition-duration: 1.2s
 }

 [data-aos][data-aos][data-aos-delay="1200"],
 body[data-aos-delay="1200"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
 body[data-aos-delay="1200"] [data-aos].aos-animate {
     transition-delay: 1.2s
 }

 [data-aos][data-aos][data-aos-duration="1250"],
 body[data-aos-duration="1250"] [data-aos] {
     transition-duration: 1.25s
 }

 [data-aos][data-aos][data-aos-delay="1250"],
 body[data-aos-delay="1250"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
 body[data-aos-delay="1250"] [data-aos].aos-animate {
     transition-delay: 1.25s
 }

 [data-aos][data-aos][data-aos-duration="1300"],
 body[data-aos-duration="1300"] [data-aos] {
     transition-duration: 1.3s
 }

 [data-aos][data-aos][data-aos-delay="1300"],
 body[data-aos-delay="1300"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
 body[data-aos-delay="1300"] [data-aos].aos-animate {
     transition-delay: 1.3s
 }

 [data-aos][data-aos][data-aos-duration="1350"],
 body[data-aos-duration="1350"] [data-aos] {
     transition-duration: 1.35s
 }

 [data-aos][data-aos][data-aos-delay="1350"],
 body[data-aos-delay="1350"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
 body[data-aos-delay="1350"] [data-aos].aos-animate {
     transition-delay: 1.35s
 }

 [data-aos][data-aos][data-aos-duration="1400"],
 body[data-aos-duration="1400"] [data-aos] {
     transition-duration: 1.4s
 }

 [data-aos][data-aos][data-aos-delay="1400"],
 body[data-aos-delay="1400"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
 body[data-aos-delay="1400"] [data-aos].aos-animate {
     transition-delay: 1.4s
 }

 [data-aos][data-aos][data-aos-duration="1450"],
 body[data-aos-duration="1450"] [data-aos] {
     transition-duration: 1.45s
 }

 [data-aos][data-aos][data-aos-delay="1450"],
 body[data-aos-delay="1450"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
 body[data-aos-delay="1450"] [data-aos].aos-animate {
     transition-delay: 1.45s
 }

 [data-aos][data-aos][data-aos-duration="1500"],
 body[data-aos-duration="1500"] [data-aos] {
     transition-duration: 1.5s
 }

 [data-aos][data-aos][data-aos-delay="1500"],
 body[data-aos-delay="1500"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
 body[data-aos-delay="1500"] [data-aos].aos-animate {
     transition-delay: 1.5s
 }

 [data-aos][data-aos][data-aos-duration="1550"],
 body[data-aos-duration="1550"] [data-aos] {
     transition-duration: 1.55s
 }

 [data-aos][data-aos][data-aos-delay="1550"],
 body[data-aos-delay="1550"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
 body[data-aos-delay="1550"] [data-aos].aos-animate {
     transition-delay: 1.55s
 }

 [data-aos][data-aos][data-aos-duration="1600"],
 body[data-aos-duration="1600"] [data-aos] {
     transition-duration: 1.6s
 }

 [data-aos][data-aos][data-aos-delay="1600"],
 body[data-aos-delay="1600"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
 body[data-aos-delay="1600"] [data-aos].aos-animate {
     transition-delay: 1.6s
 }

 [data-aos][data-aos][data-aos-duration="1650"],
 body[data-aos-duration="1650"] [data-aos] {
     transition-duration: 1.65s
 }

 [data-aos][data-aos][data-aos-delay="1650"],
 body[data-aos-delay="1650"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
 body[data-aos-delay="1650"] [data-aos].aos-animate {
     transition-delay: 1.65s
 }

 [data-aos][data-aos][data-aos-duration="1700"],
 body[data-aos-duration="1700"] [data-aos] {
     transition-duration: 1.7s
 }

 [data-aos][data-aos][data-aos-delay="1700"],
 body[data-aos-delay="1700"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
 body[data-aos-delay="1700"] [data-aos].aos-animate {
     transition-delay: 1.7s
 }

 [data-aos][data-aos][data-aos-duration="1750"],
 body[data-aos-duration="1750"] [data-aos] {
     transition-duration: 1.75s
 }

 [data-aos][data-aos][data-aos-delay="1750"],
 body[data-aos-delay="1750"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
 body[data-aos-delay="1750"] [data-aos].aos-animate {
     transition-delay: 1.75s
 }

 [data-aos][data-aos][data-aos-duration="1800"],
 body[data-aos-duration="1800"] [data-aos] {
     transition-duration: 1.8s
 }

 [data-aos][data-aos][data-aos-delay="1800"],
 body[data-aos-delay="1800"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
 body[data-aos-delay="1800"] [data-aos].aos-animate {
     transition-delay: 1.8s
 }

 [data-aos][data-aos][data-aos-duration="1850"],
 body[data-aos-duration="1850"] [data-aos] {
     transition-duration: 1.85s
 }

 [data-aos][data-aos][data-aos-delay="1850"],
 body[data-aos-delay="1850"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
 body[data-aos-delay="1850"] [data-aos].aos-animate {
     transition-delay: 1.85s
 }

 [data-aos][data-aos][data-aos-duration="1900"],
 body[data-aos-duration="1900"] [data-aos] {
     transition-duration: 1.9s
 }

 [data-aos][data-aos][data-aos-delay="1900"],
 body[data-aos-delay="1900"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
 body[data-aos-delay="1900"] [data-aos].aos-animate {
     transition-delay: 1.9s
 }

 [data-aos][data-aos][data-aos-duration="1950"],
 body[data-aos-duration="1950"] [data-aos] {
     transition-duration: 1.95s
 }

 [data-aos][data-aos][data-aos-delay="1950"],
 body[data-aos-delay="1950"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
 body[data-aos-delay="1950"] [data-aos].aos-animate {
     transition-delay: 1.95s
 }

 [data-aos][data-aos][data-aos-duration="2000"],
 body[data-aos-duration="2000"] [data-aos] {
     transition-duration: 2s
 }

 [data-aos][data-aos][data-aos-delay="2000"],
 body[data-aos-delay="2000"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
 body[data-aos-delay="2000"] [data-aos].aos-animate {
     transition-delay: 2s
 }

 [data-aos][data-aos][data-aos-duration="2050"],
 body[data-aos-duration="2050"] [data-aos] {
     transition-duration: 2.05s
 }

 [data-aos][data-aos][data-aos-delay="2050"],
 body[data-aos-delay="2050"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
 body[data-aos-delay="2050"] [data-aos].aos-animate {
     transition-delay: 2.05s
 }

 [data-aos][data-aos][data-aos-duration="2100"],
 body[data-aos-duration="2100"] [data-aos] {
     transition-duration: 2.1s
 }

 [data-aos][data-aos][data-aos-delay="2100"],
 body[data-aos-delay="2100"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
 body[data-aos-delay="2100"] [data-aos].aos-animate {
     transition-delay: 2.1s
 }

 [data-aos][data-aos][data-aos-duration="2150"],
 body[data-aos-duration="2150"] [data-aos] {
     transition-duration: 2.15s
 }

 [data-aos][data-aos][data-aos-delay="2150"],
 body[data-aos-delay="2150"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
 body[data-aos-delay="2150"] [data-aos].aos-animate {
     transition-delay: 2.15s
 }

 [data-aos][data-aos][data-aos-duration="2200"],
 body[data-aos-duration="2200"] [data-aos] {
     transition-duration: 2.2s
 }

 [data-aos][data-aos][data-aos-delay="2200"],
 body[data-aos-delay="2200"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
 body[data-aos-delay="2200"] [data-aos].aos-animate {
     transition-delay: 2.2s
 }

 [data-aos][data-aos][data-aos-duration="2250"],
 body[data-aos-duration="2250"] [data-aos] {
     transition-duration: 2.25s
 }

 [data-aos][data-aos][data-aos-delay="2250"],
 body[data-aos-delay="2250"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
 body[data-aos-delay="2250"] [data-aos].aos-animate {
     transition-delay: 2.25s
 }

 [data-aos][data-aos][data-aos-duration="2300"],
 body[data-aos-duration="2300"] [data-aos] {
     transition-duration: 2.3s
 }

 [data-aos][data-aos][data-aos-delay="2300"],
 body[data-aos-delay="2300"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
 body[data-aos-delay="2300"] [data-aos].aos-animate {
     transition-delay: 2.3s
 }

 [data-aos][data-aos][data-aos-duration="2350"],
 body[data-aos-duration="2350"] [data-aos] {
     transition-duration: 2.35s
 }

 [data-aos][data-aos][data-aos-delay="2350"],
 body[data-aos-delay="2350"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
 body[data-aos-delay="2350"] [data-aos].aos-animate {
     transition-delay: 2.35s
 }

 [data-aos][data-aos][data-aos-duration="2400"],
 body[data-aos-duration="2400"] [data-aos] {
     transition-duration: 2.4s
 }

 [data-aos][data-aos][data-aos-delay="2400"],
 body[data-aos-delay="2400"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
 body[data-aos-delay="2400"] [data-aos].aos-animate {
     transition-delay: 2.4s
 }

 [data-aos][data-aos][data-aos-duration="2450"],
 body[data-aos-duration="2450"] [data-aos] {
     transition-duration: 2.45s
 }

 [data-aos][data-aos][data-aos-delay="2450"],
 body[data-aos-delay="2450"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
 body[data-aos-delay="2450"] [data-aos].aos-animate {
     transition-delay: 2.45s
 }

 [data-aos][data-aos][data-aos-duration="2500"],
 body[data-aos-duration="2500"] [data-aos] {
     transition-duration: 2.5s
 }

 [data-aos][data-aos][data-aos-delay="2500"],
 body[data-aos-delay="2500"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
 body[data-aos-delay="2500"] [data-aos].aos-animate {
     transition-delay: 2.5s
 }

 [data-aos][data-aos][data-aos-duration="2550"],
 body[data-aos-duration="2550"] [data-aos] {
     transition-duration: 2.55s
 }

 [data-aos][data-aos][data-aos-delay="2550"],
 body[data-aos-delay="2550"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
 body[data-aos-delay="2550"] [data-aos].aos-animate {
     transition-delay: 2.55s
 }

 [data-aos][data-aos][data-aos-duration="2600"],
 body[data-aos-duration="2600"] [data-aos] {
     transition-duration: 2.6s
 }

 [data-aos][data-aos][data-aos-delay="2600"],
 body[data-aos-delay="2600"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
 body[data-aos-delay="2600"] [data-aos].aos-animate {
     transition-delay: 2.6s
 }

 [data-aos][data-aos][data-aos-duration="2650"],
 body[data-aos-duration="2650"] [data-aos] {
     transition-duration: 2.65s
 }

 [data-aos][data-aos][data-aos-delay="2650"],
 body[data-aos-delay="2650"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
 body[data-aos-delay="2650"] [data-aos].aos-animate {
     transition-delay: 2.65s
 }

 [data-aos][data-aos][data-aos-duration="2700"],
 body[data-aos-duration="2700"] [data-aos] {
     transition-duration: 2.7s
 }

 [data-aos][data-aos][data-aos-delay="2700"],
 body[data-aos-delay="2700"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
 body[data-aos-delay="2700"] [data-aos].aos-animate {
     transition-delay: 2.7s
 }

 [data-aos][data-aos][data-aos-duration="2750"],
 body[data-aos-duration="2750"] [data-aos] {
     transition-duration: 2.75s
 }

 [data-aos][data-aos][data-aos-delay="2750"],
 body[data-aos-delay="2750"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
 body[data-aos-delay="2750"] [data-aos].aos-animate {
     transition-delay: 2.75s
 }

 [data-aos][data-aos][data-aos-duration="2800"],
 body[data-aos-duration="2800"] [data-aos] {
     transition-duration: 2.8s
 }

 [data-aos][data-aos][data-aos-delay="2800"],
 body[data-aos-delay="2800"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
 body[data-aos-delay="2800"] [data-aos].aos-animate {
     transition-delay: 2.8s
 }

 [data-aos][data-aos][data-aos-duration="2850"],
 body[data-aos-duration="2850"] [data-aos] {
     transition-duration: 2.85s
 }

 [data-aos][data-aos][data-aos-delay="2850"],
 body[data-aos-delay="2850"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
 body[data-aos-delay="2850"] [data-aos].aos-animate {
     transition-delay: 2.85s
 }

 [data-aos][data-aos][data-aos-duration="2900"],
 body[data-aos-duration="2900"] [data-aos] {
     transition-duration: 2.9s
 }

 [data-aos][data-aos][data-aos-delay="2900"],
 body[data-aos-delay="2900"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
 body[data-aos-delay="2900"] [data-aos].aos-animate {
     transition-delay: 2.9s
 }

 [data-aos][data-aos][data-aos-duration="2950"],
 body[data-aos-duration="2950"] [data-aos] {
     transition-duration: 2.95s
 }

 [data-aos][data-aos][data-aos-delay="2950"],
 body[data-aos-delay="2950"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
 body[data-aos-delay="2950"] [data-aos].aos-animate {
     transition-delay: 2.95s
 }

 [data-aos][data-aos][data-aos-duration="3000"],
 body[data-aos-duration="3000"] [data-aos] {
     transition-duration: 3s
 }

 [data-aos][data-aos][data-aos-delay="3000"],
 body[data-aos-delay="3000"] [data-aos] {
     transition-delay: 0
 }

 [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
 body[data-aos-delay="3000"] [data-aos].aos-animate {
     transition-delay: 3s
 }

 [data-aos][data-aos][data-aos-easing=linear],
 body[data-aos-easing=linear] [data-aos] {
     transition-timing-function: cubic-bezier(.25, .25, .75, .75)
 }

 [data-aos][data-aos][data-aos-easing=ease],
 body[data-aos-easing=ease] [data-aos] {
     transition-timing-function: ease
 }

 [data-aos][data-aos][data-aos-easing=ease-in],
 body[data-aos-easing=ease-in] [data-aos] {
     transition-timing-function: ease-in
 }

 [data-aos][data-aos][data-aos-easing=ease-out],
 body[data-aos-easing=ease-out] [data-aos] {
     transition-timing-function: ease-out
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out],
 body[data-aos-easing=ease-in-out] [data-aos] {
     transition-timing-function: ease-in-out
 }

 [data-aos][data-aos][data-aos-easing=ease-in-back],
 body[data-aos-easing=ease-in-back] [data-aos] {
     transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
 }

 [data-aos][data-aos][data-aos-easing=ease-out-back],
 body[data-aos-easing=ease-out-back] [data-aos] {
     transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out-back],
 body[data-aos-easing=ease-in-out-back] [data-aos] {
     transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-sine],
 body[data-aos-easing=ease-in-sine] [data-aos] {
     transition-timing-function: cubic-bezier(.47, 0, .745, .715)
 }

 [data-aos][data-aos][data-aos-easing=ease-out-sine],
 body[data-aos-easing=ease-out-sine] [data-aos] {
     transition-timing-function: cubic-bezier(.39, .575, .565, 1)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
 body[data-aos-easing=ease-in-out-sine] [data-aos] {
     transition-timing-function: cubic-bezier(.445, .05, .55, .95)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-quad],
 body[data-aos-easing=ease-in-quad] [data-aos] {
     transition-timing-function: cubic-bezier(.55, .085, .68, .53)
 }

 [data-aos][data-aos][data-aos-easing=ease-out-quad],
 body[data-aos-easing=ease-out-quad] [data-aos] {
     transition-timing-function: cubic-bezier(.25, .46, .45, .94)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
 body[data-aos-easing=ease-in-out-quad] [data-aos] {
     transition-timing-function: cubic-bezier(.455, .03, .515, .955)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-cubic],
 body[data-aos-easing=ease-in-cubic] [data-aos] {
     transition-timing-function: cubic-bezier(.55, .085, .68, .53)
 }

 [data-aos][data-aos][data-aos-easing=ease-out-cubic],
 body[data-aos-easing=ease-out-cubic] [data-aos] {
     transition-timing-function: cubic-bezier(.25, .46, .45, .94)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
 body[data-aos-easing=ease-in-out-cubic] [data-aos] {
     transition-timing-function: cubic-bezier(.455, .03, .515, .955)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-quart],
 body[data-aos-easing=ease-in-quart] [data-aos] {
     transition-timing-function: cubic-bezier(.55, .085, .68, .53)
 }

 [data-aos][data-aos][data-aos-easing=ease-out-quart],
 body[data-aos-easing=ease-out-quart] [data-aos] {
     transition-timing-function: cubic-bezier(.25, .46, .45, .94)
 }

 [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
 body[data-aos-easing=ease-in-out-quart] [data-aos] {
     transition-timing-function: cubic-bezier(.455, .03, .515, .955)
 }

 [data-aos^=fade][data-aos^=fade] {
     opacity: 0;
     transition-property: opacity, transform
 }

 [data-aos^=fade][data-aos^=fade].aos-animate {
     opacity: 1;
     transform: translateZ(0)
 }

 [data-aos=fade-up] {
     transform: translate3d(0, 100px, 0)
 }

 [data-aos=fade-down] {
     transform: translate3d(0, -100px, 0)
 }

 [data-aos=fade-right] {
     transform: translate3d(-100px, 0, 0)
 }

 [data-aos=fade-left] {
     transform: translate3d(100px, 0, 0)
 }

 [data-aos=fade-up-right] {
     transform: translate3d(-100px, 100px, 0)
 }

 [data-aos=fade-up-left] {
     transform: translate3d(100px, 100px, 0)
 }

 [data-aos=fade-down-right] {
     transform: translate3d(-100px, -100px, 0)
 }

 [data-aos=fade-down-left] {
     transform: translate3d(100px, -100px, 0)
 }

 [data-aos^=zoom][data-aos^=zoom] {
     opacity: 0;
     transition-property: opacity, transform
 }

 [data-aos^=zoom][data-aos^=zoom].aos-animate {
     opacity: 1;
     transform: translateZ(0) scale(1)
 }

 [data-aos=zoom-in] {
     transform: scale(.6)
 }

 [data-aos=zoom-in-up] {
     transform: translate3d(0, 100px, 0) scale(.6)
 }

 [data-aos=zoom-in-down] {
     transform: translate3d(0, -100px, 0) scale(.6)
 }

 [data-aos=zoom-in-right] {
     transform: translate3d(-100px, 0, 0) scale(.6)
 }

 [data-aos=zoom-in-left] {
     transform: translate3d(100px, 0, 0) scale(.6)
 }

 [data-aos=zoom-out] {
     transform: scale(1.2)
 }

 [data-aos=zoom-out-up] {
     transform: translate3d(0, 100px, 0) scale(1.2)
 }

 [data-aos=zoom-out-down] {
     transform: translate3d(0, -100px, 0) scale(1.2)
 }

 [data-aos=zoom-out-right] {
     transform: translate3d(-100px, 0, 0) scale(1.2)
 }

 [data-aos=zoom-out-left] {
     transform: translate3d(100px, 0, 0) scale(1.2)
 }

 [data-aos^=slide][data-aos^=slide] {
     transition-property: transform
 }

 [data-aos^=slide][data-aos^=slide].aos-animate {
     transform: translateZ(0)
 }

 [data-aos=slide-up] {
     transform: translate3d(0, 100%, 0)
 }

 [data-aos=slide-down] {
     transform: translate3d(0, -100%, 0)
 }

 [data-aos=slide-right] {
     transform: translate3d(-100%, 0, 0)
 }

 [data-aos=slide-left] {
     transform: translate3d(100%, 0, 0)
 }

 [data-aos^=flip][data-aos^=flip] {
     backface-visibility: hidden;
     transition-property: transform
 }

 [data-aos=flip-left] {
     transform: perspective(2500px) rotateY(-100deg)
 }

 [data-aos=flip-left].aos-animate {
     transform: perspective(2500px) rotateY(0)
 }

 [data-aos=flip-right] {
     transform: perspective(2500px) rotateY(100deg)
 }

 [data-aos=flip-right].aos-animate {
     transform: perspective(2500px) rotateY(0)
 }

 [data-aos=flip-up] {
     transform: perspective(2500px) rotateX(-100deg)
 }

 [data-aos=flip-up].aos-animate {
     transform: perspective(2500px) rotateX(0)
 }

 [data-aos=flip-down] {
     transform: perspective(2500px) rotateX(100deg)
 }

 [data-aos=flip-down].aos-animate {
     transform: perspective(2500px) rotateX(0)
 }

 /*==================== Bootstrap min css ======================*/
 :root {
     --bs-blue: #0d6efd;
     --bs-indigo: #6610f2;
     --bs-purple: #6f42c1;
     --bs-pink: #d63384;
     --bs-red: #dc3545;
     --bs-orange: #fd7e14;
     --bs-yellow: #ffc107;
     --bs-green: #198754;
     --bs-teal: #20c997;
     --bs-cyan: #0dcaf0;
     --bs-black: #000;
     --bs-white: #fff;
     --bs-gray: #6c757d;
     --bs-gray-dark: #343a40;
     --bs-gray-100: #f8f9fa;
     --bs-gray-200: #e9ecef;
     --bs-gray-300: #dee2e6;
     --bs-gray-400: #ced4da;
     --bs-gray-500: #adb5bd;
     --bs-gray-600: #6c757d;
     --bs-gray-700: #495057;
     --bs-gray-800: #343a40;
     --bs-gray-900: #212529;
     --bs-primary: #0d6efd;
     --bs-secondary: #6c757d;
     --bs-success: #198754;
     --bs-info: #0dcaf0;
     --bs-warning: #ffc107;
     --bs-danger: #dc3545;
     --bs-light: #f8f9fa;
     --bs-dark: #212529;
     --bs-primary-rgb: 13, 110, 253;
     --bs-secondary-rgb: 108, 117, 125;
     --bs-success-rgb: 25, 135, 84;
     --bs-info-rgb: 13, 202, 240;
     --bs-warning-rgb: 255, 193, 7;
     --bs-danger-rgb: 220, 53, 69;
     --bs-light-rgb: 248, 249, 250;
     --bs-dark-rgb: 33, 37, 41;
     --bs-white-rgb: 255, 255, 255;
     --bs-black-rgb: 0, 0, 0;
     --bs-body-color-rgb: 33, 37, 41;
     --bs-body-bg-rgb: 255, 255, 255;
     --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --bs-body-font-family: var(--bs-font-sans-serif);
     --bs-body-font-size: 1rem;
     --bs-body-font-weight: 400;
     --bs-body-line-height: 1.5;
     --bs-body-color: #212529;
     --bs-body-bg: #fff;
     --bs-border-width: 1px;
     --bs-border-style: solid;
     --bs-border-color: #dee2e6;
     --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
     --bs-border-radius: 0.375rem;
     --bs-border-radius-sm: 0.25rem;
     --bs-border-radius-lg: 0.5rem;
     --bs-border-radius-xl: 1rem;
     --bs-border-radius-2xl: 2rem;
     --bs-border-radius-pill: 50rem;
     --bs-link-color: #0d6efd;
     --bs-link-hover-color: #0a58ca;
     --bs-code-color: #d63384;
     --bs-highlight-bg: #fff3cd
 }

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

 @media (prefers-reduced-motion:no-preference) {
     :root {
         scroll-behavior: smooth
     }
 }
/* === Font Override (Google Fonts Testing) === */
:root {
  --bs-body-font-family: "Inter";
  --bs-body-color: #000;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
}
body {
  margin: 0;
  background: #fff;
  font-family: "Inter";
  font-size: 1rem; /* equals 16px */
  font-weight: 400;
  line-height: 1.6;
  color: #000; /* Appinventiv uses #000, not #161616 */
  text-align: left;
  -webkit-text-stroke: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden !important;
}


 section {
     overflow-x: hidden;
 }

 hr {
     margin: 1rem 0;
     color: inherit;
     border: 0;
     border-top: 1px solid;
     opacity: .25
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: .5rem;
     font-weight: 500;
     line-height: 1.2
 }

 .h1,
 h1 {
     font-size: calc(1.375rem + 1.5vw)
 }

 @media (min-width:1200px) {

     .h1,
     h1 {
         font-size: 2.5rem
     }
 }

 .h2,
 h2 {
     font-size: calc(1.325rem + .9vw)
 }

 @media (min-width:1200px) {

     .h2,
     h2 {
         font-size: 29px;
     }
 }

 .h3,
 h3 {
     font-size: calc(1.3rem + .6vw)
 }

 @media (min-width:1200px) {

     .h3,
     h3 {
         font-size: 1.75rem
     }
 }

 .h4,
 h4 {
     font-size: calc(1.275rem + .3vw)
 }

 @media (min-width:1200px) {

     .h4,
     h4 {
         font-size: 1.5rem
     }
 }

 .h5,
 h5 {
     font-size: 1.25rem
 }

 .h6,
 h6 {
     font-size: 1rem
 }

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

 abbr[title] {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none
 }

 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit
 }

 ol,
 ul {
     padding-left: 2rem
 }

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

 ol ol,
 ol ul,
 ul ol,
 ul ul {
     margin-bottom: 0
 }

 dt {
     font-weight: 700
 }

 dd {
     margin-bottom: .5rem;
     margin-left: 0
 }

 blockquote {
     margin: 0 0 1rem
 }

 b,
 strong {
     font-weight: bolder
 }

 .small,
 small {
     font-size: .875em
 }

 .mark,
 mark {
     padding: .1875em;
     background-color: var(--bs-highlight-bg)
 }

 sub,
 sup {
     position: relative;
     font-size: .75em;
     line-height: 0;
     vertical-align: baseline
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 a {
     color: var(--bs-link-color);
     text-decoration: underline
 }

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

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

 code,
 kbd,
 pre,
 samp {
     font-family: var(--bs-font-monospace);
     font-size: 1em
 }

 pre {
     display: block;
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     font-size: .875em
 }

 pre code {
     font-size: inherit;
     color: inherit;
     word-break: normal
 }

 code {
     font-size: .875em;
     color: var(--bs-code-color);
     word-wrap: break-word
 }

 a>code {
     color: inherit
 }

 kbd {
     padding: .1875rem .375rem;
     font-size: .875em;
     color: var(--bs-body-bg);
     background-color: var(--bs-body-color);
     border-radius: .25rem
 }

 kbd kbd {
     padding: 0;
     font-size: 1em
 }

 figure {
     margin: 0 0 1rem
 }

 img,
 svg {
     vertical-align: middle
 }

 table {
     caption-side: bottom;
     border-collapse: collapse
 }

 caption {
     padding-top: .5rem;
     padding-bottom: .5rem;
     color: #6c757d;
     text-align: left
 }

 th {
     text-align: inherit;
     text-align: -webkit-match-parent
 }

 tbody,
 td,
 tfoot,
 th,
 thead,
 tr {
     border-color: inherit;
     border-style: solid;
     border-width: 0
 }

 label {
     display: inline-block
 }

 button {
     border-radius: 0
 }

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

 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit
 }

 button,
 select {
     text-transform: none
 }

 [role=button] {
     cursor: pointer
 }

 select {
     word-wrap: normal
 }

 select:disabled {
     opacity: 1
 }

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

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

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

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

 textarea {
     resize: vertical
 }

 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0
 }

 legend {
     float: left;
     width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     font-size: calc(1.275rem + .3vw);
     line-height: inherit
 }

 @media (min-width:1200px) {
     legend {
         font-size: 1.5rem
     }
 }

 legend+* {
     clear: left
 }

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

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

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

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

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

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

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

 output {
     display: inline-block
 }

 iframe {
     border: 0
 }

 summary {
     display: list-item;
     cursor: pointer
 }

 progress {
     vertical-align: baseline
 }

 [hidden] {
     display: none !important
 }

 .lead {
     font-size: 1.25rem;
     font-weight: 300
 }

 .display-1 {
     font-size: calc(1.625rem + 4.5vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-1 {
         font-size: 5rem
     }
 }

 .display-2 {
     font-size: calc(1.575rem + 3.9vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-2 {
         font-size: 4.5rem
     }
 }

 .display-3 {
     font-size: calc(1.525rem + 3.3vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-3 {
         font-size: 4rem
     }
 }

 .display-4 {
     font-size: calc(1.475rem + 2.7vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-4 {
         font-size: 3.5rem
     }
 }

 .display-5 {
     font-size: calc(1.425rem + 2.1vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-5 {
         font-size: 3rem
     }
 }

 .display-6 {
     font-size: calc(1.375rem + 1.5vw);
     font-weight: 300;
     line-height: 1.2
 }

 @media (min-width:1200px) {
     .display-6 {
         font-size: 2.5rem
     }
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none
 }

 .list-inline {
     padding-left: 0;
     list-style: none
 }

 .list-inline-item {
     display: inline-block
 }

 .list-inline-item:not(:last-child) {
     margin-right: .5rem
 }

 .initialism {
     font-size: .875em;
     text-transform: uppercase
 }

 .blockquote {
     margin-bottom: 1rem;
     font-size: 1.25rem
 }

 .blockquote>:last-child {
     margin-bottom: 0
 }

 .blockquote-footer {
     margin-top: -1rem;
     margin-bottom: 1rem;
     font-size: .875em;
     color: #6c757d
 }

 .blockquote-footer::before {
     content: "— "
 }

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

 .img-thumbnail {
     padding: .25rem;
     background-color: #fff;
     border: 1px solid var(--bs-border-color);
     border-radius: .375rem;
     max-width: 100%;
     height: auto
 }

 .figure {
     display: inline-block
 }

 .figure-img {
     margin-bottom: .5rem;
     line-height: 1
 }

 .figure-caption {
     font-size: .875em;
     color: #6c757d
 }

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

 @media (min-width:576px) and (max-width:1399px) {

     .page-id-6682 #hero.contact-page-banner,
     .page-id-6679 #hero.contact-page-banner {
         height: auto !important;
     }
 }

 @media (min-width:576px) {

     .container,
     .container-sm {
         max-width: 540px
     }
 }

 @media (min-width:768px) {

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

 @media (min-width:992px) {

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

 @media (min-width:1200px) {

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

 @media (min-width:1400px) {

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

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

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

 .col {
     flex: 1 0 0%
 }

 .row-cols-auto>* {
     flex: 0 0 auto;
     width: auto
 }

 .row-cols-1>* {
     flex: 0 0 auto;
     width: 100%
 }

 .row-cols-2>* {
     flex: 0 0 auto;
     width: 50%
 }

 .row-cols-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%
 }

 .row-cols-4>* {
     flex: 0 0 auto;
     width: 25%
 }

 .row-cols-5>* {
     flex: 0 0 auto;
     width: 20%
 }

 .row-cols-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .offset-1 {
     margin-left: 8.33333333%
 }

 .offset-2 {
     margin-left: 16.66666667%
 }

 .offset-3 {
     margin-left: 25%
 }

 .offset-4 {
     margin-left: 33.33333333%
 }

 .offset-5 {
     margin-left: 41.66666667%
 }

 .offset-6 {
     margin-left: 50%
 }

 .offset-7 {
     margin-left: 58.33333333%
 }

 .offset-8 {
     margin-left: 66.66666667%
 }

 .offset-9 {
     margin-left: 75%
 }

 .offset-10 {
     margin-left: 83.33333333%
 }

 .offset-11 {
     margin-left: 91.66666667%
 }

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

 .g-0,
 .gy-0 {
     --bs-gutter-y: 0
 }

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

 .g-1,
 .gy-1 {
     --bs-gutter-y: 0.25rem
 }

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

 .g-2,
 .gy-2 {
     --bs-gutter-y: 0.5rem
 }

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

 .g-3,
 .gy-3 {
     --bs-gutter-y: 1rem
 }

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

 .g-4,
 .gy-4 {
     --bs-gutter-y: 1.5rem
 }

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

 .g-5,
 .gy-5 {
     --bs-gutter-y: 3rem
 }

 @media (min-width:576px) {
     .col-sm {
         flex: 1 0 0%
     }

     .row-cols-sm-auto>* {
         flex: 0 0 auto;
         width: auto
     }

     .row-cols-sm-1>* {
         flex: 0 0 auto;
         width: 100%
     }

     .row-cols-sm-2>* {
         flex: 0 0 auto;
         width: 50%
     }

     .row-cols-sm-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%
     }

     .row-cols-sm-4>* {
         flex: 0 0 auto;
         width: 25%
     }

     .row-cols-sm-5>* {
         flex: 0 0 auto;
         width: 20%
     }

     .row-cols-sm-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

     .offset-sm-0 {
         margin-left: 0
     }

     .offset-sm-1 {
         margin-left: 8.33333333%
     }

     .offset-sm-2 {
         margin-left: 16.66666667%
     }

     .offset-sm-3 {
         margin-left: 25%
     }

     .offset-sm-4 {
         margin-left: 33.33333333%
     }

     .offset-sm-5 {
         margin-left: 41.66666667%
     }

     .offset-sm-6 {
         margin-left: 50%
     }

     .offset-sm-7 {
         margin-left: 58.33333333%
     }

     .offset-sm-8 {
         margin-left: 66.66666667%
     }

     .offset-sm-9 {
         margin-left: 75%
     }

     .offset-sm-10 {
         margin-left: 83.33333333%
     }

     .offset-sm-11 {
         margin-left: 91.66666667%
     }

     .g-sm-0,
     .gx-sm-0 {
         --bs-gutter-x: 0
     }

     .g-sm-0,
     .gy-sm-0 {
         --bs-gutter-y: 0
     }

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

     .g-sm-1,
     .gy-sm-1 {
         --bs-gutter-y: 0.25rem
     }

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

     .g-sm-2,
     .gy-sm-2 {
         --bs-gutter-y: 0.5rem
     }

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

     .g-sm-3,
     .gy-sm-3 {
         --bs-gutter-y: 1rem
     }

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

     .g-sm-4,
     .gy-sm-4 {
         --bs-gutter-y: 1.5rem
     }

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

     .g-sm-5,
     .gy-sm-5 {
         --bs-gutter-y: 3rem
     }
 }

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

     .row-cols-md-auto>* {
         flex: 0 0 auto;
         width: auto
     }

     .row-cols-md-1>* {
         flex: 0 0 auto;
         width: 100%
     }

     .row-cols-md-2>* {
         flex: 0 0 auto;
         width: 50%
     }

     .row-cols-md-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%
     }

     .row-cols-md-4>* {
         flex: 0 0 auto;
         width: 25%
     }

     .row-cols-md-5>* {
         flex: 0 0 auto;
         width: 20%
     }

     .row-cols-md-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

     .offset-md-0 {
         margin-left: 0
     }

     .offset-md-1 {
         margin-left: 8.33333333%
     }

     .offset-md-2 {
         margin-left: 16.66666667%
     }

     .offset-md-3 {
         margin-left: 25%
     }

     .offset-md-4 {
         margin-left: 33.33333333%
     }

     .offset-md-5 {
         margin-left: 41.66666667%
     }

     .offset-md-6 {
         margin-left: 50%
     }

     .offset-md-7 {
         margin-left: 58.33333333%
     }

     .offset-md-8 {
         margin-left: 66.66666667%
     }

     .offset-md-9 {
         margin-left: 75%
     }

     .offset-md-10 {
         margin-left: 83.33333333%
     }

     .offset-md-11 {
         margin-left: 91.66666667%
     }

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

     .g-md-0,
     .gy-md-0 {
         --bs-gutter-y: 0
     }

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

     .g-md-1,
     .gy-md-1 {
         --bs-gutter-y: 0.25rem
     }

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

     .g-md-2,
     .gy-md-2 {
         --bs-gutter-y: 0.5rem
     }

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

     .g-md-3,
     .gy-md-3 {
         --bs-gutter-y: 1rem
     }

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

     .g-md-4,
     .gy-md-4 {
         --bs-gutter-y: 1.5rem
     }

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

     .g-md-5,
     .gy-md-5 {
         --bs-gutter-y: 3rem
     }
 }

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

     .row-cols-lg-auto>* {
         flex: 0 0 auto;
         width: auto
     }

     .row-cols-lg-1>* {
         flex: 0 0 auto;
         width: 100%
     }

     .row-cols-lg-2>* {
         flex: 0 0 auto;
         width: 50%
     }

     .row-cols-lg-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%
     }

     .row-cols-lg-4>* {
         flex: 0 0 auto;
         width: 25%
     }

     .row-cols-lg-5>* {
         flex: 0 0 auto;
         width: 20%
     }

     .row-cols-lg-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

     .offset-lg-0 {
         margin-left: 0
     }

     .offset-lg-1 {
         margin-left: 8.33333333%
     }

     .offset-lg-2 {
         margin-left: 16.66666667%
     }

     .offset-lg-3 {
         margin-left: 25%
     }

     .offset-lg-4 {
         margin-left: 33.33333333%
     }

     .offset-lg-5 {
         margin-left: 41.66666667%
     }

     .offset-lg-6 {
         margin-left: 50%
     }

     .offset-lg-7 {
         margin-left: 58.33333333%
     }

     .offset-lg-8 {
         margin-left: 66.66666667%
     }

     .offset-lg-9 {
         margin-left: 75%
     }

     .offset-lg-10 {
         margin-left: 83.33333333%
     }

     .offset-lg-11 {
         margin-left: 91.66666667%
     }

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

     .g-lg-0,
     .gy-lg-0 {
         --bs-gutter-y: 0
     }

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

     .g-lg-1,
     .gy-lg-1 {
         --bs-gutter-y: 0.25rem
     }

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

     .g-lg-2,
     .gy-lg-2 {
         --bs-gutter-y: 0.5rem
     }

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

     .g-lg-3,
     .gy-lg-3 {
         --bs-gutter-y: 1rem
     }

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

     .g-lg-4,
     .gy-lg-4 {
         --bs-gutter-y: 1.5rem
     }

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

     .g-lg-5,
     .gy-lg-5 {
         --bs-gutter-y: 3rem
     }
 }

 @media (min-width:1200px) {
     .col-xl {
         flex: 1 0 0%
     }

     .row-cols-xl-auto>* {
         flex: 0 0 auto;
         width: auto
     }

     .row-cols-xl-1>* {
         flex: 0 0 auto;
         width: 100%
     }

     .row-cols-xl-2>* {
         flex: 0 0 auto;
         width: 50%
     }

     .row-cols-xl-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%
     }

     .row-cols-xl-4>* {
         flex: 0 0 auto;
         width: 25%
     }

     .row-cols-xl-5>* {
         flex: 0 0 auto;
         width: 20%
     }

     .row-cols-xl-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

     .offset-xl-0 {
         margin-left: 0
     }

     .offset-xl-1 {
         margin-left: 8.33333333%
     }

     .offset-xl-2 {
         margin-left: 16.66666667%
     }

     .offset-xl-3 {
         margin-left: 25%
     }

     .offset-xl-4 {
         margin-left: 33.33333333%
     }

     .offset-xl-5 {
         margin-left: 41.66666667%
     }

     .offset-xl-6 {
         margin-left: 50%
     }

     .offset-xl-7 {
         margin-left: 58.33333333%
     }

     .offset-xl-8 {
         margin-left: 66.66666667%
     }

     .offset-xl-9 {
         margin-left: 75%
     }

     .offset-xl-10 {
         margin-left: 83.33333333%
     }

     .offset-xl-11 {
         margin-left: 91.66666667%
     }

     .g-xl-0,
     .gx-xl-0 {
         --bs-gutter-x: 0
     }

     .g-xl-0,
     .gy-xl-0 {
         --bs-gutter-y: 0
     }

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

     .g-xl-1,
     .gy-xl-1 {
         --bs-gutter-y: 0.25rem
     }

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

     .g-xl-2,
     .gy-xl-2 {
         --bs-gutter-y: 0.5rem
     }

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

     .g-xl-3,
     .gy-xl-3 {
         --bs-gutter-y: 1rem
     }

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

     .g-xl-4,
     .gy-xl-4 {
         --bs-gutter-y: 1.5rem
     }

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

     .g-xl-5,
     .gy-xl-5 {
         --bs-gutter-y: 3rem
     }
 }

 @media (min-width:1400px) {
     .col-xxl {
         flex: 1 0 0%
     }

     .row-cols-xxl-auto>* {
         flex: 0 0 auto;
         width: auto
     }

     .row-cols-xxl-1>* {
         flex: 0 0 auto;
         width: 100%
     }

     .row-cols-xxl-2>* {
         flex: 0 0 auto;
         width: 50%
     }

     .row-cols-xxl-3>* {
         flex: 0 0 auto;
         width: 33.3333333333%
     }

     .row-cols-xxl-4>* {
         flex: 0 0 auto;
         width: 25%
     }

     .row-cols-xxl-5>* {
         flex: 0 0 auto;
         width: 20%
     }

     .row-cols-xxl-6>* {
         flex: 0 0 auto;
         width: 16.6666666667%
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

     .offset-xxl-0 {
         margin-left: 0
     }

     .offset-xxl-1 {
         margin-left: 8.33333333%
     }

     .offset-xxl-2 {
         margin-left: 16.66666667%
     }

     .offset-xxl-3 {
         margin-left: 25%
     }

     .offset-xxl-4 {
         margin-left: 33.33333333%
     }

     .offset-xxl-5 {
         margin-left: 41.66666667%
     }

     .offset-xxl-6 {
         margin-left: 50%
     }

     .offset-xxl-7 {
         margin-left: 58.33333333%
     }

     .offset-xxl-8 {
         margin-left: 66.66666667%
     }

     .offset-xxl-9 {
         margin-left: 75%
     }

     .offset-xxl-10 {
         margin-left: 83.33333333%
     }

     .offset-xxl-11 {
         margin-left: 91.66666667%
     }

     .g-xxl-0,
     .gx-xxl-0 {
         --bs-gutter-x: 0
     }

     .g-xxl-0,
     .gy-xxl-0 {
         --bs-gutter-y: 0
     }

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

     .g-xxl-1,
     .gy-xxl-1 {
         --bs-gutter-y: 0.25rem
     }

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

     .g-xxl-2,
     .gy-xxl-2 {
         --bs-gutter-y: 0.5rem
     }

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

     .g-xxl-3,
     .gy-xxl-3 {
         --bs-gutter-y: 1rem
     }

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

     .g-xxl-4,
     .gy-xxl-4 {
         --bs-gutter-y: 1.5rem
     }

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

     .g-xxl-5,
     .gy-xxl-5 {
         --bs-gutter-y: 3rem
     }
 }

 .table {
     --bs-table-color: var(--bs-body-color);
     --bs-table-bg: transparent;
     --bs-table-border-color: var(--bs-border-color);
     --bs-table-accent-bg: transparent;
     --bs-table-striped-color: var(--bs-body-color);
     --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
     --bs-table-active-color: var(--bs-body-color);
     --bs-table-active-bg: rgba(0, 0, 0, 0.1);
     --bs-table-hover-color: var(--bs-body-color);
     --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
     width: 100%;
     margin-bottom: 1rem;
     color: var(--bs-table-color);
     vertical-align: top;
     border-color: var(--bs-table-border-color)
 }

 .table>:not(caption)>*>* {
     padding: .5rem .5rem;
     background-color: var(--bs-table-bg);
     border-bottom-width: 1px;
     box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
 }

 .table>tbody {
     vertical-align: inherit
 }

 .table>thead {
     vertical-align: bottom
 }

 .table-group-divider {
     border-top: 2px solid currentcolor
 }

 .caption-top {
     caption-side: top
 }

 .table-sm>:not(caption)>*>* {
     padding: .25rem .25rem
 }

 .table-bordered>:not(caption)>* {
     border-width: 1px 0
 }

 .table-bordered>:not(caption)>*>* {
     border-width: 0 1px
 }

 .table-borderless>:not(caption)>*>* {
     border-bottom-width: 0
 }

 .table-borderless>:not(:first-child) {
     border-top-width: 0
 }

 .table-striped>tbody>tr:nth-of-type(odd)>* {
     --bs-table-accent-bg: var(--bs-table-striped-bg);
     color: var(--bs-table-striped-color)
 }

 .table-striped-columns>:not(caption)>tr>:nth-child(2n) {
     --bs-table-accent-bg: var(--bs-table-striped-bg);
     color: var(--bs-table-striped-color)
 }

 .table-active {
     --bs-table-accent-bg: var(--bs-table-active-bg);
     color: var(--bs-table-active-color)
 }

 .table-hover>tbody>tr:hover>* {
     --bs-table-accent-bg: var(--bs-table-hover-bg);
     color: var(--bs-table-hover-color)
 }

 .table-primary {
     --bs-table-color: #000;
     --bs-table-bg: #cfe2ff;
     --bs-table-border-color: #bacbe6;
     --bs-table-striped-bg: #c5d7f2;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #bacbe6;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #bfd1ec;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-secondary {
     --bs-table-color: #000;
     --bs-table-bg: #e2e3e5;
     --bs-table-border-color: #cbccce;
     --bs-table-striped-bg: #d7d8da;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #cbccce;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #d1d2d4;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-success {
     --bs-table-color: #000;
     --bs-table-bg: #d1e7dd;
     --bs-table-border-color: #bcd0c7;
     --bs-table-striped-bg: #c7dbd2;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #bcd0c7;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #c1d6cc;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-info {
     --bs-table-color: #000;
     --bs-table-bg: #cff4fc;
     --bs-table-border-color: #badce3;
     --bs-table-striped-bg: #c5e8ef;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #badce3;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #bfe2e9;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-warning {
     --bs-table-color: #000;
     --bs-table-bg: #fff3cd;
     --bs-table-border-color: #e6dbb9;
     --bs-table-striped-bg: #f2e7c3;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #e6dbb9;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #ece1be;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-danger {
     --bs-table-color: #000;
     --bs-table-bg: #f8d7da;
     --bs-table-border-color: #dfc2c4;
     --bs-table-striped-bg: #eccccf;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #dfc2c4;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #e5c7ca;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-light {
     --bs-table-color: #000;
     --bs-table-bg: #f8f9fa;
     --bs-table-border-color: #dfe0e1;
     --bs-table-striped-bg: #ecedee;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #dfe0e1;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #e5e6e7;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-dark {
     --bs-table-color: #fff;
     --bs-table-bg: #212529;
     --bs-table-border-color: #373b3e;
     --bs-table-striped-bg: #2c3034;
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: #373b3e;
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: #323539;
     --bs-table-hover-color: #fff;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }

 .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch
 }

 @media (max-width:575.98px) {
     .table-responsive-sm {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch
     }
 }

 @media (max-width:767.98px) {
     .table-responsive-md {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch
     }
 }

 @media (max-width:991.98px) {
     .table-responsive-lg {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch
     }
 }

 @media (max-width:1199.98px) {
     .table-responsive-xl {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch
     }
 }

 @media (max-width:1399.98px) {
     .table-responsive-xxl {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch
     }
 }

 .form-label {
     margin-bottom: .5rem
 }

 .col-form-label {
     padding-top: calc(.375rem + 1px);
     padding-bottom: calc(.375rem + 1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5
 }

 .col-form-label-lg {
     padding-top: calc(.5rem + 1px);
     padding-bottom: calc(.5rem + 1px);
     font-size: 1.25rem
 }

 .col-form-label-sm {
     padding-top: calc(.25rem + 1px);
     padding-bottom: calc(.25rem + 1px);
     font-size: .875rem
 }

 .form-text {
     margin-top: .25rem;
     font-size: .875em;
     color: #6c757d
 }

 .form-control {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: .375rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

 .form-control[type=file] {
     overflow: hidden
 }

 .form-control[type=file]:not(:disabled):not([readonly]) {
     cursor: pointer
 }

 .form-control:focus {
     color: #212529;
     background-color: #fff;
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .form-control::-webkit-date-and-time-value {
     height: 1.5em
 }

 .form-control::-moz-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control:disabled {
     background-color: #e9ecef;
     opacity: 1
 }

 .form-control::-webkit-file-upload-button {
     padding: .375rem .75rem;
     margin: -.375rem -.75rem;
     -webkit-margin-end: .75rem;
     margin-inline-end: .75rem;
     color: #212529;
     background-color: #e9ecef;
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: 1px;
     border-radius: 0;
     -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .form-control::file-selector-button {
     padding: .375rem .75rem;
     margin: -.375rem -.75rem;
     -webkit-margin-end: .75rem;
     margin-inline-end: .75rem;
     color: #212529;
     background-color: #e9ecef;
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: 1px;
     border-radius: 0;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .form-control::-webkit-file-upload-button {
         -webkit-transition: none;
         transition: none
     }

     .form-control::file-selector-button {
         transition: none
     }
 }

 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
     background-color: #dde0e3
 }

 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
     background-color: #dde0e3
 }

 .form-control-plaintext {
     display: block;
     width: 100%;
     padding: .375rem 0;
     margin-bottom: 0;
     line-height: 1.5;
     color: #212529;
     background-color: transparent;
     border: solid transparent;
     border-width: 1px 0
 }

 .form-control-plaintext:focus {
     outline: 0
 }

 .form-control-plaintext.form-control-lg,
 .form-control-plaintext.form-control-sm {
     padding-right: 0;
     padding-left: 0
 }

 .form-control-sm {
     min-height: calc(1.5em + .5rem + 2px);
     padding: .25rem .5rem;
     font-size: .875rem;
     border-radius: .25rem
 }

 .form-control-sm::-webkit-file-upload-button {
     padding: .25rem .5rem;
     margin: -.25rem -.5rem;
     -webkit-margin-end: .5rem;
     margin-inline-end: .5rem
 }

 .form-control-sm::file-selector-button {
     padding: .25rem .5rem;
     margin: -.25rem -.5rem;
     -webkit-margin-end: .5rem;
     margin-inline-end: .5rem
 }

 .form-control-lg {
     min-height: calc(1.5em + 1rem + 2px);
     padding: .5rem 1rem;
     font-size: 1.25rem;
     border-radius: .5rem
 }

 .form-control-lg::-webkit-file-upload-button {
     padding: .5rem 1rem;
     margin: -.5rem -1rem;
     -webkit-margin-end: 1rem;
     margin-inline-end: 1rem
 }

 .form-control-lg::file-selector-button {
     padding: .5rem 1rem;
     margin: -.5rem -1rem;
     -webkit-margin-end: 1rem;
     margin-inline-end: 1rem
 }

 textarea.form-control {
     min-height: calc(1.5em + .75rem + 2px)
 }

 textarea.form-control-sm {
     min-height: calc(1.5em + .5rem + 2px)
 }

 textarea.form-control-lg {
     min-height: calc(1.5em + 1rem + 2px)
 }

 .form-control-color {
     width: 3rem;
     height: calc(1.5em + .75rem + 2px);
     padding: .375rem
 }

 .form-control-color:not(:disabled):not([readonly]) {
     cursor: pointer
 }

 .form-control-color::-moz-color-swatch {
     border: 0 !important;
     border-radius: .375rem
 }

 .form-control-color::-webkit-color-swatch {
     border-radius: .375rem
 }

 .form-control-color.form-control-sm {
     height: calc(1.5em + .5rem + 2px)
 }

 .form-control-color.form-control-lg {
     height: calc(1.5em + 1rem + 2px)
 }

 .form-select {
     display: block;
     width: 100%;
     padding: .375rem 2.25rem .375rem .75rem;
     -moz-padding-start: calc(0.75rem - 3px);
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-color: #fff;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right .75rem center;
     background-size: 16px 12px;
     border: 1px solid #ced4da;
     border-radius: .375rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

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

 .form-select:focus {
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .form-select[multiple],
 .form-select[size]:not([size="1"]) {
     padding-right: .75rem;
     background-image: none
 }

 .form-select:disabled {
     background-color: #e9ecef
 }

 .form-select:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 #212529
 }

 .form-select-sm {
     padding-top: .25rem;
     padding-bottom: .25rem;
     padding-left: .5rem;
     font-size: .875rem;
     border-radius: .25rem
 }

 .form-select-lg {
     padding-top: .5rem;
     padding-bottom: .5rem;
     padding-left: 1rem;
     font-size: 1.25rem;
     border-radius: .5rem
 }

 .form-check {
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5em;
     margin-bottom: .125rem
 }

 .form-check .form-check-input {
     float: left;
     margin-left: -1.5em
 }

 .form-check-reverse {
     padding-right: 1.5em;
     padding-left: 0;
     text-align: right
 }

 .form-check-reverse .form-check-input {
     float: right;
     margin-right: -1.5em;
     margin-left: 0
 }

 .form-check-input {
     width: 1em;
     height: 1em;
     margin-top: .25em;
     vertical-align: top;
     background-color: #fff;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border: 1px solid rgba(0, 0, 0, .25);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     print-color-adjust: exact
 }

 .form-check-input[type=checkbox] {
     border-radius: .25em
 }

 .form-check-input[type=radio] {
     border-radius: 50%
 }

 .form-check-input:active {
     filter: brightness(90%)
 }

 .form-check-input:focus {
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .form-check-input:checked {
     background-color: #0d6efd;
     border-color: #0d6efd
 }

 .form-check-input:checked[type=checkbox] {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
 }

 .form-check-input:checked[type=radio] {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
 }

 .form-check-input[type=checkbox]:indeterminate {
     background-color: #0d6efd;
     border-color: #0d6efd;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
 }

 .form-check-input:disabled {
     pointer-events: none;
     filter: none;
     opacity: .5
 }

 .form-check-input:disabled~.form-check-label,
 .form-check-input[disabled]~.form-check-label {
     cursor: default;
     opacity: .5
 }

 .form-switch {
     padding-left: 2.5em
 }

 .form-switch .form-check-input {
     width: 2em;
     margin-left: -2.5em;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
     background-position: left center;
     border-radius: 2em;
     transition: background-position .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .form-switch .form-check-input {
         transition: none
     }
 }

 .form-switch .form-check-input:focus {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
 }

 .form-switch .form-check-input:checked {
     background-position: right center;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
 }

 .form-switch.form-check-reverse {
     padding-right: 2.5em;
     padding-left: 0
 }

 .form-switch.form-check-reverse .form-check-input {
     margin-right: -2.5em;
     margin-left: 0
 }

 .form-check-inline {
     display: inline-block;
     margin-right: 1rem
 }

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

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

 .form-range {
     width: 100%;
     height: 1.5rem;
     padding: 0;
     background-color: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

 .form-range:focus {
     outline: 0
 }

 .form-range:focus::-webkit-slider-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .form-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
 }

 .form-range::-moz-focus-outer {
     border: 0
 }

 .form-range::-webkit-slider-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: -.25rem;
     background-color: #0d6efd;
     border: 0;
     border-radius: 1rem;
     -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     -webkit-appearance: none;
     appearance: none
 }

 @media (prefers-reduced-motion:reduce) {
     .form-range::-webkit-slider-thumb {
         -webkit-transition: none;
         transition: none
     }
 }

 .form-range::-webkit-slider-thumb:active {
     background-color: #b6d4fe
 }

 .form-range::-webkit-slider-runnable-track {
     width: 100%;
     height: .5rem;
     color: transparent;
     cursor: pointer;
     background-color: #dee2e6;
     border-color: transparent;
     border-radius: 1rem
 }

 .form-range::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     background-color: #0d6efd;
     border: 0;
     border-radius: 1rem;
     -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     -moz-appearance: none;
     appearance: none
 }

 @media (prefers-reduced-motion:reduce) {
     .form-range::-moz-range-thumb {
         -moz-transition: none;
         transition: none
     }
 }

 .form-range::-moz-range-thumb:active {
     background-color: #b6d4fe
 }

 .form-range::-moz-range-track {
     width: 100%;
     height: .5rem;
     color: transparent;
     cursor: pointer;
     background-color: #dee2e6;
     border-color: transparent;
     border-radius: 1rem
 }

 .form-range:disabled {
     pointer-events: none
 }

 .form-range:disabled::-webkit-slider-thumb {
     background-color: #adb5bd
 }

 .form-range:disabled::-moz-range-thumb {
     background-color: #adb5bd
 }

 .form-floating {
     position: relative
 }

 .form-floating>.form-control,
 .form-floating>.form-control-plaintext,
 .form-floating>.form-select {
     height: calc(3.5rem + 2px);
     line-height: 1.25
 }

 .form-floating>label {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 1rem .75rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     pointer-events: none;
     border: 1px solid transparent;
     transform-origin: 0 0;
     transition: opacity .1s ease-in-out, transform .1s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
     .form-floating>label {
         transition: none
     }
 }

 .form-floating>.form-control,
 .form-floating>.form-control-plaintext {
     padding: 1rem .75rem
 }

 .form-floating>.form-control-plaintext::-moz-placeholder,
 .form-floating>.form-control::-moz-placeholder {
     color: transparent
 }

 .form-floating>.form-control-plaintext::placeholder,
 .form-floating>.form-control::placeholder {
     color: transparent
 }

 .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
 .form-floating>.form-control:not(:-moz-placeholder-shown) {
     padding-top: 1.625rem;
     padding-bottom: .625rem
 }

 .form-floating>.form-control-plaintext:focus,
 .form-floating>.form-control-plaintext:not(:placeholder-shown),
 .form-floating>.form-control:focus,
 .form-floating>.form-control:not(:placeholder-shown) {
     padding-top: 1.625rem;
     padding-bottom: .625rem
 }

 .form-floating>.form-control-plaintext:-webkit-autofill,
 .form-floating>.form-control:-webkit-autofill {
     padding-top: 1.625rem;
     padding-bottom: .625rem
 }

 .form-floating>.form-select {
     padding-top: 1.625rem;
     padding-bottom: .625rem
 }

 .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
     opacity: .65;
     transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .form-floating>.form-control-plaintext~label,
 .form-floating>.form-control:focus~label,
 .form-floating>.form-control:not(:placeholder-shown)~label,
 .form-floating>.form-select~label {
     opacity: .65;
     transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .form-floating>.form-control:-webkit-autofill~label {
     opacity: .65;
     transform: scale(.85) translateY(-.5rem) translateX(.15rem)
 }

 .form-floating>.form-control-plaintext~label {
     border-width: 1px 0
 }

 .input-group {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: stretch;
     width: 100%
 }

 .input-group>.form-control,
 .input-group>.form-floating,
 .input-group>.form-select {
     position: relative;
     flex: 1 1 auto;
     width: 1%;
     min-width: 0
 }

 .input-group>.form-control:focus,
 .input-group>.form-floating:focus-within,
 .input-group>.form-select:focus {
     z-index: 3
 }

 .input-group .btn {
     position: relative;
     z-index: 2
 }

 .input-group .btn:focus {
     z-index: 3
 }

 .input-group-text {
     display: flex;
     align-items: center;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: .375rem
 }

 .input-group-lg>.btn,
 .input-group-lg>.form-control,
 .input-group-lg>.form-select,
 .input-group-lg>.input-group-text {
     padding: .5rem 1rem;
     font-size: 1.25rem;
     border-radius: .5rem
 }

 .input-group-sm>.btn,
 .input-group-sm>.form-control,
 .input-group-sm>.form-select,
 .input-group-sm>.input-group-text {
     padding: .25rem .5rem;
     font-size: .875rem;
     border-radius: .25rem
 }

 .input-group-lg>.form-select,
 .input-group-sm>.form-select {
     padding-right: 3rem
 }

 .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
 .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
 .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
 .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
 .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
 .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
 .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.form-floating:not(:first-child)>.form-control,
 .input-group>.form-floating:not(:first-child)>.form-select,
 .input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
     margin-left: -1px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: .875em;
     color: #198754
 }

 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .25rem .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     color: #fff;
     background-color: rgba(25, 135, 84, .9);
     border-radius: .375rem
 }

 .is-valid~.valid-feedback,
 .is-valid~.valid-tooltip,
 .was-validated :valid~.valid-feedback,
 .was-validated :valid~.valid-tooltip {
     display: block
 }

 .form-control.is-valid,
 .was-validated .form-control:valid {
     border-color: #198754;
     padding-right: calc(1.5em + .75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(.375em + .1875rem) center;
     background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {
     border-color: #198754;
     box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
 }

 .was-validated textarea.form-control:valid,
 textarea.form-control.is-valid {
     padding-right: calc(1.5em + .75rem);
     background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .form-select.is-valid,
 .was-validated .form-select:valid {
     border-color: #198754
 }

 .form-select.is-valid:not([multiple]):not([size]),
 .form-select.is-valid:not([multiple])[size="1"],
 .was-validated .form-select:valid:not([multiple]):not([size]),
 .was-validated .form-select:valid:not([multiple])[size="1"] {
     padding-right: 4.125rem;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-position: right .75rem center, center right 2.25rem;
     background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-select.is-valid:focus,
 .was-validated .form-select:valid:focus {
     border-color: #198754;
     box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
 }

 .form-control-color.is-valid,
 .was-validated .form-control-color:valid {
     width: calc(3rem + calc(1.5em + .75rem))
 }

 .form-check-input.is-valid,
 .was-validated .form-check-input:valid {
     border-color: #198754
 }

 .form-check-input.is-valid:checked,
 .was-validated .form-check-input:valid:checked {
     background-color: #198754
 }

 .form-check-input.is-valid:focus,
 .was-validated .form-check-input:valid:focus {
     box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
 }

 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {
     color: #198754
 }

 .form-check-inline .form-check-input~.valid-feedback {
     margin-left: .5em
 }

 .input-group .form-control.is-valid,
 .input-group .form-select.is-valid,
 .was-validated .input-group .form-control:valid,
 .was-validated .input-group .form-select:valid {
     z-index: 1
 }

 .input-group .form-control.is-valid:focus,
 .input-group .form-select.is-valid:focus,
 .was-validated .input-group .form-control:valid:focus,
 .was-validated .input-group .form-select:valid:focus {
     z-index: 3
 }

 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: .875em;
     color: #dc3545
 }

 .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .25rem .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     color: #fff;
     background-color: rgba(220, 53, 69, .9);
     border-radius: .375rem
 }

 .is-invalid~.invalid-feedback,
 .is-invalid~.invalid-tooltip,
 .was-validated :invalid~.invalid-feedback,
 .was-validated :invalid~.invalid-tooltip {
     display: block
 }

 .form-control.is-invalid,
 .was-validated .form-control:invalid {
     border-color: #dc3545;
     padding-right: calc(1.5em + .75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(.375em + .1875rem) center;
     background-size: calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-control.is-invalid:focus,
 .was-validated .form-control:invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
 }

 .was-validated textarea.form-control:invalid,
 textarea.form-control.is-invalid {
     padding-right: calc(1.5em + .75rem);
     background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
 }

 .form-select.is-invalid,
 .was-validated .form-select:invalid {
     border-color: #dc3545
 }

 .form-select.is-invalid:not([multiple]):not([size]),
 .form-select.is-invalid:not([multiple])[size="1"],
 .was-validated .form-select:invalid:not([multiple]):not([size]),
 .was-validated .form-select:invalid:not([multiple])[size="1"] {
     padding-right: 4.125rem;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     background-position: right .75rem center, center right 2.25rem;
     background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
 }

 .form-select.is-invalid:focus,
 .was-validated .form-select:invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
 }

 .form-control-color.is-invalid,
 .was-validated .form-control-color:invalid {
     width: calc(3rem + calc(1.5em + .75rem))
 }

 .form-check-input.is-invalid,
 .was-validated .form-check-input:invalid {
     border-color: #dc3545
 }

 .form-check-input.is-invalid:checked,
 .was-validated .form-check-input:invalid:checked {
     background-color: #dc3545
 }

 .form-check-input.is-invalid:focus,
 .was-validated .form-check-input:invalid:focus {
     box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
 }

 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {
     color: #dc3545
 }

 .form-check-inline .form-check-input~.invalid-feedback {
     margin-left: .5em
 }

 .input-group .form-control.is-invalid,
 .input-group .form-select.is-invalid,
 .was-validated .input-group .form-control:invalid,
 .was-validated .input-group .form-select:invalid {
     z-index: 2
 }

 .input-group .form-control.is-invalid:focus,
 .input-group .form-select.is-invalid:focus,
 .was-validated .input-group .form-control:invalid:focus,
 .was-validated .input-group .form-select:invalid:focus {
     z-index: 3
 }

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

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

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

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

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

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

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

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

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

 .btn-success {
     --bs-btn-color: #fff;
     --bs-btn-bg: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #157347;
     --bs-btn-hover-border-color: #146c43;
     --bs-btn-focus-shadow-rgb: 60, 153, 110;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #146c43;
     --bs-btn-active-border-color: #13653f;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #198754;
     --bs-btn-disabled-border-color: #198754
 }

 .btn-info {
     --bs-btn-color: #000;
     --bs-btn-bg: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #31d2f2;
     --bs-btn-hover-border-color: #25cff2;
     --bs-btn-focus-shadow-rgb: 11, 172, 204;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #3dd5f3;
     --bs-btn-active-border-color: #25cff2;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #000;
     --bs-btn-disabled-bg: #0dcaf0;
     --bs-btn-disabled-border-color: #0dcaf0
 }

 .btn-warning {
     --bs-btn-color: #000;
     --bs-btn-bg: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #ffca2c;
     --bs-btn-hover-border-color: #ffc720;
     --bs-btn-focus-shadow-rgb: 217, 164, 6;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #ffcd39;
     --bs-btn-active-border-color: #ffc720;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #000;
     --bs-btn-disabled-bg: #ffc107;
     --bs-btn-disabled-border-color: #ffc107
 }

 .btn-danger {
     --bs-btn-color: #fff;
     --bs-btn-bg: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #bb2d3b;
     --bs-btn-hover-border-color: #b02a37;
     --bs-btn-focus-shadow-rgb: 225, 83, 97;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #b02a37;
     --bs-btn-active-border-color: #a52834;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #dc3545;
     --bs-btn-disabled-border-color: #dc3545
 }

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

 .btn-dark {
     --bs-btn-color: #fff;
     --bs-btn-bg: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #424649;
     --bs-btn-hover-border-color: #373b3e;
     --bs-btn-focus-shadow-rgb: 66, 70, 73;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #4d5154;
     --bs-btn-active-border-color: #373b3e;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #212529;
     --bs-btn-disabled-border-color: #212529
 }

 .btn-outline-primary {
     --bs-btn-color: #0d6efd;
     --bs-btn-border-color: #0d6efd;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #0d6efd;
     --bs-btn-hover-border-color: #0d6efd;
     --bs-btn-focus-shadow-rgb: 13, 110, 253;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #0d6efd;
     --bs-btn-active-border-color: #0d6efd;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #0d6efd;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #0d6efd;
     --bs-gradient: none
 }

 .btn-outline-secondary {
     --bs-btn-color: #6c757d;
     --bs-btn-border-color: #6c757d;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #6c757d;
     --bs-btn-hover-border-color: #6c757d;
     --bs-btn-focus-shadow-rgb: 108, 117, 125;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #6c757d;
     --bs-btn-active-border-color: #6c757d;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #6c757d;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #6c757d;
     --bs-gradient: none
 }

 .btn-outline-success {
     --bs-btn-color: #198754;
     --bs-btn-border-color: #198754;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #198754;
     --bs-btn-hover-border-color: #198754;
     --bs-btn-focus-shadow-rgb: 25, 135, 84;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #198754;
     --bs-btn-active-border-color: #198754;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #198754;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #198754;
     --bs-gradient: none
 }

 .btn-outline-info {
     --bs-btn-color: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #0dcaf0;
     --bs-btn-hover-border-color: #0dcaf0;
     --bs-btn-focus-shadow-rgb: 13, 202, 240;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #0dcaf0;
     --bs-btn-active-border-color: #0dcaf0;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #0dcaf0;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #0dcaf0;
     --bs-gradient: none
 }

 .btn-outline-warning {
     --bs-btn-color: #ffc107;
     --bs-btn-border-color: #ffc107;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #ffc107;
     --bs-btn-hover-border-color: #ffc107;
     --bs-btn-focus-shadow-rgb: 255, 193, 7;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #ffc107;
     --bs-btn-active-border-color: #ffc107;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #ffc107;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #ffc107;
     --bs-gradient: none
 }

 .btn-outline-danger {
     --bs-btn-color: #dc3545;
     --bs-btn-border-color: #dc3545;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #dc3545;
     --bs-btn-hover-border-color: #dc3545;
     --bs-btn-focus-shadow-rgb: 220, 53, 69;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #dc3545;
     --bs-btn-active-border-color: #dc3545;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #dc3545;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #dc3545;
     --bs-gradient: none
 }

 .btn-outline-light {
     --bs-btn-color: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
     --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #f8f9fa;
     --bs-btn-hover-border-color: #f8f9fa;
     --bs-btn-focus-shadow-rgb: 248, 249, 250;
     --bs-btn-active-color: #000;
     --bs-btn-active-bg: #f8f9fa;
     --bs-btn-active-border-color: #f8f9fa;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #f8f9fa;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #f8f9fa;
     --bs-gradient: none
 }

 .btn-outline-dark {
     --bs-btn-color: #212529;
     --bs-btn-border-color: #212529;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #212529;
     --bs-btn-hover-border-color: #212529;
     --bs-btn-focus-shadow-rgb: 33, 37, 41;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #212529;
     --bs-btn-active-border-color: #212529;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #212529;
     --bs-btn-disabled-bg: transparent;
     --bs-btn-disabled-border-color: #212529;
     --bs-gradient: none
 }

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

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

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

 .btn-group-lg>.btn,
 .btn-lg {
     --bs-btn-padding-y: 0.5rem;
     --bs-btn-padding-x: 1rem;
     --bs-btn-font-size: 1.25rem;
     --bs-btn-border-radius: 0.5rem
 }

 .btn-group-sm>.btn,
 .btn-sm {
     --bs-btn-padding-y: 0.25rem;
     --bs-btn-padding-x: 0.5rem;
     --bs-btn-font-size: 0.875rem;
     --bs-btn-border-radius: 0.25rem
 }

 .fade {
     transition: opacity .15s linear
 }

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

 .fade:not(.show) {
     opacity: 0
 }

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

 .collapsing {
     height: 0;
     overflow: hidden;
     transition: height .35s ease
 }

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

 .collapsing.collapse-horizontal {
     width: 0;
     height: auto;
     transition: width .35s ease
 }

 @media (prefers-reduced-motion:reduce) {
     .collapsing.collapse-horizontal {
         transition: none
     }
 }

 .dropdown,
 .dropdown-center,
 .dropend,
 .dropstart,
 .dropup,
 .dropup-center {
     position: relative
 }

 .dropdown-toggle {
     white-space: nowrap
 }

 .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent
 }

 .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropdown-menu {
     --bs-dropdown-min-width: 10rem;
     --bs-dropdown-padding-x: 0;
     --bs-dropdown-padding-y: 0.5rem;
     --bs-dropdown-spacer: 0.125rem;
     --bs-dropdown-font-size: 1rem;
     --bs-dropdown-color: #212529;
     --bs-dropdown-bg: #fff;
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-border-radius: 0.375rem;
     --bs-dropdown-border-width: 1px;
     --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-divider-margin-y: 0.5rem;
     --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     --bs-dropdown-link-color: #212529;
     --bs-dropdown-link-hover-color: #1e2125;
     --bs-dropdown-link-hover-bg: #e9ecef;
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #0d6efd;
     --bs-dropdown-link-disabled-color: #adb5bd;
     --bs-dropdown-item-padding-x: 1rem;
     --bs-dropdown-item-padding-y: 0.25rem;
     --bs-dropdown-header-color: #6c757d;
     --bs-dropdown-header-padding-x: 1rem;
     --bs-dropdown-header-padding-y: 0.5rem;
     position: absolute;
     z-index: 1000;
     display: none;
     min-width: var(--bs-dropdown-min-width);
     padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
     margin: 0;
     font-size: var(--bs-dropdown-font-size);
     color: var(--bs-dropdown-color);
     text-align: left;
     list-style: none;
     background-color: var(--bs-dropdown-bg);
     background-clip: padding-box;
     border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
     border-radius: var(--bs-dropdown-border-radius)
 }

 .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: 0;
     margin-top: var(--bs-dropdown-spacer)
 }

 .dropdown-menu-start {
     --bs-position: start
 }

 .dropdown-menu-start[data-bs-popper] {
     right: auto;
     left: 0
 }

 .dropdown-menu-end {
     --bs-position: end
 }

 .dropdown-menu-end[data-bs-popper] {
     right: 0;
     left: auto
 }

 @media (min-width:576px) {
     .dropdown-menu-sm-start {
         --bs-position: start
     }

     .dropdown-menu-sm-start[data-bs-popper] {
         right: auto;
         left: 0
     }

     .dropdown-menu-sm-end {
         --bs-position: end
     }

     .dropdown-menu-sm-end[data-bs-popper] {
         right: 0;
         left: auto
     }
 }

 @media (min-width:768px) {
     .dropdown-menu-md-start {
         --bs-position: start
     }

     .dropdown-menu-md-start[data-bs-popper] {
         right: auto;
         left: 0
     }

     .dropdown-menu-md-end {
         --bs-position: end
     }

     .dropdown-menu-md-end[data-bs-popper] {
         right: 0;
         left: auto
     }
 }

 @media (min-width:992px) {
     .dropdown-menu-lg-start {
         --bs-position: start
     }

     .dropdown-menu-lg-start[data-bs-popper] {
         right: auto;
         left: 0
     }

     .dropdown-menu-lg-end {
         --bs-position: end
     }

     .dropdown-menu-lg-end[data-bs-popper] {
         right: 0;
         left: auto
     }
 }

 @media (min-width:1200px) {
     .dropdown-menu-xl-start {
         --bs-position: start
     }

     .dropdown-menu-xl-start[data-bs-popper] {
         right: auto;
         left: 0
     }

     .dropdown-menu-xl-end {
         --bs-position: end
     }

     .dropdown-menu-xl-end[data-bs-popper] {
         right: 0;
         left: auto
     }
 }

 @media (min-width:1400px) {
     .dropdown-menu-xxl-start {
         --bs-position: start
     }

     .dropdown-menu-xxl-start[data-bs-popper] {
         right: auto;
         left: 0
     }

     .dropdown-menu-xxl-end {
         --bs-position: end
     }

     .dropdown-menu-xxl-end[data-bs-popper] {
         right: 0;
         left: auto
     }
 }

 .dropup .dropdown-menu[data-bs-popper] {
     top: auto;
     bottom: 100%;
     margin-top: 0;
     margin-bottom: var(--bs-dropdown-spacer)
 }

 .dropup .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: 0;
     border-right: .3em solid transparent;
     border-bottom: .3em solid;
     border-left: .3em solid transparent
 }

 .dropup .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropend .dropdown-menu[data-bs-popper] {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: var(--bs-dropdown-spacer)
 }

 .dropend .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid transparent;
     border-right: 0;
     border-bottom: .3em solid transparent;
     border-left: .3em solid
 }

 .dropend .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropend .dropdown-toggle::after {
     vertical-align: 0
 }

 .dropstart .dropdown-menu[data-bs-popper] {
     top: 0;
     right: 100%;
     left: auto;
     margin-top: 0;
     margin-right: var(--bs-dropdown-spacer)
 }

 .dropstart .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: ""
 }

 .dropstart .dropdown-toggle::after {
     display: none
 }

 .dropstart .dropdown-toggle::before {
     display: inline-block;
     margin-right: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid transparent;
     border-right: .3em solid;
     border-bottom: .3em solid transparent
 }

 .dropstart .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropstart .dropdown-toggle::before {
     vertical-align: 0
 }

 .dropdown-divider {
     height: 0;
     margin: var(--bs-dropdown-divider-margin-y) 0;
     overflow: hidden;
     border-top: 1px solid var(--bs-dropdown-divider-bg);
     opacity: 1
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     clear: both;
     font-weight: 400;
     color: var(--bs-dropdown-link-color);
     text-align: inherit;
     text-decoration: none;
     white-space: nowrap;
     background-color: transparent;
     border: 0
 }

 .dropdown-item:focus,
 .dropdown-item:hover {
     color: var(--bs-dropdown-link-hover-color);
     background-color: var(--bs-dropdown-link-hover-bg)
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: var(--bs-dropdown-link-active-color);
     text-decoration: none;
     background-color: var(--bs-dropdown-link-active-bg)
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: var(--bs-dropdown-link-disabled-color);
     pointer-events: none;
     background-color: transparent
 }

 .dropdown-menu.show {
     display: block
 }

 .dropdown-header {
     display: block;
     padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
     margin-bottom: 0;
     font-size: .875rem;
     color: var(--bs-dropdown-header-color);
     white-space: nowrap
 }

 .dropdown-item-text {
     display: block;
     padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
     color: var(--bs-dropdown-link-color)
 }

 .dropdown-menu-dark {
     --bs-dropdown-color: #dee2e6;
     --bs-dropdown-bg: #343a40;
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-box-shadow: ;
     --bs-dropdown-link-color: #dee2e6;
     --bs-dropdown-link-hover-color: #fff;
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
     --bs-dropdown-link-active-color: #fff;
     --bs-dropdown-link-active-bg: #0d6efd;
     --bs-dropdown-link-disabled-color: #adb5bd;
     --bs-dropdown-header-color: #adb5bd
 }

 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: inline-flex;
     vertical-align: middle
 }

 .btn-group-vertical>.btn,
 .btn-group>.btn {
     position: relative;
     flex: 1 1 auto
 }

 .btn-group-vertical>.btn-check:checked+.btn,
 .btn-group-vertical>.btn-check:focus+.btn,
 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:hover,
 .btn-group>.btn-check:checked+.btn,
 .btn-group>.btn-check:focus+.btn,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus,
 .btn-group>.btn:hover {
     z-index: 1
 }

 .btn-toolbar {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start
 }

 .btn-toolbar .input-group {
     width: auto
 }

 .btn-group {
     border-radius: .375rem
 }

 .btn-group>.btn-group:not(:first-child),
 .btn-group>.btn:not(:first-child) {
     margin-left: -1px
 }

 .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn.dropdown-toggle-split:first-child,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .btn-group>.btn-group:not(:first-child)>.btn,
 .btn-group>.btn:nth-child(n+3),
 .btn-group>:not(.btn-check)+.btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .dropdown-toggle-split {
     padding-right: .5625rem;
     padding-left: .5625rem
 }

 .dropdown-toggle-split::after,
 .dropend .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after {
     margin-left: 0
 }

 .dropstart .dropdown-toggle-split::before {
     margin-right: 0
 }

 .btn-group-sm>.btn+.dropdown-toggle-split,
 .btn-sm+.dropdown-toggle-split {
     padding-right: .375rem;
     padding-left: .375rem
 }

 .btn-group-lg>.btn+.dropdown-toggle-split,
 .btn-lg+.dropdown-toggle-split {
     padding-right: .75rem;
     padding-left: .75rem
 }

 .btn-group-vertical {
     flex-direction: column;
     align-items: flex-start;
     justify-content: center
 }

 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {
     width: 100%
 }

 .btn-group-vertical>.btn-group:not(:first-child),
 .btn-group-vertical>.btn:not(:first-child) {
     margin-top: -1px
 }

 .btn-group-vertical>.btn-group:not(:last-child)>.btn,
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 .btn-group-vertical>.btn~.btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .nav {
     --bs-nav-link-padding-x: 1rem;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-link-color);
     --bs-nav-link-hover-color: var(--bs-link-hover-color);
     --bs-nav-link-disabled-color: #6c757d;
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .nav-link {
     display: block;
     padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
     font-size: var(--bs-nav-link-font-size);
     font-weight: var(--bs-nav-link-font-weight);
     color: var(--bs-nav-link-color);
     text-decoration: none;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
 }

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

 .nav-link:focus,
 .nav-link:hover {
     color: var(--bs-nav-link-hover-color)
 }

 .nav-link.disabled {
     color: var(--bs-nav-link-disabled-color);
     pointer-events: none;
     cursor: default
 }

 .nav-tabs {
     --bs-nav-tabs-border-width: 1px;
     --bs-nav-tabs-border-color: #dee2e6;
     --bs-nav-tabs-border-radius: 0.375rem;
     --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
     --bs-nav-tabs-link-active-color: #495057;
     --bs-nav-tabs-link-active-bg: #fff;
     --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
     border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
 }

 .nav-tabs .nav-link {
     margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
     background: 0 0;
     border: var(--bs-nav-tabs-border-width) solid transparent;
     border-top-left-radius: var(--bs-nav-tabs-border-radius);
     border-top-right-radius: var(--bs-nav-tabs-border-radius)
 }

 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     isolation: isolate;
     /*border-color: var(--bs-nav-tabs-link-hover-border-color)*/
 }

 .nav-tabs .nav-link.disabled,
 .nav-tabs .nav-link:disabled {
     color: var(--bs-nav-link-disabled-color);
     background-color: transparent;
     border-color: transparent
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: var(--bs-nav-tabs-link-active-color);
     background-color: var(--bs-nav-tabs-link-active-bg);
     /*border-color: var(--bs-nav-tabs-link-active-border-color)*/
 }

 .nav-tabs .dropdown-menu {
     margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .nav-pills {
     --bs-nav-pills-border-radius: 0.375rem;
     --bs-nav-pills-link-active-color: #fff;
     --bs-nav-pills-link-active-bg: #0d6efd
 }

 .nav-pills .nav-link {
     background: 0 0;
     border: 0;
     border-radius: var(--bs-nav-pills-border-radius)
 }

 .nav-pills .nav-link:disabled {
     color: var(--bs-nav-link-disabled-color);
     background-color: transparent;
     border-color: transparent
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: var(--bs-nav-pills-link-active-color);
     background-color: var(--bs-nav-pills-link-active-bg)
 }

 .nav-fill .nav-item,
 .nav-fill>.nav-link {
     flex: 1 1 auto;
     text-align: center
 }

 .nav-justified .nav-item,
 .nav-justified>.nav-link {
     flex-basis: 0;
     flex-grow: 1;
     text-align: center
 }

 .nav-fill .nav-item .nav-link,
 .nav-justified .nav-item .nav-link {
     width: 100%
 }

 .tab-content>.tab-pane {
     display: none
 }

 .tab-content>.active {
     display: block
 }

 .navbar {
     --bs-navbar-padding-x: 0;
     --bs-navbar-padding-y: 0.5rem;
     --bs-navbar-color: rgba(0, 0, 0, 0.55);
     --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
     --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
     --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
     --bs-navbar-brand-padding-y: 0.3125rem;
     --bs-navbar-brand-margin-end: 1rem;
     --bs-navbar-brand-font-size: 1.25rem;
     --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
     --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
     --bs-navbar-nav-link-padding-x: 0.5rem;
     --bs-navbar-toggler-padding-y: 0.25rem;
     --bs-navbar-toggler-padding-x: 0.75rem;
     --bs-navbar-toggler-font-size: 1.25rem;
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
     --bs-navbar-toggler-border-radius: 0.375rem;
     --bs-navbar-toggler-focus-width: 0.25rem;
     --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
 }

 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-lg,
 .navbar>.container-md,
 .navbar>.container-sm,
 .navbar>.container-xl,
 .navbar>.container-xxl {
     display: flex;
     flex-wrap: inherit;
     align-items: center;
     justify-content: space-between
 }

 .navbar-brand {
     padding-top: var(--bs-navbar-brand-padding-y);
     padding-bottom: var(--bs-navbar-brand-padding-y);
     margin-right: var(--bs-navbar-brand-margin-end);
     font-size: var(--bs-navbar-brand-font-size);
     color: var(--bs-navbar-brand-color);
     text-decoration: none;
     white-space: nowrap
 }

 .navbar-brand:focus,
 .navbar-brand:hover {
     color: var(--bs-navbar-brand-hover-color)
 }

 .navbar-nav {
     --bs-nav-link-padding-x: 0;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-navbar-color);
     --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
     --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .navbar-nav .nav-link.active,
 .navbar-nav .show>.nav-link {
     color: var(--bs-navbar-active-color)
 }

 .navbar-nav .dropdown-menu {
     position: static
 }

 .navbar-text {
     padding-top: .5rem;
     padding-bottom: .5rem;
     color: var(--bs-navbar-color)
 }

 .navbar-text a,
 .navbar-text a:focus,
 .navbar-text a:hover {
     color: var(--bs-navbar-active-color)
 }

 .navbar-collapse {
     flex-basis: 100%;
     flex-grow: 1;
     align-items: center
 }

 .navbar-toggler {
     padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
     font-size: var(--bs-navbar-toggler-font-size);
     line-height: 1;
     color: var(--bs-navbar-color);
     background-color: transparent;
     border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
     border-radius: var(--bs-navbar-toggler-border-radius);
     transition: var(--bs-navbar-toggler-transition)
 }

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

 .navbar-toggler:hover {
     text-decoration: none
 }

 .navbar-toggler:focus {
     text-decoration: none;
     outline: 0;
     box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-image: var(--bs-navbar-toggler-icon-bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%
 }

 .navbar-nav-scroll {
     max-height: var(--bs-scroll-height, 75vh);
     overflow-y: auto
 }

 @media (min-width:576px) {
     .navbar-expand-sm {
         flex-wrap: nowrap;
         justify-content: flex-start
     }

     .navbar-expand-sm .navbar-nav {
         flex-direction: row
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }

     .navbar-expand-sm .navbar-nav-scroll {
         overflow: visible
     }

     .navbar-expand-sm .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }

     .navbar-expand-sm .navbar-toggler {
         display: none
     }

     .navbar-expand-sm .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }

     .navbar-expand-sm .offcanvas .offcanvas-header {
         display: none
     }

     .navbar-expand-sm .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

 @media (min-width:768px) {
     .navbar-expand-md {
         flex-wrap: nowrap;
         justify-content: flex-start
     }

     .navbar-expand-md .navbar-nav {
         flex-direction: row
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }

     .navbar-expand-md .navbar-nav-scroll {
         overflow: visible
     }

     .navbar-expand-md .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }

     .navbar-expand-md .navbar-toggler {
         display: none
     }

     .navbar-expand-md .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }

     .navbar-expand-md .offcanvas .offcanvas-header {
         display: none
     }

     .navbar-expand-md .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

 @media (min-width:992px) {
     .navbar-expand-lg {
         flex-wrap: nowrap;
         justify-content: flex-start
     }

     .navbar-expand-lg .navbar-nav {
         flex-direction: row
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }

     .navbar-expand-lg .navbar-nav-scroll {
         overflow: visible
     }

     .navbar-expand-lg .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }

     .navbar-expand-lg .navbar-toggler {
         display: none
     }

     .navbar-expand-lg .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }

     .navbar-expand-lg .offcanvas .offcanvas-header {
         display: none
     }

     .navbar-expand-lg .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

 @media (min-width:1200px) {
     .navbar-expand-xl {
         flex-wrap: nowrap;
         justify-content: flex-start
     }

     .navbar-expand-xl .navbar-nav {
         flex-direction: row
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }

     .navbar-expand-xl .navbar-nav-scroll {
         overflow: visible
     }

     .navbar-expand-xl .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }

     .navbar-expand-xl .navbar-toggler {
         display: none
     }

     .navbar-expand-xl .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }

     .navbar-expand-xl .offcanvas .offcanvas-header {
         display: none
     }

     .navbar-expand-xl .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

 @media (min-width:1400px) {
     .navbar-expand-xxl {
         flex-wrap: nowrap;
         justify-content: flex-start
     }

     .navbar-expand-xxl .navbar-nav {
         flex-direction: row
     }

     .navbar-expand-xxl .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-xxl .navbar-nav .nav-link {
         padding-right: var(--bs-navbar-nav-link-padding-x);
         padding-left: var(--bs-navbar-nav-link-padding-x)
     }

     .navbar-expand-xxl .navbar-nav-scroll {
         overflow: visible
     }

     .navbar-expand-xxl .navbar-collapse {
         display: flex !important;
         flex-basis: auto
     }

     .navbar-expand-xxl .navbar-toggler {
         display: none
     }

     .navbar-expand-xxl .offcanvas {
         position: static;
         z-index: auto;
         flex-grow: 1;
         width: auto !important;
         height: auto !important;
         visibility: visible !important;
         background-color: transparent !important;
         border: 0 !important;
         transform: none !important;
         transition: none
     }

     .navbar-expand-xxl .offcanvas .offcanvas-header {
         display: none
     }

     .navbar-expand-xxl .offcanvas .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible
     }
 }

 .navbar-expand {
     flex-wrap: nowrap;
     justify-content: flex-start
 }

 .navbar-expand .navbar-nav {
     flex-direction: row
 }

 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute
 }

 .navbar-expand .navbar-nav .nav-link {
     padding-right: var(--bs-navbar-nav-link-padding-x);
     padding-left: var(--bs-navbar-nav-link-padding-x)
 }

 .navbar-expand .navbar-nav-scroll {
     overflow: visible
 }

 .navbar-expand .navbar-collapse {
     display: flex !important;
     flex-basis: auto
 }

 .navbar-expand .navbar-toggler {
     display: none
 }

 .navbar-expand .offcanvas {
     position: static;
     z-index: auto;
     flex-grow: 1;
     width: auto !important;
     height: auto !important;
     visibility: visible !important;
     background-color: transparent !important;
     border: 0 !important;
     transform: none !important;
     transition: none
 }

 .navbar-expand .offcanvas .offcanvas-header {
     display: none
 }

 .navbar-expand .offcanvas .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible
 }

 .navbar-dark {
     --bs-navbar-color: rgba(255, 255, 255, 0.55);
     --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
     --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
     --bs-navbar-active-color: #fff;
     --bs-navbar-brand-color: #fff;
     --bs-navbar-brand-hover-color: #fff;
     --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .card {
     --bs-card-spacer-y: 1rem;
     --bs-card-spacer-x: 1rem;
     --bs-card-title-spacer-y: 0.5rem;
     --bs-card-border-width: 1px;
     --bs-card-border-color: var(--bs-border-color-translucent);
     --bs-card-border-radius: 0.375rem;
     --bs-card-box-shadow: ;
     --bs-card-inner-border-radius: calc(0.375rem - 1px);
     --bs-card-cap-padding-y: 0.5rem;
     --bs-card-cap-padding-x: 1rem;
     --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
     --bs-card-cap-color: ;
     --bs-card-height: ;
     --bs-card-color: ;
     --bs-card-bg: #fff;
     --bs-card-img-overlay-padding: 1rem;
     --bs-card-group-margin: 0.75rem;
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     height: var(--bs-card-height);
     word-wrap: break-word;
     background-color: var(--bs-card-bg);
     background-clip: border-box;
     border: var(--bs-card-border-width) solid var(--bs-card-border-color);
     border-radius: var(--bs-card-border-radius)
 }

 .card>hr {
     margin-right: 0;
     margin-left: 0
 }

 .card>.list-group {
     border-top: inherit;
     border-bottom: inherit
 }

 .card>.list-group:first-child {
     border-top-width: 0;
     border-top-left-radius: var(--bs-card-inner-border-radius);
     border-top-right-radius: var(--bs-card-inner-border-radius)
 }

 .card>.list-group:last-child {
     border-bottom-width: 0;
     border-bottom-right-radius: var(--bs-card-inner-border-radius);
     border-bottom-left-radius: var(--bs-card-inner-border-radius)
 }

 .card>.card-header+.list-group,
 .card>.list-group+.card-footer {
     border-top: 0
 }

 .card-body {
     flex: 1 1 auto;
     padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
     color: var(--bs-card-color)
 }

 .card-title {
     margin-bottom: var(--bs-card-title-spacer-y)
 }

 .card-subtitle {
     margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
     margin-bottom: 0
 }

 .card-text:last-child {
     margin-bottom: 0
 }

 .card-link+.card-link {
     margin-left: var(--bs-card-spacer-x)
 }

 .card-header {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     margin-bottom: 0;
     color: var(--bs-card-cap-color);
     background-color: var(--bs-card-cap-bg);
     border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
 }

 .card-header:first-child {
     border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
 }

 .card-footer {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     color: var(--bs-card-cap-color);
     background-color: var(--bs-card-cap-bg);
     border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
 }

 .card-footer:last-child {
     border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
 }

 .card-header-tabs {
     margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
     margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
     margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
     border-bottom: 0
 }

 .card-header-tabs .nav-link.active {
     background-color: var(--bs-card-bg);
     border-bottom-color: var(--bs-card-bg)
 }

 .card-header-pills {
     margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
     margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
 }

 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: var(--bs-card-img-overlay-padding);
     border-radius: var(--bs-card-inner-border-radius)
 }

 .card-img,
 .card-img-bottom,
 .card-img-top {
     width: 100%
 }

 .card-img,
 .card-img-top {
     border-top-left-radius: var(--bs-card-inner-border-radius);
     border-top-right-radius: var(--bs-card-inner-border-radius)
 }

 .card-img,
 .card-img-bottom {
     border-bottom-right-radius: var(--bs-card-inner-border-radius);
     border-bottom-left-radius: var(--bs-card-inner-border-radius)
 }

 .card-group>.card {
     margin-bottom: var(--bs-card-group-margin)
 }

 @media (min-width:576px) {
     .card-group {
         display: flex;
         flex-flow: row wrap
     }

     .card-group>.card {
         flex: 1 0 0%;
         margin-bottom: 0
     }

     .card-group>.card+.card {
         margin-left: 0;
         border-left: 0
     }

     .card-group>.card:not(:last-child) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0
     }

     .card-group>.card:not(:last-child) .card-header,
     .card-group>.card:not(:last-child) .card-img-top {
         border-top-right-radius: 0
     }

     .card-group>.card:not(:last-child) .card-footer,
     .card-group>.card:not(:last-child) .card-img-bottom {
         border-bottom-right-radius: 0
     }

     .card-group>.card:not(:first-child) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0
     }

     .card-group>.card:not(:first-child) .card-header,
     .card-group>.card:not(:first-child) .card-img-top {
         border-top-left-radius: 0
     }

     .card-group>.card:not(:first-child) .card-footer,
     .card-group>.card:not(:first-child) .card-img-bottom {
         border-bottom-left-radius: 0
     }
 }

 .accordion {
     --bs-accordion-color: #000;
     --bs-accordion-bg: #fff;
     --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
     --bs-accordion-border-color: var(--bs-border-color);
     --bs-accordion-border-width: 1px;
     --bs-accordion-border-radius: 0.375rem;
     --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
     --bs-accordion-btn-padding-x: 1.25rem;
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: var(--bs-body-color);
     --bs-accordion-btn-bg: var(--bs-accordion-bg);
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     --bs-accordion-btn-focus-border-color: #86b7fe;
     --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: #0c63e4;
     --bs-accordion-active-bg: #e7f1ff
 }

 .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
     font-size: 1rem;
     color: var(--bs-accordion-btn-color);
     text-align: left;
     background-color: var(--bs-accordion-btn-bg);
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     transition: var(--bs-accordion-transition)
 }

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

 .accordion-button:not(.collapsed) {
     color: var(--bs-accordion-active-color);
     background-color: var(--bs-accordion-active-bg);
     box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
 }

 .accordion-button:not(.collapsed)::after {
     background-image: var(--bs-accordion-btn-active-icon);
     transform: var(--bs-accordion-btn-icon-transform)
 }

 .accordion-button::after {
     flex-shrink: 0;
     width: var(--bs-accordion-btn-icon-width);
     height: var(--bs-accordion-btn-icon-width);
     margin-left: auto;
     content: "";
     background-image: var(--bs-accordion-btn-icon);
     background-repeat: no-repeat;
     background-size: var(--bs-accordion-btn-icon-width);
     transition: var(--bs-accordion-btn-icon-transition)
 }

 @media (prefers-reduced-motion:reduce) {
     .accordion-button::after {
         transition: none
     }
 }

 .accordion-button:hover {
     z-index: 2
 }

 .accordion-button:focus {
     z-index: 3;
     border-color: var(--bs-accordion-btn-focus-border-color);
     outline: 0;
     box-shadow: var(--bs-accordion-btn-focus-box-shadow)
 }

 .accordion-header {
     margin-bottom: 0
 }

 .accordion-item {
     color: var(--bs-accordion-color);
     background-color: var(--bs-accordion-bg);
     border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
 }

 .accordion-item:first-of-type {
     border-top-left-radius: var(--bs-accordion-border-radius);
     border-top-right-radius: var(--bs-accordion-border-radius)
 }

 .accordion-item:first-of-type .accordion-button {
     border-top-left-radius: var(--bs-accordion-inner-border-radius);
     border-top-right-radius: var(--bs-accordion-inner-border-radius)
 }

 .accordion-item:not(:first-of-type) {
     border-top: 0
 }

 .accordion-item:last-of-type {
     border-bottom-right-radius: var(--bs-accordion-border-radius);
     border-bottom-left-radius: var(--bs-accordion-border-radius)
 }

 .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
     border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
 }

 .accordion-item:last-of-type .accordion-collapse {
     border-bottom-right-radius: var(--bs-accordion-border-radius);
     border-bottom-left-radius: var(--bs-accordion-border-radius)
 }

 .accordion-body {
     padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
 }

 .accordion-flush .accordion-collapse {
     border-width: 0
 }

 .accordion-flush .accordion-item {
     border-right: 0;
     border-left: 0;
     border-radius: 0
 }

 .accordion-flush .accordion-item:first-child {
     border-top: 0
 }

 .accordion-flush .accordion-item:last-child {
     border-bottom: 0
 }

 .accordion-flush .accordion-item .accordion-button {
     border-radius: 0
 }

 .breadcrumb {
     --bs-breadcrumb-padding-x: 0;
     --bs-breadcrumb-padding-y: 0;
     --bs-breadcrumb-margin-bottom: 1rem;
     --bs-breadcrumb-bg: ;
     --bs-breadcrumb-border-radius: ;
     --bs-breadcrumb-divider-color: #6c757d;
     --bs-breadcrumb-item-padding-x: 0.5rem;
     --bs-breadcrumb-item-active-color: #6c757d;
     display: flex;
     flex-wrap: wrap;
     padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
     margin-bottom: var(--bs-breadcrumb-margin-bottom);
     font-size: var(--bs-breadcrumb-font-size);
     list-style: none;
     background-color: var(--bs-breadcrumb-bg);
     border-radius: var(--bs-breadcrumb-border-radius)
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: var(--bs-breadcrumb-item-padding-x)
 }

 .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: var(--bs-breadcrumb-divider-color);
     content: var(--bs-breadcrumb-divider, "/")
 }

 .breadcrumb-item.active {
     color: var(--bs-breadcrumb-item-active-color)
 }

 .pagination {
     --bs-pagination-padding-x: 0.75rem;
     --bs-pagination-padding-y: 0.375rem;
     --bs-pagination-font-size: 1rem;
     --bs-pagination-color: var(--bs-link-color);
     --bs-pagination-bg: #fff;
     --bs-pagination-border-width: 1px;
     --bs-pagination-border-color: #dee2e6;
     --bs-pagination-border-radius: 0.375rem;
     --bs-pagination-hover-color: var(--bs-link-hover-color);
     --bs-pagination-hover-bg: #e9ecef;
     --bs-pagination-hover-border-color: #dee2e6;
     --bs-pagination-focus-color: var(--bs-link-hover-color);
     --bs-pagination-focus-bg: #e9ecef;
     --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
     --bs-pagination-active-color: #fff;
     --bs-pagination-active-bg: #0d6efd;
     --bs-pagination-active-border-color: #0d6efd;
     --bs-pagination-disabled-color: #6c757d;
     --bs-pagination-disabled-bg: #fff;
     --bs-pagination-disabled-border-color: #dee2e6;
     display: flex;
     padding-left: 0;
     list-style: none
 }

 .page-link {
     position: relative;
     display: block;
     padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
     font-size: var(--bs-pagination-font-size);
     color: var(--bs-pagination-color);
     text-decoration: none;
     background-color: var(--bs-pagination-bg);
     border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

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

 .page-link:hover {
     z-index: 2;
     color: var(--bs-pagination-hover-color);
     background-color: var(--bs-pagination-hover-bg);
     border-color: var(--bs-pagination-hover-border-color)
 }

 .page-link:focus {
     z-index: 3;
     color: var(--bs-pagination-focus-color);
     background-color: var(--bs-pagination-focus-bg);
     outline: 0;
     box-shadow: var(--bs-pagination-focus-box-shadow)
 }

 .active>.page-link,
 .page-link.active {
     z-index: 3;
     color: var(--bs-pagination-active-color);
     background-color: var(--bs-pagination-active-bg);
     border-color: var(--bs-pagination-active-border-color)
 }

 .disabled>.page-link,
 .page-link.disabled {
     color: var(--bs-pagination-disabled-color);
     pointer-events: none;
     background-color: var(--bs-pagination-disabled-bg);
     border-color: var(--bs-pagination-disabled-border-color)
 }

 .page-item:not(:first-child) .page-link {
     margin-left: -1px
 }

 .page-item:first-child .page-link {
     border-top-left-radius: var(--bs-pagination-border-radius);
     border-bottom-left-radius: var(--bs-pagination-border-radius)
 }

 .page-item:last-child .page-link {
     border-top-right-radius: var(--bs-pagination-border-radius);
     border-bottom-right-radius: var(--bs-pagination-border-radius)
 }

 .pagination-lg {
     --bs-pagination-padding-x: 1.5rem;
     --bs-pagination-padding-y: 0.75rem;
     --bs-pagination-font-size: 1.25rem;
     --bs-pagination-border-radius: 0.5rem
 }

 .pagination-sm {
     --bs-pagination-padding-x: 0.5rem;
     --bs-pagination-padding-y: 0.25rem;
     --bs-pagination-font-size: 0.875rem;
     --bs-pagination-border-radius: 0.25rem
 }

 .badge {
     --bs-badge-padding-x: 0.65em;
     --bs-badge-padding-y: 0.35em;
     --bs-badge-font-size: 0.75em;
     --bs-badge-font-weight: 700;
     --bs-badge-color: #fff;
     --bs-badge-border-radius: 0.375rem;
     display: inline-block;
     padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
     font-size: var(--bs-badge-font-size);
     font-weight: var(--bs-badge-font-weight);
     line-height: 1;
     color: var(--bs-badge-color);
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: var(--bs-badge-border-radius)
 }

 .badge:empty {
     display: none
 }

 .btn .badge {
     position: relative;
     top: -1px
 }

 .alert {
     --bs-alert-bg: transparent;
     --bs-alert-padding-x: 1rem;
     --bs-alert-padding-y: 1rem;
     --bs-alert-margin-bottom: 1rem;
     --bs-alert-color: inherit;
     --bs-alert-border-color: transparent;
     --bs-alert-border: 1px solid var(--bs-alert-border-color);
     --bs-alert-border-radius: 0.375rem;
     position: relative;
     padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
     margin-bottom: var(--bs-alert-margin-bottom);
     color: var(--bs-alert-color);
     background-color: var(--bs-alert-bg);
     border: var(--bs-alert-border);
     border-radius: var(--bs-alert-border-radius)
 }

 .alert-heading {
     color: inherit
 }

 .alert-link {
     font-weight: 700
 }

 .alert-dismissible {
     padding-right: 3rem
 }

 .alert-dismissible .btn-close {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 2;
     padding: 1.25rem 1rem
 }

 .alert-primary {
     --bs-alert-color: #084298;
     --bs-alert-bg: #cfe2ff;
     --bs-alert-border-color: #b6d4fe
 }

 .alert-primary .alert-link {
     color: #06357a
 }

 .alert-secondary {
     --bs-alert-color: #41464b;
     --bs-alert-bg: #e2e3e5;
     --bs-alert-border-color: #d3d6d8
 }

 .alert-secondary .alert-link {
     color: #34383c
 }

 .alert-success {
     --bs-alert-color: #0f5132;
     --bs-alert-bg: #d1e7dd;
     --bs-alert-border-color: #badbcc
 }

 .alert-success .alert-link {
     color: #0c4128
 }

 .alert-info {
     --bs-alert-color: #055160;
     --bs-alert-bg: #cff4fc;
     --bs-alert-border-color: #b6effb
 }

 .alert-info .alert-link {
     color: #04414d
 }

 .alert-warning {
     --bs-alert-color: #664d03;
     --bs-alert-bg: #fff3cd;
     --bs-alert-border-color: #ffecb5
 }

 .alert-warning .alert-link {
     color: #523e02
 }

 .alert-danger {
     --bs-alert-color: #842029;
     --bs-alert-bg: #f8d7da;
     --bs-alert-border-color: #f5c2c7
 }

 .alert-danger .alert-link {
     color: #6a1a21
 }

 .alert-light {
     --bs-alert-color: #636464;
     --bs-alert-bg: #fefefe;
     --bs-alert-border-color: #fdfdfe
 }

 .alert-light .alert-link {
     color: #4f5050
 }

 .alert-dark {
     --bs-alert-color: #141619;
     --bs-alert-bg: #d3d3d4;
     --bs-alert-border-color: #bcbebf
 }

 .alert-dark .alert-link {
     color: #101214
 }

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

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

 .progress {
     --bs-progress-height: 1rem;
     --bs-progress-font-size: 0.75rem;
     --bs-progress-bg: #e9ecef;
     --bs-progress-border-radius: 0.375rem;
     --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     --bs-progress-bar-color: #fff;
     --bs-progress-bar-bg: #0d6efd;
     --bs-progress-bar-transition: width 0.6s ease;
     display: flex;
     height: var(--bs-progress-height);
     overflow: hidden;
     font-size: var(--bs-progress-font-size);
     background-color: var(--bs-progress-bg);
     border-radius: var(--bs-progress-border-radius)
 }

 .progress-bar {
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
     color: var(--bs-progress-bar-color);
     text-align: center;
     white-space: nowrap;
     background-color: var(--bs-progress-bar-bg);
     transition: var(--bs-progress-bar-transition)
 }

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

 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
     background-size: var(--bs-progress-height) var(--bs-progress-height)
 }

 .progress-bar-animated {
     -webkit-animation: 1s linear infinite progress-bar-stripes;
     animation: 1s linear infinite progress-bar-stripes
 }

 @media (prefers-reduced-motion:reduce) {
     .progress-bar-animated {
         -webkit-animation: none;
         animation: none
     }
 }

 .list-group {
     --bs-list-group-color: #212529;
     --bs-list-group-bg: #fff;
     --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
     --bs-list-group-border-width: 1px;
     --bs-list-group-border-radius: 0.375rem;
     --bs-list-group-item-padding-x: 1rem;
     --bs-list-group-item-padding-y: 0.5rem;
     --bs-list-group-action-color: #495057;
     --bs-list-group-action-hover-color: #495057;
     --bs-list-group-action-hover-bg: #f8f9fa;
     --bs-list-group-action-active-color: #212529;
     --bs-list-group-action-active-bg: #e9ecef;
     --bs-list-group-disabled-color: #6c757d;
     --bs-list-group-disabled-bg: #fff;
     --bs-list-group-active-color: #fff;
     --bs-list-group-active-bg: #0d6efd;
     --bs-list-group-active-border-color: #0d6efd;
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     border-radius: var(--bs-list-group-border-radius)
 }

 .list-group-numbered {
     list-style-type: none;
     counter-reset: section
 }

 .list-group-numbered>.list-group-item::before {
     content: counters(section, ".") ". ";
     counter-increment: section
 }

 .list-group-item-action {
     width: 100%;
     color: var(--bs-list-group-action-color);
     text-align: inherit
 }

 .list-group-item-action:focus,
 .list-group-item-action:hover {
     z-index: 1;
     color: var(--bs-list-group-action-hover-color);
     text-decoration: none;
     background-color: var(--bs-list-group-action-hover-bg)
 }

 .list-group-item-action:active {
     color: var(--bs-list-group-action-active-color);
     background-color: var(--bs-list-group-action-active-bg)
 }

 .list-group-item {
     position: relative;
     display: block;
     padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
     color: var(--bs-list-group-color);
     text-decoration: none;
     background-color: var(--bs-list-group-bg);
     border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
 }

 .list-group-item:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit
 }

 .list-group-item:last-child {
     border-bottom-right-radius: inherit;
     border-bottom-left-radius: inherit
 }

 .list-group-item.disabled,
 .list-group-item:disabled {
     color: var(--bs-list-group-disabled-color);
     pointer-events: none;
     background-color: var(--bs-list-group-disabled-bg)
 }

 .list-group-item.active {
     z-index: 2;
     color: var(--bs-list-group-active-color);
     background-color: var(--bs-list-group-active-bg);
     border-color: var(--bs-list-group-active-border-color)
 }

 .list-group-item+.list-group-item {
     border-top-width: 0
 }

 .list-group-item+.list-group-item.active {
     margin-top: calc(var(--bs-list-group-border-width) * -1);
     border-top-width: var(--bs-list-group-border-width)
 }

 .list-group-horizontal {
     flex-direction: row
 }

 .list-group-horizontal>.list-group-item:first-child {
     border-bottom-left-radius: var(--bs-list-group-border-radius);
     border-top-right-radius: 0
 }

 .list-group-horizontal>.list-group-item:last-child {
     border-top-right-radius: var(--bs-list-group-border-radius);
     border-bottom-left-radius: 0
 }

 .list-group-horizontal>.list-group-item.active {
     margin-top: 0
 }

 .list-group-horizontal>.list-group-item+.list-group-item {
     border-top-width: var(--bs-list-group-border-width);
     border-left-width: 0
 }

 .list-group-horizontal>.list-group-item+.list-group-item.active {
     margin-left: calc(var(--bs-list-group-border-width) * -1);
     border-left-width: var(--bs-list-group-border-width)
 }

 @media (min-width:576px) {
     .list-group-horizontal-sm {
         flex-direction: row
     }

     .list-group-horizontal-sm>.list-group-item:first-child {
         border-bottom-left-radius: var(--bs-list-group-border-radius);
         border-top-right-radius: 0
     }

     .list-group-horizontal-sm>.list-group-item:last-child {
         border-top-right-radius: var(--bs-list-group-border-radius);
         border-bottom-left-radius: 0
     }

     .list-group-horizontal-sm>.list-group-item.active {
         margin-top: 0
     }

     .list-group-horizontal-sm>.list-group-item+.list-group-item {
         border-top-width: var(--bs-list-group-border-width);
         border-left-width: 0
     }

     .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
         margin-left: calc(var(--bs-list-group-border-width) * -1);
         border-left-width: var(--bs-list-group-border-width)
     }
 }

 @media (min-width:768px) {
     .list-group-horizontal-md {
         flex-direction: row
     }

     .list-group-horizontal-md>.list-group-item:first-child {
         border-bottom-left-radius: var(--bs-list-group-border-radius);
         border-top-right-radius: 0
     }

     .list-group-horizontal-md>.list-group-item:last-child {
         border-top-right-radius: var(--bs-list-group-border-radius);
         border-bottom-left-radius: 0
     }

     .list-group-horizontal-md>.list-group-item.active {
         margin-top: 0
     }

     .list-group-horizontal-md>.list-group-item+.list-group-item {
         border-top-width: var(--bs-list-group-border-width);
         border-left-width: 0
     }

     .list-group-horizontal-md>.list-group-item+.list-group-item.active {
         margin-left: calc(var(--bs-list-group-border-width) * -1);
         border-left-width: var(--bs-list-group-border-width)
     }
 }

 @media (min-width:992px) {
     .list-group-horizontal-lg {
         flex-direction: row
     }

     .list-group-horizontal-lg>.list-group-item:first-child {
         border-bottom-left-radius: var(--bs-list-group-border-radius);
         border-top-right-radius: 0
     }

     .list-group-horizontal-lg>.list-group-item:last-child {
         border-top-right-radius: var(--bs-list-group-border-radius);
         border-bottom-left-radius: 0
     }

     .list-group-horizontal-lg>.list-group-item.active {
         margin-top: 0
     }

     .list-group-horizontal-lg>.list-group-item+.list-group-item {
         border-top-width: var(--bs-list-group-border-width);
         border-left-width: 0
     }

     .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
         margin-left: calc(var(--bs-list-group-border-width) * -1);
         border-left-width: var(--bs-list-group-border-width)
     }
 }

 @media (min-width:1200px) {
     .list-group-horizontal-xl {
         flex-direction: row
     }

     .list-group-horizontal-xl>.list-group-item:first-child {
         border-bottom-left-radius: var(--bs-list-group-border-radius);
         border-top-right-radius: 0
     }

     .list-group-horizontal-xl>.list-group-item:last-child {
         border-top-right-radius: var(--bs-list-group-border-radius);
         border-bottom-left-radius: 0
     }

     .list-group-horizontal-xl>.list-group-item.active {
         margin-top: 0
     }

     .list-group-horizontal-xl>.list-group-item+.list-group-item {
         border-top-width: var(--bs-list-group-border-width);
         border-left-width: 0
     }

     .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
         margin-left: calc(var(--bs-list-group-border-width) * -1);
         border-left-width: var(--bs-list-group-border-width)
     }
 }

 @media (min-width:1400px) {
     .list-group-horizontal-xxl {
         flex-direction: row
     }

     .list-group-horizontal-xxl>.list-group-item:first-child {
         border-bottom-left-radius: var(--bs-list-group-border-radius);
         border-top-right-radius: 0
     }

     .list-group-horizontal-xxl>.list-group-item:last-child {
         border-top-right-radius: var(--bs-list-group-border-radius);
         border-bottom-left-radius: 0
     }

     .list-group-horizontal-xxl>.list-group-item.active {
         margin-top: 0
     }

     .list-group-horizontal-xxl>.list-group-item+.list-group-item {
         border-top-width: var(--bs-list-group-border-width);
         border-left-width: 0
     }

     .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
         margin-left: calc(var(--bs-list-group-border-width) * -1);
         border-left-width: var(--bs-list-group-border-width)
     }
 }

 .list-group-flush {
     border-radius: 0
 }

 .list-group-flush>.list-group-item {
     border-width: 0 0 var(--bs-list-group-border-width)
 }

 .list-group-flush>.list-group-item:last-child {
     border-bottom-width: 0
 }

 .list-group-item-primary {
     color: #084298;
     background-color: #cfe2ff
 }

 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
     color: #084298;
     background-color: #bacbe6
 }

 .list-group-item-primary.list-group-item-action.active {
     color: #fff;
     background-color: #084298;
     border-color: #084298
 }

 .list-group-item-secondary {
     color: #41464b;
     background-color: #e2e3e5
 }

 .list-group-item-secondary.list-group-item-action:focus,
 .list-group-item-secondary.list-group-item-action:hover {
     color: #41464b;
     background-color: #cbccce
 }

 .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
     background-color: #41464b;
     border-color: #41464b
 }

 .list-group-item-success {
     color: #0f5132;
     background-color: #d1e7dd
 }

 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
     color: #0f5132;
     background-color: #bcd0c7
 }

 .list-group-item-success.list-group-item-action.active {
     color: #fff;
     background-color: #0f5132;
     border-color: #0f5132
 }

 .list-group-item-info {
     color: #055160;
     background-color: #cff4fc
 }

 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {
     color: #055160;
     background-color: #badce3
 }

 .list-group-item-info.list-group-item-action.active {
     color: #fff;
     background-color: #055160;
     border-color: #055160
 }

 .list-group-item-warning {
     color: #664d03;
     background-color: #fff3cd
 }

 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {
     color: #664d03;
     background-color: #e6dbb9
 }

 .list-group-item-warning.list-group-item-action.active {
     color: #fff;
     background-color: #664d03;
     border-color: #664d03
 }

 .list-group-item-danger {
     color: #842029;
     background-color: #f8d7da
 }

 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {
     color: #842029;
     background-color: #dfc2c4
 }

 .list-group-item-danger.list-group-item-action.active {
     color: #fff;
     background-color: #842029;
     border-color: #842029
 }

 .list-group-item-light {
     color: #636464;
     background-color: #fefefe
 }

 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
     color: #636464;
     background-color: #e5e5e5
 }

 .list-group-item-light.list-group-item-action.active {
     color: #fff;
     background-color: #636464;
     border-color: #636464
 }

 .list-group-item-dark {
     color: #141619;
     background-color: #d3d3d4
 }

 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
     color: #141619;
     background-color: #bebebf
 }

 .list-group-item-dark.list-group-item-action.active {
     color: #fff;
     background-color: #141619;
     border-color: #141619
 }

 .btn-close {
     box-sizing: content-box;
     width: 1em;
     height: 1em;
     padding: .25em .25em;
     color: #000;
     background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
     border: 0;
     border-radius: .375rem;
     opacity: .5
 }

 .btn-close:hover {
     color: #000;
     text-decoration: none;
     opacity: .75
 }

 .btn-close:focus {
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
     opacity: 1
 }

 .btn-close.disabled,
 .btn-close:disabled {
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     opacity: .25
 }

 .btn-close-white {
     filter: invert(1) grayscale(100%) brightness(200%)
 }

 .toast {
     --bs-toast-padding-x: 0.75rem;
     --bs-toast-padding-y: 0.5rem;
     --bs-toast-spacing: 1.5rem;
     --bs-toast-max-width: 350px;
     --bs-toast-font-size: 0.875rem;
     --bs-toast-color: ;
     --bs-toast-bg: rgba(255, 255, 255, 0.85);
     --bs-toast-border-width: 1px;
     --bs-toast-border-color: var(--bs-border-color-translucent);
     --bs-toast-border-radius: 0.375rem;
     --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     --bs-toast-header-color: #6c757d;
     --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
     --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
     width: var(--bs-toast-max-width);
     max-width: 100%;
     font-size: var(--bs-toast-font-size);
     color: var(--bs-toast-color);
     pointer-events: auto;
     background-color: var(--bs-toast-bg);
     background-clip: padding-box;
     border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
     box-shadow: var(--bs-toast-box-shadow);
     border-radius: var(--bs-toast-border-radius)
 }

 .toast.showing {
     opacity: 0
 }

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

 .toast-container {
     position: absolute;
     z-index: 1090;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     max-width: 100%;
     pointer-events: none
 }

 .toast-container>:not(:last-child) {
     margin-bottom: var(--bs-toast-spacing)
 }

 .toast-header {
     display: flex;
     align-items: center;
     padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
     color: var(--bs-toast-header-color);
     background-color: var(--bs-toast-header-bg);
     background-clip: padding-box;
     border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
     border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
     border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
 }

 .toast-header .btn-close {
     margin-right: calc(var(--bs-toast-padding-x) * -.5);
     margin-left: var(--bs-toast-padding-x)
 }

 .toast-body {
     padding: var(--bs-toast-padding-x);
     word-wrap: break-word
 }

 .modal {
     --bs-modal-zindex: 1055;
     --bs-modal-width: 500px;
     --bs-modal-padding: 1rem;
     --bs-modal-margin: 0.5rem;
     --bs-modal-color: ;
     --bs-modal-bg: #fff;
     --bs-modal-border-color: var(--bs-border-color-translucent);
     --bs-modal-border-width: 1px;
     --bs-modal-border-radius: 0.5rem;
     --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
     --bs-modal-inner-border-radius: calc(0.5rem - 1px);
     --bs-modal-header-padding-x: 1rem;
     --bs-modal-header-padding-y: 1rem;
     --bs-modal-header-padding: 1rem 1rem;
     --bs-modal-header-border-color: var(--bs-border-color);
     --bs-modal-header-border-width: 1px;
     --bs-modal-title-line-height: 1.5;
     --bs-modal-footer-gap: 0.5rem;
     --bs-modal-footer-bg: ;
     --bs-modal-footer-border-color: var(--bs-border-color);
     --bs-modal-footer-border-width: 1px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-modal-zindex);
     display: none;
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     outline: 0
 }

 .modal-dialog {
     position: relative;
     width: auto;
     margin: var(--bs-modal-margin);
     pointer-events: none
 }

 .modal.fade .modal-dialog {
     transition: transform .3s ease-out;
     transform: translate(0, -50px)
 }

 @media (prefers-reduced-motion:reduce) {
     .modal.fade .modal-dialog {
         transition: none
     }
 }

 .modal.show .modal-dialog {
     transform: none
 }

 .modal.modal-static .modal-dialog {
     transform: scale(1.02)
 }

 .modal-dialog-scrollable {
     height: calc(100% - var(--bs-modal-margin) * 2)
 }

 .modal-dialog-scrollable .modal-content {
     max-height: 100%;
     overflow: hidden
 }

 .modal-dialog-scrollable .modal-body {
     overflow-y: auto
 }

 .modal-dialog-centered {
     display: flex;
     align-items: center;
     min-height: calc(100% - var(--bs-modal-margin) * 2)
 }

 .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     color: var(--bs-modal-color);
     pointer-events: auto;
     background-color: var(--bs-modal-bg);
     background-clip: padding-box;
     border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
     border-radius: var(--bs-modal-border-radius);
     outline: 0
 }

 .modal-backdrop {
     --bs-backdrop-zindex: 1050;
     --bs-backdrop-bg: #000;
     --bs-backdrop-opacity: 0.5;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-backdrop-zindex);
     width: 100vw;
     height: 100vh;
     background-color: var(--bs-backdrop-bg)
 }

 .modal-backdrop.fade {
     opacity: 0
 }

 .modal-backdrop.show {
     opacity: var(--bs-backdrop-opacity)
 }

 .modal-header {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: space-between;
     padding: var(--bs-modal-header-padding);
     border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
     border-top-left-radius: var(--bs-modal-inner-border-radius);
     border-top-right-radius: var(--bs-modal-inner-border-radius)
 }

 .modal-header .btn-close {
     padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
     margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
 }

 .modal-title {
     margin-bottom: 0;
     line-height: var(--bs-modal-title-line-height)
 }

 .modal-body {
     position: relative;
     flex: 1 1 auto;
     padding: var(--bs-modal-padding)
 }

 .modal-footer {
     display: flex;
     flex-shrink: 0;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
     background-color: var(--bs-modal-footer-bg);
     border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
     border-bottom-right-radius: var(--bs-modal-inner-border-radius);
     border-bottom-left-radius: var(--bs-modal-inner-border-radius)
 }

 .modal-footer>* {
     margin: calc(var(--bs-modal-footer-gap) * .5)
 }

 @media (min-width:576px) {
     .modal {
         --bs-modal-margin: 1.75rem;
         --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
     }

     .modal-dialog {
         max-width: var(--bs-modal-width);
         margin-right: auto;
         margin-left: auto
     }

     .modal-sm {
         --bs-modal-width: 300px
     }
 }

 @media (min-width:992px) {

     .modal-lg,
     .modal-xl {
         --bs-modal-width: 800px
     }
 }

 @media (min-width:1200px) {
     .modal-xl {
         --bs-modal-width: 1020px
     }
 }

 .modal-fullscreen {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0
 }

 .modal-fullscreen .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0
 }

 .modal-fullscreen .modal-footer,
 .modal-fullscreen .modal-header {
     border-radius: 0
 }

 .modal-fullscreen .modal-body {
     overflow-y: auto
 }

 @media (max-width:575.98px) {
     .modal-fullscreen-sm-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0
     }

     .modal-fullscreen-sm-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0
     }

     .modal-fullscreen-sm-down .modal-footer,
     .modal-fullscreen-sm-down .modal-header {
         border-radius: 0
     }

     .modal-fullscreen-sm-down .modal-body {
         overflow-y: auto
     }
 }

 @media (max-width:767.98px) {
     .modal-fullscreen-md-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0
     }

     .modal-fullscreen-md-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0
     }

     .modal-fullscreen-md-down .modal-footer,
     .modal-fullscreen-md-down .modal-header {
         border-radius: 0
     }

     .modal-fullscreen-md-down .modal-body {
         overflow-y: auto
     }
 }

 @media (max-width:991.98px) {
     .modal-fullscreen-lg-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0
     }

     .modal-fullscreen-lg-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0
     }

     .modal-fullscreen-lg-down .modal-footer,
     .modal-fullscreen-lg-down .modal-header {
         border-radius: 0
     }

     .modal-fullscreen-lg-down .modal-body {
         overflow-y: auto
     }
 }

 @media (max-width:1199.98px) {
     .modal-fullscreen-xl-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0
     }

     .modal-fullscreen-xl-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0
     }

     .modal-fullscreen-xl-down .modal-footer,
     .modal-fullscreen-xl-down .modal-header {
         border-radius: 0
     }

     .modal-fullscreen-xl-down .modal-body {
         overflow-y: auto
     }
 }

 @media (max-width:1399.98px) {
     .modal-fullscreen-xxl-down {
         width: 100vw;
         max-width: none;
         height: 100%;
         margin: 0
     }

     .modal-fullscreen-xxl-down .modal-content {
         height: 100%;
         border: 0;
         border-radius: 0
     }

     .modal-fullscreen-xxl-down .modal-footer,
     .modal-fullscreen-xxl-down .modal-header {
         border-radius: 0
     }

     .modal-fullscreen-xxl-down .modal-body {
         overflow-y: auto
     }
 }

 .tooltip {
     --bs-tooltip-zindex: 1080;
     --bs-tooltip-max-width: 200px;
     --bs-tooltip-padding-x: 0.5rem;
     --bs-tooltip-padding-y: 0.25rem;
     --bs-tooltip-margin: ;
     --bs-tooltip-font-size: 0.875rem;
     --bs-tooltip-color: #fff;
     --bs-tooltip-bg: #000;
     --bs-tooltip-border-radius: 0.375rem;
     --bs-tooltip-opacity: 0.9;
     --bs-tooltip-arrow-width: 0.8rem;
     --bs-tooltip-arrow-height: 0.4rem;
     z-index: var(--bs-tooltip-zindex);
     display: block;
     padding: var(--bs-tooltip-arrow-height);
     margin: var(--bs-tooltip-margin);
     font-family: var(--bs-font-sans-serif);
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     white-space: normal;
     word-spacing: normal;
     line-break: auto;
     font-size: var(--bs-tooltip-font-size);
     word-wrap: break-word;
     opacity: 0
 }

 .tooltip.show {
     opacity: var(--bs-tooltip-opacity)
 }

 .tooltip .tooltip-arrow {
     display: block;
     width: var(--bs-tooltip-arrow-width);
     height: var(--bs-tooltip-arrow-height)
 }

 .tooltip .tooltip-arrow::before {
     position: absolute;
     content: "";
     border-color: transparent;
     border-style: solid
 }

 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
 .bs-tooltip-top .tooltip-arrow {
     bottom: 0
 }

 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
 .bs-tooltip-top .tooltip-arrow::before {
     top: -1px;
     border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-top-color: var(--bs-tooltip-bg)
 }

 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
 .bs-tooltip-end .tooltip-arrow {
     left: 0;
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width)
 }

 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
 .bs-tooltip-end .tooltip-arrow::before {
     right: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-right-color: var(--bs-tooltip-bg)
 }

 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
 .bs-tooltip-bottom .tooltip-arrow {
     top: 0
 }

 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
 .bs-tooltip-bottom .tooltip-arrow::before {
     bottom: -1px;
     border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-bottom-color: var(--bs-tooltip-bg)
 }

 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
 .bs-tooltip-start .tooltip-arrow {
     right: 0;
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width)
 }

 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
 .bs-tooltip-start .tooltip-arrow::before {
     left: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-left-color: var(--bs-tooltip-bg)
 }

 .tooltip-inner {
     max-width: var(--bs-tooltip-max-width);
     padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
     color: var(--bs-tooltip-color);
     text-align: center;
     background-color: var(--bs-tooltip-bg);
     border-radius: var(--bs-tooltip-border-radius)
 }

 .popover {
     --bs-popover-zindex: 1070;
     --bs-popover-max-width: 276px;
     --bs-popover-font-size: 0.875rem;
     --bs-popover-bg: #fff;
     --bs-popover-border-width: 1px;
     --bs-popover-border-color: var(--bs-border-color-translucent);
     --bs-popover-border-radius: 0.5rem;
     --bs-popover-inner-border-radius: calc(0.5rem - 1px);
     --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     --bs-popover-header-padding-x: 1rem;
     --bs-popover-header-padding-y: 0.5rem;
     --bs-popover-header-font-size: 1rem;
     --bs-popover-header-color: var(--bs-heading-color);
     --bs-popover-header-bg: #f0f0f0;
     --bs-popover-body-padding-x: 1rem;
     --bs-popover-body-padding-y: 1rem;
     --bs-popover-body-color: #212529;
     --bs-popover-arrow-width: 1rem;
     --bs-popover-arrow-height: 0.5rem;
     --bs-popover-arrow-border: var(--bs-popover-border-color);
     z-index: var(--bs-popover-zindex);
     display: block;
     max-width: var(--bs-popover-max-width);
     font-family: var(--bs-font-sans-serif);
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     white-space: normal;
     word-spacing: normal;
     line-break: auto;
     font-size: var(--bs-popover-font-size);
     word-wrap: break-word;
     background-color: var(--bs-popover-bg);
     background-clip: padding-box;
     border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-radius: var(--bs-popover-border-radius)
 }

 .popover .popover-arrow {
     display: block;
     width: var(--bs-popover-arrow-width);
     height: var(--bs-popover-arrow-height)
 }

 .popover .popover-arrow::after,
 .popover .popover-arrow::before {
     position: absolute;
     display: block;
     content: "";
     border-color: transparent;
     border-style: solid;
     border-width: 0
 }

 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
 .bs-popover-top>.popover-arrow {
     bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
 }

 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
 .bs-popover-top>.popover-arrow::after,
 .bs-popover-top>.popover-arrow::before {
     border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
 }

 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
 .bs-popover-top>.popover-arrow::before {
     bottom: 0;
     border-top-color: var(--bs-popover-arrow-border)
 }

 .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
 .bs-popover-top>.popover-arrow::after {
     bottom: var(--bs-popover-border-width);
     border-top-color: var(--bs-popover-bg)
 }

 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
 .bs-popover-end>.popover-arrow {
     left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
     width: var(--bs-popover-arrow-height);
     height: var(--bs-popover-arrow-width)
 }

 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
 .bs-popover-end>.popover-arrow::after,
 .bs-popover-end>.popover-arrow::before {
     border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
 }

 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
 .bs-popover-end>.popover-arrow::before {
     left: 0;
     border-right-color: var(--bs-popover-arrow-border)
 }

 .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
 .bs-popover-end>.popover-arrow::after {
     left: var(--bs-popover-border-width);
     border-right-color: var(--bs-popover-bg)
 }

 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
 .bs-popover-bottom>.popover-arrow {
     top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
 }

 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
 .bs-popover-bottom>.popover-arrow::after,
 .bs-popover-bottom>.popover-arrow::before {
     border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
 }

 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
 .bs-popover-bottom>.popover-arrow::before {
     top: 0;
     border-bottom-color: var(--bs-popover-arrow-border)
 }

 .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
 .bs-popover-bottom>.popover-arrow::after {
     top: var(--bs-popover-border-width);
     border-bottom-color: var(--bs-popover-bg)
 }

 .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
 .bs-popover-bottom .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: var(--bs-popover-arrow-width);
     margin-left: calc(var(--bs-popover-arrow-width) * -.5);
     content: "";
     border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
 }

 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
 .bs-popover-start>.popover-arrow {
     right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
     width: var(--bs-popover-arrow-height);
     height: var(--bs-popover-arrow-width)
 }

 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
 .bs-popover-start>.popover-arrow::after,
 .bs-popover-start>.popover-arrow::before {
     border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
 }

 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
 .bs-popover-start>.popover-arrow::before {
     right: 0;
     border-left-color: var(--bs-popover-arrow-border)
 }

 .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
 .bs-popover-start>.popover-arrow::after {
     right: var(--bs-popover-border-width);
     border-left-color: var(--bs-popover-bg)
 }

 .popover-header {
     padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
     margin-bottom: 0;
     font-size: var(--bs-popover-header-font-size);
     color: var(--bs-popover-header-color);
     background-color: var(--bs-popover-header-bg);
     border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
     border-top-left-radius: var(--bs-popover-inner-border-radius);
     border-top-right-radius: var(--bs-popover-inner-border-radius)
 }

 .popover-header:empty {
     display: none
 }

 .popover-body {
     padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
     color: var(--bs-popover-body-color)
 }

 .carousel {
     position: relative
 }

 .carousel.pointer-event {
     touch-action: pan-y
 }

 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden
 }

 .carousel-inner::after {
     display: block;
     clear: both;
     content: ""
 }

 .carousel-item {
     position: relative;
     display: none;
     float: left;
     width: 100%;
     margin-right: -100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: transform .6s ease-in-out
 }

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

 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
     display: block
 }

 .active.carousel-item-end,
 .carousel-item-next:not(.carousel-item-start) {
     transform: translateX(100%)
 }

 .active.carousel-item-start,
 .carousel-item-prev:not(.carousel-item-end) {
     transform: translateX(-100%)
 }

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-property: opacity;
     transform: none
 }

 .carousel-fade .carousel-item-next.carousel-item-start,
 .carousel-fade .carousel-item-prev.carousel-item-end,
 .carousel-fade .carousel-item.active {
     z-index: 1;
     opacity: 1
 }

 .carousel-fade .active.carousel-item-end,
 .carousel-fade .active.carousel-item-start {
     z-index: 0;
     opacity: 0;
     transition: opacity 0s .6s
 }

 @media (prefers-reduced-motion:reduce) {

     .carousel-fade .active.carousel-item-end,
     .carousel-fade .active.carousel-item-start {
         transition: none
     }
 }

 .carousel-control-next,
 .carousel-control-prev {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 15%;
     padding: 0;
     color: #fff;
     text-align: center;
     background: 0 0;
     border: 0;
     opacity: .5;
     transition: opacity .15s ease
 }

 @media (prefers-reduced-motion:reduce) {

     .carousel-control-next,
     .carousel-control-prev {
         transition: none
     }
 }

 .carousel-control-next:focus,
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {
     color: #fff;
     text-decoration: none;
     outline: 0;
     opacity: .9
 }

 .carousel-control-prev {
     left: 0
 }

 .carousel-control-next {
     right: 0
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: 100% 100%
 }

 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
 }

 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
 }

 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: flex;
     justify-content: center;
     padding: 0;
     margin-right: 15%;
     margin-bottom: 1rem;
     margin-left: 15%;
     list-style: none
 }

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

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

 .carousel-indicators .active {
     opacity: 1
 }

 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 1.25rem;
     left: 15%;
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     color: #fff;
     text-align: center
 }

 .carousel-dark .carousel-control-next-icon,
 .carousel-dark .carousel-control-prev-icon {
     filter: invert(1) grayscale(100)
 }

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

 .carousel-dark .carousel-caption {
     color: #000
 }

 .spinner-border,
 .spinner-grow {
     display: inline-block;
     width: var(--bs-spinner-width);
     height: var(--bs-spinner-height);
     vertical-align: var(--bs-spinner-vertical-align);
     border-radius: 50%;
     -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
     animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
 }

 @-webkit-keyframes spinner-border {
     to {
         transform: rotate(360deg)
     }
 }

 @keyframes spinner-border {
     to {
         transform: rotate(360deg)
     }
 }

 .spinner-border {
     --bs-spinner-width: 2rem;
     --bs-spinner-height: 2rem;
     --bs-spinner-vertical-align: -0.125em;
     --bs-spinner-border-width: 0.25em;
     --bs-spinner-animation-speed: 0.75s;
     --bs-spinner-animation-name: spinner-border;
     border: var(--bs-spinner-border-width) solid currentcolor;
     border-right-color: transparent
 }

 .spinner-border-sm {
     --bs-spinner-width: 1rem;
     --bs-spinner-height: 1rem;
     --bs-spinner-border-width: 0.2em
 }

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

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

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

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

 .spinner-grow {
     --bs-spinner-width: 2rem;
     --bs-spinner-height: 2rem;
     --bs-spinner-vertical-align: -0.125em;
     --bs-spinner-animation-speed: 0.75s;
     --bs-spinner-animation-name: spinner-grow;
     background-color: currentcolor;
     opacity: 0
 }

 .spinner-grow-sm {
     --bs-spinner-width: 1rem;
     --bs-spinner-height: 1rem
 }

 @media (prefers-reduced-motion:reduce) {

     .spinner-border,
     .spinner-grow {
         --bs-spinner-animation-speed: 1.5s
     }
 }

 .offcanvas,
 .offcanvas-lg,
 .offcanvas-md,
 .offcanvas-sm,
 .offcanvas-xl,
 .offcanvas-xxl {
     --bs-offcanvas-width: 400px;
     --bs-offcanvas-height: 30vh;
     --bs-offcanvas-padding-x: 1rem;
     --bs-offcanvas-padding-y: 1rem;
     --bs-offcanvas-color: ;
     --bs-offcanvas-bg: #fff;
     --bs-offcanvas-border-width: 1px;
     --bs-offcanvas-border-color: var(--bs-border-color-translucent);
     --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
 }

 @media (max-width:575.98px) {
     .offcanvas-sm {
         position: fixed;
         bottom: 0;
         z-index: 1045;
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: transform .3s ease-in-out
     }
 }

 @media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
     .offcanvas-sm {
         transition: none
     }
 }

 @media (max-width:575.98px) {
     .offcanvas-sm.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
 }

 @media (max-width:575.98px) {
     .offcanvas-sm.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
 }

 @media (max-width:575.98px) {
     .offcanvas-sm.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
 }

 @media (max-width:575.98px) {
     .offcanvas-sm.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
 }

 @media (max-width:575.98px) {

     .offcanvas-sm.show:not(.hiding),
     .offcanvas-sm.showing {
         transform: none
     }
 }

 @media (max-width:575.98px) {

     .offcanvas-sm.hiding,
     .offcanvas-sm.show,
     .offcanvas-sm.showing {
         visibility: visible
     }
 }

 @media (min-width:576px) {
     .offcanvas-sm {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }

     .offcanvas-sm .offcanvas-header {
         display: none
     }

     .offcanvas-sm .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:767.98px) {
     .offcanvas-md {
         position: fixed;
         bottom: 0;
         z-index: 1045;
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: transform .3s ease-in-out
     }
 }

 @media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
     .offcanvas-md {
         transition: none
     }
 }

 @media (max-width:767.98px) {
     .offcanvas-md.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
 }

 @media (max-width:767.98px) {
     .offcanvas-md.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
 }

 @media (max-width:767.98px) {
     .offcanvas-md.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
 }

 @media (max-width:767.98px) {
     .offcanvas-md.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
 }

 @media (max-width:767.98px) {

     .offcanvas-md.show:not(.hiding),
     .offcanvas-md.showing {
         transform: none
     }
 }

 @media (max-width:767.98px) {

     .offcanvas-md.hiding,
     .offcanvas-md.show,
     .offcanvas-md.showing {
         visibility: visible
     }
 }

 @media (min-width:768px) {
     .offcanvas-md {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }

     .offcanvas-md .offcanvas-header {
         display: none
     }

     .offcanvas-md .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:991.98px) {
     .offcanvas-lg {
         position: fixed;
         bottom: 0;
         z-index: 1045;
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: transform .3s ease-in-out
     }
 }

 @media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
     .offcanvas-lg {
         transition: none
     }
 }

 @media (max-width:991.98px) {
     .offcanvas-lg.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
 }

 @media (max-width:991.98px) {
     .offcanvas-lg.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
 }

 @media (max-width:991.98px) {
     .offcanvas-lg.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
 }

 @media (max-width:991.98px) {
     .offcanvas-lg.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
 }

 @media (max-width:991.98px) {

     .offcanvas-lg.show:not(.hiding),
     .offcanvas-lg.showing {
         transform: none
     }
 }

 @media (max-width:991.98px) {

     .offcanvas-lg.hiding,
     .offcanvas-lg.show,
     .offcanvas-lg.showing {
         visibility: visible
     }
 }

 @media (min-width:992px) {
     .offcanvas-lg {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }

     .offcanvas-lg .offcanvas-header {
         display: none
     }

     .offcanvas-lg .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:1199.98px) {
     .offcanvas-xl {
         position: fixed;
         bottom: 0;
         z-index: 1045;
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: transform .3s ease-in-out
     }
 }

 @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
     .offcanvas-xl {
         transition: none
     }
 }

 @media (max-width:1199.98px) {
     .offcanvas-xl.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
 }

 @media (max-width:1199.98px) {
     .offcanvas-xl.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
 }

 @media (max-width:1199.98px) {
     .offcanvas-xl.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
 }

 @media (max-width:1199.98px) {
     .offcanvas-xl.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
 }

 @media (max-width:1199.98px) {

     .offcanvas-xl.show:not(.hiding),
     .offcanvas-xl.showing {
         transform: none
     }
 }

 @media (max-width:1199.98px) {

     .offcanvas-xl.hiding,
     .offcanvas-xl.show,
     .offcanvas-xl.showing {
         visibility: visible
     }
 }

 @media (min-width:1200px) {
     .offcanvas-xl {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }

     .offcanvas-xl .offcanvas-header {
         display: none
     }

     .offcanvas-xl .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 @media (max-width:1399.98px) {
     .offcanvas-xxl {
         position: fixed;
         bottom: 0;
         z-index: 1045;
         display: flex;
         flex-direction: column;
         max-width: 100%;
         color: var(--bs-offcanvas-color);
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
         outline: 0;
         transition: transform .3s ease-in-out
     }
 }

 @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
     .offcanvas-xxl {
         transition: none
     }
 }

 @media (max-width:1399.98px) {
     .offcanvas-xxl.offcanvas-start {
         top: 0;
         left: 0;
         width: var(--bs-offcanvas-width);
         border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(-100%)
     }
 }

 @media (max-width:1399.98px) {
     .offcanvas-xxl.offcanvas-end {
         top: 0;
         right: 0;
         width: var(--bs-offcanvas-width);
         border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateX(100%)
     }
 }

 @media (max-width:1399.98px) {
     .offcanvas-xxl.offcanvas-top {
         top: 0;
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(-100%)
     }
 }

 @media (max-width:1399.98px) {
     .offcanvas-xxl.offcanvas-bottom {
         right: 0;
         left: 0;
         height: var(--bs-offcanvas-height);
         max-height: 100%;
         border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
         transform: translateY(100%)
     }
 }

 @media (max-width:1399.98px) {

     .offcanvas-xxl.show:not(.hiding),
     .offcanvas-xxl.showing {
         transform: none
     }
 }

 @media (max-width:1399.98px) {

     .offcanvas-xxl.hiding,
     .offcanvas-xxl.show,
     .offcanvas-xxl.showing {
         visibility: visible
     }
 }

 @media (min-width:1400px) {
     .offcanvas-xxl {
         --bs-offcanvas-height: auto;
         --bs-offcanvas-border-width: 0;
         background-color: transparent !important
     }

     .offcanvas-xxl .offcanvas-header {
         display: none
     }

     .offcanvas-xxl .offcanvas-body {
         display: flex;
         flex-grow: 0;
         padding: 0;
         overflow-y: visible;
         background-color: transparent !important
     }
 }

 .offcanvas {
     position: fixed;
     bottom: 0;
     z-index: 1045;
     display: flex;
     flex-direction: column;
     max-width: 100%;
     color: var(--bs-offcanvas-color);
     visibility: hidden;
     background-color: var(--bs-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
     transition: transform .3s ease-in-out
 }

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

 .offcanvas.offcanvas-start {
     top: 0;
     left: 0;
     width: var(--bs-offcanvas-width);
     border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateX(-100%)
 }

 .offcanvas.offcanvas-end {
     top: 0;
     right: 0;
     width: var(--bs-offcanvas-width);
     border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateX(100%)
 }

 .offcanvas.offcanvas-top {
     top: 0;
     right: 0;
     left: 0;
     height: var(--bs-offcanvas-height);
     max-height: 100%;
     border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(-100%)
 }

 .offcanvas.offcanvas-bottom {
     right: 0;
     left: 0;
     height: var(--bs-offcanvas-height);
     max-height: 100%;
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%)
 }

 .offcanvas.show:not(.hiding),
 .offcanvas.showing {
     transform: none
 }

 .offcanvas.hiding,
 .offcanvas.show,
 .offcanvas.showing {
     visibility: visible
 }

 .offcanvas-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #000
 }

 .offcanvas-backdrop.fade {
     opacity: 0
 }

 .offcanvas-backdrop.show {
     opacity: .5
 }

 .offcanvas-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
 }

 .offcanvas-header .btn-close {
     padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
     margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
     margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
     margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5)
 }

 .offcanvas-title {
     margin-bottom: 0;
     line-height: 1.5
 }

 .offcanvas-body {
     flex-grow: 1;
     padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
     overflow-y: auto
 }

 .placeholder {
     display: inline-block;
     min-height: 1em;
     vertical-align: middle;
     cursor: wait;
     background-color: currentcolor;
     opacity: .5
 }

 .placeholder.btn::before {
     display: inline-block;
     content: ""
 }

 .placeholder-xs {
     min-height: .6em
 }

 .placeholder-sm {
     min-height: .8em
 }

 .placeholder-lg {
     min-height: 1.2em
 }

 .placeholder-glow .placeholder {
     -webkit-animation: placeholder-glow 2s ease-in-out infinite;
     animation: placeholder-glow 2s ease-in-out infinite
 }

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

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

 .placeholder-wave {
     -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
     mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
     -webkit-mask-size: 200% 100%;
     mask-size: 200% 100%;
     -webkit-animation: placeholder-wave 2s linear infinite;
     animation: placeholder-wave 2s linear infinite
 }

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

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

 .clearfix::after {
     display: block;
     clear: both;
     content: ""
 }

 .text-bg-primary {
     color: #fff !important;
     background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-secondary {
     color: #fff !important;
     background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-success {
     color: #fff !important;
     background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-info {
     color: #000 !important;
     background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-warning {
     color: #000 !important;
     background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-danger {
     color: #fff !important;
     background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-light {
     color: #000 !important;
     background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
 }

 .text-bg-dark {
     color: #fff !important;
     background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
 }

 .link-primary {
     color: #0d6efd !important
 }

 .link-primary:focus,
 .link-primary:hover {
     color: #0a58ca !important
 }

 .link-secondary {
     color: #6c757d !important
 }

 .link-secondary:focus,
 .link-secondary:hover {
     color: #565e64 !important
 }

 .link-success {
     color: #198754 !important
 }

 .link-success:focus,
 .link-success:hover {
     color: #146c43 !important
 }

 .link-info {
     color: #0dcaf0 !important
 }

 .link-info:focus,
 .link-info:hover {
     color: #3dd5f3 !important
 }

 .link-warning {
     color: #ffc107 !important
 }

 .link-warning:focus,
 .link-warning:hover {
     color: #ffcd39 !important
 }

 .link-danger {
     color: #dc3545 !important
 }

 .link-danger:focus,
 .link-danger:hover {
     color: #b02a37 !important
 }

 .link-light {
     color: #f8f9fa !important
 }

 .link-light:focus,
 .link-light:hover {
     color: #f9fafb !important
 }

 .link-dark {
     color: #212529 !important
 }

 .link-dark:focus,
 .link-dark:hover {
     color: #1a1e21 !important
 }

 .ratio {
     position: relative;
     width: 100%
 }

 .ratio::before {
     display: block;
     padding-top: var(--bs-aspect-ratio);
     content: ""
 }

 .ratio>* {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .ratio-1x1 {
     --bs-aspect-ratio: 100%
 }

 .ratio-4x3 {
     --bs-aspect-ratio: 75%
 }

 .ratio-16x9 {
     --bs-aspect-ratio: 56.25%
 }

 .ratio-21x9 {
     --bs-aspect-ratio: 42.8571428571%
 }

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

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

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

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

 @media (min-width:576px) {
     .sticky-sm-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }

     .sticky-sm-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:768px) {
     .sticky-md-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }

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

 @media (min-width:992px) {
     .sticky-lg-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }

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

 @media (min-width:1200px) {
     .sticky-xl-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }

     .sticky-xl-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 @media (min-width:1400px) {
     .sticky-xxl-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }

     .sticky-xxl-bottom {
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
         z-index: 1020
     }
 }

 .hstack {
     display: flex;
     flex-direction: row;
     align-items: center;
     align-self: stretch
 }

 .vstack {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     align-self: stretch
 }

 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     white-space: nowrap !important;
     border: 0 !important
 }

 .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     content: ""
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .vr {
     display: inline-block;
     align-self: stretch;
     width: 1px;
     min-height: 1em;
     background-color: currentcolor;
     opacity: .25
 }

 .align-baseline {
     vertical-align: baseline !important
 }

 .align-top {
     vertical-align: top !important
 }

 .align-middle {
     vertical-align: middle !important
 }

 .align-bottom {
     vertical-align: bottom !important
 }

 .align-text-bottom {
     vertical-align: text-bottom !important
 }

 .align-text-top {
     vertical-align: text-top !important
 }

 .float-start {
     float: left !important
 }

 .float-end {
     float: right !important
 }

 .float-none {
     float: none !important
 }

 .opacity-0 {
     opacity: 0 !important
 }

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

 .opacity-50 {
     opacity: .5 !important
 }

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

 .opacity-100 {
     opacity: 1 !important
 }

 .overflow-auto {
     overflow: auto !important
 }

 .overflow-hidden {
     overflow: hidden !important
 }

 .overflow-visible {
     overflow: visible !important
 }

 .overflow-scroll {
     overflow: scroll !important
 }

 .d-inline {
     display: inline !important
 }

 .d-inline-block {
     display: inline-block !important
 }

 .d-block {
     display: block !important
 }

 .d-grid {
     display: grid !important
 }

 .d-table {
     display: table !important
 }

 .d-table-row {
     display: table-row !important
 }

 .d-table-cell {
     display: table-cell !important
 }

 .d-flex {
     display: flex !important
 }

 .d-inline-flex {
     display: inline-flex !important
 }

 .d-none {
     display: none !important
 }

 .shadow {
     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
 }

 .shadow-sm {
     box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
 }

 .shadow-lg {
     box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
 }

 .shadow-none {
     box-shadow: none !important
 }

 .position-static {
     position: static !important
 }

 .position-relative {
     position: relative !important
 }

 .position-absolute {
     position: absolute !important
 }

 .position-fixed {
     position: fixed !important
 }

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

 .top-0 {
     top: 0 !important
 }

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

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

 .bottom-0 {
     bottom: 0 !important
 }

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

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

 .start-0 {
     left: 0 !important
 }

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

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

 .end-0 {
     right: 0 !important
 }

 .end-50 {
     right: 50% !important
 }

 .end-100 {
     right: 100% !important
 }

 .translate-middle {
     transform: translate(-50%, -50%) !important
 }

 .translate-middle-x {
     transform: translateX(-50%) !important
 }

 .translate-middle-y {
     transform: translateY(-50%) !important
 }

 .border {
     border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .border-0 {
     border: 0 !important
 }

 .border-top {
     border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .border-top-0 {
     border-top: 0 !important
 }

 .border-end {
     border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .border-end-0 {
     border-right: 0 !important
 }

 .border-bottom {
     border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .border-bottom-0 {
     border-bottom: 0 !important
 }

 .border-start {
     border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
 }

 .border-start-0 {
     border-left: 0 !important
 }

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

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

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

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

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

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

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

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

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

 .border-1 {
     --bs-border-width: 1px
 }

 .border-2 {
     --bs-border-width: 2px
 }

 .border-3 {
     --bs-border-width: 3px
 }

 .border-4 {
     --bs-border-width: 4px
 }

 .border-5 {
     --bs-border-width: 5px
 }

 .border-opacity-10 {
     --bs-border-opacity: 0.1
 }

 .border-opacity-25 {
     --bs-border-opacity: 0.25
 }

 .border-opacity-50 {
     --bs-border-opacity: 0.5
 }

 .border-opacity-75 {
     --bs-border-opacity: 0.75
 }

 .border-opacity-100 {
     --bs-border-opacity: 1
 }

 .w-25 {
     width: 25% !important
 }

 .w-50 {
     width: 50% !important
 }

 .w-75 {
     width: 75% !important
 }

 .w-100 {
     width: 100% !important
 }

 .w-auto {
     width: auto !important
 }

 .mw-100 {
     max-width: 100% !important
 }

 .vw-100 {
     width: 100vw !important
 }

 .min-vw-100 {
     min-width: 100vw !important
 }

 .h-25 {
     height: 25% !important
 }

 .h-50 {
     height: 50% !important
 }

 .h-75 {
     height: 75% !important
 }

 .h-100 {
     height: 100% !important
 }

 .h-auto {
     height: auto !important
 }

 .mh-100 {
     max-height: 100% !important
 }

 .vh-100 {
     height: 100vh !important
 }

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

 .flex-fill {
     flex: 1 1 auto !important
 }

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

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

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

 .flex-column-reverse {
     flex-direction: column-reverse !important
 }

 .flex-grow-0 {
     flex-grow: 0 !important
 }

 .flex-grow-1 {
     flex-grow: 1 !important
 }

 .flex-shrink-0 {
     flex-shrink: 0 !important
 }

 .flex-shrink-1 {
     flex-shrink: 1 !important
 }

 .flex-wrap {
     flex-wrap: wrap !important
 }

 .flex-nowrap {
     flex-wrap: nowrap !important
 }

 .flex-wrap-reverse {
     flex-wrap: wrap-reverse !important
 }

 .justify-content-start {
     justify-content: flex-start !important
 }

 .justify-content-end {
     justify-content: flex-end !important
 }

 .justify-content-center {
     justify-content: center !important
 }

 .justify-content-between {
     justify-content: space-between !important
 }

 .justify-content-around {
     justify-content: space-around !important
 }

 .justify-content-evenly {
     justify-content: space-evenly !important
 }

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

 .align-items-end {
     align-items: flex-end !important
 }

 .align-items-center {
     align-items: center !important
 }

 .align-items-baseline {
     align-items: baseline !important
 }

 .align-items-stretch {
     align-items: stretch !important
 }

 .align-content-start {
     align-content: flex-start !important
 }

 .align-content-end {
     align-content: flex-end !important
 }

 .align-content-center {
     align-content: center !important
 }

 .align-content-between {
     align-content: space-between !important
 }

 .align-content-around {
     align-content: space-around !important
 }

 .align-content-stretch {
     align-content: stretch !important
 }

 .align-self-auto {
     align-self: auto !important
 }

 .align-self-start {
     align-self: flex-start !important
 }

 .align-self-end {
     align-self: flex-end !important
 }

 .align-self-center {
     align-self: center !important
 }

 .align-self-baseline {
     align-self: baseline !important
 }

 .align-self-stretch {
     align-self: stretch !important
 }

 .order-first {
     order: -1 !important
 }

 .order-0 {
     order: 0 !important
 }

 .order-1 {
     order: 1 !important
 }

 .order-2 {
     order: 2 !important
 }

 .order-3 {
     order: 3 !important
 }

 .order-4 {
     order: 4 !important
 }

 .order-5 {
     order: 5 !important
 }

 .order-last {
     order: 6 !important
 }

 .m-0 {
     margin: 0 !important
 }

 .m-1 {
     margin: .25rem !important
 }

 .m-2 {
     margin: .5rem !important
 }

 .m-3 {
     margin: 1rem !important
 }

 .m-4 {
     margin: 1.5rem !important
 }

 .m-5 {
     margin: 3rem !important
 }

 .m-auto {
     margin: auto !important
 }

 .mx-0 {
     margin-right: 0 !important;
     margin-left: 0 !important
 }

 .mx-1 {
     margin-right: .25rem !important;
     margin-left: .25rem !important
 }

 .mx-2 {
     margin-right: .5rem !important;
     margin-left: .5rem !important
 }

 .mx-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important
 }

 .mx-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important
 }

 .mx-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important
 }

 .mx-auto {
     margin-right: auto !important;
     margin-left: auto !important
 }

 .my-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important
 }

 .my-1 {
     margin-top: .25rem !important;
     margin-bottom: .25rem !important
 }

 .my-2 {
     margin-top: .5rem !important;
     margin-bottom: .5rem !important
 }

 .my-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important
 }

 .my-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important
 }

 .my-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important
 }

 .my-auto {
     margin-top: auto !important;
     margin-bottom: auto !important
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .ms-0 {
     margin-left: 0 !important
 }

 .ms-1 {
     margin-left: .25rem !important
 }

 .ms-2 {
     margin-left: .5rem !important
 }

 .ms-3 {
     margin-left: 1rem !important
 }

 .ms-4 {
     margin-left: 1.5rem !important
 }

 .ms-5 {
     margin-left: 3rem !important
 }

 .ms-auto {
     margin-left: auto !important
 }

 .p-0 {
     padding: 0 !important
 }

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

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

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

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

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

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

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

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

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

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

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

 .py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important
 }

 .py-1 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important
 }

 .py-2 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important
 }

 .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important
 }

 .py-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important
 }

 .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important
 }

 .pt-0 {
     padding-top: 0 !important
 }

 .pt-1 {
     padding-top: .25rem !important
 }

 .pt-2 {
     padding-top: .5rem !important
 }

 .pt-3 {
     padding-top: 1rem !important
 }

 .pt-4 {
     padding-top: 1.5rem !important
 }

 .pt-5 {
     padding-top: 3rem !important
 }

 .pe-0 {
     padding-right: 0 !important
 }

 .pe-1 {
     padding-right: .25rem !important
 }

 .pe-2 {
     padding-right: .5rem !important
 }

 .pe-3 {
     padding-right: 1rem !important
 }

 .pe-4 {
     padding-right: 1.5rem !important
 }

 .pe-5 {
     padding-right: 3rem !important
 }

 .pb-0 {
     padding-bottom: 0 !important
 }

 .pb-1 {
     padding-bottom: .25rem !important
 }

 .pb-2 {
     padding-bottom: .5rem !important
 }

 .pb-3 {
     padding-bottom: 1rem !important
 }

 .pb-4 {
     padding-bottom: 1.5rem !important
 }

 .pb-5 {
     padding-bottom: 3rem !important
 }

 .ps-0 {
     padding-left: 0 !important
 }

 .ps-1 {
     padding-left: .25rem !important
 }

 .ps-2 {
     padding-left: .5rem !important
 }

 .ps-3 {
     padding-left: 1rem !important
 }

 .ps-4 {
     padding-left: 1.5rem !important
 }

 .ps-5 {
     padding-left: 3rem !important
 }

 .gap-0 {
     gap: 0 !important
 }

 .gap-1 {
     gap: .25rem !important
 }

 .gap-2 {
     gap: .5rem !important
 }

 .gap-3 {
     gap: 1rem !important
 }

 .gap-4 {
     gap: 1.5rem !important
 }

 .gap-5 {
     gap: 3rem !important
 }

 .font-monospace {
     font-family: var(--bs-font-monospace) !important
 }

 .fs-1 {
     font-size: calc(1.375rem + 1.5vw) !important
 }

 .fs-2 {
     font-size: calc(1.325rem + .9vw) !important
 }

 .fs-3 {
     font-size: calc(1.3rem + .6vw) !important
 }

 .fs-4 {
     font-size: calc(1.275rem + .3vw) !important
 }

 .fs-5 {
     font-size: 1.25rem !important
 }

 .fs-6 {
     font-size: 1rem !important
 }

 .fst-italic {
     font-style: italic !important
 }

 .fst-normal {
     font-style: normal !important
 }

 .fw-light {
     font-weight: 300 !important
 }

 .fw-lighter {
     font-weight: lighter !important
 }

 .fw-normal {
     font-weight: 400 !important
 }

 .fw-bold {
     font-weight: 700 !important
 }

 .fw-semibold {
     font-weight: 600 !important
 }

 .fw-bolder {
     font-weight: bolder !important
 }

 .lh-1 {
     line-height: 1 !important
 }

 .lh-sm {
     line-height: 1.25 !important
 }

 .lh-base {
     line-height: 1.5 !important
 }

 .lh-lg {
     line-height: 2 !important
 }

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

 .text-end {
     text-align: right !important
 }

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

 .text-decoration-none {
     text-decoration: none !important
 }

 .text-decoration-underline {
     text-decoration: underline !important
 }

 .text-decoration-line-through {
     text-decoration: line-through !important
 }

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

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

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

 .text-wrap {
     white-space: normal !important
 }

 .text-nowrap {
     white-space: nowrap !important
 }

 .text-break {
     word-wrap: break-word !important;
     word-break: break-word !important
 }

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

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

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

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

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

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

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

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

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

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

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

 .text-muted {
     --bs-text-opacity: 1;
     color: #6c757d !important
 }

 .text-black-50 {
     --bs-text-opacity: 1;
     color: rgba(0, 0, 0, .5) !important
 }

 .text-white-50 {
     --bs-text-opacity: 1;
     color: rgba(255, 255, 255, .5) !important
 }

 .text-reset {
     --bs-text-opacity: 1;
     color: inherit !important
 }

 .text-opacity-25 {
     --bs-text-opacity: 0.25
 }

 .text-opacity-50 {
     --bs-text-opacity: 0.5
 }

 .text-opacity-75 {
     --bs-text-opacity: 0.75
 }

 .text-opacity-100 {
     --bs-text-opacity: 1
 }

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

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

 .bg-success {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
 }

 .bg-info {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
 }

 .bg-warning {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
 }

 .bg-danger {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
 }

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

 }

 .bg-dark {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
 }

 .bg-black {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
 }

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

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

 .bg-transparent {
     --bs-bg-opacity: 1;
     background-color: transparent !important
 }

 .bg-opacity-10 {
     --bs-bg-opacity: 0.1
 }

 .bg-opacity-25 {
     --bs-bg-opacity: 0.25
 }

 .bg-opacity-50 {
     --bs-bg-opacity: 0.5
 }

 .bg-opacity-75 {
     --bs-bg-opacity: 0.75
 }

 .bg-opacity-100 {
     --bs-bg-opacity: 1
 }

 .bg-gradient {
     background-image: var(--bs-gradient) !important
 }

 .user-select-all {
     -webkit-user-select: all !important;
     -moz-user-select: all !important;
     user-select: all !important
 }

 .user-select-auto {
     -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
     user-select: auto !important
 }

 .user-select-none {
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     user-select: none !important
 }

 .pe-none {
     pointer-events: none !important
 }

 .pe-auto {
     pointer-events: auto !important
 }

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

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

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

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

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

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

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

 .rounded-circle {
     border-radius: 50% !important
 }

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

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

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

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

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

 .visible {
     visibility: visible !important
 }

 .invisible {
     visibility: hidden !important
 }

 @media (min-width:576px) {
     .float-sm-start {
         float: left !important
     }

     .float-sm-end {
         float: right !important
     }

     .float-sm-none {
         float: none !important
     }

     .d-sm-inline {
         display: inline !important
     }

     .d-sm-inline-block {
         display: inline-block !important
     }

     .d-sm-block {
         display: block !important
     }

     .d-sm-grid {
         display: grid !important
     }

     .d-sm-table {
         display: table !important
     }

     .d-sm-table-row {
         display: table-row !important
     }

     .d-sm-table-cell {
         display: table-cell !important
     }

     .d-sm-flex {
         display: flex !important
     }

     .d-sm-inline-flex {
         display: inline-flex !important
     }

     .d-sm-none {
         display: none !important
     }

     .flex-sm-fill {
         flex: 1 1 auto !important
     }

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

     .flex-sm-column {
         flex-direction: column !important
     }

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

     .flex-sm-column-reverse {
         flex-direction: column-reverse !important
     }

     .flex-sm-grow-0 {
         flex-grow: 0 !important
     }

     .flex-sm-grow-1 {
         flex-grow: 1 !important
     }

     .flex-sm-shrink-0 {
         flex-shrink: 0 !important
     }

     .flex-sm-shrink-1 {
         flex-shrink: 1 !important
     }

     .flex-sm-wrap {
         flex-wrap: wrap !important
     }

     .flex-sm-nowrap {
         flex-wrap: nowrap !important
     }

     .flex-sm-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }

     .justify-content-sm-start {
         justify-content: flex-start !important
     }

     .justify-content-sm-end {
         justify-content: flex-end !important
     }

     .justify-content-sm-center {
         justify-content: center !important
     }

     .justify-content-sm-between {
         justify-content: space-between !important
     }

     .justify-content-sm-around {
         justify-content: space-around !important
     }

     .justify-content-sm-evenly {
         justify-content: space-evenly !important
     }

     .align-items-sm-start {
         align-items: flex-start !important
     }

     .align-items-sm-end {
         align-items: flex-end !important
     }

     .align-items-sm-center {
         align-items: center !important
     }

     .align-items-sm-baseline {
         align-items: baseline !important
     }

     .align-items-sm-stretch {
         align-items: stretch !important
     }

     .align-content-sm-start {
         align-content: flex-start !important
     }

     .align-content-sm-end {
         align-content: flex-end !important
     }

     .align-content-sm-center {
         align-content: center !important
     }

     .align-content-sm-between {
         align-content: space-between !important
     }

     .align-content-sm-around {
         align-content: space-around !important
     }

     .align-content-sm-stretch {
         align-content: stretch !important
     }

     .align-self-sm-auto {
         align-self: auto !important
     }

     .align-self-sm-start {
         align-self: flex-start !important
     }

     .align-self-sm-end {
         align-self: flex-end !important
     }

     .align-self-sm-center {
         align-self: center !important
     }

     .align-self-sm-baseline {
         align-self: baseline !important
     }

     .align-self-sm-stretch {
         align-self: stretch !important
     }

     .order-sm-first {
         order: -1 !important
     }

     .order-sm-0 {
         order: 0 !important
     }

     .order-sm-1 {
         order: 1 !important
     }

     .order-sm-2 {
         order: 2 !important
     }

     .order-sm-3 {
         order: 3 !important
     }

     .order-sm-4 {
         order: 4 !important
     }

     .order-sm-5 {
         order: 5 !important
     }

     .order-sm-last {
         order: 6 !important
     }

     .m-sm-0 {
         margin: 0 !important
     }

     .m-sm-1 {
         margin: .25rem !important
     }

     .m-sm-2 {
         margin: .5rem !important
     }

     .m-sm-3 {
         margin: 1rem !important
     }

     .m-sm-4 {
         margin: 1.5rem !important
     }

     .m-sm-5 {
         margin: 3rem !important
     }

     .m-sm-auto {
         margin: auto !important
     }

     .mx-sm-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }

     .mx-sm-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }

     .mx-sm-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }

     .mx-sm-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }

     .mx-sm-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }

     .mx-sm-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }

     .mx-sm-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }

     .my-sm-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }

     .my-sm-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }

     .my-sm-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }

     .my-sm-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }

     .my-sm-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }

     .my-sm-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }

     .my-sm-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .ms-sm-0 {
         margin-left: 0 !important
     }

     .ms-sm-1 {
         margin-left: .25rem !important
     }

     .ms-sm-2 {
         margin-left: .5rem !important
     }

     .ms-sm-3 {
         margin-left: 1rem !important
     }

     .ms-sm-4 {
         margin-left: 1.5rem !important
     }

     .ms-sm-5 {
         margin-left: 3rem !important
     }

     .ms-sm-auto {
         margin-left: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .py-sm-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .py-sm-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }

     .py-sm-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }

     .py-sm-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }

     .py-sm-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }

     .py-sm-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }

     .pt-sm-0 {
         padding-top: 0 !important
     }

     .pt-sm-1 {
         padding-top: .25rem !important
     }

     .pt-sm-2 {
         padding-top: .5rem !important
     }

     .pt-sm-3 {
         padding-top: 1rem !important
     }

     .pt-sm-4 {
         padding-top: 1.5rem !important
     }

     .pt-sm-5 {
         padding-top: 3rem !important
     }

     .pe-sm-0 {
         padding-right: 0 !important
     }

     .pe-sm-1 {
         padding-right: .25rem !important
     }

     .pe-sm-2 {
         padding-right: .5rem !important
     }

     .pe-sm-3 {
         padding-right: 1rem !important
     }

     .pe-sm-4 {
         padding-right: 1.5rem !important
     }

     .pe-sm-5 {
         padding-right: 3rem !important
     }

     .pb-sm-0 {
         padding-bottom: 0 !important
     }

     .pb-sm-1 {
         padding-bottom: .25rem !important
     }

     .pb-sm-2 {
         padding-bottom: .5rem !important
     }

     .pb-sm-3 {
         padding-bottom: 1rem !important
     }

     .pb-sm-4 {
         padding-bottom: 1.5rem !important
     }

     .pb-sm-5 {
         padding-bottom: 3rem !important
     }

     .ps-sm-0 {
         padding-left: 0 !important
     }

     .ps-sm-1 {
         padding-left: .25rem !important
     }

     .ps-sm-2 {
         padding-left: .5rem !important
     }

     .ps-sm-3 {
         padding-left: 1rem !important
     }

     .ps-sm-4 {
         padding-left: 1.5rem !important
     }

     .ps-sm-5 {
         padding-left: 3rem !important
     }

     .gap-sm-0 {
         gap: 0 !important
     }

     .gap-sm-1 {
         gap: .25rem !important
     }

     .gap-sm-2 {
         gap: .5rem !important
     }

     .gap-sm-3 {
         gap: 1rem !important
     }

     .gap-sm-4 {
         gap: 1.5rem !important
     }

     .gap-sm-5 {
         gap: 3rem !important
     }

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

     .text-sm-end {
         text-align: right !important
     }

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

 @media (min-width:768px) {
     .float-md-start {
         float: left !important
     }

     .float-md-end {
         float: right !important
     }

     .float-md-none {
         float: none !important
     }

     .d-md-inline {
         display: inline !important
     }

     .d-md-inline-block {
         display: inline-block !important
     }

     .d-md-block {
         display: block !important
     }

     .d-md-grid {
         display: grid !important
     }

     .d-md-table {
         display: table !important
     }

     .d-md-table-row {
         display: table-row !important
     }

     .d-md-table-cell {
         display: table-cell !important
     }

     .d-md-flex {
         display: flex !important
     }

     .d-md-inline-flex {
         display: inline-flex !important
     }

     .d-md-none {
         display: none !important
     }

     .flex-md-fill {
         flex: 1 1 auto !important
     }

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

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

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

     .flex-md-column-reverse {
         flex-direction: column-reverse !important
     }

     .flex-md-grow-0 {
         flex-grow: 0 !important
     }

     .flex-md-grow-1 {
         flex-grow: 1 !important
     }

     .flex-md-shrink-0 {
         flex-shrink: 0 !important
     }

     .flex-md-shrink-1 {
         flex-shrink: 1 !important
     }

     .flex-md-wrap {
         flex-wrap: wrap !important
     }

     .flex-md-nowrap {
         flex-wrap: nowrap !important
     }

     .flex-md-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }

     .justify-content-md-start {
         justify-content: flex-start !important
     }

     .justify-content-md-end {
         justify-content: flex-end !important
     }

     .justify-content-md-center {
         justify-content: center !important
     }

     .justify-content-md-between {
         justify-content: space-between !important
     }

     .justify-content-md-around {
         justify-content: space-around !important
     }

     .justify-content-md-evenly {
         justify-content: space-evenly !important
     }

     .align-items-md-start {
         align-items: flex-start !important
     }

     .align-items-md-end {
         align-items: flex-end !important
     }

     .align-items-md-center {
         align-items: center !important
     }

     .align-items-md-baseline {
         align-items: baseline !important
     }

     .align-items-md-stretch {
         align-items: stretch !important
     }

     .align-content-md-start {
         align-content: flex-start !important
     }

     .align-content-md-end {
         align-content: flex-end !important
     }

     .align-content-md-center {
         align-content: center !important
     }

     .align-content-md-between {
         align-content: space-between !important
     }

     .align-content-md-around {
         align-content: space-around !important
     }

     .align-content-md-stretch {
         align-content: stretch !important
     }

     .align-self-md-auto {
         align-self: auto !important
     }

     .align-self-md-start {
         align-self: flex-start !important
     }

     .align-self-md-end {
         align-self: flex-end !important
     }

     .align-self-md-center {
         align-self: center !important
     }

     .align-self-md-baseline {
         align-self: baseline !important
     }

     .align-self-md-stretch {
         align-self: stretch !important
     }

     .order-md-first {
         order: -1 !important
     }

     .order-md-0 {
         order: 0 !important
     }

     .order-md-1 {
         order: 1 !important
     }

     .order-md-2 {
         order: 2 !important
     }

     .order-md-3 {
         order: 3 !important
     }

     .order-md-4 {
         order: 4 !important
     }

     .order-md-5 {
         order: 5 !important
     }

     .order-md-last {
         order: 6 !important
     }

     .m-md-0 {
         margin: 0 !important
     }

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

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

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

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

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

     .m-md-auto {
         margin: auto !important
     }

     .mx-md-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }

     .mx-md-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }

     .mx-md-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }

     .mx-md-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }

     .mx-md-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }

     .mx-md-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }

     .mx-md-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }

     .my-md-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }

     .my-md-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }

     .my-md-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }

     .my-md-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }

     .my-md-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }

     .my-md-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }

     .my-md-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .ms-md-0 {
         margin-left: 0 !important
     }

     .ms-md-1 {
         margin-left: .25rem !important
     }

     .ms-md-2 {
         margin-left: .5rem !important
     }

     .ms-md-3 {
         margin-left: 1rem !important
     }

     .ms-md-4 {
         margin-left: 1.5rem !important
     }

     .ms-md-5 {
         margin-left: 3rem !important
     }

     .ms-md-auto {
         margin-left: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .py-md-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .py-md-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }

     .py-md-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }

     .py-md-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }

     .py-md-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }

     .py-md-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }

     .pt-md-0 {
         padding-top: 0 !important
     }

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

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

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

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

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

     .pe-md-0 {
         padding-right: 0 !important
     }

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

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

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

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

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

     .pb-md-0 {
         padding-bottom: 0 !important
     }

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

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

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

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

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

     .ps-md-0 {
         padding-left: 0 !important
     }

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

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

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

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

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

     .gap-md-0 {
         gap: 0 !important
     }

     .gap-md-1 {
         gap: .25rem !important
     }

     .gap-md-2 {
         gap: .5rem !important
     }

     .gap-md-3 {
         gap: 1rem !important
     }

     .gap-md-4 {
         gap: 1.5rem !important
     }

     .gap-md-5 {
         gap: 3rem !important
     }

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

     .text-md-end {
         text-align: right !important
     }

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

 @media (min-width:992px) {
     .float-lg-start {
         float: left !important
     }

     .float-lg-end {
         float: right !important
     }

     .float-lg-none {
         float: none !important
     }

     .d-lg-inline {
         display: inline !important
     }

     .d-lg-inline-block {
         display: inline-block !important
     }

     .d-lg-block {
         display: block !important
     }

     .d-lg-grid {
         display: grid !important
     }

     .d-lg-table {
         display: table !important
     }

     .d-lg-table-row {
         display: table-row !important
     }

     .d-lg-table-cell {
         display: table-cell !important
     }

     .d-lg-flex {
         display: flex !important
     }

     .d-lg-inline-flex {
         display: inline-flex !important
     }

     .d-lg-none {
         display: none !important
     }

     .flex-lg-fill {
         flex: 1 1 auto !important
     }

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

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

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

     .flex-lg-column-reverse {
         flex-direction: column-reverse !important
     }

     .flex-lg-grow-0 {
         flex-grow: 0 !important
     }

     .flex-lg-grow-1 {
         flex-grow: 1 !important
     }

     .flex-lg-shrink-0 {
         flex-shrink: 0 !important
     }

     .flex-lg-shrink-1 {
         flex-shrink: 1 !important
     }

     .flex-lg-wrap {
         flex-wrap: wrap !important
     }

     .flex-lg-nowrap {
         flex-wrap: nowrap !important
     }

     .flex-lg-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }

     .justify-content-lg-start {
         justify-content: flex-start !important
     }

     .justify-content-lg-end {
         justify-content: flex-end !important
     }

     .justify-content-lg-center {
         justify-content: center !important
     }

     .justify-content-lg-between {
         justify-content: space-between !important
     }

     .justify-content-lg-around {
         justify-content: space-around !important
     }

     .justify-content-lg-evenly {
         justify-content: space-evenly !important
     }

     .align-items-lg-start {
         align-items: flex-start !important
     }

     .align-items-lg-end {
         align-items: flex-end !important
     }

     .align-items-lg-center {
         align-items: center !important
     }

     .align-items-lg-baseline {
         align-items: baseline !important
     }

     .align-items-lg-stretch {
         align-items: stretch !important
     }

     .align-content-lg-start {
         align-content: flex-start !important
     }

     .align-content-lg-end {
         align-content: flex-end !important
     }

     .align-content-lg-center {
         align-content: center !important
     }

     .align-content-lg-between {
         align-content: space-between !important
     }

     .align-content-lg-around {
         align-content: space-around !important
     }

     .align-content-lg-stretch {
         align-content: stretch !important
     }

     .align-self-lg-auto {
         align-self: auto !important
     }

     .align-self-lg-start {
         align-self: flex-start !important
     }

     .align-self-lg-end {
         align-self: flex-end !important
     }

     .align-self-lg-center {
         align-self: center !important
     }

     .align-self-lg-baseline {
         align-self: baseline !important
     }

     .align-self-lg-stretch {
         align-self: stretch !important
     }

     .order-lg-first {
         order: -1 !important
     }

     .order-lg-0 {
         order: 0 !important
     }

     .order-lg-1 {
         order: 1 !important
     }

     .order-lg-2 {
         order: 2 !important
     }

     .order-lg-3 {
         order: 3 !important
     }

     .order-lg-4 {
         order: 4 !important
     }

     .order-lg-5 {
         order: 5 !important
     }

     .order-lg-last {
         order: 6 !important
     }

     .m-lg-0 {
         margin: 0 !important
     }

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

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

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

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

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

     .m-lg-auto {
         margin: auto !important
     }

     .mx-lg-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }

     .mx-lg-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }

     .mx-lg-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }

     .mx-lg-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }

     .mx-lg-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }

     .mx-lg-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }

     .mx-lg-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }

     .my-lg-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }

     .my-lg-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }

     .my-lg-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }

     .my-lg-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }

     .my-lg-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }

     .my-lg-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }

     .my-lg-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .ms-lg-0 {
         margin-left: 0 !important
     }

     .ms-lg-1 {
         margin-left: .25rem !important
     }

     .ms-lg-2 {
         margin-left: .5rem !important
     }

     .ms-lg-3 {
         margin-left: 1rem !important
     }

     .ms-lg-4 {
         margin-left: 1.5rem !important
     }

     .ms-lg-5 {
         margin-left: 3rem !important
     }

     .ms-lg-auto {
         margin-left: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .py-lg-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .py-lg-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }

     .py-lg-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }

     .py-lg-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }

     .py-lg-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }

     .py-lg-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }

     .pt-lg-0 {
         padding-top: 0 !important
     }

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

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

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

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

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

     .pe-lg-0 {
         padding-right: 0 !important
     }

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

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

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

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

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

     .pb-lg-0 {
         padding-bottom: 0 !important
     }

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

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

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

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

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

     .ps-lg-0 {
         padding-left: 0 !important
     }

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

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

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

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

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

     .gap-lg-0 {
         gap: 0 !important
     }

     .gap-lg-1 {
         gap: .25rem !important
     }

     .gap-lg-2 {
         gap: .5rem !important
     }

     .gap-lg-3 {
         gap: 1rem !important
     }

     .gap-lg-4 {
         gap: 1.5rem !important
     }

     .gap-lg-5 {
         gap: 3rem !important
     }

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

     .text-lg-end {
         text-align: right !important
     }

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

 @media (min-width:1200px) {
     .float-xl-start {
         float: left !important
     }

     .float-xl-end {
         float: right !important
     }

     .float-xl-none {
         float: none !important
     }

     .d-xl-inline {
         display: inline !important
     }

     .d-xl-inline-block {
         display: inline-block !important
     }

     .d-xl-block {
         display: block !important
     }

     .d-xl-grid {
         display: grid !important
     }

     .d-xl-table {
         display: table !important
     }

     .d-xl-table-row {
         display: table-row !important
     }

     .d-xl-table-cell {
         display: table-cell !important
     }

     .d-xl-flex {
         display: flex !important
     }

     .d-xl-inline-flex {
         display: inline-flex !important
     }

     .d-xl-none {
         display: none !important
     }

     .flex-xl-fill {
         flex: 1 1 auto !important
     }

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

     .flex-xl-column {
         flex-direction: column !important
     }

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

     .flex-xl-column-reverse {
         flex-direction: column-reverse !important
     }

     .flex-xl-grow-0 {
         flex-grow: 0 !important
     }

     .flex-xl-grow-1 {
         flex-grow: 1 !important
     }

     .flex-xl-shrink-0 {
         flex-shrink: 0 !important
     }

     .flex-xl-shrink-1 {
         flex-shrink: 1 !important
     }

     .flex-xl-wrap {
         flex-wrap: wrap !important
     }

     .flex-xl-nowrap {
         flex-wrap: nowrap !important
     }

     .flex-xl-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }

     .justify-content-xl-start {
         justify-content: flex-start !important
     }

     .justify-content-xl-end {
         justify-content: flex-end !important
     }

     .justify-content-xl-center {
         justify-content: center !important
     }

     .justify-content-xl-between {
         justify-content: space-between !important
     }

     .justify-content-xl-around {
         justify-content: space-around !important
     }

     .justify-content-xl-evenly {
         justify-content: space-evenly !important
     }

     .align-items-xl-start {
         align-items: flex-start !important
     }

     .align-items-xl-end {
         align-items: flex-end !important
     }

     .align-items-xl-center {
         align-items: center !important
     }

     .align-items-xl-baseline {
         align-items: baseline !important
     }

     .align-items-xl-stretch {
         align-items: stretch !important
     }

     .align-content-xl-start {
         align-content: flex-start !important
     }

     .align-content-xl-end {
         align-content: flex-end !important
     }

     .align-content-xl-center {
         align-content: center !important
     }

     .align-content-xl-between {
         align-content: space-between !important
     }

     .align-content-xl-around {
         align-content: space-around !important
     }

     .align-content-xl-stretch {
         align-content: stretch !important
     }

     .align-self-xl-auto {
         align-self: auto !important
     }

     .align-self-xl-start {
         align-self: flex-start !important
     }

     .align-self-xl-end {
         align-self: flex-end !important
     }

     .align-self-xl-center {
         align-self: center !important
     }

     .align-self-xl-baseline {
         align-self: baseline !important
     }

     .align-self-xl-stretch {
         align-self: stretch !important
     }

     .order-xl-first {
         order: -1 !important
     }

     .order-xl-0 {
         order: 0 !important
     }

     .order-xl-1 {
         order: 1 !important
     }

     .order-xl-2 {
         order: 2 !important
     }

     .order-xl-3 {
         order: 3 !important
     }

     .order-xl-4 {
         order: 4 !important
     }

     .order-xl-5 {
         order: 5 !important
     }

     .order-xl-last {
         order: 6 !important
     }

     .m-xl-0 {
         margin: 0 !important
     }

     .m-xl-1 {
         margin: .25rem !important
     }

     .m-xl-2 {
         margin: .5rem !important
     }

     .m-xl-3 {
         margin: 1rem !important
     }

     .m-xl-4 {
         margin: 1.5rem !important
     }

     .m-xl-5 {
         margin: 3rem !important
     }

     .m-xl-auto {
         margin: auto !important
     }

     .mx-xl-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }

     .mx-xl-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }

     .mx-xl-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }

     .mx-xl-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }

     .mx-xl-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }

     .mx-xl-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }

     .mx-xl-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }

     .my-xl-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }

     .my-xl-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }

     .my-xl-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }

     .my-xl-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }

     .my-xl-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }

     .my-xl-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }

     .my-xl-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .ms-xl-0 {
         margin-left: 0 !important
     }

     .ms-xl-1 {
         margin-left: .25rem !important
     }

     .ms-xl-2 {
         margin-left: .5rem !important
     }

     .ms-xl-3 {
         margin-left: 1rem !important
     }

     .ms-xl-4 {
         margin-left: 1.5rem !important
     }

     .ms-xl-5 {
         margin-left: 3rem !important
     }

     .ms-xl-auto {
         margin-left: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .py-xl-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .py-xl-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }

     .py-xl-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }

     .py-xl-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }

     .py-xl-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }

     .py-xl-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }

     .pt-xl-0 {
         padding-top: 0 !important
     }

     .pt-xl-1 {
         padding-top: .25rem !important
     }

     .pt-xl-2 {
         padding-top: .5rem !important
     }

     .pt-xl-3 {
         padding-top: 1rem !important
     }

     .pt-xl-4 {
         padding-top: 1.5rem !important
     }

     .pt-xl-5 {
         padding-top: 3rem !important
     }

     .pe-xl-0 {
         padding-right: 0 !important
     }

     .pe-xl-1 {
         padding-right: .25rem !important
     }

     .pe-xl-2 {
         padding-right: .5rem !important
     }

     .pe-xl-3 {
         padding-right: 1rem !important
     }

     .pe-xl-4 {
         padding-right: 1.5rem !important
     }

     .pe-xl-5 {
         padding-right: 3rem !important
     }

     .pb-xl-0 {
         padding-bottom: 0 !important
     }

     .pb-xl-1 {
         padding-bottom: .25rem !important
     }

     .pb-xl-2 {
         padding-bottom: .5rem !important
     }

     .pb-xl-3 {
         padding-bottom: 1rem !important
     }

     .pb-xl-4 {
         padding-bottom: 1.5rem !important
     }

     .pb-xl-5 {
         padding-bottom: 3rem !important
     }

     .ps-xl-0 {
         padding-left: 0 !important
     }

     .ps-xl-1 {
         padding-left: .25rem !important
     }

     .ps-xl-2 {
         padding-left: .5rem !important
     }

     .ps-xl-3 {
         padding-left: 1rem !important
     }

     .ps-xl-4 {
         padding-left: 1.5rem !important
     }

     .ps-xl-5 {
         padding-left: 3rem !important
     }

     .gap-xl-0 {
         gap: 0 !important
     }

     .gap-xl-1 {
         gap: .25rem !important
     }

     .gap-xl-2 {
         gap: .5rem !important
     }

     .gap-xl-3 {
         gap: 1rem !important
     }

     .gap-xl-4 {
         gap: 1.5rem !important
     }

     .gap-xl-5 {
         gap: 3rem !important
     }

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

     .text-xl-end {
         text-align: right !important
     }

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

 @media (min-width:1400px) {
     .float-xxl-start {
         float: left !important
     }

     .float-xxl-end {
         float: right !important
     }

     .float-xxl-none {
         float: none !important
     }

     .d-xxl-inline {
         display: inline !important
     }

     .d-xxl-inline-block {
         display: inline-block !important
     }

     .d-xxl-block {
         display: block !important
     }

     .d-xxl-grid {
         display: grid !important
     }

     .d-xxl-table {
         display: table !important
     }

     .d-xxl-table-row {
         display: table-row !important
     }

     .d-xxl-table-cell {
         display: table-cell !important
     }

     .d-xxl-flex {
         display: flex !important
     }

     .d-xxl-inline-flex {
         display: inline-flex !important
     }

     .d-xxl-none {
         display: none !important
     }

     .flex-xxl-fill {
         flex: 1 1 auto !important
     }

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

     .flex-xxl-column {
         flex-direction: column !important
     }

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

     .flex-xxl-column-reverse {
         flex-direction: column-reverse !important
     }

     .flex-xxl-grow-0 {
         flex-grow: 0 !important
     }

     .flex-xxl-grow-1 {
         flex-grow: 1 !important
     }

     .flex-xxl-shrink-0 {
         flex-shrink: 0 !important
     }

     .flex-xxl-shrink-1 {
         flex-shrink: 1 !important
     }

     .flex-xxl-wrap {
         flex-wrap: wrap !important
     }

     .flex-xxl-nowrap {
         flex-wrap: nowrap !important
     }

     .flex-xxl-wrap-reverse {
         flex-wrap: wrap-reverse !important
     }

     .justify-content-xxl-start {
         justify-content: flex-start !important
     }

     .justify-content-xxl-end {
         justify-content: flex-end !important
     }

     .justify-content-xxl-center {
         justify-content: center !important
     }

     .justify-content-xxl-between {
         justify-content: space-between !important
     }

     .justify-content-xxl-around {
         justify-content: space-around !important
     }

     .justify-content-xxl-evenly {
         justify-content: space-evenly !important
     }

     .align-items-xxl-start {
         align-items: flex-start !important
     }

     .align-items-xxl-end {
         align-items: flex-end !important
     }

     .align-items-xxl-center {
         align-items: center !important
     }

     .align-items-xxl-baseline {
         align-items: baseline !important
     }

     .align-items-xxl-stretch {
         align-items: stretch !important
     }

     .align-content-xxl-start {
         align-content: flex-start !important
     }

     .align-content-xxl-end {
         align-content: flex-end !important
     }

     .align-content-xxl-center {
         align-content: center !important
     }

     .align-content-xxl-between {
         align-content: space-between !important
     }

     .align-content-xxl-around {
         align-content: space-around !important
     }

     .align-content-xxl-stretch {
         align-content: stretch !important
     }

     .align-self-xxl-auto {
         align-self: auto !important
     }

     .align-self-xxl-start {
         align-self: flex-start !important
     }

     .align-self-xxl-end {
         align-self: flex-end !important
     }

     .align-self-xxl-center {
         align-self: center !important
     }

     .align-self-xxl-baseline {
         align-self: baseline !important
     }

     .align-self-xxl-stretch {
         align-self: stretch !important
     }

     .order-xxl-first {
         order: -1 !important
     }

     .order-xxl-0 {
         order: 0 !important
     }

     .order-xxl-1 {
         order: 1 !important
     }

     .order-xxl-2 {
         order: 2 !important
     }

     .order-xxl-3 {
         order: 3 !important
     }

     .order-xxl-4 {
         order: 4 !important
     }

     .order-xxl-5 {
         order: 5 !important
     }

     .order-xxl-last {
         order: 6 !important
     }

     .m-xxl-0 {
         margin: 0 !important
     }

     .m-xxl-1 {
         margin: .25rem !important
     }

     .m-xxl-2 {
         margin: .5rem !important
     }

     .m-xxl-3 {
         margin: 1rem !important
     }

     .m-xxl-4 {
         margin: 1.5rem !important
     }

     .m-xxl-5 {
         margin: 3rem !important
     }

     .m-xxl-auto {
         margin: auto !important
     }

     .mx-xxl-0 {
         margin-right: 0 !important;
         margin-left: 0 !important
     }

     .mx-xxl-1 {
         margin-right: .25rem !important;
         margin-left: .25rem !important
     }

     .mx-xxl-2 {
         margin-right: .5rem !important;
         margin-left: .5rem !important
     }

     .mx-xxl-3 {
         margin-right: 1rem !important;
         margin-left: 1rem !important
     }

     .mx-xxl-4 {
         margin-right: 1.5rem !important;
         margin-left: 1.5rem !important
     }

     .mx-xxl-5 {
         margin-right: 3rem !important;
         margin-left: 3rem !important
     }

     .mx-xxl-auto {
         margin-right: auto !important;
         margin-left: auto !important
     }

     .my-xxl-0 {
         margin-top: 0 !important;
         margin-bottom: 0 !important
     }

     .my-xxl-1 {
         margin-top: .25rem !important;
         margin-bottom: .25rem !important
     }

     .my-xxl-2 {
         margin-top: .5rem !important;
         margin-bottom: .5rem !important
     }

     .my-xxl-3 {
         margin-top: 1rem !important;
         margin-bottom: 1rem !important
     }

     .my-xxl-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important
     }

     .my-xxl-5 {
         margin-top: 3rem !important;
         margin-bottom: 3rem !important
     }

     .my-xxl-auto {
         margin-top: auto !important;
         margin-bottom: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .ms-xxl-0 {
         margin-left: 0 !important
     }

     .ms-xxl-1 {
         margin-left: .25rem !important
     }

     .ms-xxl-2 {
         margin-left: .5rem !important
     }

     .ms-xxl-3 {
         margin-left: 1rem !important
     }

     .ms-xxl-4 {
         margin-left: 1.5rem !important
     }

     .ms-xxl-5 {
         margin-left: 3rem !important
     }

     .ms-xxl-auto {
         margin-left: auto !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

     .py-xxl-0 {
         padding-top: 0 !important;
         padding-bottom: 0 !important
     }

     .py-xxl-1 {
         padding-top: .25rem !important;
         padding-bottom: .25rem !important
     }

     .py-xxl-2 {
         padding-top: .5rem !important;
         padding-bottom: .5rem !important
     }

     .py-xxl-3 {
         padding-top: 1rem !important;
         padding-bottom: 1rem !important
     }

     .py-xxl-4 {
         padding-top: 1.5rem !important;
         padding-bottom: 1.5rem !important
     }

     .py-xxl-5 {
         padding-top: 3rem !important;
         padding-bottom: 3rem !important
     }

     .pt-xxl-0 {
         padding-top: 0 !important
     }

     .pt-xxl-1 {
         padding-top: .25rem !important
     }

     .pt-xxl-2 {
         padding-top: .5rem !important
     }

     .pt-xxl-3 {
         padding-top: 1rem !important
     }

     .pt-xxl-4 {
         padding-top: 1.5rem !important
     }

     .pt-xxl-5 {
         padding-top: 3rem !important
     }

     .pe-xxl-0 {
         padding-right: 0 !important
     }

     .pe-xxl-1 {
         padding-right: .25rem !important
     }

     .pe-xxl-2 {
         padding-right: .5rem !important
     }

     .pe-xxl-3 {
         padding-right: 1rem !important
     }

     .pe-xxl-4 {
         padding-right: 1.5rem !important
     }

     .pe-xxl-5 {
         padding-right: 3rem !important
     }

     .pb-xxl-0 {
         padding-bottom: 0 !important
     }

     .pb-xxl-1 {
         padding-bottom: .25rem !important
     }

     .pb-xxl-2 {
         padding-bottom: .5rem !important
     }

     .pb-xxl-3 {
         padding-bottom: 1rem !important
     }

     .pb-xxl-4 {
         padding-bottom: 1.5rem !important
     }

     .pb-xxl-5 {
         padding-bottom: 3rem !important
     }

     .ps-xxl-0 {
         padding-left: 0 !important
     }

     .ps-xxl-1 {
         padding-left: .25rem !important
     }

     .ps-xxl-2 {
         padding-left: .5rem !important
     }

     .ps-xxl-3 {
         padding-left: 1rem !important
     }

     .ps-xxl-4 {
         padding-left: 1.5rem !important
     }

     .ps-xxl-5 {
         padding-left: 3rem !important
     }

     .gap-xxl-0 {
         gap: 0 !important
     }

     .gap-xxl-1 {
         gap: .25rem !important
     }

     .gap-xxl-2 {
         gap: .5rem !important
     }

     .gap-xxl-3 {
         gap: 1rem !important
     }

     .gap-xxl-4 {
         gap: 1.5rem !important
     }

     .gap-xxl-5 {
         gap: 3rem !important
     }

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

     .text-xxl-end {
         text-align: right !important
     }

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

 @media (min-width:1200px) {
     .fs-1 {
         font-size: 2.5rem !important
     }

     .fs-2 {
         font-size: 2rem !important
     }

     .fs-3 {
         font-size: 1.75rem !important
     }

     .fs-4 {
         font-size: 1.5rem !important
     }
 }

 @media print {
     .d-print-inline {
         display: inline !important
     }

     .d-print-inline-block {
         display: inline-block !important
     }

     .d-print-block {
         display: block !important
     }

     .d-print-grid {
         display: grid !important
     }

     .d-print-table {
         display: table !important
     }

     .d-print-table-row {
         display: table-row !important
     }

     .d-print-table-cell {
         display: table-cell !important
     }

     .d-print-flex {
         display: flex !important
     }

     .d-print-inline-flex {
         display: inline-flex !important
     }

     .d-print-none {
         display: none !important
     }
 }

 /*==================== Bootstrap Icons css ======================*/
 @font-face {
     font-display: block;
     font-family: "bootstrap-icons";
     src: url("../fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"), url("../fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
 }

 .bi::before,
 [class^="bi-"]::before,
 [class*=" bi-"]::before {
     display: inline-block;
     font-family: bootstrap-icons !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     vertical-align: -.125em;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .bi-123::before {
     content: "\f67f";
 }

 .bi-alarm-fill::before {
     content: "\f101";
 }

 .bi-alarm::before {
     content: "\f102";
 }

 .bi-align-bottom::before {
     content: "\f103";
 }

 .bi-align-center::before {
     content: "\f104";
 }

 .bi-align-end::before {
     content: "\f105";
 }

 .bi-align-middle::before {
     content: "\f106";
 }

 .bi-align-start::before {
     content: "\f107";
 }

 .bi-align-top::before {
     content: "\f108";
 }

 .bi-alt::before {
     content: "\f109";
 }

 .bi-app-indicator::before {
     content: "\f10a";
 }

 .bi-app::before {
     content: "\f10b";
 }

 .bi-archive-fill::before {
     content: "\f10c";
 }

 .bi-archive::before {
     content: "\f10d";
 }

 .bi-arrow-90deg-down::before {
     content: "\f10e";
 }

 .bi-arrow-90deg-left::before {
     content: "\f10f";
 }

 .bi-arrow-90deg-right::before {
     content: "\f110";
 }

 .bi-arrow-90deg-up::before {
     content: "\f111";
 }

 .bi-arrow-bar-down::before {
     content: "\f112";
 }

 .bi-arrow-bar-left::before {
     content: "\f113";
 }

 .bi-arrow-bar-right::before {
     content: "\f114";
 }

 .bi-arrow-bar-up::before {
     content: "\f115";
 }

 .bi-arrow-clockwise::before {
     content: "\f116";
 }

 .bi-arrow-counterclockwise::before {
     content: "\f117";
 }

 .bi-arrow-down-circle-fill::before {
     content: "\f118";
 }

 .bi-arrow-down-circle::before {
     content: "\f119";
 }

 .bi-arrow-down-left-circle-fill::before {
     content: "\f11a";
 }

 .bi-arrow-down-left-circle::before {
     content: "\f11b";
 }

 .bi-arrow-down-left-square-fill::before {
     content: "\f11c";
 }

 .bi-arrow-down-left-square::before {
     content: "\f11d";
 }

 .bi-arrow-down-left::before {
     content: "\f11e";
 }

 .bi-arrow-down-right-circle-fill::before {
     content: "\f11f";
 }

 .bi-arrow-down-right-circle::before {
     content: "\f120";
 }

 .bi-arrow-down-right-square-fill::before {
     content: "\f121";
 }

 .bi-arrow-down-right-square::before {
     content: "\f122";
 }

 .bi-arrow-down-right::before {
     content: "\f123";
 }

 .bi-arrow-down-short::before {
     content: "\f124";
 }

 .bi-arrow-down-square-fill::before {
     content: "\f125";
 }

 .bi-arrow-down-square::before {
     content: "\f126";
 }

 .bi-arrow-down-up::before {
     content: "\f127";
 }

 .bi-arrow-down::before {
     content: "\f128";
 }

 .bi-arrow-left-circle-fill::before {
     content: "\f129";
 }

 .bi-arrow-left-circle::before {
     content: "\f12a";
 }

 .bi-arrow-left-right::before {
     content: "\f12b";
 }

 .bi-arrow-left-short::before {
     content: "\f12c";
 }

 .bi-arrow-left-square-fill::before {
     content: "\f12d";
 }

 .bi-arrow-left-square::before {
     content: "\f12e";
 }

 .bi-arrow-left::before {
     content: "\f12f";
 }

 .bi-arrow-repeat::before {
     content: "\f130";
 }

 .bi-arrow-return-left::before {
     content: "\f131";
 }

 .bi-arrow-return-right::before {
     content: "\f132";
 }

 .bi-arrow-right-circle-fill::before {
     content: "\f133";
 }

 .bi-arrow-right-circle::before {
     content: "\f134";
 }

 .bi-arrow-right-short::before {
     content: "\f135";
 }

 .bi-arrow-right-square-fill::before {
     content: "\f136";
 }

 .bi-arrow-right-square::before {
     content: "\f137";
 }

 .bi-arrow-right::before {
     content: "\f138";
 }

 .bi-arrow-up-circle-fill::before {
     content: "\f139";
 }

 .bi-arrow-up-circle::before {
     content: "\f13a";
 }

 .bi-arrow-up-left-circle-fill::before {
     content: "\f13b";
 }

 .bi-arrow-up-left-circle::before {
     content: "\f13c";
 }

 .bi-arrow-up-left-square-fill::before {
     content: "\f13d";
 }

 .bi-arrow-up-left-square::before {
     content: "\f13e";
 }

 .bi-arrow-up-left::before {
     content: "\f13f";
 }

 .bi-arrow-up-right-circle-fill::before {
     content: "\f140";
 }

 .bi-arrow-up-right-circle::before {
     content: "\f141";
 }

 .bi-arrow-up-right-square-fill::before {
     content: "\f142";
 }

 .bi-arrow-up-right-square::before {
     content: "\f143";
 }

 .bi-arrow-up-right::before {
     content: "\f144";
 }

 .bi-arrow-up-short::before {
     content: "\f145";
 }

 .bi-arrow-up-square-fill::before {
     content: "\f146";
 }

 .bi-arrow-up-square::before {
     content: "\f147";
 }

 .bi-arrow-up::before {
     content: "\f148";
 }

 .bi-arrows-angle-contract::before {
     content: "\f149";
 }

 .bi-arrows-angle-expand::before {
     content: "\f14a";
 }

 .bi-arrows-collapse::before {
     content: "\f14b";
 }

 .bi-arrows-expand::before {
     content: "\f14c";
 }

 .bi-arrows-fullscreen::before {
     content: "\f14d";
 }

 .bi-arrows-move::before {
     content: "\f14e";
 }

 .bi-aspect-ratio-fill::before {
     content: "\f14f";
 }

 .bi-aspect-ratio::before {
     content: "\f150";
 }

 .bi-asterisk::before {
     content: "\f151";
 }

 .bi-at::before {
     content: "\f152";
 }

 .bi-award-fill::before {
     content: "\f153";
 }

 .bi-award::before {
     content: "\f154";
 }

 .bi-back::before {
     content: "\f155";
 }

 .bi-backspace-fill::before {
     content: "\f156";
 }

 .bi-backspace-reverse-fill::before {
     content: "\f157";
 }

 .bi-backspace-reverse::before {
     content: "\f158";
 }

 .bi-backspace::before {
     content: "\f159";
 }

 .bi-badge-3d-fill::before {
     content: "\f15a";
 }

 .bi-badge-3d::before {
     content: "\f15b";
 }

 .bi-badge-4k-fill::before {
     content: "\f15c";
 }

 .bi-badge-4k::before {
     content: "\f15d";
 }

 .bi-badge-8k-fill::before {
     content: "\f15e";
 }

 .bi-badge-8k::before {
     content: "\f15f";
 }

 .bi-badge-ad-fill::before {
     content: "\f160";
 }

 .bi-badge-ad::before {
     content: "\f161";
 }

 .bi-badge-ar-fill::before {
     content: "\f162";
 }

 .bi-badge-ar::before {
     content: "\f163";
 }

 .bi-badge-cc-fill::before {
     content: "\f164";
 }

 .bi-badge-cc::before {
     content: "\f165";
 }

 .bi-badge-hd-fill::before {
     content: "\f166";
 }

 .bi-badge-hd::before {
     content: "\f167";
 }

 .bi-badge-tm-fill::before {
     content: "\f168";
 }

 .bi-badge-tm::before {
     content: "\f169";
 }

 .bi-badge-vo-fill::before {
     content: "\f16a";
 }

 .bi-badge-vo::before {
     content: "\f16b";
 }

 .bi-badge-vr-fill::before {
     content: "\f16c";
 }

 .bi-badge-vr::before {
     content: "\f16d";
 }

 .bi-badge-wc-fill::before {
     content: "\f16e";
 }

 .bi-badge-wc::before {
     content: "\f16f";
 }

 .bi-bag-check-fill::before {
     content: "\f170";
 }

 .bi-bag-check::before {
     content: "\f171";
 }

 .bi-bag-dash-fill::before {
     content: "\f172";
 }

 .bi-bag-dash::before {
     content: "\f173";
 }

 .bi-bag-fill::before {
     content: "\f174";
 }

 .bi-bag-plus-fill::before {
     content: "\f175";
 }

 .bi-bag-plus::before {
     content: "\f176";
 }

 .bi-bag-x-fill::before {
     content: "\f177";
 }

 .bi-bag-x::before {
     content: "\f178";
 }

 .bi-bag::before {
     content: "\f179";
 }

 .bi-bar-chart-fill::before {
     content: "\f17a";
 }

 .bi-bar-chart-line-fill::before {
     content: "\f17b";
 }

 .bi-bar-chart-line::before {
     content: "\f17c";
 }

 .bi-bar-chart-steps::before {
     content: "\f17d";
 }

 .bi-bar-chart::before {
     content: "\f17e";
 }

 .bi-basket-fill::before {
     content: "\f17f";
 }

 .bi-basket::before {
     content: "\f180";
 }

 .bi-basket2-fill::before {
     content: "\f181";
 }

 .bi-basket2::before {
     content: "\f182";
 }

 .bi-basket3-fill::before {
     content: "\f183";
 }

 .bi-basket3::before {
     content: "\f184";
 }

 .bi-battery-charging::before {
     content: "\f185";
 }

 .bi-battery-full::before {
     content: "\f186";
 }

 .bi-battery-half::before {
     content: "\f187";
 }

 .bi-battery::before {
     content: "\f188";
 }

 .bi-bell-fill::before {
     content: "\f189";
 }

 .bi-bell::before {
     content: "\f18a";
 }

 .bi-bezier::before {
     content: "\f18b";
 }

 .bi-bezier2::before {
     content: "\f18c";
 }

 .bi-bicycle::before {
     content: "\f18d";
 }

 .bi-binoculars-fill::before {
     content: "\f18e";
 }

 .bi-binoculars::before {
     content: "\f18f";
 }

 .bi-blockquote-left::before {
     content: "\f190";
 }

 .bi-blockquote-right::before {
     content: "\f191";
 }

 .bi-book-fill::before {
     content: "\f192";
 }

 .bi-book-half::before {
     content: "\f193";
 }

 .bi-book::before {
     content: "\f194";
 }

 .bi-bookmark-check-fill::before {
     content: "\f195";
 }

 .bi-bookmark-check::before {
     content: "\f196";
 }

 .bi-bookmark-dash-fill::before {
     content: "\f197";
 }

 .bi-bookmark-dash::before {
     content: "\f198";
 }

 .bi-bookmark-fill::before {
     content: "\f199";
 }

 .bi-bookmark-heart-fill::before {
     content: "\f19a";
 }

 .bi-bookmark-heart::before {
     content: "\f19b";
 }

 .bi-bookmark-plus-fill::before {
     content: "\f19c";
 }

 .bi-bookmark-plus::before {
     content: "\f19d";
 }

 .bi-bookmark-star-fill::before {
     content: "\f19e";
 }

 .bi-bookmark-star::before {
     content: "\f19f";
 }

 .bi-bookmark-x-fill::before {
     content: "\f1a0";
 }

 .bi-bookmark-x::before {
     content: "\f1a1";
 }

 .bi-bookmark::before {
     content: "\f1a2";
 }

 .bi-bookmarks-fill::before {
     content: "\f1a3";
 }

 .bi-bookmarks::before {
     content: "\f1a4";
 }

 .bi-bookshelf::before {
     content: "\f1a5";
 }

 .bi-bootstrap-fill::before {
     content: "\f1a6";
 }

 .bi-bootstrap-reboot::before {
     content: "\f1a7";
 }

 .bi-bootstrap::before {
     content: "\f1a8";
 }

 .bi-border-all::before {
     content: "\f1a9";
 }

 .bi-border-bottom::before {
     content: "\f1aa";
 }

 .bi-border-center::before {
     content: "\f1ab";
 }

 .bi-border-inner::before {
     content: "\f1ac";
 }

 .bi-border-left::before {
     content: "\f1ad";
 }

 .bi-border-middle::before {
     content: "\f1ae";
 }

 .bi-border-outer::before {
     content: "\f1af";
 }

 .bi-border-right::before {
     content: "\f1b0";
 }

 .bi-border-style::before {
     content: "\f1b1";
 }

 .bi-border-top::before {
     content: "\f1b2";
 }

 .bi-border-width::before {
     content: "\f1b3";
 }

 .bi-border::before {
     content: "\f1b4";
 }

 .bi-bounding-box-circles::before {
     content: "\f1b5";
 }

 .bi-bounding-box::before {
     content: "\f1b6";
 }

 .bi-box-arrow-down-left::before {
     content: "\f1b7";
 }

 .bi-box-arrow-down-right::before {
     content: "\f1b8";
 }

 .bi-box-arrow-down::before {
     content: "\f1b9";
 }

 .bi-box-arrow-in-down-left::before {
     content: "\f1ba";
 }

 .bi-box-arrow-in-down-right::before {
     content: "\f1bb";
 }

 .bi-box-arrow-in-down::before {
     content: "\f1bc";
 }

 .bi-box-arrow-in-left::before {
     content: "\f1bd";
 }

 .bi-box-arrow-in-right::before {
     content: "\f1be";
 }

 .bi-box-arrow-in-up-left::before {
     content: "\f1bf";
 }

 .bi-box-arrow-in-up-right::before {
     content: "\f1c0";
 }

 .bi-box-arrow-in-up::before {
     content: "\f1c1";
 }

 .bi-box-arrow-left::before {
     content: "\f1c2";
 }

 .bi-box-arrow-right::before {
     content: "\f1c3";
 }

 .bi-box-arrow-up-left::before {
     content: "\f1c4";
 }

 .bi-box-arrow-up-right::before {
     content: "\f1c5";
 }

 .bi-box-arrow-up::before {
     content: "\f1c6";
 }

 .bi-box-seam::before {
     content: "\f1c7";
 }

 .bi-box::before {
     content: "\f1c8";
 }

 .bi-braces::before {
     content: "\f1c9";
 }

 .bi-bricks::before {
     content: "\f1ca";
 }

 .bi-briefcase-fill::before {
     content: "\f1cb";
 }

 .bi-briefcase::before {
     content: "\f1cc";
 }

 .bi-brightness-alt-high-fill::before {
     content: "\f1cd";
 }

 .bi-brightness-alt-high::before {
     content: "\f1ce";
 }

 .bi-brightness-alt-low-fill::before {
     content: "\f1cf";
 }

 .bi-brightness-alt-low::before {
     content: "\f1d0";
 }

 .bi-brightness-high-fill::before {
     content: "\f1d1";
 }

 .bi-brightness-high::before {
     content: "\f1d2";
 }

 .bi-brightness-low-fill::before {
     content: "\f1d3";
 }

 .bi-brightness-low::before {
     content: "\f1d4";
 }

 .bi-broadcast-pin::before {
     content: "\f1d5";
 }

 .bi-broadcast::before {
     content: "\f1d6";
 }

 .bi-brush-fill::before {
     content: "\f1d7";
 }

 .bi-brush::before {
     content: "\f1d8";
 }

 .bi-bucket-fill::before {
     content: "\f1d9";
 }

 .bi-bucket::before {
     content: "\f1da";
 }

 .bi-bug-fill::before {
     content: "\f1db";
 }

 .bi-bug::before {
     content: "\f1dc";
 }

 .bi-building::before {
     content: "\f1dd";
 }

 .bi-bullseye::before {
     content: "\f1de";
 }

 .bi-calculator-fill::before {
     content: "\f1df";
 }

 .bi-calculator::before {
     content: "\f1e0";
 }

 .bi-calendar-check-fill::before {
     content: "\f1e1";
 }

 .bi-calendar-check::before {
     content: "\f1e2";
 }

 .bi-calendar-date-fill::before {
     content: "\f1e3";
 }

 .bi-calendar-date::before {
     content: "\f1e4";
 }

 .bi-calendar-day-fill::before {
     content: "\f1e5";
 }

 .bi-calendar-day::before {
     content: "\f1e6";
 }

 .bi-calendar-event-fill::before {
     content: "\f1e7";
 }

 .bi-calendar-event::before {
     content: "\f1e8";
 }

 .bi-calendar-fill::before {
     content: "\f1e9";
 }

 .bi-calendar-minus-fill::before {
     content: "\f1ea";
 }

 .bi-calendar-minus::before {
     content: "\f1eb";
 }

 .bi-calendar-month-fill::before {
     content: "\f1ec";
 }

 .bi-calendar-month::before {
     content: "\f1ed";
 }

 .bi-calendar-plus-fill::before {
     content: "\f1ee";
 }

 .bi-calendar-plus::before {
     content: "\f1ef";
 }

 .bi-calendar-range-fill::before {
     content: "\f1f0";
 }

 .bi-calendar-range::before {
     content: "\f1f1";
 }

 .bi-calendar-week-fill::before {
     content: "\f1f2";
 }

 .bi-calendar-week::before {
     content: "\f1f3";
 }

 .bi-calendar-x-fill::before {
     content: "\f1f4";
 }

 .bi-calendar-x::before {
     content: "\f1f5";
 }

 .bi-calendar::before {
     content: "\f1f6";
 }

 .bi-calendar2-check-fill::before {
     content: "\f1f7";
 }

 .bi-calendar2-check::before {
     content: "\f1f8";
 }

 .bi-calendar2-date-fill::before {
     content: "\f1f9";
 }

 .bi-calendar2-date::before {
     content: "\f1fa";
 }

 .bi-calendar2-day-fill::before {
     content: "\f1fb";
 }

 .bi-calendar2-day::before {
     content: "\f1fc";
 }

 .bi-calendar2-event-fill::before {
     content: "\f1fd";
 }

 .bi-calendar2-event::before {
     content: "\f1fe";
 }

 .bi-calendar2-fill::before {
     content: "\f1ff";
 }

 .bi-calendar2-minus-fill::before {
     content: "\f200";
 }

 .bi-calendar2-minus::before {
     content: "\f201";
 }

 .bi-calendar2-month-fill::before {
     content: "\f202";
 }

 .bi-calendar2-month::before {
     content: "\f203";
 }

 .bi-calendar2-plus-fill::before {
     content: "\f204";
 }

 .bi-calendar2-plus::before {
     content: "\f205";
 }

 .bi-calendar2-range-fill::before {
     content: "\f206";
 }

 .bi-calendar2-range::before {
     content: "\f207";
 }

 .bi-calendar2-week-fill::before {
     content: "\f208";
 }

 .bi-calendar2-week::before {
     content: "\f209";
 }

 .bi-calendar2-x-fill::before {
     content: "\f20a";
 }

 .bi-calendar2-x::before {
     content: "\f20b";
 }

 .bi-calendar2::before {
     content: "\f20c";
 }

 .bi-calendar3-event-fill::before {
     content: "\f20d";
 }

 .bi-calendar3-event::before {
     content: "\f20e";
 }

 .bi-calendar3-fill::before {
     content: "\f20f";
 }

 .bi-calendar3-range-fill::before {
     content: "\f210";
 }

 .bi-calendar3-range::before {
     content: "\f211";
 }

 .bi-calendar3-week-fill::before {
     content: "\f212";
 }

 .bi-calendar3-week::before {
     content: "\f213";
 }

 .bi-calendar3::before {
     content: "\f214";
 }

 .bi-calendar4-event::before {
     content: "\f215";
 }

 .bi-calendar4-range::before {
     content: "\f216";
 }

 .bi-calendar4-week::before {
     content: "\f217";
 }

 .bi-calendar4::before {
     content: "\f218";
 }

 .bi-camera-fill::before {
     content: "\f219";
 }

 .bi-camera-reels-fill::before {
     content: "\f21a";
 }

 .bi-camera-reels::before {
     content: "\f21b";
 }

 .bi-camera-video-fill::before {
     content: "\f21c";
 }

 .bi-camera-video-off-fill::before {
     content: "\f21d";
 }

 .bi-camera-video-off::before {
     content: "\f21e";
 }

 .bi-camera-video::before {
     content: "\f21f";
 }

 .bi-camera::before {
     content: "\f220";
 }

 .bi-camera2::before {
     content: "\f221";
 }

 .bi-capslock-fill::before {
     content: "\f222";
 }

 .bi-capslock::before {
     content: "\f223";
 }

 .bi-card-checklist::before {
     content: "\f224";
 }

 .bi-card-heading::before {
     content: "\f225";
 }

 .bi-card-image::before {
     content: "\f226";
 }

 .bi-card-list::before {
     content: "\f227";
 }

 .bi-card-text::before {
     content: "\f228";
 }

 .bi-caret-down-fill::before {
     content: "\f229";
 }

 .bi-caret-down-square-fill::before {
     content: "\f22a";
 }

 .bi-caret-down-square::before {
     content: "\f22b";
 }

 .bi-caret-down::before {
     content: "\f22c";
 }

 .bi-caret-left-fill::before {
     content: "\f22d";
 }

 .bi-caret-left-square-fill::before {
     content: "\f22e";
 }

 .bi-caret-left-square::before {
     content: "\f22f";
 }

 .bi-caret-left::before {
     content: "\f230";
 }

 .bi-caret-right-fill::before {
     content: "\f231";
 }

 .bi-caret-right-square-fill::before {
     content: "\f232";
 }

 .bi-caret-right-square::before {
     content: "\f233";
 }

 .bi-caret-right::before {
     content: "\f234";
 }

 .bi-caret-up-fill::before {
     content: "\f235";
 }

 .bi-caret-up-square-fill::before {
     content: "\f236";
 }

 .bi-caret-up-square::before {
     content: "\f237";
 }

 .bi-caret-up::before {
     content: "\f238";
 }

 .bi-cart-check-fill::before {
     content: "\f239";
 }

 .bi-cart-check::before {
     content: "\f23a";
 }

 .bi-cart-dash-fill::before {
     content: "\f23b";
 }

 .bi-cart-dash::before {
     content: "\f23c";
 }

 .bi-cart-fill::before {
     content: "\f23d";
 }

 .bi-cart-plus-fill::before {
     content: "\f23e";
 }

 .bi-cart-plus::before {
     content: "\f23f";
 }

 .bi-cart-x-fill::before {
     content: "\f240";
 }

 .bi-cart-x::before {
     content: "\f241";
 }

 .bi-cart::before {
     content: "\f242";
 }

 .bi-cart2::before {
     content: "\f243";
 }

 .bi-cart3::before {
     content: "\f244";
 }

 .bi-cart4::before {
     content: "\f245";
 }

 .bi-cash-stack::before {
     content: "\f246";
 }

 .bi-cash::before {
     content: "\f247";
 }

 .bi-cast::before {
     content: "\f248";
 }

 .bi-chat-dots-fill::before {
     content: "\f249";
 }

 .bi-chat-dots::before {
     content: "\f24a";
 }

 .bi-chat-fill::before {
     content: "\f24b";
 }

 .bi-chat-left-dots-fill::before {
     content: "\f24c";
 }

 .bi-chat-left-dots::before {
     content: "\f24d";
 }

 .bi-chat-left-fill::before {
     content: "\f24e";
 }

 .bi-chat-left-quote-fill::before {
     content: "\f24f";
 }

 .bi-chat-left-quote::before {
     content: "\f250";
 }

 .bi-chat-left-text-fill::before {
     content: "\f251";
 }

 .bi-chat-left-text::before {
     content: "\f252";
 }

 .bi-chat-left::before {
     content: "\f253";
 }

 .bi-chat-quote-fill::before {
     content: "\f254";
 }

 .bi-chat-quote::before {
     content: "\f255";
 }

 .bi-chat-right-dots-fill::before {
     content: "\f256";
 }

 .bi-chat-right-dots::before {
     content: "\f257";
 }

 .bi-chat-right-fill::before {
     content: "\f258";
 }

 .bi-chat-right-quote-fill::before {
     content: "\f259";
 }

 .bi-chat-right-quote::before {
     content: "\f25a";
 }

 .bi-chat-right-text-fill::before {
     content: "\f25b";
 }

 .bi-chat-right-text::before {
     content: "\f25c";
 }

 .bi-chat-right::before {
     content: "\f25d";
 }

 .bi-chat-square-dots-fill::before {
     content: "\f25e";
 }

 .bi-chat-square-dots::before {
     content: "\f25f";
 }

 .bi-chat-square-fill::before {
     content: "\f260";
 }

 .bi-chat-square-quote-fill::before {
     content: "\f261";
 }

 .bi-chat-square-quote::before {
     content: "\f262";
 }

 .bi-chat-square-text-fill::before {
     content: "\f263";
 }

 .bi-chat-square-text::before {
     content: "\f264";
 }

 .bi-chat-square::before {
     content: "\f265";
 }

 .bi-chat-text-fill::before {
     content: "\f266";
 }

 .bi-chat-text::before {
     content: "\f267";
 }

 .bi-chat::before {
     content: "\f268";
 }

 .bi-check-all::before {
     content: "\f269";
 }

 .bi-check-circle-fill::before {
     content: "\f26a";
 }

 .bi-check-circle::before {
     content: "\f26b";
 }

 .bi-check-square-fill::before {
     content: "\f26c";
 }

 .bi-check-square::before {
     content: "\f26d";
 }

 .bi-check::before {
     content: "\f26e";
 }

 .bi-check2-all::before {
     content: "\f26f";
 }

 .bi-check2-circle::before {
     content: "\f270";
 }

 .bi-check2-square::before {
     content: "\f271";
 }

 .bi-check2::before {
     content: "\f272";
 }

 .bi-chevron-bar-contract::before {
     content: "\f273";
 }

 .bi-chevron-bar-down::before {
     content: "\f274";
 }

 .bi-chevron-bar-expand::before {
     content: "\f275";
 }

 .bi-chevron-bar-left::before {
     content: "\f276";
 }

 .bi-chevron-bar-right::before {
     content: "\f277";
 }

 .bi-chevron-bar-up::before {
     content: "\f278";
 }

 .bi-chevron-compact-down::before {
     content: "\f279";
 }

 .bi-chevron-compact-left::before {
     content: "\f27a";
 }

 .bi-chevron-compact-right::before {
     content: "\f27b";
 }

 .bi-chevron-compact-up::before {
     content: "\f27c";
 }

 .bi-chevron-contract::before {
     content: "\f27d";
 }

 .bi-chevron-double-down::before {
     content: "\f27e";
 }

 .bi-chevron-double-left::before {
     content: "\f27f";
 }

 .bi-chevron-double-right::before {
     content: "\f280";
 }

 .bi-chevron-double-up::before {
     content: "\f281";
 }

 .bi-chevron-down::before {
     content: "\f282";
 }

 .bi-chevron-expand::before {
     content: "\f283";
 }

 .bi-chevron-left::before {
     content: "\f284";
 }

 .bi-chevron-right::before {
     content: "\f285";
 }

 .bi-chevron-up::before {
     content: "\f286";
 }

 .bi-circle-fill::before {
     content: "\f287";
 }

 .bi-circle-half::before {
     content: "\f288";
 }

 .bi-circle-square::before {
     content: "\f289";
 }

 .bi-circle::before {
     content: "\f28a";
 }

 .bi-clipboard-check::before {
     content: "\f28b";
 }

 .bi-clipboard-data::before {
     content: "\f28c";
 }

 .bi-clipboard-minus::before {
     content: "\f28d";
 }

 .bi-clipboard-plus::before {
     content: "\f28e";
 }

 .bi-clipboard-x::before {
     content: "\f28f";
 }

 .bi-clipboard::before {
     content: "\f290";
 }

 .bi-clock-fill::before {
     content: "\f291";
 }

 .bi-clock-history::before {
     content: "\f292";
 }

 .bi-clock::before {
     content: "\f293";
 }

 .bi-cloud-arrow-down-fill::before {
     content: "\f294";
 }

 .bi-cloud-arrow-down::before {
     content: "\f295";
 }

 .bi-cloud-arrow-up-fill::before {
     content: "\f296";
 }

 .bi-cloud-arrow-up::before {
     content: "\f297";
 }

 .bi-cloud-check-fill::before {
     content: "\f298";
 }

 .bi-cloud-check::before {
     content: "\f299";
 }

 .bi-cloud-download-fill::before {
     content: "\f29a";
 }

 .bi-cloud-download::before {
     content: "\f29b";
 }

 .bi-cloud-drizzle-fill::before {
     content: "\f29c";
 }

 .bi-cloud-drizzle::before {
     content: "\f29d";
 }

 .bi-cloud-fill::before {
     content: "\f29e";
 }

 .bi-cloud-fog-fill::before {
     content: "\f29f";
 }

 .bi-cloud-fog::before {
     content: "\f2a0";
 }

 .bi-cloud-fog2-fill::before {
     content: "\f2a1";
 }

 .bi-cloud-fog2::before {
     content: "\f2a2";
 }

 .bi-cloud-hail-fill::before {
     content: "\f2a3";
 }

 .bi-cloud-hail::before {
     content: "\f2a4";
 }

 .bi-cloud-haze-1::before {
     content: "\f2a5";
 }

 .bi-cloud-haze-fill::before {
     content: "\f2a6";
 }

 .bi-cloud-haze::before {
     content: "\f2a7";
 }

 .bi-cloud-haze2-fill::before {
     content: "\f2a8";
 }

 .bi-cloud-lightning-fill::before {
     content: "\f2a9";
 }

 .bi-cloud-lightning-rain-fill::before {
     content: "\f2aa";
 }

 .bi-cloud-lightning-rain::before {
     content: "\f2ab";
 }

 .bi-cloud-lightning::before {
     content: "\f2ac";
 }

 .bi-cloud-minus-fill::before {
     content: "\f2ad";
 }

 .bi-cloud-minus::before {
     content: "\f2ae";
 }

 .bi-cloud-moon-fill::before {
     content: "\f2af";
 }

 .bi-cloud-moon::before {
     content: "\f2b0";
 }

 .bi-cloud-plus-fill::before {
     content: "\f2b1";
 }

 .bi-cloud-plus::before {
     content: "\f2b2";
 }

 .bi-cloud-rain-fill::before {
     content: "\f2b3";
 }

 .bi-cloud-rain-heavy-fill::before {
     content: "\f2b4";
 }

 .bi-cloud-rain-heavy::before {
     content: "\f2b5";
 }

 .bi-cloud-rain::before {
     content: "\f2b6";
 }

 .bi-cloud-slash-fill::before {
     content: "\f2b7";
 }

 .bi-cloud-slash::before {
     content: "\f2b8";
 }

 .bi-cloud-sleet-fill::before {
     content: "\f2b9";
 }

 .bi-cloud-sleet::before {
     content: "\f2ba";
 }

 .bi-cloud-snow-fill::before {
     content: "\f2bb";
 }

 .bi-cloud-snow::before {
     content: "\f2bc";
 }

 .bi-cloud-sun-fill::before {
     content: "\f2bd";
 }

 .bi-cloud-sun::before {
     content: "\f2be";
 }

 .bi-cloud-upload-fill::before {
     content: "\f2bf";
 }

 .bi-cloud-upload::before {
     content: "\f2c0";
 }

 .bi-cloud::before {
     content: "\f2c1";
 }

 .bi-clouds-fill::before {
     content: "\f2c2";
 }

 .bi-clouds::before {
     content: "\f2c3";
 }

 .bi-cloudy-fill::before {
     content: "\f2c4";
 }

 .bi-cloudy::before {
     content: "\f2c5";
 }

 .bi-code-slash::before {
     content: "\f2c6";
 }

 .bi-code-square::before {
     content: "\f2c7";
 }

 .bi-code::before {
     content: "\f2c8";
 }

 .bi-collection-fill::before {
     content: "\f2c9";
 }

 .bi-collection-play-fill::before {
     content: "\f2ca";
 }

 .bi-collection-play::before {
     content: "\f2cb";
 }

 .bi-collection::before {
     content: "\f2cc";
 }

 .bi-columns-gap::before {
     content: "\f2cd";
 }

 .bi-columns::before {
     content: "\f2ce";
 }

 .bi-command::before {
     content: "\f2cf";
 }

 .bi-compass-fill::before {
     content: "\f2d0";
 }

 .bi-compass::before {
     content: "\f2d1";
 }

 .bi-cone-striped::before {
     content: "\f2d2";
 }

 .bi-cone::before {
     content: "\f2d3";
 }

 .bi-controller::before {
     content: "\f2d4";
 }

 .bi-cpu-fill::before {
     content: "\f2d5";
 }

 .bi-cpu::before {
     content: "\f2d6";
 }

 .bi-credit-card-2-back-fill::before {
     content: "\f2d7";
 }

 .bi-credit-card-2-back::before {
     content: "\f2d8";
 }

 .bi-credit-card-2-front-fill::before {
     content: "\f2d9";
 }

 .bi-credit-card-2-front::before {
     content: "\f2da";
 }

 .bi-credit-card-fill::before {
     content: "\f2db";
 }

 .bi-credit-card::before {
     content: "\f2dc";
 }

 .bi-crop::before {
     content: "\f2dd";
 }

 .bi-cup-fill::before {
     content: "\f2de";
 }

 .bi-cup-straw::before {
     content: "\f2df";
 }

 .bi-cup::before {
     content: "\f2e0";
 }

 .bi-cursor-fill::before {
     content: "\f2e1";
 }

 .bi-cursor-text::before {
     content: "\f2e2";
 }

 .bi-cursor::before {
     content: "\f2e3";
 }

 .bi-dash-circle-dotted::before {
     content: "\f2e4";
 }

 .bi-dash-circle-fill::before {
     content: "\f2e5";
 }

 .bi-dash-circle::before {
     content: "\f2e6";
 }

 .bi-dash-square-dotted::before {
     content: "\f2e7";
 }

 .bi-dash-square-fill::before {
     content: "\f2e8";
 }

 .bi-dash-square::before {
     content: "\f2e9";
 }

 .bi-dash::before {
     content: "\f2ea";
 }

 .bi-diagram-2-fill::before {
     content: "\f2eb";
 }

 .bi-diagram-2::before {
     content: "\f2ec";
 }

 .bi-diagram-3-fill::before {
     content: "\f2ed";
 }

 .bi-diagram-3::before {
     content: "\f2ee";
 }

 .bi-diamond-fill::before {
     content: "\f2ef";
 }

 .bi-diamond-half::before {
     content: "\f2f0";
 }

 .bi-diamond::before {
     content: "\f2f1";
 }

 .bi-dice-1-fill::before {
     content: "\f2f2";
 }

 .bi-dice-1::before {
     content: "\f2f3";
 }

 .bi-dice-2-fill::before {
     content: "\f2f4";
 }

 .bi-dice-2::before {
     content: "\f2f5";
 }

 .bi-dice-3-fill::before {
     content: "\f2f6";
 }

 .bi-dice-3::before {
     content: "\f2f7";
 }

 .bi-dice-4-fill::before {
     content: "\f2f8";
 }

 .bi-dice-4::before {
     content: "\f2f9";
 }

 .bi-dice-5-fill::before {
     content: "\f2fa";
 }

 .bi-dice-5::before {
     content: "\f2fb";
 }

 .bi-dice-6-fill::before {
     content: "\f2fc";
 }

 .bi-dice-6::before {
     content: "\f2fd";
 }

 .bi-disc-fill::before {
     content: "\f2fe";
 }

 .bi-disc::before {
     content: "\f2ff";
 }

 .bi-discord::before {
     content: "\f300";
 }

 .bi-display-fill::before {
     content: "\f301";
 }

 .bi-display::before {
     content: "\f302";
 }

 .bi-distribute-horizontal::before {
     content: "\f303";
 }

 .bi-distribute-vertical::before {
     content: "\f304";
 }

 .bi-door-closed-fill::before {
     content: "\f305";
 }

 .bi-door-closed::before {
     content: "\f306";
 }

 .bi-door-open-fill::before {
     content: "\f307";
 }

 .bi-door-open::before {
     content: "\f308";
 }

 .bi-dot::before {
     content: "\f309";
 }

 .bi-download::before {
     content: "\f30a";
 }

 .bi-droplet-fill::before {
     content: "\f30b";
 }

 .bi-droplet-half::before {
     content: "\f30c";
 }

 .bi-droplet::before {
     content: "\f30d";
 }

 .bi-earbuds::before {
     content: "\f30e";
 }

 .bi-easel-fill::before {
     content: "\f30f";
 }

 .bi-easel::before {
     content: "\f310";
 }

 .bi-egg-fill::before {
     content: "\f311";
 }

 .bi-egg-fried::before {
     content: "\f312";
 }

 .bi-egg::before {
     content: "\f313";
 }

 .bi-eject-fill::before {
     content: "\f314";
 }

 .bi-eject::before {
     content: "\f315";
 }

 .bi-emoji-angry-fill::before {
     content: "\f316";
 }

 .bi-emoji-angry::before {
     content: "\f317";
 }

 .bi-emoji-dizzy-fill::before {
     content: "\f318";
 }

 .bi-emoji-dizzy::before {
     content: "\f319";
 }

 .bi-emoji-expressionless-fill::before {
     content: "\f31a";
 }

 .bi-emoji-expressionless::before {
     content: "\f31b";
 }

 .bi-emoji-frown-fill::before {
     content: "\f31c";
 }

 .bi-emoji-frown::before {
     content: "\f31d";
 }

 .bi-emoji-heart-eyes-fill::before {
     content: "\f31e";
 }

 .bi-emoji-heart-eyes::before {
     content: "\f31f";
 }

 .bi-emoji-laughing-fill::before {
     content: "\f320";
 }

 .bi-emoji-laughing::before {
     content: "\f321";
 }

 .bi-emoji-neutral-fill::before {
     content: "\f322";
 }

 .bi-emoji-neutral::before {
     content: "\f323";
 }

 .bi-emoji-smile-fill::before {
     content: "\f324";
 }

 .bi-emoji-smile-upside-down-fill::before {
     content: "\f325";
 }

 .bi-emoji-smile-upside-down::before {
     content: "\f326";
 }

 .bi-emoji-smile::before {
     content: "\f327";
 }

 .bi-emoji-sunglasses-fill::before {
     content: "\f328";
 }

 .bi-emoji-sunglasses::before {
     content: "\f329";
 }

 .bi-emoji-wink-fill::before {
     content: "\f32a";
 }

 .bi-emoji-wink::before {
     content: "\f32b";
 }

 .bi-envelope-fill::before {
     content: "\f32c";
 }

 .bi-envelope-open-fill::before {
     content: "\f32d";
 }

 .bi-envelope-open::before {
     content: "\f32e";
 }

 .bi-envelope::before {
     content: "\f32f";
 }

 .bi-eraser-fill::before {
     content: "\f330";
 }

 .bi-eraser::before {
     content: "\f331";
 }

 .bi-exclamation-circle-fill::before {
     content: "\f332";
 }

 .bi-exclamation-circle::before {
     content: "\f333";
 }

 .bi-exclamation-diamond-fill::before {
     content: "\f334";
 }

 .bi-exclamation-diamond::before {
     content: "\f335";
 }

 .bi-exclamation-octagon-fill::before {
     content: "\f336";
 }

 .bi-exclamation-octagon::before {
     content: "\f337";
 }

 .bi-exclamation-square-fill::before {
     content: "\f338";
 }

 .bi-exclamation-square::before {
     content: "\f339";
 }

 .bi-exclamation-triangle-fill::before {
     content: "\f33a";
 }

 .bi-exclamation-triangle::before {
     content: "\f33b";
 }

 .bi-exclamation::before {
     content: "\f33c";
 }

 .bi-exclude::before {
     content: "\f33d";
 }

 .bi-eye-fill::before {
     content: "\f33e";
 }

 .bi-eye-slash-fill::before {
     content: "\f33f";
 }

 .bi-eye-slash::before {
     content: "\f340";
 }

 .bi-eye::before {
     content: "\f341";
 }

 .bi-eyedropper::before {
     content: "\f342";
 }

 .bi-eyeglasses::before {
     content: "\f343";
 }

 .bi-facebook::before {
     content: "\f344";
 }

 .bi-file-arrow-down-fill::before {
     content: "\f345";
 }

 .bi-file-arrow-down::before {
     content: "\f346";
 }

 .bi-file-arrow-up-fill::before {
     content: "\f347";
 }

 .bi-file-arrow-up::before {
     content: "\f348";
 }

 .bi-file-bar-graph-fill::before {
     content: "\f349";
 }

 .bi-file-bar-graph::before {
     content: "\f34a";
 }

 .bi-file-binary-fill::before {
     content: "\f34b";
 }

 .bi-file-binary::before {
     content: "\f34c";
 }

 .bi-file-break-fill::before {
     content: "\f34d";
 }

 .bi-file-break::before {
     content: "\f34e";
 }

 .bi-file-check-fill::before {
     content: "\f34f";
 }

 .bi-file-check::before {
     content: "\f350";
 }

 .bi-file-code-fill::before {
     content: "\f351";
 }

 .bi-file-code::before {
     content: "\f352";
 }

 .bi-file-diff-fill::before {
     content: "\f353";
 }

 .bi-file-diff::before {
     content: "\f354";
 }

 .bi-file-earmark-arrow-down-fill::before {
     content: "\f355";
 }

 .bi-file-earmark-arrow-down::before {
     content: "\f356";
 }

 .bi-file-earmark-arrow-up-fill::before {
     content: "\f357";
 }

 .bi-file-earmark-arrow-up::before {
     content: "\f358";
 }

 .bi-file-earmark-bar-graph-fill::before {
     content: "\f359";
 }

 .bi-file-earmark-bar-graph::before {
     content: "\f35a";
 }

 .bi-file-earmark-binary-fill::before {
     content: "\f35b";
 }

 .bi-file-earmark-binary::before {
     content: "\f35c";
 }

 .bi-file-earmark-break-fill::before {
     content: "\f35d";
 }

 .bi-file-earmark-break::before {
     content: "\f35e";
 }

 .bi-file-earmark-check-fill::before {
     content: "\f35f";
 }

 .bi-file-earmark-check::before {
     content: "\f360";
 }

 .bi-file-earmark-code-fill::before {
     content: "\f361";
 }

 .bi-file-earmark-code::before {
     content: "\f362";
 }

 .bi-file-earmark-diff-fill::before {
     content: "\f363";
 }

 .bi-file-earmark-diff::before {
     content: "\f364";
 }

 .bi-file-earmark-easel-fill::before {
     content: "\f365";
 }

 .bi-file-earmark-easel::before {
     content: "\f366";
 }

 .bi-file-earmark-excel-fill::before {
     content: "\f367";
 }

 .bi-file-earmark-excel::before {
     content: "\f368";
 }

 .bi-file-earmark-fill::before {
     content: "\f369";
 }

 .bi-file-earmark-font-fill::before {
     content: "\f36a";
 }

 .bi-file-earmark-font::before {
     content: "\f36b";
 }

 .bi-file-earmark-image-fill::before {
     content: "\f36c";
 }

 .bi-file-earmark-image::before {
     content: "\f36d";
 }

 .bi-file-earmark-lock-fill::before {
     content: "\f36e";
 }

 .bi-file-earmark-lock::before {
     content: "\f36f";
 }

 .bi-file-earmark-lock2-fill::before {
     content: "\f370";
 }

 .bi-file-earmark-lock2::before {
     content: "\f371";
 }

 .bi-file-earmark-medical-fill::before {
     content: "\f372";
 }

 .bi-file-earmark-medical::before {
     content: "\f373";
 }

 .bi-file-earmark-minus-fill::before {
     content: "\f374";
 }

 .bi-file-earmark-minus::before {
     content: "\f375";
 }

 .bi-file-earmark-music-fill::before {
     content: "\f376";
 }

 .bi-file-earmark-music::before {
     content: "\f377";
 }

 .bi-file-earmark-person-fill::before {
     content: "\f378";
 }

 .bi-file-earmark-person::before {
     content: "\f379";
 }

 .bi-file-earmark-play-fill::before {
     content: "\f37a";
 }

 .bi-file-earmark-play::before {
     content: "\f37b";
 }

 .bi-file-earmark-plus-fill::before {
     content: "\f37c";
 }

 .bi-file-earmark-plus::before {
     content: "\f37d";
 }

 .bi-file-earmark-post-fill::before {
     content: "\f37e";
 }

 .bi-file-earmark-post::before {
     content: "\f37f";
 }

 .bi-file-earmark-ppt-fill::before {
     content: "\f380";
 }

 .bi-file-earmark-ppt::before {
     content: "\f381";
 }

 .bi-file-earmark-richtext-fill::before {
     content: "\f382";
 }

 .bi-file-earmark-richtext::before {
     content: "\f383";
 }

 .bi-file-earmark-ruled-fill::before {
     content: "\f384";
 }

 .bi-file-earmark-ruled::before {
     content: "\f385";
 }

 .bi-file-earmark-slides-fill::before {
     content: "\f386";
 }

 .bi-file-earmark-slides::before {
     content: "\f387";
 }

 .bi-file-earmark-spreadsheet-fill::before {
     content: "\f388";
 }

 .bi-file-earmark-spreadsheet::before {
     content: "\f389";
 }

 .bi-file-earmark-text-fill::before {
     content: "\f38a";
 }

 .bi-file-earmark-text::before {
     content: "\f38b";
 }

 .bi-file-earmark-word-fill::before {
     content: "\f38c";
 }

 .bi-file-earmark-word::before {
     content: "\f38d";
 }

 .bi-file-earmark-x-fill::before {
     content: "\f38e";
 }

 .bi-file-earmark-x::before {
     content: "\f38f";
 }

 .bi-file-earmark-zip-fill::before {
     content: "\f390";
 }

 .bi-file-earmark-zip::before {
     content: "\f391";
 }

 .bi-file-earmark::before {
     content: "\f392";
 }

 .bi-file-easel-fill::before {
     content: "\f393";
 }

 .bi-file-easel::before {
     content: "\f394";
 }

 .bi-file-excel-fill::before {
     content: "\f395";
 }

 .bi-file-excel::before {
     content: "\f396";
 }

 .bi-file-fill::before {
     content: "\f397";
 }

 .bi-file-font-fill::before {
     content: "\f398";
 }

 .bi-file-font::before {
     content: "\f399";
 }

 .bi-file-image-fill::before {
     content: "\f39a";
 }

 .bi-file-image::before {
     content: "\f39b";
 }

 .bi-file-lock-fill::before {
     content: "\f39c";
 }

 .bi-file-lock::before {
     content: "\f39d";
 }

 .bi-file-lock2-fill::before {
     content: "\f39e";
 }

 .bi-file-lock2::before {
     content: "\f39f";
 }

 .bi-file-medical-fill::before {
     content: "\f3a0";
 }

 .bi-file-medical::before {
     content: "\f3a1";
 }

 .bi-file-minus-fill::before {
     content: "\f3a2";
 }

 .bi-file-minus::before {
     content: "\f3a3";
 }

 .bi-file-music-fill::before {
     content: "\f3a4";
 }

 .bi-file-music::before {
     content: "\f3a5";
 }

 .bi-file-person-fill::before {
     content: "\f3a6";
 }

 .bi-file-person::before {
     content: "\f3a7";
 }

 .bi-file-play-fill::before {
     content: "\f3a8";
 }

 .bi-file-play::before {
     content: "\f3a9";
 }

 .bi-file-plus-fill::before {
     content: "\f3aa";
 }

 .bi-file-plus::before {
     content: "\f3ab";
 }

 .bi-file-post-fill::before {
     content: "\f3ac";
 }

 .bi-file-post::before {
     content: "\f3ad";
 }

 .bi-file-ppt-fill::before {
     content: "\f3ae";
 }

 .bi-file-ppt::before {
     content: "\f3af";
 }

 .bi-file-richtext-fill::before {
     content: "\f3b0";
 }

 .bi-file-richtext::before {
     content: "\f3b1";
 }

 .bi-file-ruled-fill::before {
     content: "\f3b2";
 }

 .bi-file-ruled::before {
     content: "\f3b3";
 }

 .bi-file-slides-fill::before {
     content: "\f3b4";
 }

 .bi-file-slides::before {
     content: "\f3b5";
 }

 .bi-file-spreadsheet-fill::before {
     content: "\f3b6";
 }

 .bi-file-spreadsheet::before {
     content: "\f3b7";
 }

 .bi-file-text-fill::before {
     content: "\f3b8";
 }

 .bi-file-text::before {
     content: "\f3b9";
 }

 .bi-file-word-fill::before {
     content: "\f3ba";
 }

 .bi-file-word::before {
     content: "\f3bb";
 }

 .bi-file-x-fill::before {
     content: "\f3bc";
 }

 .bi-file-x::before {
     content: "\f3bd";
 }

 .bi-file-zip-fill::before {
     content: "\f3be";
 }

 .bi-file-zip::before {
     content: "\f3bf";
 }

 .bi-file::before {
     content: "\f3c0";
 }

 .bi-files-alt::before {
     content: "\f3c1";
 }

 .bi-files::before {
     content: "\f3c2";
 }

 .bi-film::before {
     content: "\f3c3";
 }

 .bi-filter-circle-fill::before {
     content: "\f3c4";
 }

 .bi-filter-circle::before {
     content: "\f3c5";
 }

 .bi-filter-left::before {
     content: "\f3c6";
 }

 .bi-filter-right::before {
     content: "\f3c7";
 }

 .bi-filter-square-fill::before {
     content: "\f3c8";
 }

 .bi-filter-square::before {
     content: "\f3c9";
 }

 .bi-filter::before {
     content: "\f3ca";
 }

 .bi-flag-fill::before {
     content: "\f3cb";
 }

 .bi-flag::before {
     content: "\f3cc";
 }

 .bi-flower1::before {
     content: "\f3cd";
 }

 .bi-flower2::before {
     content: "\f3ce";
 }

 .bi-flower3::before {
     content: "\f3cf";
 }

 .bi-folder-check::before {
     content: "\f3d0";
 }

 .bi-folder-fill::before {
     content: "\f3d1";
 }

 .bi-folder-minus::before {
     content: "\f3d2";
 }

 .bi-folder-plus::before {
     content: "\f3d3";
 }

 .bi-folder-symlink-fill::before {
     content: "\f3d4";
 }

 .bi-folder-symlink::before {
     content: "\f3d5";
 }

 .bi-folder-x::before {
     content: "\f3d6";
 }

 .bi-folder::before {
     content: "\f3d7";
 }

 .bi-folder2-open::before {
     content: "\f3d8";
 }

 .bi-folder2::before {
     content: "\f3d9";
 }

 .bi-fonts::before {
     content: "\f3da";
 }

 .bi-forward-fill::before {
     content: "\f3db";
 }

 .bi-forward::before {
     content: "\f3dc";
 }

 .bi-front::before {
     content: "\f3dd";
 }

 .bi-fullscreen-exit::before {
     content: "\f3de";
 }

 .bi-fullscreen::before {
     content: "\f3df";
 }

 .bi-funnel-fill::before {
     content: "\f3e0";
 }

 .bi-funnel::before {
     content: "\f3e1";
 }

 .bi-gear-fill::before {
     content: "\f3e2";
 }

 .bi-gear-wide-connected::before {
     content: "\f3e3";
 }

 .bi-gear-wide::before {
     content: "\f3e4";
 }

 .bi-gear::before {
     content: "\f3e5";
 }

 .bi-gem::before {
     content: "\f3e6";
 }

 .bi-geo-alt-fill::before {
     content: "\f3e7";
 }

 .bi-geo-alt::before {
     content: "\f3e8";
 }

 .bi-geo-fill::before {
     content: "\f3e9";
 }

 .bi-geo::before {
     content: "\f3ea";
 }

 .bi-gift-fill::before {
     content: "\f3eb";
 }

 .bi-gift::before {
     content: "\f3ec";
 }

 .bi-github::before {
     content: "\f3ed";
 }

 .bi-globe::before {
     content: "\f3ee";
 }

 .bi-globe2::before {
     content: "\f3ef";
 }

 .bi-google::before {
     content: "\f3f0";
 }

 .bi-graph-down::before {
     content: "\f3f1";
 }

 .bi-graph-up::before {
     content: "\f3f2";
 }

 .bi-grid-1x2-fill::before {
     content: "\f3f3";
 }

 .bi-grid-1x2::before {
     content: "\f3f4";
 }

 .bi-grid-3x2-gap-fill::before {
     content: "\f3f5";
 }

 .bi-grid-3x2-gap::before {
     content: "\f3f6";
 }

 .bi-grid-3x2::before {
     content: "\f3f7";
 }

 .bi-grid-3x3-gap-fill::before {
     content: "\f3f8";
 }

 .bi-grid-3x3-gap::before {
     content: "\f3f9";
 }

 .bi-grid-3x3::before {
     content: "\f3fa";
 }

 .bi-grid-fill::before {
     content: "\f3fb";
 }

 .bi-grid::before {
     content: "\f3fc";
 }

 .bi-grip-horizontal::before {
     content: "\f3fd";
 }

 .bi-grip-vertical::before {
     content: "\f3fe";
 }

 .bi-hammer::before {
     content: "\f3ff";
 }

 .bi-hand-index-fill::before {
     content: "\f400";
 }

 .bi-hand-index-thumb-fill::before {
     content: "\f401";
 }

 .bi-hand-index-thumb::before {
     content: "\f402";
 }

 .bi-hand-index::before {
     content: "\f403";
 }

 .bi-hand-thumbs-down-fill::before {
     content: "\f404";
 }

 .bi-hand-thumbs-down::before {
     content: "\f405";
 }

 .bi-hand-thumbs-up-fill::before {
     content: "\f406";
 }

 .bi-hand-thumbs-up::before {
     content: "\f407";
 }

 .bi-handbag-fill::before {
     content: "\f408";
 }

 .bi-handbag::before {
     content: "\f409";
 }

 .bi-hash::before {
     content: "\f40a";
 }

 .bi-hdd-fill::before {
     content: "\f40b";
 }

 .bi-hdd-network-fill::before {
     content: "\f40c";
 }

 .bi-hdd-network::before {
     content: "\f40d";
 }

 .bi-hdd-rack-fill::before {
     content: "\f40e";
 }

 .bi-hdd-rack::before {
     content: "\f40f";
 }

 .bi-hdd-stack-fill::before {
     content: "\f410";
 }

 .bi-hdd-stack::before {
     content: "\f411";
 }

 .bi-hdd::before {
     content: "\f412";
 }

 .bi-headphones::before {
     content: "\f413";
 }

 .bi-headset::before {
     content: "\f414";
 }

 .bi-heart-fill::before {
     content: "\f415";
 }

 .bi-heart-half::before {
     content: "\f416";
 }

 .bi-heart::before {
     content: "\f417";
 }

 .bi-heptagon-fill::before {
     content: "\f418";
 }

 .bi-heptagon-half::before {
     content: "\f419";
 }

 .bi-heptagon::before {
     content: "\f41a";
 }

 .bi-hexagon-fill::before {
     content: "\f41b";
 }

 .bi-hexagon-half::before {
     content: "\f41c";
 }

 .bi-hexagon::before {
     content: "\f41d";
 }

 .bi-hourglass-bottom::before {
     content: "\f41e";
 }

 .bi-hourglass-split::before {
     content: "\f41f";
 }

 .bi-hourglass-top::before {
     content: "\f420";
 }

 .bi-hourglass::before {
     content: "\f421";
 }

 .bi-house-door-fill::before {
     content: "\f422";
 }

 .bi-house-door::before {
     content: "\f423";
 }

 .bi-house-fill::before {
     content: "\f424";
 }

 .bi-house::before {
     content: "\f425";
 }

 .bi-hr::before {
     content: "\f426";
 }

 .bi-hurricane::before {
     content: "\f427";
 }

 .bi-image-alt::before {
     content: "\f428";
 }

 .bi-image-fill::before {
     content: "\f429";
 }

 .bi-image::before {
     content: "\f42a";
 }

 .bi-images::before {
     content: "\f42b";
 }

 .bi-inbox-fill::before {
     content: "\f42c";
 }

 .bi-inbox::before {
     content: "\f42d";
 }

 .bi-inboxes-fill::before {
     content: "\f42e";
 }

 .bi-inboxes::before {
     content: "\f42f";
 }

 .bi-info-circle-fill::before {
     content: "\f430";
 }

 .bi-info-circle::before {
     content: "\f431";
 }

 .bi-info-square-fill::before {
     content: "\f432";
 }

 .bi-info-square::before {
     content: "\f433";
 }

 .bi-info::before {
     content: "\f434";
 }

 .bi-input-cursor-text::before {
     content: "\f435";
 }

 .bi-input-cursor::before {
     content: "\f436";
 }

 .bi-instagram::before {
     content: "\f437";
 }

 .bi-intersect::before {
     content: "\f438";
 }

 .bi-journal-album::before {
     content: "\f439";
 }

 .bi-journal-arrow-down::before {
     content: "\f43a";
 }

 .bi-journal-arrow-up::before {
     content: "\f43b";
 }

 .bi-journal-bookmark-fill::before {
     content: "\f43c";
 }

 .bi-journal-bookmark::before {
     content: "\f43d";
 }

 .bi-journal-check::before {
     content: "\f43e";
 }

 .bi-journal-code::before {
     content: "\f43f";
 }

 .bi-journal-medical::before {
     content: "\f440";
 }

 .bi-journal-minus::before {
     content: "\f441";
 }

 .bi-journal-plus::before {
     content: "\f442";
 }

 .bi-journal-richtext::before {
     content: "\f443";
 }

 .bi-journal-text::before {
     content: "\f444";
 }

 .bi-journal-x::before {
     content: "\f445";
 }

 .bi-journal::before {
     content: "\f446";
 }

 .bi-journals::before {
     content: "\f447";
 }

 .bi-joystick::before {
     content: "\f448";
 }

 .bi-justify-left::before {
     content: "\f449";
 }

 .bi-justify-right::before {
     content: "\f44a";
 }

 .bi-justify::before {
     content: "\f44b";
 }

 .bi-kanban-fill::before {
     content: "\f44c";
 }

 .bi-kanban::before {
     content: "\f44d";
 }

 .bi-key-fill::before {
     content: "\f44e";
 }

 .bi-key::before {
     content: "\f44f";
 }

 .bi-keyboard-fill::before {
     content: "\f450";
 }

 .bi-keyboard::before {
     content: "\f451";
 }

 .bi-ladder::before {
     content: "\f452";
 }

 .bi-lamp-fill::before {
     content: "\f453";
 }

 .bi-lamp::before {
     content: "\f454";
 }

 .bi-laptop-fill::before {
     content: "\f455";
 }

 .bi-laptop::before {
     content: "\f456";
 }

 .bi-layer-backward::before {
     content: "\f457";
 }

 .bi-layer-forward::before {
     content: "\f458";
 }

 .bi-layers-fill::before {
     content: "\f459";
 }

 .bi-layers-half::before {
     content: "\f45a";
 }

 .bi-layers::before {
     content: "\f45b";
 }

 .bi-layout-sidebar-inset-reverse::before {
     content: "\f45c";
 }

 .bi-layout-sidebar-inset::before {
     content: "\f45d";
 }

 .bi-layout-sidebar-reverse::before {
     content: "\f45e";
 }

 .bi-layout-sidebar::before {
     content: "\f45f";
 }

 .bi-layout-split::before {
     content: "\f460";
 }

 .bi-layout-text-sidebar-reverse::before {
     content: "\f461";
 }

 .bi-layout-text-sidebar::before {
     content: "\f462";
 }

 .bi-layout-text-window-reverse::before {
     content: "\f463";
 }

 .bi-layout-text-window::before {
     content: "\f464";
 }

 .bi-layout-three-columns::before {
     content: "\f465";
 }

 .bi-layout-wtf::before {
     content: "\f466";
 }

 .bi-life-preserver::before {
     content: "\f467";
 }

 .bi-lightbulb-fill::before {
     content: "\f468";
 }

 .bi-lightbulb-off-fill::before {
     content: "\f469";
 }

 .bi-lightbulb-off::before {
     content: "\f46a";
 }

 .bi-lightbulb::before {
     content: "\f46b";
 }

 .bi-lightning-charge-fill::before {
     content: "\f46c";
 }

 .bi-lightning-charge::before {
     content: "\f46d";
 }

 .bi-lightning-fill::before {
     content: "\f46e";
 }

 .bi-lightning::before {
     content: "\f46f";
 }

 .bi-link-45deg::before {
     content: "\f470";
 }

 .bi-link::before {
     content: "\f471";
 }

 .bi-linkedin::before {
     content: "\f472";
 }

 .bi-list-check::before {
     content: "\f473";
 }

 .bi-list-nested::before {
     content: "\f474";
 }

 .bi-list-ol::before {
     content: "\f475";
 }

 .bi-list-stars::before {
     content: "\f476";
 }

 .bi-list-task::before {
     content: "\f477";
 }

 .bi-list-ul::before {
     content: "\f478";
 }

 .bi-list::before {
     content: "\f479";
 }

 .bi-lock-fill::before {
     content: "\f47a";
 }

 .bi-lock::before {
     content: "\f47b";
 }

 .bi-mailbox::before {
     content: "\f47c";
 }

 .bi-mailbox2::before {
     content: "\f47d";
 }

 .bi-map-fill::before {
     content: "\f47e";
 }

 .bi-map::before {
     content: "\f47f";
 }

 .bi-markdown-fill::before {
     content: "\f480";
 }

 .bi-markdown::before {
     content: "\f481";
 }

 .bi-mask::before {
     content: "\f482";
 }

 .bi-megaphone-fill::before {
     content: "\f483";
 }

 .bi-megaphone::before {
     content: "\f484";
 }

 .bi-menu-app-fill::before {
     content: "\f485";
 }

 .bi-menu-app::before {
     content: "\f486";
 }

 .bi-menu-button-fill::before {
     content: "\f487";
 }

 .bi-menu-button-wide-fill::before {
     content: "\f488";
 }

 .bi-menu-button-wide::before {
     content: "\f489";
 }

 .bi-menu-button::before {
     content: "\f48a";
 }

 .bi-menu-down::before {
     content: "\f48b";
 }

 .bi-menu-up::before {
     content: "\f48c";
 }

 .bi-mic-fill::before {
     content: "\f48d";
 }

 .bi-mic-mute-fill::before {
     content: "\f48e";
 }

 .bi-mic-mute::before {
     content: "\f48f";
 }

 .bi-mic::before {
     content: "\f490";
 }

 .bi-minecart-loaded::before {
     content: "\f491";
 }

 .bi-minecart::before {
     content: "\f492";
 }

 .bi-moisture::before {
     content: "\f493";
 }

 .bi-moon-fill::before {
     content: "\f494";
 }

 .bi-moon-stars-fill::before {
     content: "\f495";
 }

 .bi-moon-stars::before {
     content: "\f496";
 }

 .bi-moon::before {
     content: "\f497";
 }

 .bi-mouse-fill::before {
     content: "\f498";
 }

 .bi-mouse::before {
     content: "\f499";
 }

 .bi-mouse2-fill::before {
     content: "\f49a";
 }

 .bi-mouse2::before {
     content: "\f49b";
 }

 .bi-mouse3-fill::before {
     content: "\f49c";
 }

 .bi-mouse3::before {
     content: "\f49d";
 }

 .bi-music-note-beamed::before {
     content: "\f49e";
 }

 .bi-music-note-list::before {
     content: "\f49f";
 }

 .bi-music-note::before {
     content: "\f4a0";
 }

 .bi-music-player-fill::before {
     content: "\f4a1";
 }

 .bi-music-player::before {
     content: "\f4a2";
 }

 .bi-newspaper::before {
     content: "\f4a3";
 }

 .bi-node-minus-fill::before {
     content: "\f4a4";
 }

 .bi-node-minus::before {
     content: "\f4a5";
 }

 .bi-node-plus-fill::before {
     content: "\f4a6";
 }

 .bi-node-plus::before {
     content: "\f4a7";
 }

 .bi-nut-fill::before {
     content: "\f4a8";
 }

 .bi-nut::before {
     content: "\f4a9";
 }

 .bi-octagon-fill::before {
     content: "\f4aa";
 }

 .bi-octagon-half::before {
     content: "\f4ab";
 }

 .bi-octagon::before {
     content: "\f4ac";
 }

 .bi-option::before {
     content: "\f4ad";
 }

 .bi-outlet::before {
     content: "\f4ae";
 }

 .bi-paint-bucket::before {
     content: "\f4af";
 }

 .bi-palette-fill::before {
     content: "\f4b0";
 }

 .bi-palette::before {
     content: "\f4b1";
 }

 .bi-palette2::before {
     content: "\f4b2";
 }

 .bi-paperclip::before {
     content: "\f4b3";
 }

 .bi-paragraph::before {
     content: "\f4b4";
 }

 .bi-patch-check-fill::before {
     content: "\f4b5";
 }

 .bi-patch-check::before {
     content: "\f4b6";
 }

 .bi-patch-exclamation-fill::before {
     content: "\f4b7";
 }

 .bi-patch-exclamation::before {
     content: "\f4b8";
 }

 .bi-patch-minus-fill::before {
     content: "\f4b9";
 }

 .bi-patch-minus::before {
     content: "\f4ba";
 }

 .bi-patch-plus-fill::before {
     content: "\f4bb";
 }

 .bi-patch-plus::before {
     content: "\f4bc";
 }

 .bi-patch-question-fill::before {
     content: "\f4bd";
 }

 .bi-patch-question::before {
     content: "\f4be";
 }

 .bi-pause-btn-fill::before {
     content: "\f4bf";
 }

 .bi-pause-btn::before {
     content: "\f4c0";
 }

 .bi-pause-circle-fill::before {
     content: "\f4c1";
 }

 .bi-pause-circle::before {
     content: "\f4c2";
 }

 .bi-pause-fill::before {
     content: "\f4c3";
 }

 .bi-pause::before {
     content: "\f4c4";
 }

 .bi-peace-fill::before {
     content: "\f4c5";
 }

 .bi-peace::before {
     content: "\f4c6";
 }

 .bi-pen-fill::before {
     content: "\f4c7";
 }

 .bi-pen::before {
     content: "\f4c8";
 }

 .bi-pencil-fill::before {
     content: "\f4c9";
 }

 .bi-pencil-square::before {
     content: "\f4ca";
 }

 .bi-pencil::before {
     content: "\f4cb";
 }

 .bi-pentagon-fill::before {
     content: "\f4cc";
 }

 .bi-pentagon-half::before {
     content: "\f4cd";
 }

 .bi-pentagon::before {
     content: "\f4ce";
 }

 .bi-people-fill::before {
     content: "\f4cf";
 }

 .bi-people::before {
     content: "\f4d0";
 }

 .bi-percent::before {
     content: "\f4d1";
 }

 .bi-person-badge-fill::before {
     content: "\f4d2";
 }

 .bi-person-badge::before {
     content: "\f4d3";
 }

 .bi-person-bounding-box::before {
     content: "\f4d4";
 }

 .bi-person-check-fill::before {
     content: "\f4d5";
 }

 .bi-person-check::before {
     content: "\f4d6";
 }

 .bi-person-circle::before {
     content: "\f4d7";
 }

 .bi-person-dash-fill::before {
     content: "\f4d8";
 }

 .bi-person-dash::before {
     content: "\f4d9";
 }

 .bi-person-fill::before {
     content: "\f4da";
 }

 .bi-person-lines-fill::before {
     content: "\f4db";
 }

 .bi-person-plus-fill::before {
     content: "\f4dc";
 }

 .bi-person-plus::before {
     content: "\f4dd";
 }

 .bi-person-square::before {
     content: "\f4de";
 }

 .bi-person-x-fill::before {
     content: "\f4df";
 }

 .bi-person-x::before {
     content: "\f4e0";
 }

 .bi-person::before {
     content: "\f4e1";
 }

 .bi-phone-fill::before {
     content: "\f4e2";
 }

 .bi-phone-landscape-fill::before {
     content: "\f4e3";
 }

 .bi-phone-landscape::before {
     content: "\f4e4";
 }

 .bi-phone-vibrate-fill::before {
     content: "\f4e5";
 }

 .bi-phone-vibrate::before {
     content: "\f4e6";
 }

 .bi-phone::before {
     content: "\f4e7";
 }

 .bi-pie-chart-fill::before {
     content: "\f4e8";
 }

 .bi-pie-chart::before {
     content: "\f4e9";
 }

 .bi-pin-angle-fill::before {
     content: "\f4ea";
 }

 .bi-pin-angle::before {
     content: "\f4eb";
 }

 .bi-pin-fill::before {
     content: "\f4ec";
 }

 .bi-pin::before {
     content: "\f4ed";
 }

 .bi-pip-fill::before {
     content: "\f4ee";
 }

 .bi-pip::before {
     content: "\f4ef";
 }

 .bi-play-btn-fill::before {
     content: "\f4f0";
 }

 .bi-play-btn::before {
     content: "\f4f1";
 }

 .bi-play-circle-fill::before {
     content: "\f4f2";
 }

 .bi-play-circle::before {
     content: "\f4f3";
 }

 .bi-play-fill::before {
     content: "\f4f4";
 }

 .bi-play::before {
     content: "\f4f5";
 }

 .bi-plug-fill::before {
     content: "\f4f6";
 }

 .bi-plug::before {
     content: "\f4f7";
 }

 .bi-plus-circle-dotted::before {
     content: "\f4f8";
 }

 .bi-plus-circle-fill::before {
     content: "\f4f9";
 }

 .bi-plus-circle::before {
     content: "\f4fa";
 }

 .bi-plus-square-dotted::before {
     content: "\f4fb";
 }

 .bi-plus-square-fill::before {
     content: "\f4fc";
 }

 .bi-plus-square::before {
     content: "\f4fd";
 }

 .bi-plus::before {
     content: "\f4fe";
 }

 .bi-power::before {
     content: "\f4ff";
 }

 .bi-printer-fill::before {
     content: "\f500";
 }

 .bi-printer::before {
     content: "\f501";
 }

 .bi-puzzle-fill::before {
     content: "\f502";
 }

 .bi-puzzle::before {
     content: "\f503";
 }

 .bi-question-circle-fill::before {
     content: "\f504";
 }

 .bi-question-circle::before {
     content: "\f505";
 }

 .bi-question-diamond-fill::before {
     content: "\f506";
 }

 .bi-question-diamond::before {
     content: "\f507";
 }

 .bi-question-octagon-fill::before {
     content: "\f508";
 }

 .bi-question-octagon::before {
     content: "\f509";
 }

 .bi-question-square-fill::before {
     content: "\f50a";
 }

 .bi-question-square::before {
     content: "\f50b";
 }

 .bi-question::before {
     content: "\f50c";
 }

 .bi-rainbow::before {
     content: "\f50d";
 }

 .bi-receipt-cutoff::before {
     content: "\f50e";
 }

 .bi-receipt::before {
     content: "\f50f";
 }

 .bi-reception-0::before {
     content: "\f510";
 }

 .bi-reception-1::before {
     content: "\f511";
 }

 .bi-reception-2::before {
     content: "\f512";
 }

 .bi-reception-3::before {
     content: "\f513";
 }

 .bi-reception-4::before {
     content: "\f514";
 }

 .bi-record-btn-fill::before {
     content: "\f515";
 }

 .bi-record-btn::before {
     content: "\f516";
 }

 .bi-record-circle-fill::before {
     content: "\f517";
 }

 .bi-record-circle::before {
     content: "\f518";
 }

 .bi-record-fill::before {
     content: "\f519";
 }

 .bi-record::before {
     content: "\f51a";
 }

 .bi-record2-fill::before {
     content: "\f51b";
 }

 .bi-record2::before {
     content: "\f51c";
 }

 .bi-reply-all-fill::before {
     content: "\f51d";
 }

 .bi-reply-all::before {
     content: "\f51e";
 }

 .bi-reply-fill::before {
     content: "\f51f";
 }

 .bi-reply::before {
     content: "\f520";
 }

 .bi-rss-fill::before {
     content: "\f521";
 }

 .bi-rss::before {
     content: "\f522";
 }

 .bi-rulers::before {
     content: "\f523";
 }

 .bi-save-fill::before {
     content: "\f524";
 }

 .bi-save::before {
     content: "\f525";
 }

 .bi-save2-fill::before {
     content: "\f526";
 }

 .bi-save2::before {
     content: "\f527";
 }

 .bi-scissors::before {
     content: "\f528";
 }

 .bi-screwdriver::before {
     content: "\f529";
 }

 .bi-search::before {
     content: "\f52a";
 }

 .bi-segmented-nav::before {
     content: "\f52b";
 }

 .bi-server::before {
     content: "\f52c";
 }

 .bi-share-fill::before {
     content: "\f52d";
 }

 .bi-share::before {
     content: "\f52e";
 }

 .bi-shield-check::before {
     content: "\f52f";
 }

 .bi-shield-exclamation::before {
     content: "\f530";
 }

 .bi-shield-fill-check::before {
     content: "\f531";
 }

 .bi-shield-fill-exclamation::before {
     content: "\f532";
 }

 .bi-shield-fill-minus::before {
     content: "\f533";
 }

 .bi-shield-fill-plus::before {
     content: "\f534";
 }

 .bi-shield-fill-x::before {
     content: "\f535";
 }

 .bi-shield-fill::before {
     content: "\f536";
 }

 .bi-shield-lock-fill::before {
     content: "\f537";
 }

 .bi-shield-lock::before {
     content: "\f538";
 }

 .bi-shield-minus::before {
     content: "\f539";
 }

 .bi-shield-plus::before {
     content: "\f53a";
 }

 .bi-shield-shaded::before {
     content: "\f53b";
 }

 .bi-shield-slash-fill::before {
     content: "\f53c";
 }

 .bi-shield-slash::before {
     content: "\f53d";
 }

 .bi-shield-x::before {
     content: "\f53e";
 }

 .bi-shield::before {
     content: "\f53f";
 }

 .bi-shift-fill::before {
     content: "\f540";
 }

 .bi-shift::before {
     content: "\f541";
 }

 .bi-shop-window::before {
     content: "\f542";
 }

 .bi-shop::before {
     content: "\f543";
 }

 .bi-shuffle::before {
     content: "\f544";
 }

 .bi-signpost-2-fill::before {
     content: "\f545";
 }

 .bi-signpost-2::before {
     content: "\f546";
 }

 .bi-signpost-fill::before {
     content: "\f547";
 }

 .bi-signpost-split-fill::before {
     content: "\f548";
 }

 .bi-signpost-split::before {
     content: "\f549";
 }

 .bi-signpost::before {
     content: "\f54a";
 }

 .bi-sim-fill::before {
     content: "\f54b";
 }

 .bi-sim::before {
     content: "\f54c";
 }

 .bi-skip-backward-btn-fill::before {
     content: "\f54d";
 }

 .bi-skip-backward-btn::before {
     content: "\f54e";
 }

 .bi-skip-backward-circle-fill::before {
     content: "\f54f";
 }

 .bi-skip-backward-circle::before {
     content: "\f550";
 }

 .bi-skip-backward-fill::before {
     content: "\f551";
 }

 .bi-skip-backward::before {
     content: "\f552";
 }

 .bi-skip-end-btn-fill::before {
     content: "\f553";
 }

 .bi-skip-end-btn::before {
     content: "\f554";
 }

 .bi-skip-end-circle-fill::before {
     content: "\f555";
 }

 .bi-skip-end-circle::before {
     content: "\f556";
 }

 .bi-skip-end-fill::before {
     content: "\f557";
 }

 .bi-skip-end::before {
     content: "\f558";
 }

 .bi-skip-forward-btn-fill::before {
     content: "\f559";
 }

 .bi-skip-forward-btn::before {
     content: "\f55a";
 }

 .bi-skip-forward-circle-fill::before {
     content: "\f55b";
 }

 .bi-skip-forward-circle::before {
     content: "\f55c";
 }

 .bi-skip-forward-fill::before {
     content: "\f55d";
 }

 .bi-skip-forward::before {
     content: "\f55e";
 }

 .bi-skip-start-btn-fill::before {
     content: "\f55f";
 }

 .bi-skip-start-btn::before {
     content: "\f560";
 }

 .bi-skip-start-circle-fill::before {
     content: "\f561";
 }

 .bi-skip-start-circle::before {
     content: "\f562";
 }

 .bi-skip-start-fill::before {
     content: "\f563";
 }

 .bi-skip-start::before {
     content: "\f564";
 }

 .bi-slack::before {
     content: "\f565";
 }

 .bi-slash-circle-fill::before {
     content: "\f566";
 }

 .bi-slash-circle::before {
     content: "\f567";
 }

 .bi-slash-square-fill::before {
     content: "\f568";
 }

 .bi-slash-square::before {
     content: "\f569";
 }

 .bi-slash::before {
     content: "\f56a";
 }

 .bi-sliders::before {
     content: "\f56b";
 }

 .bi-smartwatch::before {
     content: "\f56c";
 }

 .bi-snow::before {
     content: "\f56d";
 }

 .bi-snow2::before {
     content: "\f56e";
 }

 .bi-snow3::before {
     content: "\f56f";
 }

 .bi-sort-alpha-down-alt::before {
     content: "\f570";
 }

 .bi-sort-alpha-down::before {
     content: "\f571";
 }

 .bi-sort-alpha-up-alt::before {
     content: "\f572";
 }

 .bi-sort-alpha-up::before {
     content: "\f573";
 }

 .bi-sort-down-alt::before {
     content: "\f574";
 }

 .bi-sort-down::before {
     content: "\f575";
 }

 .bi-sort-numeric-down-alt::before {
     content: "\f576";
 }

 .bi-sort-numeric-down::before {
     content: "\f577";
 }

 .bi-sort-numeric-up-alt::before {
     content: "\f578";
 }

 .bi-sort-numeric-up::before {
     content: "\f579";
 }

 .bi-sort-up-alt::before {
     content: "\f57a";
 }

 .bi-sort-up::before {
     content: "\f57b";
 }

 .bi-soundwave::before {
     content: "\f57c";
 }

 .bi-speaker-fill::before {
     content: "\f57d";
 }

 .bi-speaker::before {
     content: "\f57e";
 }

 .bi-speedometer::before {
     content: "\f57f";
 }

 .bi-speedometer2::before {
     content: "\f580";
 }

 .bi-spellcheck::before {
     content: "\f581";
 }

 .bi-square-fill::before {
     content: "\f582";
 }

 .bi-square-half::before {
     content: "\f583";
 }

 .bi-square::before {
     content: "\f584";
 }

 .bi-stack::before {
     content: "\f585";
 }

 .bi-star-fill::before {
     content: "\f586";
 }

 .bi-star-half::before {
     content: "\f587";
 }

 .bi-star::before {
     content: "\f588";
 }

 .bi-stars::before {
     content: "\f589";
 }

 .bi-stickies-fill::before {
     content: "\f58a";
 }

 .bi-stickies::before {
     content: "\f58b";
 }

 .bi-sticky-fill::before {
     content: "\f58c";
 }

 .bi-sticky::before {
     content: "\f58d";
 }

 .bi-stop-btn-fill::before {
     content: "\f58e";
 }

 .bi-stop-btn::before {
     content: "\f58f";
 }

 .bi-stop-circle-fill::before {
     content: "\f590";
 }

 .bi-stop-circle::before {
     content: "\f591";
 }

 .bi-stop-fill::before {
     content: "\f592";
 }

 .bi-stop::before {
     content: "\f593";
 }

 .bi-stoplights-fill::before {
     content: "\f594";
 }

 .bi-stoplights::before {
     content: "\f595";
 }

 .bi-stopwatch-fill::before {
     content: "\f596";
 }

 .bi-stopwatch::before {
     content: "\f597";
 }

 .bi-subtract::before {
     content: "\f598";
 }

 .bi-suit-club-fill::before {
     content: "\f599";
 }

 .bi-suit-club::before {
     content: "\f59a";
 }

 .bi-suit-diamond-fill::before {
     content: "\f59b";
 }

 .bi-suit-diamond::before {
     content: "\f59c";
 }

 .bi-suit-heart-fill::before {
     content: "\f59d";
 }

 .bi-suit-heart::before {
     content: "\f59e";
 }

 .bi-suit-spade-fill::before {
     content: "\f59f";
 }

 .bi-suit-spade::before {
     content: "\f5a0";
 }

 .bi-sun-fill::before {
     content: "\f5a1";
 }

 .bi-sun::before {
     content: "\f5a2";
 }

 .bi-sunglasses::before {
     content: "\f5a3";
 }

 .bi-sunrise-fill::before {
     content: "\f5a4";
 }

 .bi-sunrise::before {
     content: "\f5a5";
 }

 .bi-sunset-fill::before {
     content: "\f5a6";
 }

 .bi-sunset::before {
     content: "\f5a7";
 }

 .bi-symmetry-horizontal::before {
     content: "\f5a8";
 }

 .bi-symmetry-vertical::before {
     content: "\f5a9";
 }

 .bi-table::before {
     content: "\f5aa";
 }

 .bi-tablet-fill::before {
     content: "\f5ab";
 }

 .bi-tablet-landscape-fill::before {
     content: "\f5ac";
 }

 .bi-tablet-landscape::before {
     content: "\f5ad";
 }

 .bi-tablet::before {
     content: "\f5ae";
 }

 .bi-tag-fill::before {
     content: "\f5af";
 }

 .bi-tag::before {
     content: "\f5b0";
 }

 .bi-tags-fill::before {
     content: "\f5b1";
 }

 .bi-tags::before {
     content: "\f5b2";
 }

 .bi-telegram::before {
     content: "\f5b3";
 }

 .bi-telephone-fill::before {
     content: "\f5b4";
 }

 .bi-telephone-forward-fill::before {
     content: "\f5b5";
 }

 .bi-telephone-forward::before {
     content: "\f5b6";
 }

 .bi-telephone-inbound-fill::before {
     content: "\f5b7";
 }

 .bi-telephone-inbound::before {
     content: "\f5b8";
 }

 .bi-telephone-minus-fill::before {
     content: "\f5b9";
 }

 .bi-telephone-minus::before {
     content: "\f5ba";
 }

 .bi-telephone-outbound-fill::before {
     content: "\f5bb";
 }

 .bi-telephone-outbound::before {
     content: "\f5bc";
 }

 .bi-telephone-plus-fill::before {
     content: "\f5bd";
 }

 .bi-telephone-plus::before {
     content: "\f5be";
 }

 .bi-telephone-x-fill::before {
     content: "\f5bf";
 }

 .bi-telephone-x::before {
     content: "\f5c0";
 }

 .bi-telephone::before {
     content: "\f5c1";
 }

 .bi-terminal-fill::before {
     content: "\f5c2";
 }

 .bi-terminal::before {
     content: "\f5c3";
 }

 .bi-text-center::before {
     content: "\f5c4";
 }

 .bi-text-indent-left::before {
     content: "\f5c5";
 }

 .bi-text-indent-right::before {
     content: "\f5c6";
 }

 .bi-text-left::before {
     content: "\f5c7";
 }

 .bi-text-paragraph::before {
     content: "\f5c8";
 }

 .bi-text-right::before {
     content: "\f5c9";
 }

 .bi-textarea-resize::before {
     content: "\f5ca";
 }

 .bi-textarea-t::before {
     content: "\f5cb";
 }

 .bi-textarea::before {
     content: "\f5cc";
 }

 .bi-thermometer-half::before {
     content: "\f5cd";
 }

 .bi-thermometer-high::before {
     content: "\f5ce";
 }

 .bi-thermometer-low::before {
     content: "\f5cf";
 }

 .bi-thermometer-snow::before {
     content: "\f5d0";
 }

 .bi-thermometer-sun::before {
     content: "\f5d1";
 }

 .bi-thermometer::before {
     content: "\f5d2";
 }

 .bi-three-dots-vertical::before {
     content: "\f5d3";
 }

 .bi-three-dots::before {
     content: "\f5d4";
 }

 .bi-toggle-off::before {
     content: "\f5d5";
 }

 .bi-toggle-on::before {
     content: "\f5d6";
 }

 .bi-toggle2-off::before {
     content: "\f5d7";
 }

 .bi-toggle2-on::before {
     content: "\f5d8";
 }

 .bi-toggles::before {
     content: "\f5d9";
 }

 .bi-toggles2::before {
     content: "\f5da";
 }

 .bi-tools::before {
     content: "\f5db";
 }

 .bi-tornado::before {
     content: "\f5dc";
 }

 .bi-trash-fill::before {
     content: "\f5dd";
 }

 .bi-trash::before {
     content: "\f5de";
 }

 .bi-trash2-fill::before {
     content: "\f5df";
 }

 .bi-trash2::before {
     content: "\f5e0";
 }

 .bi-tree-fill::before {
     content: "\f5e1";
 }

 .bi-tree::before {
     content: "\f5e2";
 }

 .bi-triangle-fill::before {
     content: "\f5e3";
 }

 .bi-triangle-half::before {
     content: "\f5e4";
 }

 .bi-triangle::before {
     content: "\f5e5";
 }

 .bi-trophy-fill::before {
     content: "\f5e6";
 }

 .bi-trophy::before {
     content: "\f5e7";
 }

 .bi-tropical-storm::before {
     content: "\f5e8";
 }

 .bi-truck-flatbed::before {
     content: "\f5e9";
 }

 .bi-truck::before {
     content: "\f5ea";
 }

 .bi-tsunami::before {
     content: "\f5eb";
 }

 .bi-tv-fill::before {
     content: "\f5ec";
 }

 .bi-tv::before {
     content: "\f5ed";
 }

 .bi-twitch::before {
     content: "\f5ee";
 }

 .bi-twitter::before {
     content: "\f5ef";
 }

 .bi-type-bold::before {
     content: "\f5f0";
 }

 .bi-type-h1::before {
     content: "\f5f1";
 }

 .bi-type-h2::before {
     content: "\f5f2";
 }

 .bi-type-h3::before {
     content: "\f5f3";
 }

 .bi-type-italic::before {
     content: "\f5f4";
 }

 .bi-type-strikethrough::before {
     content: "\f5f5";
 }

 .bi-type-underline::before {
     content: "\f5f6";
 }

 .bi-type::before {
     content: "\f5f7";
 }

 .bi-ui-checks-grid::before {
     content: "\f5f8";
 }

 .bi-ui-checks::before {
     content: "\f5f9";
 }

 .bi-ui-radios-grid::before {
     content: "\f5fa";
 }

 .bi-ui-radios::before {
     content: "\f5fb";
 }

 .bi-umbrella-fill::before {
     content: "\f5fc";
 }

 .bi-umbrella::before {
     content: "\f5fd";
 }

 .bi-union::before {
     content: "\f5fe";
 }

 .bi-unlock-fill::before {
     content: "\f5ff";
 }

 .bi-unlock::before {
     content: "\f600";
 }

 .bi-upc-scan::before {
     content: "\f601";
 }

 .bi-upc::before {
     content: "\f602";
 }

 .bi-upload::before {
     content: "\f603";
 }

 .bi-vector-pen::before {
     content: "\f604";
 }

 .bi-view-list::before {
     content: "\f605";
 }

 .bi-view-stacked::before {
     content: "\f606";
 }

 .bi-vinyl-fill::before {
     content: "\f607";
 }

 .bi-vinyl::before {
     content: "\f608";
 }

 .bi-voicemail::before {
     content: "\f609";
 }

 .bi-volume-down-fill::before {
     content: "\f60a";
 }

 .bi-volume-down::before {
     content: "\f60b";
 }

 .bi-volume-mute-fill::before {
     content: "\f60c";
 }

 .bi-volume-mute::before {
     content: "\f60d";
 }

 .bi-volume-off-fill::before {
     content: "\f60e";
 }

 .bi-volume-off::before {
     content: "\f60f";
 }

 .bi-volume-up-fill::before {
     content: "\f610";
 }

 .bi-volume-up::before {
     content: "\f611";
 }

 .bi-vr::before {
     content: "\f612";
 }

 .bi-wallet-fill::before {
     content: "\f613";
 }

 .bi-wallet::before {
     content: "\f614";
 }

 .bi-wallet2::before {
     content: "\f615";
 }

 .bi-watch::before {
     content: "\f616";
 }

 .bi-water::before {
     content: "\f617";
 }

 .bi-whatsapp::before {
     content: "\f618";
 }

 .bi-wifi-1::before {
     content: "\f619";
 }

 .bi-wifi-2::before {
     content: "\f61a";
 }

 .bi-wifi-off::before {
     content: "\f61b";
 }

 .bi-wifi::before {
     content: "\f61c";
 }

 .bi-wind::before {
     content: "\f61d";
 }

 .bi-window-dock::before {
     content: "\f61e";
 }

 .bi-window-sidebar::before {
     content: "\f61f";
 }

 .bi-window::before {
     content: "\f620";
 }

 .bi-wrench::before {
     content: "\f621";
 }

 .bi-x-circle-fill::before {
     content: "\f622";
 }

 .bi-x-circle::before {
     content: "\f623";
 }

 .bi-x-diamond-fill::before {
     content: "\f624";
 }

 .bi-x-diamond::before {
     content: "\f625";
 }

 .bi-x-octagon-fill::before {
     content: "\f626";
 }

 .bi-x-octagon::before {
     content: "\f627";
 }

 .bi-x-square-fill::before {
     content: "\f628";
 }

 .bi-x-square::before {
     content: "\f629";
 }

 .bi-x::before {
     content: "\f62a";
 }

 .bi-youtube::before {
     content: "\f62b";
 }

 .bi-zoom-in::before {
     content: "\f62c";
 }

 .bi-zoom-out::before {
     content: "\f62d";
 }

 .bi-bank::before {
     content: "\f62e";
 }

 .bi-bank2::before {
     content: "\f62f";
 }

 .bi-bell-slash-fill::before {
     content: "\f630";
 }

 .bi-bell-slash::before {
     content: "\f631";
 }

 .bi-cash-coin::before {
     content: "\f632";
 }

 .bi-check-lg::before {
     content: "\f633";
 }

 .bi-coin::before {
     content: "\f634";
 }

 .bi-currency-bitcoin::before {
     content: "\f635";
 }

 .bi-currency-dollar::before {
     content: "\f636";
 }

 .bi-currency-euro::before {
     content: "\f637";
 }

 .bi-currency-exchange::before {
     content: "\f638";
 }

 .bi-currency-pound::before {
     content: "\f639";
 }

 .bi-currency-yen::before {
     content: "\f63a";
 }

 .bi-dash-lg::before {
     content: "\f63b";
 }

 .bi-exclamation-lg::before {
     content: "\f63c";
 }

 .bi-file-earmark-pdf-fill::before {
     content: "\f63d";
 }

 .bi-file-earmark-pdf::before {
     content: "\f63e";
 }

 .bi-file-pdf-fill::before {
     content: "\f63f";
 }

 .bi-file-pdf::before {
     content: "\f640";
 }

 .bi-gender-ambiguous::before {
     content: "\f641";
 }

 .bi-gender-female::before {
     content: "\f642";
 }

 .bi-gender-male::before {
     content: "\f643";
 }

 .bi-gender-trans::before {
     content: "\f644";
 }

 .bi-headset-vr::before {
     content: "\f645";
 }

 .bi-info-lg::before {
     content: "\f646";
 }

 .bi-mastodon::before {
     content: "\f647";
 }

 .bi-messenger::before {
     content: "\f648";
 }

 .bi-piggy-bank-fill::before {
     content: "\f649";
 }

 .bi-piggy-bank::before {
     content: "\f64a";
 }

 .bi-pin-map-fill::before {
     content: "\f64b";
 }

 .bi-pin-map::before {
     content: "\f64c";
 }

 .bi-plus-lg::before {
     content: "\f64d";
 }

 .bi-question-lg::before {
     content: "\f64e";
 }

 .bi-recycle::before {
     content: "\f64f";
 }

 .bi-reddit::before {
     content: "\f650";
 }

 .bi-safe-fill::before {
     content: "\f651";
 }

 .bi-safe2-fill::before {
     content: "\f652";
 }

 .bi-safe2::before {
     content: "\f653";
 }

 .bi-sd-card-fill::before {
     content: "\f654";
 }

 .bi-sd-card::before {
     content: "\f655";
 }

 .bi-skype::before {
     content: "\f656";
 }

 .bi-slash-lg::before {
     content: "\f657";
 }

 .bi-translate::before {
     content: "\f658";
 }

 .bi-x-lg::before {
     content: "\f659";
 }

 .bi-safe::before {
     content: "\f65a";
 }

 .bi-apple::before {
     content: "\f65b";
 }

 .bi-microsoft::before {
     content: "\f65d";
 }

 .bi-windows::before {
     content: "\f65e";
 }

 .bi-behance::before {
     content: "\f65c";
 }

 .bi-dribbble::before {
     content: "\f65f";
 }

 .bi-line::before {
     content: "\f660";
 }

 .bi-medium::before {
     content: "\f661";
 }

 .bi-paypal::before {
     content: "\f662";
 }

 .bi-pinterest::before {
     content: "\f663";
 }

 .bi-signal::before {
     content: "\f664";
 }

 .bi-snapchat::before {
     content: "\f665";
 }

 .bi-spotify::before {
     content: "\f666";
 }

 .bi-stack-overflow::before {
     content: "\f667";
 }

 .bi-strava::before {
     content: "\f668";
 }

 .bi-wordpress::before {
     content: "\f669";
 }

 .bi-vimeo::before {
     content: "\f66a";
 }

 .bi-activity::before {
     content: "\f66b";
 }

 .bi-easel2-fill::before {
     content: "\f66c";
 }

 .bi-easel2::before {
     content: "\f66d";
 }

 .bi-easel3-fill::before {
     content: "\f66e";
 }

 .bi-easel3::before {
     content: "\f66f";
 }

 .bi-fan::before {
     content: "\f670";
 }

 .bi-fingerprint::before {
     content: "\f671";
 }

 .bi-graph-down-arrow::before {
     content: "\f672";
 }

 .bi-graph-up-arrow::before {
     content: "\f673";
 }

 .bi-hypnotize::before {
     content: "\f674";
 }

 .bi-magic::before {
     content: "\f675";
 }

 .bi-person-rolodex::before {
     content: "\f676";
 }

 .bi-person-video::before {
     content: "\f677";
 }

 .bi-person-video2::before {
     content: "\f678";
 }

 .bi-person-video3::before {
     content: "\f679";
 }

 .bi-person-workspace::before {
     content: "\f67a";
 }

 .bi-radioactive::before {
     content: "\f67b";
 }

 .bi-webcam-fill::before {
     content: "\f67c";
 }

 .bi-webcam::before {
     content: "\f67d";
 }

 .bi-yin-yang::before {
     content: "\f67e";
 }

 .bi-bandaid-fill::before {
     content: "\f680";
 }

 .bi-bandaid::before {
     content: "\f681";
 }

 .bi-bluetooth::before {
     content: "\f682";
 }

 .bi-body-text::before {
     content: "\f683";
 }

 .bi-boombox::before {
     content: "\f684";
 }

 .bi-boxes::before {
     content: "\f685";
 }

 .bi-dpad-fill::before {
     content: "\f686";
 }

 .bi-dpad::before {
     content: "\f687";
 }

 .bi-ear-fill::before {
     content: "\f688";
 }

 .bi-ear::before {
     content: "\f689";
 }

 .bi-envelope-check-1::before {
     content: "\f68a";
 }

 .bi-envelope-check-fill::before {
     content: "\f68b";
 }

 .bi-envelope-check::before {
     content: "\f68c";
 }

 .bi-envelope-dash-1::before {
     content: "\f68d";
 }

 .bi-envelope-dash-fill::before {
     content: "\f68e";
 }

 .bi-envelope-dash::before {
     content: "\f68f";
 }

 .bi-envelope-exclamation-1::before {
     content: "\f690";
 }

 .bi-envelope-exclamation-fill::before {
     content: "\f691";
 }

 .bi-envelope-exclamation::before {
     content: "\f692";
 }

 .bi-envelope-plus-fill::before {
     content: "\f693";
 }

 .bi-envelope-plus::before {
     content: "\f694";
 }

 .bi-envelope-slash-1::before {
     content: "\f695";
 }

 .bi-envelope-slash-fill::before {
     content: "\f696";
 }

 .bi-envelope-slash::before {
     content: "\f697";
 }

 .bi-envelope-x-1::before {
     content: "\f698";
 }

 .bi-envelope-x-fill::before {
     content: "\f699";
 }

 .bi-envelope-x::before {
     content: "\f69a";
 }

 .bi-explicit-fill::before {
     content: "\f69b";
 }

 .bi-explicit::before {
     content: "\f69c";
 }

 .bi-git::before {
     content: "\f69d";
 }

 .bi-infinity::before {
     content: "\f69e";
 }

 .bi-list-columns-reverse::before {
     content: "\f69f";
 }

 .bi-list-columns::before {
     content: "\f6a0";
 }

 .bi-meta::before {
     content: "\f6a1";
 }

 .bi-mortorboard-fill::before {
     content: "\f6a2";
 }

 .bi-mortorboard::before {
     content: "\f6a3";
 }

 .bi-nintendo-switch::before {
     content: "\f6a4";
 }

 .bi-pc-display-horizontal::before {
     content: "\f6a5";
 }

 .bi-pc-display::before {
     content: "\f6a6";
 }

 .bi-pc-horizontal::before {
     content: "\f6a7";
 }

 .bi-pc::before {
     content: "\f6a8";
 }

 .bi-playstation::before {
     content: "\f6a9";
 }

 .bi-plus-slash-minus::before {
     content: "\f6aa";
 }

 .bi-projector-fill::before {
     content: "\f6ab";
 }

 .bi-projector::before {
     content: "\f6ac";
 }

 .bi-qr-code-scan::before {
     content: "\f6ad";
 }

 .bi-qr-code::before {
     content: "\f6ae";
 }

 .bi-quora::before {
     content: "\f6af";
 }

 .bi-quote::before {
     content: "\f6b0";
 }

 .bi-robot::before {
     content: "\f6b1";
 }

 .bi-send-check-fill::before {
     content: "\f6b2";
 }

 .bi-send-check::before {
     content: "\f6b3";
 }

 .bi-send-dash-fill::before {
     content: "\f6b4";
 }

 .bi-send-dash::before {
     content: "\f6b5";
 }

 .bi-send-exclamation-1::before {
     content: "\f6b6";
 }

 .bi-send-exclamation-fill::before {
     content: "\f6b7";
 }

 .bi-send-exclamation::before {
     content: "\f6b8";
 }

 .bi-send-fill::before {
     content: "\f6b9";
 }

 .bi-send-plus-fill::before {
     content: "\f6ba";
 }

 .bi-send-plus::before {
     content: "\f6bb";
 }

 .bi-send-slash-fill::before {
     content: "\f6bc";
 }

 .bi-send-slash::before {
     content: "\f6bd";
 }

 .bi-send-x-fill::before {
     content: "\f6be";
 }

 .bi-send-x::before {
     content: "\f6bf";
 }

 .bi-send::before {
     content: "\f6c0";
 }

 .bi-steam::before {
     content: "\f6c1";
 }

 .bi-terminal-dash-1::before {
     content: "\f6c2";
 }

 .bi-terminal-dash::before {
     content: "\f6c3";
 }

 .bi-terminal-plus::before {
     content: "\f6c4";
 }

 .bi-terminal-split::before {
     content: "\f6c5";
 }

 .bi-ticket-detailed-fill::before {
     content: "\f6c6";
 }

 .bi-ticket-detailed::before {
     content: "\f6c7";
 }

 .bi-ticket-fill::before {
     content: "\f6c8";
 }

 .bi-ticket-perforated-fill::before {
     content: "\f6c9";
 }

 .bi-ticket-perforated::before {
     content: "\f6ca";
 }

 .bi-ticket::before {
     content: "\f6cb";
 }

 .bi-tiktok::before {
     content: "\f6cc";
 }

 .bi-window-dash::before {
     content: "\f6cd";
 }

 .bi-window-desktop::before {
     content: "\f6ce";
 }

 .bi-window-fullscreen::before {
     content: "\f6cf";
 }

 .bi-window-plus::before {
     content: "\f6d0";
 }

 .bi-window-split::before {
     content: "\f6d1";
 }

 .bi-window-stack::before {
     content: "\f6d2";
 }

 .bi-window-x::before {
     content: "\f6d3";
 }

 .bi-xbox::before {
     content: "\f6d4";
 }

 .bi-ethernet::before {
     content: "\f6d5";
 }

 .bi-hdmi-fill::before {
     content: "\f6d6";
 }

 .bi-hdmi::before {
     content: "\f6d7";
 }

 .bi-usb-c-fill::before {
     content: "\f6d8";
 }

 .bi-usb-c::before {
     content: "\f6d9";
 }

 .bi-usb-fill::before {
     content: "\f6da";
 }

 .bi-usb-plug-fill::before {
     content: "\f6db";
 }

 .bi-usb-plug::before {
     content: "\f6dc";
 }

 .bi-usb-symbol::before {
     content: "\f6dd";
 }

 .bi-usb::before {
     content: "\f6de";
 }

 .bi-boombox-fill::before {
     content: "\f6df";
 }

 .bi-displayport-1::before {
     content: "\f6e0";
 }

 .bi-displayport::before {
     content: "\f6e1";
 }

 .bi-gpu-card::before {
     content: "\f6e2";
 }

 .bi-memory::before {
     content: "\f6e3";
 }

 .bi-modem-fill::before {
     content: "\f6e4";
 }

 .bi-modem::before {
     content: "\f6e5";
 }

 .bi-motherboard-fill::before {
     content: "\f6e6";
 }

 .bi-motherboard::before {
     content: "\f6e7";
 }

 .bi-optical-audio-fill::before {
     content: "\f6e8";
 }

 .bi-optical-audio::before {
     content: "\f6e9";
 }

 .bi-pci-card::before {
     content: "\f6ea";
 }

 .bi-router-fill::before {
     content: "\f6eb";
 }

 .bi-router::before {
     content: "\f6ec";
 }

 .bi-ssd-fill::before {
     content: "\f6ed";
 }

 .bi-ssd::before {
     content: "\f6ee";
 }

 .bi-thunderbolt-fill::before {
     content: "\f6ef";
 }

 .bi-thunderbolt::before {
     content: "\f6f0";
 }

 .bi-usb-drive-fill::before {
     content: "\f6f1";
 }

 .bi-usb-drive::before {
     content: "\f6f2";
 }

 .bi-usb-micro-fill::before {
     content: "\f6f3";
 }

 .bi-usb-micro::before {
     content: "\f6f4";
 }

 .bi-usb-mini-fill::before {
     content: "\f6f5";
 }

 .bi-usb-mini::before {
     content: "\f6f6";
 }

 .bi-cloud-haze2::before {
     content: "\f6f7";
 }

 .bi-device-hdd-fill::before {
     content: "\f6f8";
 }

 .bi-device-hdd::before {
     content: "\f6f9";
 }

 .bi-device-ssd-fill::before {
     content: "\f6fa";
 }

 .bi-device-ssd::before {
     content: "\f6fb";
 }

 .bi-displayport-fill::before {
     content: "\f6fc";
 }

 .bi-mortarboard-fill::before {
     content: "\f6fd";
 }

 .bi-mortarboard::before {
     content: "\f6fe";
 }

 .bi-terminal-x::before {
     content: "\f6ff";
 }

 .bi-arrow-through-heart-fill::before {
     content: "\f700";
 }

 .bi-arrow-through-heart::before {
     content: "\f701";
 }

 .bi-badge-sd-fill::before {
     content: "\f702";
 }

 .bi-badge-sd::before {
     content: "\f703";
 }

 .bi-bag-heart-fill::before {
     content: "\f704";
 }

 .bi-bag-heart::before {
     content: "\f705";
 }

 .bi-balloon-fill::before {
     content: "\f706";
 }

 .bi-balloon-heart-fill::before {
     content: "\f707";
 }

 .bi-balloon-heart::before {
     content: "\f708";
 }

 .bi-balloon::before {
     content: "\f709";
 }

 .bi-box2-fill::before {
     content: "\f70a";
 }

 .bi-box2-heart-fill::before {
     content: "\f70b";
 }

 .bi-box2-heart::before {
     content: "\f70c";
 }

 .bi-box2::before {
     content: "\f70d";
 }

 .bi-braces-asterisk::before {
     content: "\f70e";
 }

 .bi-calendar-heart-fill::before {
     content: "\f70f";
 }

 .bi-calendar-heart::before {
     content: "\f710";
 }

 .bi-calendar2-heart-fill::before {
     content: "\f711";
 }

 .bi-calendar2-heart::before {
     content: "\f712";
 }

 .bi-chat-heart-fill::before {
     content: "\f713";
 }

 .bi-chat-heart::before {
     content: "\f714";
 }

 .bi-chat-left-heart-fill::before {
     content: "\f715";
 }

 .bi-chat-left-heart::before {
     content: "\f716";
 }

 .bi-chat-right-heart-fill::before {
     content: "\f717";
 }

 .bi-chat-right-heart::before {
     content: "\f718";
 }

 .bi-chat-square-heart-fill::before {
     content: "\f719";
 }

 .bi-chat-square-heart::before {
     content: "\f71a";
 }

 .bi-clipboard-check-fill::before {
     content: "\f71b";
 }

 .bi-clipboard-data-fill::before {
     content: "\f71c";
 }

 .bi-clipboard-fill::before {
     content: "\f71d";
 }

 .bi-clipboard-heart-fill::before {
     content: "\f71e";
 }

 .bi-clipboard-heart::before {
     content: "\f71f";
 }

 .bi-clipboard-minus-fill::before {
     content: "\f720";
 }

 .bi-clipboard-plus-fill::before {
     content: "\f721";
 }

 .bi-clipboard-pulse::before {
     content: "\f722";
 }

 .bi-clipboard-x-fill::before {
     content: "\f723";
 }

 .bi-clipboard2-check-fill::before {
     content: "\f724";
 }

 .bi-clipboard2-check::before {
     content: "\f725";
 }

 .bi-clipboard2-data-fill::before {
     content: "\f726";
 }

 .bi-clipboard2-data::before {
     content: "\f727";
 }

 .bi-clipboard2-fill::before {
     content: "\f728";
 }

 .bi-clipboard2-heart-fill::before {
     content: "\f729";
 }

 .bi-clipboard2-heart::before {
     content: "\f72a";
 }

 .bi-clipboard2-minus-fill::before {
     content: "\f72b";
 }

 .bi-clipboard2-minus::before {
     content: "\f72c";
 }

 .bi-clipboard2-plus-fill::before {
     content: "\f72d";
 }

 .bi-clipboard2-plus::before {
     content: "\f72e";
 }

 .bi-clipboard2-pulse-fill::before {
     content: "\f72f";
 }

 .bi-clipboard2-pulse::before {
     content: "\f730";
 }

 .bi-clipboard2-x-fill::before {
     content: "\f731";
 }

 .bi-clipboard2-x::before {
     content: "\f732";
 }

 .bi-clipboard2::before {
     content: "\f733";
 }

 .bi-emoji-kiss-fill::before {
     content: "\f734";
 }

 .bi-emoji-kiss::before {
     content: "\f735";
 }

 .bi-envelope-heart-fill::before {
     content: "\f736";
 }

 .bi-envelope-heart::before {
     content: "\f737";
 }

 .bi-envelope-open-heart-fill::before {
     content: "\f738";
 }

 .bi-envelope-open-heart::before {
     content: "\f739";
 }

 .bi-envelope-paper-fill::before {
     content: "\f73a";
 }

 .bi-envelope-paper-heart-fill::before {
     content: "\f73b";
 }

 .bi-envelope-paper-heart::before {
     content: "\f73c";
 }

 .bi-envelope-paper::before {
     content: "\f73d";
 }

 .bi-filetype-aac::before {
     content: "\f73e";
 }

 .bi-filetype-ai::before {
     content: "\f73f";
 }

 .bi-filetype-bmp::before {
     content: "\f740";
 }

 .bi-filetype-cs::before {
     content: "\f741";
 }

 .bi-filetype-css::before {
     content: "\f742";
 }

 .bi-filetype-csv::before {
     content: "\f743";
 }

 .bi-filetype-doc::before {
     content: "\f744";
 }

 .bi-filetype-docx::before {
     content: "\f745";
 }

 .bi-filetype-exe::before {
     content: "\f746";
 }

 .bi-filetype-gif::before {
     content: "\f747";
 }

 .bi-filetype-heic::before {
     content: "\f748";
 }

 .bi-filetype-html::before {
     content: "\f749";
 }

 .bi-filetype-java::before {
     content: "\f74a";
 }

 .bi-filetype-jpg::before {
     content: "\f74b";
 }

 .bi-filetype-js::before {
     content: "\f74c";
 }

 .bi-filetype-jsx::before {
     content: "\f74d";
 }

 .bi-filetype-key::before {
     content: "\f74e";
 }

 .bi-filetype-m4p::before {
     content: "\f74f";
 }

 .bi-filetype-md::before {
     content: "\f750";
 }

 .bi-filetype-mdx::before {
     content: "\f751";
 }

 .bi-filetype-mov::before {
     content: "\f752";
 }

 .bi-filetype-mp3::before {
     content: "\f753";
 }

 .bi-filetype-mp4::before {
     content: "\f754";
 }

 .bi-filetype-otf::before {
     content: "\f755";
 }

 .bi-filetype-pdf::before {
     content: "\f756";
 }

 .bi-filetype-php::before {
     content: "\f757";
 }

 .bi-filetype-png::before {
     content: "\f758";
 }

 .bi-filetype-ppt-1::before {
     content: "\f759";
 }

 .bi-filetype-ppt::before {
     content: "\f75a";
 }

 .bi-filetype-psd::before {
     content: "\f75b";
 }

 .bi-filetype-py::before {
     content: "\f75c";
 }

 .bi-filetype-raw::before {
     content: "\f75d";
 }

 .bi-filetype-rb::before {
     content: "\f75e";
 }

 .bi-filetype-sass::before {
     content: "\f75f";
 }

 .bi-filetype-scss::before {
     content: "\f760";
 }

 .bi-filetype-sh::before {
     content: "\f761";
 }

 .bi-filetype-svg::before {
     content: "\f762";
 }

 .bi-filetype-tiff::before {
     content: "\f763";
 }

 .bi-filetype-tsx::before {
     content: "\f764";
 }

 .bi-filetype-ttf::before {
     content: "\f765";
 }

 .bi-filetype-txt::before {
     content: "\f766";
 }

 .bi-filetype-wav::before {
     content: "\f767";
 }

 .bi-filetype-woff::before {
     content: "\f768";
 }

 .bi-filetype-xls-1::before {
     content: "\f769";
 }

 .bi-filetype-xls::before {
     content: "\f76a";
 }

 .bi-filetype-xml::before {
     content: "\f76b";
 }

 .bi-filetype-yml::before {
     content: "\f76c";
 }

 .bi-heart-arrow::before {
     content: "\f76d";
 }

 .bi-heart-pulse-fill::before {
     content: "\f76e";
 }

 .bi-heart-pulse::before {
     content: "\f76f";
 }

 .bi-heartbreak-fill::before {
     content: "\f770";
 }

 .bi-heartbreak::before {
     content: "\f771";
 }

 .bi-hearts::before {
     content: "\f772";
 }

 .bi-hospital-fill::before {
     content: "\f773";
 }

 .bi-hospital::before {
     content: "\f774";
 }

 .bi-house-heart-fill::before {
     content: "\f775";
 }

 .bi-house-heart::before {
     content: "\f776";
 }

 .bi-incognito::before {
     content: "\f777";
 }

 .bi-magnet-fill::before {
     content: "\f778";
 }

 .bi-magnet::before {
     content: "\f779";
 }

 .bi-person-heart::before {
     content: "\f77a";
 }

 .bi-person-hearts::before {
     content: "\f77b";
 }

 .bi-phone-flip::before {
     content: "\f77c";
 }

 .bi-plugin::before {
     content: "\f77d";
 }

 .bi-postage-fill::before {
     content: "\f77e";
 }

 .bi-postage-heart-fill::before {
     content: "\f77f";
 }

 .bi-postage-heart::before {
     content: "\f780";
 }

 .bi-postage::before {
     content: "\f781";
 }

 .bi-postcard-fill::before {
     content: "\f782";
 }

 .bi-postcard-heart-fill::before {
     content: "\f783";
 }

 .bi-postcard-heart::before {
     content: "\f784";
 }

 .bi-postcard::before {
     content: "\f785";
 }

 .bi-search-heart-fill::before {
     content: "\f786";
 }

 .bi-search-heart::before {
     content: "\f787";
 }

 .bi-sliders2-vertical::before {
     content: "\f788";
 }

 .bi-sliders2::before {
     content: "\f789";
 }

 .bi-trash3-fill::before {
     content: "\f78a";
 }

 .bi-trash3::before {
     content: "\f78b";
 }

 .bi-valentine::before {
     content: "\f78c";
 }

 .bi-valentine2::before {
     content: "\f78d";
 }

 .bi-wrench-adjustable-circle-fill::before {
     content: "\f78e";
 }

 .bi-wrench-adjustable-circle::before {
     content: "\f78f";
 }

 .bi-wrench-adjustable::before {
     content: "\f790";
 }

 .bi-filetype-json::before {
     content: "\f791";
 }

 .bi-filetype-pptx::before {
     content: "\f792";
 }

 .bi-filetype-xlsx::before {
     content: "\f793";
 }

 .bi-1-circle-1::before {
     content: "\f794";
 }

 .bi-1-circle-fill-1::before {
     content: "\f795";
 }

 .bi-1-circle-fill::before {
     content: "\f796";
 }

 .bi-1-circle::before {
     content: "\f797";
 }

 .bi-1-square-fill::before {
     content: "\f798";
 }

 .bi-1-square::before {
     content: "\f799";
 }

 .bi-2-circle-1::before {
     content: "\f79a";
 }

 .bi-2-circle-fill-1::before {
     content: "\f79b";
 }

 .bi-2-circle-fill::before {
     content: "\f79c";
 }

 .bi-2-circle::before {
     content: "\f79d";
 }

 .bi-2-square-fill::before {
     content: "\f79e";
 }

 .bi-2-square::before {
     content: "\f79f";
 }

 .bi-3-circle-1::before {
     content: "\f7a0";
 }

 .bi-3-circle-fill-1::before {
     content: "\f7a1";
 }

 .bi-3-circle-fill::before {
     content: "\f7a2";
 }

 .bi-3-circle::before {
     content: "\f7a3";
 }

 .bi-3-square-fill::before {
     content: "\f7a4";
 }

 .bi-3-square::before {
     content: "\f7a5";
 }

 .bi-4-circle-1::before {
     content: "\f7a6";
 }

 .bi-4-circle-fill-1::before {
     content: "\f7a7";
 }

 .bi-4-circle-fill::before {
     content: "\f7a8";
 }

 .bi-4-circle::before {
     content: "\f7a9";
 }

 .bi-4-square-fill::before {
     content: "\f7aa";
 }

 .bi-4-square::before {
     content: "\f7ab";
 }

 .bi-5-circle-1::before {
     content: "\f7ac";
 }

 .bi-5-circle-fill-1::before {
     content: "\f7ad";
 }

 .bi-5-circle-fill::before {
     content: "\f7ae";
 }

 .bi-5-circle::before {
     content: "\f7af";
 }

 .bi-5-square-fill::before {
     content: "\f7b0";
 }

 .bi-5-square::before {
     content: "\f7b1";
 }

 .bi-6-circle-1::before {
     content: "\f7b2";
 }

 .bi-6-circle-fill-1::before {
     content: "\f7b3";
 }

 .bi-6-circle-fill::before {
     content: "\f7b4";
 }

 .bi-6-circle::before {
     content: "\f7b5";
 }

 .bi-6-square-fill::before {
     content: "\f7b6";
 }

 .bi-6-square::before {
     content: "\f7b7";
 }

 .bi-7-circle-1::before {
     content: "\f7b8";
 }

 .bi-7-circle-fill-1::before {
     content: "\f7b9";
 }

 .bi-7-circle-fill::before {
     content: "\f7ba";
 }

 .bi-7-circle::before {
     content: "\f7bb";
 }

 .bi-7-square-fill::before {
     content: "\f7bc";
 }

 .bi-7-square::before {
     content: "\f7bd";
 }

 .bi-8-circle-1::before {
     content: "\f7be";
 }

 .bi-8-circle-fill-1::before {
     content: "\f7bf";
 }

 .bi-8-circle-fill::before {
     content: "\f7c0";
 }

 .bi-8-circle::before {
     content: "\f7c1";
 }

 .bi-8-square-fill::before {
     content: "\f7c2";
 }

 .bi-8-square::before {
     content: "\f7c3";
 }

 .bi-9-circle-1::before {
     content: "\f7c4";
 }

 .bi-9-circle-fill-1::before {
     content: "\f7c5";
 }

 .bi-9-circle-fill::before {
     content: "\f7c6";
 }

 .bi-9-circle::before {
     content: "\f7c7";
 }

 .bi-9-square-fill::before {
     content: "\f7c8";
 }

 .bi-9-square::before {
     content: "\f7c9";
 }

 .bi-airplane-engines-fill::before {
     content: "\f7ca";
 }

 .bi-airplane-engines::before {
     content: "\f7cb";
 }

 .bi-airplane-fill::before {
     content: "\f7cc";
 }

 .bi-airplane::before {
     content: "\f7cd";
 }

 .bi-alexa::before {
     content: "\f7ce";
 }

 .bi-alipay::before {
     content: "\f7cf";
 }

 .bi-android::before {
     content: "\f7d0";
 }

 .bi-android2::before {
     content: "\f7d1";
 }

 .bi-box-fill::before {
     content: "\f7d2";
 }

 .bi-box-seam-fill::before {
     content: "\f7d3";
 }

 .bi-browser-chrome::before {
     content: "\f7d4";
 }

 .bi-browser-edge::before {
     content: "\f7d5";
 }

 .bi-browser-firefox::before {
     content: "\f7d6";
 }

 .bi-browser-safari::before {
     content: "\f7d7";
 }

 .bi-c-circle-1::before {
     content: "\f7d8";
 }

 .bi-c-circle-fill-1::before {
     content: "\f7d9";
 }

 .bi-c-circle-fill::before {
     content: "\f7da";
 }

 .bi-c-circle::before {
     content: "\f7db";
 }

 .bi-c-square-fill::before {
     content: "\f7dc";
 }

 .bi-c-square::before {
     content: "\f7dd";
 }

 .bi-capsule-pill::before {
     content: "\f7de";
 }

 .bi-capsule::before {
     content: "\f7df";
 }

 .bi-car-front-fill::before {
     content: "\f7e0";
 }

 .bi-car-front::before {
     content: "\f7e1";
 }

 .bi-cassette-fill::before {
     content: "\f7e2";
 }

 .bi-cassette::before {
     content: "\f7e3";
 }

 .bi-cc-circle-1::before {
     content: "\f7e4";
 }

 .bi-cc-circle-fill-1::before {
     content: "\f7e5";
 }

 .bi-cc-circle-fill::before {
     content: "\f7e6";
 }

 .bi-cc-circle::before {
     content: "\f7e7";
 }

 .bi-cc-square-fill::before {
     content: "\f7e8";
 }

 .bi-cc-square::before {
     content: "\f7e9";
 }

 .bi-cup-hot-fill::before {
     content: "\f7ea";
 }

 .bi-cup-hot::before {
     content: "\f7eb";
 }

 .bi-currency-rupee::before {
     content: "\f7ec";
 }

 .bi-dropbox::before {
     content: "\f7ed";
 }

 .bi-escape::before {
     content: "\f7ee";
 }

 .bi-fast-forward-btn-fill::before {
     content: "\f7ef";
 }

 .bi-fast-forward-btn::before {
     content: "\f7f0";
 }

 .bi-fast-forward-circle-fill::before {
     content: "\f7f1";
 }

 .bi-fast-forward-circle::before {
     content: "\f7f2";
 }

 .bi-fast-forward-fill::before {
     content: "\f7f3";
 }

 .bi-fast-forward::before {
     content: "\f7f4";
 }

 .bi-filetype-sql::before {
     content: "\f7f5";
 }

 .bi-fire::before {
     content: "\f7f6";
 }

 .bi-google-play::before {
     content: "\f7f7";
 }

 .bi-h-circle-1::before {
     content: "\f7f8";
 }

 .bi-h-circle-fill-1::before {
     content: "\f7f9";
 }

 .bi-h-circle-fill::before {
     content: "\f7fa";
 }

 .bi-h-circle::before {
     content: "\f7fb";
 }

 .bi-h-square-fill::before {
     content: "\f7fc";
 }

 .bi-h-square::before {
     content: "\f7fd";
 }

 .bi-indent::before {
     content: "\f7fe";
 }

 .bi-lungs-fill::before {
     content: "\f7ff";
 }

 .bi-lungs::before {
     content: "\f800";
 }

 .bi-microsoft-teams::before {
     content: "\f801";
 }

 .bi-p-circle-1::before {
     content: "\f802";
 }

 .bi-p-circle-fill-1::before {
     content: "\f803";
 }

 .bi-p-circle-fill::before {
     content: "\f804";
 }

 .bi-p-circle::before {
     content: "\f805";
 }

 .bi-p-square-fill::before {
     content: "\f806";
 }

 .bi-p-square::before {
     content: "\f807";
 }

 .bi-pass-fill::before {
     content: "\f808";
 }

 .bi-pass::before {
     content: "\f809";
 }

 .bi-prescription::before {
     content: "\f80a";
 }

 .bi-prescription2::before {
     content: "\f80b";
 }

 .bi-r-circle-1::before {
     content: "\f80c";
 }

 .bi-r-circle-fill-1::before {
     content: "\f80d";
 }

 .bi-r-circle-fill::before {
     content: "\f80e";
 }

 .bi-r-circle::before {
     content: "\f80f";
 }

 .bi-r-square-fill::before {
     content: "\f810";
 }

 .bi-r-square::before {
     content: "\f811";
 }

 .bi-repeat-1::before {
     content: "\f812";
 }

 .bi-repeat::before {
     content: "\f813";
 }

 .bi-rewind-btn-fill::before {
     content: "\f814";
 }

 .bi-rewind-btn::before {
     content: "\f815";
 }

 .bi-rewind-circle-fill::before {
     content: "\f816";
 }

 .bi-rewind-circle::before {
     content: "\f817";
 }

 .bi-rewind-fill::before {
     content: "\f818";
 }

 .bi-rewind::before {
     content: "\f819";
 }

 .bi-train-freight-front-fill::before {
     content: "\f81a";
 }

 .bi-train-freight-front::before {
     content: "\f81b";
 }

 .bi-train-front-fill::before {
     content: "\f81c";
 }

 .bi-train-front::before {
     content: "\f81d";
 }

 .bi-train-lightrail-front-fill::before {
     content: "\f81e";
 }

 .bi-train-lightrail-front::before {
     content: "\f81f";
 }

 .bi-truck-front-fill::before {
     content: "\f820";
 }

 .bi-truck-front::before {
     content: "\f821";
 }

 .bi-ubuntu::before {
     content: "\f822";
 }

 .bi-unindent::before {
     content: "\f823";
 }

 .bi-unity::before {
     content: "\f824";
 }

 .bi-universal-access-circle::before {
     content: "\f825";
 }

 .bi-universal-access::before {
     content: "\f826";
 }

 .bi-virus::before {
     content: "\f827";
 }

 .bi-virus2::before {
     content: "\f828";
 }

 .bi-wechat::before {
     content: "\f829";
 }

 .bi-yelp::before {
     content: "\f82a";
 }

 .bi-sign-stop-fill::before {
     content: "\f82b";
 }

 .bi-sign-stop-lights-fill::before {
     content: "\f82c";
 }

 .bi-sign-stop-lights::before {
     content: "\f82d";
 }

 .bi-sign-stop::before {
     content: "\f82e";
 }

 .bi-sign-turn-left-fill::before {
     content: "\f82f";
 }

 .bi-sign-turn-left::before {
     content: "\f830";
 }

 .bi-sign-turn-right-fill::before {
     content: "\f831";
 }

 .bi-sign-turn-right::before {
     content: "\f832";
 }

 .bi-sign-turn-slight-left-fill::before {
     content: "\f833";
 }

 .bi-sign-turn-slight-left::before {
     content: "\f834";
 }

 .bi-sign-turn-slight-right-fill::before {
     content: "\f835";
 }

 .bi-sign-turn-slight-right::before {
     content: "\f836";
 }

 .bi-sign-yield-fill::before {
     content: "\f837";
 }

 .bi-sign-yield::before {
     content: "\f838";
 }

 .bi-ev-station-fill::before {
     content: "\f839";
 }

 .bi-ev-station::before {
     content: "\f83a";
 }

 .bi-fuel-pump-diesel-fill::before {
     content: "\f83b";
 }

 .bi-fuel-pump-diesel::before {
     content: "\f83c";
 }

 .bi-fuel-pump-fill::before {
     content: "\f83d";
 }

 .bi-fuel-pump::before {
     content: "\f83e";
 }

 /*-------------------------------------------------------------- # General --------------------------------------------------------------*/

 a {
     color: #004083;
     text-decoration: none;
 }

 a:hover {
     color: #9eccf4;
     text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .font-primary {}

 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: "Inter" !important;
     font-size: 14px;
     line-height: 20px;
 }

 .container {
     max-width: 96%;
 }

 /*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/
 .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     z-index: 99999;
     background: #004083;
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
 }

 .back-to-top i {
     font-size: 24px;
     color: #fff;
     line-height: 0;
 }

 .back-to-top:hover {
     background: #629fd3;
     color: #fff;
 }

 .back-to-top.active {
     visibility: visible;
     opacity: 1;
 }

 /*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
     [data-aos-delay] {
         transition-delay: 0 !important;
     }
 }

 /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
 #header {
     height: 70px;
     /*background: #fff;
    */
     z-index: 997;
     position: relative;
     transition: all 0.5s;
     /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
    */
 }

 #header .logo a {
     display: inline-block;
 }

 #header .logo a img {
     padding: 0;
     margin: 0;
     max-height: 50px;
 }

 #header.fixed-top {
     position: fixed;
     background: #fff;
     height: 70px;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
 }

 #header.fixed-top .logo a img {
     max-height: 40px;

 }

 .scrolled-offset {
     margin-top: 70px;
 }

 #topbar {
     padding: 10px 0;
 }

 /*-------------------------------------------------------------- # Floating Button Css --------------------------------------------------------------*/
 ul.floating-button {
     clear: both;
     position: fixed;
     display: block;
     list-style-type: none;
     right: 0;
     top: 45%;
     z-index: 99;
     background: #fff;
     padding: 10px 10px 10px 15px;
     border-radius: 10px 0 0 10px;
     -webkit-box-shadow: 0px 0px 24px -6px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 24px -6px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 0px 24px -6px rgba(0, 0, 0, 0.75);
 }

 ul.floating-button li {
     padding: 12px 0;
     border-bottom: 1px solid #ddd;
 }

 ul.floating-button li:last-child {
     border: 0;
 }

 ul.floating-button li a img {
     max-width: 40px;
 }

 ul.floating-button li a img:hover {
     /*-moz-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -ms--transform: rotate(360deg);
     transform: rotate(360deg);
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
     -ms-transition: all 0.4s;
     transition: all 0.4s;
    */
 }

 /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
 /** * Desktop Navigation */


 .navbar {
     padding: 0;
 }

 .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
 }

 .navbar li {
     position: relative;
 }

 .navbar a,
 .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px 15px;
     font-family: "Inter";
     font-size: 14px;
     color: #161616;
     white-space: nowrap;
     transition: 0.3s;
     border-bottom: 2px solid transparent;
 }

 .navbar a i,
 .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
 }

 .navbar a:hover,
 .navbar .active,
 .navbar .active:focus,
 .navbar li:hover>a {
     color: #000;
     border-bottom: 2px solid #fff;
 }

 .navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 14px;
     top: 100%;
     margin: 0;
     padding: 10px 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
 }

 .navbar .dropdown ul li {
     min-width: 200px;
 }

 .navbar .dropdown ul a {
     padding: 10px 20px;
     text-transform: none;
 }

 .navbar .dropdown ul a i {
     font-size: 12px;
 }

 .navbar .dropdown ul a:hover,
 .navbar .dropdown ul .active:hover,
 .navbar .dropdown ul li:hover>a {
     color: #000;
 }

 .navbar .dropdown:hover>ul {
     opacity: 1;
     visibility: visible;
 }

 .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
 }

 .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
 }

 @media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
         left: -90%;
     }

     .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
     }
 }

 /** * Mobile Navigation */
 .mobile-nav-toggle {
     color: #1f3548;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
 }

 .mobile-nav-toggle.bi-x {
     color: #fff;
 }

 @media (max-width: 991px) {
     .mobile-nav-toggle {
         display: block;
         position: absolute;
     }

     .navbar ul {
         display: none;
     }
 }

 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(31, 53, 72, 0.9);
     transition: 0.3s;
     z-index: 998;
 }

 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     left: 15px;
 }

 .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 0px;
     bottom: 15px;
     left: 0px;
     padding: 10px 0;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
 }

 .navbar-mobile ul li {
     border-bottom: 1px solid #ddd;
 }

 .navbar-mobile a,
 .navbar-mobile a:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #1f3548;
     font-weight: bold;
 }

 .navbar-mobile a:hover,
 .navbar-mobile .active,
 .navbar-mobile li:hover>a {
     color: #174EA0;
 }

 .navbar-mobile .getstarted,
 .navbar-mobile .getstarted:focus {
     margin: 15px;
 }

 .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
 }

 .navbar-mobile .dropdown ul li {
     min-width: 200px;
 }

 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
 }

 .navbar-mobile .dropdown ul a i {
     font-size: 12px;
 }

 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul .active:hover,
 .navbar-mobile .dropdown ul li:hover>a {
     color: #174EA0;
 }

 .navbar-mobile .dropdown>.dropdown-active {
     display: block;
 }

 .navbar li select {
     margin-left: 20px;
     font-family: "Inter";
 }

 .navbar li select option {
     font-family: "Inter";
 }

 .getaquoteBtn {
     position: relative;
 }

 .btnFontQuote1 {
    padding: 10px 21px !important;
    font-weight: 600;
    font-size: 17px;
    color: #fff !important;
    border-radius: 10px;
    text-align: center;
    background: #174EA0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border:0px;
   
}

.btnFontQuote1:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #004083; /* darker hover shade */
    z-index: -1;
    transition: left 0.3s ease;
}

.btnFontQuote1:hover:after {
    left: 0;
}

 .btnFontQuote1:hover:after {
     left: 0;
 }

 .btnFontQuote1:hover {
     color: #fff;
 }

 .languageDiv {
     margin-left: 10px;
     margin-top: -5px;
 }

 .languageDiv img {
     width: 14px;
     vertical-align: middle;
 }

 /*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
 #hero {
     width: 100%;
     height: calc(100vh - 110px);
     min-height: 580px;
     padding: 0;
     overflow: hidden;
     background: #fff;
     margin-top: -90px;
     position: relative;
 }

 #hero .carousel-item {
     width: 100%;
     height: calc(100vh - 110px);
     min-height: 700px;
     background-size: cover;
     background-position: top right;
     background-repeat: no-repeat;
     overflow: hidden;
 }

 #hero .carousel-item::before {
     content: "";
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 40%, transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 #hero .carousel-container {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     overflow: hidden;
 }

 #hero .carousel-content {
     text-align: left;
 }

 #hero h1 span.deskSpan {
     color: #161616 !important;
 }

 .videocaption {
     position: absolute;
     z-index: 5;
     left: 95px;
     top: 183px;

 }

 .videocaption p {

     padding-bottom: 10px;
 }

 .videocaption h1 {
     max-width: 700px;
     padding-top: 20px;

 }

 #hero.video-banner::before {
     content: "";
     background: none !important;
     ;
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 .videocaption h1 {
     color: #fff;
     font-size: 45px;
 }

 .btnFontQuote2 {
    background: #174EA0;
    background: #174EA0;
     color: #fff !important;
     border-radius: 10px;
     max-width: 200px;
     /*height: 50px;*/
     text-align: center;
     background: #174EA0;
     box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px 21px !important;
     font-weight: 600;
     font-size: 17px;
 }
 

 .btnFontQuote2 img {
     width: 20px;
     margin-right: 10px;
 }
 .btnFontQuote1 img {
     width: 20px;
     margin-right: 10px;
 }

 .btnFontQuote2:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .btnFontQuote2:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #174EA0;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .btnFontQuote2:hover:after {
     left: 0;
 }

 .btnFontQuote2:hover {
     color: #fff;
 }

 @media (max-width: 992px) {

     #hero,
     #hero .carousel-item {
         height: calc(100vh - 70px);
     }

     #hero .carousel-content.container {
         padding: 0 50px;
     }
 }

 #hero h1 {
     color: #444444;
     margin-bottom: 30px;
     font-size: 55px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 #hero h1 span {
     display: inline-block;
     color: #174EA0;
 }

 #hero p {
     width: 45%;
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
     color: #161616;
     font-size: 18px;
     margin-bottom: 50px;
     opacity: 0.8 !important;
 }

 #hero .carousel-inner .carousel-item {
     transition-property: opacity;
     background-position: right top;
     background-size: cover;
 }

 #hero .contact-banner-text p {
     width: 100%;
 }

 #hero .carousel-inner .carousel-item,
 #hero .carousel-inner .active.carousel-item-start,
 #hero .carousel-inner .active.carousel-item-end {
     opacity: 0;
 }

 #hero .carousel-inner .active,
 #hero .carousel-inner .carousel-item-next.carousel-item-start,
 #hero .carousel-inner .carousel-item-prev.carousel-item-end {
     opacity: 1;
     transition: 0.5s;
 }

 #hero .carousel-inner .carousel-item-next,
 #hero .carousel-inner .carousel-item-prev,
 #hero .carousel-inner .active.carousel-item-start,
 #hero .carousel-inner .active.carousel-item-end {
     left: 0;
     transform: translate3d(0, 0, 0);
 }

 #hero .carousel-control-prev,
 #hero .carousel-control-next {
     width: 10%;
 }

 #hero .carousel-control-next-icon,
 #hero .carousel-control-prev-icon {
     background: none;
     font-size: 48px;
     line-height: 1;
     width: auto;
     height: auto;
 }

 #hero .carousel-indicators {
     justify-content: left;
     margin-right: 3%;
     margin-left: 3%;
     bottom: 20%;
 }

 #hero .carousel-indicators li {
     cursor: pointer;
     border-radius: 9px;
 }

 .carousel-indicators [data-bs-target] {
     background-color: #999;
 }

 .carousel-indicators .active {
     background-color: #FFA44A;
 }

 #hero .btn-get-started {
     font-weight: 500;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 12px 32px;
     border-radius: 5px;
     transition: 0.5s;
     line-height: 1;
     margin: 10px;
     color: #fff;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
     border: 0;
     background: #174EA0;
 }

 #hero .btn-get-started:hover {
     background: #1c5c93;
 }

 /* @media (max-width: 1400px) {
     #hero .carousel-item {
         width: 100%;
         height: calc(100vh - 110px);
    }
     #hero {
         height: calc(100vh - 110px);
    }
}
 @media (max-width: 1200px) {
}
*/
 @media (max-width: 768px) {
     #hero h1 {
         font-size: 28px;
     }
 }

 @media (max-height: 500px) {

     #hero,
     #hero .carousel-item {
         height: 120vh;
     }

     #header {
         height: 70px;
         /*background: #fff;
       */
         z-index: 997;
         position: relative;
         transition: all 0.5s;
         /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
       */
     }
 }

 @media (min-width: 1024px) {
     #hero p {
         width: 45%;
     }

     #hero .carousel-control-prev,
     #hero .carousel-control-next {
         width: 5%;
     }

     #hero h2 {
         width: 45%;
     }
 }

 /*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
 section {
     padding: 60px 0;
     clear: both !important;

 }

 .section-bg {
     background-color: #f5f9fc;
 }

 .section-title {
     text-align: center;
     padding-bottom: 30px;
 }

 .section-title h2 {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 20px;
     padding-bottom: 0;
     color: #5c768d;
 }

 .section-title p {
     margin-bottom: 0;
 }

 /*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/
 .breadcrumbs {
     padding: 15px 0;
     background-color: #f5f9fc;
     min-height: 40px;
 }

 .breadcrumbs h2 {
     font-size: 24px;
     font-weight: 300;
 }

 .breadcrumbs ol {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 14px;
 }

 .breadcrumbs ol li+li {
     padding-left: 10px;
 }

 .breadcrumbs ol li+li::before {
     display: inline-block;
     padding-right: 10px;
     color: #6c757d;
     content: "/";
 }

 @media (max-width: 768px) {
     .breadcrumbs .d-flex {
         display: block !important;
     }

     .breadcrumbs ol {
         display: block;
     }

     .breadcrumbs ol li {
         display: inline-block;
     }
 }

 /*-------------------------------------------------------------- # The Numbers Section --------------------------------------------------------------*/
 .theNumbers-section {
     background-size: 33% !important;
     background-position: right -66px !important;
 }

 /*-------------------------------------------------------------- # Counts --------------------------------------------------------------*/
 .counts {
     padding-bottom: 30px;
 }

 .counts .count-box {
     padding: 30px 0 30px 0;
     margin-bottom: 0px;
 }

 .counts .count-box i {
     display: block;
     font-size: 64px;
     margin-bottom: 15px;
 }

 .counts .count-box span {
     font-size: 40px;
     display: block;
     font-weight: 900;
     color: #004083;
     /*background: #174EA0*/
     
 }

 .counts .count-box span span {}

 .numberHolder {
     display: flex;
     justify-content: center;
 }

 .counts .count-box img {
     height: 42px;
 }

 .counts .count-box p {
     padding: 0;
     margin: 0;
     font-size: 14px;
     font-weight: 500;
 }

 .left-number-sec {}

 .left-number-sec h3 {
     font-size: 38px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 30px;
     
 }

 .left-number-sec h3 span {
     color: #174EA0;
     opacity: 1;
 }

 .left-number-sec h2 {
     font-size: 38px;
     font-weight: 900;
     /*text-transform:uppercase;*/
     margin-bottom: 30px;
     
 }

 .left-number-sec h2 span {
     color: #174EA0;
     opacity: 1;
 }

 .left-number-sec p {
     font-size: 18px;
     opacity: 0.8;
     margin-bottom: 30px;
 }

 /*-------------------------------------------------------------- # Service Section --------------------------------------------------------------*/
 .service-section {
     background: #E8F1F8;
 }

 .service-section h3 {
     font-size: 31px;
     line-height: 40px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .service-section h3 span {
     color: #004083;
     opacity: 1;
 }

 .service-holderDiv {}

 a.serviceBlock {
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     display: block;
     margin: 10px 0;
 }

 a.serviceBlock h4 {
     padding: 40px 30px 20px;
     color: #fff;
     position: absolute;
     bottom: 0;
     width: 100%;
     margin: 0;
     z-index: 999;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 500;
     text-align: center;
 }

 a.serviceBlock h4::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(#0B132900, #0B1329C7, #0B1329) !important;
     opacity: 0.95;
     border-radius: 15px;
     z-index: -1;
 }

 .ser-img {
     overflow: hidden;
     position: relative;
 }

 .ser-img img {
     width: 100%;
     border-radius: 15px;
     transition: all ease-in-out 0.4s;
 }

 a.serviceBlock:hover img {
     transform: scale(1.2);
 }

 .mobBlock {
     display: none;
 }

 /*-------------------------------------------------------------- # Team Journey Section --------------------------------------------------------------*/
 .team-journey-section {}

 .left-team-journey-sec h3 {
     font-size: 38px;
     font-weight: 900;
     /*text-transform:uppercase;*/
     margin-bottom: 30px;
     
 }

 .left-team-journey-sec h3 span {
     color: #174EA0;
     opacity: 1;
 }

 .left-team-journey-sec p {
     font-size: 18px;
     opacity: 0.8;
     margin-bottom: 30px;
 }

 .left-team-journey-sec .btnFontQuote3 {
     max-width: 170px;
     height: 50px;
     padding: 15px 12px !important;
 }

 .btnFontQuote3 {
     padding: 10px 21px !important;
     font-size: 17px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff !important;
     border-radius: 10px;
     max-width: 200px;
     /*height: 50px;*/
     text-align: center;
     background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .btnFontQuote3 i {
     font-size: 24px;
     margin-left: 10px;
 }

 .btnFontQuote3:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .btnFontQuote3:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .btnFontQuote3:hover:after {
     left: 0;
 }

 .btnFontQuote3:hover {
     color: #fff;
 }

 .right-team-journey-sec Img {
     width: 100%;
 }

 .right-team-journey-sec .btnFontQuote3 {
     display: none;
 }

 /*-------------------------------------------------------------- # Case Study section --------------------------------------------------------------*/
 .case-study-section {
     padding: 0;
 }

 .case-study-section img {
     width: 100%;
 }

 .desktopCaseStudy-section {
     /*min-height:800px;
    */
 }

 .desktopCaseStudy-section .carousel-item .col-lg-4,
 .desktopCaseStudy-section .carousel-item .col-lg-8 {
     padding: 0;
 }

 .desktopCaseStudy-section .carousel-item .caseStudyContent {
     text-align: left;
 }

 .desktopCaseStudy-section .carousel-item .caseStudyContent {
     padding: 50px 20px 50px 50px;
     height: 100%;
     /*min-height:800px;
    */
 }

 .desktopCaseStudy-section .carousel-indicators {
     justify-content: left;
     width: 400px;
     margin: 0 40px 30px;
 }

 .desktopCaseStudy-section .skipBtn {}

 .desktopCaseStudy-section .skipBtn a {
     color: #fff;
     position: absolute;
     bottom: 35px;
     z-index: 9;
     right: 35px;
     font-size: 14px;
     opacity: 0.7;
 }

 .desktopCaseStudy-section .carousel-item .caseStudyContent h4 {
     font-size: 24px;
     margin-bottom: 60px;
 }

 .desktopCaseStudy-section .carousel-item img {
     /*min-height:800px;
    */
 }

 .paginationHolder {
     background: #fff;
     position: absolute;
     z-index: 999;
     bottom: 0;
 }

 .desktopCaseStudy-section .caseStudyContent h6 {
     font-size: 20px;
 }

 .desktopCaseStudy-section .caseStudyContent h5 {
     font-size: 28px;
 }

 .desktopCaseStudy-section .caseStudyContent p span {
     display: block;
     font-size: 16px;
     opacity: 1;
     font-weight: 600;
 }

 .desktopCaseStudy-section .caseStudyContent p {
     font-size: 14px;
     opacity: 0.8;
     color: #fff;
 }

 .caseStudyContent.color-1 h5 {
     color: #D43C43;
 }

 .caseStudyContent.color-2 h5 {
     color: #57A0D3;
 }

 .caseStudyContent.color-3 h5 {
     color: #86D9FF;
 }

 .caseStudyContent.color-4 h5 {
     color: #57A0D3;
 }

 .caseStudyContent.color-5 h5 {
     color: #8FBADA;
 }

 .mobCaseStudy-section {
     display: none;
 }

 .caseStudyContent {
     padding: 30px 20px 70px;
     text-align: center;
     min-height: 450px;
 }

 .caseStudyContent h4 {
     /*text-transform:uppercase;*/
     font-weight: 900;
     font-size: 18px;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .caseStudyContent h5 {
     text-transform: capitalize;
     font-weight: 900;
     font-size: 22px;
     margin-top: 30px;
     margin-bottom: 20px;
 }

 .caseStudyContent h6 {
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 600;
 }

 .caseStudyContent p:first-child {
     color: 16px;
     color: #fff;
     font-weight: 600;
     color: #fff;
 }

 .caseStudyContent p:first-child {
     opacity: 1;
 }

 .caseStudyContent p {
     font-weight: normal;
     opacity: 0.8;
     color: #fff;
 }

 #robotcarousel-2 .carousel-indicators {
     justify-content: left;
     margin-right: 5%;
     margin-left: 5%;
 }

 .skipBtn a {
     color: #fff;
     position: absolute;
     bottom: 20px;
     z-index: 9;
     right: 15px;
     font-size: 14px;
     opacity: 0.7;
 }

 .color-1 {
     background: #210507;
 }

 .color-2 {
     background: #312D24;
 }

 .color-3 {
     background: #032A3B;
 }

 .color-4 {
     background: #112425;
 }

 .color-5 {
     background: #062337;
 }

 /*-------------------------------------------------------------- # Why Choose section --------------------------------------------------------------*/
 .why-choose-section {}

 .left-why-choose-sec h3 {
     font-size: 31px;
     font-weight: 900;
     /*text-transform: uppercase;*/
     margin-bottom: 30px;
     
 }

 .left-why-choose-sec h3 span {
     color: #004083;
     opacity: 1;
 }

 .left-why-choose-sec p {
     margin-bottom: 40px;
     line-height: 30px;
     font-size: 18px;
 }

 .left-why-choose-sec ul {
     list-style: none;
     margin: 0 0 40px;
     position: relative;
     padding: 0;
     font-size: 18px;
     opacity: 0.8;
 }

 .left-why-choose-sec ul li {
     margin-bottom: 20px;
     position: relative;
     padding-left: 30px;
     line-height: 26px;
 }

 .left-why-choose-sec ul li p {
     font-size: 14px;
     opacity: 0.7;
     line-height: 26px;
 }

 .left-why-choose-sec ul li span {
     display: block;
     font-size: 18px;
     font-weight: 500;
     text-transform: capitalize;
     opacity: 0.9;
     margin-bottom: 5px;
 }

 .left-why-choose-sec ul li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 9px;
     width: 10px;
     height: 10px;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fed23c+0,ffa44a+31 */
     background: #fed23c;
     /* Old browsers */
     background: -moz-linear-gradient(45deg, #fed23c 0%, #ffa44a 31%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, #fed23c 0%, #ffa44a 31%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, #fed23c 0%, #ffa44a 31%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed23c', endColorstr='#ffa44a', GradientType=1);
     /* IE6-9 fallback on horizontal gradient */
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
 }

 .right-why-choose-sec {}

 .right-why-choose-sec img {
     border-radius: 25px;
     width: 100%;
 }

 /*-------------------------------------------------------------- # Success Story Section --------------------------------------------------------------*/
 .success-story-section {
     background: #F1F9FF;
     padding-bottom: 80px;
 }

 .success-story-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .success-story-section h3 span {
     color: #004083;
     opacity: 1;
 }

 #storyCarousel .carousel-indicators {
     justify-content: left;
     margin-right: 3%;
     margin-left: 3%;
     bottom: -60px;
     text-align: center;
     display: block;
 }

 #storyCarousel .carousel-indicators button {
     cursor: pointer;
     border-radius: 9px;
 }

 #storyCarousel .carousel-indicators[data-bs-target] button {
     background-color: #c0c1c2;
 }

 #storyCarousel .carousel-indicators button.active {
     background-color: #FFA44A;
 }

 #storyCarousel .carousel-indicators [data-bs-target] {
     background-color: #c0c1c2;
 }

 #storyCarousel .carousel-inner .carousel-item .card {
     margin: 20px;
     border-radius: 25px;
     padding: 6%;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 #storyCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(2n) .card {
     -webkit-box-shadow: 0px 0px 43px -24px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 43px -24px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 0px 43px -24px rgba(0, 0, 0, 0.75);
     border-color: #fff;
 }

 #storyCarousel .carousel-inner .carousel-item .card .profile {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     position: relative;
     z-index: 9;
 }

 #storyCarousel .carousel-inner .carousel-item .card .pro-img {
     background: #F1F9FD;
     width: 86px;
     height: 86px;
     border-radius: 50%;
     padding: 10px;
     margin-right: 15px;
     display: flex;
     align-items: center;
 }

 #storyCarousel .carousel-inner .carousel-item .card .pro-img img {
     width: 100%;
 }

 #storyCarousel .carousel-inner .carousel-item .card .pro-cont h4 {
     font-size: 18px;
     font-weight: bold;
     text-transform: capitalize;
 }

 #storyCarousel .carousel-inner .carousel-item .card .pro-cont h6 {
     font-size: 14px;
     opacity: 0.6;
     font-weight: normal;
 }

 #storyCarousel .carousel-inner .carousel-item .card p {
     opacity: 0.7;
     font-size: 14px;
     line-height: 24px;
 }

 #storyCarousel .carousel-inner .carousel-item .card .colonDiv {}

 #storyCarousel .carousel-inner .carousel-item .card .colonDiv img {
     width: 52px;
     position: absolute;
     top: 100px;
     right: 50px;
     z-index: 0;
 }

 @media (max-width: 767px) {
     #storyCarousel .carousel-inner .carousel-item>div {
         display: none;
     }

     #storyCarousel .carousel-inner .carousel-item>div:first-child {
         display: block;
     }

     #footer .footer-bottom .footer-links:first-child {
         margin-bottom: 0 !important;
     }

     #footer .footer-bottom .footer-links:nth-child(2n) ul {
         margin-top: 10px !important;
     }

 }

 #storyCarousel .carousel-inner .carousel-item.active,
 #storyCarousel .carousel-inner .carousel-item-next,
 #storyCarousel .carousel-inner .carousel-item-prev {
     display: flex;
 }

 /* medium and up screens */
 @media (min-width: 768px) {

     #storyCarousel .carousel-inner .carousel-item-end.active,
     #storyCarousel .carousel-inner .carousel-item-next {
         transform: translateX(33.3333%);
     }

     #storyCarousel .carousel-inner .carousel-item-start.active,
     #storyCarousel .carousel-inner .carousel-item-prev {
         transform: translateX(-33.3333%);
     }

     #storyCarousel .carousel-inner .carousel-item-end,
     #storyCarousel .carousel-inner .carousel-item-start {
         transform: translateX(0);
     }
 }

 @media (max-width: 480px) {

     #storyCarousel .carousel-inner .carousel-item-end.active,
     #storyCarousel .carousel-inner .carousel-item-next {
         transform: translateX(100%);
     }

     #storyCarousel .carousel-inner .carousel-item-start.active,
     #storyCarousel .carousel-inner .carousel-item-prev {
         transform: translateX(-100%);

     }

     #storyCarousel .carousel-inner .carousel-item-end,
     #storyCarousel .carousel-inner .carousel-item-start {
         transform: translateX(0);
     }

     .videocaption {
         position: absolute;
         z-index: 5;
         left: 63px;
         top: 66px;

     }
 }

 /*-------------------------------------------------------------- # Awards Section --------------------------------------------------------------*/
 .awards-section {}

 .left-awards-sec h3 {
     font-size: 31px;
     font-weight: 900;
     /*text-transform: uppercase;*/
     margin-bottom: 30px;
     
 }

 .left-awards-sec h3 span {
     color: #004083;
     opacity: 1;
 }

 .left-awards-sec p {
     font-size: 18px;
     opacity: 0.8;
     margin-bottom: 30px;
 }

 .awardBox {
     margin: 15px auto;
     text-align: center;
 }

 /*.awardBox img {
    width:auto;
    height: 160px;
}
*/
 .awardBox img {
     width: 100%;
     height: auto;
 }

 .awardLogoHolder {
     display: none;
 }

 /*-------------------------------------------------------------- # Blog Section --------------------------------------------------------------*/
 .blog-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .blog-section .section-title {
     position: relative;
 }

 .blog-section .section-title .btnFontQuote2 {
     position: absolute;
     top: 0;
     right: 0;
     box-shadow: none;
 }

 .blog-section h3 span {
     color: #004083;
     opacity: 1;
 }

 .blog-section .col-lg-6:first-child {
     width: 56%;
 }

 .blog-section .col-lg-6:last-child {
     width: 44%;
 }

 .blog-sec-left a.BlogBlock {
     height: 640px;
 }

 .blog-sec-left .blog-img {
     height: 100%;
 }

 .blog-sec-left .blog-img img {
     height: 100%;
 }

 a.BlogBlock {
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     display: block;
     margin: 16px 0 10px;
 }

 a.BlogBlock h4 {
     padding: 10px 30px 30px;
     color: #fff;
     position: absolute;
     bottom: 0;
     width: 100%;
     margin: 0;
     z-index: 5;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: bold;
     text-align: left;
     font-size: 18px;
     line-height: 28px;
 }

 a.BlogBlock::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(transparent, transparent, #000) !important;
     opacity: 0.75;
     border-radius: 15px;
     z-index: 1;
 }

 .blog-img {
     overflow: hidden;
     position: relative;
 }

 .blog-img img {
     width: 100%;
     transition: all ease-in-out 0.4s;
 }

 a.BlogBlock:hover img {
     transform: scale(1.2);
 }

 a.BlogBlock h4 span {
     padding: 5px 20px;
     color: #fff;
     position: absolute;
     bottom: 100%;
     width: auto;
     border-radius: 60px;
     display: inline-block;
     margin: 0;
     z-index: 6;
     font-size: 14px !important;
     text-transform: capitalize;
     font-weight: 500;
     text-align: left;
     font-size: 18px;
     line-height: 18px;
     background: rgba(255, 255, 255, 0.37);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, .5);
 }

 .blog-sec-top a.BlogBlock,
 .blog-sec-bottom a.BlogBlock {
     height: 307px;
 }

 .blog-section .btnFontQuote3 {
     margin: 40px auto 0;
     width: 170px;
     height: 50px;
 }

 .blog-sec-top a.BlogBlock img,
 .blog-sec-bottom a.BlogBlock img {
     height: 307px;
 }

 /*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/
 .contact-section {
     background: #fff;
     padding-bottom: 100px;
     margin-bottom: 100px;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.08);
     box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.08);
 }

 .contact-section .container {
     max-width: 87%;
 }

 .contactLeft h3 {
     font-size: 31px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .contactLeft h3 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .contactLeft p {
     opacity: 0.8;
     font-size: 16px;
 }

 .skewed-bg {
     background-color: #17264D;
     background: linear-gradient(145deg, #17264D, #2F5C92);
     color: #FFF;
     position: relative;
     min-height: 300px;
     overflow: hidden;
     padding-bottom: 60px;
 }

 .skewed-bg::after {
     content: '';
     position: absolute;
     bottom: -68%;
     left: 0;
     right: 0;
     height: 100%;
     background: #FFF;
     transform: skew(0deg, -20deg);
 }

 .contactInfo {
     margin: 50px 0;
 }

 .contactInfo h4 {
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 30px;
     text-transform: capitalize;
     margin-bottom: 50px;
 }

 .contactInfo ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .contactInfo ul li {
     margin: 20px 0;
 }

 .contactInfo ul li a {
     color: #fff;
     font-size: 16px;
 }

 .contactInfo ul li a img {
     width: 20px;
     margin-right: 10px;
 }

 .contactInfo ul li:first-child a {
     font-size: 14px;
 }

 .socia-icon h4 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 30px;
     text-transform: capitalize;
     margin-bottom: 0px;
     margin-top: 40px;
     min-height: auto;
 }

 .socia-icon ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     align-items: center;
 }

 .socia-icon ul li {
     margin: 20px 0;
     display: inline-block;
 }

 .socia-icon ul li a {
     color: #fff;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .socia-icon ul li a img {
     margin-right: 0px;
 }

 .socia-icon ul li a:hover img {
     filter: invert(0) sepia(1) saturate(9) hue-rotate(175deg);
 }

 .contactForm {
     background: #fff;
     border-radius: 25px;
     padding: 44px 68px 24px 68px;
     position: relative;
     z-index: 9;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
 }

 .contactForm .form-group {
     position: relative;
     margin-bottom: 17px;
 }

 .contactForm .form-group input,
 .contactForm .form-group select {
     position: relative;
     z-index: 9;
     background: transparent;
     border: 1px solid #BFBFBF;
     width: 100%;
     padding: 10px;
     border-radius: 7px;
     height: 47px;
     font-size: 14px;
 }

 .contactForm .form-group textarea {
     position: relative;
     z-index: 9;
     background: transparent;
     border: 1px solid #BFBFBF;
     width: 100%;
     padding: 10px;
     border-radius: 7px;
     min-height: 100px;
 }

 .contactForm .form-group textarea::placeholder,
 .contactForm .form-group input::placeholder {
     color: #ccc;
     opacity: 1;
     font-size: 14px;
 }

 .contactForm .form-group label {
     position: absolute;
     left: 15px;
     top: 12px;
     z-index: 1;
     color: #ccc;
     font-size: 14px;
     display: none;
 }

 .contactForm .form-group label::after {
     content: "*";
     color: red;
 }

 .contactForm .form-group input[required]:valid+label {
     display: none;
 }

 .contactForm .form-group input:focus,
 .contactForm .form-group select:focus,
 .contactForm .form-group textarea:focus {
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     border: 1px solid #2F5C92 !important;
     box-shadow: none !important;
     outline: 0 !important
 }

 .contactForm .form-group select {
     border-radius: 7px;
     padding: 10px 38px 10px 10px;
     border: 1px solid #BFBFBF;
     background-color: Transparent;
     background: url(../img/down-arrow.png) no-repeat 96% center;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     color: #ccc;
     height: 48px;
 }

 .contactForm .form-group select option {
     background: #fff;
 }

 .contactForm .form-group select option::first-child {
     color: #ccc;
 }

 .contactForm .form-group select:focus {
     color: black;
 }

 .contactForm p {
     color: #161616;
     font-size: 14px;
     display: flex;
     align-items: center;
 }

 .checkBoxDiv input[type=checkbox] {
     position: relative;
     border: 2px solid #444;
     border-radius: 4px;
     background: none;
     cursor: pointer;
     line-height: 0;
     margin: 0 .6em 0 0;
     outline: 0;
     padding: 0 !important;
     vertical-align: text-top;
     height: 20px;
     width: 20px;
     -webkit-appearance: none;
     opacity: .5;
 }

 .checkBoxDiv input[type=checkbox]:hover {
     opacity: 1;
 }

 .checkBoxDiv input[type=checkbox]:checked {
     background-color: #000;
     opacity: 1;
 }

 .checkBoxDiv input[type=checkbox]:before {
     content: '';
     position: absolute;
     right: 50%;
     top: 50%;
     width: 4px;
     height: 10px;
     border: solid #FFF;
     border-width: 0 2px 2px 0;
     margin: -1px -1px 0 -1px;
     transform: rotate(45deg) translate(-50%, -50%);
     z-index: 2;
 }

 .captchaArea {
     margin: 10px 0;
 }

 .captchaArea>p {
     text-align: center;
     display: block;
     font-size: 16px;
     font-weight: 500;
 }

 .captchaArea p span {
     width: 30px;
     display: inline-block;
     margin: 0 10px;
 }

 .captchaArea p span img {
     width: 100%;
 }

 .contactForm .btnSubmit {
     padding: 10px 21px !important;
     font-size: 15px;
     font-weight: 500;
     text-transform: capitalize;
     color: #fff !important;
     border-radius: 10px;
     width: 146px;
     /*height: 50px;*/
     text-align: center;
    background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     border: 0;
 }

 .contactForm .btnSubmit i {
     font-size: 24px;
     margin-left: 10px;
 }

 .contactForm .btnSubmit:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .contactForm .btnSubmit:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .contactForm .btnSubmit:hover:after {
     left: 0;
 }

 .contactForm .btnSubmit:hover {
     color: #fff;
 }

 /*======== Country code with flag css =========*/
 .contactForm .form-group .ph-code>label {
     margin-left: 50px;
 }

 .contactForm .form-group .iti .form-control::placeholder {
     color: #ccc;
     opacity: 1;
 }

 .iti {
     position: relative;
     display: inline-block;
     width: 100%;
 }

 .iti * {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .iti__hide {
     display: none;
 }

 .iti__v-hide {
     visibility: hidden;
 }

 .iti input,
 .iti input[type=text],
 .iti input[type=tel] {
     position: relative;
     z-index: 0;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     padding-right: 36px;
     margin-right: 0;
 }

 .iti__flag-container {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     padding: 1px;
 }

 .iti__selected-flag {
     z-index: 1;
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding: 0 6px 0 8px;
 }

 .iti__arrow {
     margin-left: 6px;
     width: 0;
     height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
     border-top: 4px solid #555;
 }

 .iti__arrow--up {
     border-top: none;
     border-bottom: 4px solid #555;
 }

 .iti__country-list {
     position: absolute;
     z-index: 99;
     list-style: none;
     text-align: left;
     padding: 0;
     margin: 0 0 0 -1px;
     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
     background-color: white;
     border: 1px solid #CCC;
     white-space: nowrap;
     max-height: 200px;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
 }

 .iti__country-list--dropup {
     bottom: 100%;
     margin-bottom: -1px;
 }

 @media (max-width: 500px) {
     .iti__country-list {
         white-space: normal;
     }
 }

 .iti__flag-box {
     display: inline-block;
     width: 20px;
 }

 .iti__divider {
     padding-bottom: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #CCC;
 }

 .iti__country {
     padding: 5px 10px;
     outline: none;
 }

 .iti__dial-code {
     color: #999;
 }

 .iti__country.iti__highlight {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .iti__flag-box,
 .iti__country-name,
 .iti__dial-code {
     vertical-align: middle;
 }

 .iti__flag-box,
 .iti__country-name {
     margin-right: 6px;
     color: #000;
 }

 .iti--allow-dropdown input,
 .iti--allow-dropdown input[type=text],
 .iti--allow-dropdown input[type=tel],
 .iti--separate-dial-code input,
 .iti--separate-dial-code input[type=text],
 .iti--separate-dial-code input[type=tel] {
     padding-right: 6px;
     padding-left: 52px;
     margin-left: 0;
 }

 .iti--allow-dropdown .iti__flag-container,
 .iti--separate-dial-code .iti__flag-container {
     right: auto;
     left: 0;
 }

 .iti--allow-dropdown .iti__flag-container:hover {
     cursor: pointer;
 }

 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
     cursor: default;
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
     background-color: transparent;
 }

 .iti--separate-dial-code .iti__selected-flag {
     background-color: rgba(0, 0, 0, 0);
 }

 .iti--separate-dial-code .iti__selected-dial-code {
     margin-left: 6px;
     color: #000;
 }

 .iti--container {
     position: absolute;
     top: -1000px;
     left: -1000px;
     z-index: 1060;
     padding: 1px;
 }

 .iti--container:hover {
     cursor: pointer;
 }

 .iti-mobile .iti--container {
     top: 30px;
     bottom: 30px;
     left: 30px;
     right: 30px;
     position: fixed;
 }

 .iti-mobile .iti__country-list {
     max-height: 100%;
     width: 100%;
 }

 .iti-mobile .iti__country {
     padding: 10px 10px;
     line-height: 1.5em;
 }

 .iti__flag {
     width: 20px;
 }

 .iti__flag.iti__be {
     width: 18px;
 }

 .iti__flag.iti__ch {
     width: 15px;
 }

 .iti__flag.iti__mc {
     width: 19px;
 }

 .iti__flag.iti__ne {
     width: 18px;
 }

 .iti__flag.iti__np {
     width: 13px;
 }

 .iti__flag.iti__va {
     width: 15px;
 }

 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
     .iti__flag {
         background-size: 5652px 15px;
     }
 }

 .iti__flag.iti__ac {
     height: 10px;
     background-position: 0px 0px;
 }

 .iti__flag.iti__ad {
     height: 14px;
     background-position: -22px 0px;
 }

 .iti__flag.iti__ae {
     height: 10px;
     background-position: -44px 0px;
 }

 .iti__flag.iti__af {
     height: 14px;
     background-position: -66px 0px;
 }

 .iti__flag.iti__ag {
     height: 14px;
     background-position: -88px 0px;
 }

 .iti__flag.iti__ai {
     height: 10px;
     background-position: -110px 0px;
 }

 .iti__flag.iti__al {
     height: 15px;
     background-position: -132px 0px;
 }

 .iti__flag.iti__am {
     height: 10px;
     background-position: -154px 0px;
 }

 .iti__flag.iti__ao {
     height: 14px;
     background-position: -176px 0px;
 }

 .iti__flag.iti__aq {
     height: 14px;
     background-position: -198px 0px;
 }

 .iti__flag.iti__ar {
     height: 13px;
     background-position: -220px 0px;
 }

 .iti__flag.iti__as {
     height: 10px;
     background-position: -242px 0px;
 }

 .iti__flag.iti__at {
     height: 14px;
     background-position: -264px 0px;
 }

 .iti__flag.iti__au {
     height: 10px;
     background-position: -286px 0px;
 }

 .iti__flag.iti__aw {
     height: 14px;
     background-position: -308px 0px;
 }

 .iti__flag.iti__ax {
     height: 13px;
     background-position: -330px 0px;
 }

 .iti__flag.iti__az {
     height: 10px;
     background-position: -352px 0px;
 }

 .iti__flag.iti__ba {
     height: 10px;
     background-position: -374px 0px;
 }

 .iti__flag.iti__bb {
     height: 14px;
     background-position: -396px 0px;
 }

 .iti__flag.iti__bd {
     height: 12px;
     background-position: -418px 0px;
 }

 .iti__flag.iti__be {
     height: 15px;
     background-position: -440px 0px;
 }

 .iti__flag.iti__bf {
     height: 14px;
     background-position: -460px 0px;
 }

 .iti__flag.iti__bg {
     height: 12px;
     background-position: -482px 0px;
 }

 .iti__flag.iti__bh {
     height: 12px;
     background-position: -504px 0px;
 }

 .iti__flag.iti__bi {
     height: 12px;
     background-position: -526px 0px;
 }

 .iti__flag.iti__bj {
     height: 14px;
     background-position: -548px 0px;
 }

 .iti__flag.iti__bl {
     height: 14px;
     background-position: -570px 0px;
 }

 .iti__flag.iti__bm {
     height: 10px;
     background-position: -592px 0px;
 }

 .iti__flag.iti__bn {
     height: 10px;
     background-position: -614px 0px;
 }

 .iti__flag.iti__bo {
     height: 14px;
     background-position: -636px 0px;
 }

 .iti__flag.iti__bq {
     height: 14px;
     background-position: -658px 0px;
 }

 .iti__flag.iti__br {
     height: 14px;
     background-position: -680px 0px;
 }

 .iti__flag.iti__bs {
     height: 10px;
     background-position: -702px 0px;
 }

 .iti__flag.iti__bt {
     height: 14px;
     background-position: -724px 0px;
 }

 .iti__flag.iti__bv {
     height: 15px;
     background-position: -746px 0px;
 }

 .iti__flag.iti__bw {
     height: 14px;
     background-position: -768px 0px;
 }

 .iti__flag.iti__by {
     height: 10px;
     background-position: -790px 0px;
 }

 .iti__flag.iti__bz {
     height: 14px;
     background-position: -812px 0px;
 }

 .iti__flag.iti__ca {
     height: 10px;
     background-position: -834px 0px;
 }

 .iti__flag.iti__cc {
     height: 10px;
     background-position: -856px 0px;
 }

 .iti__flag.iti__cd {
     height: 15px;
     background-position: -878px 0px;
 }

 .iti__flag.iti__cf {
     height: 14px;
     background-position: -900px 0px;
 }

 .iti__flag.iti__cg {
     height: 14px;
     background-position: -922px 0px;
 }

 .iti__flag.iti__ch {
     height: 15px;
     background-position: -944px 0px;
 }

 .iti__flag.iti__ci {
     height: 14px;
     background-position: -961px 0px;
 }

 .iti__flag.iti__ck {
     height: 10px;
     background-position: -983px 0px;
 }

 .iti__flag.iti__cl {
     height: 14px;
     background-position: -1005px 0px;
 }

 .iti__flag.iti__cm {
     height: 14px;
     background-position: -1027px 0px;
 }

 .iti__flag.iti__cn {
     height: 14px;
     background-position: -1049px 0px;
 }

 .iti__flag.iti__co {
     height: 14px;
     background-position: -1071px 0px;
 }

 .iti__flag.iti__cp {
     height: 14px;
     background-position: -1093px 0px;
 }

 .iti__flag.iti__cr {
     height: 12px;
     background-position: -1115px 0px;
 }

 .iti__flag.iti__cu {
     height: 10px;
     background-position: -1137px 0px;
 }

 .iti__flag.iti__cv {
     height: 12px;
     background-position: -1159px 0px;
 }

 .iti__flag.iti__cw {
     height: 14px;
     background-position: -1181px 0px;
 }

 .iti__flag.iti__cx {
     height: 10px;
     background-position: -1203px 0px;
 }

 .iti__flag.iti__cy {
     height: 14px;
     background-position: -1225px 0px;
 }

 .iti__flag.iti__cz {
     height: 14px;
     background-position: -1247px 0px;
 }

 .iti__flag.iti__de {
     height: 12px;
     background-position: -1269px 0px;
 }

 .iti__flag.iti__dg {
     height: 10px;
     background-position: -1291px 0px;
 }

 .iti__flag.iti__dj {
     height: 14px;
     background-position: -1313px 0px;
 }

 .iti__flag.iti__dk {
     height: 15px;
     background-position: -1335px 0px;
 }

 .iti__flag.iti__dm {
     height: 10px;
     background-position: -1357px 0px;
 }

 .iti__flag.iti__do {
     height: 14px;
     background-position: -1379px 0px;
 }

 .iti__flag.iti__dz {
     height: 14px;
     background-position: -1401px 0px;
 }

 .iti__flag.iti__ea {
     height: 14px;
     background-position: -1423px 0px;
 }

 .iti__flag.iti__ec {
     height: 14px;
     background-position: -1445px 0px;
 }

 .iti__flag.iti__ee {
     height: 13px;
     background-position: -1467px 0px;
 }

 .iti__flag.iti__eg {
     height: 14px;
     background-position: -1489px 0px;
 }

 .iti__flag.iti__eh {
     height: 10px;
     background-position: -1511px 0px;
 }

 .iti__flag.iti__er {
     height: 10px;
     background-position: -1533px 0px;
 }

 .iti__flag.iti__es {
     height: 14px;
     background-position: -1555px 0px;
 }

 .iti__flag.iti__et {
     height: 10px;
     background-position: -1577px 0px;
 }

 .iti__flag.iti__eu {
     height: 14px;
     background-position: -1599px 0px;
 }

 .iti__flag.iti__fi {
     height: 12px;
     background-position: -1621px 0px;
 }

 .iti__flag.iti__fj {
     height: 10px;
     background-position: -1643px 0px;
 }

 .iti__flag.iti__fk {
     height: 10px;
     background-position: -1665px 0px;
 }

 .iti__flag.iti__fm {
     height: 11px;
     background-position: -1687px 0px;
 }

 .iti__flag.iti__fo {
     height: 15px;
     background-position: -1709px 0px;
 }

 .iti__flag.iti__fr {
     height: 14px;
     background-position: -1731px 0px;
 }

 .iti__flag.iti__ga {
     height: 15px;
     background-position: -1753px 0px;
 }

 .iti__flag.iti__gb {
     height: 10px;
     background-position: -1775px 0px;
 }

 .iti__flag.iti__gd {
     height: 12px;
     background-position: -1797px 0px;
 }

 .iti__flag.iti__ge {
     height: 14px;
     background-position: -1819px 0px;
 }

 .iti__flag.iti__gf {
     height: 14px;
     background-position: -1841px 0px;
 }

 .iti__flag.iti__gg {
     height: 14px;
     background-position: -1863px 0px;
 }

 .iti__flag.iti__gh {
     height: 14px;
     background-position: -1885px 0px;
 }

 .iti__flag.iti__gi {
     height: 10px;
     background-position: -1907px 0px;
 }

 .iti__flag.iti__gl {
     height: 14px;
     background-position: -1929px 0px;
 }

 .iti__flag.iti__gm {
     height: 14px;
     background-position: -1951px 0px;
 }

 .iti__flag.iti__gn {
     height: 14px;
     background-position: -1973px 0px;
 }

 .iti__flag.iti__gp {
     height: 14px;
     background-position: -1995px 0px;
 }

 .iti__flag.iti__gq {
     height: 14px;
     background-position: -2017px 0px;
 }

 .iti__flag.iti__gr {
     height: 14px;
     background-position: -2039px 0px;
 }

 .iti__flag.iti__gs {
     height: 10px;
     background-position: -2061px 0px;
 }

 .iti__flag.iti__gt {
     height: 13px;
     background-position: -2083px 0px;
 }

 .iti__flag.iti__gu {
     height: 11px;
     background-position: -2105px 0px;
 }

 .iti__flag.iti__gw {
     height: 10px;
     background-position: -2127px 0px;
 }

 .iti__flag.iti__gy {
     height: 12px;
     background-position: -2149px 0px;
 }

 .iti__flag.iti__hk {
     height: 14px;
     background-position: -2171px 0px;
 }

 .iti__flag.iti__hm {
     height: 10px;
     background-position: -2193px 0px;
 }

 .iti__flag.iti__hn {
     height: 10px;
     background-position: -2215px 0px;
 }

 .iti__flag.iti__hr {
     height: 10px;
     background-position: -2237px 0px;
 }

 .iti__flag.iti__ht {
     height: 12px;
     background-position: -2259px 0px;
 }

 .iti__flag.iti__hu {
     height: 10px;
     background-position: -2281px 0px;
 }

 .iti__flag.iti__ic {
     height: 14px;
     background-position: -2303px 0px;
 }

 .iti__flag.iti__id {
     height: 14px;
     background-position: -2325px 0px;
 }

 .iti__flag.iti__ie {
     height: 10px;
     background-position: -2347px 0px;
 }

 .iti__flag.iti__il {
     height: 15px;
     background-position: -2369px 0px;
 }

 .iti__flag.iti__im {
     height: 10px;
     background-position: -2391px 0px;
 }

 .iti__flag.iti__in {
     background-position: -2413px 0px;
 }

 .iti__flag.iti__io {
     height: 10px;
     background-position: -2435px 0px;
 }

 .iti__flag.iti__iq {
     height: 14px;
     background-position: -2457px 0px;
 }

 .iti__flag.iti__ir {
     height: 12px;
     background-position: -2479px 0px;
 }

 .iti__flag.iti__is {
     height: 15px;
     background-position: -2501px 0px;
 }

 .iti__flag.iti__it {
     height: 14px;
     background-position: -2523px 0px;
 }

 .iti__flag.iti__je {
     height: 12px;
     background-position: -2545px 0px;
 }

 .iti__flag.iti__jm {
     height: 10px;
     background-position: -2567px 0px;
 }

 .iti__flag.iti__jo {
     height: 10px;
     background-position: -2589px 0px;
 }

 .iti__flag.iti__jp {
     height: 14px;
     background-position: -2611px 0px;
 }

 .iti__flag.iti__ke {
     height: 14px;
     background-position: -2633px 0px;
 }

 .iti__flag.iti__kg {
     height: 12px;
     background-position: -2655px 0px;
 }

 .iti__flag.iti__kh {
     height: 13px;
     background-position: -2677px 0px;
 }

 .iti__flag.iti__ki {
     height: 10px;
     background-position: -2699px 0px;
 }

 .iti__flag.iti__km {
     height: 12px;
     background-position: -2721px 0px;
 }

 .iti__flag.iti__kn {
     height: 14px;
     background-position: -2743px 0px;
 }

 .iti__flag.iti__kp {
     height: 10px;
     background-position: -2765px 0px;
 }

 .iti__flag.iti__kr {
     height: 14px;
     background-position: -2787px 0px;
 }

 .iti__flag.iti__kw {
     height: 10px;
     background-position: -2809px 0px;
 }

 .iti__flag.iti__ky {
     height: 10px;
     background-position: -2831px 0px;
 }

 .iti__flag.iti__kz {
     height: 10px;
     background-position: -2853px 0px;
 }

 .iti__flag.iti__la {
     height: 14px;
     background-position: -2875px 0px;
 }

 .iti__flag.iti__lb {
     height: 14px;
     background-position: -2897px 0px;
 }

 .iti__flag.iti__lc {
     height: 10px;
     background-position: -2919px 0px;
 }

 .iti__flag.iti__li {
     height: 12px;
     background-position: -2941px 0px;
 }

 .iti__flag.iti__lk {
     height: 10px;
     background-position: -2963px 0px;
 }

 .iti__flag.iti__lr {
     height: 11px;
     background-position: -2985px 0px;
 }

 .iti__flag.iti__ls {
     height: 14px;
     background-position: -3007px 0px;
 }

 .iti__flag.iti__lt {
     height: 12px;
     background-position: -3029px 0px;
 }

 .iti__flag.iti__lu {
     height: 12px;
     background-position: -3051px 0px;
 }

 .iti__flag.iti__lv {
     height: 10px;
     background-position: -3073px 0px;
 }

 .iti__flag.iti__ly {
     height: 10px;
     background-position: -3095px 0px;
 }

 .iti__flag.iti__ma {
     height: 14px;
     background-position: -3117px 0px;
 }

 .iti__flag.iti__mc {
     height: 15px;
     background-position: -3139px 0px;
 }

 .iti__flag.iti__md {
     height: 10px;
     background-position: -3160px 0px;
 }

 .iti__flag.iti__me {
     height: 10px;
     background-position: -3182px 0px;
 }

 .iti__flag.iti__mf {
     height: 14px;
     background-position: -3204px 0px;
 }

 .iti__flag.iti__mg {
     height: 14px;
     background-position: -3226px 0px;
 }

 .iti__flag.iti__mh {
     height: 11px;
     background-position: -3248px 0px;
 }

 .iti__flag.iti__mk {
     height: 10px;
     background-position: -3270px 0px;
 }

 .iti__flag.iti__ml {
     height: 14px;
     background-position: -3292px 0px;
 }

 .iti__flag.iti__mm {
     height: 14px;
     background-position: -3314px 0px;
 }

 .iti__flag.iti__mn {
     height: 10px;
     background-position: -3336px 0px;
 }

 .iti__flag.iti__mo {
     height: 14px;
     background-position: -3358px 0px;
 }

 .iti__flag.iti__mp {
     height: 10px;
     background-position: -3380px 0px;
 }

 .iti__flag.iti__mq {
     height: 14px;
     background-position: -3402px 0px;
 }

 .iti__flag.iti__mr {
     height: 14px;
     background-position: -3424px 0px;
 }

 .iti__flag.iti__ms {
     height: 10px;
     background-position: -3446px 0px;
 }

 .iti__flag.iti__mt {
     height: 14px;
     background-position: -3468px 0px;
 }

 .iti__flag.iti__mu {
     height: 14px;
     background-position: -3490px 0px;
 }

 .iti__flag.iti__mv {
     height: 14px;
     background-position: -3512px 0px;
 }

 .iti__flag.iti__mw {
     height: 14px;
     background-position: -3534px 0px;
 }

 .iti__flag.iti__mx {
     height: 12px;
     background-position: -3556px 0px;
 }

 .iti__flag.iti__my {
     height: 10px;
     background-position: -3578px 0px;
 }

 .iti__flag.iti__mz {
     height: 14px;
     background-position: -3600px 0px;
 }

 .iti__flag.iti__na {
     height: 14px;
     background-position: -3622px 0px;
 }

 .iti__flag.iti__nc {
     height: 10px;
     background-position: -3644px 0px;
 }

 .iti__flag.iti__ne {
     height: 15px;
     background-position: -3666px 0px;
 }

 .iti__flag.iti__nf {
     height: 10px;
     background-position: -3686px 0px;
 }

 .iti__flag.iti__ng {
     height: 10px;
     background-position: -3708px 0px;
 }

 .iti__flag.iti__ni {
     height: 12px;
     background-position: -3730px 0px;
 }

 .iti__flag.iti__nl {
     height: 14px;
     background-position: -3752px 0px;
 }

 .iti__flag.iti__no {
     height: 15px;
     background-position: -3774px 0px;
 }

 .iti__flag.iti__np {
     height: 15px;
     background-position: -3796px 0px;
 }

 .iti__flag.iti__nr {
     height: 10px;
     background-position: -3811px 0px;
 }

 .iti__flag.iti__nu {
     height: 10px;
     background-position: -3833px 0px;
 }

 .iti__flag.iti__nz {
     height: 10px;
     background-position: -3855px 0px;
 }

 .iti__flag.iti__om {
     height: 10px;
     background-position: -3877px 0px;
 }

 .iti__flag.iti__pa {
     height: 14px;
     background-position: -3899px 0px;
 }

 .iti__flag.iti__pe {
     height: 14px;
     background-position: -3921px 0px;
 }

 .iti__flag.iti__pf {
     height: 14px;
     background-position: -3943px 0px;
 }

 .iti__flag.iti__pg {
     height: 15px;
     background-position: -3965px 0px;
 }

 .iti__flag.iti__ph {
     height: 10px;
     background-position: -3987px 0px;
 }

 .iti__flag.iti__pk {
     height: 14px;
     background-position: -4009px 0px;
 }

 .iti__flag.iti__pl {
     height: 13px;
     background-position: -4031px 0px;
 }

 .iti__flag.iti__pm {
     height: 14px;
     background-position: -4053px 0px;
 }

 .iti__flag.iti__pn {
     height: 10px;
     background-position: -4075px 0px;
 }

 .iti__flag.iti__pr {
     height: 14px;
     background-position: -4097px 0px;
 }

 .iti__flag.iti__ps {
     height: 10px;
     background-position: -4119px 0px;
 }

 .iti__flag.iti__pt {
     height: 14px;
     background-position: -4141px 0px;
 }

 .iti__flag.iti__pw {
     height: 13px;
     background-position: -4163px 0px;
 }

 .iti__flag.iti__py {
     height: 11px;
     background-position: -4185px 0px;
 }

 .iti__flag.iti__qa {
     height: 8px;
     background-position: -4207px 0px;
 }

 .iti__flag.iti__re {
     height: 14px;
     background-position: -4229px 0px;
 }

 .iti__flag.iti__ro {
     height: 14px;
     background-position: -4251px 0px;
 }

 .iti__flag.iti__rs {
     height: 14px;
     background-position: -4273px 0px;
 }

 .iti__flag.iti__ru {
     height: 14px;
     background-position: -4295px 0px;
 }

 .iti__flag.iti__rw {
     height: 14px;
     background-position: -4317px 0px;
 }

 .iti__flag.iti__sa {
     height: 14px;
     background-position: -4339px 0px;
 }

 .iti__flag.iti__sb {
     height: 10px;
     background-position: -4361px 0px;
 }

 .iti__flag.iti__sc {
     height: 10px;
     background-position: -4383px 0px;
 }

 .iti__flag.iti__sd {
     height: 10px;
     background-position: -4405px 0px;
 }

 .iti__flag.iti__se {
     height: 13px;
     background-position: -4427px 0px;
 }

 .iti__flag.iti__sg {
     height: 14px;
     background-position: -4449px 0px;
 }

 .iti__flag.iti__sh {
     height: 10px;
     background-position: -4471px 0px;
 }

 .iti__flag.iti__si {
     height: 10px;
     background-position: -4493px 0px;
 }

 .iti__flag.iti__sj {
     height: 15px;
     background-position: -4515px 0px;
 }

 .iti__flag.iti__sk {
     height: 14px;
     background-position: -4537px 0px;
 }

 .iti__flag.iti__sl {
     height: 14px;
     background-position: -4559px 0px;
 }

 .iti__flag.iti__sm {
     height: 15px;
     background-position: -4581px 0px;
 }

 .iti__flag.iti__sn {
     height: 14px;
     background-position: -4603px 0px;
 }

 .iti__flag.iti__so {
     height: 14px;
     background-position: -4625px 0px;
 }

 .iti__flag.iti__sr {
     height: 14px;
     background-position: -4647px 0px;
 }

 .iti__flag.iti__ss {
     height: 10px;
     background-position: -4669px 0px;
 }

 .iti__flag.iti__st {
     height: 10px;
     background-position: -4691px 0px;
 }

 .iti__flag.iti__sv {
     height: 12px;
     background-position: -4713px 0px;
 }

 .iti__flag.iti__sx {
     height: 14px;
     background-position: -4735px 0px;
 }

 .iti__flag.iti__sy {
     height: 14px;
     background-position: -4757px 0px;
 }

 .iti__flag.iti__sz {
     height: 14px;
     background-position: -4779px 0px;
 }

 .iti__flag.iti__ta {
     height: 10px;
     background-position: -4801px 0px;
 }

 .iti__flag.iti__tc {
     height: 10px;
     background-position: -4823px 0px;
 }

 .iti__flag.iti__td {
     height: 14px;
     background-position: -4845px 0px;
 }

 .iti__flag.iti__tf {
     height: 14px;
     background-position: -4867px 0px;
 }

 .iti__flag.iti__tg {
     height: 13px;
     background-position: -4889px 0px;
 }

 .iti__flag.iti__th {
     height: 14px;
     background-position: -4911px 0px;
 }

 .iti__flag.iti__tj {
     height: 10px;
     background-position: -4933px 0px;
 }

 .iti__flag.iti__tk {
     height: 10px;
     background-position: -4955px 0px;
 }

 .iti__flag.iti__tl {
     height: 10px;
     background-position: -4977px 0px;
 }

 .iti__flag.iti__tm {
     height: 14px;
     background-position: -4999px 0px;
 }

 .iti__flag.iti__tn {
     height: 14px;
     background-position: -5021px 0px;
 }

 .iti__flag.iti__to {
     height: 10px;
     background-position: -5043px 0px;
 }

 .iti__flag.iti__tr {
     height: 14px;
     background-position: -5065px 0px;
 }

 .iti__flag.iti__tt {
     height: 12px;
     background-position: -5087px 0px;
 }

 .iti__flag.iti__tv {
     height: 10px;
     background-position: -5109px 0px;
 }

 .iti__flag.iti__tw {
     height: 14px;
     background-position: -5131px 0px;
 }

 .iti__flag.iti__tz {
     height: 14px;
     background-position: -5153px 0px;
 }

 .iti__flag.iti__ua {
     height: 14px;
     background-position: -5175px 0px;
 }

 .iti__flag.iti__ug {
     height: 14px;
     background-position: -5197px 0px;
 }

 .iti__flag.iti__um {
     height: 11px;
     background-position: -5219px 0px;
 }

 .iti__flag.iti__un {
     height: 14px;
     background-position: -5241px 0px;
 }

 .iti__flag.iti__us {
     height: 11px;
     background-position: -5263px 0px;
 }

 .iti__flag.iti__uy {
     height: 14px;
     background-position: -5285px 0px;
 }

 .iti__flag.iti__uz {
     height: 10px;
     background-position: -5307px 0px;
 }

 .iti__flag.iti__va {
     height: 15px;
     background-position: -5329px 0px;
 }

 .iti__flag.iti__vc {
     height: 14px;
     background-position: -5346px 0px;
 }

 .iti__flag.iti__ve {
     height: 14px;
     background-position: -5368px 0px;
 }

 .iti__flag.iti__vg {
     height: 10px;
     background-position: -5390px 0px;
 }

 .iti__flag.iti__vi {
     height: 14px;
     background-position: -5412px 0px;
 }

 .iti__flag.iti__vn {
     height: 14px;
     background-position: -5434px 0px;
 }

 .iti__flag.iti__vu {
     height: 12px;
     background-position: -5456px 0px;
 }

 .iti__flag.iti__wf {
     height: 14px;
     background-position: -5478px 0px;
 }

 .iti__flag.iti__ws {
     height: 10px;
     background-position: -5500px 0px;
 }

 .iti__flag.iti__xk {
     height: 15px;
     background-position: -5522px 0px;
 }

 .iti__flag.iti__ye {
     height: 14px;
     background-position: -5544px 0px;
 }

 .iti__flag.iti__yt {
     height: 14px;
     background-position: -5566px 0px;
 }

 .iti__flag.iti__za {
     height: 14px;
     background-position: -5588px 0px;
 }

 .iti__flag.iti__zm {
     height: 14px;
     background-position: -5610px 0px;
 }

 .iti__flag.iti__zw {
     height: 10px;
     background-position: -5632px 0px;
 }

 .iti__flag {
     height: 15px;
     box-shadow: 0px 0px 1px 0px #888;
     background-image: url("../img/flags.png");
     background-repeat: no-repeat;
     background-color: #DBDBDB;
     background-position: 20px 0;
 }

 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
     .iti__flag {
         /*background-image: url("../img/flags@2x.png");
        */
     }
 }

 .iti__flag.iti__np {
     background-color: transparent;
 }

 /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 #footer {
     background: #F1F9FF;
     padding: 0 0 15px 0;
     color: #161616;
     font-size: 14px;
 }

 #footer .footer-top {
     padding: 60px 0 30px 0;
 }

 #footer .footer-top .footer-info {
     margin-bottom: 30px;
 }

 .footerLogo {
     margin-bottom: 20px;
 }

 .footerLogo a img {
     max-width: 155px;
 }

 #footer .footer-top .footer-info h3 {
     font-size: 24px;
     margin: 0 0 20px 0;
     padding: 2px 0 2px 0;
     line-height: 1;
     font-weight: 700;
 }

 #footer .footer-top .footer-info p {
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 0;
     color: #666;
 }

 #footer .footer-top .footer-info .socia-icon img:hover {
     filter: invert(9);
 }

 #footer .footer-top .footer-info .socia-icon ul li {
     margin: 25px 15px 25px 0px;
 }

 .addressBlock {
     /* padding-right: 20%; */
     margin-bottom: 30px;
 }

 .addressBlock h5 {
     font-size: 18px;
     font-weight: 500;
     text-transform: capitalize;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
 }

 .addressBlock h5 img {
     width: 24px;
     border-radius: 3px;
     margin-right: 10px;
 }

 .addresHolder {
     display: flex;
     gap: 10px;
 }

 .addresHolder span {
     margin: 0 10px 0 0;
 }

 .addresHolder span img {
     max-width: 13px;
     width: 13px;
 }

 .addres p {
     font-size: 15px;
     margin-bottom: 5px;
     font-weight: 500;
 }

 .addres p:last-child {
     color: #666;
 }

 .mT20 {
     margin-top: 20px !important;
 }

 #footer .footer-bottom {
     border-bottom: 1px solid #C9C9C9;
     padding-bottom: 20px;
 }

 #footer .footer-bottom .footer-links {
     margin-bottom: 30px;
 }

 #footer .footer-bottom .footer-links h4 {
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 20px;
     padding-left: 30px;
     min-height: auto;
 }

 #footer .footer-bottom .footer-links ul {
     list-style: none;
     margin: 0;
     font-weight: 500;
     color: #666;
     font-size: 15px;
 }

 #footer .footer-bottom .footer-links ul li {
     padding: 8px 0;
     display: flex;
     align-items: center;
 }

 #footer .footer-bottom .footer-links ul li:first-child {
     padding-top: 0;
 }

 #footer .footer-bottom .footer-links ul a {
     color: #666;
     transition: 0.3s;
     display: inline-block;
     line-height: 1;
 }

 #footer .footer-bottom .footer-links ul a:hover {
     color: #000;
 }

 .pt18 {
     padding-top: 18px;
 }

 #footer .footer-bottom .footer-contact-info h4 {
     font-size: 16px;
     color: #000000;
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     font-weight: 500;
     min-height: auto;
 }

 #footer .footer-bottom .footer-contact-info h4 img {
     width: 14px;
     margin-right: 10px;
     height: 16px;
 }

 .cont-det img {
     width: 18px;
 }

 .cont-det p {
     margin: 0;
     opacity: 0.8;
     font-weight: 500;
     font-size: 14px;
 }

 .footer-contact-info .cont-det:last-child p {
     font-size: 16px;
 }

 #footer .copyright {
     text-align: center;
     padding-top: 15px;
     opacity: 0.7;
     font-weight: 500;
 }

 /*============ Inner Page Css ===============*/
 .inner-page-header .navbar a,
 .inner-page-header .navbar a:focus {
     color: #fff;
     border-bottom: 3px solid transparent;
 }

 .inner-page-header .navbar a:hover,
 .inner-page-header .navbar a.active {
     border-bottom: 3px solid #fff;
 }

 .inner-page-header .navbar a:hover,
 .inner-page-header .navbar .active,
 .inner-page-header .navbar .active:focus,
 .inner-page-header .navbar li:hover>a {
     color: #fff;
 }

 .inner-page-header .languageDiv select {
     color: #fff;
     border-radius: 0
 }

 .inner-page-header .languageDiv select option {
     color: #000;
 }

 .inner-page-header .languageDiv select:focus {
     outline: none;
 }

 .inner-page-header .navbar-mobile a,
 .inner-page-header .navbar-mobile a:focus {
     color: #1f3548 !important;
     border: 0;
 }

 .inner-page-header.fixed-top .navbar a {
     color: #000;
 }

 .inner-page-header.fixed-top .navbar a:hover {
     color: #000;
 }

 .inner-page-header.fixed-top .navbar a:hover,
 .inner-page-header.fixed-top .navbar a.active {
     border-bottom: 3px solid #000;
     color: #000;
 }

 .inner-page-header.fixed-top .navbar:hover {
     color: #000;
 }

 .inner-page-header.fixed-top .languageDiv select {
     color: #000;
 }

 .inner-page-banner {
     position: relative;
 }

 .inner-page-banner img {
     width: 100%;
     opacity: 0.5;
 }

 #hero.inner-page-banner::before {
     content: "";
     background: linear-gradient(180deg, rgba(2, 22, 40, 0.6) 100%, transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 #hero.inner-page-banner h1 {
     color: #fff;
     font-size: 50px;
     font-weight: 900;
     /*text-transform: uppercase;*/
     margin-bottom: 30px;
 }

 #hero.inner-page-banner h1 span {
     display: inline-block;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #hero.inner-page-banner p {
     color: #fff;
     margin-bottom: 0;
     font-size: 20px;
 }

 #hero.inner-page-banner .carousel-container {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     overflow: hidden;
 }

 #hero.inner-page-banner {
     /*height: 120vh;*/
     height: 580px;
 }

 /*============ About Page Css ===============*/
 .about-section {
     position: relative;
 }

 .about-section::before {
     content: "";
     background: rgb(195, 224, 245);
     background: linear-gradient(176deg, rgba(195, 224, 245, 1) 24%, rgba(173, 208, 235, 1) 66%);
     position: absolute;
     height: 100%;
     width: 410px;
     top: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
     z-index: 0;
 }

 .left-about-sec h6 {
     font-size: 18px;
     font-weight: 500;
     color: #428BC1;
     text-transform: capitalize;
     margin-bottom: 30px;
     opacity: 0.9;
     position: relative;
     padding-left: 80px;
 }

 .left-about-sec h6::before {
     content: " ";
     display: block;
     height: 2px;
     width: 65px;
     position: absolute;
     top: 50%;
     left: 0;
     background: #428BC1;
 }

 .left-about-sec h3 {
     font-size: 31px;
     font-weight: 900;
     text-transform: inherit;
     margin-bottom: 30px;
     opacity: 0.9;
 }

 .left-about-sec p {
     font-size: 18px;
     opacity: 0.8;
     margin-bottom: 30px;
 }

 .left-about-sec .btnAbout {
     padding: 10px 21px !important;
     font-size: 15px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff  !important;
     border-radius: 10px;
     max-width: 200px;
     height: 50px;
     text-align: center;
     background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .left-about-sec .btnAbout i {
     font-size: 24px;
     margin-left: 10px;
 }

 .left-about-sec .btnAbout:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .left-about-sec .btnAbout:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .left-about-sec .btnAbout:hover:after {
     left: 0;
 }

 .left-about-sec .btnAbout:hover {
     color: #fff;
 }

 .right-about-sec {
     position: relative;
 }

 .right-about-sec img {
     width: 100%;
     border-radius: 15px;
     -webkit-box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
     -moz-box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
     box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
 }

 .about-number-section {
     padding-bottom: 170px;
     max-height: 524px;
     min-height: 524px;
 }

 .about-number-section::before {
     content: "";
     background: rgb(195, 224, 245);
     background: linear-gradient(176deg, rgba(0, 28, 50, 0.8) 24%, rgba(0, 28, 50, 0.8) 66%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
     z-index: 0;
 }

 .about-number-section .section-title {
     position: relative;
     margin: 40px 0 60px;
 }

 .about-number-section .section-title h3 {
     font-size: 29px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     /*text-transform: uppercase;*/
 }

 .about-number-section .section-title h3 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .about-number-section .section-title p {
     color: #fff;
     padding: 0 22%;
     font-size: 18px;
 }

 .about-number-section .btnFontQuote2 {
     margin: 0 auto;
 }

 .aboutCount-section {
     padding: 0 0 60px;
     margin-top: -90px;
 }

 .aboutCount-section .counts .count-box {
     background: #fff;
     border-radius: 10px;
     /*padding:30px 10px;*/
     -webkit-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.19);
     box-shadow: 0px 0px 16px -2px rgba(0, 0, 0, 0.19);
 }

 .aboutCount-section .counts .count-box p {
     font-size: 18px;
 }

 .coFounders-section {
     padding-top: 0;
     position: relative;
     width: 100%;
     min-height: 100vh;
     margin: 0 auto;
     overflow: hidden;
 }

 .coFounders-section::after {
     content: "";
     position: absolute;
     z-index: -1;
     background: linear-gradient(145deg, #C3E0F5, #ADD0EB);
     padding-bottom: 141.42136%;
     width: 100%;
     bottom: 150px;
     right: -100px;
     transform: rotate(-74.5deg);
     transform-origin: right bottom;
 }

 .coFounders-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform: uppercase;*/
 }

 .coFounderHolder {
     display: flex;
     position: relative;
     justify-content: center;
     align-items: center;
 }

 .coFoundersBlock {
     width: 452px;
     background: #fff;
     overflow: hidden;
     border-radius: 15px;
     margin: 0 20px;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
 }

 .coFoundersBlock img {
     width: 100%;
 }

 .socialIc {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     width: 70px;
     height: 70px;
     border-radius: 50%;
     position: relative;
     margin-top: -40px;
     float: right;
     right: 20px;
 }

 .socialIc a {
     background: #fff;
     padding: 18px;
     float: right;
     margin-top: 0px;
     border-radius: 50%;
     right: 20px;
     box-shadow: inset 0 0 0 0 #203b68;
     -webkit-transition: ease-out 0.4s;
     -moz-transition: ease-out 0.4s;
     transition: ease-out 0.4s;
 }

 .socialIc a img {
     width: 100%;
 }

 .socialIc a:hover {
     box-shadow: inset 0 0 0 50px #203b68;
 }

 .socialIc a:hover img {
     filter: brightness(0) invert(1);
 }

 .founderContent {
     padding: 0px 30px 20px;
     text-align: center;
     display: inline-block;
     min-height: 359px;
 }

 .founderContent h4 {
     font-size: 20px;
     text-transform: uppercase;
     color: #004083;
     font-weight: 600;
 }

 .founderContent h6 {
     font-size: 14px;
 }

 .founderContent p {
     opacity: 0.7;
     font-size: 18px;
 }

 .weAreAxius-section {
     background: rgb(23, 38, 77);
     background: linear-gradient(133deg, rgba(23, 38, 77, 1) 0%, rgba(47, 92, 146, 1) 83%);
 }

 .weAreAxius-section h3 {
     font-size: 31px;
     color: #fff;
     font-weight: 900;
     text-transform: inherit;
 }

 .weAreAxius-section h3 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .tabHolder .nav-tabs {
     justify-content: space-around;
     border: 0;
     font-weight: normal;
     display: flex;
     justify-content: space-between;
 }

 .tabHolder .nav-tabs {
     border: 0;
 }

 .tabHolder .nav-tabs button {
     color: #fff;
     padding: 0;
     font-size: 16px;
     border: 0;
     outline: 0;
     font-size: 20px;
     padding-bottom: 10px;
     opacity: 0.69;
 }

 .tabHolder .nav-tabs button:hover,
 .tabHolder .nav-tabs button:focus {
     border: 0;
     outline: 0;
 }

 .tabHolder .nav-tabs .nav-item.show .nav-link,
 .tabHolder .nav-tabs .nav-link.active {
     color: #fff;
     background-color: transparent;
     border-bottom: 2px solid #fff;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     opacity: 1;
     font-weight: bold;
 }

 .cust-tab {
     margin-top: 20px;
     padding: 0 !important;
 }

 .cust-tab .accordion-item {
     background: none;
     border: 0;
 }

 .cust-tab .accordion-item .accordion-body {
     padding: 0;
 }

 .cust-tab .tabLeft h4 {
     color: #fff;
     font-weight: bold;
     font-size: 29px;
     text-transform: capitalize;
     margin-bottom: 30px;
     margin-top: 20px;
 }

 .cust-tab .tabLeft p {
     color: #fff;
     font-size: 18px;
     line-height: 30px;
 }

 .cust-tab .tabLeft ul {
     list-style: none;
     padding: 0 15% 0 0;
     margin: 0;
 }

 .cust-tab .tabLeft ul li {
     color: #fff;
     font-size: 16px;
     margin: 15px 0 15px 15px;
     position: relative;
     opacity: 0.8;
     text-indent: -0.75em;
 }

 .cust-tab .tabLeft ul li::before {
     display: inline-block;
     content: '';
     -webkit-border-radius: 40px;
     border-radius: 40px;
     height: 7px;
     width: 7px;
     margin-right: 0.5rem;
     background: linear-gradient(to right, #FED23C, #FFA44A);
 }

 .cust-tab .tabRight {
     background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     background: linear-gradient(135deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#174EA0', GradientType=1);
 }

 .cust-tab .tabRight img {
     width: 100%;
     border-radius: 12px;
     opacity: 0.9;
 }

 .stayUpdate-section {
     padding-bottom: 0;
     padding-top: 30px;
     background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(65, 138, 192, 1) 98%, rgba(66, 139, 193, 1) 100%);
     background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(65, 138, 192, 1) 98%, rgba(66, 139, 193, 1) 100%);
     background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(65, 138, 192, 1) 98%, rgba(66, 139, 193, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#428bc1', GradientType=0);
 }

 .stayUpdate-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform: uppercase;*/
     text-align: center;
 }

 .stayUpdate-section h3 span {
     color: #174EA0;
     opacity: 1;
 }

 .updateBlock {}

 .updateDivBlock {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 16px 0 0px;
 }

 .updateDivBlock h4 {
     padding: 10px 30px 30px;
     color: #fff;
     position: absolute;
     bottom: 100px;
     width: 100%;
     margin: 0;
     z-index: 5;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: bold;
     text-align: left;
     font-size: 18px;
     line-height: 28px;
 }

 .updateDivBlock::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: -moz-linear-gradient(top, rgba(0, 30, 54, 0) 1%, rgba(0, 27, 49, 0) 29%, rgba(0, 23, 42, 0.6) 70%, rgba(0, 20, 36, 1) 101%);
     background: -webkit-linear-gradient(top, rgba(0, 30, 54, 0) 1%, rgba(0, 27, 49, 0) 29%, rgba(0, 23, 42, 0.6) 70%, rgba(0, 20, 36, 1) 101%);
     background: linear-gradient(to bottom, rgba(0, 30, 54, 0) 1%, rgba(0, 27, 49, 0) 29%, rgba(0, 23, 42, 0.6) 70%, rgba(0, 20, 36, 1) 101%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00001e36', endColorstr='#001424', GradientType=0);
     opacity: 0.95;
     border-radius: 15px;
     z-index: 1;
 }

 .update-img {
     overflow: hidden;
     position: relative;
 }

 .update-img img {
     width: 100%;
     transition: all ease-in-out 0.4s;
 }

 .updateDivBlock:hover img {
     transform: scale(1.2);
 }

 .updateDivBlock h4 span {
     padding: 0px;
     color: #fff;
     position: absolute;
     bottom: 100%;
     width: auto;
     border-radius: 60px;
     display: inline-block;
     margin: 0 0 10px;
     z-index: 6;
     font-size: 31px !important;
     text-transform: capitalize;
     font-weight: 600;
     text-align: left;
     font-size: 18px;
     line-height: 28px;
 }

 .overlayConent {
     position: absolute;
     width: 100%;
     bottom: 0;
     height: 100%;
 }

 .overlayConent .btnFontQuote3 {
     padding: 10px 21px !important;
     font-size: 17px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff !important;
     border-radius: 10px;
     /*max-width: 168px;*/
     /*height: 50px;*/
     text-align: center;
     background: #174EA0;
     position: absolute;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     bottom: 60px;
     left: 30px;
 }

 .no-gurter {
     margin: 0;
     padding: 0;
 }

 .career-section {
     position: relative;
     padding: 100px 0;
 }

 .career-section::before {
     content: "";
     background: rgb(195, 224, 245);
     background: linear-gradient(176deg, rgba(195, 224, 245, 1) 24%, rgba(173, 208, 235, 1) 66%);
     position: absolute;
     height: 100%;
     width: 410px;
     top: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
     z-index: 0;
 }

 .careerHolder {
     background: #fff;
     border-radius: 15px;
     -webkit-box-shadow: 0px 0px 157px 0px rgba(207, 225, 237, 1);
     -moz-box-shadow: 0px 0px 157px 0px rgba(207, 225, 237, 1);
     box-shadow: 0px 0px 157px 0px rgba(207, 225, 237, 1);
 }

 .careerLeft {
     position: relative;
     background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     background: linear-gradient(135deg, rgba(30, 87, 153, 0) 0%, rgba(1, 82, 146, 1) 98%, rgba(0, 82, 146, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#174EA0', GradientType=1);
 }

 .careerLeft img {
     width: 100%;
     opacity: 0.7;
     border-radius: 15px 0 0 15px;
 }

 .careerRight {
     padding: 0 20px;
 }

 .careerRight h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform: uppercase;*/
 }

 .careerRight h3 span {
     color: #174EA0;
     opacity: 1;
 }

 .careerRight p {
     opacity: .69;
     margin-bottom: 30px;
     font-size: 18px;
 }

 /*====== Css For Live Site =======*/
 .ubermenu-skin-trans-black .ubermenu-item-level-0>.ubermenu-target {
     font-size: 14px !important;
 }

 .ubermenu-nojs.ubermenu-skin-trans-black .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover>.ubermenu-target,
 .ubermenu-skin-trans-black .ubermenu-submenu .ubermenu-tab.ubermenu-active>.ubermenu-target {
     background: #333 url(https://axiussoftware.com/wp-content/uploads/2022/11/menu-arrow.png) no-repeat center right !important;
     background-size: 6px !important;
 }

 .ubermenu-skin-trans-black .ubermenu-submenu .ubermenu-item-header>.ubermenu-target {
     font-weight: normal !important;
     color: #c9c9ce !important;
 }

 .ubermenu .ubermenu-nav .ubermenu-column-3-4 {
     width: 75% !important;
 }

 .ubermenu-skin-trans-black .ubermenu-tabs-group {
     border-color: transparent !important;
 }

 .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
     top: 30px !important;
 }

 .ubermenu-desktop .ubermenu-tab>.ubermenu-target {
     border-bottom: 1px solid #494c4d !important;
     padding-left: 10px !important;
 }

 .contactForm .intl-tel-input {
     margin-bottom: 0;
 }

 .contactForm .intl-tel-input .country-list {
     z-index: 99;
 }

 .contactForm .intl-tel-input .country-list .country {
     color: #000;
 }

 .contactForm .checkBoxDiv .wpcf7-list-item {
     margin: 0;
 }

 .ubermenu-skin-grey-white.ubermenu-responsive-toggle {
     color: #000 !important;
     background: transparent !important;
     font-size: 20px !important;
     margin-top: 0 !important;
     position: absolute !important;
 }

 .ubermenu .ubermenu-target-text {
     /*text-transform: uppercase;
    */
     color: #161616;
 }

 #wechatModal .modal-body {
     background: #fff;
 }

 /*====== Css For Live Site 27.07.2023 =======*/
 .inner-page-header .ubermenu.ubermenu-desktop .ubermenu-target-text {
     color: #fff;
     font-size: 16px;
 }

 .inner-page-header.fixed-top .ubermenu.ubermenu-desktop>ul>li>a>.ubermenu-target-text {
     color: #000;
 }

 body.home .ubermenu.ubermenu-desktop .ubermenu-target-text {
     color: #000;
     font-size: 16px;
 }

 body.home .languageDiv select {
     color: #000;
 }

 .ubermenu-skin-trans-black .ubermenu-item-level-0>.ubermenu-target {
     box-shadow: none !important;
 }

 body.home .inner-page-header .ubermenu.ubermenu-desktop .ubermenu-submenu .ubermenu-target-text {
     color: #fff;
 }

 body.home .inner-page-header.fixed-top .ubermenu.ubermenu-desktop .ubermenu-submenu .ubermenu-target-text {
     color: #fff;
 }

 /*====== Service Page Css =======*/
 #hero.service-banner {
     /*height: 120vh !important;*/
     position: relative;
     background-position: top right !important;
 }

 #hero.service-banner::before {
     content: "";
     background: linear-gradient(90deg, rgba(2, 22, 40, 0.4) 20%, transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 #hero.service-banner .carousel-container {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     overflow: hidden;
 }

 #hero.service-banner h1 {
     color: #fff;
     font-size: 40px;
     font-weight: 700;
     /*text-transform: uppercase;*/
     margin-bottom: 30px;
 }

 #hero.service-banner h1 span {
     display: initial;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #hero.service-banner p {
     color: #fff;
     margin-bottom: 50px;
     font-size: 18px;
 }

 .leftsConnect {
     padding: 10px 21px !important;
     font-size: 17px;
     font-weight: 600;
     color: #fff !important;
     border-radius: 10px;
     max-width: 224px;
     /*height: 47px;*/
     text-align: center;
     background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     text-transform: capitalize;
 }

 .leftsConnect img {
     width: 20px;
     margin-right: 10px;
 }

 .leftsConnect:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .leftsConnect:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .leftsConnect:hover:after {
     left: 0;
 }

 .leftsConnect:hover {
     color: #fff;
 }

 .leftsConnect i {
     font-size: 24px;
     margin-left: 10px;
 }

 .web-development-section {
     background-position: top right !important;
 }

 .web-development-section .serviceLeft {
     position: relative;
     margin: 0;
 }

 .web-development-section .serviceLeft h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     text-transform: uppercase;
 }

 .web-development-section .serviceLeft h2 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     /*text-transform: uppercase;*/
 }

 .web-development-section .serviceLeft h3 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .web-development-section .serviceLeft h2 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .web-development-section .serviceLeft p {
     color: #fff;
     opacity: 0.8;
     position: relative;
     font-size: 18px;
     padding-right: 20px;
     width: 70%;
 }

 .serviceBlockDiv {
     margin: 15px 0 30px;
 }

 .serviceBlockDiv h3 {
     font-size: 42px;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .serviceBlockDiv p {}

 .serviceBlockDiv p a {
     font-size: 16px;
     opacity: 1 !important;
     font-weight: 500;
     line-height: 20px;
     color: #fff;
     display: inline-block;
 }

 .serviceBlockDiv p a:hover {
     color: #236ec7;
 }

 .serviceBlockDiv p a i {
     font-size: 20px;
     vertical-align: middle;
     display: none;
 }

 .serviceBlockDiv p a i::before {
     font-weight: bold !important;
 }

 .serviceBlockDiv p a img {
     width: 16px;
     position: absolute;
     right: 150px;
     top: -14px;
 }

 .serviceBlockDiv p a img:hover {
     filter: invert(0) sepia(1) saturate(0) hue-rotate(175deg);
 }

 .technology-section {
     background: -moz-linear-gradient(top, rgba(202, 223, 239, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-linear-gradient(top, rgba(202, 223, 239, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to bottom, rgba(202, 223, 239, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cadfef', endColorstr='#00ffffff', GradientType=0);
 }

 .technology-section h3 {
     font-size: 31px;
     font-weight: 900;
     /*text-transform: uppercase;*/
     /*margin-bottom: 30px;*/
     
 }

 .technology-section h3 span {
     color: #004083;
     opacity: 1;
 }

 .technology-section h2 span {
     color: #174EA0;
     opacity: 1;
 }

 .serviceTabHolder .nav-tabs {
     justify-content: space-around;
     border: 0;
     font-weight: normal;
     display: flex;
     justify-content: space-between;
 }

 .serviceTabHolder .nav-tabs {
     border: 0;
 }

 .serviceTabHolder .nav-tabs button {
     color: #000;
     padding: 0;
     font-size: 18px;
     border: 0;
     outline: 0;
     padding-bottom: 10px;
     opacity: 0.69;
 }

 .serviceTabHolder .nav-tabs button:hover,
 .serviceTabHolder .nav-tabs button:focus {
     border: 0;
     outline: 0;
 }

 .serviceTabHolder .nav-tabs .nav-item.show .nav-link,
 .serviceTabHolder .nav-tabs .nav-link.active {
     color: #FFA44A;
     background-color: transparent;
     border-bottom: 3px solid #FFA44A;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     opacity: 1;
     font-weight: bold;
 }

 .serviceTabLeft {
     background: #F4FBFE;
     border-radius: 15px;
     padding: 40px;
     height: 100%;
     -webkit-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
 }

 .serviceTabLeft h4 {
     font-size: 31px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .serviceTabLeft h2 {
     font-size: 31px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .serviceTabLeft p {
     opacity: 0.8;
     margin-bottom: 35px;
     padding-right: 15%;
     font-size: 18px
 }

 .serviceTabLeft ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .serviceTabLeft ul li {
     padding: 0px 0 15px;
     font-size: 16px;
 }

 .serviceTabLeft ul li img {
     width: 20px;
     margin-right: 10px;
 }

 .serviceTabRight {}

 .techBlock {
     margin: 12px 0;
     width: 19%;
     text-align: center;
     display: inline-block;
     vertical-align: top;
 }

 .techBlock img {
     margin-bottom: 15px;
     width: 40px;
 }

 .techBlock h6 {
     font-size: 14px;
 }

 .engagement-model-section {
     background: -moz-linear-gradient(bottom, rgba(202, 223, 239, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-linear-gradient(bottom, rgba(202, 223, 239, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to top, rgba(202, 223, 239, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cadfef', endColorstr='#00ffffff', GradientType=0);
 }

 .engagement-model-section .container {
     max-width: 90%;
 }

 .engagement-model-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform: uppercase;*/
 }

 .engagement-model-section h3 span {
     color: #004083;
     opacity: 1;
 }

 .modelBlock {
     background: #fff;
     border-radius: 15px;
     padding: 30px 40px 10px;
     min-height: 350px;
     margin-bottom: 20px;
     -webkit-box-shadow: 0px 0px 143px 0px rgba(0, 0, 0, 0.07);
     -moz-box-shadow: 0px 0px 143px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 143px 0px rgba(0, 0, 0, 0.07);
 }

 .modelBlock img {
     width: 71px;
     margin-bottom: 10px;
 }

 .modelBlock h4 {
     font-size: 20px;
     text-transform: capitalize;
 }

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

 .modelBlock ul li {
     position: relative;
     padding-left: 20px;
     margin: 15px 0;
     opacity: .66;
 }

 .modelBlock ul li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 9px;
     width: 6px;
     height: 6px;
     background: #428BC1;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     opacity: 1 !important;
 }

 .innovation-section {
     padding: 100px 0;
 }

 .innovation-section::before {
     content: "";
     background: rgb(195, 224, 245);
     background: linear-gradient(176deg, rgba(0, 38, 68, 0.83) 24%, rgba(0, 38, 68, 0.83) 66%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
     z-index: 0;
 }

 .innovation-section .section-title {
     position: relative;
     margin: 40px 0;
 }

 .innovation-section .section-title h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     /*text-transform: uppercase;*/
     margin-bottom: 20px;
 }

 .innovation-section .section-title h2 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     /*text-transform: uppercase;*/
     margin-bottom: 20px;
 }

 .innovation-section .section-title h3 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .innovation-section .section-title h2 span {
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .innovation-section .section-title p {
     color: #fff;
     padding: 0 10%;
     font-size: 18px
 }

 .innovation-section .btnFontQuote2 {
     margin: 70px auto 0;
     /*max-width: 200px;*/
 }

 .faq-section {
     padding-bottom: 40px;
     background: rgb(223, 194, 128);
     background: linear-gradient(90deg, rgba(223, 194, 128, 0.09407090472907909) 0%, rgba(227, 203, 146, 0.11928098876269255) 28%, rgba(255, 255, 255, 1) 79%);
 }

 .faq-section .container {
     max-width: 80%;
 }

 .faq-section h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .faq-section h2 {
     font-size: 38px;
     line-height: 23px;
     font-weight: 900;
     /*text-transform:uppercase;*/
 }

 .faq-section h3 span {
     color: #004083;
     opacity: 1;
 }

 .faq-section h2 span {
     color: #004083;
     opacity: 1;
 }

 /*===== Accordion css ====*/
 .faq-section .accordion .accordion-item {
     background: transparent;
     border: 0;
     border-bottom: 1px solid rgba(22, 22, 22, .2);
 }

 .faq-section .accordion .accordion-item:last-child {
     border: 0;
 }

 .faq-section .accordion .accordion-item button[aria-expanded=true] {
     /*border-bottom: 1px solid #03b5d2;
    */
 }

 .faq-section .accordion button {
     position: relative;
     /* display: block; */
     text-align: left;
     width: 100%;
     padding: 10px 35px 7px 0;
     color: #161616;
     font-size: 1.15rem;
     font-weight: 400;
     border: none;
     background: none;
     outline: none;
     opacity: 0.9;
     -webkit-appearance: none;
     height:63px;
 }

 .faq-section .accordion button:hover,
 .faq-section .accordion button:focus {
     cursor: pointer;
     color: #174EA0;
 }

 .faq-section .accordion button:hover::after,
 .faq-section .accordion button:focus::after {
     cursor: pointer;
     color: #03b5d2;
     border: 1px solid #03b5d2;
 }

 .faq-section .accordion button .accordion-title {
     /*padding: 20px 15px 20px 0;*/
     color: #161616;
     font-size: 16px;
     font-weight: 500;
     margin: 0;
     -webkit-appearance: none;
 }

 .faq-section .accordion button .icon {
     display: inline-block;
     position: absolute;
     top: 16px;
     right: 0;
     width: 22px;
     height: 19px;
 }

 .faq-section .accordion button .icon::before {
     display: block;
     position: absolute;
     content: "";
     top: 13px;
     left: 2px;
     width: 18px;
     height: 2px;
     background: currentColor;
 }

 .faq-section .accordion button .icon::after {
     display: block;
     position: absolute;
     content: "";
     top: 5px;
     left: 10px;
     width: 2px;
     height: 18px;
     background: currentColor;
 }

 .faq-section .accordion button[aria-expanded=true] {
     color: #161616;
     opacity: 1;
 }

 .faq-section .accordion button[aria-expanded=true] .icon::after {
     width: 0;
 }

 .faq-section .accordion button[aria-expanded=true]+.accordion-content {
     opacity: 1;
     max-height: 100%;
     transition: all 200ms linear;
     will-change: opacity, max-height;
 }

 .faq-section .accordion .accordion-content {
     opacity: 0;
     max-height: 0;
     overflow: hidden;
     transition: opacity 200ms linear, max-height 200ms linear;
     will-change: opacity, max-height;
 }

 .faq-section .accordion .accordion-content p {
     font-size: 1rem;
     font-weight: 300;
     margin: 0px 0 20px;
     opacity: 0.9;
 }

 .news-section {}

 .news-section h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     /*text-transform:uppercase;*/
     padding: 0 0px;
 }

 .news-section h3 span {
     color: #174EA0;
     opacity: 1;
 }

 .news-section .blogBlock>p {
     padding: 0 0px;
 }

 .dateDiv {
     color: #174EA0;
 }

 .single-article {
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     flex-direction: row;
     margin-bottom: 23px;
     min-width: 0;
     border-radius: 20px;
     word-wrap: break-word;
     background-color: #F8F8F8;
     background-clip: border-box;
     transition: all .3s ease-in-out;
 }

 .single-article:hover {
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0px 0px 22px 8px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 0px 22px 8px rgba(0, 0, 0, 0.06);
 }

 .single-article a {
     text-decoration: none;
     display: block;
 }

 .article-img {
     position: relative;
     overflow: hidden;
 }

 .article-img::before {
     content: "";
     display: block;
     background: rgba(0, 0, 0, .25);
     transition: all .3s ease-in;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
 }

 .article-img img {
     flex-shrink: 0;
     width: 100%;
     -o-object-fit: cover;
     max-width: 507px;
     height: 100%;
     object-fit: cover;
     transition: all .3s ease-in-out;
     transform: rotate(0) scale(1);
 }

 .single-article:hover .article-img img {
     transform: rotate(3deg) scale(1.1)
 }

 .article-content {
     width: -moz-fit-content;
     width: fit-content;
     word-wrap: break-word;
     padding: 0 1.5rem !important;
 }

 .single-article a {
     text-decoration: none;
     display: block;
     margin-bottom: 15px;
 }

 .article-content a h4 {
     font-size: 18px;
     font-weight: 500;
     line-height: 22px;
     color: #161616;
     margin-bottom: 10px;
 }

 .article-content p {
     font-size: 14px;
     opacity: 0.7;
     line-height: 22px;
     margin-bottom: 10px;
 }

 a.learnMore {
     color: #FFA44A;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
 }

 a.learnMore i {
     font-size: 24px;
     vertical-align: middle;
 }

 a.learnMore:hover {
     color: #161616;
 }

 /*=====01-08-2023=====*/
 .captcha-image {
     color: #000;
     display: block !important;
     text-align: left !important;
 }

 .captcha-image label>input+svg {
     color: #000;
 }

 .wpcf7 form.sent .wpcf7-response-output {
     color: green;
     z-index: 999;
     position: relative;
     text-align: center
 }

 .wpcf7 form.invalid .wpcf7-response-output,
 .wpcf7 form.unaccepted .wpcf7-response-output,
 .wpcf7 form.payment-required .wpcf7-response-output {
     border-color: #ffb900;
     color: red;
     position: relative;
     z-index: 9;
     text-align: center;
 }

 /*============ Contact Page Css ===============*/
 #hero.contact-page-banner {
     height: 145vh;
     position: relative;
 }

 #hero.contact-page-banner::before {

     content: "";
     background: linear-gradient(180deg, rgba(2, 22, 40, 0.6) 100%, transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;

 }

 .page-id-6679 #hero.video-banner-section::before {
     background: linear-gradient(180deg, rgba(2, 22, 40, 0.6) 100%, transparent 100%) !important;
     z-index: 1;
     height: 520px;
 }

 #hero.contact-page-banner h3 {
     color: #fff;
     font-size: 34px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 #hero.contact-page-banner p {
     color: #fff;
     margin-bottom: 0;
     font-size: 18px;
 }

 .contactForm.form2 {
     width: 587px;
     margin: 0 auto;
     padding: 34px 28px 24px 28px;
     /* top: 100px;
     position: absolute;
     right: 60px;
     */
 }

 .contactForm.form2 .form-group {
     margin-bottom: 12px;
 }

 .contactForm.form2 p {
     width: 100%;
     margin-bottom: 20px;
 }

 #hero.contact-page-banner p.checkBoxDiv label {
     color: #000 !important;
 }

 .contactForm.form2 .checkBoxDiv label {
     font-size: 14px;
     color: #000;
 }

 .contactForm.form2 .captchaArea>p {
     text-align: left;
 }

 .contactForm.form2 .captchaArea p span {
     width: 20px;
 }

 .contactForm.form2 .captcha-image {
     text-align: left;
 }

 .contactForm.form2 .btnSubmit {
     float: left;
     margin-top: 5px;
 }

 .contact-banner-text {}

 .banner-List {
     margin-top: 40px;
     display: flex;
     max-width: 100%;
 }

 .banner-List .iconDiv {
     width: 40px;
     margin-right: 15px;
 }

 .banner-List .iconDiv img {
     width: 40px;
 }

 .listContent {}

 .listContent h4 {
     font-size: 22px;
     text-transform: capitalize;
     font-weight: bold;
     background: linear-gradient(to right, #FFA44A 0%, #FED23C 40%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .listContent p {
     font-size: 16px !important;
     width: 90% !important;
 }

 .bannerLogosec {
     margin-top: -145px;
     position: relative;
     z-index: 1;
 }

 .logosecArea {
     background: #fff;
     border-radius: 18px;
     padding: 30px 7%;
     text-align: center;
     -webkit-box-shadow: 0px 10px 39px -27px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0px 10px 39px -27px rgba(0, 0, 0, 0.30);
     box-shadow: 0px 10px 39px -27px rgba(0, 0, 0, 0.30);
 }

 .logosecArea img {
     width: 100%;
 }

 .contctMapsec {
     padding-bottom: 0;
 }

 .contact-map-container {
     max-width: 1180px;
     margin: 15px auto;
     margin-top: 15px;
     position: relative;
     padding-top: 30px;
     min-height: 550px;
 }

 .cn-ul {
     position: absolute;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 9;
 }

 .cn-ul li {
     position: absolute;
     display: block;
     cursor: pointer;
 }

 /*===== Country 1 ======*/
 .cust-map li.country-1 {
     top: 225px;
     left: 182px;
 }

 .cust-map li.country-1 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-1 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 2 ======*/
 .cust-map li.country-2 {
     top: 375px;
     left: 294px;
 }

 .cust-map li.country-2 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-2 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 3 ======*/
 .cust-map li.country-3 {
     top: 352px;
     left: 494px;
 }

 .cust-map li.country-3 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-3 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 4 ======*/
 .cust-map li.country-4 {
     top: 196px;
     left: 574px;
 }

 .cust-map li.country-4 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-4 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 5 ======*/
 .cust-map li.country-5 {
     top: 272px;
     right: 470px;
 }

 .cust-map li.country-5 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-5 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 6 ======*/
 .cust-map li.country-6 {
     top: 276px;
     right: 434px;
 }

 .cust-map li.country-6 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-6 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 7 ======*/
 .cust-map li.country-7 {
     top: 316px;
     left: 544px;
 }

 .cust-map li.country-7 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-7 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 8 ======*/
 .cust-map li.country-8 {
     top: 320px;
     right: 420px;
 }

 .cust-map li.country-8 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-8 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 9 ======*/
 .cust-map li.country-9 {
     top: 302px;
     right: 450px;
 }

 .cust-map li.country-9 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-9 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 10 ======*/
 .cust-map li.country-10 {
     top: 310px;
     right: 310px;
 }

 .cust-map li.country-10 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-10 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 11 ======*/
 .cust-map li.country-11 {
     top: 325px;
     right: 340px;
 }

 .cust-map li.country-11 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-11 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 12 ======*/
 .cust-map li.country-12 {
     top: 255px;
     right: 296px;
 }

 .cust-map li.country-12 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-12 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 13 ======*/
 .cust-map li.country-13 {
     top: 278px;
     right: 204px;
 }

 .cust-map li.country-13 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-13 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 14 ======*/
 .cust-map li.country-14 {
     top: 242px;
     right: 208px;
 }

 .cust-map li.country-14 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-14 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 15 ======*/
 .cust-map li.country-15 {
     top: 364px;
     right: 261px;
 }

 .cust-map li.country-15 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-15 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 16 ======*/
 .cust-map li.country-16 {
     top: 400px;
     right: 239px;
 }

 .cust-map li.country-16 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-16 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 17 ======*/
 .cust-map li.country-17 {
     top: 370px;
     right: 206px;
 }

 .cust-map li.country-17 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-17 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 18 ======*/
 .cust-map li.country-18 {
     top: 470px;
     right: 146px;
 }

 .cust-map li.country-18 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-18 span.roundDiv img {
     width: 70px;
 }

 /*===== Country 19 ======*/
 .cust-map li.country-19 {
     top: 400px;
     right: 218px;
 }

 .cust-map li.country-19 .cn-popup {
     left: 44px;
 }

 .cust-map li.country-19 span.roundDiv img {
     width: 70px;
 }

 /*====== Popup css ======*/
 .cn-popup {
     width: 220px;
     border-radius: 10px;
     border: 0;
     position: absolute;
     top: -12220%;
     left: 100%;
     transform: translateX(-50%);
     box-shadow: 0 1rem 2rem rgb(65 95 255 / 31%);
     margin-bottom: 7px;
     opacity: 0;
     z-index: -1;
     display: none;
 }

 .cn-popup .popup-header {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     padding: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .cn-popup .popup-header img {
     width: 100%;
     border-radius: 10px 10px 0 0;
 }

 .cn-popup .popup-body {
     background: #fff;
     padding: 10px 10px 20px;
     font-size: 13px;
     text-align: center;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     position: relative;
 }

 .cn-popup .popup-body::after {
     position: absolute;
     content: '';
     left: auto;
     right: 50%;
     width: 16px;
     height: 16px;
     margin: 0 auto;
     background: #fff;
     bottom: -8px;
     transform: rotate(45deg);
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
 }

 .cn-popup .popup-body h4 {
     font-size: 18px;
     display: block;
     color: #161616;
     font-weight: 700;
 }

 .cn-popup .popup-body p {
     font-size: 13px;
     color: #161616;
     font-weight: 300;
     margin: 0;
 }

 .cn-ul li:hover .cn-popup,
 .cn-ul li .progfill.active .cn-popup {
     z-index: 9;
     opacity: 1;
     bottom: 120%;
     top: auto;
     display: block;
 }

 .cn-ul .country-1 .cn-popup,
 .cn-ul li .progfill.active .cn-popup {
     z-index: 9;
     opacity: 1;
     bottom: 120%;
     top: auto;
     display: block;
 }

 .cntype {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: center;
     margin-top: -50px;
 }

 .cntype li {
     display: inline-block;
     margin: 0 20px;
 }

 .cntype li img {
     width: 70px;
 }

 .cntype li a {
     display: flex;
     color: #161616;
     font-size: 14px;
     font-weight: 500;
 }

 .contctInfoArea {}

 .contactinformations {
     padding: 0 6%;
 }

 .infoBlock {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background: #F8FCFF;
     border: 1px solid #DCDCDC;
     border-radius: 20px;
     text-align: center;
     padding: 20px;
     min-height: 223px;
     -webkit-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.03);
     -moz-box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.03);
     box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.03);
 }

 .infoBlock img {
     width: 58px;
 }

 .infoBlock h4 {
     color: #004083;
     font-size: 18px;
     font-weight: 500;
     margin: 20px 0;
 }

 .infoBlock p {
     font-size: 14px;
     font-weight: normal;
     opacity: .66
 }

 .contctInfoArea .btnFontQuote2 {
     margin: 40px auto 0;
 }

 .successStoryArea {
     background: linear-gradient(to right, #172948, #1F3D61);
     -webkit-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     -moz-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
 }

 .successs-left {}

 .successs-left h3 {
     font-size: 40px;
     text-transform: capitalize;
     font-weight: 600;
     color: #fff;
     margin: 0;
     /*line-height: 24px;
    */
 }

 .successs-left p {
     color: #fff;
     font-size: 18px;
     margin: 20px 0 30px;
 }

 .successs-left img {
     width: 100%;
 }

 .contact-success-carusel {}

 #storyCarousel2 {
     border-radius: 25px;
 }

 #storyCarousel2 .carousel-item .card {
     margin: 20px;
     border-radius: 25px;
     padding: 6% 6% 10%;
     min-height: 412px;
     min-height: 100%;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 #storyCarousel2 .carousel-item .card p {
     margin-bottom: 30px;
 }

 #robotcarousel .carousel-indicators {
     justify-content: left;
     margin-right: 10%;
     margin-left: 10%;
     bottom: 30px;
     text-align: left;
     display: block;
 }

 #robotcarousel .carousel-indicators [data-bs-target] {
     width: 25px;
 }

 #storyCarousel2 .carousel-item .card .profile {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     position: relative;
     z-index: 9;
 }

 #storyCarousel2 .carousel-item .card .pro-img {
     background: #F1F9FD;
     width: 86px;
     height: 86px;
     border-radius: 50%;
     padding: 10px;
     margin-right: 15px;
     display: flex;
     align-items: center;
 }

 #storyCarousel2 .carousel-item .card .pro-img img {
     width: 100%;
 }

 #storyCarousel2 .carousel-item .card .pro-cont h4 {
     font-size: 18px;
     font-weight: bold;
     text-transform: capitalize;
     min-height: auto;
 }

 #storyCarousel2 .carousel-item .card .pro-cont h6 {
     font-size: 14px;
     opacity: 0.6;
     font-weight: normal;
 }

 #storyCarousel2 .carousel-item .card p {
     opacity: 0.7;
     font-size: 18px;
     line-height: 24px;
     min-height: 197px;
 }

 #storyCarousel2 .carousel-item .card .colonDiv img {
     width: 155px;
     position: absolute;
     bottom: 100px;
     right: 50px;
     z-index: 0;
 }

 .mobbannerList {
     position: relative;
     padding: 40px 0 80px;
 }

 .mobbannerList::before {
     content: "";
     background: linear-gradient(180deg, #001628, rgba(0, 22, 40, 0.5));
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 .mobbannerList h3 {
     color: #fff;
     font-size: 22px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .mobbannerList h3 span {
     color: #174EA0;
 }

 .mobbannerList p {
     color: #fff;
 }

 .mobbannerList .listContent p {
     width: 100% !important;
 }

 .mobContactInfo {}

 .mobContactInfo h6 {
     font-size: 13px;
     margin: 10px 0;
 }

 .infoClass {
     overflow: hidden;
     background: #fff;
     padding-bottom: 20px;
     margin-bottom: 15px;
     border-radius: 10px;
     -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
 }

 .infoClass img {
     width: 100%;
     margin-bottom: 10px;
 }

 .infoClass h5 {
     font-size: 16px;
     margin: 0 10px 6px;
     font-weight: 600;
 }

 .infoClass p {
     font-size: 12px;
     opacity: 0.7;
     margin: 0 10px 0px;
     height: 80px;
 }

 .mobContactInfo h4 {
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 900;
     margin: 20px 0;
 }

 .mobContactInfo h4 span {
     color: #174EA0;
 }

 .height-1 {
     height: 20px;
 }

 .height-2 {
     height: 40px;
 }

 .height-3 {
     height: 50px;
 }

 /*==== Blog Page Css ====*/
 .blogs-section {}

 .filterButtons {
     margin: 0 0 40px;
 }

 /*.filterButtons ul{
    padding:0;
    margin:0 0 40px;
    text-align: center;
}
 .filterButtons ul li {
    display:inline-block;
     margin:0;
}
 .filterButtons ul li a{
    padding:5px 25px;
     border-radius:20px;
     font-size:14px;
     text-transform:capitalize;
    color:#666;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s;
}
 .filterButtons ul li a:hover, .filterButtons ul li a.active{
    background: linear-gradient(to right, #FED23C, #FFA44A);
     color:#000;
}
 */
 .filterButtons .tabNav .nav {
     border: 0;
     text-align: center;
     display: block;
 }

 .filterButtons .tabNav button {
     padding: 5px 25px;
     border-radius: 20px;
     font-size: 18px;
     /*text-transform:capitalize;*/
     color: #666;
     font-weight: 500;
     display: inline-block;
     transition: 0.3s;
 }
 
 .page-template-news-insight .filterButtons .tabNav button {
     font-size: 18px;
     color: #666;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s;
 }

 .filterButtons .tabNav button.active {
     /*background: linear-gradient(to right, #FED23C, #FFA44A);*/
     color: #000;
     /*border: 1px solid #ccc;*/
 }

 .blogListArea {}

 .blogLeft {}

 .blogLeft img {
     width: 100%;
     border-radius: 15px;
 }

 .blogRight {}

 .blogRight h5 {
     font-size: 18px;
     text-transform: capitalize;
     color: #004083;
 }

 .blogRight h3 a {
     font-size: 26px;
     text-transform: capitalize;
     color: #000;
 }

 .blogRight h3 a:hover {
     background: #004083;
     background-clip: border-box;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .blogRight p {
     opacity: 0.8;
     font-size: 16px;
 }

 .author {
     margin-top: 20px;
 }

 .author p {
     font-size: 11px;
     color: #666;
 }

 .author h4 {
     font-size: 16px;
     font-weight: 600;
     margin: 0;
 }

 .blogBlock {
     margin: 30px 0 0;
     padding-bottom: 20px;
     border-radius: 20px;
 }

 .blogBlock img {
     width: 100%;
     border-radius: 15px;
     height: 100%;
     object-fit: cover;
 }

 .blogBlock h5 {
     font-size: 13px;
     text-transform: capitalize;
     color: #174EA0;
 }

 .blogBlock h3 a {
     font-size: 18px;
     text-transform: inherit;
     color: #000;
     font-weight: 600;
     display: block;
     min-height: 70px;
 }

 .blogBlock h3 a:hover {
     color: #174EA0;
 }

 .blogBlock>p {
     opacity: 0.8;
     font-size: 16px;
     min-height: 180px;
 }

 .blogBlock .author p {
     font-size: 11px;
     color: #666;
 }

 .imageHolder {
     position: relative;
     overflow: hidden;
     margin-bottom: 20px;
     border-radius: 15px;
     height: 280px;
 }

 .imageHolder .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     transition: .3s ease;
     background-color: rgba(0, 0, 0, 0.4);
 }

 .imageHolder:hover .overlay {
     opacity: 1;
 }

 .imageHolder .icon {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #174EA0;
     color: white;
     font-size: 24px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .imageHolder .fa-user:hover {
     color: #eee;
 }

 .pagination>li>a,
 .pagination>li>span {
     border-radius: 50% !important;
     margin: 0 5px;
 }

 .pagination {
     display: inline-block;
     padding-left: 0;
     margin: 40px auto 20px;
     border-radius: 4px;
     width: 100%;
     text-align: center;
 }

 .pagination>li {
     display: inline-block
 }

 .pagination>li>a,
 .pagination>li>span {
     position: relative;
     float: left;
     padding: 7px 0;
     margin-left: -1px;
     line-height: 1.42857143;
     color: #000;
     text-decoration: none;
     background-color: #fff;
     border: 0;
     background: #f7f7f7;
     width: 34px;
     height: 34px;
     font-size: 13px;
     text-align: center;
 }

 .pagination>li:first-child>a,
 .pagination>li:first-child>span {
     margin-left: 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px
 }

 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px
 }

 .pagination>li>a:hover,
 .pagination>li>span:hover,
 .pagination>li>a:focus,
 .pagination>li>span:focus {
     color: #2a6496;
     background-color: #eee;
     border-color: #ddd
 }

 .pagination>.active>a,
 .pagination>.active>span,
 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus,
 .pagination>.active>span:focus {
     z-index: 2;
     color: #fff;
     cursor: default;
     background-color: #174EA0;
     border-color: #174EA0
 }

 .pagination>.disabled>span,
 .pagination>.disabled>span:hover,
 .pagination>.disabled>span:focus,
 .pagination>.disabled>a,
 .pagination>.disabled>a:hover,
 .pagination>.disabled>a:focus {
     color: #777;
     cursor: not-allowed;
     background-color: #fff;
     border-color: #ddd
 }

 .pagination-lg>li>a,
 .pagination-lg>li>span {
     padding: 10px 16px;
     font-size: 18px
 }

 .pagination-lg>li:first-child>a,
 .pagination-lg>li:first-child>span {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px
 }

 .pagination-lg>li:last-child>a,
 .pagination-lg>li:last-child>span {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px
 }

 .pagination-sm>li>a,
 .pagination-sm>li>span {
     padding: 5px 10px;
     font-size: 12px
 }

 .pagination-sm>li:first-child>a,
 .pagination-sm>li:first-child>span {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px
 }

 .pagination-sm>li:last-child>a,
 .pagination-sm>li:last-child>span {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
 }

 .pagination>li>span.page-numbers.current {
     background: #2a6496;
     color: #fff;
 }

 .pagination>li>a.prev {
     background: #2a6496;
     border: 0;
 }

 .pagination>li>a.prev:after {
     content: '';
     display: inline-block;
     margin-top: 6px;
     margin-left: 2px;
     width: 0.6em;
     height: 0.6em;
     border-top: 0.2em solid #fff;
     border-right: 0.2em solid #fff;
     -moz-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
 }

 .pagination>li>a.next {
     background: #2a6496;
     border: 0;
 }

 .pagination>li>a.next:after {
     content: '';
     display: inline-block;
     margin-top: 6px;
     margin-left: -2px;
     width: 0.6em;
     height: 0.6em;
     border-top: 0.2em solid #fff;
     border-right: 0.2em solid #fff;
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .pagination>li>a.active,
 .pagination>li>a.inactive {
     display: none;
 }

 /*======= Case study page Css =======*/
 .case-header .navbar li a {
     color: #000;
 }

 .case-header .navbar li a:hover,
 .case-header .navbar li a.active {
     color: #000;
     border-bottom: 2px solid #000;
 }

 .logoArea {
     padding-top: 10px;
 }

 .logoHolder {}

 .logoHolder img {
     max-width: 100%;
 }

 .case-content {}

 .case-content h3 {
     color: #C99F35;
     font-weight: 900;
     font-size: 30px;
     margin-bottom: 30px;
 }

 .case-content h5 {
     color: #fff;
     font-weight: 400;
     font-size: 18px;
     line-height: 28px;
 }

 .case-content p {
     color: #fff;
     opacity: 0.8;
     font-size: 15px;
     margin: 20px 0 0;
 }

 .bordClass {
     height: 1.5px;
     background: rgba(255, 255, 255, 0.76);
     width: 116px;
     margin: 40px 0;
 }

 .btnGroup {
     display: flex;
 }

 .btnGroup span img {
     height: 26px;
     margin-right: 10px;
 }

 .btnGroup span {
     font-size: 17px;
     text-transform: capitalize;
     color: #fff;
     opacity: 0.9;
 }

 .btnGroup span:last-child {
     margin-left: 30px;
 }

 .keystone-sec,
 .wiseasy-sec {
     padding: 0;
     margin-bottom: 30px;
 }

 .keystone-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .keystone-sec .case-img img {
     height: 580px;
 }

 .wiseasy-sec {
     display: flex;
     align-items: center;
     margin: 30px 0;
 }

 .wiseasy-sec .case-img {
     margin: 0 auto;
     text-align: left;
 }

 .wiseasy-sec .case-img img {
     width: auto;
     height: 480px;
     position: relative;
     z-index: 9;
 }

 .wiseasy-sec .case-content {
     padding-left: 50px;
 }

 .keystone-sec .caseBox,
 .vruumz-sec .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
 }

 .wiseasy-sec .caseBox,
 .brightcall-sec .caseBox,
 .wipro-sec .caseBox,
 .oneworld-sec .caseBox,
 .wiseasy-academy-sec .caseBox,
 .comon-sec .caseBox,
 .pixxi-sec .caseBox,
 .exchat-sec .caseBox,
 .sumen-sec .caseBox,
 .bhatnagars-sec .caseBox,
 .sonoma-sec .caseBox,
 .imagine-english-sec .caseBox,
 .sonoma2-sec .caseBox,
 .aristo-sec .caseBox,
 .flyingSquirrel-sec .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
     display: flex;
     align-items: center;
     position: relative;

 }



 .unbiasly_case .caseBox,
 .wiseasy-sec .caseBox,
 .brightcall-sec .caseBox,
 .wipro-sec .caseBox,
 .oneworld-sec .caseBox,
 .pixxi-sec .caseBox,
 .sumen-sec .caseBox,
 .bhatnagars-sec .caseBox,
 .sonoma-sec .caseBox,
 .imagine-english-sec .caseBox,
 .sonoma2-sec .caseBox,
 .aristo-sec .caseBox,
 .flyingSquirrel-sec .caseBox,
 .unbiasly_case .caseBox,

 .groceryapp-sec .caseBox,
 .dhGate-sec .caseBox,
 .keystone-sec .caseBox {
     height: auto !important;

 }

 .comon-sec .caseBox {
     height: auto !important;
 }

 .kawo-sec .caseBox,
 .wiseasy-academy-sec .caseBox,
 .exchat-sec .caseBox,
 .vruumz-sec .caseBox {
     height: auto !important;
 }

 .wiseasy-academy-sec.iAmDoc .caseBox {
     background: rgb(0, 34, 101);
     background: linear-gradient(87deg, rgba(0, 34, 101, 1) 0%, rgba(9, 64, 174, 1) 100%) !important;


 }

 .wiseasy-academy-sec.iAmDoc.onDemand .caseBox {
     background: rgb(159, 67, 30);
     background: linear-gradient(87deg, rgba(159, 67, 30, 1) 0%, rgba(253, 116, 56, 1) 100%) !important;
     margin-top: 30px;


 }

 .wiseasy-academy-sec .kawo-sec .caseBox {
     height: 800px !important;
 }

 .brightcall-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .brightcall-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .brightcall-sec .case-img img {
     width: 100%;
 }

 .brightcall-sec .case-content {
     padding-left: 0px;
 }

 .wipro-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .wipro-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .wipro-sec .case-img img {
     height: 580px;
 }

 .wipro-sec .case-content {
     padding-left: 40px;
 }

 .oneworld-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .oneworld-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .oneworld-sec .case-img img {
     width: 100%;
 }

 .oneworld-sec .case-content {
     padding-left: 0px;
 }

 .wiseasy-academy-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .wiseasy-academy-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .wiseasy-academy-sec .case-img img {
     width: 100%;
 }

 .wiseasy-academy-sec.iAmDoc .case-img {
     text-align: center;
 }

 .wiseasy-academy-sec.iAmDoc .case-img img {
     width: auto;
     height: 500px;

 }

 .wiseasy-academy-sec .case-content {
     padding-left: 40px;
 }

 .comon-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .comon-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .comon-sec .case-img img {
     width: 100%;
 }

 .comon-sec .case-content {
     padding-left: 0px;
 }

 .pixxi-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
     position: relative;
 }

 .pixxi-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .pixxi-sec .case-img img {
     width: 100%;
 }

 .pixxi-sec .case-content {
     padding-left: 50px;
 }

 .vruumz-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .vruumz-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .vruumz-sec .case-img img {
     height: 580px;
 }

 .vruumz-sec .case-content {
     padding-left: 0px;
 }

 .exchat-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .exchat-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .exchat-sec .case-img img {
     height: 580px;
 }

 .exchat-sec .case-content {
     padding-left: 40px;
 }

 .sumen-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .sumen-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .sumen-sec .case-img img {
     width: 100%;
 }

 .sumen-sec .case-content {
     padding-left: 0px;
 }

 .bhatnagars-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .bhatnagars-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .bhatnagars-sec .case-img img {
     width: 100%;
 }

 .bhatnagars-sec .case-content {
     padding-left: 40px;
 }

 .sonoma-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .sonoma-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .sonoma-sec .case-img img {
     width: 100%;
 }

 .sonoma-sec .case-content {
     padding-left: 0px;
 }

 .imagine-english-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .imagine-english-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .imagine-english-sec .case-img img {
     width: 100%;
 }

 .imagine-english-sec .case-content {
     padding-left: 40px;
 }

 .sonoma2-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .sonoma2-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .sonoma2-sec .case-img img {
     width: 100%;
 }

 .sonoma2-sec .case-content {
     padding-left: 0px;
 }

 .aristo-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .aristo-sec .case-img {
     margin: 0 auto;
     text-align: left;
     position: relative;
     z-index: 9;
 }

 .aristo-sec .case-img img {
     width: 100%;
 }

 .aristo-sec .case-content {
     padding-left: 40px;
 }

 .flyingSquirrel-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .flyingSquirrel-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .flyingSquirrel-sec .case-img img {
     width: 100%;
 }

 .flyingSquirrel-sec .case-content {
     padding-left: 0px;
 }

 .innovate-sec {
     padding-top: 0;
 }

 .innovateHolder {
     border-radius: 20px;
     padding: 40px;
 }

 .innovate-img img {
     width: 100%;
 }

 .innovate-content {
     padding-left: 30px;
 }

 .innovate-content h3 {
     font-size: 42px;
     /*text-transform:uppercase;*/
     font-weight: 900;
     margin-bottom: 30px;
 }

 .innovate-content h3 span {
     color: #004083;
 }

 .innovate-content p {
     font-size: 18px;
     opacity: 0.69;
     color: #000;
 }

 .innovate-content .btnFontQuote2 {
     margin-top: 40px;
 }

 .pxxi-pos-1 {
     position: absolute;
     right: 80px;
     top: 0px;
     width: 200px;
 }

 .pxxi-pos-2 {
     position: absolute;
     left: 0px;
     bottom: 60px;
     height: 243px;
 }

 .pxxi-pos-3 {
     position: absolute;
     right: 0px;
     bottom: 60px;
     width: 107px;
 }

 .keystone-sec .caseBox .row,
 .wiseasy-sec .caseBox .row,
 .brightcall-sec .caseBox .row,
 .wipro-sec .caseBox .row,
 .oneworld-sec .caseBox,
 .row .wiseasy-academy-sec .caseBox .row,
 .comon-sec .caseBox .row,
 .pixxi-sec .caseBox .row,
 .exchat-sec .caseBox .row,
 .sumen-sec .caseBox .row,
 .bhatnagars-sec .caseBox .row,
 .sonoma-sec .caseBox .row,
 .imagine-english-sec .caseBox .row,
 .sonoma2-sec .caseBox .row,
 .aristo-sec .caseBox .row,
 .flyingSquirrel-sec .caseBox .row {
     height: 100%;
 }

 .ubermenu .ubermenu-column.mob-btn {
     display: none;
 }

 .ubermenu .ubermenu-column.get-quote-for-mob a {
     padding: 15px 10px !important;
     font-size: 14px !important;
     font-weight: 500;
     color: #000 !important;
     width: 100%;
     height: 50px;
     text-align: left;
     background: linear-gradient(to right, #FED23C, #FFA44A) !important;
     -webkit-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65) !important;
     -moz-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65) !important;
     box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65) !important;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .checkBoxDiv .wpcf7-list-item-label {
     color: #000;
 }


 /*======= New Service Inner Page Css ======*/

 .service-tab {
     padding-top: 100px;
 }

 .tabArea {
     background: #fff;
     box-shadow: 0 2px 37px 0 rgba(0, 0, 0, .1);
     margin-left: 30px;
 }

 .service-tab .left-tab {
     background: #0b3155;
     padding: 40px 0 20px 20px;
     height: 100%;
     box-shadow: 0 2px 37px 0 rgba(0, 0, 0, .4);
     transform: translateX(-40px) translateY(-40px);
 }

 .service-tab .left-tab h3 {
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .service-tab .left-tab ul.tabs {
     margin: 0;
     padding: 0 0 20px;
     float: left;
     list-style: none;
     width: 110%;
 }

 .service-tab .left-tab ul.tabs li {
     float: left;
     margin: 0;
     cursor: pointer;
     /*padding:12px 40px 12px 15px;*/
     line-height: 31px;
     color: #fff;
     overflow: hidden;
     position: relative;
     width: 100%;
     font-weight: 500;
     font-size: 16px;
 }

 .service-tab .left-tab .tab_last {}

 .service-tab .left-tab ul.tabs li:hover {
     background-color: #04417b;
     color: #fff;
     border-radius: 0px;
 }

 .service-tab .left-tab ul.tabs li.active {
     background-color: #005eb8;
     border-radius: 0px;
     color: #fff;
     display: block;
 }



 .service-tab .right-tab-content {
     padding-left: 3%;
 }

 .service-tab .right-tab-content .tab_container {
     clear: both;
     float: left;
     width: 100%;
     background: #fff;
     overflow: auto;
     /*height: auto;
     overflow-y: scroll;
    */
 }

 .service-tab .right-tab-content .tab_content {
     padding: 40px 20px;
     display: none;
 }

 .service-tab .right-tab-content .tab_content h2 {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #005293;
     text-transform: capitalize;     
 }

 .service-tab .right-tab-content .tab_content h3 {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #004083;
     text-transform: capitalize;
     
 }

 .service-tab .right-tab-content .tab_drawer_heading {
     display: none;
 }

 .service-tab .contentdiv {
     margin-bottom: 50px;
 }

 .service-tab .contentdiv ul {
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
     margin: 30px 0 0;
     padding: 0;
     list-style: none;
 }

 .service-tab .contentdiv ul li {
     position: relative;
     padding-left: 20px;
     margin: 10px 0;
     /*display: inline-block;*/
 }

 .service-tab .contentdiv ul li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 10px;
     width: 7px;
     height: 7px;
     background-color: #174EA0;
 }

 .service-tab .right-tab-content blockquote::after {
     content: '';
 }

 @media screen and (max-width: 480px) {
     .service-tab {
         padding-top: 40px;
     }

     .tabArea {
         margin-left: 0;
         width: 100%;
         box-shadow: none;
     }

     .service-tab .right-tab-content .tab_content {
         padding: 20px 10px;
     }

     .service-tab .left-tab,
     .service-tab .pb-4 {
         padding: 20px 0 20px 0px;
         display: none;
     }

     .service-tab .contentdiv {
         margin-bottom: 10px;
     }

     .service-tab .left-tab .tabs {
         display: none;
     }

     .service-tab .left-tab ul.tabs li {
         background-color: transparent;
     }

     .service-tab .contentdiv ul li {
         margin: 5px 0;
         display: block;
     }

     .service-tab .left-tab ul.tabs {
         width: 100%;
     }

     .service-tab .right-tab-content {
         padding-left: 0;

     }

     .service-tab .right-tab-content .tab_container {
         height: auto;
     }

     .service-tab .right-tab-content .tab_content h2 {
         font-size: 20px;
     }

     .service-tab .right-tab-content .tab_content h3 {
         font-size: 20px;
     }

     .service-tab .right-tab-content .tab_drawer_heading {
         background-color: #F1F9FF;
         color: #000;
         border-top: 1px solid #cde3f4;
         margin: 0;
         padding: 10px 20px;
         font-size: 16px;
         display: block;
         position: relative;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         transition: all 0.3s;
     }

     .service-tab .right-tab-content .d_active {
         background-color: #005293;
         color: #fff;


     }

     .service-tab .right-tab-content .tab_drawer_heading::after {
         content: '+';
         width: 2px;
         height: 14px;
         position: absolute;
         top: calc(50% - 7px);
         right: calc(1rem + 6px);
         display: block;
         transition: all 0.3s;
     }

     .service-tab .right-tab-content .tab_drawer_heading.d_active::after {
         content: '-';
         width: 2px;
         height: 14px;
         position: absolute;
         top: calc(50% - 7px);
         right: calc(1rem + 6px);
         display: block;
         transition: all 0.3s;
     }

     .service-tab .contentdiv p {
         text-align: justified;
     }

     .service-tab .contentdiv ul {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
     }

     .previous_button {
         margin-top: 7px;
     }

     .page-template-hire-developer-tmpl #hero {
         min-height: 110vh;
     }

     .page-template-hire-developer-tmpl #hero.inner-page-banner h1 br {
         display: none;
     }

 }

 img.service-success-story {}

 .service-SuccessStory {
     background: #F1F9FF;
     box-shadow: none;
 }

 .service-SuccessStory {
     background: #F1F9FF;
 }

 .service-SuccessStory .successs-left h3,
 .service-SuccessStory .successs-left p {
     color: #161616 !important;
 }

 #footer .footer-bottom .footer-links {
     margin-bottom: 20px;
 }

















 /*============ Responsive Css ===============*/
 @media (min-width:1920px) {
     .blog-sec-left .blog-img {
         height: auto;
     }

     .blog-sec-top a.BlogBlock img,
     .blog-sec-bottom a.BlogBlock img {
         height: auto;
     }

     .blogListArea .imageHolder {
         height: auto;
     }

     .blogListArea .imageHolder img {
         height: auto;
     }

     #hero .carousel-container {
         bottom: auto;
         top: 10%;
     }

     #hero .carousel-content {
         padding-bottom: 100px;
         margin-top: 12% !important;
         /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;
	margin-top: 20%;*/
     }

     /*=== 11.03.2024  ===*/

     #hero h1,
     #hero p {
         width: width: 45%;
     }



 }

 @media (max-width: 1920px) {

     .brightcall-sec .case-img img,
     .oneworld-sec .case-img img,
     .wiseasy-academy-sec .case-img img,
     .comon-sec .case-img img,
     .pixxi-sec .case-img img,
     .sumen-sec .case-img img,
     .bhatnagars-sec .case-img img,
     .sonoma-sec .case-img img,
     .sumen-sec .case-img img,
     .imagine-english-sec .case-img img,
     .sonoma2-sec .case-img img,
     .aristo-sec .case-img img,
     .flyingSquirrel-sec .case-img img,
     .innovate-img img {
         width: 100%;
         height: auto;
     }

     .pixxi-sec .case-img img {
         width: auto;
         height: 500px;
     }

     /* .brightcall-sec .case-img img, .oneworld-sec .case-img img, .wiseasy-academy-sec .case-img img, .comon-sec .case-img img, .pixxi-sec .case-img img, .sumen-sec .case-img img, .bhatnagars-sec .case-img img, .sonoma-sec .case-img img, .sumen-sec .case-img img, .imagine-english-sec .case-img img, .sonoma2-sec .case-img img, .aristo-sec .case-img img, .flyingSquirrel-sec .case-img img, .innovate-img img {
         width: auto;
         height: 580px;
    } */
     .keystone-sec .case-img,
     .wiseasy-sec .case-img,
     .wipro-sec .case-img,
     .pixxi-sec .case-img,
     .vruumz-sec .case-img,
     .exchat-sec .case-img,
     .imagine-english-sec .case-img {
         text-align: center;
     }

     .blogBlock img {
         height: 100%;
     }

     .blogBlock>h3 {
         min-height: 50px;
     }

     .blogBlock h3 a {
         min-height: 50px;
     }

     .date_class {
         margin-bottom: 10px;
     }

     .blogBlock>p {
         min-height: 170px;
     }

     .serviceBlockDiv p a {
         right: 60px;
     }




 }

 @media (max-width:1440px) {
     body.page-template-contactus-tmpl #hero .carousel-container {
         height: 100%;
     }

     .web-development-section .serviceLeft p {
         width: 100%;
         font-size: 18px;
     }

     .serviceBlockDiv p a {
         right: 40px;
     }

     .brightcall-sec .case-img img,
     .oneworld-sec .case-img img,
     .wiseasy-academy-sec .case-img img,
     .comon-sec .case-img img,
     .pixxi-sec .case-img img,
     .sumen-sec .case-img img,
     .bhatnagars-sec .case-img img,
     .sonoma-sec .case-img img,
     .sumen-sec .case-img img,
     .imagine-english-sec .case-img img,
     .sonoma2-sec .case-img img,
     .aristo-sec .case-img img,
     .flyingSquirrel-sec .case-img img,
     .innovate-img img {
         width: 100%;
         height: auto;
     }
 }

 @media (max-width:1300px) {
     .serviceBlockDiv p a img {
         width: 18px;
         right: 100px;
         top: -16px;
     }

     .aboutCount-section .counts .count-box p {
         font-size: 15px;
     }
 }

 /*====== J Device =====*/
 @media (max-width:1280px) {
     .btnGroup span {
         font-size: 15px;
     }

     .wiseasy-sec .case-img img {
         height: 450px;
     }
 }

 /*====== K Device =====*/
 @media (max-width:1298px) {
     #hero .carousel-item {
         height: calc(100vh - 110px);
         background-position: 10% top !important;
     }

     #hero {
         width: 100%;
         height: calc(100vh - 110px);
     }

     #hero.inner-page-banner {
         height: 100%;
     }
 }

 @media (max-width:1600px) {
     .bannerLogosec {
         margin-top: -175px;
         position: relative;
     }
 }

 @media (max-width:1400px) {
     .bannerLogosec {
         margin-top: -146px;
         position: relative;
     }
     .page-template-careers-tmpl .bannerLogosec {
         margin-top: -120px;
     }
 }

 @media (max-width:1200px) {
     .bannerLogosec {
         margin-top: -200px;
         position: relative;
     }
 }

 @media (max-width:1100px) {
     .bannerLogosec {
         margin-top: -250px;
         position: relative;
     }
 }

 @media (min-width:1200px) {
     .contact-section .container {
         max-width: 84%;
     }
 }

 @media (max-width:991px) {
     .ubermenu .ubermenu-column.mob-btn {
         display: block;
     }

     .wiseasy-sec .caseBox,
     .brightcall-sec .caseBox,
     .wipro-sec .caseBox,
     .oneworld-sec .caseBox,
     .comon-sec .caseBox,
     .pixxi-sec .caseBox,
     .exchat-sec .caseBox,
     .sumen-sec .caseBox,
     .bhatnagars-sec .caseBox,
     .sonoma-sec .caseBox,
     .imagine-english-sec .caseBox,
     .sonoma2-sec .caseBox,
     .aristo-sec .caseBox,
     .flyingSquirrel-sec .caseBox,
     .unbiasly_case .caseBox,
     .wiseasy-academy-sec .caseBox,
     .kawo-sec .caseBox,
     .vruumz-sec .caseBox,
     .dhGate-sec .caseBox {
         display: block;
         position: relative;
         height: auto !important;
         ;
     }

     .oneworld-sec .caseBox .case-img img,
     .wiseasy-academy-sec .caseBox .case-img img,
     .comon-sec .caseBox .case-img img,
     .sumen-sec .caseBox .case-img img,
     .bhatnagars-sec .caseBox .case-img img,
     .sonoma-sec .caseBox .case-img img,
     .imagine-english-sec .caseBox .case-img img,
     .sonoma2-sec .caseBox .case-img img,
     .aristo-sec .caseBox .case-img img,
     .flyingSquirrel-sec .caseBox .case-img img,
     .unbiasly_case .caseBox .case-img img {
         height: auto;
         width: 100%;
     }
 }

 @media (max-width:520px) {
     .filterButtons .tabNav button {
         padding: 5px 15px;
         font-size: 16px;
     }
 }

 @media (max-width:480px) {
     #topbar {
         display: none !important;
     }

     .diversity-sec-2 .h-100 {
         height: auto !important;
     }

     .mobNone {
         display: none !important;
     }

     #hero {
         margin-top: 0;
         min-height: 80vh;
     }

     .case-study-section .case-img img {
         height: auto !important;
     }

     .logo-section .section-content h3 {
         font-size: 23px !important;
     }

     #hero .carousel-inner .carousel-item {
         background-position: center top;
         min-height: auto;
     }

     .logo {
         margin: 0 auto !important;
     }

     #header .logo a img {
         max-height: 50px;
     }

     .getaquoteBtn {
         display: none;
     }

     .languageDiv {
         margin-left: 0px;
         position: absolute;
         right: 15px;
     }

     .languageDiv select:focus {
         border: 0;
         outline: 0;
     }

     #hero h1 br {
         display: none;
     }

     #hero .carousel-content.container {
         padding: 0 10px;
         text-align: center;
         padding-top: 70px;
     }

     #hero h1 {
         font-size: 36px;
     }

     #hero h1 span {
         margin-right: 10px;
     }

     #hero p {
         width: 100%;
         font-size: 18px;
         opacity: 0.8;
     }

     #hero .btnFontQuote2 {
         margin: 0 auto;
     }

     #hero .carousel-item {
         background-position: 55% top !important;
     }

     #hero .carousel-item::before {
         background: linear-gradient(rgba(255, 255, 255, 0.6) 40%, transparent 100%);
     }

     ul.floating-button {
         top: 15%;
     }

     #hero .carousel-indicators {
         justify-content: center;
     }

     ul.floating-button {
         padding: 6px 6px 6px 10px;
     }

     ul.floating-button li a img {
         max-width: 20px;
     }

     .left-number-sec h3 {
         font-size: 22px;
         text-align: center;
     }

     .left-number-sec h2 {
         font-size: 22px;
         text-align: center;
     }

     .left-number-sec p {
         text-align: center;
     }

     .left-number-sec .btnFontQuote2 {
         margin: 0 auto;
     }

     .left-number-sec {
         background-size: 100%;
     }

     .theNumbers-section {
         background-size: 120% !important;
         background-position: center 76% !important;
         padding-bottom: 0;
     }

     .counts .count-box {
         padding: 20px 0;
     }

     .counts {
         margin-top: 30px;
     }

     .service-section h3 {
         font-size: 22px;
         line-height: 28px;
     }

     .service-section h3 br {
         display: none;
     }

     section {
         padding: 40px 0;
     }

     #hero.service-banner {
         height: 80vh !important;
     }

     #hero.service-banner .carousel-content.container {
         padding-top: 0;
     }

     .mobBlock {
         display: block;
     }

     .service-holderDiv {
         padding: 0 0 40px 0;
     }

     .service-section .section-title {
         padding-bottom: 10px;
     }

     #robotcarousel .carousel-indicators {
         bottom: -60px;
     }

     .left-team-journey-sec h3 {
         font-size: 22px;
         text-align: center;
         margin-bottom: 15px;
     }

     .left-team-journey-sec p {
         text-align: center;
     }

     .left-team-journey-sec p br {
         display: none;
     }

     .right-team-journey-sec {
         padding-bottom: 30px;
     }

     .right-team-journey-sec .btnFontQuote3 {
         margin: 50px auto 0;
         display: flex;
     }

     .case-study-section {

         padding-top: 0;

     }

     .left-why-choose-sec h3 {
         font-size: 22px;
     }

     .left-why-choose-sec h3 {
         margin-bottom: 15px;
     }

     .left-why-choose-sec p {
         margin-bottom: 25px;
         line-height: 26px;
     }

     .left-why-choose-sec img {
         border-radius: 15px;
         width: 100%;
         margin-bottom: 20px;
     }
     .btnFontQuote1 img {
        width: 20px !important;
        margin-right: 10px;
        margin-bottom: 0px !important;
        border-radius: 0px !important;
    }

     .left-why-choose-sec ul li {
         margin-bottom: 20px;
     }

     .left-why-choose-sec .btnFontQuote3 {
         margin: 30px auto 0 auto;
     }

     .success-story-section h3 {
         font-size: 22px;
         text-align: left;
         line-height: 32px;
     }

     .success-story-section .section-title {
         margin-bottom: 0;
         padding: 0 0 10px;
     }

     #storyCarousel .carousel-inner .carousel-item .card {
         margin: 0;
     }

     .left-awards-sec {
         text-align: center;
     }

     .left-awards-sec h3 {
         font-size: 22px;
         margin-bottom: 15px;
     }

     .left-awards-sec p br {
         display: none;
     }

     .why-choose-section {
         padding-top: 30px;
     }

     .awardBox img {
         width: 90%;
     }

     .blog-section {
         padding-top: 0;
     }

     .blog-section h3 {
         font-size: 22px;
         line-height: 24px;
         padding-right: 73px;
         margin-top: 20px;
     }
     .news_section_home h3 {
         font-size: 22px !important;
         line-height: 24px;
         padding-right: 90px;
         margin-top: 20px;
     }
     .hide-mobile-button{display:none;}

     .blog-section .section-title {
         padding-bottom: 15px;
     }

     .blog-sec-left a.BlogBlock {
         height: auto;
     }

     a.BlogBlock h4 br {
         display: none;
     }

     a.BlogBlock h4 {
         padding: 15px 15px 30px;
         font-size: 15px;
         line-height: 22px;
     }

     .blog-img img {
         height: 370px;
         object-fit: cover;
     }

     .blog-section .btnFontQuote3 {
         margin: 20px auto 0;
     }

     .contact-section .container {
         max-width: 100%;
     }

     .contactLeft h3 {
         font-size: 22px;
     }

     .contactLeft p br {
         display: none;
     }

     .contactLeft {
         text-align: center;
     }

     .socia-icon h4 {
         font-size: 16px;
     }

     .skewed-bg::after {
         bottom: -63%;
         transform: skew(0deg, -60deg);
     }

     .contactForm {
         padding: 40px 25px 30px;
         border-radius: 17px;
     }

     .skewed-bg {
         padding-bottom: 40px;
     }

     .contact-section {
         margin-bottom: 60px;
     }

     #footer .footer-top {
         padding: 30px 0;
     }

     #footer .footer-top .footer-info p br {
         display: none;
     }

     #footer .footer-top .footer-info .socia-icon ul li {
         margin: 20px 10px 20px 0;
     }

     #footer .footer-top .footer-info {
         margin-bottom: 20px;
     }

     .addressBlock {
         padding-right: 0;
     }

     #footer .footer-top {
         padding: 30px 0 0;
     }

     .footer-bottom .order-first .col-6:nth-child(2).footer-links {
         padding-top: 10px;
     }

     .footer-bottom .order-first .col-6:nth-child(2).footer-links h4 {
         display: none;
     }

     #footer .footer-bottom .footer-links {
         margin-bottom: 0;
     }

     #footer .footer-bottom .footer-contact-info {
         margin-top: 40px;
     }

     #footer {
         padding: 0 0 20px 0;
     }

     #footer .copyright {
         padding-top: 20px;
     }

     .mT20 {
         margin: 0 !important;
     }

     .blog-section .col-lg-6:first-child,
     .blog-section .col-lg-6:last-child {
         width: 100%;
     }

     #footer .footer-bottom .footer-links h4,
     #footer .footer-bottom .footer-links ul {
         padding-left: 0px;
     }

     .contactLeft .socia-icon ul {
         margin: 0;
         padding: 0;
         list-style: none;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .desktopCaseStudy-section {
         display: none;
     }

     #header.fixed-top .languageDiv select {
         color: #000;
     }

     #hero.inner-page-banner {
         margin-top: 70px;
     }

     .inner-page-banner {
         height: calc(100vh - 110px) !important;
     }

     #hero.inner-page-banner h1 {
         font-size: 36px;
     }

     #hero.inner-page-banner p {
         opacity: 1 !important;
         font-weight: 500;
     }

     #hero.inner-page-banner .carousel-container {
         align-items: baseline !important;
         margin-top: 80px;
     }

     #hero.inner-page-banner::before {
         background: linear-gradient(180deg, rgba(2, 22, 40, 0.7) 40%, transparent 100%);
     }

     .about-section::before {
         height: 150px;
         width: 100%;
         top: auto;
     }

     .left-about-sec {
         text-align: center;
     }

     .left-about-sec h6 {
         font-size: 16px;
         text-align: center;
         display: inline-block;
         margin-bottom: 10px;
     }

     .left-about-sec h3 {
         font-size: 22px;
         margin-bottom: 15px;
     }

     .left-about-sec p {
         font-size: 16px;
     }

     .left-about-sec p br {
         display: none;
     }

     .right-about-sec {
         height: 389px;
         display: flex;
     }

     .right-about-sec img {
         object-fit: cover;
     }

     .about-number-section .section-title p {
         font-size: 14px;
         padding: 0;
     }

     .about-number-section .section-title h3 {
         font-size: 22px;
         line-height: 30px;
     }

     .about-number-section .section-title {
         margin-bottom: 10px;
         margin-top: 0;
     }

     .about-number-section {
         padding-bottom: 120px;
         max-height: 404px;
         min-height: 404px;
     }

     .aboutCount-section .counts .count-box {
         padding: 15px 10px;
     }

     .aboutCount-section .counts .col-6 {
         padding: 0 10px;
         margin-bottom: 20px;
     }

     .counts .count-box img {
         height: 50px;
     }

     .aboutCount-section {
         padding: 0;
     }

     .coFounders-section h3 {
         font-size: 22px;
         line-height: 28px;
         color: #161616;
         opacity: 0.9;
     }

     .coFounderHolder {
         display: block;
     }

     .coFoundersBlock {
         width: 100%;
         margin: 0 auto 30px;
     }

     .coFounders-section .section-title {
         padding-bottom: 10px;
     }

     .coFoundersBlock>img {
         height: 222px;
         object-fit: cover;
     }

     .founderContent h4 {
         font-size: 20px;
     }

     .founderContent h6 {
         font-size: 14px;
         color: #000;
         opacity: 0.57;
         margin-bottom: 20px;
     }

     .founderContent p {
         font-size: 15px;
         opacity: 0.65;
         line-height: 28px;
     }

     .founderContent {
         padding: 0px 20px 20px;
         color: #000;
     }

     .coFounders-section::after {
         display: none;
     }

     .coFounders-section.skewed-bg2 {
         background-color: #17264D;
         background: linear-gradient(145deg, #C3E0F5, #ADD0EB);
         color: #FFF;
         position: relative;
         min-height: 300px;
         overflow: hidden;
         padding-bottom: 20px;
         margin-bottom: 30px;
     }

     .coFounders-section.skewed-bg2::before {
         content: '';
         position: absolute;
         top: -62%;
         left: 0;
         right: 0;
         height: 100%;
         background: #FFF;
         transform: skew(0deg, 60deg);
     }

     .weAreAxius-section h3 {
         font-size: 22px;
         text-align: center;
     }

     .tabHolder .nav-tabs {
         position: absolute;
         width: 340px;
         left: 0;
         right: 0;
         margin-top: 30px;
         margin-left: auto;
         margin-right: auto;
     }

     .tabHolder .nav-tabs button {
         font-size: 14px;
     }

     .cust-tab .tabLeft ul {
         padding: 0;
     }

     .cust-tab {
         margin-top: 90px;
         padding: 0 !important;
     }

     .cust-tab .tabLeft h4 {
         font-size: 20px;
         margin: 20px 0;
     }

     .cust-tab .tabLeft p {
         font-size: 16px;
         line-height: 26px;
     }

     .stayUpdate-section h3 {
         font-size: 22px;
         opacity: 0.9;
         margin: 0 0 15px;
     }

     .stayUpdate-section {
         padding-top: 20px;
         background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgb(65, 138, 192, 0.5) 88%, rgb(66, 139, 193) 100%);
     }

     .update-img img {
         height: 387px;
         object-fit: cover;
     }

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

     .updateDivBlock h4 {
         font-size: 14px;
         padding: 10px 15px 0px;
         line-height: 24px;
     }

     .overlayConent .btnFontQuote3 {
         left: 20px;
         width: 170px;
         bottom: 25px;
     }

     .updateDivBlock {
         margin: 0px 0 0px;
     }

     .career-section {
         padding: 50px 0;
     }

     .career-section::before {
         height: 150px;
         width: 100%;
     }

     .careerLeft img {
         border-radius: 15px 15px 0 0;
     }

     .careerRight h3 {
         font-size: 18px;
         line-height: 28px;
         margin: 20px 0;
     }

     .careerRight p {
         font-size: 16px;
     }

     .careerRight {
         padding: 0 20px 50px;
     }

     .careerHolder {
         -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
         -moz-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
         box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
     }

     .ubermenu .ubermenu-target-text {
         text-transform: capitalize;
     }

     #header .ubermenu-responsive-toggle {
         position: absolute;
     }

     #hero.service-banner {
         height: 100vh;
         background-position: 80% 0 !important;
     }

     #hero.service-banner::before {
         background: linear-gradient(90deg, rgba(2, 22, 40, 0.6) 20%, transparent 100%);
     }

     #hero.service-banner h1 {
         font-size: 32px;
     }

     #hero.service-banner .carousel-container {
         top: 0;
         ;
         bottom: auto;
         height: 100%;
     }

     .leftsConnect {
         margin: 0 auto;
     }

     #hero.service-banner p {
         opacity: 1 !important;
     }

     .web-development-section .serviceLeft h3 {
         font-size: 24px;
         line-height: 32px;
     }

     .web-development-section .serviceLeft h2 {
         font-size: 24px;
         line-height: 32px;
     }

     .serviceBlockDiv p {
         font-size: 14px;
         line-height: 18px;
         padding-right: 20px;
     }

     .serviceBlockDiv p br {
         display: none;
     }

     .serviceBlockDiv h3 {
         font-size: 32px !important;
     }

     .web-development-section {
         background: none;
         position: relative;
         padding-bottom: 200px;
     }

     .web-development-section::before {
         content: "";
         background: url(../img/development-mob-bg.png);
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         background-size: cover;
         background-position: left bottom;
     }

     .technology-section h3 {
         font-size: 22px;
         text-align: center;
     }

     .serviceTabHolder .nav-tabs button {
         font-size: 14px;
         font-weight: normal;
     }

     .technology-section {
         background: transparent;
     }

     .serviceTabHolder .cust-tab {
         margin-top: 0px;
     }

     .techBlock {
         width: 24%;
         margin: 8px 0;
     }

     .serviceTabRight {
         margin: 0 -8px 40px;
     }

     .serviceTabLeft h4 {
         font-size: 18px;
     }

     .serviceTabLeft h2 {
         font-size: 18px;
     }

     .serviceTabLeft {
         padding: 30px 20px;
     }

     .serviceTabLeft p {
         padding-right: 0;
         font-size: 14px;
         opacity: 0.8;
     }

     .serviceTabLeft ul li img {
         width: 16px;
     }

     .serviceTabLeft ul li {
         padding: 0px 0 20px;
     }

     .serviceTabLeft ul li:last-child {
         padding-bottom: 0;
     }

     .engagement-model-section h3 {
         font-size: 20px;
     }

     .engagement-model-section {
         padding-top: 0;
         background: transparent;
     }

     .engagement-model-section .row .col-lg-4 {
         padding: 0;
     }

     .modelBlock {
         padding: 30px 30px 10px;
     }

     .innovation-section .section-title h3 {
         font-size: 22px;
     }

     .innovation-section .section-title h2 {
         font-size: 22px;
     }

     .innovation-section .section-title p {
         padding: 0;
         font-size: 14px;
     }

     .innovation-section .btnFontQuote2 {
         margin: 30px auto 0;
     }

     .innovation-section {
         padding: 0;
     }

     .faq-section h3 {
         font-size: 22px;
         line-height: 32px;
     }

     .faq-section h2 {
         font-size: 22px;
         line-height: 23px;
     }

     .faq-section .section-title {
         text-align: left;
         padding-bottom: 0;
     }

     .faq-section .container {
         max-width: 100%;
     }

     .faq-section .accordion button .accordion-title {
         font-size: 16px;
     }
     .page-template-ride-share-solution-tmpl .faq-section .accordion button .accordion-title {
         font-size: 15px;
     }

     .news-section h3 {
         font-size: 22px;
         padding: 0 15px;
     }

     .single-article {
         display: block;
         background: #fff;
         -webkit-box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.06);
         -moz-box-shadow: 0px 0px 22px 8px rgba(0, 0, 0, 0.06);
         box-shadow: 0px 0px 22px 8px rgba(0, 0, 0, 0.06);
     }

     .article-img img {
         height: 203px;
     }

     .article-content a h4 {
         font-size: 16px;
         line-height: 24px;
     }

     .serviceBlockDiv p a img {
         width: 18px;
         right: 40px;
         top: -18px;
     }

     #hero .contactForm.form2 {
         position: relative;
         right: 0;
     }

     .contactForm.form2 {
         width: 90%;
         margin: 100px auto 40px;
         padding: 24px 18px 36px 18px;
     }

     .banner-List {
         max-width: 100%;
     }

     .contactForm.form2 .captchaArea>p {
         text-align: center;
     }

     .contactForm.form2 .captchaArea>p {
         font-size: 14px;
     }

     .contactForm.form2 .btnSubmit {
         float: none;
     }

     .listContent p {
         font-size: 14px !important;
         width: 70% !important;
     }

     .contact-banner-text p {
         opacity: 0.8 !important;
     }

     .listContent h4 {
         font-size: 18px;
     }

     .bannerLogosec {
         margin-top: 0;
     }

     .banner-List {
         margin-top: 20px;
     }

     .contactinformations {
         padding: 0;
     }

     .infoBlock {
         margin-bottom: 20px;
     }

     .contctInfoArea .btnFontQuote2 {
         margin: 20px auto 0;
     }

     .contctMapsec {
         padding-bottom: 0;
         padding-top: 0;
     }

     .successs-right h3 {
         font-size: 22px;
         text-transform: uppercase;
         padding-right: 5%;
         color: #fff;
         font-weight: 900;
     }

     .successs-right h3 span {
         color: #FFA44A;
     }

     .successs-right p {
         font-size: 16px;
         color: #fff;
     }

     .successs-right p br {
         display: none;
     }

     #storyCarousel2 .carousel-item .card {
         margin: 0;
         height: 470px
     }

     #storyCarousel2 .carousel-item .card p {
         color: #000;
     }

     #storyCarousel2 .carousel-item .card .colonDiv img {
         width: 60px;
         bottom: 80px;
         right: 16px;
     }
     #storyCarousel2 .carousel-item .card .profile
     {
         margin-top: 71px;
     }

     #storyCarousel2 .carousel-item .card .pro-img {
         width: 59px;
         height: 59px;
     }

     #storyCarousel2 .carousel-item .card .pro-cont h4 {
         font-size: 16px;
     }

     #robotcarousel .carousel-indicators {
         bottom: -50px;
         text-align: center;
     }

     #robotcarousel .carousel-indicators [data-bs-target] {
         width: 15px;
     }

     .successs-left {
         margin-top: 60px;
     }

     .keystone-sec .caseBox {
         position: relative;
         padding: 20px;
     }

     .keystone-sec .caseBox::before {
         content: "";
         background: url(../img/keystone-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .keystone-sec .caseBox,
     .vruumz-sec .caseBox {
         padding: 20px;
     }

     .wipro-sec .case-img img,
     .vruumz-sec .case-img img,
     .exchat-sec .case-img img,
     .comon-sec .case-img img {
         width: 100%;
         height: auto;
     }

     .keystone-sec .case-img img {
         height: 300px !important;
         width: auto !important;
         margin: 0 auto;
     }

     .case-content h3 {
         font-size: 24px;
         margin-bottom: 15px;
     }

     .case-content p br,
     .case-content h5 br {
         display: none;
     }

     .case-content h5 {
         font-size: 16px;
         line-height: 24px;
     }

     .case-content p {
         font-size: 15px;
     }

     .bordClass {
         margin: 20px 0;
     }

     .btnGroup span {
         font-size: 11px;
     }

     .btnGroup span img {
         height: 21px;
     }

     .btnGroup span:last-child {
         margin-left: 15px;
     }

     .wiseasy-sec .caseBox,
     .brightcall-sec .caseBox,
     .wipro-sec .caseBox,
     .oneworld-sec .caseBox,
     .wiseasy-academy-sec .caseBox,
     .comon-sec .caseBox,
     .pixxi-sec .caseBox,
     .exchat-sec .caseBox,
     .sumen-sec .caseBox,
     .bhatnagars-sec .caseBox,
     .sonoma-sec .caseBox,
     .imagine-english-sec .caseBox,
     .sonoma2-sec .caseBox,
     .aristo-sec .caseBox,
     .flyingSquirrel-sec .caseBox {
         padding: 20px;
     }

     .wiseasy-sec .case-content {
         padding-left: 0;
     }

     .wiseasy-sec .caseBox {
         /* background:none!important; */
         position: relative;
         padding: 20px;
     }

     .unbiasly_case .caseBox {
         padding: 20px !important;
         height: auto !important;
     }

     .keystone-sec .caseBox {
         padding: 20px !important;
         height: auto !important;
     }

     .wiseasy-academy-sec .caseBox {
         padding: 20px !important;
         height: auto !important;
     }

     .vruumz-sec .caseBox {
         height: auto !important;
         padding: 20px;

     }

     .unbiasly_case .caseBox .case-content {
         margin-top: 20px;
     }

     .unbiasly_case .caseBox .case-content h1 {
         margin-bottom: 15px;
     }

     .wiseasy-sec .caseBox::before {
         content: "";
         background: url(../img/wiseasy-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .brightcall-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .brightcall-sec .caseBox::before {
         content: "";
         background: url(../img/brightcall-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }


     .wipro-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .wipro-sec .caseBox::before {
         content: "";
         background: url(../img/wipro-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .oneworld-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .oneworld-sec .caseBox::before {
         content: "";
         background: url(../img/oneworld-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .wiseasy-academy-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .wiseasy-academy-sec .caseBox::before {
         content: "";
         background: url(../img/wiseasy-academy-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .comon-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .comon-sec .caseBox::before {
         content: "";
         background: url(../img/comon-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .pixxi-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .pixxi-sec .caseBox::before {
         content: "";
         background: url(../img/pixxi-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .vruumz-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .vruumz-sec .caseBox::before {
         content: "";
         background: url(../img/vruumz-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .exchat-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .exchat-sec .caseBox::before {
         content: "";
         background: url(../img/exchat-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .sumen-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .sumen-sec .caseBox::before {
         content: "";
         background: url(../img/sumen-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .bhatnagars-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .bhatnagars-sec .caseBox::before {
         content: "";
         background: url(../img/bhatnagars-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .sonoma-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .sonoma-sec .caseBox::before {
         content: "";
         background: url(../img/sonoma-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .imagine-english-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .imagine-english-sec .caseBox::before {
         content: "";
         background: url(../img/imagination-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .sonoma2-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .sonoma2-sec .caseBox::before {
         content: "";
         background: url(../img/sonoma2-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .aristo-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .aristo-sec .caseBox::before {
         content: "";
         background: url(../img/aristo-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .flyingSquirrel-sec .caseBox {
         background: none !important;
         position: relative;
         padding: 20px;
     }

     .flyingSquirrel-sec .caseBox::before {
         content: "";
         background: url(../img/flying-sq-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px;
         z-index: -1;
     }

     .keystone-sec .case-img {
         margin: 10px auto;
     }

     .keystone-sec .case-content,
     .wiseasy-sec .case-content,
     .brightcall-sec .case-content,
     .wipro-sec .case-content,
     .oneworld-sec .case-content,
     .wiseasy-academy-sec .case-content,
     .comon-sec .case-content,
     .pixxi-sec .case-content,
     .vruumz-sec .case-content,
     .exchat-sec .case-content,
     .sumen-sec .case-content,
     .bhatnagars-sec .case-content,
     .sonoma-sec .case-content,
     .imagine-english-sec .case-content,
     .sonoma2-sec .case-content,
     .aristo-sec .case-content,
     .flyingSquirrel-sec .case-content {
         padding-left: 0;
         margin-top: 0px;
     }

     .wiseasy-sec .caseBox,
     .brightcall-sec .caseBox,
     .wipro-sec .caseBox,
     .oneworld-sec .caseBox,
     .comon-sec .caseBox,
     .pixxi-sec .caseBox,
     .exchat-sec .caseBox,
     .sumen-sec .caseBox,
     .bhatnagars-sec .caseBox,
     .sonoma-sec .caseBox,
     .imagine-english-sec .caseBox,
     .sonoma2-sec .caseBox,
     .aristo-sec .caseBox,
     .flyingSquirrel-sec .caseBox {
         display: block;
         position: relative;
         height: auto !important;
         ;
     }

     .keystone-sec .case-img,
     .wiseasy-sec .caseBox .case-img,
     .brightcall-sec .caseBox .case-img,
     .wipro-sec .caseBox .case-img,
     .oneworld-sec .caseBox .case-img,
     .wiseasy-academy-sec .caseBox .case-img,
     .comon-sec .caseBox .case-img,
     .pixxi-sec .caseBox .case-img,
     .exchat-sec .caseBox .case-img,
     .sumen-sec .caseBox .case-img,
     .bhatnagars-sec .caseBox .case-img,
     .sonoma-sec .caseBox .case-img,
     .imagine-english-sec .caseBox .case-img,
     .sonoma2-sec .caseBox .case-img,
     .aristo-sec .caseBox .case-img,
     .flyingSquirrel-sec .caseBox .case-img {
         /* height: 320px; */
         display: flex;
         align-items: center;
     }

     .brightcall-sec .caseBox .case-img img,
     .wipro-sec .caseBox .case-img img,
     .pixxi-sec .caseBox .case-img img,
     .exchat-sec .caseBox .case-img img {
         height: 299px;
         width: auto;
         margin: 0 auto;
     }

     .oneworld-sec .caseBox .case-img img,
     .wiseasy-academy-sec .caseBox .case-img img,
     .comon-sec .caseBox .case-img img,
     .sumen-sec .caseBox .case-img img,
     .bhatnagars-sec .caseBox .case-img img,
     .sonoma-sec .caseBox .case-img img,
     .imagine-english-sec .caseBox .case-img img,
     .sonoma2-sec .caseBox .case-img img,
     .aristo-sec .caseBox .case-img img,
     .flyingSquirrel-sec .caseBox .case-img img {
         height: auto;
         width: 100%;
     }

     .wiseasy-sec .case-img img {
         height: 260px !important;
     }

     .sumen-sec .case-img img,
     .wiseasy-academy-sec .case-img img,
     .oneworld-sec .case-img img,
     .sonoma-sec .case-img img,
     .imagine-english-sec .case-img img,
     .sonoma2-sec .case-img img,
     .aristo-sec .case-img img,
     .flyingSquirrel-sec .case-img img {
         width: 100%;
     }

     .innovateHolder {
         background: none !important;
         position: relative;
         padding: 50px 20px;
     }

     .innovateHolder::before {
         content: "";
         background: url(../img/innovate-mob-bg.png) no-repeat center top;
         background-size: cover;
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         border-radius: 20px 20px 0 0;
         z-index: -1;
     }

     .innovate-img img {
         margin-bottom: 50px;
     }

     .innovate-content h3 {
         font-size: 24px;
         opacity: 0.9;
     }

     .innovate-content {
         padding-left: 0;
     }

     .innovate-content p {
         font-size: 16px;
     }

     .innovate-content p br {
         display: none;
     }

     .case-content p {
         width: 100%;
     }

     .pxxi-pos-1,
     .pxxi-pos-2,
     .pxxi-pos-3 {
         display: none;
     }

     .page-template-service-tmpl #hero h1 br {
         display: none !important;
     }

     #hero.service-banner h1 span {
         display: block;
     }

     .web-development-section .serviceLeft p {
         font-size: 16px;
     }

     .blogBlock {
         margin: 15px 0 0;
     }

     .blogLeft {
         margin-bottom: 15px;
     }

     .blogRight h3 a {
         font-size: 20px;
         min-height: auto;
     }

     .blogRight p {
         font-size: 14px;
     }

     .blogBlock img {
         height: auto;
     }

     .pagination>li>a,
     .pagination>li>span {
         width: 24px;
         height: 24px;
         padding: 4px 0;
     }

     .engagement-model-section .section-title {
         padding-bottom: 0px;
     }

     .modelBlock {
         padding: 20px 20px 10px;
         min-height: auto;
     }

     .modelBlock ul li {
         margin: 10px 0;
         font-size: 14px;
     }

     .modelBlock h4 {
         font-size: 18px;
     }

     .news-section .section-title {
         padding-bottom: 0px;
         margin-top: 15px;
     }

     .news-section .blogBlock>h3,
     .news-section .blogBlock h3 a {
         min-height: auto;
     }

     .innovation-section .section-title h3 {
         line-height: 28px;
     }

     .innovation-section .section-title h2 {
         line-height: 28px;
     }

     .blogListArea .blogBlock h3,
     .blogListArea .blogBlock h3 a {
         min-height: auto;
     }

     .filterButtons {
         margin: 0 0 0px;
     }

     .filterButtons .tabNav .nav {
         margin-bottom: 0 !important;
     }

     .blogRight h5 {
         font-size: 13px;
     }

     .serviceBlockDiv p a {
         right: 0;
     }

     #hero.inner-page-banner {
         margin-top: 0px !important;
     }

     .case-content h3 {
         font-size: 20px;
     }

     .imageHolder {
         height: 240px;
     }

     .news-section h3 {
         padding: 0;
     }

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

     .blogBlock>p {
         min-height: auto;
     }

     .news_section_home .section-title {
         padding-bottom: 0;
     }

     #hero p {
         font-size: 16px;
         margin-bottom: 30px;
     }

     #hero h1 {
         font-size: 36px;
     }

     #hero .carousel-content.container {
         padding-top: 0px;
     }

 }

 @media (max-width:380px) {
     .filterButtons .tabNav button {
         padding: 5px 10px;
         font-size: 14px;
     }
 }

 .date_class {
     color: #004083;
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 5px;
     display: block;
 }

 .feat_image {
     margin-top: 27px;
 }

 .successs-left h3 span {
     color: #FFA44A;
     opacity: 1;
 }

 .cn-popup .popup-body strong {
     font-weight: 800;
 }

 .case-header .ubermenu.ubermenu-desktop .ubermenu-target-text {
     font-size: 16px;
 }

 .faq-section .content {}

 .faq-section .content ul {
     list-style: none;
     position: relative;
 }

 .faq-section .content ul li {
     padding-left: 0px;
 }

 .faq-section .content ul li:before {
     font-family: FontAwesome;
     content: "\f138";
     position: absolute;
     left: 1em;
     color: #005293;
     font-size: 12px;
     line-height: 24px;
 }

 .accordion .option>input {
     margin-right: 10px;
 }

 .breadcrumb-wrap li {
     position: relative;
     padding-right: 10px !important;
 }

 .breadcrumb-wrap li a::after {
     content: ">";
     margin-left: 10px;
     color: #174EA0 !important;
 }

 .breadcrumb-wrap li:last-child a::after {
     content: none;
 }

 .breadcrumb-wrap li:last-child {
     padding-left: 10px;
 }

 .breadcrumb-wrap li a:hover {
     color: #000;
 }

 .contactForm .checkBoxDiv .wpcf7-list-item label {
     display: flex;
     align-items: center;
     color: #000;
 }

 .unselectable {
     -webkit-user-select: none;
     -webkit-touch-callout: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -user-select: none;

 }

 #hero.service-banner h2 {
     color: #fff;
     margin-bottom: 50px;
     font-size: 20px;
     opacity: 0.8 !important;
 }

 .service-tab .left-tab ul.tabs li h2 {
     float: left;
     margin: 0;
     cursor: pointer;
     padding: 12px 40px 12px 15px;
     line-height: 31px;
     color: #fff;
     overflow: hidden;
     position: relative;
     width: 100%;
     font-weight: 500;
     font-size: 16px;
 }

 /*============================ IOS APP Development Company Page CSS =======================*/
 .appcontent p {
     color: #fff;
     opacity: 0.8;
     font-size: 18px;
     margin: 20px 0 0;
 }

 .appcontent h1 {
     color: #fff;
     font-weight: 900;
     font-size: 36px;
     margin-bottom: 30px;
 }

 .usa_page_service h3 {
     font-size: 19px;
     font-weight: 600;
     text-align: center;
 }

 .serviceBlockusa {
     margin: 30px 0 0;
     padding-bottom: 20px;
     border-radius: 20px;
 }

 .serviceBlockusa p {
     text-align: left;
     font-size: 15px;
     ;
     /*padding-right: 39px;*/
     padding-right: 20px;
 }

 .serviceBlockusa h3 {
     text-align: left;
 }

 #hero.usa-banner h1 {
     color: #fff;
     font-size: 34px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 10px;
 }


 #hero.usa-banner h2 {
     color: #fff;
     margin-bottom: 50px;
     font-size: 18px;
     opacity: .8 !important;
 }

 .usa_page_service .section-content h3 {
     font-size: 31px;
     line-height: 37px;
     font-weight: 900;

 }

 .usa_page_service .section-content p {
     text-align: center;
     padding: 0 10%;
     margin-top: 20px;
     font-size: 18px;

 }

 /******Our Process*****/

 .our-process-item h3 {
     font-size: 18px;
     font-weight: 700;
     -webkit-transition: all 400ms ease-out;
     transition: all 400ms ease-out;
     margin-bottom: 0;
 }

 .our-process-item {
     position: relative;
     z-index: 1;
     display: block;
     text-align: left;
     padding: 35px 30px;
     border-radius: 5px;
     background-color: #ffffff;
     -webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     -moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     -webkit-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
     margin-top: 30px;
 }

 .our-process-icon i {
     color: #ff561d;
     font-size: 38px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
 }

 .our-process-item p {
     margin-top: 10px;
 }

 .our-process-content h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     text-align: center;
 }

 .our-process-content p {
     text-align: center;
     padding: 0 10%;
     margin-top: 20px;
 }


 .our-process-item ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .our-process-item ul li:before {
     position: absolute;
     left: 0px;
     content: '';
     width: 20px;
     height: 20px;
     background: url(https://axiussoftware.com/wp-content/uploads/2023/08/bullet.png);
     background-size: 100%;
 }

 .our-process-item ul li {
     position: relative;
     padding: 0px 0 0px 27px;
     margin-top: 10px;
 }

 .blog_heading {
     line-height: normal !important;
 }

 /****** Our Values *******/

 .our-values-item h3 {
     font-size: 18px;
     font-weight: 700;
     -webkit-transition: all 400ms ease-out;
     transition: all 400ms ease-out;
     margin-bottom: 0;
 }

 .our-values-item {
     position: relative;
     z-index: 1;
     display: block;
     text-align: center;
     padding: 35px 30px;
     border-radius: 5px;
     background-color: #ffffff;
     -webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     -moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
     -webkit-transition: all 500ms ease-out;
     transition: all 500ms ease-out;
     margin-top: 30px;
 }

 .our-values-icon i {
     color: #ff561d;
     font-size: 38px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
 }

 .our-values-item p {
     margin-top: 10px;
 }

 .our-values-content h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     text-align: center;
 }

 .our-values-content p {
     text-align: center;
     padding: 0 10%;
     margin-top: 20px;
 }

 .process-heading {
     height: 38px
 }

 .process_number {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     color: #fff;
     text-transform: uppercase;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .faq-section {
     background: #fff !important;
 }

 #get_in_touch {
     width: 100%;
     height: calc(100vh - 110px);
     min-height: 700px;
     padding: 0;
     overflow: hidden;
     background: #fff;

 }

 #get_in_touch.contact-page-banner {
     height: 145vh;
     position: relative;
 }

 #storyCarousel .carousel-inner .carousel-item .card p {
     height: 150px;
 }

 .mobile-services-item {
     /*position: relative;
z-index: 1;
display: block;*/
     text-align: center;
     padding: 35px 30px;
     /* border-radius: 5px;
background-color: #ffffff;
-webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
-moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
-webkit-transition: all 500ms ease-out;
transition: all 500ms ease-out;*/
     margin-top: 30px;
 }

 .mobile_border_item {
     border-right: 1px solid #3c3c3c;
     border-bottom: 1px solid #3c3c3c;
 }

 .mobile_border_item_none {
     border-bottom: 0px solid #3c3c3c;
     border-right: 1px solid #3c3c3c;
 }

 .mobile-section-icon i {
     color: #ff561d;
     font-size: 38px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
 }

 .mobile-services-item p {
     margin-top: 10px;
 }

 .mobile-section-content h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     text-align: center;
 }

 .mobile-section-content p {
     text-align: center;
     padding: 0 10%;
     margin-top: 20px;
 }

 .mobile-services-item h3 {
     font-size: 20px;
     font-weight: 700;
     -webkit-transition: all 400ms ease-out;
     transition: all 400ms ease-out;
     margin-bottom: 0;
 }

 /*============= Logo Grid Section =============*/

 .logo-section {
     padding-bottom: 0;
 }

 .logoGridHolder {}

 .list-services {
     text-align: center;
     position: relative;
     margin-top: 40px;
 }

 .list-services .img-holder {
     border-radius: 50%;
     overflow: hidden;
     border: 2px solid #fff;
     margin: -50px auto 0;
     max-width: 75px;
 }

 .services-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     text-align: center;
     position: relative;
     margin: 0;
 }

 .services-list:before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
     background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
     z-index: 1;
 }

 .services-list:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
     background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
     z-index: 1;
 }

 .services-list li {
     width: 20%;
     position: relative;
     background-color: #fff;
     height: 150px;
     padding: 40px 0;
 }

 .services-list li:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     border-right: 1px solid #174EA0;
     border-bottom: 1px solid #174EA0;
 }

 .services-list .link-box {
     margin-bottom: 7px;
     height: 50px;
 }

 .services-list a {
     display: block;
     position: relative;
     z-index: 2;
     color: #24505f;
     font-size: .8571rem;
     line-height: 14px;
 }

 .services-list a:hover {
     color: #000;
 }

 .services-list a:hover figure {
     background: linear-gradient(to right, #FED23C, #FFA44A) !important;
 }


 .services-list a:hover i {
     color: #24505f;
 }

 .services-list a i {
     -webkit-transition: color .2s ease-in-out;
     transition: color .2s ease-in-out;
     color: 50px;
     font-size: 2.428571rem;
 }

 .services-list a i.icon-money,
 .services-list a i.icon-smartphone,
 .services-list a i.icon-schedule,
 .services-list a i.icon-smartphone1 {
     font-size: 2.857142rem;
 }

 .services-list a i.icon-calc,
 .services-list a i.icon-marker {
     font-size: 2.714285rem;
 }

 .services-list .link-box figure {
     border-radius: 10px;
     background-image: linear-gradient(133deg, rgba(23, 38, 77, 1) 0%, rgba(47, 92, 146, 1) 83%);
     ;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
 }

 .services-list .link-box figure img {
     max-width: 30px;
     filter: brightness(0) invert(1);
 }

 .logo-section .section-content h3 {
     font-size: 38px;
     line-height: 37px;
     font-weight: 900;
     text-align: center;
 }

 .logo-section .section-content h3 span {
     color: #174EA0;
 }

 .logo-section .section-content p {
     text-align: center;
     padding: 0 10%;
     margin-top: 20px;
 }

 .usa_page_service .serviceBlockusa .app-image {
     display: none;
 }

 .usa_page_service .serviceBlockusa {
     padding-left: 20px;
 }

 .usa_page_service .serviceBlockusa h3 {
     position: relative;
 }

 .usa_page_service .serviceBlockusa h3::before {
     content: "";
     position: absolute;
     border-radius: 50%;
     background-color: rgba(0, 82, 146, 1);
     width: 7px;
     height: 7px;
     box-shadow: 0 0 0 4px #c1e2fc;
     top: 7px;
     left: -30px;
 }

 @media (max-width:480px) {
     .services-list li {
         width: 50%;
     }
 }

 .small_word {
     font-size: 28px;
     color: #000 !important;
 }


 /*Career Page Css 12.04.2024 =====*/


 .career-banner {
     padding-top: 8% !important;
 }

 .carrer-ban-hd {
     margin-bottom: 3rem !important;
     text-align: center;
     z-index: 1;
     position: relative;
 }

 .career-banner h3 {
     font-size: 50px;
     font-weight: 900;
     text-transform: uppercase;
 }

 #hero.inner-page-banner h3 span {
     display: inline-block;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     background-clip: border-box;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .career-banner {
     padding-top: 10% !important;
     background: linear-gradient(0deg, rgba(0, 83, 147, 0.1) 0%, rgba(230, 150, 0, 0.1) 100%) !important;
 }

 .career-banner::before {
     display: none;
 }

 .career-banner img {
     width: 100%;
     opacity: 1;
 }

 .career-banner .bottom_img {
     width: 100%;
     opacity: 1;
     border-radius: 20px;
     height: 650px;
     object-fit: cover;

 }

 .career_logo_area .logosecArea {
     margin: 0 50px;
     position: relative;
 }


 #hero.career-banner p {
     width: 100%;
     color: #000;
     font-size: 16px !important;
 }

 #hero.career-banner .btnFontQuote2 img {
     width: 20px;
     margin-right: 10px;
 }

 .bannerLogosec-career {
     background: #fff;
     padding: 30px 0;
     border-top: 1px solid #eee;
 }

 .bannerLogosec-career .logosecArea {
     box-shadow: none;
     padding: 30px 1%;
 }

 .careermain_banner {
     position: relative;
     overflow: hidden;
 }

 .careermain_banner::before {
     position: absolute;
     background: rgba(255, 255, 255, 0.3);
     content: "";
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
 }

 /*======== words-from-employees carousel Form =========*/

 .words-from-employees {
     padding-top: 40px;
 }

 .words-from-employees h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     text-transform: capitalize;
     margin-bottom: 30px;
 }

 .words-from-employees h3 span {
     color: #174EA0;
     opacity: 1;
 }

 #words-from-employees .pro2-img img {
     width: 100%;
 }



 #words-from-employees .employee {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     position: relative;
     z-index: 9;
 }

 #words-from-employees .carousel-inner .carousel-item .card {
     border: 0;
 }

 #words-from-employees .carousel-inner .carousel-item .card .pro-cont h3 {
     font-size: 30px;
     font-weight: bold;
     text-transform: capitalize;
     margin-bottom: 30px;
     line-height: 40px;
 }

 #words-from-employees .carousel-inner .carousel-item .card .pro-cont h4 {
     font-size: 18px;
     font-weight: bold;
     text-transform: capitalize;
 }

 #words-from-employees .carousel-inner .carousel-item .card .pro-cont h6 {
     font-size: 16px;
     font-weight: normal;
     display: block;
 }

 #words-from-employees .carousel-inner .carousel-item .card p {
     opacity: 0.8;
     font-size: 18px;
     line-height: 24px;
 }

 #words-from-employees .carousel-indicators {
     margin-left: 6%;

 }

 /* ======================client story=============== */
 .words-from-employees .pro2-img {
     margin-right: -100px;
 }

 .pro2-img img {
     width: 100%;
     height: 500px;
     object-fit: cover;
     object-position: top;
 }

 /* .words-from-employees .employee{
      padding-left: 100px;
      padding-right: 60px;
      margin-left: 70px;
      margin-top: 66px;
  } */


 #words-from-employees .carousel-inner .carousel-item .card {
     padding: 70px 60px 70px 50px;
     margin-top: 66px;
     background: #fff;
     box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
     border-radius: 10px;
     margin-bottom: 30px;
 }

 .client_img_name {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .client_img_name .client_img img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
 }

 #words-from-employees .carousel-indicators {
     bottom: 50px;
 }

 /* ======================client story=============== */
 /* .benifits {background:#000;} */
 .benifits h3 {
     font-size: 31px;
     line-height: 48px;
     opacity: 1;
     font-weight: 900;
     color: #000;
     text-transform: capitalize;
 }

 .benBox {
     background: #f3f3f3;
     height: 100%;
     padding: 20px;
     border-radius: 10px;
     -webkit-box-shadow: 0px 0px 20px -24px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 20px -24px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 0px 20px -24px rgba(0, 0, 0, 0.75);
 }

 .benBox img {
     max-width: 60px;
 }

 .benBox h5 {
     font-size: 18px;
 }

 .job-position h3 {
     font-size: 38px;
     line-height: 48px;
     font-weight: 900;
     text-transform: capitalize;
 }

 .job-position h3 span {
     color: #174EA0;
     opacity: 1;
 }

 /*==== tab Section Css ====*/


 .open-positions-sec h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     text-transform: capitalize;
 }

 .open-positions-sec h3 span {
     color: #004083;
     opacity: 1;
 }



 .open-positions .nav-tabs {
     margin-bottom: 40px;
     border: 0;
 }

 .open-positions .nav-tabs li.nav-item {
     margin: 0 10px;
 }

 .open-positions .nav-tabs li.nav-item button {
     border: 1px solid #ccc;
     border-radius: 5px;
     color: #000;
     font-weight: 500;
     font-size: 18px;
 }

 .open-positions .nav-tabs li.nav-item button.active {
     background: linear-gradient(to left, #FED23C, #FFA44A) !important;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     color: #000;
 }



 .job-preview {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 ul.job-list {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 ul.job-list>li.job-preview {
     background: #fff;
     border: 1px solid #d7e2e9;
     -webkit-border-radius: 0.4rem;
     -moz-border-radius: 0.4rem;
     border-radius: 0.4rem;
     padding: 0.5rem 2rem;
     margin-bottom: 1rem;
     float: left;
     width: 100%;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }

 ul.job-list>li.job-preview .content {
     position: relative;
     width: 30%;
     margin: 0;
     overflow: hidden;
 }

 ul.job-list>li.job-preview:hover {
     cursor: pointer;
     background: #f9f9f9;
     -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
 }

 .job-title {
     margin-top: 0.6rem;
     font-size: 18px;
 }

 .company {
     color: #96a4b1;font-size: 15px;
     
 }

 .job-preview .job_type {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 }

 .job-preview .job_type .job_btn {
     display: inline-block;
     color: #000;
     background: #f7f7f7;
     padding: 4px 15px;
     font-size: 14px;
     border: 1px solid #ECEDF2;
     color: #202124;
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
     transition: all 0.5s ease-in-out;
 }

 .job-preview .job_type .job_btn:hover {
     background: linear-gradient(to left, #FED23C, #FFA44A) !important;
 }

 .btn-apply {
     text-transform: uppercase;
     font-size: 0.875rem;
     font-weight: 800;
     letter-spacing: 1px;
     background-color: transparent;
     color: #174EA0;
     border: 2px solid #174EA0;
     padding: 0.6rem 2rem;
     -webkit-border-radius: 2rem;
     -moz-border-radius: 2rem;
     border-radius: 2rem;
 }

 .btn-apply:hover {
     background-color: #174EA0;
     color: #fff;
     border: 2px solid #174EA0;
 }

 .accordion-header button {
     font-size: 18px;
     font-weight: 600;
     color: #000;
 }

 .accordion-item {
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .125);
 }

 .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: 1rem 1.25rem;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     background-color: #fff;
     border: 0;
     border-radius: 0;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     overflow-anchor: none;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
 }

 .accordion-button:not(.collapsed) {
     color: #000;
     background-color: #F1F9FF;
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
 }

 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     transform: rotate(-180deg);
 }

 .accordion-button::after {
     flex-shrink: 0;
     width: 1.25rem;
     height: 1.25rem;
     margin-left: auto;
     content: "";
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-size: 1.25rem;
     transition: transform .2s ease-in-out;
 }

 @media (max-width: 575px) {
     .job-preview .content {
         width: 100%;
         margin-bottom: 20px;
     }

     .job-preview {
         display: block;
     }
 }

 @media only screen and (min-width: 992px) {
     #navbar-main {
         background: transparent;
         border-bottom: 1px solid transparent;
     }

     #navbar-main .navbar-brand {
         color: #fff;
         opacity: 0.8;
         padding: 0.95rem 1.2rem;
     }

     #navbar-main .navbar-brand:hover,
     #navbar-main .navbar-brand:focus {
         opacity: 1;
     }

     #navbar-main .navbar-nav>li.nav-item>a {
         color: #fff;
         opacity: 0.8;
         padding: 0.95rem 1.2rem;
     }

     #navbar-main .navbar-nav>li.nav-item>a:hover,
     #navbar-main .navbar-nav>li.nav-item>a:focus {
         opacity: 1;
     }
 }



 @media (min-width:768px) {
     .tab-content .accordion-item {
         border: 0;
         border-radius: 0;
     }
 }

 @media (max-width:767px) {
     .tab-content>.tab-pane {
         /*  display: block;*/
         opacity: 1;
     }

     #open-positions-sec .open-positions .tab-content>.tab-pane {
         display: block;
     }
 }


 /*======= CSR Page Css ======*/


 /* body.page-template-csr-tmpl .inner-page-header .ubermenu.ubermenu-desktop .ubermenu-target-text {color:#000;} */
 #hero.csr-sec-1::before {
     content: "";
     background: linear-gradient(90deg, rgba(2, 22, 40, 0.6) 20%, transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 /* .csr-sec-1 h2 {font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    text-align:center;
    color:#fff;
    position:relative;
   } */
 .csr-sec-1 h2 span {
     display: inline-block;
     background: -webkit-linear-gradient(#FED23C, #FFA44A);
     background-clip: border-box;
     background-clip: border-box;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .csr-sec-1 p {
     color: #fff;
 }

 .csr-img-holder {
     position: relative;
     padding: 100px;
     border-radius: 20px;
     overflow: hidden;
     z-index: 1;
 }

 .csr-img-holder::before {
     position: absolute;
     background: rgba(0, 0, 0, 0.5);
     content: "";
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: -1;
 }


 .csr-sec-2 {
     text-align: center;
 }

 .csr-sec-2 h3 {
     font-size: 31px;
     font-weight: 900;
     text-align: center;
     color: #000;
     position: relative;
     padding: 0 10%;
     margin-bottom: 30px;
 }

 .csr-sec-2 p {
     color: #000;
     padding: 0 10%;
     font-size: 18px;
     opacity: 0.7;
 }

 /*.csr-sec-4 #words-from-employees .carousel-indicators {
      bottom: 0;
      position: relative;
      margin-bottom: 0;
      margin-top: 0;
  }*/
 .csr-sec-4 #words-from-employees .carousel-indicators {
     display: none;
 }

 .csr-sec-3 {
     padding-top: 0;
 }

 @-webkit-keyframes scroll {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(calc(-250px * 7));
     }
 }

 @keyframes scroll {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(calc(-250px * 7));
     }
 }

 .csr-sec-3 .slider {
     margin: auto;
     overflow: hidden;
     position: relative;
     width: 100%;
     padding-top: 60px;
 }

 .csr-sec-3 .slide {
     position: relative;
     overflow: hidden;
 }

 .csr-sec-3 .slide::before {
     position: absolute;
     content: "";
     background-color: #282f3b;
     opacity: 0.4;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 .csr-sec-3 .slider img {
     border-radius: 15px;
     width: 100%;
 }

 /* .csr-sec-3 .slide:nth-of-type(odd) {
  margin-top:-30px;
  } */




 /*.csr-sec-3 .slider::before, .csr-sec-3 .slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
  }
  .csr-sec-3 .slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
  }
  .csr-sec-3 .slider::before {
    left: 0;
    top: 0;
  }*/
 .csr-sec-3 .slider .slide-track {
     -webkit-animation: scroll 40s linear infinite;
     animation: scroll 40s linear infinite;
     display: flex;
     width: calc(250px * 14);
 }

 .csr-sec-3 .slider .slide {
     width: 250px;
     margin: 0 10px;
     border-radius: 15px;
 }

 .csr-sec-4 {
     position: relative;
     background: #fff;
     padding: 45px 0;
 }

 .csr-sec-4::before {
     content: "";
     background: rgb(195, 224, 245);
     background: linear-gradient(176deg, rgba(195, 224, 245, 1) 24%, rgba(173, 208, 235, 1) 66%);
     position: absolute;
     height: 100%;
     width: 410px;
     top: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
     z-index: 0;
 }

 .csr-sec-4 .carousel-inner {
     overflow: visible;
 }

 .left-csr-sec h3 {
     font-size: 31px;
     font-weight: 900;
     text-transform: capitalize;
     margin-bottom: 30px;
     color: #000;
 }

 .left-csr-sec h3 span {
     color: #004083;
     opacity: 1;
 }

 .left-csr-sec p {
     font-size: 18px;
     margin-bottom: 30px;
     color: #000;
     opacity: 0.8;
     max-width: 690px;
 }

 .left-csr-sec .btnAbout {
     padding: 10px 21px !important;
     font-size: 15px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff !important;
     border-radius: 10px;
     max-width: 200px;
     /*height: 10px;*/
     text-align: center;
    background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .left-csr-sec .btnAbout i {
     font-size: 24px;
     margin-left: 10px;
 }

 .left-csr-sec .btnAbout:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .left-csr-sec .btnAbout:after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
        background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .left-csr-sec .btnAbout:hover:after {
     left: 0;
 }

 .left-csr-sec .btnAbout:hover {
     color: #fff;
 }

 .right-csr-sec img {
     width: 100%;
     border-radius: 15px;
     border-radius: 15px;
     -webkit-box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
     -moz-box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
     box-shadow: -27px -2px 171px -52px rgba(0, 82, 146, 0.61);
 }

 .common__btn a {
     font-size: 14px;
 }

 .csr_event_tab ul {
     display: flex;
     padding: 0;
     gap: 10px;
     justify-content: center;
 }

 .csr_event_tab ul li {
     list-style: none;
 }

 .csr_event_tab ul li a {
     padding: 15px 22px !important;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     color: #000 !important;
     border-radius: 50px;
     text-align: center;
     background: transparent;
     -webkit-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     -moz-box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     box-shadow: 0px 11px 66px -12px rgba(0, 0, 0, 0.65);
     position: relative;
     transition: all 0.5s ease-in-out;
     display: block;

 }

 .csr_event_tab ul li:hover a,
 .csr_event_tab ul li.active a {
     background: linear-gradient(to right, #FED23C, #FFA44A);
 }

 .csr_event_wrapper .each_event_box:not(:first-child) {
     display: none;
 }

 .csr_event .each_event {
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     margin-top: 30px;
     border: 1px solid #ddd;
     padding: 10px 10px;
     box-shadow: 0px 3px 24px -8px rgba(0, 0, 0, 0.35);
 }

 /* .csr_event .each_event::before{
      position: absolute;
      content: "";
      background-color: #282f3b;
      opacity: 0.4;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }  */
 .csr_event .each_event img {
     border-radius: 15px;
     width: 100%;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .csr_event .each_event .info {
     padding: 0;
     text-align: center;
 }

 .info h5 {
     color: #000;
     font-size: 20px;
     margin-bottom: 10px;
 }

 /* ==============glightbox=============== */
 .info a {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: linear-gradient(to right, #FED23C, #FFA44A);
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 26px;
     color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
 }

 .csr_event .each_event:hover .info a {
     opacity: 1;
     visibility: visible;
 }

 /* ===new-css=== */

 #hero.csr-sec-1 h2 {
     line-height: 27px;
     font-weight: 400;
 }

 .mob_banner {
     position: absolute;
     display: none;
     z-index: 0;
     width: 100%;
     bottom: 0;
     object-fit: cover;
     height: auto;
 }

 .csr_for_mobile {
     display: none;
 }


 /* ==============modal css============= */
 .jobModal .modal-header {
     /* background: linear-gradient(to right, #FED23C, #FFA44A); */
     background: #174EA0;
     text-align: center;
     justify-content: center;
     border: none;
     padding: 30px;
 }

 .jobModal .modal-footer {
     border: none;
 }

 .job_title {
     font-size: 24px;
     font-weight: 600;
     opacity: 1;
     margin: 0;
     color: #fff;
 }

 .job_desc {
     position: relative;
 }

 .job_desc h6 {
     font-size: 20px;
     color: #000;
     font-weight: 800;
 }

 .job_desc h6>span {
     font-weight: 500;
 }

 .job_desc ul li {
     font-size: 18px;
     opacity: 0.8;
 }

 .each_form_wrap {
     margin-bottom: 15px;
     position: relative;
 }

 .each_form_wrap.form_valid {
     /*display: flex;*/
     align-items: center;
     gap: 20px;
     margin-bottom: 0;
 }

 .each_form_wrap.form_valid label {
     margin-bottom: 0;
     flex: 0 0 auto;
 }

 .each_form_wrap .each_input {
     position: relative;
     z-index: 9;
     background: transparent;
     border: 1px solid #BFBFBF;
     width: 100%;
     padding: 10px;
     border-radius: 7px;
     height: 47px;
     font-size: 14px;
     appearance: auto;
     opacity: 0.8;
     font-weight: 600;
 }

 .each_form_wrap textarea.each_input {
     appearance: none;
     height: 100px;
 }

 .each_form_wrap .each_input:focus {
     outline: none;
     box-shadow: none;
 }

 .each_form_wrap .each_input::placeholder {
     color: #ccc;
     opacity: 1;
     font-size: 14px;
 }

 .each_form_wrap label {
     color: #000;
     font-size: 16px;
     opacity: 0.8;
     margin-bottom: 8px;
 }

 .each_form_wrap label sup {
     color: red;
     font-size: 16px;
     top: -3px;
     left: 3px;
 }

 .jobModal .btnSubmit {
     padding: 10px 21px !important;
     font-size: 15px;
     font-weight: 500;
     text-transform: capitalize;
     color: #fff !important;
     border-radius: 10px;
     gap: 10px;
     /*height: 50px;*/
     text-align: center;
     background: #174EA0;
     position: relative;
     z-index: 2;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: flex-end;

     border: 0;
 }

 .jobModal .btnSubmit::after {
     position: absolute;
     content: '';
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #004083;
     z-index: -1;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .jobModal .btnSubmit:hover::after {
     left: 0;
 }

 .jobModal .btnSubmit:hover {
     box-shadow: 0px 1px 10px 5px #0000001a;
 }

 .file-input__input {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
 }

 .each_form_wrap .file-input__label {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     border-radius: 4px;
     font-size: 14px;
     font-weight: 600;
     width: 100%;
     justify-content: flex-start;
     background: transparent;
     border: 1px solid #BFBFBF;
     width: 100%;
     padding: 10px;
     border-radius: 7px;
     height: 47px;
     font-size: 14px;
 }

 .file-input__label svg {
     height: 16px;
     margin-right: 4px;
 }

 .btn_close {
     position: absolute;
     top: 0;
     right: 0;
     border-radius: 50%;
     /* background: linear-gradient(to right, #FED23C, #FFA44A); */
     opacity: 1;
     color: #fff;
     width: 32px;
     height: 32px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 30px;
     cursor: pointer;
 }

 .each_form_wrap .file-input input[type=file] {
     width: 300px;
     max-width: 100%;
     color: #444;
     padding: 5px;
     background: #fff;
     border-radius: 8px;
     border: 1px solid #555;
 }

 .each_form_wrap .file-input input[type=file]::file-selector-button {
     margin-right: 20px;
     border: none;
     background: #174EA0;
     padding: 10px 20px;
     border-radius: 8px 0 0 8px;
     color: #fff;
     cursor: pointer;
     transition: background .2s ease-in-out;
 }

 .each_form_wrap .file-input input[type=file]::file-selector-button:hover {
     opacity: 0, 5;
 }

 .allscrmImg img {
     height: 470px;
     width: 600px;
 }

 .video-banner-section {
     background-color: #fff !important;
 }









 /*=== 11.03.2024 css  ===*/

 @media (min-width:1920px) {
     #hero.contact-page-banner {
         height: 120vh !important;
     }

     .keystone-sec .case-img img,
     .wipro-sec .case-img img,
     .dhGate-sec .case-img img {
         height: 500px;
     }

 }

 @media (max-width:1920px) {

     #hero h1,
     #hero p {
         width: width:45%;
     }

     #hero .carousel-content {
         margin-top: 12% !important;
     }

     .dhGate-sec .case-img {
         width: auto;
         height: 580px;
     }

     .dhGate-sec .caseBox {
         padding: 60px;
         border-radius: 20px;
     }


     .dhGate-sec .case-img img {
         width: auto;
         height: 580px;
     }

     .dhGate-sec {
         margin: 0px 0 30px;
         padding: 0;
     }

     #hero.inner-page-banner,
     #hero.service-banner {
        /* height: 100vh !important;*/
     }

     #hero.career-banner {
         height: auto !important;
     }

     #hero.contact-page-banner {
         height: 120vh !important;
     }

     .keystone-sec .case-img img,
     .wipro-sec .case-img img,
     .dhGate-sec .case-img img,
     .sumen-sec .case-img img,
     .imagine-english-sec .case-img img {
         height: 500px;
         width: auto;
     }

     #hero.contact-page-banner .carousel-content {
         margin-top: 7% !important;
     }

     #hero.contact-page-banner .carousel-content {
         margin-top: 0% !important;
     }

     .contactForm.form2 {
         padding: 34px 28px 54px 28px;
     }

     #hero.contact-page-banner .carousel-container {
         top: 20%;
     }

     #hero.usa-banner {
         height: 90vh !important;
     }

     #hero.contact-page-banner .carousel-container {
         top: 4%;
     }
 }

 @media (max-width:1680px) {
     #hero.contact-page-banner .carousel-container {
         top: 0;
     }


 }

 @media (max-width:1600px) {
     #hero .carousel-content {
         margin-top: 6% !important;
     }

     #hero.contact-page-banner {
         height: 130vh !important;

     }

     .serviceTabLeft p {
         padding-right: 0;
     }

 }

 @media (max-width:1440px) {
     .filterButtons .tabNav button {
         padding: 5px 15px;
     }

     #hero.contact-page-banner .carousel-content {
         margin-top: 7% !important;
     }

     #hero.contact-page-banner {
         height: 110vh !important;

     }



     .page-template-sub-service-page-tmpl #hero.contact-page-banner {
         /*height: 130vh !important;*/
     }

     /* .page-id-6679 #hero.contact-page-banner {
         height: auto !important;
     } */

     .page-id-16 #hero.contact-page-banner {
         height: 153vh !important;
     }

     .benBox {
         min-height: 113px;
     }

 }

 @media (max-width:540px) {
     #hero.contact-page-banner .carousel-content {
         margin-top: 0 !important;
     }

     #hero.contact-page-banner {
         height: auto !important;

     }
    .page-template-hire-app-developer-tmpl #hero.contact-page-banner {
    height: 110vh !important;
  }
   .page-template-sub-service-page-tmpl #hero.contact-page-banner {
    height: 133vh !important;
  }
  
 }

 @media (max-width:1366px) {
     .approach-area .single-approach .approach-content-wrap .scroll-content-area .content h5 {
         font-size: 20px !important;
         height: 46px;
     }

     /*#hero.service-banner {
         height: 100vh !important;
     }*/

     .filterButtons .tabNav button {
         padding: 5px 10px;
     }

     .blogs-section .filterButtons .tabNav button {
         padding: 15px 30px;
         line-height: 18px;
         /*border-radius: 100px;*/
     }
     
     .page-template-news-insight .blogs-section .filterButtons .tabNav button {
         padding: 15px 30px;
         line-height: 18px;
         border-radius: 100px;
     }

     .about-number-section .section-title {
         margin: 40px 0 20px;
     }

     .keystone-sec .case-img img,
     .wipro-sec .case-img img,
     .dhGate-sec .case-img img,
     .sumen-sec .case-img img,
     .imagine-english-sec .case-img img {
         height: 480px;
         width: auto;
     }
 }

 @media (max-width:1298px) {
     #hero.contact-page-banner .carousel-container {
         top: 2%;
     }

     .keystone-sec .case-img img,
     .wipro-sec .case-img img,
     .dhGate-sec .case-img img {
         height: 440px;
     }
 }

 @media (max-width:1024px) {
     .btnFontQuote1 {
         /*width: 150px;*/
         max-width: 262px;
         /*margin-left: 10px;*/
     }
     .page-template-home-tmpl .blog-section .btnFontQuote1{
         margin-top: -18px;
        width: 120px;
     }
     .page-template-home-tmpl .news_section_home .btnFontQuote1{
         margin-right: 9px;
     }

     .ubermenu-skin-trans-black .ubermenu-item-level-0>.ubermenu-target {
         padding: 14px 6px !important;
     }

     #header .logo a img {
         max-height: 40px;
     }

     #hero h1 {
         font-size: 45px;
     }

     #hero p {
         width: 55%;
     }

     #hero .carousel-content {
         margin-top: 6% !important;
     }

     .left-number-sec h3 {
         font-size: 28px;
     }

     .left-team-journey-sec h3 {
         font-size: 28px;
     }

     .case-study-section #caseStudycarousel .carousel-item .col-lg-4,
     .case-study-section #caseStudycarousel .carousel-item .col-lg-8 {
         width: 100% !important;
     }

     #storyCarousel .carousel-inner .carousel-item .card p {
         min-height: 210px;
     }

     .contactForm.form2 {
         width: 100%;
     }

     .contctInfoArea .infoBlock {
         min-height: 244px;
     }

     #storyCarousel2 .carousel-item .card {
         margin: 20px 0 20px 20px;
         padding: 10% 6%;
     }

     .blogs-section .filterButtons {
         margin: 0 0 0px;
     }

     .aboutCount-section .counts .col-lg-2 {
         padding: 5px;
     }

     .wiseasy-sec .case-img img {
         height: 350px;
     }

     .contactForm.form2 .btnSubmit {
         padding: 10px 22px !important;
         height: 44px;
     }

     .contactForm .form-group input,
     .contactForm .form-group select {
         height: 40px;
     }

     .contact-banner-text .banner-List {
         margin-top: 20px;
     }

     #hero.contact-page-banner p {
         line-height: 22px;
     }

     .our-process-item {
         padding: 35px 15px;
     }

     #hero.csr-sec-1 {
         background: url(https://www.axiussoftware.com/pregolive-v2/wp-content/uploads/2024/05/csr-mob-1.jpg) no-repeat !important;
         background-size: 100% !important;
     }

     #hero.careeer_bg {
         background: url(https://www.axiussoftware.com/pregolive-v2/wp-content/uploads/2024/05/career-mob.jpg) no-repeat !important;
         background-size: 100% !important;
     }

     /* .mob_banner{
        display: block;
    } */

 }

 /* ================for  csr and career mobile responsive=========== */
 @media (max-width:768px) {
     .csr_for_mobile {
         position: relative;
         padding: 60px 0;
         display: block;
         margin-top: 70px;
     }

     .csr_for_mobile::before {
         content: "";
         background: linear-gradient(90deg, rgba(2, 22, 40, 0.6) 20%, transparent 100%);
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         z-index: 0;
     }

     .csr_for_mobile h1 {
         color: #fff;
         font-size: 32px;
         font-weight: 900;
         margin-bottom: 30px;
         text-align: center;
     }

     .csr_for_mobile h2 {
         opacity: 0.8 !important;
         margin-bottom: 25px;
         font-size: 16px;
         line-height: 24px;
         font-weight: 500;
         color: #fff;
         text-align: center;
     }

     .csr_for_mobile h1 span {
         display: inline-block;
         background: -webkit-linear-gradient(#FED23C, #FFA44A);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }

     #hero.csr-sec-1 {
         display: none;
     }

     .csr_for_mobile .btnFontQuote2 {
         margin: 0 auto;
     }

 }



 @media (max-width:575px) {

     #hero h1,
     #hero p {
         width: 100%;
     }

     .csr-sec-2 h3,
     .left-csr-sec h3 {
         font-size: 22px;
         margin-bottom: 15px;
     }

     .csr-sec-2 p {
         padding: 0;
         font-size: 16px;
     }

     .left-csr-sec p {
         font-size: 16px;
     }

     /* .csr-sec-4  .top_order{
        order: -1;
    } */
     .csr_event_tab ul {
         flex-direction: column;
     }

     #hero.csr-sec-1 h2 {
         font-weight: 500;
         opacity: 1 !important;
     }

     #hero.csr-sec-1 h1 span {
         display: inline-block;
     }

     #hero.inner-page-banner,
     #hero.service-banner {
         height: 50vh !important;
     }

     #hero.csr-sec-1 {
         height: 38vh !important;
     }

     #hero.csr-sec-1 {
         margin-top: 0;
         min-height: 38vh;
     }

     #hero.service-banner h2 {
         opacity: 0.8 !important;
         margin-bottom: 25px;
     }

     #hero.service-banner h1 {
         margin-bottom: 10px;
     }

     #hero.csr-sec-1 .carousel-content {
         margin-top: 0 !important;
     }

     #hero.service-banner .carousel-container {
         top: 0;
         bottom: auto;
         height: 100%;
         z-index: 2;
     }

     #hero.csr-sec-1::before {
         content: "";
         background: linear-gradient(90deg, rgba(2, 22, 40, 0.6) 20%, transparent 100%);
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         z-index: 2;
     }

     #hero.csr-sec-1 h2 {
         opacity: 0.8 !important;
         margin-bottom: 25px;
         font-size: 16px;
         line-height: 24px;
     }

     .page-id-6682 #hero video,
     .page-id-6679 #hero video {
         position: static;
     }

     /* -----------career---------- */
     ul.job-list>li.job-preview .content {
         width: 100%;
         margin-bottom: 15px;
     }

     .job-preview .job_type {
         margin-bottom: 15px;
         justify-content: flex-start;
         gap: 6px;
     }

     ul.job-list>li.job-preview {
         padding: 1em;
         margin-top: 15px;
         margin-bottom: 0;
     }

     .words-from-employees h3,
     .benifits h3,
     .open-positions-sec h3 {
         font-size: 22px;
         line-height: 32px;
         margin-bottom: 10px;
     }

     /* .benifits .section-title,
    .open-positions-sec .section-title{
        padding: 0;
    } */
     .words-from-employees .pro2-img {
         margin-right: 0;
     }

     .words-from-employees {
         padding-bottom: 0;
     }

     .pro2-img img {
         height: auto;
     }

     #words-from-employees .carousel-inner .carousel-item .card {
         padding: 25px 35px;
         margin-top: 0;
         background: #fff;
         box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
         border-radius: 10px;
         margin-bottom: 20px;
     }

     #words-from-employees .carousel-indicators {
         bottom: 10px;
     }

     #words-from-employees .carousel-inner .carousel-item .card .pro-cont h3 {
         font-size: 20px;
         line-height: 30px;
         margin-top: 0;
         margin-bottom: 15px;
     }

     /* ==career== */
     .career_logo_area {
         margin-top: -60px;
         padding-top: 20px;
     }

     #words-from-employees .carousel-inner .carousel-item .card p {
         font-size: 16px;
     }

     .benifits {
         padding-top: 30px;
         padding-bottom: 30px;
     }

     .benBox {
         min-height: 90px;
     }

     .benBox h5 {
         font-size: 16px;
     }

     .benBox img {
         max-width: 50px;
     }

     .btn-apply {
         font-size: 14px;
     }

     /* ==============end========== */
     #hero.careeer_bg .carousel-content {
         margin-top: 10% !important;
     }

     #hero.careeer_bg p {
         opacity: 1 !important;
         margin-bottom: 15px;
     }

     .job-title {
         margin-top: 0.6rem;
         font-size: 18px;
     }

     .company {
         color: #96a4b1;
         font-size: 16px;
     }

     .career_logo_area .logosecArea {
         margin: 0;
     }

     .words-from-employees {
         padding-top: 0;
     }

     .open-positions-sec,
     .awards-section {
         padding-top: 0;
     }

     .client_img_name .client_img img {
         width: 60px;
         height: 60px;
         border-radius: 50%;
     }

     /*.accordion-item {
        border: none;
    }*/
     .csr-sec-4::before {
         height: 150px;
         width: 100%;
         top: auto;
     }

     .section-title {
         text-align: center;
         padding-bottom: 15px;
     }

     /* ============job modal responsive======= */
     .job_desc ul li {
         font-size: 16px;
     }

     .job_title {
         font-size: 18px;
     }

     .job_desc h6 {
         font-size: 18px;
     }

     .each_form_wrap .each_input {
         height: 40px;
     }

     .each_form_wrap {
         margin-bottom: 10px;
     }

     .jobModal .modal-header {
         padding: 20px;
     }

     .accordion-item {
         border: none;
     }

     .accordion-header button {
         font-size: 18px;
         opacity: 0.8;
         font-weight: 600;
         color: #000;
         border: 1px solid rgba(0, 0, 0, .125);
     }

     .accordion-button:not(.collapsed) {
         box-shadow: none;
     }

     .accordion-button:focus {
         border: 1px solid rgba(0, 0, 0, .125);
     }

     .csr-sec-4 {
         padding-top: 0;
     }

     .blogs-section .filterButtons .tabNav button {
         padding: 5px 10px !important;
     }
     



 }

 @media (max-width:480px) {
     #hero.inner-page-banner.career-banner h1 {
         margin-bottom: 15px !important;
     }

     #hero.inner-page-banner.career-banner {
         margin-top: 70px !important;
     }

     .career-banner h3 {
         font-size: 30px;
         margin-bottom: 20px !important;
     }

     #hero.inner-page-banner.career-banner {
         height: 90vh !important;
     }

     .footer-bottom .footer-links:nth-child(2n) {
         marging-top: 0;
     }

     .footer-bottom .footer-links:first-child ul {
         marging-bottom: 20px;
     }
 }

 /*=============== Case study New css 19-06-2024  ====================*/
 .sumen-sec .case-img {
     text-align: left;
 }

 .sumen-sec .case-img img {
     height: auto;
     width: 100%;
 }

 .kawo-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;

 }

 .kawo-sec .case-content {
     padding-left: 0px;
 }

 .kawo-sec .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
     display: flex;
     align-items: center;
     position: relative;
     background: #333344 !important;
 }

 .kawo-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .kawo-sec .case-img img {
     width: 100%;
 }

 .kawo-sec .caseBox .row {
     height: 100%;
 }


 .groceryapp-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;

 }

 .groceryapp-sec img {
     height: 500px;
     width: 460px;
 }


 #hero video {
     height: 760px !important;
     width: 100%;
 }

 .page-id-6682 #hero video,
 .page-id-6679 #hero video {
     height: 760px !important;
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     object-fit: cover;
     z-index: 0;

 }

 .page-id-6682 #main,
 .page-id-6679 #main {
     background-color: #fff;
     position: relative;
     /* z-index: 1; */
 }

 .page-id-6682 #footer,
 .page-id-6679 #footer {
     position: relative;
     z-index: 1;
 }

 .page-id-6682 .contact-section,
 .page-id-6679 .contact-section {
     margin: 0;
 }

 .case-study-section .caseBox img {
     height: 450px;
 }

 .diversity-sec {
     margin-top: -30px;
 }

 .groceryapp-sec .caseBox .row {
     height: 100%;
 }

 .groceryapp-sec .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
     background: linear-gradient(90deg, rgba(113, 54, 6, 1) 0%, rgba(196, 99, 18, 1) 46%) !important;
 }

 .groceryapp-sec .case-content {
     padding-left: 0px;
 }

 .groceryapp-sec .case-img {
     margin: 0 auto;
     text-align: center;
     position: relative;
     z-index: 9;
 }



 .dhGate-sec {
     display: flex;
     align-items: center;
     margin: 0px 0 30px;
     padding: 0;
 }

 .dhGate-sec .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
     display: flex;
     align-items: center;
     position: relative;
     background: linear-gradient(90deg, rgba(148, 55, 13, 1) 40%, rgba(87, 29, 3, 1) 100%) !important;
 }

 .dhGate-sec .case-img {
     margin: 0 auto;
     text-align: right;
     position: relative;
     z-index: 9;
 }

 .dhGate-sec .innovateHolder {
     background: linear-gradient(90deg, rgba(148, 55, 13, 1) 40%, rgba(87, 29, 3, 1) 100%) !important;
 }

 /*======= css 02-07-2024 =======*/

 /*
.sidebar-container {
    align-self: flex-start;
    position: sticky;
    top: 70px;

}
.sidebar-container .sticky-sidebar {
  align-self: flex-start;
}*/

 .blog-inner-page {
     padding: 10px 0;
 }

 .table_content div.ez-toc-widget-container ul {
     padding: 0;
 }

 .table_content div.ez-toc-widget-container ul li {
     margin-bottom: 5px;
     line-height: 16px;
 }

 .table_content .ez-toc-widget-container ul.ez-toc-list li.active {
     padding: 0;
     background: transparent;
 }

 .table_content .ez-toc-widget-container ul.ez-toc-list li a {
     font-weight: normal;
     padding-left: 0;
     font-size: 12px;
 }

 /*.table_content .ez-toc-widget-container ul.ez-toc-list li a.ez-toc-heading-1, .table_content .ez-toc-widget-container ul.ez-toc-list li a.ez-toc-heading-2, .table_content .ez-toc-widget-container ul.ez-toc-list li a.ez-toc-heading-10 {color:#1468fb!important;font-weight:800;}
.table_content .ez-toc-widget-container ul.ez-toc-list ul li a.ez-toc-heading-2 {color:#1468fb;font-weight:800;}
.table_content .ez-toc-widget-container ul.ez-toc-list ul li a.ez-toc-heading-3 {color:#1468fb;font-weight:normal;padding-left: 10px;}

.table_content .ez-toc-widget-container ul.ez-toc-list li ul.ez-toc-list-level-4
.table_content .ez-toc-widget-container ul.ez-toc-list li ul.ez-toc-list-level-4 li{padding-left: 10px;}
.table_content .ez-toc-widget-container ul.ez-toc-list li ul.ez-toc-list-level-4 li a {color: #1468fb; }
.table_content .ez-toc-widget-container ul.ez-toc-list li ul.ez-toc-list-level-4 li a:hover {color: #0092ff; }*/

 .table_content div.ez-toc-widget-container ul li.ez-toc-heading-level-2>a {
     color: #1468fb !important;
     font-weight: 800;
 }

 .table_content div.ez-toc-widget-container ul li.ez-toc-heading-level-2 ul.ez-toc-list-level-3 {
     padding-left: 10px;
     margin-top: 10px;
 }

 .table_content div.ez-toc-widget-container ul li.ez-toc-heading-level-2 ul.ez-toc-list-level-3 a {
     color: #1468fb;
     font-weight: normal;
 }

 .table_content div.ez-toc-widget-container ul li.ez-toc-heading-level-2>a,
 .table_content div.ez-toc-widget-container ul li.ez-toc-heading-level-2 ul.ez-toc-list-level-3 a:hover {
     color: #0092ff;
 }


 .table_content .ez-toc-widget-container nav {
     max-height: 400px;
     overflow-y: scroll;
     padding-right: 14px;
 }

 .table_content_sidebar .card-body,
 .table_content_sidebar.card {
     border: 0;
     padding: 0;
 }

 .table_content_sidebar .card-body {
     margin-bottom: 30px;
 }

 .table_content_sidebar .card-body hr {
     border-color: #555;
     max-width: 70px;
 }

 .table_content_sidebar .card-body h5 {
     font-size: 13px;
 }

 .table_content_sidebar .card-body ul {
     padding: 0;
 }

 .table_content div.ez-toc-widget-container ul.ez-toc-list {
     padding: 0px;
     margin-top: 5px;
 }

 .stickyBlog .col-md-3 {
     max-width: 20%;
 }

 .stickyBlog .col-md-9 {
     width: 80%;
 }

 .heightDiv {
     padding: 20px 0;
 }

 .table_content_sidebar .share_article {
     font-size: 12px;
 }

 /* width */
 nav::-webkit-scrollbar {
     width: 5px;
 }

 /* Track */
 nav::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px white;
     border-radius: 10px;
 }

 /* Handle */
 nav::-webkit-scrollbar-thumb {
     background: #cccccc;
     border-radius: 10px;
 }

 /* Handle on hover */
 nav::-webkit-scrollbar-thumb:hover {
     background: #888;
 }

 /*======= Hire Developer page css 22-07-2024 =======*/

 .hire-section1 {}

 .hire-Dev-holder {}

 .hire-dev-banner::before {
     display: none !important;
 }

 .hire-dev-banner img {
     width: 100%;
 }

 .hire-section1 h3 {
     font-size: 31px;
     line-height: 40px;
     font-weight: 900;
     margin-bottom: 30px;
     text-transform: capitalize;
 }

 .hire-section1 .section-title h3 span {
     color: #004083;
 }

 .hire-section1 .section-title p {
     padding: 0 10%;
 }

 .hire-iconbox-wrap3 {
     padding: 40px 28px;
     margin-top: 24px;
     display: flex;
     gap: 24px;
     transition: all .4s;
     border-radius: 10px;
     height: 100%;
 }

 .hire-iconbox-wrap3.border-all {
     border: 1px solid #e7e7e8;
 }

 .hire-iconbox-icon3 {
     flex-shrink: 0;
     max-width: 70px;
 }

 .hire-iconbox-icon3 img {
     position: absolute;
     height: 30px;
     left: 20px;
 }

 .hire-iconbox-data3 h5 {
     margin-bottom: 0px;
     color: #004083;
     padding-left: 40px;
     font-weight: 600;
     height: 60px;
     position: relative;
 }

 /* 
 .hire-iconbox-data3 h5::before{
    position: absolute;
    height: 50px;
    width: 4px;
    background-color: #005eb8;
    content: "";
    border-radius: 10px;
 

 } */
 .hire-iconbox-wrap3 {
     position: relative;
 }

 .vtline {
     height: 63px;
     width: 4px;
     background-color: #005eb8;
     position: absolute;
     left: 0;
     top: 31px;
     border-radius: 19px;
 }

 .hire-iconbox-data3 p {
     font-size: 16px;
     line-height: 24px;
 }

 .hire-iconbox-wrap3.border-all:hover {
     border: 1px solid #fff;
 }

 .hire-iconbox-wrap3:hover {
     background-color: #fff;
     box-shadow: 0 16px 50px 0 rgba(13, 14, 29, .12);
 }

 .equal {
     display: flex;
     flex-wrap: wrap;
 }

 .equal>div[class*='col-'] {
     display: flex;
     flex-direction: column;
 }



 .cyber-cta {
     margin-top: -100px;
 }

 .position-relative {
     position: relative !important;
 }

 .cyber-cta-bg {
     border-radius: 20px;
     padding: 60px;
 }

 .cyber-cta-btn {}

 .cyber-cta-btn a {
     margin: 0 auto;
 }

 .flexible-hiring-section {
     padding-top: 0;
 }

 .flexible-hiring-section .section-title p {
     padding: 0 10%;
 }

 .flexible-hiring-section .section-title h3 {
     font-size: 31px;
     line-height: 40px;
     font-weight: 900;
     margin-bottom: 30px;
     text-transform: capitalize;
 }

 .flexible-hiring-section .section-title h3 span {
     color: #004083;
 }


 .flexibleBlock {
     margin-top: 40px;
 }



 .hire_services {
     gap: 50px;
 }

 .hire_services>li {
     position: relative;
 }

 .unordered_list_block {
     display: flex;
     flex-direction: column;
 }

 .unordered_list_block>li {
     width: 100%;
     display: block;
     padding-right: 10%;
     min-height: 120px;
 }

 .hire_services>li:not(:last-child)::before {
     left: 34px;
     top: 92px;
     width: 2px;
     content: "";
     opacity: 1;
     height: 50px;
     position: absolute;
     border-left: 1px dashed #999;
 }

 .iconbox_block {
     padding: 50px 50px 42px;
     transition: all .4s;
     box-shadow: 0 1px 2px 0 rgba(174, 191, 210, 0.3);
 }

 .iconbox_block.layout_icon_left {
     padding: 30px;
     display: inline-flex;
     align-items: flex-start;
     border-radius: 50%;
 }


 .hire_services .iconbox_block.layout_icon_left {
     padding: 0;
     transform: unset;
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
 }

 .hire_services .iconbox_block.layout_icon_left .iconbox_icon {
     width: 66px;
     height: 66px;
     border-radius: 100%;
     background-color: #174EA0;
     box-shadow: 0 20px 24px 0 rgba(29, 40, 78, 0.1);
     margin: 0 30px 0 0;
     font-size: 18px;
     font-weight: 900;
     color: #f1f9ff;
 }

 .iconbox_block .iconbox_icon {
     width: 80px;
     height: 80px;
     flex: 0 0 auto;
     margin: 0 0 32px;
     border-radius: 100%;
     align-items: center;
     display: inline-flex;
     justify-content: center;
     color: #000;
     background-color: #fff;
 }

 .hire_services .iconbox_block.layout_icon_left .iconbox_icon img {
     max-width: 40px;
 }

 .hire_services .iconbox_block.layout_icon_left .iconbox_title {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 8px;
     font-weight: 600;
 }

 @media screen and (max-width: 1560px) {
     .hire_services .iconbox_block.layout_icon_left .iconbox_title {
         line-height: 1;
         font-size: 20px;
     }

     .hire_services .iconbox_block p {
         font-size: 16px;
     }
 }


 .flexibleBlock {
     margin-top: 40px;
 }

 .cyber-about-img img {
     border-radius: 20px;
     height: 580px;
     object-fit: cover;
     width: auto;
 }

 .quick-steps-section {
     background: #f1f9ff;
 }

 .quick-steps-section .section-title h3 {
     font-size: 31px;
     line-height: 40px;
     font-weight: 900;
     margin-bottom: 30px;
     text-transform: capitalize;
     
 }

 .quick-steps-section .section-title h3 span {
     color: #004083;
 }

 .quick-steps-section .section-title p {
     padding: 0 10%;
     font-size: 17px;
 }

 .approach-area {
     padding: 0 0;
 }

 .approach-area .divider {
     position: relative;
 }

 .approach-area .divider::before {
     content: "";
     position: absolute;
     top: 39%;
     left: 50%;
     transform: translateX(-50%);
     width: 98%;
     height: 2px;
     background-color: #d5edff;
     border-radius: 10px;
     display: none;
 }

 .approach-area .single-approach {
     display: flex;
     flex-direction: column;
     /*justify-content: center;
     align-items: center;*/
     height: 100%;
 }

 .approach-area .single-approach .img-area {
     margin-bottom: 15px;
 }

 .approach-area .single-approach .img-area img {
     width: 180px;
     height: 180px;
     border-radius: 50%;
     border: 6px solid #fff;
 }

 .approach-area .single-approach .dot {
     margin-bottom: 30px;
     line-height: 1;
     text-align: center;
 }

 .approach-area .single-approach .dot span {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #174EA0;
     display: inline-flex;
     position: relative;
     z-index: 1;
 }

 .approach-area .single-approach .approach-content-wrap {
     border-radius: 10px;
     background-color: #fff;
     padding: 30px 25px;
     position: relative;
     box-shadow: 0 4px 9px 0 rgba(13, 14, 29, 0.2);
     height: 100%;
 }

 .approach-area .single-approach .approach-content-wrap::after {
     content: "";
     position: absolute;
     width: 2px;
     height: 38px;
     background-color: #d5edff;
     left: 50%;
     transform: translateX(-50%);
     top: -38px;
 }


 .approach-area .single-approach .approach-content-wrap .scroll-content-area .content span {
     color: #004083;
     font-size: 13px;
     font-weight: 500;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 10px;
 }

 .approach-area .single-approach .approach-content-wrap .scroll-content-area .content h5 {
     color: #000;
     font-size: 23px;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 10px;
 }

 .approach-area .single-approach .approach-content-wrap .scroll-content-area .content p {
     color: #000;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.8;
     margin-bottom: 15px;
 }

 @media (max-width: 1799px) {
     .approach-area {
         padding: 0 8%;
     }
 }

 @media (max-width: 1699px) {
     .approach-area {
         padding: 0 6%;
     }
 }

 @media (min-width: 1400px) and (max-width: 1599px) {
     .approach-area {
         padding: 0 20px;
     }
 }


 .why-hire-section {

     /* margin-top: 440px; */
 }

 .why-hire-section .section-title h3 {
     font-size: 31px;
     line-height: 48px;
     font-weight: 900;
     margin-bottom: 30px;
     text-transform: capitalize;
 }

 .why-hire-section .section-title h3 span {
     color: #004083;
 }

 .why-hire-section .section-title p {
     padding: 0 10%;
 }

 .why-hire-section .left-awards-sec .faq-section {
     padding-bottom: 0 !important;
     padding-right: 5%;
 }

 .why-hire-section .left-awards-sec .faq-section .accordion .accordion-item {
     border-top: 0 !important;
     border-left: 0 !important;
     border-right: 0 !important;
 }

 .why-hire-section .left-awards-sec .faq-section .accordion button .accordion-title {
     color: #000 !important;
     opacity: 1;
 }

 .why-hire-section .right-awards-sec {
     padding: 30px;
     background: #fff;
     border: 1px solid #eee;
     border-radius: 30px;
 }

 .why-hire-section .right-awards-sec h3 {
     font-size: 31px;
     font-weight: 900;
     margin-bottom: 10px;
 }

 .why-hire-section .right-awards-sec h3 span {
     color: #004083;
     opacity: 1;
 }

 .why-hire-section .right-awards-sec p {
     margin-bottom: 15px;
 }

 .why-hire-section .awardBox {}


 .video-banner {
     height: fit-content !important;
 }



 /*
body.page-template-hire-developer-tmpl .ubermenu.ubermenu-desktop .ubermenu-target-text {
  color: #000;
  font-size: 16px;
}
body.page-template-hire-developer-tmpl .ubermenu.ubermenu-desktop .ubermenu-submenu .ubermenu-target-text {
  color: #fff;
}
body.page-template-hire-developer-tmpl .languageDiv select {
  color: #000;
}*/



 /*======= Hire Developer page css Ends =======*/





 @media (max-width: 1920px) {
     .kawo-sec .caseBox .case-img img {
         width: 100%;
         height: auto;
     }

     .dhGate-sec .case-img {
         height: auto;
     }
 }

 @media (max-width: 1600px) {

     /* .innovate-img img,
    .sonoma2-sec .case-img img,
    .comon-sec .case-img img,
    .oneworld-sec .case-img img,
.kawo-sec .caseBox .case-img img {
    width: 100%;
    height: 500px;
} */
     .dhGate-sec .case-img img {
         height: 450px;
     }

     .dhGate-sec .case-img {
         height: auto;
         text-align: center;
     }
 }

 @media (max-width: 1440px) {

     .kawo-sec .caseBox .case-img img,
     .dhGate-sec .caseBox .case-img img {
         width: 100%;
         height: auto;
     }

     .innovate-img img,
     .sonoma2-sec .case-img img,
     .comon-sec .case-img img,
     .oneworld-sec .case-img img,
     .kawo-sec .caseBox .case-img img {
         width: 100%;
         height: auto;
     }

     .dhGate-sec .case-img img {
         height: auto;
     }
     

     .stickyy {
         max-width: 17% !important;
         padding-right: 1px !important;
     }

 }

 @media (max-width: 991px) {
     .stickyBlog .col-md-3 {
         max-width: 40%;
     }

     .stickyBlog .col-md-9 {
         width: 60%;
     }
 }

 @media (max-width: 767px) {
     .stickyy {
         position: relative !important;
         top: auto !important;
         max-width: 100% !important;
     }

     .table_content_sidebar {
         margin-bottom: 40px;
     }

     .stickyBlog .col-md-3 {
         max-width: 100%;
     }

     .stickyBlog .col-md-9 {
         width: 100%;
     }

     .faq-section .accordion .accordion-content p {
         text-align: left !important;
     }

 }

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

 @media (max-width: 480px) {
     #hero video {
         height: 400px !important;
         width: 100%;
         position: static;
     }

     #hero.contact-page-banner h1 {
         font-size: 23px !important;
         text-align: left;
     }

     #hero.contact-page-banner p {
         font-size: 14px;

         text-align: left;
     }

     .videocaption .btnFontQuote2 {
         margin: 0 !important;
     }

     .wiseasy-academy-sec.iAmDoc.onDemand .caseBox {

         height: auto !important;
         padding: 20px;
     }

     .groceryapp-sec .caseBox {
         height: auto !important;
         padding: 20px;
     }

     .carousel-indicators {
         bottom: 1% !important;
     }

     .divider {
         margin-top: -5px;
     }

     .kawo-sec .caseBox {
         display: block;
         position: relative;
         padding: 20px;
         height: auto !important;
     }

     .kawo-sec .caseBox .case-img img {
         height: auto;
         width: 100%
     }

     .kawo-sec .caseBox .case-img {
         display: flex;
         align-items: center;
     }

     .groceryapp-sec .caseBox {
         position: relative;
         padding: 20px;
     }

     .groceryapp-sec .caseBox .case-img img {
         height: 299px;
         width: auto;
         margin: 0 auto;
     }

     .groceryapp-sec .caseBox .case-img {
         display: flex;
         align-items: center;
     }

     .dhGate-sec .caseBox .case-img {
         display: flex;
         align-items: center;
     }

     .dhGate-sec .caseBox {
         padding: 20px;
         height: auto !important;
     }

     .technology .nav-tabs li {
         min-width: auto;
         margin: 0 10px 10px;
     }

     /*--- css 22-08-2024----*/
     .hire-section1 h3,
     .flexible-hiring-section .section-title h3,
     .quick-steps-section .section-title h3,
     .why-hire-section .section-title h3,
     .faq-section .section-title h3 {
         font-size: 24px;
         line-height: 34px;
     }

     .hire-iconbox-wrap3 {
         display: block;
     }

     .cyber-cta-bg {
         padding: 40px 30px;
     }

     .cyber-cta-info h2 {
         text-align: center;
         margin-bottom: 20px;
     }

     .cyber-cta-info h2 br {
         display: none;
     }

     .flexible-hiring-section .section-title p,
     .hire-section1 .section-title p,
     .quick-steps-section .section-title p,
     .why-hire-section .section-title p,
     .faq-section .section-title p {
         padding: 0;
     }

     .iconbox_block.layout_icon_left {
         display: block;
     }

     .unordered_list_block>li {
         padding-right: 0;
         margin-top: 40px;
         min-height: auto;
     }

     .hire_services .iconbox_block.layout_icon_left .iconbox_icon {
         margin-bottom: 30px;
     }

     .hire_services {
         gap: 0px;
     }
 }

 @media (max-width: 380px) {

     .btnGroup span {
         font-size: 10px;
     }
 }

 @media (max-width: 1440px) {

     .kawo-sec .caseBox .case-img img,
     .dhGate-sec .caseBox .case-img img,
     .mexcham-sec .caseBox .case-img img{
         width: 100%;
         height: auto;
     }
 }


 /*----------------------------------------------- 09-09-2024--------------------------------------------------------------- */
 /* ===============Food banner Section=============== */
 .serviceRrow {
     --bs-gutter-y: 30px;
 }

 .foodBanner {
     background: linear-gradient(to bottom,
             rgba(202, 223, 239, 0.5) 0%,
             rgba(255, 255, 255, 0) 100%);
 }

 .breadcrumb {
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     font-size: 14px;
     margin-bottom: 15px;
 }

 .bannerContent h3 {
     font-size: 52px;
     font-weight: 700;
     margin-bottom: 30px;
     text-transform: capitalize;
 }

 .bannerContent h3 span {
     color: #004083;
 }
  .bannerContent h1 {
     font-size: 40px;
     font-weight: 700;
     margin-bottom: 30px;
     text-transform: capitalize;
 }

 .bannerContent h1 span {
     color: #004083;
 }

 .bannerContent p {
     animation-delay: 0.4s;
     color: #161616;
     font-size: 20px;
     margin-bottom: 30px;
     opacity: 0.8 !important;
 }

 /* ===============Develop A Food Delivery App Like Uber Eats & GrubHub=============== */
 .foodTitle {
     text-align: center;
     margin-bottom: 50px;
 }

 .foodTitle h3 {
     font-size: 31px;
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: capitalize;
 }

 .foodTitle h3 span {
     color: #004083;
 }

 .foodTitle p {
     max-width: 870px;
     margin: 0 auto;
     font-weight: 400;
     font-size: 19px;
 }

 .developAbout {
     text-align: center;
 }

 .developAboutContent {
     max-width: 640px;
 }

 .developAboutContent p {
     font-size: 18px;
 }

 /* ===============Develop A Food Delivery App Like Uber Eats & GrubHub=============== */
 .foodReach {
     background-size: cover;
     background-repeat: no-repeat;
 }

 .foodReach p {
     font-size: 29px;
     text-align: center;
     position: relative;
     padding: 25px;
     color: #fff;
     margin-bottom: 0;
 }

 .foodReach p:before {
     top: 0;
     left: 0;
     border-top: 5px solid #fae200;
     border-left: 5px solid #fae200;
     content: "";
     position: absolute;
     width: 50px;
     height: 50px;
     border-color: #fae200;
 }

 .foodReach p:after {
     content: "";
     position: absolute;
     width: 50px;
     height: 50px;
     right: 0;
     bottom: 0;
     border-right: 5px solid #fae200;
     border-bottom: 5px solid #fae200;
     border-color: #fae200;
 }

 .foodReach .btnFontQuote2 {
     margin: 0 auto;
 }

 /* ===============Your Next Food Delivery Mobile App Could Look Like This=============== */
 .carouselBox {
     -moz-column-gap: 30px;
     column-gap: 30px;
     width: -moz-max-content;
     width: max-content;
     display: flex;
     column-gap: 0;
 }

 .appSlides {
     animation: marquee-horizontal 20s linear infinite;
     animation-play-state: running;
     display: flex;
     -moz-column-gap: 20px;
     column-gap: 20px;
     transition: 0.3s;
     margin-right: 20px;
 }

 @keyframes marquee-horizontal {
     0% {
         transform: translateZ(0);
         visibility: visible;
     }

     100% {
         transform: translate3d(-100%, 0, 0);
     }
 }

 .carouselBox:hover .appSlides {
     animation-play-state: paused;
 }

 .appSlides img {
     border: 0;
     border-radius: 20px;
 }

 /* ===============Essential Features of Online Food Delivery Apps=============== */
 .essentialImg {
     border-radius: 15px;
     overflow: hidden;
     text-align: center;
 }

 .smallTitle h3 {
     font-size: 28px;
     padding-bottom: 15px;
     color: #000c1e;
     margin-bottom: 20px;
     position: relative;
 }

 .smallTitle h3:after {
     content: "";
     width: 5rem;
     height: 4px;
     border-radius: 5px;
     position: absolute;
     left: 0;
     bottom: 0;
     background-color: #174EA0;
 }

 .smallTitle p {
     font-size: 18px;
 }

 .singleBox {
     padding: 15px;
     margin-bottom: 10px;
     background: #fafafa;
     text-align: center;
     transition: 0.5s;
     position: relative;
     z-index: 1;
     border-radius: 5px;
     height: 100%;
 }

 .singleBox:before {
     left: 0;
     content: "";
     position: absolute;
     width: 0;
     height: 4px;
     background: #fae200;
     opacity: 0;
     visibility: hidden;
     bottom: 0;
     transition: 0.5s;
     top: auto;
     z-index: auto;
     border-radius: 5px;
 }

 .singleBox:after {
     right: 0;
     content: "";
     position: absolute;
     width: 0;
     height: 4px;
     background: #fae200;
     opacity: 0;
     visibility: hidden;
     bottom: 0;
     transition: 0.5s;
     top: auto;
     z-index: auto;
 }

 .singleBox:hover:before,
 .singleBox:hover:after {
     opacity: 1;
     visibility: visible;
     width: 50%;
 }

 .singleBox:hover .icon img {
     transform: rotateY(-1turn);
 }

 .singleBox:hover {
     transform: translateY(-10px);
     box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
 }

 .icon {
     margin-bottom: 15px;
     position: relative;
     z-index: 1;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 45px;
     width: 45px;
 }

 .icon img {
     transition: 0.5s;
     height: 100%;
     width: 100%;
     -o-object-fit: fill;
     object-fit: fill;
     -o-object-position: center;
     object-position: center;
 }

 .singleBox h3 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 15px;
     margin: 0 auto 9px;
     min-height: 40px;
 }

 .singleBox p {
     margin-bottom: 0;
     line-height: 23px;
 }

 .onlineFood {
     margin-top: 84px;
 }

 /* ===============Our clients happiness lies in the Journey=============== */
 .newCase {
     padding-top: 0;
     padding-bottom: 60px;
 }

 /* ===============Did you know that you can start your online food delivery business within 24 hours?=============== */
 .onlineFoodDeliery {
     background-repeat: no-repeat;
     background-size: cover;
 }

 .onlineFoodDeliery h2 {
     font-weight: 700;
     font-size: 32px;
     line-height: 1.6;
     /* margin: 0;
  */
     color: #fff;
     max-width: 75%;
     /* margin-bottom: 30px;
  */
     text-align: center;
     margin: 0 auto 30px;
 }

 .onlineFoodDeliery .btnFontQuote2 {
     margin: 0 auto;
 }

 /* ===============Online Food Delivery App Development for All Business Models=============== */
 .singlePart {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
     padding: 30px;
     /* min-height: 338px;
  */
     overflow: hidden;
     margin-bottom: 30px;
     position: relative;
     z-index: 1;
     text-align: center;
 }

 .singlePart .icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #00a2ff;
     width: 85px;
     height: 85px;
     line-height: 85px;
     border: 1px solid #e3f7e9;
     border-radius: 50%;
     transition: 0.5s;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
     margin-bottom: 20px;
 }

 .singlePart:after {
     background: linear-gradient(145deg, #17264d, #2f5c92);
     opacity: 0;
     visibility: hidden;
 }

 .singlePart:after,
 .singlePart:before {
     transition: 0.5s;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     /* border: 1px dashed rgba(0, 152, 254, .322);
  */
 }

 .singlePart:hover h3,
 .singlePart:hover p,
 .singlePart:hover ul li {
     color: #fff;
 }

 .singlePart:focus:after,
 .singlePart:hover:after {
     opacity: 0.85;
     visibility: visible;
 }

 .singlePart:focus .icon,
 .singlePart:hover .icon {
     border-color: #fff;
     background-color: #fff;
 }

 .singlePart .icon img {
     max-width: 60px;
     height: 60px;
 }

 .singlePart h3 {
     font-size: 26px;
     min-height: 32px;
 }

 .singlePart p {
     font-size: 18px;
 }

 .eachChain {
     list-style-type: none;
     padding: 0;
     position: relative;
     margin-bottom: 0;
 }

 .eachChain li {
     text-align: left;
     display: flex;
     align-items: start;
     margin-left: 30px;
     min-height: 35px;
 }

 .eachChain li::before {
     position: absolute;
     display: inline-block;
     font-family: bootstrap-icons !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     line-height: 24px;
     vertical-align: -0.125em;
     -webkit-font-smoothing: antialiased;
     content: "\f26b";
     margin-left: -25px;
 }

 /* ===============Advanced Features for Online Restaurant App Development=============== */
 .eachFeature {
     background: #fafafa;
     padding: 20px 30px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     transition: 0.5s;
     /*margin-bottom: 25px;*/
     height: 100%;
 }

 .eachFeature h3 {
     min-height: 52px;
 }

 .eachFeature:hover {
     transform: translateY(-10px);
 }

 .eachFeature::before,
 .eachFeature::after {
     content: "";
     position: absolute;
     width: 0;
     height: 4px;
     background: #fae200;
     opacity: 0;
     visibility: hidden;
     bottom: 0;
     transition: 0.5s;
     top: auto;
     z-index: auto;
 }

 .eachFeature::before {
     left: 0;
 }

 .eachFeature::after {
     right: 0;
 }

 .eachFeature .icon {
     width: 45px;
     height: 45px;
     position: relative;
     /*background-color: #eaefeb;*/
     border-radius: 5px;
     text-align: center;
     margin-bottom: 10px;
 }

 /* .advanceFeatures .col-lg-4:nth-child(2) .eachFeature .icon {
  background-color: #f1f6e9;
}
.advanceFeatures .col-lg-4:nth-child(3) .eachFeature .icon {
  background-color: #fdecdc;
}
.advanceFeatures .col-lg-4:nth-child(4) .eachFeature .icon {
  background-color: #f6e4eb;
}
.advanceFeatures .col-lg-4:nth-child(5) .eachFeature .icon {
  background-color: #e0f0f1;
}
.advanceFeatures .col-lg-4:nth-child(6) .eachFeature .icon {
  background-color: #fdecdc;
}
.advanceFeatures .col-lg-4:nth-child(7) .eachFeature .icon {
  background-color: #eae0f1;
}
.advanceFeatures .col-lg-4:nth-child(8) .eachFeature .icon {
  background-color: #e4f6e6;
}
.advanceFeatures .col-lg-4:nth-child(9) .eachFeature .icon {
  background-color: #e4eff6;
} */
 .eachFeature .icon img {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     margin: auto;
     height: 100%;
     width: 100%;
     -o-object-fit: scale-down;
     object-fit: scale-down;
     max-width: 45px;
     max-height: 45px;
 }

 .eachFeature .icon img:not(.no-filter) {
     filter: brightness(0.1);
 }

 .eachFeature:hover:before,
 .eachFeature:hover::after {
     opacity: 1;
     visibility: visible;
     width: 50%;
 }

 /* ===============Do you want to develop the next Uber Eats and DoorDash?=============== */
 .doorDash {
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
 }

 .doorDash h2 {
     color: #fff;
 }

 .doorDash a {
     margin: 20px auto 0;
 }

 /* ===============Automation of Food Delivery Solutions for Exponential Growth=============== */
 .eachAutomation {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     margin-bottom: 30px;
     position: relative;
     padding: 30px;
 }

 .eachAutomation .icon {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 auto 11px;
 }

 .eachAutomation h3 {
     font-size: 24px;
     text-align: center;
     min-height: 55px;
 }

 .eachAutomation p {
     margin-bottom: 0;
     font-size: 18px;
 }

 img {
     max-width: 100%;
 }

 @media screen and (max-width: 1366px) {

     /* .singleBox {
    min-height: 300px;
  } */
     .singlePart {
         min-height: 497px;
     }

     .ourserviceBg {
         padding: 100px 50px 100px 50px !important;
     }
 }

 @media (min-width: 1200px) {
     .eachFeature h3 {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 1199px) {
     .desktopCaseStudy-section .carousel-item img {
         min-height: 800px;
     }

     .eachFeature {
         min-height: 344px;
     }
 }

 @media screen and (max-width: 991px) {
     .foodBanner .bannerContent {
         text-align: center;
     }

     .foodBanner .btnFontQuote2 {
         margin: 0 auto 25px;
     }

     .foodbannerImg {
         margin: 0 auto;
         display: block;
         padding-top: 10px;
     }

     .developAboutContent {
         text-align: center;
         margin: 20px auto 0;
         max-width: 100%;
     }

     .foodTitle h3 {
         font-size: 34px;
     }

     .vendorApp {
         flex-direction: column-reverse;
     }

     .onlineFood {
         margin-top: 0;
     }

     .smallTitle {
         margin-top: 30px;
     }

     .eachAutomation {
         min-height: 185px;
     }
 }

 @media screen and (max-width: 767px) {
     .eachFeature {
         min-height: auto;
     }

     .singlePart {
         min-height: auto;
     }

     .divider {
         margin-top: 2px;
     }
 }

 @media screen and (max-width: 575px) {
     .bannerContent h3 {
         font-size: 37px;
     }
     .bannerContent h1 {
         font-size: 37px;
     }

     .foodTitle h3 {
         font-size: 30px;
     }

     .foodReach p {
         font-size: 26px;
     }

     .onlineFoodDeliery h2 {
         max-width: 100%;
         text-align: center;
     }

     .onlineFoodDeliery .btnFontQuote2 {
         margin: 0 auto;
     }
 }

 @media screen and (max-width: 430px) {
     .ourserviceBg {
         padding: 100px 72px 100px calc(45vw - 145.5px) !important;
     }
 }

 @media screen and (max-width: 420px) {
     .foodTitle h3 {
         font-size: 25px;
     }

     .foodBanner {
         margin-top: 0;
     }

     .bannerContent h3 {
         font-size: 30px;
         margin-top: 50px;
     }
     .bannerContent h1 {
         font-size: 30px;
         margin-top: 50px;
     }

     .ourserviceBg {
         padding: 100px 72px 40px calc(45vw - 135.5px) !important;
     }
 }

 /*----------------------------------------------- 17-09-2024--------------------------------------------------------------- */
 /* ===============Real Estate CRM =============== */
 /* banner */
 .realEstateBanner .leftsConnect {
     max-width: 254px;
 }

 /* Real Estate Business Can Be of Many Types */
 .businessContent {
     text-align: center;
     margin-bottom: 50px;
 }

 .businessContent h2 {
     font-size: 31px;
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: capitalize;
 }

 .businessContent h2 span {
     color: #004083;
 }

 .businessContent p {
     max-width: 870px;
     margin: 0 auto;
     font-weight: 400;
     font-size: 18px;
 }

 .eachBusiness {
     display: block;
     position: relative;
     background: #fff;
     -moz-transition: 0.2s !important;
     -ms-transition: 0.2s !important;
     transition: 0.2s !important;
     box-shadow: 0 25px 98px 0 rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     overflow: hidden;
     padding: 10px 15px;
     height: 100%;
 }

 .businessImgContent {
     margin-top: 20px;
 }

 .businessImg img {
     border-radius: 5px;
 }

 .businessImgContent h6 {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #005293;
     text-transform: capitalize;
     /* min-height: 57px;
  */
 }

 .businessTypes .btnFontQuote2 {
     /*max-width: 330px;*/
     margin: 30px auto 0;
 }

 /* Establish Meaningful Customer Connection | Drive Real Value for Your Real Estate Business */
 .customerConnection {
     /* background: #E8F1F8;
  */
     background: linear-gradient(to bottom,
             rgba(202, 223, 239, 0.5) 0%,
             rgba(255, 255, 255, 0) 100%);
 }

 .customerConnection .singleBox {
     min-height: auto;
     margin-bottom: 15px;
 }

 .customerConnection .singleBox h3 {
     min-height: auto;
 }

 /* Cutting-Edge CRM Solution That Meets All Your Needs */
 .cuttingEdgeTop {
     text-align: center;
 }

 .eachCrm {
     padding: 40px 28px;
     margin-top: 24px;
     gap: 24px;
     transition: all 0.4s;
     border-radius: 10px;
     height: 100%;
     border: 1px solid #e7e7e8;
 }

 .crmContent h4 {
     color: #004083;
 }

 .eachCrm p {
     margin-bottom: 0;
 }

 .eachCrm:hover {
     background-color: #fff;
     box-shadow: 0 16px 50px 0 rgba(13, 14, 29, 0.12);
     border: 1px solid #fff;
 }

 /* Is Your CRM Dictating How You Work? */
 .crmDictating {
     background-repeat: no-repeat;
     position: relative;
     background-size: cover;
     background-position: top right;
     background-repeat: no-repeat;
     text-align: center;
     color: #fff;
 }

 .crmDictating::before {
     content: "";
     background: linear-gradient(180deg,
             rgba(2, 22, 40, 0.6) 100%,
             transparent 100%);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: hidden;
 }

 .crmDictating h3,
 .crmDictating p {
     position: relative;
     z-index: 1;
 }

 .crmDictating h3 {
     font-size: 29px;
     font-weight: 900;
 }

 .crmDictating p {
     margin-top: 15px;
     font-size: 20px;
 }

 .crmDictating .leftsConnect {
     margin: 20px auto 0;
 }

 /* A Real Estate CRM for All Screens Sizes and Types */
 .estateCrm {
     background: #fff;
 }

 .estateCrm .eachChain li {
     font-size: 20px;
 }

 .estateCrm .eachChain li {
     align-items: center;
 }

 .estateCrm .nav-tabs .nav-link:hover,
 .estateCrm .nav-tabs .nav-link.active {
     background: linear-gradient(to left, #0484e8f5, #174EA0) !important;
     color: #fff;
     border: 1px solid #0484e8f5 !important;
 }

 /* Our USP: We Build Future-Proof Real Estate CRM Software */
 .futureProof {
     background: linear-gradient(to bottom,
             rgba(202, 223, 239, 0.3) 0%,
             rgba(255, 255, 255, 0) 100%);
 }

 .eachBuild {
     display: flex;
     margin-bottom: 40px;
     margin-top: 40px;
 }

 .eachbuildNumber {
     padding-right: 12px;
     border-right: 1px solid #e3e8f4;
     margin-right: 17px;
     color: #e8eaf2e0;
     font-size: 44px;
     font-style: normal;
     font-weight: 700;
     line-height: 44px;
     position: relative;
 }

 .eachbuildNumber::after {
     animation-duration: 3s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     /* animation-name: MOVE-BA;
  */
     content: "";
     height: 50px;
     width: 1px;
     right: 0px;
     background: #174EA0;
     top: 4px;
     border-radius: 50%;
     position: absolute;
 }

 @keyframes MOVE-BA {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }

     100% {
         -webkit-transform: translateY(-140px);
         transform: translateY(-140px);
     }
 }

 .eachBuildIcon {
     margin-bottom: 15px;
 }

 .eachBuildIcon img {
     width: 100%;
     max-width: 50px;
 }

 .eachBuildContent h5 {
     font-size: 20px;
     color: #004083;
     font-weight: 700;
 }

 /* Remain One Step Ahead of Your Competitors With Our Real Estate CRM Solution */
 .remainOne h3 {
     max-width: 958px;
     margin: 0 auto 30px;
 }

 .remainOne .leftsConnect {
     /*max-width: 353px;*/
     margin: 20px auto 0;
 }

 @media screen and (max-width: 1367px) {

     .realEstateBanner#hero,
     .realEstateBanner#hero .carousel-item {
         height: 156vh;
     }
 }

 @media screen and (max-width: 1300px) {
     .crmContent h4 {
         font-size: 21px;
         min-height: 20px;
     }
 }

 @media screen and (max-width: 1199px) {
     .crmContent h4 {
         min-height: 35px;
         font-size: 23px;
     }
 }

 @media screen and (max-width: 767px) {
     .businessImg img {
         width: 100%;
     }
 }

 @media screen and (max-width: 575px) {
     .realEstateBanner .leftsConnect {
         margin: 0 auto 30px;
     }

     .estateCrm .nav-tabs li:last-child {
         margin-top: 10px !important;
     }

     .remainOne h3 {
         font-size: 25px;
     }

 }

 @media screen and (max-width: 490px) {
     .remainOne h3 {
         max-width: 100%;
         font-size: 22px;
     }

     .crmDictating h3 {
         font-size: 35px;
     }

     .businessContent h2 {
         font-size: 25px;
         margin-bottom: 16px;
     }

     .smallTitle h3:after {
         left: 50%;
         transform: translateX(-50%);
     }

     .realEstateBanner#hero,
     .realEstateBanner#hero .carousel-item {
         height: auto;
     }
 }

 /* =============== Telemedicine app solution =============== */
 /* Bringing Healthcare to User Fingertips with On-Demand Telemedicine App */
 .userFinger {
     padding-top: 0;
 }

 .userFinger img {
     margin: 0 auto;
     display: block;
 }

 /* Our Telemedicine App Development Services */
 .ourTelemedicine {
     background: #edf7ff;
 }

 .telemedicineCard {
     visibility: visible;
     animation-duration: 0.4s;
     animation-delay: 0.2s;
     animation-name: fadeInLeft;
     height: 100%;
     border: none;
     border-bottom-width: medium;
     border-bottom-style: none;
     border-bottom-color: currentcolor;
     background: #fff;
     box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
     border-radius: 0;
     transition: all 0.4s ease-in-out;
     border-radius: 5px;
 }

 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-20px);
         -ms-transform: translateX(-20px);
         transform: translateX(-20px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 .telemedicineCardItem {
     padding: 20px;
     position: relative;
     overflow: hidden;
     transition: all 0.4s ease-in-out;
     height: 100%;
     z-index: 1;
 }

 .telemedicineCardoverlay {
     display: block;
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0%;
     left: 0%;
     color: #ffffff;
     background-color: #174EA0;
     z-index: 1;
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
 }

 .telemedicineCard:hover .telemedicineCardoverlay {
     width: 100%;
     left: 0%;
     opacity: 1;
     visibility: visible;
     transition: all 0.4s ease-in-out;
     z-index: -1;
 }

 .cardContent {
     display: inline-flex;
     margin-bottom: 15px;
     gap: 20px;
     align-items: center;
 }

 .cardContent img {
     height: 45px;
     width: 45px;
 }

 .telemedicineCard:hover .cardContent img {
     filter: invert(1);
 }

 .cardContent h4 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .telemedicineCard:hover .cardContent h4,
 .telemedicineCard:hover p {
     color: #fff;
 }

 .telemedicineRow {
     --bs-gutter-y: 30px !important;
 }

 /* Key Features of Our Telemedicine Software Solutions */
 .keyFeatures .eachChain li {
     display: block;
     margin-bottom: 15px;
 }

 .keyFeatures .tabArea {
     margin-top: 100px;
 }

 .keyFeatures {
     padding-top: 60px;
 }

 /* Expand Your Healthcare Services with Our Telemedicine App Development Solutions */
 .expandHealthcare {
     padding-top: 0;
 }

 .healthtypeCard {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     position: relative;
     margin-top: 30px;
 }

 .healthtypeCard .graspp-1 {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 30%;
 }

 .healthcard {
     flex: 0 0 28%;
     margin-bottom: 40px;
     margin-top: 40px;
 }

 .healthcareImg img {
     width: 45px;
     height: 45px;
     margin-bottom: 15px;
 }

 .healthcareImg h6 {
     font-size: 24px;
     font-weight: 600;
     color: #004083;
     text-transform: capitalize;
 }

 /* Want Industry Experts to Validate Your Custom App Idea? */
 .industryExpert .leftsConnect {
     max-width: 273px;
 }

 @media screen and (max-width: 1367px) {
     .healthcareImg h6 {
         font-size: 20px;
         min-height: 27px;
     }
 }

 @media screen and (max-width: 991px) {
     .foodBanner .leftsConnect {
         margin: 0 auto 0;
     }

     .fingerDemand p {
         text-align: center;
     }
 }

 @media screen and (max-width: 840px) {
     .healthtypeCard {
         display: block;
     }

     .healthtypeCard .graspp-1 {
         display: none;
     }

     .ourserviceBg {
         padding: 70px 22px 70px 30px !important;
     }
 }

 @media screen and (max-width: 767px) {
     .keyFeatures .eachChain {
         margin-bottom: 25px;
     }

     .keyFeatures .right-tab-content .tab_content {
         padding-top: 0;
     }
 }

 @media screen and (max-width: 575px) {
     .crmDictating h3 {
         font-size: 30px;
     }
 }

 @media screen and (max-width: 490px) {
     .crmDictating h3 {
         font-size: 27px;
     }

     .foodTitle h3 {
         font-size: 25px;
     }

     .foodTitle {
         margin-bottom: 20px;
     }
 }

 @media screen and (max-width: 490px) {
     .keyFeatures .right-tab-content .tab_content {
         padding-top: 40px;
     }

     .foodTitle h3 {
         font-size: 20px;
     }

     .case-study-section .caseBox {
         padding: 30px !important;
     }
 }

 @media screen and (max-width: 350px) {
     .foodTitle h3 {
         font-size: 17px;
     }

     .expandHealthcare .foodTitle {
         margin-bottom: 0;
     }

     .crmDictating h3 {
         font-size: 20px;
     }

     .keyFeatures .tabArea {
         margin-top: 30px;
     }

     .keyFeatures .foodTitle {
         margin-bottom: 0;
     }
 }

 .case-study-section .caseBox {
     padding: 60px;
     border-radius: 20px;
     width: 100%;
 }

 .case-study-section .btnGroup span img {
     height: 26px;
     margin-right: 10px;
     width: auto;
 }

 .case-study-section .case-img img {
     width: auto;
     margin: 0 auto;
     display: block;
 }


 /*---------------------------------- 03-10-2024 ------------------------------------- */
 /* =============== Pharmacy Software =============== */
 /* Pharmacy management solutions help organizations streamline */
 blockquote {
     display: block;
     background: #fff;
     padding: 15px 20px 15px 45px;
     margin: 0 0 20px;
     position: relative;
     border-left: 15px solid #004083 !important;
     border-right: 2px solid #004083 !important;
     box-shadow: 2px 2px 15px #ccc;
     font-size: 20px;
 }

 /* Pharmacy management software market stats */
 .counter ul {
     display: flex;
     justify-content: space-around;
     align-items: flex-start;
     list-style: none;
     padding: 0;
 }

 .counter ul li {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .circle {
     width: 120px;
     height: 120px;
     min-width: 120px;
     min-height: 120px;
     border-radius: 50%;
     border: 4px solid #004083;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     font-size: 24px;
 }

 .circle span {
     font-weight: 900;
     font-size: 24px;
     color: #004083;
 }

 .circle p {
     font-size: 20px;
     margin: 0;
     color: #004083;
     font-weight: 500;
 }

 .description {
     margin-top: 10px;
     font-size: 20px;
     color: #333;
     text-align: left;
     font-weight: 500;
 }

 .description span {
     font-weight: 500;
     font-size: 18px;
     color: #585759;
 }

 /* Key pharmacy management systems’ functionality */
 .keyPharmacy svg {
     width: 100%;
 }

 .keyPharmacy .eachCrm {
     padding: 40px 20px 0px;
 }

 /* How to select pharmacy management software */
 .selectPharmacy {
     background: #edf7ff;
 }

 .selectHeading {
     font-size: 29px;
     font-weight: 900;
     color: #004083;
 }

 .comparison-table {
     margin: 0 auto;
     background-color: transparent;
     border-radius: 8px;
     padding: 20px;
 }

 .comparison-table .header {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
 }

 .column {
     font-size: 1.5rem;
     font-weight: bold;
     position: relative;
     text-align: center;
 }

 .divider {
     border: none;
     margin-bottom: 10px;

 }

 .content .row {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .contentHeading .row {
     margin-bottom: 0;
 }

 .contentHeading .column-content {
     padding-left: 30px;
     font-size: 29px;
     font-weight: 700;
 }

 .column-title {
     font-weight: bold;
     width: 100px;
     font-size: 20px;
 }

 .column-content {
     flex: 1;
     position: relative;
 }

 .column-content ul {
     list-style-type: none;
     padding-left: 20px;
 }

 .column-content li {
     margin-bottom: 10px;
     font-size: 20px;
 }

 .column-content::before {
     content: attr(data-label);
     position: absolute;
     top: -25px;
     left: 50%;
     transform: translateX(-50%);
     font-size: 1.2rem;
     font-weight: bold;
 }

 @media (max-width: 768px) {

     .column-title,
     .column-content {
         width: 100%;
     }
 }

 .contentPharmacy .row {
     padding-bottom: 20px;
     border-bottom: 1px solid #c4c4c4;
 }

 .contentPharmacy .row:last-child {
     padding-top: 20px;
     border-bottom: none;
 }

 /* PMS software implementation roadmap */
 .roadmapImplementation {
     column-gap: 32px;
     display: flex;
     flex-direction: row;
     row-gap: 36px;
     width: 100%;
     flex-wrap: wrap;
     margin-right: 8px;
     color: #fff;
     display: flex;
     /* justify-content: space-between;
  */
     overflow: hidden;
     position: relative;
 }

 .eachroad {
     max-width: 200px;
     min-width: 200px;
     flex: 1 1;
     color: #fff;
 }

 .roadTitle {
     align-items: center;
     display: flex;
     height: 58px;
 }

 .roadNumber {
     color: #004083;
     display: inline-block;
     margin-bottom: 0;
     margin-right: 10px;
     font-size: 32px;
     font-weight: 900;
     line-height: 1.2;
 }

 .roadsemiPara {
     font-size: 16px;
     font-weight: 700;
     line-height: 1.38;
     color: #000;
     margin-bottom: 0;
 }

 .roadCircle {
     background-color: #004083;
     border-color: #004083;
     border-radius: 100%;
     height: 16px;
     position: absolute;
     width: 16px;
     z-index: 2;
 }

 .mapDescription {
     margin-top: 40px;
 }

 .mapDescription .caption {
     color: #000;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.6;
     margin-bottom: 0;
 }

 .roadCircleEmpty {
     border: 3px solid #004083;
     background-color: transparent;
     border-radius: 100%;
     height: 16px;
     position: absolute;
     width: 16px;
     z-index: 2;
 }

 .dottedLine {
     background: linear-gradient(90deg, #c4c4c4 22%, transparent 0) 50% / 8px 2px repeat-x;
     height: 4px;
     left: -50px;
     position: absolute;
     width: 200%;
 }

 .globalLine {
     height: 4px;
     position: absolute;
 }

 /* Multiple benefits of pharmacy software solutions */
 .multipleBenifits {
     background: #edf7ff;
 }

 /* Our Services */
 .ourService .container-fluid {
     padding: 0;
 }

 .ourServiceRight {
     background-color: #004083;
 }

 .ourserviceBg {
     padding: 100px 72px 100px calc(45vw - 615.5px);
     color: #fff;
 }

 .ourserviceBg a {
     color: #fed23c;
 }

 .ourserviceBg h6 {
     font-size: 31px;
     text-transform: capitalize;
 }

 .ourService .col-lg-6 {
     padding: 0;
 }

 .serviceFaq {
     padding: 100px 32px 20px 32px;
     background: #f8f8f8;
     height: 100%;
 }

 .ourService .faq-section {
     background-color: transparent !important;
 }

 .ourService .faq-section .accordion .accordion-item {
     border: none !important;
     border-bottom: 1px solid #000 !important;
     padding: 30px 0;
     border-radius: 0;
 }

 .ourService .faq-section .accordion button .accordion-title {
     font-size: 25px;
 }

 .ourService .faq-section .accordion .accordion-content {
     margin-top: 20px;
     font-size: 18px;
 }

 @media screen and (max-width: 991px) {
     .counter ul {
         display: block;
     }

     .counter ul li {
         margin-top: 20px;
         justify-content: center;
     }
 }

 .foodSlider .item img {
     width: 100%;
     height: auto;
 }

 .foodSlider .swiper-button-next,
 .foodSlider .swiper-button-prev {
     color: #000;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     font-size: 40px;
     cursor: pointer;
 }

 .foodSlider .swiper-button-prev {
     left: 10px;
 }

 .foodSlider .swiper-button-next {
     right: 10px;
 }

 .foodMobile .owl-dot {
     display: none;
 }

 .foodMobile .owl-nav {
     position: absolute;
     top: 96%;
     left: 50%;
     width: 70px;
     height: 30px;
     display: flex;
     align-items: center;
     transform: translateX(-50%);
     margin-top: 50px !important;
 }

 @media screen and (max-width: 490px) {
     .foodMobile .owl-nav {
         top: 94%;
     }
 }

 /*---------------------------------- 29-10-2024 ------------------------------------- */
 /* =============== market Place App Development =============== */
 /* Drive Your Business Forward With Our Game-Changing Marketplace App Development Services */
 .driveBusiness .eachBusinessPart {
     transition: all 0.5s ease-in-out;
 }

 .businessImage {
     position: relative;
     overflow: hidden;
     border-radius: 20px;
     transition: all 0.5s ease-in-out;
 }

 .businessImage img {
     width: 100%;
     border-radius: 20px;
     transition: all 0.5s ease-in-out;
     min-height: 302px;
     object-fit: cover;
 }

 .page-template-marketplace-app-development .businessContent {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
 }

 .page-template-marketplace-app-development .businessContent h5 {
     background: #000000a6;
     padding: 10px 10px;
     font-weight: 700;
     line-height: 22px;
     color: #fff;
     margin: 0;
     transition: all 0.5s ease-in-out;
     position: absolute;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 66px;
     text-transform: capitalize;
 }

 .businessDesc {
     position: absolute;
     bottom: -100%;
     height: 100%;
     left: 0;
     background: #004083;
     transition: all 0.5s ease-in-out;
     padding: 20px 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 100%;
 }

 .eachBusinessPart:hover .businessContent h5 {
     opacity: 0;
 }

 .eachBusinessPart:hover .businessDesc {
     bottom: 0;
 }

 /* Innovative Online Marketplace Solutions */
 .onlineMarketplace {
     background: #112425;
     padding: 70px 0;
     margin: 0;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }

 .onlineMarketplace::after {
     position: absolute;
     content: "";
     background: #174EA0;
     width: 700px;
     height: 700px;
     right: -325px;
     top: 0;
     bottom: -270px;
     margin: auto;
     z-index: -1;
     transform: matrix(0.81, -0.59, 0.59, 0.81, 0, 0);
 }

 .onlineMarketplace .foodTitle {
     color: #fff;
 }

 .eachonlineSlider {
     color: #fff;
 }

 .onlineMarketplace .carousel-indicators {
     margin: 0;
     justify-content: start;
 }

 .paginationHolder {
     display: flex;
     align-items: center;
 }

 .onlineSlider .skipBtn a {
     bottom: 0;
 }

 /* Our Online Marketplace App Development Process To Grow Your Business */
 .processGrow img {
     margin: 0 auto;
     display: block;
     /* max-width: 400px; */
 }

 /* Tech Suite for Mobile Application Marketplace Business */
 .eachTechLeft .foodTitle h3,
 .eachTechLeft .foodTitle p {
     text-align: left;
     margin-left: 0;
 }

 .eachSuite {
     height: 100%;
     padding: 20px;
     box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
 }

 .eachsuiteIcon {
     padding: 10px;
     background: #188eef;
     border-radius: 10px;
     width: 50px;
     height: 50px;
     margin-bottom: 15px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .eachsuiteIcon img {
     filter: grayscale(1) invert(1);
     max-width: 30px;
 }

 .eachSuite h3 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 5px;
     min-height: 46px;
 }

 .eachSuite p {
     font-size: 15px;
     margin-bottom: 0;
     margin: 20px 0 0;
 }

 @media screen and (max-width: 1367px) {
     .eachSuite h3 {
         font-size: 20px;
     }
 }

 @media screen and (max-width: 575px) {
     .foodTitle h3 {
         font-size: 20px;
     }

     .foodReach p {
         font-size: 17px;
     }

 }

 /* 04-11-2024(SUCHISMITA) */

 @media screen and (max-width: 575px) {
     .businessTypes {
         padding-top: 0;
     }

     .customerConnection,
     .cuttingEdge {
         padding-top: 0;
     }

     .realEstateBanner,
     .estateCrm {
         padding-bottom: 0;
     }

     .estateCrm .eachChain {
         margin-bottom: 20px;
     }

     .page-id-6682 #hero video,
     .page-id-6679 #hero video {
         position: static;
     }

     .page-id-6682 #hero.video-banner-section,
     .page-id-6679 #hero.video-banner-section {
         height: 100% !important;
     }
 }

 @media screen and (max-width: 420px) {
     .estateCrm .eachChain li {
         font-size: 16px;
         align-items: start;
     }

     .newCase {
         padding-bottom: 0;
     }
 }

 /* 05-11-2024(SUCHISMITA) */
 @media screen and (max-width: 575px) {
     .page-template-telemedicine-app-solution-tmpl .ubermenu .ubermenu-submenu .ubermenu-item .ubermenu-target .ubermenu-target-text {
         color: #555 !important;
     }

     .singleBox {
         min-height: auto;
     }

     .allscrmImg img {
         height: auto;
     }

     .smallTitle h3 {
         text-align: center;
     }

     .case-study-section .caseBox {
         border-radius: 0;
     }

     .page-template-food-delivery-app-tmpl .case-content h3 {
         color: #000;
     }

     .newCase {
         padding-bottom: 0;
         margin-bottom: 60px;
     }

     .serviceFaq {
         padding: 0 32px 0 32px;
     }

     .faq-section {
         padding-top: 0;
         padding-bottom: 0;
     }

     .comparison-table {
         overflow-x: auto;
         transform: translateZ(0);
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
     }

     .comparison-table .header,
     .contentPharmacy .row {
         display: flex;
         min-width: 600px;
     }

     .column-title,
     .column-content {
         flex: 1;
         width: auto;
     }

     .contentHeading .column-content {
         font-size: 25px;
         padding-left: 0;
     }

     .column-content ul {
         padding-left: 0;
     }

     .dottedLine {
         left: 0;
         width: 200%;
         top: 20.6% !important;
     }

     .eachroad {
         max-width: 100%;
     }

     .roadmapImplementation {
         display: block;
     }

     .keyFeatures .tabArea {
         margin-top: 0;
     }
     .faq-section .accordion button{
        height: auto;
     }
 }

 @media screen and (max-width: 490px) {
     .eachTechLeft .foodTitle {
         margin-top: 10px;
     }
 }

 .developfood blockquote {
     margin-bottom: 60px;
 }

 /* 06-11-2024(SUCHISMITA) */

 .page-template-marketplace-app-development .foodReach .btnGroup {
     justify-content: center;
 }

 #hero.pharmacyHeroBanner::before {
     background: linear-gradient(90deg,
             rgba(2, 22, 40, 0.8) 20%,
             transparent 100%);
 }

 .pharmacyIntegrations {
     padding-top: 0;
 }

 .page-template-pharmacy-software-tmpl .wiseasy-academy-sec {
     margin-bottom: 0;
 }

 .healthcard:nth-last-child(-n + 3) {
     margin-bottom: 0;
 }

 .gallery_insight.owl-theme .owl-nav {
     margin-top: 0;
     display: none;
 }

 .blogBlock>h3 {
     min-height: 86px;
 }

 @media (max-width: 1920px) {
     .page-template-news-insight .blogBlock>p {
         min-height: 167px;
     }
 }

 .gallery_insight.owl-carousel .owl-item img {
     max-width: 100%;
     height: 294px;
     object-fit: cover;
 }

 .gallery_insight .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     display: flex;
     justify-content: space-between;
     right: 0;
 }

 .gallery_insight.owl-carousel .owl-nav .owl-prev,
 .gallery_insight.owl-carousel .owl-nav .owl-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(254, 210, 60);
     padding: 10px;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.9s ease-in-out;
 }

 .gallery_insight.owl-theme .owl-nav [class*=owl-]:hover {
     background: rgb(255, 164, 74);
     color: #FFF;
     text-decoration: none;
 }

 .gallery_insight .owl-nav .owl-prev {
     left: 0;
 }

 .gallery_insight .owl-nav .owl-next {
     right: 0;
 }

 .multipleBenifits .healthtypeCard .graspp-1 {
     width: 40%;
 }

 .gallery_insight {
     cursor: pointer;
 }

 .imageHolder .icon {
     z-index: 1000;
 }

 .imageHolder .overlay {
     z-index: 999;
 }

 .jobModal .modal-footer {
     justify-content: center;
 }

 .wpcf7-spinner {
     margin-left: 0 !important;
     margin-right: 0 !important;
 }

 .singlePart {
     height: 100%
 }

 .unbiasly_case .caseBox {
     /* background: linear-gradient(240deg, rgba(215, 51, 69, 0.9948354341736695) 35%, rgba(234, 68, 39, 1) 90%) !important; */
     border-radius: 20px;
     padding: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 @media (max-width: 480px) {

     .page-id-1745 .keystone-sec .case-img img,
     .page-id-6676 .keystone-sec .case-img img,
     .page-id-6681 .keystone-sec .case-img img,
     .page-id-6680 .keystone-sec .case-img img,
     .page-id-6663 .keystone-sec .case-img img,
     .page-id-6662 .keystone-sec .case-img img,
     .page-id-6660 .keystone-sec .case-img img,
     .page-id-6655 .keystone-sec .case-img img,
     .page-id-17295 .keystone-sec .case-img img,
     .page-id-6661 .keystone-sec .case-img img {
         height: 100% !important;
     }
 }

 @media (min-width: 1094px) {

     .page-id-6682 #main .bannerLogosec,
     .page-id-6679 #main .bannerLogosec {
         margin-top: 0px !important;
         overflow: visible;
         padding: 0;
         position: absolute;
         top: -50px;


     }

     .page-id-6682 #hero.video-banner,
     .page-id-6679 #hero.video-banner {
         margin-bottom: 0;
     }

     .page-id-6682 .logosecArea,
     .page-id-6679 .logosecArea {
         margin: 0;
     }

     .page-id-6682 #main .blogs-section,
     .page-id-6679 #main .blogs-section {
         padding-top: 160px;
     }
 }

 /* .page-template-contactus-tmpl #hero.contact-page-banner .carousel-content{
    margin-top: 7% !important;
} */