/*===============================================
** Course Css
*===============================================*/
.course-item { position:relative; display:block; margin-bottom:40px;}
.course-inner { position:relative;}
.course-thumb { width:246px; height:246px; border-radius:50%; position:relative; z-index:2; background:linear-gradient(147deg, #000000 0%, rgba(231, 231, 231, 0) 100%); margin:0 0 0 auto; padding:10px;}
.course-thumb img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block;}
.course-like { position:absolute; left:-8px; top:43px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background-color:#ff7700; font-size:20px;}
.course-like span { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; margin-top:-4px; margin-bottom:-4px; font-weight:400; line-height:1.4; color:#ffffff; text-align:center; text-decoration:none; vertical-align:middle; user-select:none; background-color:rgba(0,0,0,0); font-size:16px; border:1px solid rgba(0,0,0,0); border-radius:48px; cursor:pointer; -webkit-transition:color 200ms ease-in-out,background-color 200ms ease-in-out; transition:color 200ms ease-in-out,background-color 200ms ease-in-out;}
.course-content { margin-top:-80px; background-color:#f0f0f0; border-radius:14px; border:1px solid #aeaeae; padding:28px 30px 30px; -webkit-transition:500ms ease; transition:500ms ease; margin:-110px 0 0;}
.course-content h4 { font-size:20px; line-height:29px; margin:0 0 22px;}
.course-time { position:relative; height:24px; background-color:#ff7700; color:#ffffff; border-radius:5px; font-size:14px; font-weight:400; padding:0 10.5px; display:inline-block; margin:0 0 25px; z-index:2;}
.course-rating { position:relative; z-index:2; display:flex; align-items:center; font-size:17px; letter-spacing:2px; color:#ffb300; margin:0 0 30px;}
.course-btm { position:relative; background-color:#000927; border-radius:6px; display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:14px 19px 15px 19px;}
.course-category { position:relative;}
.course-category a { color:#ffffff;}
.course-price { position:relative;}
.pricebx { margin:0; font-size:20px; color:#ffffff; font-weight:700; line-height:1;}
.course-item:hover .course-content { border-color:#ff7700;}
.col-3 .course-thumb { width:200px; height:200px;}
.col-3 .course-content { padding-left:15px; padding-right:15px;}

/* 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 { margin:0; padding:0; text-align:center; border-bottom:1px solid;}
.course-meta ul li { display:inline-flex; text-align:center; padding:15px 0px; margin:0 2%; text-align:left;}
.course-meta ul li.last { margin-right:0;}
.course-meta ul li span { font-weight:700; color:#000927;}
.course-meta ul li h6 { margin-bottom:5px; font-weight:400; font-size:16px; color:#737373;}
.course-meta ul li i { font-size:30px; color:#ff7700; margin-right:10px;}
.course-meta ul li a { color:#737373;}
.course-meta ul li a:hover { color:#ff7700;}
.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; text-align:center;}
ul.singletabs li { background-color:#000927; color:#ffffff; display:inline-block; padding:7px 15px; cursor:pointer; border-radius:5px;}
ul.singletabs li.current { background-color:#ff7700; color:#ffffff;}
.singletab-content{ display:none; padding:20px 30px;}
.singletab-content.current { display:inherit;}
.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 #ff7700; 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:#ff7700; font-size:12px; margin-right:10px;}
.course-info-title { color:#000927; font-weight:600; display:inline-block; margin-right:10px; width:150px;}
.course-info-title i { color:#ff7700; font-size:20px; margin-right:10px; position:relative; top:2px; width:30px; text-align:center;}
.course-info-details { padding-left:20px;}