/* Fonts */
:root {
    --default-font: "Inter", sans-serif;
    --heading-font: "Inter", sans-serif;
    --nav-font: "Inter", sans-serif;
    --Bangla-font: "Inter", sans-serif;
}

/* Global Colors */
:root {
    --background-color: #ffffff;
    --background-color-rgb: 255, 255, 255;
    --default-color: #212529;
    --default-color-rgb: 33, 37, 41;
    --primary-color: #1A85F8;
    --primary-color-rgb: 35, 150, 210;
    --secondary-color: #f1581e;
    --secondary-color-rgb: 241, 88, 30;
    --contrast-color: #ffffff;
    --contrast-color-rgb: 255, 255, 255;
    --text-primary-color: #111827;
    --text-secondary-color: #4b5563;
    --section-Background-color: #f4f7fd;
    --course-btn-color: #085374;
    --main-button-hover-color: #B01F24;
    --footer-bg-color: #1A3A40;
    --footer-txt-color: #ffffff;
    --bg-info-subtle: rgba(23, 162, 184, 0.2);

}

.bg-body{
    background-color: var(--bg-info-subtle) !important;
}

/* Nav Menu Colors */
:root {
    --nav-color: #3a3939;
    --nav-hover-color: #e84545;
    --nav-dropdown-color: #3a3939;
    --nav-dropdown-hover-color: #e84545;
    --nav-dropdown-background-color: #ffffff;
    --nav-mobile-background-color: #ffffff;
    --Top-Navbar-background-color: #212832;
    --hero-background-color: #dcebfe;
}

/* Smooth scroll */
:root {
    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    color: var(--default-color);
    background-color: var(--background-color);
    font-family: var(--default-font);
    font-family: "Roboto", sans-serif;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: rgba(var(--primary-color-rgb), 0.7);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-primary-color);
    font-family: var(--heading-font);
}

p {
    /* color: var(--text-secondary-color); */
}

section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 30px 0;
    overflow: clip;
}

/*--------------------------------------------------------------
# Section Title
--------------------------------------------------------------*/
.lang-switch {
    margin-left: 10px !important;
}

.changeLang {
    padding: 6px 10px;
    background: #ff9800;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 4px;
}

.section-bg {
    background-color: var(--section-Background-color);
}

.section-header {
    text-align: center;
    padding-bottom: 50px;
}

.section-header h4 {
    font-family: var(--Bangla-font);
    font-weight: 600;
    font-size: 18px;
    color: var(--secondary-color);
    text-transform: capitalize;
}

.section-header h4 span {
    margin-left: 7px;
}

.section-header h2 {
    font-family: var(--Bangla-font);
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    position: relative;
    color: var(--text-primary-color);
    text-transform: capitalize;
}

.section-header p {
    margin: 0 auto 0 auto;
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
    font-size: 16px;
}

@media (min-width: 1199px) {
    .section-header p {
        max-width: 60%;
    }
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 16px;
    bottom: 70px;
    z-index: 99999;
    background-color: #191d28;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 24px;
    color: #ffffff;
    line-height: 0;
}

.back-to-top:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

/*--------------------------------------------------------------
# Chat message
--------------------------------------------------------------*/
.Chat-message {
    color: var(--contrast-color);
    background-color: var(--primary-color);
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    width: 65px;
    height: 45px;
    border-radius: 6px;
    transition: all 0.4s;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    inset: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background: #002147;
}

.loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

.loader:before,
.loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

.loader:before {
    animation: ball1 1s infinite;
    background-color: #fff;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
}

.loader:after {
    animation: ball2 1s infinite;
    background-color: #ff3d00;
    box-shadow: 30px 0 0 #fff;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8);
    }

    50% {
        transform: rotate(360deg) scale(1.2);
    }

    100% {
        transform: rotate(720deg) scale(0.8);
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #ff3d00;
    }

    50% {
        box-shadow: 0 0 0 #ff3d00;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #ff3d00;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #fff;
    }

    50% {
        box-shadow: 0 0 0 #fff;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #fff;
        margin-top: 0;
    }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/*--------------------------------------------------------------
# Global Header Top Bars
--------------------------------------------------------------*/
.topbar {
    background: var(--primary-color);
    height: 40px;
    font-size: 14px;
    transition: all 0.5s;
    color: #fff;
    padding: 0;
}

.topbar .contact-info i {
    font-style: normal;
    color: #fff;
    line-height: 0;
}

.topbar .contact-info i a,
.topbar .contact-info i span {
    padding-left: 5px;
    color: #fff;
}

@media (max-width: 575px) {

    .topbar .contact-info i a,
    .topbar .contact-info i span {
        font-size: 13px;
    }
}

.topbar .contact-info i a {
    line-height: 0;
    transition: 0.3s;
}

.topbar .contact-info i a:hover {
    color: #fff;
    text-decoration: underline;
}

.topbar .social-links a {
    color: rgba(255, 255, 255, 0.7);
    line-height: 0;
    transition: 0.3s;
    margin-left: 20px;
    background: #fff;
    padding: 4px;
    border-radius: 50%;
}

.topbar .social-links a:hover {
    color: #fff;
}

.topbar .social-links .twitter i {
    color: #1da1f2;
}

.topbar .social-links .facebook i {
    color: #4267b2;
}

.topbar .social-links .youtube i {
    color: #ff0000;
}

.topbar .social-links .linkedin i {
    color: #0077b5;
}

.topbar .social-links .language-btn {
    margin-left: 20px;
    background-color: #f8fafc;
    border: 0;
    outline: 0;
    border-radius: 0.25rem;
    cursor: pointer;
    font-weight: 500;
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
#header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
    font-family: var(--Bangla-font);
}

#header.header-scrolled {
    top: 0;
}

#header .logo {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.5px;
}

#header .logo a {
    color: var(--text-primary-color);
}

#header .logo img {
    max-height: 40px;
}


.navbar .dropdown ul {
    display: block;
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 20px rgba(41, 51, 61, 0.1);
    z-index: 99;
    margin: 0;
    padding: 0;
    transition: 0.3s;
    border-radius: 2px;
    left: 14px;
    top: calc(144% + 0px);
    opacity: 0;
    visibility: hidden;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    color: #4c5d71;
    border: none;
    border-bottom: 1px dashed #e4ebef;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: var(--primary-color);
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 144%;
    visibility: visible;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover>ul {
        left: -100%;
    }
}

*/ .btn-outline-login {
    color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    transition: 0.5s;
    outline: 0;
    background-color: #fff;
}

.btn-outline-login:hover {
    background-color: var(--primary-color);
    color: #fff !important;
    border-color: var(--primary-color);
}

.btn-outline-login:hover i {
    color: #fff !important;
}

/* Mobile Navigation */
.mobile-nav-toggle {
    color: #354144;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    background: rgba(31, 38, 39, 0.9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    background-color: #fff;
    overflow-y: auto;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #354144;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
    color: var(--primary-color);
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
    color: var(--primary-color);
}

.navbar-mobile .dropdown>.dropdown-active {
    display: block;
}

/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/* Hero Section - Home Page
------------------------------*/
#hero {
    width: 100%;
    height: auto;
    background-image: url(../img/main-banner-image-com.html);
    background-color: rgb(253, 250, 248);
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: -110px;
}

#hero h4 {
    color: var(--primary-color);
    font-size: 16px;
    margin-bottom: 11px;
    font-weight: 600;
    font-family: var(--Bangla-font);
    line-height: 26px;
    text-transform: capitalize;
}

#hero h4 i {
    margin-right: 5px;
    font-weight: normal;
}

#hero h1 {
    margin: 0 0 10px 0;
    font-size: 33px;
    font-weight: 700;
    line-height: 43px;
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    padding-bottom: 8px;
    text-transform: capitalize;
}

