@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


@font-face {
    font-family: 'Helvetica';
    src: url('/website/assets/fonts/helvetica/Helvetica.ttf') format('truetype');
    font-style: normal;
}
* { margin: 0; padding: 0; box-sizing: border-box;font-family: 'Helvetica', sans-serif}
:root {
    --white: #fff;
    --black: #000;
    --blue:#1C2542;
    --olive-green:#918C0F;
    --dark-blue:#02180D;
    --grey:#FAFAFA;
    --light-gray:#A5A5A5;
    --light-black:#333333;
    --off-white:#F0F0F0;
    --soft-black:rgba(0, 0, 0, 0.3);
    --green:#C1D400;
    --midnight-blue: #020F37;
    --olive-yellow:#C8BE1A;
    --dark-blue:#020f37cc;
    --green-linear:linear-gradient(126deg, #C1D400 36.78%, #FAFFC8 106.66%);
    --sky-blue:#D3E4FF;
    --dark-grey:#F5F5F5;
    --light-blue:#003A5D;
    --soft-grey:#9A9999;
    --dull-blue:#193251;
}


/* Scrollbar */
::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }

h1{font-size:24px ; font-weight: 400; }
h2{font-size:20px ; font-weight: 400; }
p{font-size:18px ; font-weight: 400;}

.fs-20{font-size: 20px;}
.fs-17{font-size: 17px;}
.fs-16{font-size: 16px;}
/* Font weight */
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.regular { font-weight: 500;}
.normal { font-weight: 400;}


.button { font-size: 16px; font-weight: 400; font-family: 'Helvetica', sans-serif; color: var(--light-blue); background-color: var(--green); border-radius: 4px; display: inline; padding: 10px 15px; border: 1px solid transparent;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);}
.button:hover{background-color: transparent; border: 1px solid var(--green);color: var(--green)}

.bg-white{background-color: var(--white);}
.bg-dark-grey{background-color: var(--dark-grey);}


.light-black{color: var(--light-black);}
.soft-grey{color: var(--soft-grey);}
.dull-blue{color: var(--dull-blue);}
.text-green { color: var(--green);}


.green-box{border: 1px solid var(--sky-blue);background:var(--green-linear) ;}
.form-container .form-control{border-radius: 4px;
    border: 1px solid var(--light-gray);background: var(--grey);}
.toggle-password {
    color: var(--green);
    position: absolute;
    cursor: pointer;
    top: 41px;
    right: 11px;
}
.reset-password .toggle-password {
    top: 17px;
    right: 25px;
}