.login{display:flex}.left-col{width:50%;height:100vh;position:relative;min-height:500px;align-items:center;align-content:center;display:flex;background-position:right center;background-repeat:no-repeat}.left-col .logo{position:absolute;left:50px;top:50px}.left-col p{font-family:'Neue Montreal';color:#fff}.left-col h2{color:#FFF;font-size:41px;line-height:53px;position:relative;font-weight:bold;padding-bottom:20px;font-family:"Merriweather", serif;margin-bottom:15px}.left-col h2::after{width:42px;height:2px;background-color:#FFF;position:absolute;left:0;bottom:0;content:""}.login-details{width:100%;max-width:450px}.login-details p{line-height:31px;font-size:23px;margin-bottom:0}.right-col{width:50%;height:100vh;position:relative;min-height:500px;align-items:center;align-content:center;display:flex;padding:0px 50px 0 120px;color:#132E57;justify-content:center}.right-col h2{color:#132E57;font-size:48px;line-height:53px;position:relative;font-weight:bold;padding-bottom:30px;font-family:"Merriweather", serif;margin-bottom:20px}.right-col h2::after{width:70px;height:2px;background-color:#AB3636;position:absolute;left:0;bottom:0;content:""}.right-col h3{font-size:23px;line-height:26px;margin:0 0 20px;color:#000;font-weight:normal}.right-col .btn{background:#AB3636;width:110px;height:46px;text-align:center;font-size:25px;line-height:44px;display:block;padding:0;border-radius:33px;font-weight:normal}.right-col .btn a{color:#FFF;text-decoration:none}.right-col .btn:hover{background-color:#132E57;color:#fff}.login-form h3{font-size:25px;margin:30px 0;display:block;line-height:22px;color:#AB3636}.login-form h3 a{color:#AB3636;text-decoration:none}.login-form label{padding-left:25px;font-size:23px;color:#000000;margin-bottom:15px}.login-form{width:100%}.login-form .form-control{height:46px;border-radius:28px;border:1px solid #9F9F9F;padding-left:25px}@media (max-width: 1499px){.right-col h2{font-size:30px;line-height:38px}.right-col{padding-left:50px}}@media (max-width: 1199px){.right-col{padding:50px;width:30%}.right-col h2{font-size:36px;line-height:38px}.login-form h3{font-size:26px;line-height:32px}.left-col{padding-left:30px}.left-col .logo{left:30px;top:30px}}@media (max-width: 767px){.login{display:grid}.login-details{width:100%;max-width:100%}.left-col{width:100%;background-image:none;height:auto;display:block;padding:0;min-height:auto}.right-col{width:100%;height:auto;padding:20px;min-height:auto}.login-form{max-width:100%}}.animation-start{opacity:0}.slide-left{animation:slide-left 1s ease-in-out;width:100%;height:100vh;position:relative}.left-img{width:100%;background-position:right center;background-size:cover;height:100%}.right-arrow{background-position:center center;background-repeat:no-repeat;height:100%;width:auto;position:absolute;top:0;z-index:0;left:100%;width:283px;margin-left:-235px;animation:right-arrow 1.1s ease-in;z-index:-1;background-size:85%}@keyframes slide-left{from{margin-left:-100%;opacity:0}to{margin-left:0%;opacity:1}100%{opacity:1}80%{opacity:0.9}70%{opacity:0.7}50%{opacity:0.4}30%{opacity:0.2}0%{opacity:0}}@keyframes right-arrow{from{margin-left:-285px}to{margin-left:-235px}}.slide-right{animation:slide-right 1.3s ease-in;animation-delay:1.2s}@keyframes slide-right{from{margin-right:-100%;opacity:0}to{margin-right:0%;opacity:1}}.right-col h2{animation:rightH2 1.8s ease;margin-left:0}@keyframes rightH2{from{margin-left:-150px;opacity:0}to{margin-left:0%;opacity:1}}.slide-right .login-form h3{animation:rightH3 1.8s ease;margin-left:0;animation-delay:1s}.slide-right .login-form h3 a{display:inline-flex;padding-right:0px;position:relative;transition:all 0.3s ease}.slide-right .login-form h3 a:after{position:absolute;right:0;top:-2px;content:'';width:26px;height:26px;background-position:center center;background-repeat:no-repeat;opacity:0;background-image:url("/static/iimbx/images/blue-right-arrow.cd2e0aaffa1d.png");background-size:contain;transition:all 0.3s ease}.slide-right .login-form h3 a:hover{padding-right:40px}.slide-right .login-form h3 a:hover:after{opacity:1}@keyframes rightH3{from{margin-left:-50;opacity:0}to{margin-left:0%;opacity:1}}.slide-right .btn{animation:rightbtn 1.8s ease-in-out;margin-left:0;animation-delay:1s}@keyframes rightbtn{from{margin-left:-50;opacity:0}to{margin-left:0%;opacity:1}}.mobileArrow.slide-left::before,.mobileArrow.slide-left::after{opacity:0}.slide-left::before,.slide-left::after{animation:rightMobile 1.3s ease-in;animation-delay:1.2s}@keyframes rightMobile{from{margin-left:-100%;opacity:0}to{margin-left:0%;opacity:1}}@media (max-width: 1199px){.login{overflow:hidden}.right-col{padding:50px;width:40%}.right-col h2{font-size:25px;line-height:30px}.login-form h3{font-size:20px;line-height:30px;text-decoration:none}.login-form h3:hover{text-decoration:underline}.left-col{padding-left:0}.left-col .logo{left:30px;top:30px}}@media (max-width: 991px){.login{width:100%;display:grid}.right-col{padding:50px 30px;width:100%;min-height:auto;height:auto}.left-col .logo{width:auto;left:40px;top:40px}.left-col .logo img{width:170px}.right-col.slide-right .login-form{text-align:center}.right-col.slide-right .login-form h3,.right-col.slide-right .login-form h2{text-align:left}.right-col.slide-right .login-form .btn{margin:0 auto !important;width:160px;height:60px}.slide-right .login-form h3{margin-bottom:60px}.left-col{height:250px;min-height:auto;padding-left:0;width:100%}.slide-left{height:250px;width:110%;min-height:auto}.slide-left::after{height:20px;position:absolute;left:0;bottom:-20px;background-color:#AB3636;content:"";width:75%}.slide-left::before{left:75%;top:104%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(171,54,54,0);border-left-color:#AB3636;border-width:10px;margin-top:-10px;z-index:10}.left-img{width:110%;background-size:111%;background-position:center center !important}}@media (max-width: 767px){.slide-left .right-arrow{display:none}.right-col h2{font-size:22px;line-height:26px}}@media (max-width: 767px){.right-col h2{font-size:20px;line-height:26px}}@media (max-height: 500px){.slide-left{height:100%}.right-arrow{margin-left:-192px;background-size:50%}}@media screen and (max-height: 790px){.right-arrow{background-size:65%;margin-left:-212px}.slide-left,.left-img{height:100%;min-height:auto}}@media screen and (max-height: 590px){.right-arrow{background-size:50%;margin-left:-192px}.slide-left,.left-img{height:100%}}@media (max-width: 991px){.left-img{background-image:url("/static/iimbx/images/index-image-mobile-view.e4b46562fed8.png") !important}}