#hero h1 span {
    color: var(--primary-color);
}

#hero h2 {
    color: #27313e;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--Bangla-font);
    line-height: 25px;
    letter-spacing: 0.20000000298023224px;
}

#hero .btn-get-started {
    font-family: var(--Bangla-font);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px 0 0 0;
    color: var(--contrast-color);
    background: var(--primary-color);
}

#hero .btn-get-started:hover {
    background: var(--main-button-hover-color);
}

#hero .btn-watch-video {
    font-family: var(--Bangla-font);
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    margin: 10px 0 0 25px;
    color: var(--text-primary-color);
    line-height: 1;
    font-weight: 600;
}

#hero .btn-watch-video i {
    line-height: 0;
    color: var(--text-primary-color);
    font-size: 32px;
    transition: 0.3s;
    margin-right: 8px;
}

#hero .btn-watch-video:hover i {
    color: var(--primary-color);
}

#hero .btn-watch-video:hover {
    color: var(--primary-color);
}

/* #hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
} */
#hero .course-view {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

#hero .course-view .course-view-items {
    display: flex;
    align-items: center;
    gap: 15px;
}

#hero .course-view .course-view-items .icons {
    background: #fff;
    padding: 6px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    box-shadow: rgba(100, 108, 111, 0.2) 0px 7px 29px 0px;
    border: 2px solid #f2f9f7;
}

#hero .course-view .course-view-items .icons i {
    color: var(--primary-color);
    font-weight: normal;
    font-size: 20px;
}

#hero .course-view .course-view-items h5 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.20000000298023224px;
}

#hero .course-view .course-view-items h6 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 20px;
}

#hero .happy-student {
    background: #fff;
    border-radius: 14px;
    box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
    padding: 15px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 260px;
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

#hero .happy-student h4 {
    font-family: var(--Bangla-font);
    font-weight: 600;
    font-size: 14px;
}

#hero .happy-student .avatars {
    display: flex;
    margin: auto;
    padding: 0px;
    flex-direction: row;
    padding-left: 10px;
}

#hero .happy-student .avatars img {
    border: 2px solid #fff;
    border-radius: 100%;
    margin-left: -10px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}

#hero .discount {
    background: #fff;
    display: inline-block;
    border-radius: 15px;
    box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
    padding: 12px;
    position: absolute;
    top: 160px;
    left: 20px;
}

#hero .discount .discount-student {
    display: flex;
    align-items: center;
    gap: 10px;
}

#hero .discount .discount-student .icon {
    background: var(--primary-color);
    padding: 5px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27px;
    height: 27px;
}

#hero .discount .discount-student .icon i {
    color: var(--contrast-color);
    font-size: 17px;
    font-weight: normal;
}

#hero .discount .discount-student h4 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
}

#hero .discount .discount-student h4 a {
    color: var(--text-primary-color);
    transition: 0.3s all;
}

#hero .discount .discount-student h4 a:hover {
    color: var(--primary-color);
}

#hero .hero-img {
    position: relative;
}

.card-height {
    height: 370px;
}

@media (max-width: 991px) {
    #hero {
        height: auto;
        text-align: center;
    }

    #hero .animated {
        animation: none;
    }

    #hero .hero-img {
        text-align: center;
    }

    #hero .hero-img img {
        width: 50%;
    }

    .card-height {
        height: auto;
    }
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 25px;
        line-height: 32px;
    }

    #hero h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #hero .hero-img img {
        width: 70%;
    }

    #hero .course-view {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 25px;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    #hero .hero-img img {
        width: 80%;
    }

    #hero .btn-get-started {
        font-size: 14px;
        padding: 9px 16px 9px 16px;
    }

    #hero .btn-watch-video {
        font-size: 14px;
        margin: 10px 0 0 15px;
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

.title-gradient__gradient {
    background-color: #fff;
    background-image: linear-gradient(45deg, #e91e63, #f05a28);
    background-size: 100%;
    background-repeat: repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -moz-background-clip: text;
    -moz-text-fill-color: rgba(0, 0, 0, 0);
}

/*--------------------------------------------------------------
# Global All course Card CSS
--------------------------------------------------------------*/
.course-card {
    border-color: #e5e7eb;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
}

.course-card:hover {
    border-color: var(--primary-color);
}

.course-card .course-banner {
    position: relative;
}

.course-card .course-offline {
    background: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    width: 143px;
    transform: rotate(45deg);
    padding: 0 8px;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    right: -45px;
}

.course-card .course-offline .money-icons {
    width: 26px;
    height: 26px;
    transform: rotate(-35deg);
}

.course-card .course-offline p {
    margin-bottom: 0px;
    color: var(--contrast-color);
    font-weight: 600;
    font-size: 14px;
    font-family: var(--Bangla-font);
}

.course-card .course-title {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.20000000298023224px;
}

.course-card .course-money {
    color: var(--primary-color);
    font-family: var(--Bangla-font);
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
}

.course-card .course-discount {
    color: var(--text-secondary-color);
    margin-left: 6px;
    font-size: 16px;
}

.course-card .course-details-btn {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.course-card .course-details-btn .details-btn {
    font-family: var(--Bangla-font);
    font-weight: 500;
    color: var(--primary-color);
    font-size: 16px;
}

.course-card .course-details-btn .details-btn i {
    font-weight: normal;
    margin-left: 2px;
}

.course-card .count-student {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.20000000298023224px;
    line-height: 26px;
}

.course-card .student-Rating {
    font-family: var(--Bangla-font);
    color: #ffc000;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
}

.course-card .student-Rating span {
    color: rgba(13, 16, 52, 0.5);
    font-family: var(--Bangla-font);
}

/*--------------------------------------------------------------
# Global All course Button CSS
--------------------------------------------------------------*/
.AllCourse-btn {
    text-align: center;
    margin-top: 40px;
}

.AllCourse-btn a {
    background: var(--primary-color);
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 25px 11px 25px;
    display: inline-block;
    border-radius: 5px;
    transition: 0.5s;
}

.AllCourse-btn a:hover {
    background-color: #276A73;
}

/*--------------------------------------------------------------
# PeopleNTech certificate
--------------------------------------------------------------*/
#pnt-certificate {
    background-color: #fff;
}

#pnt-certificate .All-certificate {
    position: relative;
    z-index: 2;
}

#pnt-certificate .certificate-list {
    padding: 25px 30px;
    z-index: 5;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: 10px;
    padding-bottom: 17px;
}

#pnt-certificate .certificate-list .certificate-title {
    font-family: var(--Bangla-font);
    color: var(--primary-color);
    letter-spacing: 0.20000000298023224px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-left: 10px;
    text-transform: capitalize;
}

/*--------------------------------------------------------------
# course category
--------------------------------------------------------------*/
.course-category {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 40px;
}

.course-category-par2 {
    padding: 60px 0px 8px !important;
}

#course-category .category-slider {
    padding-bottom: 20px;
    padding-top: 20px;
}

#course-category .course-category-items {
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border: 1px solid #e5f0fa;
    text-align: center;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 0.75rem;
    height: 100%;
    transition: 0.8s all;
}

#course-category .course-category-items:hover {
    box-shadow: none;
    border-color: #f97316;
    background: #f97316;
}

#course-category .course-category-items:hover .category-content h4 {
    color: var(--contrast-color);
}

#course-category .course-category-items:hover .category-content h5 {
    color: var(--contrast-color);
}

#course-category .course-category-items:hover .category-image {
    background: #f5f5f6;
}

#course-category .course-category-items .category-image {
    background: #f5f5f6;
    width: 5rem;
    height: 5rem;
    border-radius: 50px;
    margin: 0 auto;
}

#course-category .course-category-items .category-image img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    margin-top: 16px;
    margin-bottom: 5px;
}

