/* ===============================
   ========= Global CSS ==========
   =============================== */
   :root {
    --green: #00a400;
    --yellow: #ffdd00;
    --green_dark: #007b00;
    --light: #ededed;
    --white: #ffffff;
    --dark: #3c3c3c;
    --black: #000000;
}

@font-face {
  font-family: SolaimanLipi;
  src: url('fonts/SolaimanLipi.woff2');

  /* font-family: Ekushey Azad;
  src: url('fonts/Azad_27-02-2006.woff2'); */
}

.accordion-button {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.sticky {
  position: sticky;
  height: 250px;
  top: 20px;
}



/* Background */

.bg_green {
  background: var(--green) !important;
}
.bg_yellow {
  background: var(--yellow) !important;
}

/* COlor */


/* btn */

/* btn */

.btn_green {
  background: transparent;
  color: var(--green);
  border: 1px solid var(--green);
}

.btn_green.active,
.btn_green:focus,
.btn_green:hover {
  background: var(--green);
  color: var(--light);
  border: 1px solid var(--green);
}

.btn-dark,
.btn-outline-dark {
  border-radius: 100px;
}

.btn-dark:hover {
  background: transparent;
  color: var(--dark);
}

.btn-dark,
.btn-outline-dark {
  border-radius: 100px;
}

.btn-dark:hover {
  background: transparent;
  color: var(--dark);
}

.btn-dark-green-hover {
  min-width: 50px;
  max-width: 1000px;
}

.btn-dark-green-hover:hover,
.btn-dark-green-hover.active,
.btn-dark-green-hover:focus {
  background: var(--green);
  border: 1px solid var(--green);
  color: var(--white);
}




body, p, span, a {
  font-family: 'roboto', sans-serif;
  font-size: 17px;
  color: var(--dark);
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  color: var(--dark);
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 22px;
}

/* ============================= */
/* Navbar - Main */

.dropdown-menu {
  border-radius: 0;
  border: 1px solid #00000020;
}
/* ============================================================ */
/* Course Details */
body {
  background: linear-gradient(to right, #d9f0d9, #8ed17c);
}
.course_title img {
  display: block;
  width: 100%;
  height: auto;
}
.career_opportunities_title h4 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 35px;
}
.career_opportunities .card {
  border: 1px solid #00a40017;
  background: transparent;
}
.career_opportunities_icon svg {
  font-size: 50px;
  color: var(--yellow);
}
.career_opportunities_icon p {
  margin-bottom: 0;
}



.course_summery {
  font-family: SolaimanLipi;
  font-size: 20px;
  text-align: justify;
}


/* Course Nav */
#courseNav {
  position: sticky;
  top: 62px;
  z-index: 99999;
}
#courseNav .nav-link {
  color: var(--green);
  border: 1px solid var(--green);
  border-radius: 5px;
  margin-right: 5px;
}

#courseNav .nav-link.active,
#courseNav .nav-link:hover,
#courseNav .nav-link:focus {
  background: var(--green);
  color: var(--light);
}


/* sticky_top */
.sticky_top {
  position: sticky;
  top: 2px;
}

#play_video {
  border-left: 3px solid var(--green);
}
#play_video h6 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  line-height: 0;
}
#play_video a {
  font-family: SolaimanLipi;
  font-size: 20px;
  margin: 0;
  line-height: 0;
}

/* Batch Info */

#BatchInfo h6 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  line-height: 18px;
}

#BatchInfo p {
  font-family: SolaimanLipi;
  font-size: 20px;
  margin: 0;
  line-height: 30px;
}

#BatchInfo {
  border-left: 3px solid var(--yellow);
}

#BatchInfo h6,
#BatchInfo p {
  margin: 0;
  padding: 0;
}

#BatchInfo .batch_number {
  background: var(--yellow);
  padding: 10px 15px;
  text-align: center;
}

.batch_info_section {
  border-left: 1px solid var(--dark);
  margin-left: 20px;
  padding-left: 20px;
}

/* Study Plan */
#studyPlan h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 36px;
}

#studyPlanTitle p {
  font-family: SolaimanLipi;
  font-size: 22px;
}

#studyPlanTitle span {
  font-family: SolaimanLipi;
  font-weight: bold !important;
  font-size: 20px;
}
/* Study Plan Module */
/* Green Yellow */
#studyPlan .accordion-item.item_green .module {
  background: var(--green);
  padding: 8px;
  border-radius: 5px;
  text-align: center;
}
#studyPlan .accordion-item.item_green .module h6 {
  font-family: SolaimanLipi;
  font-size: 20px;
  color: var(--light);
  letter-spacing: 2px;
  font-weight: bold;
  margin: 0;
}
#studyPlan .accordion-item.item_green .module p {
  font-family: SolaimanLipi;
  font-size: 22px;
  color: var(--light);
  letter-spacing: 2px;
  margin: 0;
}

