body{
  font-family: "Dosis", sans-serif;
  font-size:14px;
  font-optical-sizing: auto;
  color:#000;
  text-align:center;
  background-color:#fff
}
* {
  box-sizing: border-box;
}
input, button{height:40px;border-radius:8px;padding: 10px 24px}
input{width:350px;border:1px solid #5135c3}
button{background:#5135C3;color:#fff;border:none;cursor:pointer}
.info{color:#5135C3}
.wrapper{max-width:1440px;margin:auto;text-align:left;display:flex}
svg{display:inline-block;vertical-align: text-top;margin-right:10px}
.right{width:33%;padding:80px 56px;background-color:#fff}
.left{width:67%;background-image:url('bg.jpg');background-repeat:no-repeat}
.right > div{padding:16px}
.gradient{width:100%;height:100%;padding:80px 104px;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.5) 100%);}
h3{color: #1D1D1D;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.15px;}

h4{font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 125%;
letter-spacing: 0.15px;
margin:10px 0}

h1{color: #fff;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
letter-spacing: 0.15px;
margin:10px 0}

.subt{color: #fff;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
margin-bottom:48px}

.header{
color: rgba(255, 255, 255, 0.90);
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
}

.line{width: 141px;height: 1px;background-color:rgba(255,255,255,0.5);margin:48px 0}
.form{margin:24px 0 10px 0}
.social{margin:56px 0}
.txt{color: #fff;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;}

.txt2{color: #fff;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Dosis;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
text-decoration:none}

@media screen and (max-width: 991px) {
.wrapper{flex-direction:column}
.left, .right, input, button{width:100%}
button{margin-top:10px}
.gradient{padding:56px}
}
@media screen and (max-width: 575px) {
.gradient{padding:40px 16px}
.right{padding:20px 0}
h1{font-size:48px}
.subt{font-size:20px;margin-bottom:20px}
.header, .txt{font-size:16px}
.logo{width:128px;height:auto}
h3.subt2{font-size:18px}
.line{margin:24px 0}
.social{margin:36px 0}
}