* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --blue: #003A81;
  --black: #131313;
  --para: #232323;
  --white: #FFF;
}

body {
  /* font-family: 'Red Hat Display', sans-serif; */
  font-family: 'Pilcrow Rounded', sans-serif;
}

.header-bg{
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.35) 100%);
}

 @layer utilities {
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;  /* IE & Edge */
      scrollbar-width: none;     /* Firefox */
    }
  }


/* lining background */
.striped-bg {
  height: initial;
  background-color: #003A81;
  background-image: repeating-linear-gradient(-45deg,
      rgba(255, 255, 255, 0.08) 0px,
      rgba(255, 255, 255, 0.133) 1px,
      transparent 2px,
      transparent 10px);
}

.h-striped-bg {
  background-color: #003A81;
  background-image: repeating-linear-gradient(-45deg,
      rgba(255, 255, 255, 0.668) 0px,
      rgba(255, 255, 255, 0.595) 1px,
      transparent 1px,
      transparent 6px);
}

.w-striped-bg {
  /* background-color: #003A81; */
  background-image: repeating-linear-gradient(-45deg,
      #c8c7c7 0px,
      #c8c7c7 1px,
      transparent 1px,
      transparent 5px);
}

/* background wave  */
.wavebg {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='400' preserveAspectRatio='none' viewBox='0 0 1440 400'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1018%26quot%3b)' fill='none'%3e%3crect width='1440' height='400' x='0' y='0' fill='rgba(0%2c 58%2c 129%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c636.54C121.63%2c650.105%2c245.57%2c608.34%2c346.115%2c538.565C444.795%2c470.085%2c506.805%2c363.43%2c553.202%2c252.639C598.479%2c144.521%2c624.646%2c28.611%2c608.278%2c-87.457C591.883%2c-203.716%2c539.54%2c-312.18%2c461.214%2c-399.644C383.688%2c-486.215%2c276.524%2c-532.018%2c169.536%2c-577.387C49.53%2c-628.276%2c-72.781%2c-709.886%2c-199.63%2c-679.877C-327.472%2c-649.633%2c-402.419%2c-522.51%2c-487.073%2c-422.051C-570.589%2c-322.943%2c-692.197%2c-228.639%2c-689.061%2c-99.072C-685.914%2c30.96%2c-545.382%2c108.244%2c-471.643%2c215.392C-412.952%2c300.674%2c-377.038%2c397.572%2c-299.817%2c466.525C-212.349%2c544.629%2c-116.541%2c623.542%2c0%2c636.54' fill='%23002e67'%3e%3c/path%3e%3cpath d='M1440 938.458C1552.39 944.326 1672.87 970.365 1769.826 913.22 1867.723 855.52 1914.479 741.3389999999999 1954.74 635.0740000000001 1992.987 534.126 1996.364 428.213 1994.478 320.278 1992.339 197.869 2012.542 64.90499999999997 1943.017-35.86700000000002 1871.539-139.47000000000003 1746.132-199.12800000000004 1621.952-219.67200000000003 1504.443-239.11199999999997 1385.96-199.591 1279.801-145.587 1186.17-97.95600000000002 1120.174-15.836000000000013 1056.704 67.87200000000001 996.977 146.644 940.004 228.3 922.537 325.6 904.695 424.992 921.895 525.852 957.53 620.337 995.0509999999999 719.823 1042.8220000000001 821.367 1131.589 879.896 1220.755 938.688 1333.341 932.889 1440 938.458' fill='%2300469b'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1018'%3e%3crect width='1440' height='400' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Webkit (Chrome, Edge, Safari) */
.range-control::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 30px;
  width: 30px;
  background: #FFF url("https://cdn.jsdelivr.net/npm/remixicon/icons/System/arrow-right-s-fill.svg") no-repeat center;
  background-size: 16px 16px;
  border-radius: 50%;
  border: 3px solid var(--blue);
  cursor: grab;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

/* .range-control::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.1);
} */

/* Firefox */
/* .range-control::-moz-range-thumb {
  height: 30px;
  width: 30px;
  background: #003a81 url("https://cdn.jsdelivr.net/npm/remixicon/icons/System/arrow-right-s-fill.svg") no-repeat center;
  background-size: 16px 16px;
  border-radius: 50%;
  border: 3px solid white;
  cursor: grab;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
} */

/* .range-control::-moz-range-thumb:active {
  cursor: grabbing;
  transform: scale(1.1);
} */