#enroll{max-width:800px;margin:50px auto;padding-inline:30px}.courseInfo{display:block;padding:15px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5);background:var(--gradeBg);border-radius:var(--radius);overflow:hidden}.courseInfo:hover{color:#fff}.courseInfo img{float:right;width:200px;margin-left:15px;margin-bottom:10px;box-shadow:0 0 3px rgba(0,0,0,.3);height:100%}@media all and (max-width:500px){.courseInfo img{float:none;display:block;width:100%;margin-left:0}}.courseInfo h3{color:#fff;padding-top:10px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#enroll strong em{color:var(--secondary)}#enroll p{font-size:15px;line-height:26px}#enroll .minipackage{padding:15px 20px;font-size:1.15rem;line-height:30px;background-color:#fff;box-shadow:var(--boxShadow);border-radius:var(--radius);border-right:3px solid var(--primary);margin:35px 0}#paymentForm .container{max-width:600px;margin:0 auto}#enroll table{width:100%;border:1px solid #eee;margin:25px 0}#enroll tr:nth-child(even){background-color:#eee}#enroll td{direction:rtl;text-align:right;padding:10px 15px}#enroll form .flex{margin-bottom:10px}#enroll label{font-weight:600;font-size:13px}#paymentForm{margin-top:25px;padding:17px}#enrollIframe{width:calc(100% + 16px);position:relative;left:8px}#enrollIframe iframe{width:100%;min-height:730px}@media all and (max-width:1130px){aside{display:none}#page{float:none;width:100%}#enroll{max-width:unset}}@media all and (max-width:450px){.courseInfo img{float:none;width:100%;margin-bottom:15px}#enroll td{display:block;width:100%}#enroll tr:not(:last-child) td{border:0}#enroll form .width50{width:100%}}