#course-category .course-category-items .category-content h4 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    padding-top: 16px;
    margin-bottom: 4px;
}

#course-category .course-category-items .category-content h5 {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0px;
    text-align: center;
}

#course-category .swiper-button-next {
    background: #38bdf8;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    right: -35px;
    z-index: 10;
    border: 1px solid #38bdf8;
    transition: all 0.5s ease;
}

#course-category .swiper-button-prev {
    background: #38bdf8;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    left: -35px;
    z-index: 10;
    border: 1px solid #38bdf8;
    transition: all 0.5s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #38bdf8 !important;
    color: #fff !important;
    border: 1px solid #38bdf8;
}

#course-category .swiper-button-prev:after,
#course-category .swiper-button-next:after {
    font-size: 20px;
    color: var(--color-secondary);
}

/*--------------------------------------------------------------
# All Course
--------------------------------------------------------------*/
.allcourse-next {
    background-color: #fff;
    color: #38bdf8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    right: -35px;
    z-index: 10;
    border: 1px solid #38bdf8;
    transition: all 0.3s ease 0s;
}

.allcourse-prev {
    background-color: #fff;
    color: #38bdf8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    left: -35px;
    z-index: 10;
    border: 1px solid #38bdf8;
    transition: all 0.3s ease 0s;
}

.allcourse-next:hover,
.allcourse-prev:hover {
    background-color: #38bdf8;
    color: #fff;
    border: 1px solid #38bdf8;
}

#Allcourse .allcourse-next:after,
#Allcourse .allcourse-prev:after {
    font-size: 20px;
    color: var(--color-secondary);
}

.Allcourse .nav-link {
    display: inline-block;
    background: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 14px;
    margin: 0px 5px;
    font-family: var(--Bangla-font);
    text-align: left;
    box-shadow: 0px 2px 4px -5px rgba(10, 42, 105, 0.05);
    border: 1px solid #e0e6f7;
    border-radius: 8px;
    width: auto;
    margin-bottom: 10px;
}

.Allcourse .nav-link img {
    width: auto;
    height: 18px;
    margin: 0px 6px 0px 0px;
}

.Allcourse .nav-link span {
    font-family: var(--Bangla-font);
    font-size: 14px;
    color: var(--text-primary-color);
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 20px;
}

.Allcourse .nav-link.active {
    color: var(--primary-color);
    background: #ffffff;
    border: 1px solid var(--primary-color);
}

.Allcourse .nav-link.active span {
    color: var(--primary-color);
}



.Allcourse .AllCourse-btn {
    text-align: center;
    margin-top: 40px;
}

.Allcourse .AllCourse-btn a {
    background: rgb(192, 0, 0);
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 25px 11px 25px;
    display: inline-block;
    border-radius: 5px;
    transition: 0.5s;
}

.Allcourse .AllCourse-btn a:hover {
    background-color: var(--primary-color);
}

.Allcourse .course-card {
    border-color: #e5e7eb;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
}

.Allcourse .course-card:hover {
    border-color: var(--primary-color);
}

.Allcourse .course-card .course-banner {
    position: relative;
}

.Allcourse .course-card .course-offline {
    background: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    width: 143px;
    transform: rotate(45deg);
    padding: 0 8px;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    right: -45px;
}

.Allcourse .course-card .course-offline .money-icons {
    width: 26px;
    height: 26px;
    transform: rotate(-35deg);
}

.Allcourse .course-card .course-offline p {
    margin-bottom: 0px;
    color: var(--contrast-color);
    font-weight: 600;
    font-size: 14px;
    font-family: var(--Bangla-font);
}

.Allcourse .course-card .course-title {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.20000000298023224px;
}

.Allcourse .course-card .course-money {
    color: var(--primary-color);
    font-family: var(--Bangla-font);
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
}

.Allcourse .course-card .course-discount {
    color: var(--text-secondary-color);
    margin-left: 6px;
    font-size: 16px;
}

.Allcourse .course-card .course-details-btn {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-btn {
    font-family: var(--Bangla-font);
    font-weight: 500;
    color: var(--primary-color);
    font-size: 14px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    padding: 4px 8px;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
}

.details-btn:hover {
    background: var(--primary-color);
    color: #fff !important;
}

.Allcourse .course-card .course-details-btn .details-btn i {
    font-weight: normal;
    margin-left: 2px;
}

.Allcourse .course-card .count-student {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.20000000298023224px;
    line-height: 26px;
}

.Allcourse .course-card .student-Rating {
    font-family: var(--Bangla-font);
    color: #ffc000;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
}

.Allcourse .course-card .student-Rating span {
    color: rgba(13, 16, 52, 0.5);
    font-family: var(--Bangla-font);
}

/*--------------------------------------------------------------
# Upcoming Batches
--------------------------------------------------------------*/
#upcomingBatches {
    background-image: url("../img/upcoming-home.png");
    background-size: cover;
    background-position: center center;
}

#upcomingBatches .upcomingBatches-next {
    background-color: #7f7f7f;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    right: -35px;
    z-index: 10;
}

#upcomingBatches .upcomingBatches-prev {
    background-color: #7f7f7f;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    left: -35px;
    z-index: 10;
}

#upcomingBatches .upcomingBatches-next:after,
#upcomingBatches .upcomingBatches-prev:after {
    font-size: 20px;
    color: var(--color-secondary);
}

.Batches-times {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-top: -3px;
}

.Batches-times .Batch-number {
    font-family: var(--Bangla-font);
    font-size: 14px;
    margin-bottom: 0px;
    background: #f8e6e6;
    padding: 3px 6px;
    border-radius: 3px;
    color: var(--secondary-color);
}

.Batches-times .Batch-sits {
    font-family: var(--Bangla-font);
    font-size: 14px;
    margin-bottom: 0px;
    background: #f8e6e6;
    padding: 3px 6px;
    border-radius: 3px;
    color: var(--secondary-color);
}

.Batches-times .Batch-day {
    font-family: var(--Bangla-font);
    font-size: 14px;
    margin-bottom: 0px;
    background: #f8e6e6;
    padding: 3px 6px;
    border-radius: 3px;
    color: var(--secondary-color);
}

.other-category {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 25px 15px;
    border: 1px solid #e5e7eb;
}

.other-category h4 {
    font-family: var(--Bangla-font);
    color: #434a57;
    letter-spacing: 0.20000000298023224px;
    line-height: 26px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(45, 40, 78, 0.07);
}

.other-category ul {
    font-family: var(--Bangla-font);
    list-style: none;
    margin: 0;
    padding: 0;
}

.other-category ul li {
    color: #6f6b80;
    font-weight: 400;
    margin-bottom: 9px;
    font-size: 15px;
}

.other-category ul .category-link {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 3px;
    height: 50px;
    justify-content: space-between;
    padding: 0 16px;
    position: relative;
    color: #6f6b80;
}

.other-category ul .category-link :after {
    background: #eee;
    content: "";
    height: 30px;
    position: absolute;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}

.other-category ul .category-link:hover {
    color: var(--primary-color);
}

/*--------------------------------------------------------------
# Why peoplentech?
--------------------------------------------------------------*/
#whypeoplentech {
    background-image: linear-gradient(180deg, #fdf4f4, #f6fcfd4f);
}

#whypeoplentech .facilities-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 32px 18px 18px;
    border-radius: 6px;
    border: 1px solid #98a2b3;
    box-shadow: 0 4px 8px -8px rgba(8, 31, 77, 0.2);
}

#whypeoplentech .facilities-color11 {
    background: rgba(251, 148, 78, 0.1);
    border: none;
}

#whypeoplentech .facilities-color10 {
    background: rgba(55, 142, 240, 0.1);
    border: none;
}

