@charset "utf-8";
/* CSS Document */

:root {
  /*do not change: default colors */
  --white: #ffffff;
  --dark: #171921;
  
  /* theme colors */
  --light-bg: #f7f7f7;
  --darker-bg: #f0f0f0;
  --dark-color: #171921; /* for fonts */
 
  --theme-light: #bdb9fa;
  --theme: #3a30d5;
  --theme-dark: #0d0a40;
 
 /* do not change unless switching to dark mode */
  --color-links: var(--theme); /* for fonts */ 
  --light-bg-main:var(--light-bg); /* colors that should remain the same in dark mode */
  --darker-bg-main:var(--darker-bg);

  
  /* do not change:*/
  --white-main:var(--white);
  --dark-main:var(--dark);

 
 /* notification colors */
  --Green: #34d198;
  --Warning: #de435c;
  --Incoming: #e69867;
  
  --Font: Poppins,'Open Sans', sans-serif;
   

}

/* dark mode theme 
:root {
	
  --light-bg: #171921;
  --darker-bg: #f0f0f0;
  --dark-color: #f7f7f7;

  --theme-light: #fab9da;
  --theme: #ed1786;
  --theme-dark: #0d0a40;
 
  --color-links: var(--theme-light); 
  --light-bg-main:var(--darker-bg);
  --darker-bg-main:var(--light-bg);
  
  
}*/


/* light mode theme 
	:root {
	
  --light-bg: #f7f7f7;
  --darker-bg: #f0f0f0;
  --dark-color: #171921;

  --theme-light: #fab9da; 
  --theme: #ed1786;
  --theme-dark: #0d0a40;

  --color-links: var(--theme); 
  --light-bg-main: var(--light-bg);
  --darker-bg-main:var(--darker-bg);
  
  
}*/



p {	margin:0px;
	color: var(--dark-color);}

a {	text-decoration: none; color: var(--dark-color);}
a:hover {	text-decoration: underline;}
a:visited {	text-decoration: none;}


 HTML {	
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}
*,*:before,*:after{box-sizing:inherit}
*:focus, *:active{outline: none;}
/*
@media screen and (min-width: 320px) and (max-width: 813px) and (orientation: landscape) {
	html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
*/

body {
  font-family: var(--Font); 
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
	
  min-height: 100vh;

  overflow-y: hidden;
	
}

@font-face {
  font-family: Poppins;
  src: local(Poppins-Regular),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Regular.woff2) format("woff2"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Regular.woff) format("woff"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Poppins;
  src: local(Poppins-SemiBold),
    url(../../../../shared/assets/fonts/Poppins/Poppins-SemiBold.woff2) format("woff2"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-SemiBold.woff) format("woff"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Poppins;
  src: local(Poppins-Bold),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Bold.woff2) format("woff2"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Bold.woff) format("woff"),
    url(../../../../shared/assets/fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

h1 {
  font-family: var(--Font);
  color: var(--dark-color);
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 1.01px;
  
}
.H1-mobiel {
  font-family: var(--Font);
  color: var(--dark-color);
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.82px;
  margin:0px 0px 8px 0px;
}

.header-text-login {
  font-size: 28px;
}

h2 {
  font-family: var(--Font);
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.44px;
}
h3 {
  font-family: var(--Font);
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.32px;
}
.button-text {
  font-family: var(--Font);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
}
.aLink {
  font-family: var(--Font);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
  color: var(--color-links);
  text-decoration: underline;
}

.H4sub {
  font-family: var(--Font); 
  color: var(--dark-color);
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  
}
.small-text {
  font-family: var(--Font); 
  color: var(--dark-color);
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0.12px;
  padding-bottom:8px;
}
.FIlter-Caps {
  font-family: var(--Font); 
  color: var(--dark-color);
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.24px;
}
.Labels {
  font-family: var(--Font); 
  color: var(--dark-color);
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  margin: 0px;
}
.upper {
	text-transform: uppercase;
}

.seperator-line{
	width: 100%;
	border-bottom: 1px solid var(--light-bg-main);
	padding: 8px 0px 0px 0px;
}


input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, #000 9999s ease-out";
    -webkit-transition-delay: 9999s;
	font-family:  var(--Font) !important;
	
}

input[type=submit]{
	-webkit-appearance:none;
}

input[type=text], input[type=textarea]  {
	font-family: var(--Font);
}


.theme-color{
	color: var(--color-links);
}

.main-dark{
	color: var(--dark-main);
}

.green{
	color: var(--Green);
}

.red{
	color: var(--Warning);
}

.bodywrapper{
	max-width: 100%;
}

.home-grid{
	display: grid;
	grid-column-gap: 0px;
	grid-template-columns: [left] minmax(375px, 600px) [main] minmax(400px, 4000px);
}

.home-left{
	/*border: 1px solid var(--darker-bg);*/
	grid-area: 1 / left / 1 / left;
	height: 100vh;
	background-color: var(--light-bg);
	
	display: grid;
	grid-template-rows: [left-top] 166px [left-content] 1fr [left-bottom] 50px;
	grid-template-columns: [left-left-padding] 12% [left-middle] auto [left-right-padding] 12%;
}

.home-left-top{
	height: 100px;
	grid-area:  left-top / 1 / left-top / 3;
	overflow: hidden;
}

.home-left-left{
	grid-area:  2 / 1 / span 1  / span 1;
}

.home-left-content{
	grid-area:  left-content / left-middle / left-content / span 1;
}

.home-left-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 0px 16px;
  height: 100%;
}

