@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --primary-color: #0875E8;
    --secondary-color:#FFA000;
    --text-color: #000; 
    --text-color2:#0875E8;
    --white-color:#fff;
    --bg-color1:#F6FBFF;
	--bg-color2:#F9FCFF;
    --bg-color:#F6FBFF;
	--signupbtn:#D9EBFF;
    --dark-bg-gradiant1: #0872E2;
    --dark-bg-gradiant2: #0755A7;
	--background-color: #0c0b09;
	--borderoclor1:#99CBFF;
	--borderoclor2:#E7E8E9;
	--reporttitlebg:#B4D9FF;
	--reportblockbg:#ECF6FF;
	--tablecolor:#F3F9FF;
	--border-radius-4:4px;
	--border-radius-10:10px;
	--border-color:#D9D9D9;
	--bs-table-striped-bg:rgba(243, 249, 255, 1) !impotant;
	
	--default-font: "Plus Jakarta Sans";
	--heading-font: "Plus Jakarta Sans",  sans-serif;
    --nav-font: "Plus Jakarta Sans",  sans-serif;

     }
    
         
 
    body{margin: 0px; paddig:0px !important; font-family: var(--default-font)!important; font-size: 14px !important; color:var(--text-color) !important; background: var(--bg-color)!important; }
    a{ text-decoration: none;}
main{height: calc(100vh - 80px);}
    p{ font-size: 14px; line-height: 32px;}
    h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px;}
    h1{font-size: 34px;line-height: 42px; font-weight: 500; margin-bottom: 5px}
    h2{font-size: 30px;line-height: 36px; font-weight: 500; margin-bottom: 5px}
    h3{font-size: 26px;line-height: 32px; font-weight: 500; margin-bottom: 5px}
    h4{font-size: 22px;line-height: 28px; font-weight: 500; margin-bottom: 5px}
    h5{font-size: 18px;line-height: 24px; font-weight: 500; margin-bottom: 5px}
    h6{font-size: 16px;line-height: 20px; font-weight: 500; margin-bottom: 5px}
label{font-size: 14px;}

/* padding top start */
.pdt-1{padding-top:1px;}.pdt-2{padding-top:2px;}.pdt-3{padding-top:3px;}.pdt-4{padding-top:4px;}.pdt-5{padding-top:5px;} 
.pdt-6{padding-top:6px;} .pdt-7{padding-top:7px;}.pdt-8{padding-top:8px;}.pdt-9{padding-top:9px;}.pdt-10{padding-top:10px;} 
.pdt-11{padding-top:11px;} .pdt-12{padding-top:12px;} .pdt-13{padding-top:13px;} .pdt-14{padding-top:14px;} 
.pdt-15{padding-top:15px;}.pdt-16{padding-top:16px;}.pdt-17{padding-top:17px;}.pdt-18{padding-top:18px;}
.pdt-19{padding-top:19px;}.pdt-20{padding-top:20px;}.pdt-25{padding-top:25px;}.pdt-30{padding-top:30px;}
.pdt-35{padding-top:35px;}.pdt-40{padding-top:40px;}.pdt-45{padding-top:45px}.pdt-50{padding-top:50px;}
.pdt-55{padding-top:55px;}.pdt-60{padding-top:60px;} .pdt-65{padding-top:65px;}.pdt-70{padding-top:70px;}
.pdt-75{padding-top:75px;}.pdt-80{padding-top:80px;}.pdt-85{padding-top:85px;}.pdt-90{padding-top:90px;}
.pdt-100{padding-top:100px;}
/* padding top end */

/* padding bottom start */
.pdb-1{padding-bottom:1px;}.pdb-2{padding-bottom:2px;}.pdb-3{padding-bottom:3px;}.pdb-4{padding-bottom:4px;}
.pdb-5{padding-bottom:5px;} .pdb-6{padding-bottom:6px;}.pdb-7{padding-bottom:7px;}.pdb-8{padding-bottom:8px;}
.pdb-9{padding-bottom:9px;}.pdb-10{padding-bottom:10px;} .pdb-11{padding-bottom:11px;} .pdb-12{padding-bottom:12px;}
.pdb-13{padding-bottom:13px;} .pdb-14{padding-bottom:14px;} .pdb-15{padding-bottom:15px;}.pdb-16{padding-bottom:16px;}
.pdb-17{padding-bottom:17px;}.pdb-18{padding-bottom:18px;}.pdb-19{padding-bottom:19px;}.pdb-20{padding-bottom:20px;}
.pdb-25{padding-bottom:25px;}.pdb-30{padding-bottom:30px;}.pdb-35{padding-bottom:35px;}.pdb-40{padding-bottom:40px;}
.pdb-45{padding-bottom:45px}.pdb-50{padding-bottom:50px;}.pdb-55{padding-bottom:55px;}.pdb-60{padding-bottom:60px;} 
.pdb-65{padding-bottom:65px;}.pdb-70{padding-bottom:70px;}.pdb-75{padding-bottom:75px;}.pdb-80{padding-bottom:80px;}
.pdb-85{padding-bottom:85px;} .pdb-90{padding-bottom:90px;}.pdb-100{padding-bottom:100px;}
/* padding bottom end */