#whypeoplentech .facilities-color09 {
    background: rgba(99, 89, 250, 0.1);
    border: none;
}

#whypeoplentech .facilities-color08 {
    background: rgba(78, 217, 88, 0.1);
    border: none;
}

#whypeoplentech .facilities-color07 {
    background: rgba(30, 203, 226, 0.1);
    border: none;
}

#whypeoplentech .facilities-color06 {
    background: rgba(32, 207, 54, 0.1);
    border: none;
}

#whypeoplentech .facilities-color05 {
    background: rgba(32, 78, 207, 0.1);
    border: none;
}

#whypeoplentech .facilities-color04 {
    background: rgba(0, 204, 131, 0.1);
    border: none;
}

#whypeoplentech .facilities-color03 {
    background: #e9f6ff;
    border: none;
}

#whypeoplentech .facilities-color02 {
    background: #ffedff;
    border: none;
}

#whypeoplentech .facilities-color01 {
    background: #fffccf;
    border: none;
}

#whypeoplentech .facilities-item .whypeoplentech-icons {
    text-align: center;
    padding-bottom: 25px;
}

#whypeoplentech .facilities-item .whypeoplentech-icons img {
    width: 88px;
    height: 88px;
}

#whypeoplentech .facilities-item .whypeoplentech-contnet {
    text-align: center;
}

#whypeoplentech .facilities-item .whypeoplentech-contnet h4 {
    color: var(--text-primary-color);
    font-size: 21px;
    font-weight: 600;
    font-family: var(--Bangla-font);
    line-height: 30px;
}

#whypeoplentech .facilities-item .whypeoplentech-contnet p {
    color: var(--text-secondary-color);
    font-family: var(--Bangla-font);
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 0;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Success Students
--------------------------------------------------------------*/
#successStudents {
    padding-top: 20px;
}

#successStudents .modal-items {
    position: relative;
    box-shadow: 0 4px 8px -8px rgba(8, 31, 77, 0.2);
}

#successStudents .modal-items img {
    border-radius: 8px;
}

#successStudents .modal-items .play-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#successStudents .modal-items .play-icons .plying-home-icons {
    width: 70px;
    height: 70px;
}

/*--------------------------------------------------------------
# Online Seminar
--------------------------------------------------------------*/
#Seminar .seminar-join {
    margin-bottom: 11px;
    margin-top: 6px;
}

#Seminar .seminar-join a {
    font-family: var(--Bangla-font);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 12px;
    transition: 0.5s;
}

#Seminar .seminar-join a:hover {
    color: var(--contrast-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.seminar-btn a {
    background: var(--primary-color);
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 12px 18px;
    display: inline-block;
    border-radius: 5px;
    transition: 0.5s;
}

.seminar-btn a:hover {
    background-color: var(--main-button-hover-color);
}

#Seminar .single-list {
    background: #002147;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.07);
    padding: 50px 120px 50px 50px;
    border-radius: 7px;
}

#Seminar .single-list .single-list-inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 17px;
}

#Seminar .single-list .single-Seminar-list-inner {
    /* margin-bottom: 20px; */
    display: flex;
    align-items: flex-start;
}

#Seminar .single-list .single-Seminar-list-inner .date {
    /* background: #f97316; */
    color: #fff;
    font-family: var(--Bangla-font);
    display: inline-block;
    border-radius: 7px;
    font-size: 21px;
    font-weight: 700;
    width: 60px;
    letter-spacing: 0.2px;
    height: 57px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    margin-right: 14px;
}

#Seminar .single-list .single-Seminar-list-inner .date span {
    font-size: 16px;
    font-weight: 600;
}

#Seminar .single-list .single-Seminar-list-inner .Seminar-meta {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}

#Seminar .single-list .single-Seminar-list-inner .Seminar-meta .Time {
    color: var(--contrast-color);
    display: inline-block;
    margin-right: 12px;
}

#Seminar .single-list .single-Seminar-list-inner .Seminar-meta .Time h6 {
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 15px;
    font-weight: 500;
}

#Seminar .single-list .single-Seminar-list-inner .Seminar-meta .Time h6 i {
    margin-right: 5px;
    font-weight: normal;
}

#Seminar .single-list .single-Seminar-list-inner .details h4 {
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 30px;
}

#Seminar .Seminar-thumb {
    margin-left: -100px;
}

#Seminar .Seminar-thumb img {
    border-radius: 10px;
}

.online-color {
    color: #38bdf8;
    font-weight: 600;
}

.date-color-01 {
    background-color: #12b76a;
}

.date-color-02 {
    background-color: #38bdf8;
}

.date-color-03 {
    background-color: #f97316;
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/
#about-us .about-us-color03 {
    background: #e9f6ff;
}

#about-us .about-gol {
    font-size: 23px;
    line-height: 30px;
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    letter-spacing: 0.20000000298023224px;
}

#about-us .about-content h4 {
    font-family: var(--Bangla-font);
    font-weight: 600;
    font-size: 18px;
    color: var(--secondary-color);
}

#about-us .about-content h3 {
    font-family: var(--Bangla-font);
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    position: relative;
    color: var(--text-primary-color);
    padding-bottom: 10px;
}

#about-us .about-content p {
    font-family: var(--Bangla-font);
    /* color: var(--text-secondary-color); */
    color: #605f62;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
    font-size: 16px;
}

#about-us .about-all-btn {
    padding-top: 13px;
}

#about-us .about-more {
    color: var(--contrast-color);
    background: var(--primary-color);
    font-family: var(--Bangla-font);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    transition: 0.5s;
    outline: 0;
}

#about-us .about-more:hover {
    background-color: var(--main-button-hover-color);
}

#about-us .about-course-btn {
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    background: var(--primary-color);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    transition: 0.5s;
    outline: 0;
    margin-left: 10px;
}

#about-us .about-course-btn:hover {
    background-color: var(--main-button-hover-color);
}

/*--------------------------------------------------------------
# Success Rating
--------------------------------------------------------------*/
#successRating {
    padding-top: 10px;
    padding-bottom: 15px;
    /* background: #f5fbf9; */
}

#successRating .successRating-items {
    padding: 32px 16px 16px;
    border-radius: 6px;
    border: 1px solid #98a2b3;
    box-shadow: 0 4px 8px -8px rgba(8, 31, 77, 0.2);
    width: 100%;
    height: 100%;
}

#successRating .successRating-items h4 {
    font-family: var(--Bangla-font);
    color: var(--secondary-color);
    font-size: 38px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: 0.20000000298023224px;
}

#successRating .successRating-items h3 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
    padding-top: 10px;
    padding-bottom: 8px;
}

#successRating .successRating-items p {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    margin-bottom: 0px;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    font-size: 16px;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Get a Free Tutorial of
--------------------------------------------------------------*/
#freeTutorial .freeTutorial-icons01 {
    fill: #fff;
    opacity: 0.1;
}

.fill-color {
    fill: #fff;
}

.opacity-color {
    opacity: 0.4;
}

#freeTutorial .freeTutorial-bg {
    background: #002147;
    /* background: var(--primary-color); */
}

#freeTutorial .freeTutorial-title {
    font-family: var(--Bangla-font);
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
}

#freeTutorial .freeTutorial-time {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    font-size: 17px;
}

#freeTutorial .call-join {
    font-family: var(--Bangla-font);
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 16px;
    transition: 0.5s;
    outline: 0;
    color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Sister Concern
--------------------------------------------------------------*/
.sisterConcern-company {
    text-align: center;
}

.sisterConcern-company img {
    width: 128px;
    height: 100%;
    height: 80px;
    margin: auto;
    object-fit: contain;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    /* --background-color: #F4D0C6;  */

    color: rgb(182, 0, 0);
    background-color: var(--footer-bg-color);
    font-size: 14px;
    padding-bottom: 0px;
}