.home-left-right{
	grid-area:  2 / 3 / span 1  / span 1;
}

.home-left-bottom{
	height: 50px;
	grid-area:  left-bottom / left-middle / left-bottom / span 1;
}

.home-circle1{
    

	position: absolute;
    width: 600px;
    height: 600px;
    top: -440px;
    left: -360px;
    background-color: var(--theme);
    border-radius: 300px;
    z-index: 2;

}
.home-circle2{
    position: absolute;
    width: 300px;
    height: 300px;
    top: -190px;
    left: 66px;
    background-color: var(--theme-light);
    border-radius: 150px;
	z-index:1;
}

.home-circleB1{
    
	
	position: absolute;
    width: 600px;
    height: 600px;
    top: -440px;
    left: 200px;
    background-color: var(--theme);
    border-radius: 300px;
    z-index: 2;

}
.home-circleB2{
    position: absolute;
    width: 300px;
    height: 300px;
    top: -190px;
    left: 66px;
    background-color: var(--theme-light);
    border-radius: 150px;
	z-index:1;
}



.home-status-container{
  grid-area:  1 / 2 / 1 / span 1;
  margin: 24px 0px auto 0px;
  background-color: var(--white);
  border-radius: 16px;
    -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index:10;  
  overflow: hidden;
  position: relative;
}

.home-status-container2{
  position: absolute;
  height: 100%;
  width: 100%;
  top:0px;
  left:0px;
  opacity: 0.25;
  cursor: pointer;
}

.home-status{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 8px;
	 z-index:11;  
}

.status-icon{
	height: 24px;
  width: 24px;
  min-width: 24px;
  text-align: center;
  line-height:25px;
  padding: 0px;
  font-size:12px;
  color: var(--white);
  border-radius: 12px;
}

.status-icon-small{

  
    height: 16px;
  width: 16px;
  min-width: 16px;
  text-align: center;
  line-height:17px;
  padding: 0px;
  font-size:8px;
  color: var(--white);
  border-radius: 8px;
}

.status-input{
  position: absolute;
  top:15px;
  right:14px;
}

.status-failed {
	 background-color: var(--Warning);
}
.status-success {
	 background-color: var(--Green);
}

.status-content{
min-height: 24px;
  padding: 0px 8px 0px 8px;
  width: 100%;
  
  display: flex;
  justify-content: left;
  align-items: center;
  
}
.status-close{
  height: 24px;
  width: 24px;
  min-width: 24px;
  text-align: center;
  line-height:24px;
  font-size:12px;
 cursor:pointer;
}



.home-main{
	grid-area: 1 / main / 1 / main;
	height: 100vh;
	overflow-y:scroll;
	display: grid;
	grid-template-columns: minmax(10px, 80px) minmax(80%,100%) minmax(10px, 80px);
	background-color: var(--white);
	z-index: 20;
}

.home-main-left{
	grid-area:  1 / 1 / span 1 / span 1;
}

.home-main-content{
	grid-area:  1 / 2 / span 1 / span 1;
	display:grid;
	grid-template-columns: auto;
	
}

.home-main-right{
	grid-area:  1 / 3 / span 1 / span 1;
}





input.homeinput{
	font-family: var(--Font) !important; 
	text-align: left;
	height: 46px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0 0 0px;
	text-indent: 10px;
	
	border-radius: 16px;
	border: solid 1px var(--darker-bg);
}

