@font-face {
         font-weight: 400;
         font-style:  normal;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Regular.woff2') format('woff2');
         }
         @font-face {
         font-weight: 400;
         font-style:  italic;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Italic.woff2') format('woff2');
         }
         @font-face {
         font-weight: 500;
         font-style:  normal;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Medium.woff2') format('woff2');
         }
         @font-face {
         font-weight: 500;
         font-style:  italic;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-MediumItalic.woff2') format('woff2');
         }
         @font-face {
         font-weight: 700;
         font-style:  normal;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Bold.woff2') format('woff2');
         }
         @font-face {
         font-weight: 700;
         font-style:  italic;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BoldItalic.woff2') format('woff2');
         }
         @font-face {
         font-weight: 900;
         font-style:  normal;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Black.woff2') format('woff2');
         }
         @font-face {
         font-weight: 900;
         font-style:  italic;
         font-family: 'Inter-Loom';
         src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BlackItalic.woff2') format('woff2');
         }
     
         .c011 {
         width: 100%;
         padding: 38px 31px;
         box-sizing: border-box;
         }
     
         .c018 {
         color: #00b8ff;
         }
     
         .c012 {
         color: #ffffff;
         border: none;
         height: 34px;
         cursor: pointer;
         display: inline-block;
         padding: 0px 30px;
         font-size: 15px;
         box-sizing: border-box;
         box-shadow: none;
         font-weight: 600;
         border-radius: 4px;
         text-decoration: none;
         background-color: #1db6ff;
         -webkit-appearance: none;
         }
         .c012:active {
         top: 3px;
         position: relative;
         }
         .c013 {
         height: 100%;
         display: flex;
         align-items: center;
         }
     
         .c015 {
         color: #3a4450;
         font-size: 54px;
         font-weight: bold;
         line-height: 60px;
         margin-bottom: 20px;
         }
         @media (max-width: 576px) {
         .c015 {
         font-size: 36px;
         margin-bottom: 30px;
         }
         }
         .c016 {
         color: #8792a0;
         font-size: 19px;
         line-height: 34px;
         margin-bottom: 20px;
         }
         @media (max-width: 576px) {
         .c016 {
         font-size: 18px;
         margin-top: 30px;
         }
         }
         .c017 {
         margin-bottom: 20px;
         }
     
         .c019 {
         margin: 50px 0;
         cursor: pointer;
         }
         .c0110 {
         color: #232d39;
         font-size: 48px;
         margin-top: 50px;
         line-height: 66px;
         }
         @media (max-width: 576px) {
         .c0110 {
         font-size: 36px;
         }
         }
     
         .c0111 {
         box-sizing: border-box;
         padding-top: 138px;
         background-size: 100% 100%;
         background-image: url(/assets/frontend/img/gradient-background.svg);
         background-repeat: no-repeat;
         }
         @media (max-width: 576px) {
         .c0111 {
         padding-top: 0;
         padding-bottom: 50px;
         background-size: cover;
         background-position-x: -200px;
         }
         }
         .c0112 {
         color: #ffffff;
         font-size: 200px;
         letter-spacing: 0.05px;
         }
         @media (max-width: 992px) {
         .c0112 {
         font-size: 130px;
         }
         }
         @media (max-width: 768px) {
         .c0112 {
         font-size: 100px;
         }
         }
         .c0113 {
         color: #ffffff;
         font-size: 41px;
         text-transform: uppercase;
         }
         @media (max-width: 992px) {
         .c0113 {
         font-size: 26px;
         }
         }
         @media (max-width: 768px) {
         .c0113 {
         font-size: 20px;
         }
         }
      
         .c0114 {
         padding: 40px 0px;
         }
         .c0115 {
         color: #e4edf6;
         font-size: 200px;
         letter-spacing: 0.05px;
         }
         @media (max-width: 992px) {
         .c0115 {
         font-size: 130px;
         }
         }
         @media (max-width: 768px) {
         .c0115 {
         font-size: 100px;
         }
         }
         .c0116 {
         color: #1db6ff;
         font-size: 41px;
         text-transform: uppercase;
         }
         @media (max-width: 992px) {
         .c0116 {
         font-size: 26px;
         }
         }
         @media (max-width: 768px) {
         .c0116 {
         font-size: 20px;
         }
         }
      
         .c0117 {
         width: 100%;
         padding: 35px 80px 70px 80px;
         box-shadow: 10px 2px 20px 0 rgba(31, 59, 122, 0.09);
         box-sizing: border-box;
         margin-bottom: 40px;
         background-color: #ffffff;
         }
         @media (max-width: 768px) {
         .c0117 {
         padding: 35px 10px 70px 10px;
         }
         }
         .c0118 {
         color: #232d39;
         font-size: 32px;
         font-weight: bold;
         margin-bottom: 20px;
         }
         .c0119 {
         color: #8792a0;
         font-size: 22px;
         line-height: 36px;
         }
         .c0120 {
         padding: 50px 0px;
         }
         .c0121 {
         color: #232d39;
         font-size: 16px;
         line-height: 26px;
         margin-bottom: 5px;
         }
         .c0122 {
         padding-top: 40px;
         }
         .c0123 {
         color: #232d39;
         font-size: 33px;
         margin-top: 10px;
         font-weight: bold;
         }
         .c0124,.amount {
         color: #1db6ff;
         }
         .c0125 {
         padding-top: 40px;
         }
     
         .c0133 {
         width: 100%;
         color: #8792a0;
         border: 1px solid #dbe4eb;
         font-size: 15px;
         box-sizing: border-box;
         line-height: 22px;
         padding-top: 14px;
         padding-left: 17px;
         border-radius: 3px;
         padding-bottom: 16px;
         background-color: #fafcfd;
         }
         .c014 {
         color: #ffffff;
         border: none;
         height: 34px;
         cursor: pointer;
         padding: 0px 30px;
         font-size: 15px;
         box-shadow: none;
         font-weight: 600;
         border-radius: 4px;
         background-color: #1db6ff;
         -webkit-appearance: none;
         }
         .c014:active {
         top: 3px;
         position: relative;
         }
     
         .c0126 {
         padding-top: 80px;
         padding-bottom: 80px;
         background-color: #edf2f9;
         }
         @media (max-width: 576px) {
         .c0126 {
         padding-left: 10px;
         }
         }
         .c0127 {
         margin-top: 20px;
         margin-bottom: 100px;
         }
         .c0127 img {
         max-width: 190px;
         }
         .c0128 {
         display: flex;
         }
         .c0129 {
         margin-right: 30px;
         }
         .c0130 {
         color: #003945;
         font-size: 14px;
         margin-top: 20px;
         font-weight: bold;
         margin-bottom: 20px;
         text-transform: uppercase;
         }
         .c0131 {
         color: #8792a0;
         font-size: 16px;
         margin-bottom: 20px;
         }
         .c0132 {
         color: #8792a0;
         font-size: 13px;
         margin-top: 10px;
         }
		 
  .login {
    background-color: #F4F8FC;
   }
   
   #login .c0134 {
    color: #232d39;
    font-size: 36px;
    line-height: 66px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#login .c018 {
    width: 100%;
    padding: 66px 65px 46px 65px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
}
#login .c0141{
	margin-bottom: 24px;
}
#login .c0140 {
    color: #232d39;
    font-weight: 600;
    margin-bottom: 9px;
    text-transform: uppercase;
}
#login .c0135 {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}
#login .c0142 {
    display: flex;
    align-items: center;
}
#login .c0143 {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
    align-items: center;
    margin-right: 10px;
    justify-content: center;
  
}
#login .c0144 {
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: #ffffff;
}
#login .c011000 {
    margin-bottom: 24px;
}
#login .c01900 {
    color: #232d39;
    font-weight: 600;
    margin-bottom: 9px;
    text-transform: uppercase;
	font-size:initial;
}
#login .c01110 {
    width: 100%;
    color: #8792a0;
    border: 1px solid #dbe4eb;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 22px;
    padding-top: 14px;
    padding-left: 17px;
    border-radius: 3px;
    padding-bottom: 16px;
    background-color: #fafcfd;
}
.error {
    color: #e03e3e;
    font-size: 14px;
    font-weight: 600;
}

.alert-danger{
	background: #ea225ae0;
    padding: 15px 20px;
    color: #fff;
    text-align: left;
}
.alert-success{
	background:#47ab54;
    padding: 15px 20px;
    color: #fff;
    text-align: left;
}
button.close{
	float: right;
    background: #efebebe8;
    padding: 5px 8px;
    border: 0px;
    cursor: pointer;
}