.footer .footer-top {
    padding-top: 50px;
}

.footer .footer-about .logo {
    line-height: 0;
    margin-bottom: 25px;
}

.footer .footer-about .logo img {
    max-height: 40px;
    margin-right: 6px;
}

.footer .footer-about .logo span {
    color: var(--secondary-color);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: var(--heading-font);
}

.footer .footer-about p {
    font-size: 16px;
    font-family: var(--heading-font);
    /* color: var(--footer-txt-color); */
    font-family: var(--Bangla-font);
    line-height: 26px;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* border: 1px solid rgba(var(--default-color-rgb), 0.5); */
    font-size: 16px;
    /* color: var(--footer-txt-color); */
    margin-right: 10px;
    transition: 0.3s;
    background-color: #191d28;
}

.footer .social-links a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.footer h4 {
    font-family: var(--Bangla-font);
    color: var(--footer-txt-color);
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 30px;
}

.footer h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 51px;
    height: 3px;
    background: var(--primary-color);
}

.footer h4::after {
    width: 10px;
    left: 56px;
    border-right: 10px solid var(--primary-color);
    box-shadow: 15px 0 0 0 var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: var(--primary-color);
}

.footer .footer-links {
    margin-bottom: 30px;
}

.footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-list-color li a{
    color: white;
}
.footer-list-color li a:hover{
    color: yellow;
}

.footer .footer-links ul i {
    padding-right: 2px;
    font-size: 12px;
    line-height: 0;
    /* color: var(--footer-txt-color); */
}

.footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-family: var(--Bangla-font);
    font-size: 15px;
}

.footer .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-links ul a {
    color: var(--footer-txt-color);
    display: inline-block;
    line-height: 1;
    font-weight: 400;
}

.footer .footer-links ul a:hover {
    color: var(--primary-color);
}

.footer .footer-contact p {
    margin-bottom: 5px;
}

/* bottom footer */
.footer .copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #191d28;
    border-top: 1px solid #ffffff;
    color: var(--contrast-color);
}

.footer .copyright p {
    margin-bottom: 0;
    color: var(--contrast-color);
    text-transform: uppercase;
    font-size: 14px;
}

.footer .credits {
    margin-top: 6px;
    font-size: 13px;
}

.footer .company-name {
    color: var(--secondary-color);
}

.footer .pnt-contact {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.footer .pnt-contact span {
    color: var(--primary-color);
}

.footer .pnt-contact span i {
    font-size: 18px;
    color: var(--primary-color);
}

.footer .pnt-contact p {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}

.footer .pnt-contact {
    margin-bottom: 8px;
}

.footer .pnt-contact:last-child {
    margin-bottom: 0px;
}

.footer .pnt-contact p a {
    color: var(--footer-txt-color);
    text-decoration: none;
    transition: 0.3s all;
}

.footer .pnt-contact p a:hover {
    color: var(--primary-color);
}

.footer .footer-contact h4 {
    font-size: 24px;
    line-height: 24px;
    color: var(--footer-txt-color);
    font-weight: bold;
    position: relative;
    text-align: left;
}

.footer .footer-contact h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 51px;
    height: 3px;
    background-color: var(--primary-color);
}

.footer .footer-contact h4::after {
    width: 10px;
    left: 56px;
    border-right: 10px solid var(--primary-color);
    box-shadow: 15px 0 0 0 var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: var(--primary-color);
}

/* ?? Title & Breadcrumbs  */
/*--------------------------------------------------------------
# Title & Breadcrumbs Css All Pages
--------------------------------------------------------------*/
#Page-breadcrumbs {
    background: #A8DADC;
    /* margin: 30px; */
    padding: 30px;
    border-radius: 5px;

}

.btn-admision-course{
    border-radius: 5px;
    border: 0;
    background-color: #95D6DC;
    border: 1px solid white;
    width: 100%;

}
.btn-admision-course:hover{
    border-radius: 5px;
    border: 0;
    background-color: #53a4ac !important;
    border: 1px solid white;
    width: 100%;

}


/* ?? Course-Pages  */
/*--------------------------------------------------------------
# Course Details Page section Title
--------------------------------------------------------------*/

.courseDetails-header {
    text-align: center;
    padding-bottom: 30px;
}

.courseDetails-header h2 {
    font-family: var(--Bangla-font);
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    position: relative;
    color: var(--text-primary-color);
    text-transform: capitalize;
}

.courseDetails-header p {
    margin: 0 auto 0 auto;
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 1199px) {
    .courseDetails-header p {
        max-width: 60%;
    }
}

/* ?? Course-Pages  */
/*--------------------------------------------------------------
# Course Details
--------------------------------------------------------------*/
#CourseDetails-Banner {
    padding-top: 30px;
    /* background: radial-gradient(95.36% 95.12% at 110% 13%, #f9c1a7 0, #fff 100%); */
}

#CourseDetails-Banner .CourseDetails-link {
    display: flex;
    align-items: center;
    gap: 3px;
}

#CourseDetails-Banner .CourseDetails-Link-title {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

#CourseDetails-Banner .CourseDetails-Link-title:hover {
    color: var(--primary-color);
}

#CourseDetails-Banner .Course-hm-link {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

#CourseDetails-Banner .Course-hm-link:hover {
    color: var(--primary-color);
}

#CourseDetails-Banner .CourseDetails-ti {
    color: #9ca3af;
    margin-bottom: 0px;
    font-family: var(--Bangla-font);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-transform: capitalize;
}

#CourseDetails-Banner .courseDetails-image {
    padding-top: 15px;
    position: relative;
}

#CourseDetails-Banner .courseDetails-image img {
    border-radius: 13px;
    object-fit: cover;
    width: 100%;
    height: 380px;
}

#CourseDetails-Banner .CourseDetails-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#CourseDetails-Banner .CourseDetails-play-btn img {
    width: 90px;
    height: 90px;
}

#CourseDetails-Banner .CourseDetails-content {
    padding-top: 20px;
}

#CourseDetails-Banner .CourseDetails-content h4 {
    font-family: var(--Bangla-font);
    font-size: 33px;
    line-height: 38px;
    color: var(--text-primary-color);
    font-weight: 600;
    letter-spacing: 0.20000000298023224px;
    margin-bottom: 12px;
}

#CourseDetails-Banner .CourseDetails-content p {
    font-family: var(--Bangla-font);
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
    font-size: 17px;
}

#CourseDetails-Banner .inside-Course-card {
    /* border: 1px solid #e5e7eb; */
    border: 1px solid rgb(209 213 219);
    border-radius: 6px;
    padding: 25px 20px;
    margin-top: 15px;
}

#CourseDetails-Banner .inside-Course-content {
    border-bottom: 1px solid rgb(209 213 219);
    padding-bottom: 10px;
}

#CourseDetails-Banner .inside-Course-card h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    padding-bottom: 15px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.20000000298023224px;
}

#CourseDetails-Banner .inside-Course-items {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 10px;
}

#CourseDetails-Banner .inside-Course-items img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

#CourseDetails-Banner .inside-Course-items p {
    font-family: var(--Bangla-font);
    margin-bottom: 0px;
    color: #111827;
    letter-spacing: 0.20000000298023224px;
    font-weight: 500;
}

#CourseDetails-Banner .inside-Course-price h3 {
    padding-top: 17px;
    font-family: var(--Bangla-font);
    color: var(--secondary-color);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.20000000298023224px;
}

#CourseDetails-Banner .inside-Course-botton-group {
    padding-top: 16px;
}

#CourseDetails-Banner .inside-Course-botton-group .admission-btn {
    font-family: var(--Bangla-font);
    background: var(--primary-color);
    color: var(--contrast-color);
    padding: 10px 22px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
}