input.homeinput:focus{
    outline: none;
	border: solid 1px var(--darker-bg);
    /*box-shadow: 0 0 1px #2196f3;*/

}
.passcheck_wrapper{
	position:relative;
}
.passcheck{
	position:absolute;
	width: 100%;
	text-align:right;
	top: 0px;
    padding: 10px 16px 0px 0px;
}
.button{
	color: var(--white);
	text-align: center;
	height: 40px;
  margin: 24px 16px 0 0;
  padding: 9.3px 63.6px 10.7px 64.4px;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: var(--theme);
  cursor: pointer;
  border:0px;

}




.home-eventlogo{
	padding: 128px 0px 32px 0px;
	justify-self: center;
	text-align: center;
}

.home-eventlogo-img{
	max-width: 90%;
    max-height: 300px;
}

.home-eventhome-title{
	width:100%;
	text-align:center;
	padding: 0px 0px 0px 0px;
}

.home-eventpartners{
	
	padding: 32px 0px 32px 0px;
	width:100%;
    text-align:center;
}

.home-eventpartners-img{
	margin: 0px 32px 32px 32px;
	max-width: 240px;
    max-height: 130px;
}

.home-eventattendee-logo{
	width: 80px;
	margin: 0px 16px 24px 8px;
}

.home-eventattendees-logos{
	padding: 32px 0px 32px 0px;
	width:100%;
	display: flex;
	flex-direction: row ;
	flex-wrap: wrap;
	justify-content: left;
    /*text-align:center;*/
}

.home-eventattendees-img{
 width: 100%;
}

.home-eventattendees{
	padding: 32px 0px 32px 0px;
	width:100%;
    /*text-align:center;*/
	display: flex;
	flex-direction: row ;
	flex-wrap: wrap;
	justify-content: space-between;
}
.home-eventattendee{
	width: 24%;
	min-width:166px;
	/*margin-right:24px;*/
}


.nobreak{
	display:inline-block;
}

/* drop down styles */
.select-language{
	width:100%;
}
.select2-container--front .select2-selection--single {
	/* customized */
  
    background-color:var(--light-bg-main);
    cursor: pointer;
    padding-top: 1px;
	border-radius: 16px;
	border: solid 1px var(--darker-bg);
	text-indent: 10px;
	height: 46px;
	
  }
  .select2-container--front .select2-selection--single .select2-selection__rendered {

    /*
	
	margin: 4px 0px 10px 0px;
	padding: 0px 0 0 0px;
	
	*/
    line-height: 46px;
	padding-right: 30px;
	}
	
	
  .select2-container--front .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
	
  .select2-container--front .select2-selection--single .select2-selection__placeholder {
		color: var(--Green);
	}
	
  .select2-container--front .select2-selection--single .select2-selection__arrow {
    height: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
	line-height:46px;
	
	}
	
    .select2-container--front .select2-selection--single .select2-selection__arrow b {
	/*
      background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
	  border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
	  */
      height: 0;
      /*left: 50%;*/
      margin-left: -20px;
      margin-top: 0px;
      position: absolute;
     /* top: 50%;*/
      width: 0;
	 
	  }
	  
	.select2-container--front .select2-selection--single .select2-selection__arrow b::before {
		font-family: 'LineIconsPro Regular';
		content:'\eb2b';
		font-size: 10px;
	 }
	 
	 
	 

.select2-container--front[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--front[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--front.select2-container--disabled .select2-selection--single {
  background-color: red;
  cursor: default; }
  
  .select2-container--front.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--front.select2-container--open .select2-selection--single .select2-selection__arrow b { }
  
.select2-container--front.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
  font-family: 'LineIconsPro Regular';
		content:'\eb27'; }

.select2-container--front.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--front.select2-container--open.select2-container--above .select2-selection--single, .select2-container--front.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.select2-container--front.select2-container--open.select2-container--below .select2-selection--single, .select2-container--front.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.select2-container--front .select2-dropdown {
	border-bottom: solid 0px var(--darker-bg);
	border-left: solid 1px var(--darker-bg);
	border-right: solid 1px var(--darker-bg);
	 border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
       overflow: hidden;
}

.select2-container--front .select2-results__option[role=group] {
  padding: 0px;
  
  
  }

.select2-container--front .select2-results__option[aria-disabled=true] {
  color: #999; 
 
  }
.select2-container--front .select2-results__option {
	background-color: var(--white);
  border-bottom: solid 1px var(--darker-bg);
  padding: 12px 6px 12px 18px;
 }
 
.select2-container--front .select2-results__option[aria-selected=true] {
  background-color: var(--light-bg-main); 
 border-bottom: solid 1px var(--darker-bg);
  
  }



.select2-container--front .select2-results__option .select2-results__option {
  padding-left: 1em; 
  
  
  }
  .select2-container--front .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--front .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--front .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--front .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--front .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--front .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--front .select2-results__option--highlighted[aria-selected] {
  background-color: var(--light-bg-main);
  color: var(--dark-main); }

.select2-container--front .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }  


