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