#CourseDetails-Banner .inside-Course-botton-group .admission-btn:hover {
    background: var(--main-button-hover-color);
}

#CourseDetails-Banner .inside-Course-botton-group .seminar-btn {
    font-family: var(--Bangla-font);
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin-left: 10px;
}

#CourseDetails-Banner .inside-Course-botton-group .seminar-btn:hover {
    background: var(--primary-color);
    color: var(--contrast-color);
}

#CourseDetails-Banner .course-contact {
    border: 1px solid rgb(209 213 219);
    border-radius: 6px;
    padding: 30px 25px;
    margin-top: 25px;
}

#CourseDetails-Banner .course-contact h4 {
    text-align: center;
    font-family: var(--Bangla-font);
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 0.20000000298023224px;
    line-height: 28px;
    text-transform: capitalize;
}

#CourseDetails-Banner .course-contact p {
    margin-bottom: 0px;
    text-align: center;
    font-family: var(--Bangla-font);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
}

/* ?? course-Pages  */
/*--------------------------------------------------------------
# Course Details -- Get One Course
--------------------------------------------------------------*/
#getOneCourse {
    padding-top: 10px;
}

#getOneCourse .getOneCourse-card {
    text-align: center;
    border: 1px solid #dee2e6;
    padding: 25px 10px;
    height: 100%;
}

#getOneCourse .getOneCourse-card img {
    width: 60px;
    padding-bottom: 20px;
}

#getOneCourse .getOneCourse-card h4 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.20000000298023224px;
    line-height: 26px;
    text-transform: none;
}

/* ?? course-Pages  */
/*--------------------------------------------------------------
# Full curriculum of the course
--------------------------------------------------------------*/
#courseCurriculum {
    padding-top: 10px;
}

#courseCurriculum .accordion-item {
    border: 0;
    margin-bottom: 15px;
    border-radius: 7px;
    border: 1px solid rgb(209 213 219);
    background: none;
}

/* #courseCurriculum .accordion-item:last-child {
    margin-bottom: 0;
} */

#courseCurriculum .accordion-collapse {
    border: 0;
}

#courseCurriculum .accordion-button {
    padding: 20px 50px 20px 20px;
    font-weight: 600;
    border: 0;
    font-size: 18px;
    line-height: 26px;
    color: var(--color-default);
    text-align: left;
    background: none;
    box-shadow: none;
    border-radius: 7px;
    letter-spacing: 0.20000000298023224px;
    font-family: var(--Bangla-font);
}

.module-left-color {
    background: #12b76a;
}

.module-right-color {
    background: #ad65fc;
}

#courseCurriculum .accordion-button .module-name {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 16px;
}

#courseCurriculum .accordion-button .module-name h5 {
    font-family: var(--Bangla-font);
    color: var(--contrast-color);
    margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0.20000000298023224px;
    margin-top: 3px;
}

#courseCurriculum .accordion-button .module-name p {
    margin-bottom: 0px;
    color: var(--contrast-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.20000000298023224px;
}

#courseCurriculum .accordion-button:not(.collapsed) {
    color: var(--primary-color);
    border-bottom: 0;
    box-shadow: none;
}

#courseCurriculum .accordion-button:after {
    position: absolute;
    right: 20px;
    top: 40px;
}

#courseCurriculum .accordion-body {
    padding: 0 20px 30px 21px;
    border: 0;
    border-radius: 10px;
    background: none;
    box-shadow: none;
    letter-spacing: 0.20000000298023224px;
    font-family: var(--Bangla-font);
    font-size: 16px;
    font-weight: 400;
}

#courseCurriculum .accordion-body .module-content-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#courseCurriculum .accordion-body .module-content-list li {
    padding-bottom: 12px;
    display: flex;
    align-items: stretch;
    gap: 13px;
}

#courseCurriculum .accordion-body .module-content-list li:last-child {
    padding-bottom: 0px;
}

#courseCurriculum .courseCurriculum-more {
    text-align: center;
    padding-top: 25px;
}

#courseCurriculum .courseCurriculum-more a {
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    background: var(--primary-color);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    transition: 0.5s;
}

#courseCurriculum .courseCurriculum-more a:hover {
    background: var(--main-button-hover-color);
}

/* ?? Course Details-Pages  */
/*--------------------------------------------------------------
# Details about the course
--------------------------------------------------------------*/
#aboutCourseDetails {
    padding-top: 10px;
}

#aboutCourseDetails .aboutCourseDetails-parent {
    position: relative;
}

#aboutCourseDetails .aboutCourseDetails-content {
    border: 1px solid rgb(209 213 219);
    border-radius: 6px;
    padding: 30px;
}

#aboutCourseDetails .aboutCourseDetails-content p {
    font-family: var(--Bangla-font);
    line-height: 26px;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-weight: 400;
}

#aboutCourseDetails .aboutCourseDetails-content p:last-child {
    margin-bottom: 0px;
}

#aboutCourseDetails .aboutCourseDetails-parent .more-content {
    font-family: var(--Bangla-font);
    position: absolute;
    bottom: -15px;
    left: 45%;
    box-shadow: 0px 5px 25px 0px rgba(var(--default-color-rgb), 0.1);
    background: var(--contrast-color);
    border: 0;
    outline: 0;
    border-radius: 35px;
    padding: 7px 28px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--primary-color);
}

/* ?? course Details-Pages  */
/*--------------------------------------------------------------
# Course Certificate
--------------------------------------------------------------*/
#courseCertificate {
    padding-top: 10px;
}

#courseCertificate .courseCertificate-content {
    border: 1px solid rgb(209 213 219);
    border-radius: 6px;
    padding: 30px;
}

#courseCertificate .courseCertificate-content h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 17px;
}

#courseCertificate .courseCertificate-content ul {
    list-style: none;
    padding-left: 12px;
}

#courseCertificate .courseCertificate-content ul li {
    display: flex;
    align-items: center;
    font-family: var(--Bangla-font);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

#courseCertificate .courseCertificate-content ul li .arrow-icons {
    color: var(--primary-color);
}

#courseCertificate .courseCertificate-content ul li h5 {
    margin-bottom: 0px;
    font-family: var(--Bangla-font);
    font-size: 16px;
    color: var(--text-secondary-color);
    font-weight: 400;
    letter-spacing: 0.20000000298023224px;
    line-height: 24px;
}

#courseCertificate .courseCertificate-content .Certificate-image img {
    cursor: pointer;
}

/* ?? course Details-Pages  */
/*--------------------------------------------------------------
# Student FeedBack
--------------------------------------------------------------*/
#CourseDetailsFeedback {
    padding-top: 10px;
}

#CourseDetailsFeedback .student-feedback-card {
    border: 1px solid rgb(209 213 219);
    border-radius: 6px;
    padding: 20px;
    height: 100%;
}

#CourseDetailsFeedback .student-feedback-card p {
    font-family: var(--Bangla-font);
    font-size: 16px;
    color: var(--text-secondary-color);
    font-weight: 500;
    letter-spacing: 0.20000000298023224px;
    line-height: 26px;
    margin-bottom: 20px;
}

#CourseDetailsFeedback .student-feedback-card .student-feedback-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

#CourseDetailsFeedback .student-feedback-content .feedback-image img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

#CourseDetailsFeedback .student-feedback-content .feedback-name h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-weight: 600;
    letter-spacing: 0.20000000298023224px;
    margin-bottom: 2px;
    font-size: 17px;
}

#CourseDetailsFeedback .student-feedback-content .feedback-name h5 {
    color: var(--text-secondary-color);
    font-size: 14px;
    font-family: var(--Bangla-font);
    font-weight: 400;
    letter-spacing: 0.20000000298023224px;
    margin-bottom: 0px;
}

