.course-three-col{padding:0 20px}.course-three-col .container .title-wrap{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.course-three-col .container .title-wrap .title{font-size:var(--fs-5xl);font-weight:400}.course-three-col .container .title-wrap a{padding:12px 33px 14px}.course-three-col .container .title-wrap .course-nav-wrap,.course-three-col .container .title-wrap .course-buttons-wrap{display:contents}.course-three-col .container .title-wrap .course-nav-arrow{display:none}@media (max-width:767px){.course-three-col .container .title-wrap .course-nav-wrap{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;display:flex}.course-three-col .container .title-wrap .course-buttons-wrap{align-items:center;gap:var(--sp-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.course-three-col .container .title-wrap .course-buttons-wrap a{text-align:center;overflow-wrap:anywhere;min-width:0;max-width:100%}.course-three-col .container .title-wrap .course-nav-arrow{flex:0 0 20px;width:20px;height:18px;display:block}}.course-three-col .container .three-col-wrap{margin-top:var(--sp-8);justify-content:center;gap:26px;display:flex;overflow-x:auto}@media (max-width:767px){.course-three-col .container .three-col-wrap{justify-content:flex-start;gap:var(--sp-5);scrollbar-color:var(--maroon-color) #0000;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.course-three-col .container .three-col-wrap::-webkit-scrollbar{height:6px}.course-three-col .container .three-col-wrap::-webkit-scrollbar-track{background:0 0}.course-three-col .container .three-col-wrap::-webkit-scrollbar-thumb{background-color:var(--maroon-color);border-radius:5px}}.course-three-col .container .three-col-wrap .col-wrap{text-align:center;width:calc(33.333% - 18px);color:var(--dark-red-color);background-color:var(--light-red-color);border-radius:var(--r-xl);flex-direction:column;justify-content:space-between;align-items:center;padding:35px 35px 50px;display:flex;position:relative;overflow:hidden}.course-three-col .container .three-col-wrap .col-wrap .col-quiz-link{z-index:1;border-radius:inherit;display:block;position:absolute;inset:0}.course-three-col .container .three-col-wrap .col-wrap .col-quiz-link:focus-visible{outline:2px solid var(--dark-red-color);outline-offset:-4px}@media (max-width:1024px){.course-three-col .container .three-col-wrap .col-wrap{width:calc(50% - 18px)}}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;padding:25px 22px 28px}}.course-three-col .container .three-col-wrap .col-wrap.col-center{padding:35px 35px 0}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap.col-center{padding:25px 22px 0}}.course-three-col .container .three-col-wrap .col-wrap .content-wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.course-three-col .container .three-col-wrap .col-wrap .content-wrap .num{width:30px;height:30px;font-size:var(--fs-md);border:1px solid var(--dark-red-color);border-radius:50%;justify-content:center;align-items:center;padding:5px 10px;font-weight:400;display:flex}.course-three-col .container .three-col-wrap .col-wrap .content-wrap .heading{margin-top:25px;font-size:clamp(18px,3vw,24px);font-weight:500}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap .content-wrap .heading{margin-top:15px}}.course-three-col .container .three-col-wrap .col-wrap .content-wrap .detail{margin-top:10px;font-size:clamp(12px,2vw,16px);font-weight:400}@media (max-width:575px){.course-three-col .container .three-col-wrap .col-wrap .content-wrap .detail{max-width:80%}}.course-three-col .container .three-col-wrap .col-wrap .points-wrap{gap:var(--sp-2);flex-direction:column;width:100%;margin-top:25px;display:flex}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap .points-wrap{margin-top:var(--sp-5)}}.course-three-col .container .three-col-wrap .col-wrap .points-wrap .point{align-items:center;gap:var(--sp-5);font-size:var(--fs-md);color:var(--black-color);border-radius:var(--r-md);background-color:var(--white-color);padding:17px 25px;font-weight:400;display:flex}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap .points-wrap .point{padding:10px 20px}}.course-three-col .container .three-col-wrap .col-wrap .points-wrap .point span{width:30px;height:30px;color:var(--white-color);background:linear-gradient(180deg, var(--dark-red-color) 0%, #ce5456 100%);border-radius:50%;justify-content:center;align-items:center;padding:5px 10px;font-weight:600;display:flex}.course-three-col .container .three-col-wrap .col-wrap .calendar-wrap{width:100%;height:250px;margin-top:35px}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap .calendar-wrap{height:200px;margin-top:var(--sp-5)}}.course-three-col .container .three-col-wrap .col-wrap .calendar-wrap .calendar-img{object-fit:contain;width:100%;height:100%}.course-three-col .container .three-col-wrap .col-wrap .imgs-wrap{align-items:center;gap:var(--sp-2);width:100%;margin-top:25px;display:flex}@media (max-width:767px){.course-three-col .container .three-col-wrap .col-wrap .imgs-wrap{margin-top:var(--sp-5);gap:6px}}.course-three-col .container .three-col-wrap .col-wrap .imgs-wrap .img-wrap{flex:1;height:auto}.course-three-col .container .three-col-wrap .col-wrap .imgs-wrap .img-wrap img{object-fit:contain;width:100%;height:100%}.course-three-col .container .btns-wrap{width:100%;margin-top:var(--sp-8);flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}@media (max-width:767px){.course-three-col .container .btns-wrap{margin-top:25px}}.course-three-col .container .btns-wrap .sec-btn{max-width:fit-content;color:var(--black-color);border:1px solid var(--black-color);cursor:pointer;background-color:#0000;border-radius:29px;padding:15px 25px;font-size:16px;font-weight:600;transition:all .3s ease-in-out}@media (max-width:767px){.course-three-col .container .btns-wrap .sec-btn{padding:10px 20px}}@media (max-width:575px){.course-three-col .container .btns-wrap{gap:var(--sp-2)}.course-three-col .container .btns-wrap .btn{width:100%;max-width:100%}}