.creator-banner .image-box{width: 70%; margin: auto; position: relative; padding-top: 77.5%; border-radius: 45px; overflow: hidden;}
.creator-banner .image-box img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover; object-position: center;}
 .creator-banner .image-box.show-shadow::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 35%; background: linear-gradient(180.4deg, rgba(23, 23, 23, 0) 0.34%, #171717 53.92%);} 
.creator-banner .image-box .social-links{position: absolute; z-index: 99; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; padding: 0 0 30px 0;}
.creator-banner .image-box .social-links .social-link-item{padding: 0 15px;}
.creator-banner .image-box .social-links .social-link-item a{display: block; border-radius: 100%; overflow: hidden;}
.creator-banner .image-box .social-links .social-link-item svg{width: 50px; height: 50px;}
.creator-banner .small-label{background: rgba(55, 137, 255, 0.5); border-radius: 8px; padding: 8px 16px; color: #fff; font-size: 17px; margin-bottom: 40px; display: inline-block;}
.creator-banner h1{font-size: 3.13vw; margin-bottom: 16px;}
.creator-banner .designation-area{font-size: 24px; opacity: .5; margin-bottom: 20px;}
.creator-banner .designation-area + p{width: 72%; font-size: 20px; margin-bottom: 40px;}

.creator-banner .stats{display: flex; align-items: center; justify-content: space-between; text-align:center; width: 435px; max-width: 80%; margin-bottom: 40px;}
.creator-banner .stats-item{max-width: 33.33333%; flex: 0 0 auto; width: max-content; padding: 0 15px;}
.creator-banner .stats-item .big-text{font-weight: 800; font-size: 25px;}
.creator-banner .stats-item .small-text{font-weight: 400; font-size: 12px; opacity: .75;}

.creator-banner .image-batch{opacity: .25;}
.creator-banner .image-batch img{width: 137px; height: 76px; object-fit: contain; object-position: center;}

.course-sub-title{font-size: 36px; margin-bottom: 45px;}

.main-category-parent{margin-left: -13px; margin-right: -13px; display: flex; flex-wrap: wrap; margin-top: -44px;}
.course-item-box{padding: 0 13px; margin-top: 44px; flex: 0 0 20%; max-width: 20%;}
.course-item-box .thumb-box{padding-top: 68%; position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.course-item-box .thumb-box img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.course-item-box h4 {font-size: 20px; margin-bottom: 10px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis;    display: -webkit-box; -webkit-line-clamp: 2;    -webkit-box-orient: vertical; }
.course-item-box h4 a{display: block; width: initial;}
.course-item-box .user-box{display: flex; align-items: center; align-items: center;}
.course-item-box .user-box .user-thumb{flex: 0 0 35px; max-width: 35px;}
.course-item-box .user-box img{width: 35px; height: 35px; object-fit: cover; object-position: center; border-radius: 100%;}
.course-item-box .user-box .user-detail{flex: 0 0 calc(100% - 35px); max-width: calc(100% - 35px); padding-left: 12px; position: relative; padding-right: 75px;}
.course-item-box .user-box .user-detail .user-title{font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize;font-weight: 400;}
.course-item-box .user-box .user-detail .course-timing{position: absolute; top: 50%; text-transform: capitalize; right: 0; transform: translate(0, -50%); font-size: 12px; display: flex; align-items: center; color: rgba(255, 255, 255, 0.75); }
.course-item-box .user-box .user-detail .course-timing svg{margin-right: 8px;}

.slick-arrow{background-size: contain; background-repeat: no-repeat; padding: 0; font-size: 0; border: 0; width: 55px; height: 55px; background-color: transparent; position: absolute; top: 104px;}
.slick-arrow.slick-disabled{opacity: .5; cursor: no-drop;}
.slick-next{right: -15px; transform: translate(55px, -50%); background-image: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5 55C42.6878 55 55 42.6878 55 27.5C55 12.3122 42.6878 0 27.5 0C12.3122 0 0 12.3122 0 27.5C0 42.6878 12.3122 55 27.5 55ZM24.161 35.8396C23.5501 35.2266 23.5543 34.2363 24.1652 33.6275L30.3197 27.5001L24.1652 21.3705C23.5543 20.7617 23.5501 19.7735 24.161 19.1606C24.4654 18.852 24.8678 18.6998 25.2681 18.6998C25.6663 18.6998 26.0666 18.852 26.371 19.1564L33.6409 26.3909C33.9349 26.6849 34.0996 27.0831 34.0996 27.5001C34.0996 27.915 33.9349 28.3132 33.6409 28.6071L26.371 35.8437C25.7601 36.4525 24.7719 36.4525 24.161 35.8396Z' fill='white'/%3E%3C/svg%3E%0A");}
.slick-prev{left: -15px; transform: translate(-55px, -50%); background-image: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5 55C42.6878 55 55 42.6878 55 27.5C55 12.3122 42.6878 0 27.5 0C12.3122 0 0 12.3122 0 27.5C0 42.6878 12.3122 55 27.5 55ZM30.8429 35.8405C31.4538 35.2276 31.4496 34.2373 30.8387 33.6285L24.6842 27.501L30.8387 21.3715C31.4496 20.7627 31.4538 19.7745 30.8429 19.1615C30.5385 18.853 30.1361 18.7008 29.7358 18.7008C29.3376 18.7008 28.9373 18.853 28.6329 19.1574L21.363 26.3919C21.069 26.6859 20.9043 27.0841 20.9043 27.501C20.9043 27.9159 21.069 28.3141 21.363 28.6081L28.6329 35.8447C29.2438 36.4535 30.232 36.4535 30.8429 35.8405Z' fill='white'/%3E%3C/svg%3E%0A");}

.experts h2{margin-bottom: 50px;}
.experts .slick-arrow{top: 50%;}

.carousel__track{align-items: flex-start;}
.slide-item{padding: 0 13px;}
.slide-item .expert-box{border-radius: 45px; overflow: hidden; background-color: #171717; text-align: left; width: 100%;}
.slide-item .expert-box .thumb-box{position: relative;}
.slide-item .expert-box .thumb-box a{position: relative; padding-top: 63%; width: 100%;}
.slide-item .expert-box .thumb-box::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 45%, #171717 100%); z-index: 9;}
.slide-item .expert-box .thumb-box a{display: block;}
.slide-item .expert-box .thumb-box img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.slide-item .expert-box .details{position: relative; z-index: 9; padding: 0 17px;}
.slide-item .expert-box .details .creator-name{font-size: 21px; font-weight: 600; margin-bottom: 5px; line-height: 1;}
.slide-item .expert-box .details .designation{font-size: 18px; opacity: .5;}
.slide-item .expert-box .details .bio{font-size: 18px; opacity: .75; padding: 10px 0; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 95px;}
.slide-item .expert-box .details .stats{display: flex; align-items: center; justify-content: space-between; text-align:center;}
.slide-item .expert-box .details .stats-item{max-width: 33.33333%; flex: 0 0 auto; width: max-content; padding: 0 15px;}
.slide-item .expert-box .details .stats-item .big-text{font-weight: 800; font-size: 25px;}
.slide-item .expert-box .details .stats-item .small-text{font-weight: 400; font-size: 12px; opacity: .75;}
.slide-item .expert-box .details .big-text{}
.slide-item .expert-box .details .marquee{margin-bottom: 20px; margin-top: 10px;}
.slide-item .expert-box .details .marquee-box{opacity: .25;}

.about-this h2{margin-bottom: 40px;}
.about-this p{font-size: 22px;}

.skill-blue-box .main-parent{padding: 100px 65px; background-color: hsla(215, 100%, 61%, 0.4); border-radius: 45px;}
.skill-blue-box .main-parent h2{font-size: 70px; font-weight: 800; padding-right: 15px; margin: 0;}
.skill-blue-box .main-parent p{font-size: 24px; line-height: 1.8;}
.skill-blue-box .main-parent .user-box{display: flex; align-items: flex-start; margin-bottom: 20px;}
.skill-blue-box .main-parent .user-box .user-thumb{width: 50px; height: 50px; overflow: hidden; position: relative; flex: 0 0 50px; max-width: 50px;}
.skill-blue-box .main-parent .user-box .user-thumb img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-position: center; object-fit: cover; border-radius: 100%;}
.skill-blue-box .main-parent .user-box .user-detail{flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); padding-left: 15px;}
.skill-blue-box .main-parent .user-box .user-detail .user-title{font-size: 18px;}
.skill-blue-box .main-parent .user-box .user-detail .blog-time{font-size: 12px; opacity: .5;}


/* marquee slider start */
:root {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 20);
    --duration: 20s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}
.marquee {display: flex; overflow: hidden; user-select: none; gap: var(--gap);}
.marquee__group {flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: var(--gap); min-width: 100%; animation: scroll-x var(--duration) linear infinite;}
.marquee--reverse .marquee__group {animation-direction: reverse; animation-delay: -3s;}
@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}
.marquee-wrapper {display: flex; flex-direction: column; gap: var(--gap); margin: auto; max-width: 100vw;}
/* marquee slider end */





.slider-parent-box{max-width: 1500px; margin: auto;}
.swiper {padding: 1.5em;}
.swiper .content-wrapper {
	 /* position: relative;
	 display: grid;
	 grid-template-columns: 1fr;
	 grid-template-rows: 1fr;
	 grid-template-areas: ".";
	 width: 100%;
	 justify-items: center;
	 align-items: center; */
}
.swiper .content-wrapper .content {width: 100%; display: block; color: #000;
	 /* padding: 3em 1.5em; */
	 /* text-align: center; */
	 /* display: grid; */
	 /* justify-items: center; */
	 /* align-items: center; */
	 /* margin: 0 auto; */
}
.swiper .content-wrapper .content :first-child {margin: 0;}
.swiper .content-wrapper .content .swiper-avatar {width: 100%;
	 /* max-width: 125px; */
	 /* height: auto; */
}
.swiper .content-wrapper .content .swiper-avatar img {width: 100%;
	 /* border-radius: 500px; */
}
.swiper .swiper-slide {margin: 0; height: auto; width: 100%; padding: 0; opacity: 0.2; background: rgba(255, 255, 255, 0.3); border-radius: 6px; transition: all 0.5s ease-in-out;}
.swiper .swiper-slide.swiper-slide-active {background: rgba(255, 255, 255, 0); opacity: 1; transform: scale(1.1);}
.swiper .swiper-nav-wrapper {bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; width: auto; padding-top: 3em;}

.slider-parent-box .swiper .swiper-avatar{padding-top: 177%; position: relative;}
.slider-parent-box .swiper .swiper-avatar video, .slider-parent-box .swiper .swiper-avatar img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; background-color: #000;}
@media screen and (max-width: 1600px) {
    .skill-blue-box .main-parent h2{font-size: 60px;}
}
@media screen and (max-width: 1440px) {
    .skill-blue-box .main-parent{padding: 80px 55px;}
    .skill-blue-box .main-parent h2{font-size: 52px;}
}
@media screen and (max-width: 1280px) {

    .skill-blue-box .main-parent h2{font-size: 45px;}
}
@media screen and (max-width: 1024px) {
    .skill-blue-box .main-parent h2{font-size: 38px;}
    .skill-blue-box .main-parent{padding: 60px 45px;}
}

@media screen and (max-width: 768px) {
    .skill-blue-box .main-parent {
        padding: 40px 35px;
    }
    .skill-blue-box .main-parent h2{margin-bottom: 30px;font-size: 36px;}
    .slide-item .expert-box .details .bio{height: 85px;}
}

@media screen and (max-width:767px){
    section.creator-banner {
        padding-bottom: 20px;
    }

}














@media screen and (max-width: 1660px) {
    .course-sub-title{font-size: 30px; margin-bottom: 40px;}

    .sub-course-category h2{margin-bottom: 40px;}

    .slick-arrow{width: 45px; height: 45px; top: 85px;}
    .slick-prev{left: -5px;}
    .slick-next{right: -5px;}

    .course-item-box h4{font-size: 18px; margin-bottom: 8px;}
    .course-item-box .user-box .user-thumb{flex: 0 0 30px; max-width: 30px;}
    .course-item-box .user-box img{width: 30px; height: 30px;}
    .course-item-box .user-box .user-detail .user-title{font-size: 14px;}
    .view-more-course{padding-top: 40px; margin-bottom: -40px;}

    .slide-item{padding: 0 10px;}
    .slide-item .expert-box .details .creator-name{font-size: 18px;}
    .slide-item .expert-box .details .designation{font-size: 16px; padding: 6px 0;}
    .slide-item .expert-box .details .bio{font-size: 16px; margin-bottom: 10px;}
    .slide-item .expert-box .details .stats-item .big-text{font-size: 22px;}
    .slide-item .expert-box .details .stats-item .small-text{font-size: 11px;}

    .about-this p{font-size: 19px;}
}

@media screen and (max-width: 1500px) {
    .learning-banner h1{font-size: 62px; margin-bottom: 20px;}
    .learning-banner h1 + p{font-size: 18px; margin-bottom: 40px;}
    .learning-banner .button-parent .shadow-btn{border-radius: 10px;}
    .learning-banner .button-parent img{max-width: 150px;}

    .course-category .main-category-links{margin: 22px 0;}
    .course-sub-title{font-size: 27px; margin-bottom: 35px;}
    .course-item-box .thumb-box{margin-bottom: 15px;}
    .course-item-box h4{font-size: 15px; margin-bottom: 7px;}
    .course-item-box .user-box .user-thumb{flex: 0 0 25px; max-width: 25px;}
    .course-item-box .user-box img{width: 25px; height: 25px;}
    .course-item-box .user-box .user-detail{flex: 0 0 calc(100% - 25px); max-width: calc(100% - 25px);}
    .course-item-box .user-box .user-detail .user-title{font-size: 12px;}

    .view-more-course{padding-top: 30px; margin-bottom: -50px;}

    .sub-course-category h2{font-size: 37px; margin-bottom: 37px;}
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 650px) {
    .creator-banner .image-box{width: calc(100% + 30px); padding-top: 100%; border-radius: 25px 25px 0 0; margin-left: -15px; margin-right: -15px;}
    /* .creator-banner .image-box::after {background: linear-gradient(180.4deg, rgba(23, 23, 23, 0) 0.34%, #000000 93.92%);} */
    .creator-banner .image-box img{object-fit: cover; object-position: center;}
    .creator-banner .small-label{font-size: 8px; margin-bottom: 12px;}
    .creator-banner h1{font-size: 26px; text-transform: capitalize; margin-bottom: 5px;}
    .creator-banner .designation-area{font-size: 16px; margin-bottom: 10px;}
    .creator-banner .designation-area + p{font-size: 14px; width: 100%; opacity: .75;}
    .creator-banner .stats{max-width: 100%;}

    .skill-blue-box .main-parent{padding: 35px 20px; border-radius: 35px; margin-bottom: 20px;}
    .skill-blue-box .main-parent h2{font-size: 34px;}
    .skill-blue-box .main-parent p{font-size: 14px;}

    .about-this h2{font-size: 30px; margin-bottom: 30px;}
    .about-this p{font-size: 12px;}

    .main-category-parent{margin-top: -30px;}
    .main-category-parent .course-item-box{display: flex; align-items: center; margin-top: 30px; max-width: 100%; flex: 0 0 100%;}
    .main-category-parent .course-item-box .thumb{flex: 0 0 100%; max-width: 31%;}
    .main-category-parent .course-item-box .thumb-box{margin-bottom: 0; border-radius: 10px;}
    .main-category-parent .course-item-box .course-detail-box{padding-left: 10px;}
    .main-category-parent .course-item-box .course-detail-box h4{font-size: 14px; line-height: 1.35;}
    .main-category-parent .course-item-box .user-box .user-thumb{display: none;}
    .main-category-parent .course-item-box .user-box .user-detail{flex: 0 0 100%; max-width: 100%; padding-left: 0;}
    .main-category-parent .course-item-box .user-box .user-detail .user-title{font-size: 10px;}
    .main-category-parent .course-item-box .user-box .user-detail .course-timing{font-size: 10px;}
    .main-category-parent .course-item-box .user-box .user-detail .course-timing svg{width: 8px; height: auto;}
}