#CourseDetailsFeedback .feedback-next {
    background-color: #7f7f7f;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    right: -35px;
    z-index: 10;
}

#CourseDetailsFeedback .feedback-prev {
    background-color: #7f7f7f;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    position: absolute;
    left: -35px;
    z-index: 10;
}

#CourseDetailsFeedback .feedback-next:after,
#CourseDetailsFeedback .feedback-prev:after {
    font-size: 20px;
    color: var(--color-secondary);
}

/* ?? Course Details -Pages  */
/*--------------------------------------------------------------
# Answers to frequently asked questions
--------------------------------------------------------------*/
#courseFeq {
    padding-top: 10px;
}

#courseFeq .accordion-item {
    border: 0;
    margin-bottom: 15px;
    border-radius: 7px;
    border: 1px solid rgb(209 213 219);
    background: none;
}

#courseFeq .accordion-item:last-child {
    margin-bottom: 0;
}

#courseFeq .accordion-collapse {
    border: 0;
}

#courseFeq .accordion-button {
    padding: 20px 50px 20px 20px;
    font-weight: 600;
    border: 0;
    font-size: 18px;
    line-height: 26px;
    color: var(--color-default);
    text-align: left;
    background: none;
    box-shadow: none;
    border-radius: 7px;
    letter-spacing: 0.20000000298023224px;
    font-family: var(--Bangla-font);
}

#courseFeq .accordion-button .num {
    padding-right: 10px;
    font-size: 20px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: var(--Bangla-font);
    font-weight: 700;
    letter-spacing: 0.20000000298023224px;
}

#courseFeq .accordion-button:not(.collapsed) {
    color: var(--primary-color);
    border-bottom: 0;
    box-shadow: none;
}

#courseFeq .accordion-button:after {
    position: absolute;
    right: 20px;
    top: 20px;
}

#courseFeq .accordion-body {
    padding: 0 20px 30px 20px;
    border: 0;
    border-radius: 10px;
    background: none;
    box-shadow: none;
    letter-spacing: 0.20000000298023224px;
    font-family: var(--Bangla-font);
    font-size: 16px;
    font-weight: 400;
}

/* ?? Course Details-Pages  */
/*--------------------------------------------------------------
# Course Contact-us
--------------------------------------------------------------*/
#courseContact {
    padding-top: 10px;
}

#courseContact .courseContact-content {
    border-radius: 7px;
    border: 1px solid rgb(209 213 219);
    padding: 20px;
}

#courseContact .courseContact-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

#courseContact .courseContact-title h4 {
    margin-bottom: 0px;
    color: var(--primary-color);
    letter-spacing: 0.20000000298023224px;
    font-family: var(--Bangla-font);
    font-size: 18px;
}

/* ?? Seminar-Pages  */
/*--------------------------------------------------------------
# Seminar List
--------------------------------------------------------------*/
#seminarList .seminar-join {
    margin-bottom: 11px;
    margin-top: 6px;
}

#seminarList .seminar-join a {
    font-family: var(--Bangla-font);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 16px;
    transition: 0.5s;
}

#seminarList .seminar-join a:hover {
    color: var(--contrast-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

#seminarList .single-list .single-list-inner {
    border-bottom: 1px solid #bae6fd;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 15px;
}

#seminarList .single-list .single-Seminar-list-inner {
    /* margin-bottom: 20px; */
    display: flex;
    align-items: flex-start;
}

#seminarList .single-list .single-Seminar-list-inner .date {
    /* background: #f97316; */
    color: #fff;
    font-family: var(--Bangla-font);
    display: inline-block;
    border-radius: 7px;
    font-size: 22px;
    font-weight: 700;
    width: 70px;
    letter-spacing: 0.2px;
    height: 60px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    margin-right: 14px;
}

#seminarList .single-list .single-Seminar-list-inner .date span {
    font-size: 16px;
    font-weight: 600;
}

#seminarList .single-list .single-Seminar-list-inner .Seminar-meta {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}

#seminarList .single-list .single-Seminar-list-inner .Seminar-meta .Time {
    color: var(--contrast-color);
    display: inline-block;
    margin-right: 12px;
    font-family: var(--Bangla-font);
}

#seminarList .single-list .single-Seminar-list-inner .Seminar-meta .Time h6 {
    color: var(--text-secondary-color);
    font-family: var(--Bangla-font);
    font-size: 15px;
    font-weight: 500;
}

#seminarList .single-list .single-Seminar-list-inner .Seminar-meta .Time h6 i {
    margin-right: 5px;
    font-weight: normal;
}

#seminarList .single-list .single-Seminar-list-inner .details h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 28px;
    text-transform: capitalize;
}

/* ?? Seminar-Pages  */
/*--------------------------------------------------------------
# Seminar Modal
--------------------------------------------------------------*/
.seminarModal .seminarModalTitle {
    font-family: var(--Bangla-font);
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.20000000298023224px;
}

.seminarModal .php-email-form {
    width: 100%;
}

.seminarModal .php-email-form .form-group {
    padding-bottom: 8px;
}

.seminarModal .php-email-form input::placeholder,
.seminarModal .php-email-form textarea::placeholder,
.seminarModal .php-email-form select::placeholder {
    font-family: var(--Bangla-font);
}

.seminarModal .php-email-form input,
.seminarModal .php-email-form textarea,
.seminarModal .php-email-form select {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 10px !important;
}

.seminarModal .php-email-form input:focus,
.seminarModal .php-email-form textarea:focus,
.seminarModal .php-email-form select:focus {
    border-color: var(--primary-color);
}

.seminarModal .php-email-form input,
.seminarModal .php-email-form select {
    height: 44px;
}

.seminarModal .php-email-form select {
    font-family: var(--Bangla-font);
}

.seminarModal .php-email-form textarea {
    padding: 10px 12px;
}

.seminarModal .php-email-form button[type="submit"] {
    background: var(--primary-color);
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    border: 0;
    padding: 9px 35px;
    transition: 0.4s;
    border-radius: 50px;
    font-weight: 600;
}

.seminarModal .php-email-form button[type="submit"]:hover {
    background: var(--main-button-hover-color);
}

/* ?? Our course -Pages  */
/*--------------------------------------------------------------
# Our course Category
--------------------------------------------------------------*/
.course-heading h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.20000000298023224px;
    font-weight: 600;
    padding-bottom: 22px;
    text-transform: capitalize;
}

#our-course .course-category-items {
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border: 2px solid #e5e7eb;
    text-align: center;
    box-shadow: 0px 3px 0px #e5e7eb;
    border-radius: 0.75rem;
    height: 100%;
    transition: 0.8s all;
}

#our-course .course-category-items:hover {
    box-shadow: none;
    border-color: var(--primary-color);
}

#our-course .course-category-items .category-image img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    margin-top: 16px;
    margin-bottom: 5px;
}

#our-course .course-category-items .category-content h4 {
    font-family: var(--Bangla-font);
    color: var(--text-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    padding-top: 16px;
}

#our-course .course-category-items .category-content h5 {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0px;
    text-align: center;
}

/* ?? Our course -Pages  */
/*--------------------------------------------------------------
# course Lists
--------------------------------------------------------------*/
.webCourse {
    padding-top: 0px;
}

/* ?? Upcoming Batch -Pages  */
/*--------------------------------------------------------------
# Upcoming Batch
--------------------------------------------------------------*/
.upcomingBatch-list {
    padding-top: 10px;
}

.upcomingBatchList .upcomingBatchList-table {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 4px;
    /* padding: 12px 16px; */
}

.upcomingBatchList .upcomingBatchList-table th {
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    background: #f2f4f6;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
}

.upcomingBatchList .upcomingBatchList-table td {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    font-weight: 500;
    padding: 12px 8px;
    font-size: 14px;
    line-height: 26px;
    color: var(--text-secondary-color);
    text-transform: uppercase;
}

