.courseMain{height:100%;padding:20px;gap:20px}.courseMain,.courseMainHead{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.courseMainHead>h1,.courseMainHead>h2{font-size:40px;font-weight:bolder;text-align:center}.courseMainHead>h1>span,.courseMainHead>h2>span{background:var(--customGradient);-webkit-background-clip:text;background-clip:text;color:transparent}.courseMainHead>p{color:grey;font-size:20px;width:50%;text-align:center}.courseCardContainer{width:100%;padding:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.courseMainCard{width:400px;height:550px;overflow:hidden}.courseMainCardImg{width:100%;height:55%;transition:.4s ease-in-out;position:relative}.courseMainCard:hover .courseMainCardImg{transform:translateY(-45px)}.courseMainCardImg>img{width:100%;height:100%;object-fit:cover}.courseMainCardTxt{width:100%;height:45%;padding:40px;transition:.4s ease-in-out}.courseMainCard:hover .courseMainCardTxt{transform:translateY(-45px)}.courseMainCardTxt>h3{font-weight:700}.courseMainCardTxt>p{text-align:justify;color:grey}.courseMainCardTxt-Timing,.courseMainCardTxt>p{display:flex;justify-content:center;align-items:center;flex-direction:column}.courseMainCardTxt-Timing{border:solid green;width:100%}.courseMainCardBtn{width:100%;height:200px;background-color:var(--customColor);transition:.4s ease-in-out;display:flex;justify-content:center;align-items:flex-start;padding:10px;position:relative;&:hover{background-color:var(--customColor2)}}.courseMainCardBtn>a{text-decoration:none;color:white;position:absolute;width:100%;height:100%;text-align:center}.courseMainCard:hover .courseMainCardBtn{transform:translateY(-50px)}.courseMainCardText{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.courseMainCardText>h2{font-size:6rem;font-weight:700;color:var(--customColor);text-shadow:2px 2px 10px rgba(255,0,0,.552)}@media screen and (min-width:320px) and (max-width:768px){.courseCardContainer{width:100%;height:100%;padding:0;gap:50px}.courseMainHead>h2{font-size:30px;font-weight:bolder}.courseMainHead>p{color:grey;font-size:20px;width:100%}.courseMainCardTxt{height:45%;padding:40px}.courseMainCardImg,.courseMainCardTxt{width:100%;transform:translateY(-45px)}.courseMainCardImg{height:55%}.courseMainCard:hover .courseMainCardImg,.courseMainCard:hover .courseMainCardTxt{transform:translateY(0)}.courseMainCardBtn{width:100%;height:200px;transform:translateY(-50px)}.courseMainCard:hover .courseMainCardBtn{transform:translateY(0)}}