.ratef {
    background-color: #fffcd8 !important;
}
.userf {
    background-color: #e7efff !important;
}
.clockf {
    background-color: #f6e8ff !important;
}
.usdf {
    background-color: #eaffe6 !important;
}
.freecoursebg {
    background: linear-gradient(to top, #FFFEF2 0%, #FFFFFF 100%);
}
.icnf {
    background: #F69A00;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.learnf {
    background-color: #FFF8EB !important;
}
.toggle-btn {
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
}
.list-item {
    color: #1b83e1;
    font-size: 1rem;
    position: relative;
    padding-left: 20px;
}
.list-item::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #F69A00;
    font-size: 1.5rem;
    line-height: 1rem;
    margin-top: 1.5% !important;
}
.stickyfs {
    width: 100% !important;
}
.border-free {
    border: 1px solid #C4C5C7 !important;
}
.sticky-sidebar {
    background: linear-gradient(to bottom, #FFF0D7 0%, #FFFFFF 100%);
}
#freesf .collapsed {
    border: none !important;
}
.groupf {
    margin-left: 32% !important;
}
.requestclaafs {
    background-image: url(../image/backfg.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.course-container {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #C4C5C7 !important;
}
.career-list {
    padding-left: 1rem !important;
}
.starfree{
    color:#FFD43B;
}
.userfree,
.clockfree{
    color:#F69A00;
}
.list-unstyled-free{
    list-style: none;
}
.certfree{
    color:#F69A00;
}
.career-listf::marker {
    content: "•";
    position: absolute;
    left: 0;
    color: #01203d;
    font-size: 1.5rem;
    line-height: 1rem;
    margin-top: 0.5% !important;
}
.career-listf {
    position: relative !important;
    padding-left: 20px !important;
}

.feature-icon img {
    width: 50px !important; 
    height: 48px !important;
}

@media(max-width:600px){
    .aytof{
        margin: auto !important;
    }
    .related-height{
        height:200px !important;
    }
    .fs-card{
        font-size:0.9rem;
    }
.free-scrum-fs{
        font-size:22px !important;
    }
        .freecouradbg {
        background-image: url(../image/freecouradmob-bg.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 18rem;
    }
#testimonial-modal-free .splide__arrow {
        top: 89%;
    }
    #splide-testimonial-carousel-free .splide__arrow--next {
        right: 2em;
    }
    #splide-testimonial-carousel-free .splide__arrow--prev {
        left: 19em;
    }
.requestclaafs {
    background-image: url(../image/invitefree.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
    .freedet{
        flex-direction:column;
    }
    .progressbar{
        margin-left:4.5rem !important;
    }
    .progress-bars{
        background:#0d6efd;
    }
    .set-icon{
        width:350px;
        height:280px;
    }
    .mob-free{
        text-align:center !important;
    }
    .assign-section {
      background-image: url(../image/free-edu4.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height:410px !important;
}
.requestclaaf {
        background-image: url(../image/invitedet-img.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
.badges{
    margin-left: 16% !important;
    margin-top: 2.5% !important;
}
#free-page-3 .form-control,
#free-page-3 .form-select {
        padding: 0.8rem;
    }
    #free-page-3 .form-label {
       font-size: 15px;
    }
    #free-page-4 .form-label  {
       font-size: 15px;
    }
    #free-page-5 .form-label  {
       font-size: 15px;
    }
    #free-page-4 .form-control,
    #free-page-4 .form-select {
        padding: 0.8rem;
    }
    #free-page-5 .form-select {
        padding: 0.8rem;
    }
    .gif-icon{
        width:40%;
    }
    .badge-free{
        bottom:85% !important;
    }
    .imgfree{
         width:100%;
    }
    #testimonial-modal-free .modal-content{
        position: fixed !important;
        bottom: -1% !important;
    }
    #linkedin-carousel-frees .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: -2rem;
    left: 35%;
    width: 100px;
}
.badge-free-course {
    position: absolute;
    background-color: #28a745;
    color: white;
    z-index: 2;
    left: 7%;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    bottom: 86% !important;
}
.badge-frees {
    left: 8% !important;
    bottom: 92% !important;
}
.freeview-more-overlay {
    top: -2.5rem !important;
}
}
@media (min-width: 992px) {
    .list-item::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #F69A00;
        font-size: 1.5rem;
        line-height: 1rem;
        margin-top: 0.5% !important;
    }
    .card_truncers {
        height: 3.5rem !important;
    }
    .free-fs-all{
        font-size:24px !important;
    }
    .fs-card{
        font-size:0.9rem;
    }
    .freecouradbg {
        background-image: url(../image/freecourad-bg.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .free-card-fs{
        font-size:16px !important;
    }
    .free-scrum-fs{
        font-size:28px !important;
    }
    .free-fs{
        font-size:14px !important;
    }
    .gif-icon{
        width:15%;
    }
#splide-testimonial-carousel-free .splide__arrow--next {
        right: 2em;
    }
    #splide-testimonial-carousel-free .splide__arrow--prev{
        left:2em;
    }
    #free-page-3 .form-control,
    #free-page-3 .form-select {
        padding: 0.6rem;
    }
    #free-page-3 .form-label {
       font-size: 15px;
    }
    #free-page-4 .form-label  {
       font-size: 15px;
    }
    #free-page-5 .form-label  {
       font-size: 15px;
    }
    #free-page-4 .form-control,
    #free-page-4 .form-select {
        padding: 0.6rem;
    }
    #free-page-5 .form-select {
        padding: 0.6rem;
    }
    .requestclaaf {
        background-image: url(../image/frre-img.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .career-listf::marker {
        content: "•";
        position: absolute;
        left: 0;
        color: #01203d;
        font-size: 1.5rem;
        line-height: 1rem;
        margin-top: 0.5% !important;
    }
    .career-listf {
        position: relative !important;
        padding-left: 20px !important;
    }
    .stickyfs {
        width: 25% !important;
    }
    .w-lg-70 {
        width: 100%;
    }

    .d-lg-flex {
        position: relative;
    }
    .freedet{
        display:flex;
    }
    .set-icon{
        width:400px;
        height:300px;
    }
    .assign-section {
      background-image: url(../image/free-course1.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height:450px !important;
}
.detailsfrees{
    font-size:20px ;
}
#linkedin-carousel-frees .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: -2rem;
    left: 47%;
    width: 100px;
}
.related-height{
    height:160px;
}
.badge-free-course {
    position: absolute;
    background-color: #28a745;
    color: white;
    z-index: 2;
    bottom: 82%;
    left: 7%;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
}
.course-cards{
    border: 1px solid #73b4f4;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s;
}
 .course-cards {
  height: 100%; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} 
.course-cards .card-title {
  min-height: 3rem; 
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.free-co{
    color:#1B83E1;
}
.gradient-text {
  font-weight: bold;
  background: linear-gradient(
    90deg,
    #FFA71A 0%,
    #FF208F 37%,
    #CB36B3 73%,
    #0042E2 98%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.highlights{
    color:#FF4500;   
}
.freecourseed{
    background: linear-gradient(90deg, #FFFFFF 0%, #F5FAFF 100%);
}
.vert{
    width: 1px;
    height: 480px;
    background-color: #B2DAFF;
    border: none;
    margin: 0 0px;
}
.highlights-free{
    color:#FF4500; 
    background:white;
    border:1px solid #FF4500;
}
input.freecour,
select.freecour {
    color: #718AA5;
}
label.freecour {
    color: #718AA5;
}
input.freecour::placeholder {
    color: #718AA5;
    opacity: 1;
}
select.freecour option {
    color: #718AA5;
}
.section {
            display: none;
        }
        .section.active {
            display: block;
        }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }    
        .next-btn, .submit-btn {
            transition: all 0.3s ease;
        }        
        .back-btn {
            background: none;
            border: none;
            font-size: 1.2rem;
            color: #6c757d;
            padding: 10px;
            margin-bottom: 20px;
        }       
        .loading-dots {
            display: inline-block;
        }
        
        .loading-dots::after {
            content: '';
            animation: dots 2s infinite;
        }
        
        @keyframes dots {
            0%, 20% { content: ''; }
            40% { content: '.'; }
            60% { content: '..'; }
            80%, 100% { content: '...'; }
        }
        .dashboard-free{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        }
        .btn-free{
            background:#FF4500;
        }
        .freeview-more-overlay-free {
    position: relative;
    left: 0;
    right: 0;
    height: 71px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 1;
    top: -4.5rem;
}
.badge-frees{
    position: absolute;
    background-color: #28a745;
    color: white;
    z-index: 2;
    bottom: 93%;
    left: 7%;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
.free-card{
    border:1px solid #C4C5C7 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.free-border{
    border: 1px solid transparent !important;
    border-image: linear-gradient(to bottom, #F69A00 0%, #FFFFFF 100%) 1 !important;
}
#linkedin-carousel-container-2002  .splide__arrow svg{
    fill: #01203d
;
    height: 0.8em;
    width: 0.8em;
}
#linkedin-carousel-container-2002 .splide__arrow {
    background-color: white;
    border: 2px solid #01203d
;
    opacity: 1;
}
#linkedin-carousel-container-2002 .splide__arrow:disabled {
    opacity: 0.3;
}
.freeaccor{
    background-color: transparent !important;
    border-radius: 8px;
}
@media(max-width:390px){
        #splide-testimonial-carousel-free .splide__arrow--prev {
        left: 16em !important;
    }
}
.freeview-more-overlay {
    position: relative;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 1;
    top: -5rem;
}
.enroll-relate{
    color:#FF4500;
}
/* Skeleton Loader */
.loading-sch-skeleton {
    background: #ddd;
    color: transparent !important;
    border-radius: 4px;
    pointer-events: none;
    animation: loading-sch-skeleton 1s infinite alternate;
    display: inline-block;
    width: 100%;
}

@keyframes loading-sch-skeleton {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.loading-sch-skeleton img {
    filter: grayscale(100) contrast(0%) brightness(1.8);
}

.loading-sch-skeleton h1,
.loading-sch-skeleton h2,
.loading-sch-skeleton h3,
.loading-sch-skeleton h4,
.loading-sch-skeleton h5,
.loading-sch-skeleton h6,
.loading-sch-skeleton p,
.loading-sch-skeleton li,
.loading-sch-skeleton .btn,
.loading-sch-skeleton label,
.loading-sch-skeleton .form-control {
    background-color: #ddd;
    color: transparent;
    border-color: #ddd;
}
.review-free{
        background: linear-gradient(90deg, #fcf3e2 0%, #ffffff 100%);
}
@media (min-width: 1200px) and (max-width: 1400px){
    .badge-free-course {
        bottom: 79%;
    }
}