.calculator__area{width:100%;display:flex;justify-content:center;height:100vh}.container{width:100%;margin:auto}.calculator__area--flex{display:flex;align-items:center}.calculator__area--flex-left{width:45%;font-weight:bolder}.calculator__area--flex-left h3{font-size:70.4px;line-height:86.4px;color:#fff;text-shadow:2px 0 3px #eee}.calculator__area--flex-right{width:100%;background-color:#e7e7e7;background-size:100% 100%;padding:20px 10px;border-radius:10px}.calculator__area--flex-right h2{text-transform:uppercase;text-align:center;color:#5b2c6f}.calculator__area--flex-right p{color:#5b2c6f;text-align:center;font-size:16px;margin-bottom:10px;margin-top:4px}.input__box__flex{display:flex;align-items:center}.input__box__flex input{background:#fff;outline:none;padding:15px;border:1px solid #b9b9b9;color:#5b2c6f;width:50%;margin-top:15px;border-radius:5px;text-align:center}.input__box__flex input:first-child{margin-right:6px}.select__probidhan{margin-top:10px}.select__probidhan select{width:100%;background:#5b2c6f;outline:none;padding:10px;border:1px solid #b3b3b3;color:#fff;border-radius:5px;text-align:center}.calculate__btn__area{display:flex;justify-content:space-between;margin-top:10px}.calculate__btn{padding:10px 45px;font-size:16px;border:medium none;cursor:pointer;color:#fff;font-weight:700;background:#087608;overflow:hidden;position:relative;z-index:1;width:50%}.clear__btn{padding:10px 45px;font-size:16px;border:medium none;cursor:pointer;color:#fff;font-weight:700;margin-right:6px;overflow:hidden;position:relative;z-index:1;width:50%;background:#eb0d0d}.wrong-message{background-color:red;padding:10px;border-radius:5px;color:#fff;animation:bounceIn 1s ease-in-out;text-align:center;font-size:15px}.final-message{border-radius:5px;animation:flipInX 1s ease-in-out}.final-message h5{background-color:#fff;padding:5px;border-radius:50px;animation:flipInX 1s ease-in-out;text-align:center;font-size:21px;border:4px solid #0e870e}.final-message h5 span{color:green}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-duration:0.75s;animation-name:bounceIn}@media screen and (max-width:1250px){.container{width:100%}.calculator__area--flex-left{margin-right:30px}.calculator__area--flex-left h3{font-size:60px}}@media screen and (max-width:1200px){.container{width:100%}.calculator__area--flex-left{margin-right:30px}.calculator__area--flex-left h3{font-size:50px;line-height:60.4px}}@media screen and (max-width:992px){.container{width:100%}.calculator__area--flex-left{margin-right:30px}.calculator__area--flex-left h3{font-size:50px;line-height:60.4px}}@media screen and (max-width:800px){.calculator__area--flex{justify-content:center}.calculator__area--flex-left{display:none}}@media screen and (max-width:768px){.calculator__area--flex-right{width:100%}.calculator__area--flex-right h3{font-size:17px}.calculator__area--flex-right p{font-size:14px}}@media screen and (max-width:576px){.calculator__area{padding:20px}.container{width:100%}.input__box__flex input{font-size:15px;padding:15px}.select__probidhan select{font-size:12px;padding:12px}.calculator__area--flex-right h3{font-size:15px}.calculator__area--flex-right p{font-size:10px}.calculate__btn__area p{display:none}.calculate__btn,.clear__btn{font-size:14px;width:100%}}