/* padding right start */
.pdr-1{padding-bottom:1px;}.pdr-2{padding-bottom:2px;}.pdr-3{padding-bottom:3px;}.pdr-4{padding-bottom:4px;}
.pdr-5{padding-bottom:5px;} .pdr-6{padding-bottom:6px;}.pdr-7{padding-bottom:7px;}.pdr-8{padding-bottom:8px;}
.pdr-9{padding-bottom:9px;}.pdr-10{padding-bottom:10px;} .pdr-11{padding-bottom:11px;} .pdr-12{padding-bottom:12px;}
.pdr-13{padding-bottom:13px;} .pdr-14{padding-bottom:14px;} .pdr-15{padding-bottom:15px;}.pdr-16{padding-bottom:16px;}
.pdr-17{padding-bottom:17px;}.pdr-18{padding-bottom:18px;}.pdr-19{padding-bottom:19px;}.pdr-20{padding-bottom:20px;}
.pdr-25{padding-bottom:25px;}.pdr-30{padding-bottom:30px;}.pdr-35{padding-bottom:35px;}.pdr-40{padding-bottom:40px;}
.pdr-45{padding-bottom:45px}.pdr-50{padding-bottom:50px;}.pdr-55{padding-bottom:55px;}.pdr-60{padding-bottom:60px;} 
.pdr-65{padding-bottom:65px;}.pdr-70{padding-bottom:70px;}.pdr-75{padding-bottom:75px;}.pdr-80{padding-bottom:80px;}
.pdr-85{padding-bottom:85px;} .pdr-90{padding-bottom:90px;}.pdr-100{padding-bottom:100px;}
/* padding right end */

/* padding left start */
.pdl-1{padding-bottom:1px;}.pdl-2{padding-bottom:2px;}.pdl-3{padding-bottom:3px;}.pdl-4{padding-bottom:4px;}
.pdl-5{padding-bottom:5px;} .pdl-6{padding-bottom:6px;}.pdl-7{padding-bottom:7px;}.pdl-8{padding-bottom:8px;}
.pdl-9{padding-bottom:9px;}.pdl-10{padding-bottom:10px;} .pdl-11{padding-bottom:11px;} .pdl-12{padding-bottom:12px;}
.pdl-13{padding-bottom:13px;} .pdl-14{padding-bottom:14px;} .pdl-15{padding-bottom:15px;}.pdl-16{padding-bottom:16px;}
.pdl-17{padding-bottom:17px;}.pdl-18{padding-bottom:18px;}.pdl-19{padding-bottom:19px;}.pdl-20{padding-bottom:20px;}
.pdl-25{padding-bottom:25px;}.pdl-30{padding-bottom:30px;}.pdl-35{padding-bottom:35px;}.pdl-40{padding-bottom:40px;}
.pdl-45{padding-bottom:45px}.pdl-50{padding-bottom:50px;}.pdl-55{padding-bottom:55px;}.pdl-60{padding-bottom:60px;} 
.pdl-65{padding-bottom:65px;}.pdl-70{padding-bottom:70px;}.pdl-75{padding-bottom:75px;}.pdl-80{padding-bottom:80px;}
.pdl-85{padding-bottom:85px;} .pdl-90{padding-bottom:90px;}.pdl-100{padding-bottom:100px;}
/* padding left end */

/* margin top start */
.mrt-1{margin-top:1px;}.mrt-2{margin-top:2px;}.mrt-3{margin-top:3px;}.mrt-4{margin-top:4px;}.mrt-5{margin-top:5px;} 
.mrt-6{margin-top:6px;} .mrt-7{margin-top:7px;}.mrt-8{margin-top:8px;}.mrt-9{margin-top:9px;}.mrt-10{margin-top:10px;} 
.mrt-11{margin-top:11px;} .mrt-12{margin-top:12px;} .mrt-13{margin-top:13px;} .mrt-14{margin-top:14px;} 
.mrt-15{margin-top:15px;}.mrt-16{margin-top:16px;}.mrt-17{margin-top:17px;}.mrt-18{margin-top:18px;}
.mrt-19{margin-top:19px;}.mrt-20{margin-top:20px;}.mrt-25{margin-top:25px;}.mrt-30{margin-top:30px;}
.mrt-35{margin-top:35px;}.mrt-40{margin-top:40px;}.mrt-45{margin-top:45px}.mrt-50{margin-top:50px;}
.mrt-55{margin-top:55px;}.mrt-60{margin-top:60px;} .mrt-65{margin-top:65px;}.mrt-70{margin-top:70px;}
.mrt-75{margin-top:75px;}.mrt-80{margin-top:80px;}.mrt-85{margin-top:85px;}.mrt-90{margin-top:90px;}
.mrt-100{margin-top:100px;}
/* margin top start */

