@charset "utf-8";
/*===============================================
** Course Css
*===============================================*/
.course-item { position:relative; display:block; margin-bottom:30px;}
.course-inner { position:relative;}
.course-thumb { position:relative; display:block; overflow:hidden; background-color:#373636; clip-path:polygon(0% 0%, 100% 0%, 100% 61%, 0% 100%, 0% 0%);}
.course-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.course-category a { position:absolute; left:10px; top:10px; z-index:1; line-height:21px; font-size:12px; padding:5px 18px; border-radius:50px; letter-spacing:1px; display:inline-block; background-color:#af9a7d; color:#ffffff;}
.course-category a:hover { background-color:#373636;}

.course-content { position:relative; margin-left:40px;}
.course-cont-inner { position:relative; display:block; background-color:#ffffff; padding:30px 30px 30px 30px; margin-top:-120px; box-shadow:rgb(0 0 0 / 10%) 0px 20px 30px 0px; z-index:1;}
.course-price { position:absolute; top:-44px; right:25px; width:80px; height:80px; line-height:80px; text-align:center; border-radius:50%; background-color:#373636;}
.pricebx { position:relative; display:block; color:#ffffff; font-weight:600; font-size:20px;}
.course-rating { position:relative; display:inline-block;}
.crsspanrating { color:#ed9700; font-size:16px;}
.crsspanrating i { margin:0 5px;}
.course-meta { position:relative; margin:10px 0 12px; margin-left:0;}
.course-meta li { padding:3px 0; list-style:none;}
.course-meta li i { color:#af9a7d; margin-right:10px;}
.course-content h5 { display:block; font-size:20px; line-height:32px; font-weight:600; margin-bottom:20px;}
.course-btn { display:inline-block; background-color:#373636; color:#ffffff; font-weight:600; padding:10px 15px; border-radius:30px; text-transform:uppercase;}
.course-btn:hover { background-color:#af9a7d; color:#ffffff;}

.course-item:hover .course-thumb img { opacity:0.1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}

/** Course List Type **/
.course-list-item { position:relative; margin:20px 0; background-color:#f1f1f1; border:1px solid #eaeaea;}
.course-list-thumb { flex:2;}
.course-list-thumb .course-price { top:20px; right:25px; font-size:25px; font-weight:700;}
.course-list-thumb .course-category a { top:30px; left:30px;}
.course-list-content { flex:5; padding:3em;}
.course-list-content h5 { margin-bottom:10px;}
.course-list-rating { margin-bottom:10px;}
.course-list-meta { margin-left:0;}
.course-list-meta li { padding:3px 0; list-style:none;}
.course-list-meta li i { margin-right:10px; color:#af9a7d;}

/* COURSE SINGLE 
================ */
.course-ralated { position:relative;}
.course-ralated h2 { font-size:25px; text-transform:uppercase; margin-bottom:30px; padding-bottom:20px; border-bottom:2px solid #aeaeae;}

.single-course-box { position:relative;}
.single-course-thumb { width:100%; position:relative;}
.single-course-thumb img { width:100%; height:auto; display:block;}
.course-meta { margin-bottom:10px;}
.course-meta ul li { display:inline-flex; text-align:center; padding:15px 0px; margin-right:3%; text-align:left;}
.course-meta ul li.last { margin-right:0;}
.course-meta ul li span { font-weight:700;}
.course-meta ul li h6 { margin-bottom:5px; font-weight:400; font-size:16px;}
.course-meta ul li i { font-size:40px; color:#af9a7d;}
.pull-right { margin-left:10px;}
.single-course-box .single-course-thumb { margin-bottom:20px;}
.single-course-tab { position:relative; width:100%; margin-top:30px;}
ul.singletabs { margin:0px; padding:0px; list-style:none;}
ul.singletabs li { background:none; color:#1a1a1a; display:inline-block; padding:10px 15px; cursor:pointer; margin-bottom:-1px;}
ul.singletabs li.current { background-color:#ffffff; border:1px solid; border-bottom-color: transparent !important; font-weight:700; color:#af9a7d; border-top-left-radius:5px; border-top-right-radius:5px;}
.singletab-content{ display:none; padding:20px 30px; border:1px solid #dddddd;}
.singletab-content.current { display:inherit; border:1px solid #af9a7d;}
.singletab-content h3 { position:relative; font-size:22px; padding-bottom:15px; margin-top:20px;}
.singletab-content h3:before { content:''; position:absolute; left:0; bottom:0; border-bottom:3px solid #af9a7d; width:50px;}
.singletab-content ul li { padding:5px 0; clear:both;}
.singletab-content ul.course-list li { position:relative; padding-left:0;}
.singletab-content ul.course-list li:before { content:'\f324'; font-family:'Font Awesome 5 Pro'; color:#af9a7d; font-size:12px; margin-right:10px;}
.course-info-title { color:#373636; font-weight:600; display:inline-block; margin-right:10px; width:150px;}
.course-info-title i { color:#af9a7d; font-size:20px; margin-right:10px; position:relative; top:2px; width:30px; text-align:center;}
.course-info-details { padding-left:20px;}