.primary-button{position:relative;width:250px;height:50px;border-radius:50px;padding:0px 30px;display:flex;justify-content:flex-start;align-items:center;color:white;transition:all 0.3s ease 0s;background:#216AB1;background:-webkit-linear-gradient(45deg, #216AB1, #2151FF);background:-o-linear-gradient(45deg, #216AB1, #2151FF);background:-moz-linear-gradient(45deg, #216AB1, #2151FF);background:linear-gradient(45deg, #216AB1, #2151FF)}.primary-button .arrow-icon{position:absolute;right:30px;top:20px;width:13px}.primary-button .arrow-icon img{width:100%}.primary-button:hover{cursor:pointer;opacity:0.75}.secondary-button{position:relative;width:250px;height:50px;border-radius:50px;border:2px solid #2151FF;padding:0px 30px;display:flex;justify-content:flex-start;align-items:center;color:#216AB1;transition:background ease 0.4;background:transparant;transition:all 0.3s ease 0s}.secondary-button .arrow-icon{position:absolute;right:30px;top:20px;width:13px}.secondary-button .arrow-icon img{width:100%}.secondary-button:hover{cursor:pointer;background:rgba(33,106,177,0.05)}.login .secondary-button{background-color:white;margin:15px 0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:'Muli', sans-serif;font-size:16px;font-weight:400;line-height:24px;width:100%;min-height:100vh;background:url("../images/dale_pattern.jpg");display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#333}.container{display:flex;flex-direction:column;width:83.33333vw}.container a{color:#2889DA;transition:all ease 0.4s}.container a:hover{color:#333}.container h1{font-size:22px;line-height:26px}.container h2{color:#216AB1;font-size:20px;line-height:26px}.container .header{width:100%;display:flex;align-items:center;justify-content:space-between}.container .login{border:0px !important;text-align:center;color:white}.container .logo{padding:50px 0;width:300px}.container .logo img{width:100%}.container .main-panel{margin-bottom:50px;padding:75px;background:white;display:flex;-webkit-box-shadow:0px 34px 76px -47px rgba(0,0,0,0.5);-moz-box-shadow:0px 34px 76px -47px rgba(0,0,0,0.5);box-shadow:0px 34px 76px -47px rgba(0,0,0,0.5)}.container .main-panel .col-first{width:41.66667vw;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.container .main-panel .col-first .content{width:33.33333vw}.container .main-panel .col-first .content h1{margin-top:20px}.container .main-panel .col-first .content p{margin-top:20px;padding:25px 0}.container .main-panel .col-first .content .profile-picture{width:150px}.container .main-panel .col-first .content .profile-picture img{width:100%}.container .main-panel .col-first .content .profile-content p{padding:0}.container .main-panel .col-second{width:8.33333vw;display:flex;justify-content:center;align-items:center}.container .main-panel .col-third{width:33.33333vw;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.container .main-panel .col-third .content{width:25vw}.container .main-panel .col-third .content h1{margin-top:20px}.container .main-panel .col-third .content p{padding:25px 0;margin-top:20px}.container .main-panel .col-third .content .primary-button{margin:20px 0}.container .vertical-seperator{transition:all ease 0.4s;height:170px}.container .vertical-seperator img{height:100%}.profile{margin-top:50px;display:flex;align-items:center}.profile .profile-content{padding-left:30px}.footer{height:50px;width:100%;background-color:white;display:flex;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 1100px){.main-panel{padding:35px !important;flex-direction:column}.main-panel .col-first{width:100% !important}.main-panel .col-first .content{width:100% !important}.main-panel .col-second{width:100% !important}.main-panel .col-second .content{width:100% !important}.main-panel .col-third{width:100% !important}.main-panel .col-third .content{width:100% !important}.main-panel .vertical-seperator{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@media screen and (max-width: 768px){.header{flex-direction:column !important;margin-bottom:50px}}@media screen and (max-width: 550px){.profile{flex-direction:column !important}}