.CustomClassBox{cursor:pointer;width:100%;transition:var(--main-transition);flex-direction:column;gap:20px;display:flex;position:relative}.CustomClassBox:hover{background-color:#fde8e9;border-radius:0 32px 32px}.CustomClassBox .ClassImage{width:100%;height:200px;position:relative}.CustomClassBox .ClassImage img{object-fit:cover;z-index:2;border-radius:0 32px 32px;width:100%;height:100%;position:relative}.CustomClassBox .ClassBody{width:100%;transition:var(--main-transition);flex-direction:column;gap:10px;display:flex;position:relative}.CustomClassBox:hover .ClassBody{padding:0 15px 15px}.CustomClassBox .ClassBody .ClassDate{color:var(--main-color);align-items:center;gap:10px;font-size:14px;font-weight:300;display:flex;position:relative}.CustomClassBox .ClassBody .ClassDate svg{min-width:15px;max-width:15px}.CustomClassBox .ClassBody .ClassDate path{width:15px;fill:var(--main-color)}.CustomClassBox .ClassBody h1{font-size:18px;font-weight:700;position:relative}.CustomClassBox .ClassBody>p{font-size:12px;font-weight:300;line-height:1.2;position:relative}.CustomClassBox .ClassBody .action{transition:var(--main-transition);cursor:pointer;background-color:#0000;border:0;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex;position:relative}.CustomClassBox .ClassBody .action .actionDesc{flex-direction:column;align-items:flex-start;gap:0;display:flex;position:relative}.CustomClassBox .ClassBody .action .actionDesc .actionTitle{color:var(--main-color);margin:0;font-size:15px;font-weight:400;position:relative}.CustomClassBox .ClassBody .action .actionDesc span{color:var(--dark-color);font-size:12px;font-weight:300;position:relative}.CustomClassBox .ClassBody .action svg path{fill:var(--main-color);position:relative}.CustomClassBox:hover .ClassBody .action{border-bottom:1px solid var(--main-color)}.RequestFormBox{z-index:1000;background-color:#0003;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.RequestFormBox .formBox{background-color:var(--dark-color);width:600px;max-width:100%;transition:var(--main-transition);border-radius:25px;flex-direction:column;gap:20px;padding:40px;display:flex;position:relative}.RequestFormBox .formBox .head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.RequestFormBox .formBox .head .left{flex-direction:column;gap:2px;display:flex;position:relative}.RequestFormBox .formBox .head .left h1{color:var(--main-color);max-width:350px;font-size:30px;font-weight:700;position:relative}.RequestFormBox .formBox .head .left p{color:var(--white-alt-color);max-width:350px;font-size:14px;font-weight:400;position:relative}.RequestFormBox .formBox .head .left .date{align-items:center;gap:10px;display:flex;position:relative}.RequestFormBox .formBox .head .left .date svg{width:15px}.RequestFormBox .formBox .head .left .date svg path{fill:var(--main-color)}.RequestFormBox .formBox .head .left .date span{color:var(--main-color);font-size:12px;font-weight:300;position:relative}.RequestFormBox .formBox .head .right{cursor:pointer;background:#e41b22;border:1px solid #212121;border-radius:24px;justify-content:center;align-items:center;padding:14px 10px;display:flex;position:relative}.RequestFormBox .formBox .head .right svg{width:12px;height:12px}.RequestFormBox .formBox form{flex-direction:column;gap:20px;width:100%;display:flex;position:relative}.RequestFormBox .formBox .Flex-box{align-items:center;gap:20px;display:flex;position:relative}@media (max-width:992px){.RequestFormBox .formBox .Flex-box{flex-direction:column}}.RequestFormBox .formBox .formBoxInput{flex-direction:column;gap:10px;width:100%;display:flex;position:relative}.RequestFormBox .formBox .formBoxInput label{color:var(--white-alt-color);font-size:14px;font-weight:700;position:relative}.RequestFormBox .formBox .formBoxInput>input{background:#4d4d4d;border:1px solid #878787;border-radius:20px;outline:0;width:100%;padding:12px;font-size:14px;font-weight:400;position:relative}.RequestFormBox .formBox .formBoxInput input{color:#fff}.RequestFormBox .formBox .SendAction{transition:var(--main-transition);color:#fff;cursor:pointer;background:#e41b22;border:1px solid #212121;border-radius:1rem;width:fit-content;padding:12px 40px;font-size:14px;font-weight:400;position:relative}.RequestFormBox .formBox .SendAction:hover{color:#e41b22;background:#212121;border:1px solid #e41b22;position:relative}
