@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');
:root {
  --gab:"Gabarito", sans-serif;
  --orb: "Orbitron", sans-serif;
  --raj:"Rajdhani", sans-serif;
    --primary:#234D89;
  --secondary:#0971CE;
  --light:#878F57;
  --textwhite:#F6F8EB;
  --landing-width:68.89vw;
  --landing-width-mobile:86vw;
  --boxshadow:0px 0px 30px 0px #0000000F;
 

--d10:0.69vw;
   --d11:0.76vw;
 
   --d12:0.83vw;
   --d13:0.9vw;
    --d14:0.96vw;
    --d15:1.03vw;
    --d16:1.11vw;
--d18:1.25vw;
--d20:1.39vw;
--d22:1.53vw;
--d24:1.67vw;
--d25:1.74vw;
--d28:1.94vw;
--d30:2.08vw;
--d34:2.36vw;
--d36:2.50vw;
--d40:2.78vw;
--d44:3.06vw;
--d48:3.33vw;
--d54:3.75vw;
--d56:3.89vw;
--d64:4.44vw;
--d80:5.56vw;
--d84:5.83vw;
--d100:6.94vw;
--d110:7.64vw;
--d120:8.33vw;
--d156:10.83vw;
--d904:62.78vw;



    --m10:2.78vw;
    --m11:3.06vw;
    --m12:3.33vw;
    --m13:3.61vw;
    --m14:3.89vw;
    --m15:4.17vw;
    --m16:4.44vw;
    --m18:5vw;
    --m20:5.56vw;
    --m24:6.67vw;
    --m25:6.94vw;
    --m32:8.89vw;
    --m36:10vw;
    --m40:11.11vw;
    --m48:13.33vw;
    --m64:17.78vw;
    --mmt: 27.78vw;



     --fw-thin: 100;
    --fw-extralight: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;


  






 

}
/* width */
::-webkit-scrollbar {
    width: 10px;
    font-size: var(--outfit);
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: white;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--primary);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
  }
.pcshow{
  display: block;
}

.pchide{
  display: none;
}

.ds-version{
  display: block;
}
.mob-version{
  display: none;
}
.hideall{
  display: none!important;
}
body{
    margin: 0;
    padding: 0;
    font-family: var(--gab);
    overflow-x: hidden;
    background-color: #F9FAFB;
}

/*End Main*/

/* Header start*/

header{
    display: flex;
    width:100vw;
    background-color: white;
    justify-content: space-between;
    padding-top:1vw;
    padding-bottom: 1vw;

}


header img{
    width: 7.2vw;
    margin-left: 10vw;
    height: 3.46vw;
}


header h2{
    color: #1E293B;
    font-size: var(--d30);
    margin: 0;
    margin-right: 10vw;
    align-content: center;

}
/*Header End*/

/*Login start*/

.login-main{
    width: 27.5vw;
    margin: auto;
    margin-top: 5vw;
     background-color: white;
     margin-bottom: 5vw;
   
}

.login-main h3{

      color: #1E293B;
    font-size: var(--d30);
    margin: 0;
    text-align: center;
    align-content: center;
    padding-top: 3vw;
    padding-bottom: 3vw;
   

}

.login-main .label1{
    font-size: var(--d14);
    color: #1E293B;
    text-align: left;
    margin-left: var(--d16);
    
}


.login-main .input1{
    width: 24vw;
    margin-left: var(--d16);
    border: 1.5px solid #E2E8F0;
    border-radius: 8px;
    height: var(--d44);
    margin-top: 1vw;
    margin-bottom: 1vw;
     padding-left: 1vw;
         font-family: var(--gab);
            color: #94A3B8;
             font-size: var(--d14);
   
 
}

.login-main .input1::placeholder{
    color: #94A3B8;
     font-size: var(--d14);
    
     font-family: var(--gab);

}

.login-main .form-dodatno{
    display: flex;
    justify-content: space-between;
     width: 24vw;
    margin-left: var(--d16);
}


.login-main button{
    border: none;
    outline: none;
    width: 25vw;
    margin-left: var(--d16);
    height: var(--d44);
    color: white;
     font-size: var(--d14);
    
     font-family: var(--gab);
     background-color: var(--primary);
     border-radius:var(--d24) ;

     margin-top: 3vw;
     margin-bottom: 3vw;

}

.login-main .form-dodatno span label{
    font-size: var(--d14);
    
     font-family: var(--gab);
     color: #94A3B8;

}

.login-main  a{
    color: #3C9AFB;
     font-size: var(--d14);
    
     font-family: var(--gab);
}

/*Login end*/