/* margin bottom start */
.mrb-1{margin-top:1px;}.mrb-2{margin-top:2px;}.mrb-3{margin-top:3px;}.mrb-4{margin-top:4px;}.mrb-5{margin-top:5px;} 
.mrb-6{margin-top:6px;} .mrb-7{margin-top:7px;}.mrb-8{margin-top:8px;}.mrb-9{margin-top:9px;}.mrb-10{margin-top:10px;} 
.mrb-11{margin-top:11px;} .mrb-12{margin-top:12px;} .mrb-13{margin-top:13px;} .mrb-14{margin-top:14px;} 
.mrb-15{margin-top:15px;}.mrb-16{margin-top:16px;}.mrb-17{margin-top:17px;}.mrb-18{margin-top:18px;}
.mrb-19{margin-top:19px;}.mrb-20{margin-top:20px;}.mrb-25{margin-top:25px;}.mrb-30{margin-top:30px;}
.mrb-35{margin-top:35px;}.mrb-40{margin-top:40px;}.mrb-45{margin-top:45px}.mrb-50{margin-top:50px;}
.mrb-55{margin-top:55px;}.mrb-60{margin-top:60px;} .mrb-65{margin-top:65px;}.mrb-70{margin-top:70px;}
.mrb-75{margin-top:75px;}.mrb-80{margin-top:80px;}.mrb-85{margin-top:85px;}.mrb-90{margin-top:90px;}
.mrb-100{margin-top:100px;}
/* margin bottom start */

/* margin right start */
.mrr-1{margin-top:1px;}.mrr-2{margin-top:2px;}.mrr-3{margin-top:3px;}.mrr-4{margin-top:4px;}.mrr-5{margin-top:5px;} 
.mrr-6{margin-top:6px;} .mrr-7{margin-top:7px;}.mrr-8{margin-top:8px;}.mrr-9{margin-top:9px;}.mrr-10{margin-top:10px;} 
.mrr-11{margin-top:11px;} .mrr-12{margin-top:12px;} .mrr-13{margin-top:13px;} .mrr-14{margin-top:14px;} 
.mrr-15{margin-top:15px;}.mrr-16{margin-top:16px;}.mrr-17{margin-top:17px;}.mrr-18{margin-top:18px;}
.mrr-19{margin-top:19px;}.mrr-20{margin-top:20px;}.mrr-25{margin-top:25px;}.mrr-30{margin-top:30px;}
.mrr-35{margin-top:35px;}.mrr-40{margin-top:40px;}.mrr-45{margin-top:45px}.mrr-50{margin-top:50px;}
.mrr-55{margin-top:55px;}.mrr-60{margin-top:60px;} .mrr-65{margin-top:65px;}.mrr-70{margin-top:70px;}
.mrr-75{margin-top:75px;}.mrr-80{margin-top:80px;}.mrr-85{margin-top:85px;}.mrr-90{margin-top:90px;}
.mrr-100{margin-top:100px;}
/* margin right end */

/* margin left start */
.mrl-1{margin-top:1px;}.mrl-2{margin-top:2px;}.mrl-3{margin-top:3px;}.mrl-4{margin-top:4px;}.mrl-5{margin-top:5px;} 
.mrl-6{margin-top:6px;} .mrl-7{margin-top:7px;}.mrl-8{margin-top:8px;}.mrl-9{margin-top:9px;}.mrl-10{margin-top:10px;} 
.mrl-11{margin-top:11px;} .mrl-12{margin-top:12px;} .mrl-13{margin-top:13px;} .mrl-14{margin-top:14px;} 
.mrl-15{margin-top:15px;}.mrl-16{margin-top:16px;}.mrl-17{margin-top:17px;}.mrl-18{margin-top:18px;}
.mrl-19{margin-top:19px;}.mrl-20{margin-top:20px;}.mrl-25{margin-top:25px;}.mrl-30{margin-top:30px;}
.mrl-35{margin-top:35px;}.mrl-40{margin-top:40px;}.mrl-45{margin-top:45px}.mrl-50{margin-top:50px;}
.mrl-55{margin-top:55px;}.mrl-60{margin-top:60px;} .mrl-65{margin-top:65px;}.mrl-70{margin-top:70px;}
.mrl-75{margin-top:75px;}.mrl-80{margin-top:80px;}.mrl-85{margin-top:85px;}.mrl-90{margin-top:90px;}
.mrl-100{margin-top:100px;}
/* margin left end */


    ul{margin: 0px; padding: 0;}
    ul li{line-height: 25px; list-style: none;}
    ul li a{font-size: 16px;}

    input [type="button"]{ background-color: var(--primary-color);color:var(--white-color); font-size: 18px;}



:root {

  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--gap);
  -webkit-mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
          mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll-x var(--duration) linear infinite;
          animation: scroll-x var(--duration) linear infinite;
}



.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  -webkit-animation-name: scroll-y;
          animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}

@-webkit-keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}