/* registration page */

.registration-grid{
	display: grid;
	grid-column-gap: 0px;
	grid-template-columns: [left] minmax(375px, 600px) [midleft] minmax(400px, 4000px);
}

.home-left{
	/*border: 1px solid var(--darker-bg);*/
	grid-area: 1 / left / 1 / left;
	height: 100vh;
	background-color: var(--light-bg);
	
	display: grid;
	grid-template-rows: [left-top] 166px [left-content] 1fr [left-bottom] 50px;
	grid-template-columns: [left-left-padding] 12% [left-middle] auto [left-right-padding] 12%;
}


/* Google */

.login-with-google-btn {
  display: flex;
  transition: background-color .3s, box-shadow .3s;
  padding: 22px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}

.login-with-microsoft-btn:hover, .login-with-google-btn:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.login-with-microsoft-btn:active, .login-with-google-btn:active {
  background-color: #eeeeee;
}

.login-with-microsoft-btn:focus, .login-with-google-btn:focus {
  outline: none;
  box-shadow: 
  0 -1px 0 rgba(0, 0, 0, .04),
  0 2px 4px rgba(0, 0, 0, .25),
  0 0 0 3px #c8dafc;
}

.login-with-microsoft-btn:disabled, .login-with-google-btn:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  cursor: not-allowed;
}

.login-with-microsoft-btn {
  display: flex;
  transition: background-color .3s, box-shadow .3s;
  padding: 22px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PHBhdGggZmlsbD0iI2YzZjNmMyIgZD0iTTAgMGgyM3YyM0gweiIvPjxwYXRoIGZpbGw9IiNmMzUzMjUiIGQ9Ik0xIDFoMTB2MTBIMXoiLz48cGF0aCBmaWxsPSIjODFiYzA2IiBkPSJNMTIgMWgxMHYxMEgxMnoiLz48cGF0aCBmaWxsPSIjMDVhNmYwIiBkPSJNMSAxMmgxMHYxMEgxeiIvPjxwYXRoIGZpbGw9IiNmZmJhMDgiIGQ9Ik0xMiAxMmgxMHYxMEgxMnoiLz48L3N2Zz4=);
  background-color: white;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}


.login_services_options_bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: none;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 12px 0 12px 0px;
}

.login_services_main_container {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  justify-content: center;
}

.login_services_text {
  text-align: center;
  flex: 0.2 0 auto;
  margin: 0;
}

.login_services_options_bar:before, .login_services_options_bar:after {
  content: "";
  border-bottom: 1px solid #c2c8d0;
  flex: 1 0 auto;
  height: 0.5em;
  margin: 0;
}

.login_services_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-left-plus {
  grid-template-rows: [left-top] 106px [left-content] 1fr [left-bottom] 50px;
}

.home-login-container {
  display: flex;
  padding: 12px 0px 12px 0px;
  justify-content: space-between;
  align-items: center;
  column-gap: 12px;
  padding: 12px 0px 12px 0px;
}

.home-login-input-container {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.button-login {
  margin:0;
}

@media (min-width: 460px) {
  .home-circle1-login {
    top: -480px;
  }
  .home-circle2-login {
    top: -230px;
    left: 20px;
  }
}


@media (max-width: 600px) {
	
	.home-grid{
		grid-template-columns: [left] minmax(350px, 600px);
		}
	.home-main{display:none;

	}
	
	.home-left{

	/*grid-template-rows: [left-top] 166px [left-content] 1fr [left-bottom] 50px;*/
	grid-template-columns: [left-left-padding] 16px [left-middle] auto [left-right-padding] 16px;
}

  .home-left-plus {
    grid-template-rows: [left-top] 166px [left-content] 1fr [left-bottom] 50px;
  }
	
}