.training_container{display:flex;flex-direction:column;gap:30px;h1,h2,h3{margin:0}.training_header{width:100%;height:fit-content;font-family:"Oak Sans";h1{display:flex;align-items:center;gap:20px;@media screen and (max-width:1200px){font-size:25px}@media screen and (max-width:768px){font-size:20px}.training_head{p{margin:0;&:nth-child(2){font-weight:500;font-size:15px}}}span{background-color:#b41f1c;color:#fff;padding:10px;border-radius:5px}}}.training_content{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;gap:20px;.training_item{background-color:#fff;display:flex;padding:15px;gap:10px;align-items:stretch;min-height:200px;border-radius:10px;box-shadow:var(--shadow);.training_item_image{min-width:200px;max-width:200px;overflow:hidden;@media screen and (max-width:1200px){min-width:150px}@media screen and (max-width:480px){min-width:100px}img{width:100%;height:100%;object-fit:cover}}.training_item_content{display:flex;justify-content:space-between;flex-direction:column;font-family:"Oak Sans";a.link{display:flex;width:fit-content;height:fit-content;padding:6px 30px;border-radius:5px;font-weight:600px;color:#fff;text-decoration:none;background:var(--gradient-green);@media screen and (max-width:1200px){font-size:13px}@media screen and (max-width:480px){font-size:10px}}h2{line-height:.9;@media screen and (max-width:1200px){font-size:20px}@media screen and (max-width:480px){font-size:15px}a{text-decoration:none;color:#000;&:hover{color:#a10000}}}p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:"Raleway";font-size:14px;text-align:justify;@media screen and (max-width:1200px){font-size:13px}@media screen and (max-width:480px){font-size:11px}}}}}.training_footer{display:flex;align-items:center;justify-content:center;gap:10px;button{color:#b41f1c;background-color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-family:"Oak Sans";font-size:17px;font-weight:600;&:hover,&.active{background-color:#b41f1c;color:#fff}&.active:hover{color:#b41f1c;background-color:#fff}&:disabled{cursor:initial;&:hover{background-color:#fff;color:#b41f1c}}}}}