.upcomingBatchList .upcomingBatchList-table .admid-btn {
    background: var(--primary-color);
    color: var(--contrast-color);
    padding: 2px 7px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
}

.Batch-color04 {
    color: #f8285a !important;
    font-weight: 600 !important;
}

.Batch-color03 {
    color: #1b84ff !important;
    font-weight: 600 !important;
}

.Batch-color02 {
    background: #ffeef3;
    color: #f8285a;
}

.Batch-color01 {
    background: #dfffea;
    /* background: #12b76a; */
    color: #12b76a;
}

.upcomingBatchList .upcomingBatchList-table .upcoming-online {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    padding: 1px 5px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
}

.upcomingBatchList .upcomingBatchList-table .price {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    color: #ff8c4b;
    font-weight: 700;
    font-size: 16px;
}

.upcomingBatchList .upcomingBatchList-table .day {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    background: #fff8dd;
    color: #ffc000;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1px 5px;
    border-radius: 6px;
}

/* More design */
#upcomingBatchList-new .upcomingBatchList-join a {
    font-family: var(--Bangla-font);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px 4px 12px;
    transition: 0.5s;
}

#upcomingBatchList-new .upcomingBatchList-join a:hover {
    color: var(--contrast-color);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

#upcomingBatchList-new .upcomingBatchList-list-inner {
    border-bottom: 1px solid #bae6fd;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .date {
    background: var(--primary-color);
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    display: inline-block;
    border-radius: 7px;
    font-size: 23px;
    font-weight: 700;
    width: 70px;
    letter-spacing: 0.2px;
    height: 60px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    margin-right: 14px;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .date span {
    font-size: 16px;
    font-weight: 600;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .upcomingBatchList-meta {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .upcomingBatchList-meta .Time {
    color: var(--contrast-color);
    display: inline-block;
    margin-right: 12px;
    font-family: var(--Bangla-font);
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .upcomingBatchList-meta .Time h6 {
    color: var(--text-secondary-color);
    font-family: var(--Bangla-font);
    font-size: 16px;
    font-weight: 500;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .upcomingBatchList-meta .Time h6 i {
    margin-right: 5px;
    font-weight: normal;
}

#upcomingBatchList-new .single-upcomingBatchList-list-inner .details h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 30px;
}

#upcomingBatchList-new .upcominglist-items {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 4px;
    padding: 12px 16px;
}

#upcomingBatchList-new .upcominglist-time {
    background: var(--primary-color);
    padding: 20px 8px;
    color: var(--contrast-color);
    text-align: center;
    border-radius: 6px;
}

#upcomingBatchList-new .upcominglist-time h4 {
    color: var(--contrast-color);
    font-family: var(--Bangla-font);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
}

#upcomingBatchList-new .upcominglist-time p {
    font-family: var(--Bangla-font);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0px;
    color: #fff;
}

#upcomingBatchList-new .upcominglist-button {
    text-align: end;
}

#upcomingBatchList-new .upcominglist-button .admison-btn {
    margin-bottom: 13px;
}

#upcomingBatchList-new .upcominglist-button .admison-btn a {
    font-family: var(--Bangla-font);
    background: var(--primary-color);
    color: var(--contrast-color);
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 12px 4px 12px;
    transition: 0.5s;
}

#upcomingBatchList-new .upcominglist-button .detail-btn a {
    font-family: var(--Bangla-font);
    background: #f8285a;
    color: var(--contrast-color);
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 12px 4px 12px;
    transition: 0.5s;
}

#upcomingBatchList-new .upcoming-title h4 {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 24px;
}

#upcomingBatchList-new .upcoming-cours {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 {
    font-weight: 600;
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--text-secondary-color);
    margin-bottom: 4px;
}

.upcomingColor01 {
    color: #1b84ff;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 .day {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    background: #fff8dd;
    color: #ffc000;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1px 5px;
    border-radius: 6px;
    margin-left: 5px;
}

.Batch-color02 {
    background: #ffeef3;
    color: #f8285a;
}

.Batch-color01 {
    background: #dfffea;
    color: #12b76a;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 .upcoming-online {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    padding: 1px 5px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    margin-left: 5px;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 .price {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    color: #ff8c4b;
    font-weight: 700;
    font-size: 16px;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 .discount {
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    color: var(--text-secondary-color);
    font-weight: 700;
    font-size: 15px;
    margin-left: 6px;
}

#upcomingBatchList-new .upcoming-cours .upcoming-code h5 .admision-date {
    color: #f8285a;
    font-family: var(--Bangla-font);
    letter-spacing: 0.20000000298023224px;
    font-weight: 700;
    font-size: 16px;
}

/* ?? Success Student -Pages  */
/*--------------------------------------------------------------
# Success Student List
--------------------------------------------------------------*/
#successList .successList-banner {
    position: relative;
}

#successList .successList-banner img {
    border-radius: 8px;
}

#successList .successList-banner .playing-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#successList .successList-banner .playing-btn img {
    width: 70px;
}

/* ?? Our Team -Pages  */
/*--------------------------------------------------------------
# Our Team List
--------------------------------------------------------------*/
#team .team-name {
    color: var(--text-primary-color);
    font-family: var(--Bangla-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

#team .team-designation {
    font-family: var(--Bangla-font);
    color: var(--text-secondary-color);
    margin-bottom: 6px;
    font-weight: 400;
    text-align: center;
    font-size: 15px;
}

#team .team-btn {
    color: var(--primary-color);
    font-family: var(--Bangla-font);
    font-weight: 600;
    font-size: 17px;
}

#team .card-lift {
    border-radius: 0.75rem;
    transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out,
        background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#team .card-lift:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-0.25rem);
}

#team .team-image {
    /* box-shadow: 0 0 0 0.1875rem rgba(41, 43, 44, 0.16); */
    border: 3px solid rgba(105, 108, 255, 0.233);
    height: 120px;
    width: 120px;
}

#aboutVideos h2 {
    font-size: 32px !important;
    font-weight: 700;
    line-height: 38px !important;
}

#aboutVideos p {
    font-size: 16px !important;
    line-height: 26px !important;
}

/*--------------------------------------------------------------
# Seminar Registration from
--------------------------------------------------------------*/
.seminarRegistration {
    background-color: #f1f7fd;
}

.seminarRegistration .seminarRegistration-header h2 {
    font-size: 32px;
    font-weight: bold;
    /* text-transform: uppercase; */
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}

.seminarRegistration form {
    background: none !important;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.seminarRegistration .Seminar-email-form {
    width: 100%;
}

.seminarRegistration .Seminar-email-form .form-group {
    padding-bottom: 8px;
}

.seminarRegistration .Seminar-email-form input,
.seminarRegistration .Seminar-email-form textarea,
.seminarRegistration .Seminar-email-form select {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 10px !important;
}

.seminarRegistration .Seminar-email-form input:focus,
.seminarRegistration .Seminar-email-form textarea:focus,
.seminarRegistration .Seminar-email-form select:focus {
    border-color: var(--primary-color);
}

.seminarRegistration .Seminar-email-form input,
.seminarRegistration .Seminar-email-form select {
    height: 44px;
}

.seminarRegistration .Seminar-email-form textarea {
    padding: 10px 12px;
}

.seminarRegistration .Seminar-email-form button[type="submit"] {
    background: var(--primary-color);
    border: 0;
    padding: 10px 35px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
    margin-top: 10px;
}

.seminarRegistration .Seminar-email-form button[type="submit"]:hover {
    background: var(--main-button-hover-color);
}

.seminarRegistration .label-pd {
    margin-bottom: 6px;
}

.font {
    font-family: var(--default-font);

}