:root{--White: hsl(0, 0%, 100%);--Light-grayish-violet: hsl(270, 3%, 87%);--Dark-grayish-violet: hsl(279, 6%, 55%);--Very-dark-violet: hsl(278, 68%, 11%);--Linear-gradient:hsl(249, 99%, 64%) to hsl(278, 94%, 30%);--Red: hsl(0, 100%, 66%) }*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:auto}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;height:100vh;font-size:18px;font-family:Space Grotesk,sans-serif;color:var(--Very-dark-violet)}.pb{margin-bottom:10px}.p{padding:10px}.mr{margin-right:5px}.error{border:1px solid var(--Red)!important;color:var(--Red)}.flex-row{display:flex}.btn{text-align:center;background-color:var(--Very-dark-violet);border:transparent;display:block;width:100%;height:40px;font-size:14px;color:var(--White);margin-top:20px;font-weight:500;border-radius:5px;cursor:pointer}.tablet__view{padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:26px;display:none}.component_wrapper{display:flex;height:100%}.component__left{position:relative;background-image:url(/assets/bg-main-desktop.8bf4510a.png);width:100%;height:100%;width:40vw}.component__left__perant{position:absolute;width:100%;top:50%;left:50%;transform:translateY(-50%)}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up{position:relative;display:flex;flex-direction:column;right:10%}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up img{width:100%}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up svg{position:absolute;top:10px;left:10px}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__pharagraph{position:absolute;bottom:50px;left:40%;transform:translate(-50%);font-size:18px;width:100%;text-align:center;color:var(--White)}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__p-left{position:absolute;bottom:26px;left:22%;transform:translate(-36%);font-size:12px;text-align:center;color:var(--White)}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__p-right{position:absolute;bottom:20px;right:10%;transform:translateY(-36%);font-size:14px;text-align:center;color:var(--White)}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__perant__boxCards__box-2 img{width:100%}.component__right{width:100%;display:flex;justify-content:center;align-items:center;line-height:3rem}.component__right__box__form{padding:20px;width:350px}.component__right__box__form form{display:block;margin-top:60px}.component__right__box__form .thank__you{display:flex;flex-direction:column;text-align:center;width:300px;margin-top:60px;display:none}.component__right__box__form .thank__you .thank__you__pharaghrap h3{font-size:20px}.component__right__box__form .thank__you .thank__you__pharaghrap p{color:var(--Dark-grayish-violet)}.form-control__input{display:block;width:100%}.form-control__input label{display:block;font-size:14px;margin-bottom:0}.component__right .component__right__box .component__right__box__form .form-control__input input{display:block;width:100%;padding:10px 0;border:1px solid var(--Light-grayish-violet);text-indent:10px}.component__right .component__right__box .component__right__box__form .form-control__input input:focus{border:1px solid var(--Linear-gradient)}.component__right .component__right__box .component__right__box__form .form-control__input input:hover{border:1px solid var(--Dark-grayish-violet);cursor:pointer}@media (max-width: 767px){.component_wrapper{flex-direction:column}.component__left{background-image:url(/assets/bg-main-mobile.9e839c55.png);width:100vw;height:30vh}.component__left__perant{position:absolute;transform:translate(-50%);top:8%}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card{flex-direction:column-reverse;position:relative}.component__left__card{position:absolute;top:55%;padding:10px;margin:0 30px}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up{display:flex;flex-direction:column;position:absolute;top:50%;right:10%}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__pharagraph{font-size:16px}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__p-left,.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__card .card__up .card__p-right{font-size:10px}.component_wrapper .component__left .component__left__perant .component__left__perant__boxCards .component__left__perant__boxCards__payment__card .component__left__perant__boxCards__box-2{margin-left:20px}}