.accordion-collapse.show {
  border-bottom: 1px solid var(--green);
}
#studyPlan .accordion-item.item_green .accordion-body h6 {
  font-family: SolaimanLipi;
  font-size: 22px;
  letter-spacing: 1px;
  margin: 0 0 7px 0;
}

#studyPlan .accordion-item.item_green th {
  background: var(--yellow);
  color: var(--dark);
}

/* Yellow Green */
#studyPlan .accordion-item.item_yellow .module {
  background: var(--yellow);
  padding: 8px;
  border-radius: 5px;
  text-align: center;
}
#studyPlan .accordion-item.item_yellow .module h6 {
  font-family: SolaimanLipi;
  font-size: 20px;
  color: var(--dark);
  letter-spacing: 2px;
  font-weight: bold;
  margin: 0;
}
#studyPlan .accordion-item.item_yellow .module p {
  font-family: SolaimanLipi;
  font-size: 22px;
  color: var(--dark);
  letter-spacing: 2px;
  margin: 0;
}

/* .accordion-collapse.show {
  border-bottom: 1px solid var(--green);
} */
#studyPlan .accordion-item.item_yellow .accordion-body h6 {
  font-family: SolaimanLipi;
  font-size: 22px;
  letter-spacing: 1px;
  margin: 0 0 7px 0;
}
#studyPlan .accordion-item.item_yellow th {
  background: var(--green);
  color: var(--light);
}

#studyPlan ul{
  list-style: none;
}
#studyPlan ul li {
  font-size: 16px;
}
#studyPlan ul li svg {
  font-size: 12px;
  color: var(--green);
}

/* ========================================================================= */
/* Instructor */
#instructor h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 36px;
}

#instructor .img {
  width: 100px;
  height: 100px;
  border: 2px solid var(--green);
  border-radius: 100%;
  overflow: hidden;
}
#instructor .img img {
  width: 100%;
  height: auto;
  display: block;
}
#instructor .info p {
  margin-bottom: 0;
  font-family: SolaimanLipi;
  font-size: 20px;
}
#instructor .info {
  border-left: 2px solid var(--green);
  margin-left: 30px;
  padding-left: 10px;
}
#instructor .instructor_item:not(:last-child) {
  border-bottom: 2px solid var(--green);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

/* ====================================================== */
/* Course Tools */
#courseTools h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 36px;
}
#courseTools .course_tools {
  text-align: center;
}
#courseTools .course_tools_icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* #courseTools .course_tools_icon svg {
  color: var(--green);
  font-size: 30px;
  margin-bottom: 10px;
  margin-left: 10px;
} */

#courseTools .course_tools_icon img {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 10px;
}

#courseTools h6 {
  font-family: SolaimanLipi;
  font-size: 20px;
}

/* ====================================================== */
/* About Course */
#aboutCourse h3,
#adventage h3,
#topic h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 36px;
}

#aboutCourse p,
#aboutCourse ul li,
#adventage p,
#adventage ul li,
#topic p,
#topic ul li {
  font-family: SolaimanLipi;
  font-size: 20px;
}

#aboutCourse ul li svg,
#adventage ul li svg,
#topic ul li svg {
 font-size: 13px;
}

#aboutCourse ul,
#adventage ul,
#topic ul {
  list-style: none;
}

/* ====================================================== */
/* Genarel Asking & Feadback */
#genarelAsking h3, #feadBack h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 36px;
}

/* ====================================================== */
/* Genarel Asking */
#genarelAsking ul {
  list-style: none;
}
#genarelAsking ul li p {
  font-family: SolaimanLipi;
  font-size: 20px;
}
#genarelAsking ul li p span {
  font-family: SolaimanLipi;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

/* ====================================================== */
/* Help */
#help p {
  font-family: SolaimanLipi;
  font-size: 20px;
}

/* ====================================================== */
/* Admission */
.admission h3 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 35px;
  color: var(--green);
}

.admission svg {
  font-size: 22px;
  color: var(--green);
}

.admission .seat_blank svg {
  font-size: 22px;
  color: var(--dark);
}
.admission .seat_blank h6 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 20px;
}
.admission .seat_blank p {
  font-family: SolaimanLipi;
  font-size: 20px;
}
.admission .course_assets h4 {
  font-family: SolaimanLipi;
  font-weight: bold;
  font-size: 28px;
}
.admission .course_assets ul {
  list-style: none;
}
.admission .course_assets ul li{
  font-family: SolaimanLipi;
  font-size: 20px;
}
.admission .course_assets ul li svg {
  font-size: 13px;
}

#admission {
  position: sticky;
  top: 65px;
  z-index: 999;
}

#admission .btn {
  font-family: SolaimanLipi;
  font-size: 19px !important;
}

#admission .payment_getway_image img {
  display: block;
  width: 100%;
  height: auto;
}