:root {
  --mute-color-100: #1C1C1C;
  --mute-color-80: #494949;
  --mute-color-60: #777;
  --mute-color-10: #E8E8E8;
  --primary-color-60: #FCA5A5;
  --primary-color-40: #FECACA;
  --primary-color-20: #FEE2E2;
  --primary-color-10: #FEF2F2;
  --secondary-100: #101727;
  --secondary-90: #1F2937;
  --secondary-80: #374151;
  --secondary-70: #4B5563;
  --secondary-60: #6B7280;
  --secondary-50: #9CA3AF;
  --secondary-40: #D1D5DB;
  --secondary-30: #E5E7EB;
  --secondary-20: #F3F4F6;
  --secondary-10: #F9FAFB;
}

/* color veriable */
/* dark_mode_color */
/* font name */
/* 400 */
/* 500 */
/* 600 */
/* 700 */
/* 800 */
/* border */
/* responsive_desine_mixin start*/
/* responsive_desine_mixin end*/
@font-face {
  font-family: "Regular";
  src: url("http://techparkit.org/frontend/assets/fonts/BalooDa2-Regular.ttf");
}

@font-face {
  font-family: "Medium";
  src: url("http://techparkit.org/frontend/assets/fonts/BalooDa2-Medium.ttf");
}

@font-face {
  font-family: "SemiBold";
  src: url("http://techparkit.org/frontend/assets/fonts/BalooDa2-SemiBold.ttf");
}

@font-face {
  font-family: "Bold";
  src: url("http://techparkit.org/frontend/assets/fonts/BalooDa2-Bold.ttf");
}

@font-face {
  font-family: "ExtraBold";
  src: url("http://techparkit.org/frontend/assets/fonts/BalooDa2-ExtraBold.ttf");
}

.button_all {
  padding: 12px 24px 11px 24px;
  border: 1px solid #6B7280;
  font-size: 18px;
  line-height: 30.31px;
  border-radius: 8px;
  color: #101727;
  background-color: #ffffff;
  font-family: "SemiBold";
}

.area_title {
  font-size: 40px;
  line-height: 62px;
  font-family: "Bold";
}

@media screen and (max-width: 575.9px) {
  .area_title {
    font-size: 24px;
    line-height: 34px;
  }
}

.sub_title {
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  color: #494949;
}

body {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  font-family: "Regular";
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p,
ol,
ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
}

img,
iframe,
a,
span,
i {
  text-decoration: none;
  display: inline-block;
}

html {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

html ::-webkit-scrollbar {
  width: 10px;
}

@media screen and (max-width: 575.9px) {
  html ::-webkit-scrollbar {
    width: 0px;
  }
}

html ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(185, 185, 185);
  border-radius: 10px;
}

html ::-webkit-scrollbar-thumb {
  background: #dc2626;
  border-radius: 10px;
}

html ::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

.header_area {
  border: 0px solid red;
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 99;
  box-shadow: 0px -6px 5px 10px #e2e3e5;
}

.header_area .header_area_content {
  border: 0px solid red;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content {
    display: block;
    position: relative;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content {
    display: block;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content {
    display: block;
    position: relative;
  }
}

.header_area .header_area_content .logo_area {
  border: 0px solid red;
  align-items: center;
  display: flex;
  height: 100%;
  width: 202px;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .logo_area {
    width: unset;
    padding: 8px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .logo_area {
    width: unset;
    padding: 15px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .logo_area {
    width: unset;
    padding: 15px 0px;
  }
}

.header_area .header_area_content .logo_area a {
  border: 0px solid red;
  width: 190px;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .logo_area a {
    width: 120px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .logo_area a {
    width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .logo_area a {
    width: 120px;
  }
}

.header_area .header_area_content .logo_area a img {
  border: 0px solid red;
  height: 64px;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .logo_area a img {
    width: 100%;
    height: unset;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .logo_area a img {
    width: 100%;
    height: unset;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .logo_area a img {
    width: 100%;
    height: unset;
  }
}

.header_area .header_area_content .extra_login_area {
  border: 0px solid red;
  align-items: center;
  display: none;
  position: absolute;
  top: 8px;
  right: 40px;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .extra_login_area {
    display: flex;
    top: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .extra_login_area {
    display: flex;
    top: 23px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .extra_login_area {
    display: flex;
    top: 23px;
  }
}

.header_area .header_area_content .extra_login_area a {
  border: 0px solid red;
  font-size: 14px;
  color: #1c1c1c;
  font-family: "Medium";
  padding: 2px 5px;
  transition-duration: 0.4s;
}

.header_area .header_area_content .extra_login_area a:hover {
  background-color: #dc2626;
  color: #ffffff;
}

.header_area .header_area_content .menu_ber {
  border: 0px solid red;
  position: absolute;
  right: 0;
  top: 9px;
  padding: 0px;
  background-color: transparent;
  display: none;
  transition-duration: 0.4s;
}

.header_area .header_area_content .menu_ber:hover {
  color: #dc2626;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .menu_ber {
    align-content: center;
    display: flex;
    top: 16px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .menu_ber {
    align-content: center;
    display: flex;
    top: 22px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .menu_ber {
    align-content: center;
    display: flex;
    top: 22px;
  }
}

.header_area .header_area_content .menu_ber i {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .menu_ber i {
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .menu_ber i {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .menu_ber i {
    font-size: 20px;
  }
}

.header_area .header_area_content .nav_and_login_area {
  border: 0px solid red;
  display: flex;
  flex: 1;
  justify-content: end;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area {
    display: block;
    position: absolute;
    left: -1000px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.4s;
    height: 100vh;
    width: 100%;
    position: fixed;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area {
    display: block;
    position: absolute;
    left: -1000px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.4s;
    height: 100vh;
    width: 100%;
    position: fixed;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area {
    display: block;
    position: absolute;
    left: -1000px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.4s;
    height: 100vh;
    width: 100%;
    position: fixed;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are {
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are {
    width: 70%;
    height: 100%;
    background-color: #ecc9c9;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are {
    width: 70%;
    height: 100%;
    background-color: #ecc9c9;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are {
    width: 70%;
    height: 100%;
    background-color: #ecc9c9;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area {
    width: 100%;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
  border: 0px solid red;
  display: flex;
  padding: 48px 0px;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
    display: block;
    padding: 30px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
    display: block;
    padding: 30px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul {
    display: block;
    padding: 30px 0px;
  }
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul .nav-area_all {
    width: 30%;
    background-color: rgba(20, 20, 20, 0.431372549);
    height: 100vh;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul .nav-area_all {
    width: 30%;
    background-color: rgba(20, 20, 20, 0.431372549);
    height: 100vh;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul .nav-area_all {
    width: 30%;
    background-color: rgba(20, 20, 20, 0.431372549);
    height: 100vh;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li {
    margin: 10px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li {
    margin: 10px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li {
    margin: 10px 0px;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
  font-family: "Medium";
  margin-left: 32px;
  transition-duration: 0.4s;
  position: relative;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  top: 19px;
  transition-duration: 0.4s;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a.active_button,
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a:hover {
  color: #dc2626;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a.active_button::before,
.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li a:hover::before {
  background-color: #dc2626;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li ul {
  padding: 0;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li.more_link {
  position: relative;
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li.more_link>a {
  display: none;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li.more_link ul {
    display: grid;
    position: absolute;
    top: 155%;
    background: white;
    box-shadow: 0px 0px 3px rgba(128, 128, 128, 0.6117647059);
    padding: 15px;
    min-width: 150px;
    left: -27px;
  }

  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li.more_link ul li a {
    margin-left: 0;
    padding: 5px 0px;
  }

  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul li.more_link>a {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul .more_link:hover .more_link_details {
    opacity: 1;
    visibility: visible;
  }

  .header_area .header_area_content .nav_and_login_area .full_nav_are .nav-area ul .more_link .more_link_details {
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.4s;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .login_area {
  border: 0px solid red;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area {
    display: none;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
  border: 0px solid red;
  font-size: 16px;
  line-height: 12px;
  color: #1c1c1c;
  font-family: "Medium";
  border: 1px solid #6b7280;
  padding: 14.5px 30.5px;
  border-radius: 6px;
  margin-left: 32px;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
    border: 0px;
    padding: 7px;
    border-radius: 0px;
    margin-left: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
    border: 0px;
    padding: 7px;
    border-radius: 0px;
    margin-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a {
    border: 0px;
    padding: 7px;
    border-radius: 0px;
    margin-left: 0px;
  }
}

.header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a:hover {
  background-color: #dc2626;
  color: #ffffff;
  border: 1px solid transparent;
}

@media screen and (max-width: 575.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a:hover {
    color: #ffffff;
    border: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a:hover {
    color: #ffffff;
    border: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .header_area .header_area_content .nav_and_login_area .full_nav_are .login_area a:hover {
    color: #ffffff;
    border: 0px;
  }
}

.header_area .header_area_content .activee_class {
  left: 0px;
  opacity: 1;
  visibility: visible;
}

.banner_part {
  border: 0px solid red;
  background-color: #f3f4f6;
}

.banner_part .banner_part_content {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content {
    display: block;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content {
    display: block;
  }
}

.banner_part .banner_part_content .banner_part_left {
  border: 0px solid red;
  padding-top: 221px;
  padding-bottom: 175px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_left {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_left {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_left {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_left {
    padding-top: unset;
    padding-bottom: unset;
    margin: 135px 0px;
  }
}

.banner_part .banner_part_content .banner_part_left .banner_title {
  border: 0px solid red;
}

.banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
  border: 0px solid red;
  font-size: 52px;
  line-height: 83.2px;
  font-family: "Bold";
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text {
    font-size: 40px;
    line-height: 83px;
  }
}

.banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text .title_bangla {
  border: 0px solid red;
  display: block;
  color: #dc2626;
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text .title_bangla {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text .title_bangla {
    margin-bottom: 10px;
  }
}

.banner_part .banner_part_content .banner_part_left .banner_title .banner_title_text .title_english {
  border: 0px solid red;
  color: #1c1c1c;
}

.banner_part .banner_part_content .banner_part_left .description {
  border: 0px solid red;
  padding-top: 16px;
  padding-bottom: 48px;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_left .description {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.banner_part .banner_part_content .banner_part_left .description p {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "SemiBold";
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_left .description p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_left .description p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_left .description p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
}

.banner_part .banner_part_content .banner_part_left .button_area {
  border: 0px solid red;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_left .button_area {
    display: block;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_left .button_area {
    display: block;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_left .button_area {
    justify-content: center;
  }
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left {
  border: 0px solid red;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all {
  transition-duration: 0.4s;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all:hover {
  border: 1px solid transparent;
  background-color: #dc2626;
  color: #ffffff;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all:hover .btn_img #icon {
  fill: #ffffff;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all .btn_img {
  border: 0px solid red;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all .btn_img #icon {
  fill: #101727;
  transition-duration: 0.4s;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all .btn_img img {
  border: 0px solid red;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_left .button_all .btn_text {
  border: 0px solid red;
  margin-left: 5px;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_right {
  border: 0px solid red;
  margin-left: 51px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_left .button_area .button_right {
    margin-left: unset;
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_left .button_area .button_right {
    margin-left: unset;
    margin-top: 20px;
  }
}

.banner_part .banner_part_content .banner_part_left .button_area .button_right .button_all {
  height: 100%;
  transition-duration: 0.4s;
}

.banner_part .banner_part_content .banner_part_left .button_area .button_right .button_all:hover {
  border: 1px solid transparent;
  background-color: #dc2626;
  color: #ffffff;
}

.banner_part .banner_part_content .banner_part_right {
  border: 0px solid red;
  position: relative;
  margin-top: auto;
}

.banner_part .banner_part_content .banner_part_right .banner_img {
  border: 0px solid red;
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_img {
    justify-content: center;
    display: flex;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_img img {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_img img {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_img img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_img img {
    width: 100%;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content {
  border: 0px solid red;
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content {
  border: 0px solid red;
  display: inline-flex;
  padding: 10px;
  background-color: white;
  border-radius: 8px;
  animation: bounce2 2s linear infinite;
}

@keyframes bounce2 {
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(-20px, -20px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site {
    width: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site {
    width: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site {
    width: 50px;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site img {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site img {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .left_site img {
    width: 100%;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .right_site {
  border: 0px solid red;
  font-size: 18.69px;
  line-height: 28px;
  font-family: "SemiBold";
  align-items: center;
  display: flex;
  padding-left: 12px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .right_site {
    font-size: 12px;
    line-height: 17px;
    padding-left: 8px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .right_site {
    font-size: 12px;
    line-height: 17px;
    padding-left: 8px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .right_area_content .right_site {
    font-size: 14px;
    line-height: 20px;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
  position: absolute;
  top: 187px;
  left: -50px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
    top: 0px;
    left: 18px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
    top: 30px;
    left: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
    top: 60px;
    left: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
    top: 153px;
    left: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .certificate {
    top: 153px;
    left: -10px;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
  position: absolute;
  left: -50px;
  top: 525px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
    left: 18px;
    top: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
    left: 18px;
    top: 400px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
    left: 20px;
    top: 420px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
    left: 22px;
    top: 370px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .support {
    left: -10px;
    top: 480px;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
  position: absolute;
  right: -25px;
  top: 280px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
    right: 0px;
    top: 40px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
    right: 0px;
    top: 160px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
    right: 0px;
    top: 220px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
    right: 0px;
    top: 235px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .quiz {
    right: 0px;
  }
}

.banner_part .banner_part_content .banner_part_right .banner_part_right_content .live_class {
  position: absolute;
  right: 45px;
  top: 580px;
}

@media screen and (max-width: 575.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .live_class {
    right: 0px;
    top: 250px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .live_class {
    right: 0px;
    top: 550px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .live_class {
    right: 0px;
    top: 580px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .banner_part .banner_part_content .banner_part_right .banner_part_right_content .live_class {
    right: 0px;
    top: 490px;
  }
}

.course_item {
  border: 0px solid red;
  padding: 100px 0px;
}

@media screen and (max-width: 575.9px) {
  .course_item {
    padding: 60px 0px;
  }
}

.course_item .course_item_content {
  border: 0px solid red;
  display: flex;
  justify-content: center;
  gap: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content {
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content {
    flex-wrap: wrap;
  }
}

.course_item .course_item_content .course {
  border: 0px solid red;
  border: 1px solid #dc2626;
  border-radius: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course {
    width: 120px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course {
    width: 200px;
    overflow: hidden;
    justify-content: center;
    display: flex;
  }
}

.course_item .course_item_content .course a {
  border: 0px solid red;
  border-radius: 8px;
  transition-duration: 0.4s;
  height: 100%;
  display: block;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course a {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course a {
    width: 100%;
  }
}

.course_item .course_item_content .course a .course_icon {
  border: 0px solid red;
  padding: 29px 98px 0px 98px;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course a .course_icon {
    padding: 7px 10px 0px 10px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course a .course_icon {
    padding: 29px 0px 0px 0px;
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .course_item .course_item_content .course a .course_icon {
    padding: 16px 70px 0px 70px;
  }
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course a .course_icon svg {
    width: 40px;
    height: 60px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course a .course_icon svg {
    width: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .course_item .course_item_content .course a .course_icon svg {
    width: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_item .course_item_content .course a .course_icon svg {
    width: 80px;
  }
}

.course_item .course_item_content .course a .course_icon svg #icon_course {
  fill: #dc2626;
  transition-duration: 0.4s;
}

.course_item .course_item_content .course a .course_text_area {
  border: 0px solid red;
  padding-top: 16px;
  padding-bottom: 28px;
  text-align: center;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course a .course_text_area {
    padding-top: 0px;
    padding-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .course_item .course_item_content .course a .course_text_area {
    padding-top: 0px;
    padding-bottom: 16px;
  }
}

.course_item .course_item_content .course a .course_text_area .course_text {
  border: 0px solid red;
  font-size: 21px;
  line-height: 39px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .course_item .course_item_content .course a .course_text_area .course_text {
    font-size: 13px;
    line-height: 28px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .course_item .course_item_content .course a .course_text_area .course_text {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .course_item .course_item_content .course a .course_text_area .course_text {
    font-size: 18px;
    line-height: 28px;
  }
}

.course_item .course_item_content .course a:hover {
  background-color: #dc2626;
}

.course_item .course_item_content .course a:hover .course_icon #icon_course {
  fill: #ffffff;
}

.course_item .course_item_content .course a:hover .course_icon img {
  filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(253deg) brightness(179%) contrast(100%);
}

.course_item .course_item_content .course a:hover .course_text_area .course_text {
  color: #ffffff;
}

.our_course_area {
  border: 0px solid red;
  padding-bottom: 120px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area {
    padding-bottom: 60px;
  }
}

.our_course_area .our_course_area_content {
  border: 0px solid red;
  background-color: #f3f4f6;
  border-radius: 20px;
  padding-bottom: 49px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content {
    padding-bottom: 38px;
  }
}

.our_course_area .our_course_area_content .our_course_area_title {
  border: 0px solid red;
  text-align: center;
  padding: 48px 0px 58px 0px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_area_title {
    padding: 38px 0px 38px 0px;
  }
}

.our_course_area .our_course_area_content .our_course_area_title .area_title {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_area_title .area_title {
    font-size: 20px;
  }
}

.our_course_area .our_course_area_content .course_schedule_name {
  border: 0px solid red;
  padding-bottom: 32px;
}

.course_type_active {
  color: #dc2626 !important;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_area .our_course_area_content .course_schedule_name {
    justify-content: center;
    display: flex;
  }
}

.our_course_area .our_course_area_content .course_schedule_name ul {
  border: 0px solid red;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul {
    display: block;
    text-align: center;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul {
    gap: 10px;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul {
    justify-content: center;
  }
}

.our_course_area .our_course_area_content .course_schedule_name ul li {
  border: 0px solid red;
  margin-left: 64px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li {
    margin-left: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li {
    margin-left: 0px;
  }
}

.our_course_area .our_course_area_content .course_schedule_name ul li:first-child {
  margin-left: 31px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li:first-child {
    margin-left: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li:first-child {
    margin-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li:first-child {
    margin-left: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li:first-child {
    margin-left: 0px;
  }
}

.our_course_area .our_course_area_content .course_schedule_name ul li a {
  border: 0px solid red;
  font-size: 26px;
  line-height: 40px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
  position: relative;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li a {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li a {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li a {
    font-size: 20px;
  }
}

.our_course_area .our_course_area_content .course_schedule_name ul li a:hover {
  color: #dc2626;
}

.our_course_area .our_course_area_content .course_schedule_name ul li a:hover::before {
  background-color: #dc2626;
}

.our_course_area .our_course_area_content .course_schedule_name ul li a::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  top: 36px;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .course_schedule_name ul li a::before {
    top: 26px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card {
  display: grid;
  gap: 22px;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  margin: 0px 110px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card {
    display: block;
    margin: unset;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .our_course_all_card {
    display: block;
    margin: unset;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_area .our_course_area_content .our_course_all_card {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_area .our_course_area_content .our_course_all_card {
    grid-template-columns: 1fr 1fr;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card {
  border: 1px solid rgb(228, 227, 227);
  background-color: #ffffff;
  margin-bottom: 49px;
  border-radius: 8px 8px 0px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card {
    margin: 20px 10px 0px 12px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card {
    margin: 20px 10px 0px 12px;
    width: 350px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_title_area .card_title .title_text {
  color: #dc2626;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_title_area .amount_and_button_area .button_all {
  background-color: #dc2626;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_title_area .amount_and_button_area .button_all .btn-text {
  color: #ffffff;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_title_area .amount_and_button_area .button_all .btn_icon i {
  color: #ffffff;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card:hover .card_img_area .card_img img {
  transform: scale(0.9);
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area {
  border: 0px solid red;
  justify-content: center;
  display: flex;
  padding: 24px 72px;
  height: 250px;
  border-bottom: 2px solid #e0e0e0;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area {
    padding: unset;
    height: 190px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area .card_img {
  border: 0px solid red;
  width: 200px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area .card_img {
    width: 170px;
    align-content: center;
    display: grid;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_img_area .card_img img {
  border: 0px solid red;
  width: 100%;
  transition-duration: 0.4s;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area {
  padding-top: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .card_title {
  border: 0px solid red;
  padding-bottom: 14px;
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .card_title {
    margin: 0px 5px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .card_title .title_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .card_title .title_text {
    font-size: 18px;
    line-height: 28px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
  padding-bottom: 14px;
  margin-left: 19px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area {
    margin: 0px 5px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .day_area {
  border: 0px solid red;
  align-items: center;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  font-family: "Medium";
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .day_area .day_icon {
  border: 0px solid red;
  padding-right: 8px;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .day_area .day_icon img {
  border: 0px solid red;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .day_area .day_tex {
  border: 0px solid red;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .boking_area {
  border: 0px solid red;
  font-size: 12px;
  line-height: 15px;
  font-family: "Medium";
  border: 3px solid #dc2626;
  margin-right: 16px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding-top: 10px;
  text-align: center;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .day_and_boking_area .boking_area .boking_text {
  border: 0px solid red;
  display: block;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #fef2f2;
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area {
    text-align: center;
    margin: 0px 5px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount {
  border: 0px solid red;
  display: flex;
  align-items: center;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area {
  border: 0px solid red;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area .previous_amount {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  font-family: "SemiBold";
  color: #dc2626;
  padding-right: 6px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area .previous_amount {
    font-size: 13px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area .previous_amount .taka {
  border: 0px solid red;
  text-decoration: line-through;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area {
  border: 0px solid red;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area .current_amount {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area .current_amount {
    font-size: 16px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area .current_amount .taka {
  border: 0px solid red;
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all {
  font-size: 16px;
  line-height: 14px;
  font-family: "Medium";
  padding: 17px 25px;
  border-radius: 6px;
  border: 1px solid #dc2626;
  color: #dc2626;
  transition-duration: 0.7s;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all {
    margin: 10px 0px;
    padding: 10px 5px;
    width: 95px;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all .btn-text {
  border: 0px solid red;
  padding-right: 8px;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all .btn-text {
    font-size: 12px;
    display: unset;
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all .btn_icon {
  border: 0px solid red;
  animation: right_animation 2s linear infinite;
}

@keyframes right_animation {
  0% {
    transform: translate(0px);
  }

  50% {
    transform: translate(10px);
  }

  100% {
    transform: translate(0px);
  }
}

.our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all .btn_icon i {
  border: 0px solid red;
  font-size: 16px;
  color: #dc2626;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .our_course_area .our_course_area_content .our_course_all_card .c_card .card_title_area .amount_and_button_area .button_all .btn_icon i {
    font-size: 12px;
  }
}

.our_course_specialty {
  border: 0px solid red;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 230px;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_specialty {
    padding-bottom: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_specialty {
    padding-bottom: 120px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_specialty {
    padding-bottom: 100px;
  }
}

.our_course_specialty .our_course_specialty_area_content {
  border: 0px solid red;
}

.our_course_specialty .our_course_specialty_area_content .our_course_specialty_area_title {
  border: 0px solid red;
  text-align: center;
  padding-bottom: 72px;
}

.our_course_specialty .our_course_specialty_area_content .our_course_specialty_area_title .area_title {
  color: #ffffff;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .our_course_specialty_area_title .area_title {
    font-size: 20px;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area {
  border: 0px solid red;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area {
    display: block;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
  border: 0px solid red;
  text-align: center;
  align-items: center;
  background-color: #fef2f2;
  border-radius: 12px;
  display: grid;
  align-content: space-between;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
    margin-bottom: 15px;
    display: flex;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card {
    width: 295px;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
  border: 0px solid red;
  padding: 82px 120px;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
    padding: 12px 10px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
    padding: 28px 70px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
    padding: 40px 78px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area {
    padding: 50px 84px;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
  border: 0px solid red;
  width: 175px;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
    width: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
    width: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
    width: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img {
    width: 100px;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_img_area .card_img img {
  border: 0px solid red;
  width: 100%;
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text {
  border: 0px solid red;
  background-color: #ffffff;
  width: 100%;
  border-radius: 0px 0px 12px 12px;
  padding: 35px 0px 29px 0px;
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text {
    padding: 20px 0px 20px 0px;
    background-color: transparent;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
  border: 0px solid red;
  font-size: 26px;
  line-height: 39px;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
    font-size: 18px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .our_course_specialty .our_course_specialty_area_content .course_card_area .c_card .card_text p {
    font-size: 20px;
  }
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .card_4 {
  display: none;
}

.our_course_specialty .our_course_specialty_area_content .course_card_area .card_5 {
  display: none;
}

.earning_area {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .earning_area {
    padding-top: 60px;
  }
}

.earning_area .earning_area_content {
  border: 0px solid red;
  background-color: #f3f4f6;
  padding: 64px 0px;
  border-radius: 20px;
}

.earning_area .earning_area_content .earning_area_title {
  border: 0px solid red;
  text-align: center;
}

.earning_area .earning_area_content .earning_area_title .area_title {
  border: 0px solid red;
  color: #dc2626;
  padding-bottom: 12px;
}

.earning_area .earning_area_content .earning_area_sub_title {
  border: 0px solid red;
  text-align: center;
}

.earning_area .earning_area_content .earning_area_sub_title .sub_title {
  border: 0px solid red;
}

.earning_area .earning_area_content .earning_area_bottom {
  border: 0px solid red;
  justify-content: center;
  display: flex;
}

.earning_area .earning_area_content .earning_area_bottom ul {
  border: 0px solid red;
  display: flex;
  gap: 64px;
}

@media screen and (max-width: 575.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul {
    display: block;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul {
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul {
    gap: 20px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li {
  border: 0px solid red;
  text-align: center;
  position: relative;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li {
    width: 100%;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number {
  border: 0px solid red;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #dc2626;
  font-size: 26px;
  line-height: 26px;
  color: #ffffff;
  font-family: "Regular";
  justify-content: center;
  display: inline-flex;
  align-items: center;
  margin-top: 58px;
  margin-bottom: 16px;
  position: relative;
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number a {
  border: 2px solid #dc2626;
  color: #ffffff;
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area {
  border: 0px solid red;
  position: absolute;
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .right_arrow {
  border: 0px solid red;
  height: 2px;
  border: 0px;
  background-color: #fca5a5;
  position: relative;
}

@media screen and (max-width: 575.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .right_arrow {
    display: none;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .right_arrow i {
  border: 0px solid red;
  font-size: 18px;
  position: absolute;
  top: -7px;
  right: -3px;
  color: #fca5a5;
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_1 {
  width: 147px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_1 {
    width: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_1 {
    width: 75px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_1 {
    width: 125px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_2 {
  width: 256px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_2 {
    width: 66px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_2 {
    width: 155px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_2 {
    width: 212px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_3 {
  width: 220px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_3 {
    width: 68px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_3 {
    width: 130px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .right_arrow_area .arrow_3 {
    width: 190px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_1 {
  right: -159px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_1 {
    right: -72px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_1 {
    right: -90px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_1 {
    right: -136px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_2 {
  right: -268px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_2 {
    right: -78px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_2 {
    right: -174px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_2 {
    right: -224px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_3 {
  right: -232px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_3 {
    right: -78px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_3 {
    right: -147px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .step_number .arrow_area_3 {
    right: -199px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .bottom_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "Bold";
  color: #494949;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .bottom_text {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .bottom_text {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .earning_area .earning_area_content .earning_area_bottom ul li .bottom_text {
    font-size: 16px;
  }
}

.earning_area .earning_area_content .earning_area_bottom ul li .arrow {
  border: 0px solid red;
}

.earning_area .earning_area_content .earning_area_bottom ul li .arrow img {
  border: 0px solid red;
}

.student_success_history_area {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .student_success_history_area {
    padding-top: 60px;
  }
}

.student_success_history_area .student_success_history_content {
  border: 0px solid red;
}

.student_success_history_area .student_success_history_content .student_success_history_area_title {
  border: 0px solid red;
  padding-bottom: 24px;
  text-align: center;
}

.student_success_history_area .student_success_history_content .student_success_history_area_title .area_title {
  border: 0px solid red;
}

.student_success_history_area .student_success_history_content .student_success_history_area_sub_title {
  border: 0px solid red;
  padding-bottom: 65px;
  text-align: center;
}

.student_success_history_area .student_success_history_content .student_success_history_area_sub_title .sub_title {
  border: 0px solid red;
  display: block;
}

.student_success_history_area .student_success_history_content .student_success_video_area {
  border: 0px solid red;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  justify-content: center;
}

.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
  border: 0px solid red;
  position: relative;
  background-color: transparent;
  padding: 0px;
  position: relative;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
    width: 240px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
    width: 330px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
    width: 400px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area {
    width: 500px;
  }
}

.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .success_video_cover_photo {
  border: 0px solid red;
}

.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .success_video_cover_photo img {
  border: 0px solid red;
  width: 100%;
  border-radius: 23px;
}

.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
  border: 0px solid red;
  width: 130px;
  height: 130px;
  background-color: #dc2626;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  justify-content: center;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 70px;
    height: 70px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 75px;
    height: 75px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 85px;
    height: 85px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon {
    width: 90px;
    height: 90px;
  }
}

.student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon i {
  border: 0px solid red;
  font-size: 50px;
  color: #ffffff;
}

@media screen and (max-width: 575.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon i {
    font-size: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon i {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .student_success_history_area .student_success_history_content .student_success_video_area .success_video_area .video_button_icon i {
    font-size: 35px;
  }
}

.student_success_history_area .student_success_history_content .success_history_button_area {
  border: 0px solid red;
  text-align: center;
  padding-top: 78px;
}

@media screen and (max-width: 575.9px) {
  .student_success_history_area .student_success_history_content .success_history_button_area {
    padding-top: 40px;
  }
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all {
  padding: 12px 45px 11px 45px;
  transition-duration: 0.4s;
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all:hover .btn_text {
  color: #ffffff;
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all:hover .btn_icon i {
  color: #ffffff;
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all .btn_text {
  border: 0px solid red;
  transition-duration: 0.4s;
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all .btn_icon {
  border: 0px solid red;
  padding-left: 14px;
  animation: right_animation 2s linear infinite;
}

@keyframes right_animation {
  0% {
    transform: translate(0px);
  }

  50% {
    transform: translate(10px);
  }

  100% {
    transform: translate(0px);
  }
}

.student_success_history_area .student_success_history_content .success_history_button_area .button_all .btn_icon i {
  vertical-align: middle;
  transition-duration: 0.4s;
}

.profational_trainer_area {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .profational_trainer_area {
    padding-top: 60px;
  }
}

.profational_trainer_area .profational_trainer_area_content {
  border: 0px solid red;
}

.profational_trainer_area .profational_trainer_area_content .left_area {
  border: 0px solid red;
}

.profational_trainer_area .profational_trainer_area_content .left_area .trainer_img {
  border: 0px solid red;
  border-radius: 16px;
}

.profational_trainer_area .profational_trainer_area_content .left_area .trainer_img img {
  border: 0px solid red;
  border-radius: 16px;
  width: 100%;
}

.profational_trainer_area .profational_trainer_area_content .right_area {
  border: 0px solid red;
  align-items: center;
  display: flex;
  height: 100%;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content {
  border: 0px solid red;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title {
  border: 0px solid red;
  margin-top: 15px;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    font-size: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    font-size: 26px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_title .area_title {
    font-size: 37px;
  }
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title {
  border: 0px solid red;
  padding-top: 16px;
  padding-bottom: 56px;
}

@media screen and (max-width: 575.9px) {
  .profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title {
    padding-bottom: 30px;
  }
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title .sub_title {
  border: 0px solid red;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_area_sub_title .sub1 {
  padding-bottom: 28px;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area {
  border: 0px solid red;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all {
  transition-duration: 0.4s;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all:hover .btn_text {
  color: #ffffff;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all:hover .btn_icon i {
  color: #ffffff;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_text {
  border: 0px solid red;
  transition-duration: 0.4s;
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_icon {
  border: 0px solid red;
  padding-left: 14px;
  animation: right_animation 2s linear infinite;
}

@keyframes right_animation {
  0% {
    transform: translate(0px);
  }

  50% {
    transform: translate(10px);
  }

  100% {
    transform: translate(0px);
  }
}

.profational_trainer_area .profational_trainer_area_content .right_area .right_area_content .profational_trainer_button_area .button_all .btn_icon i {
  border: 0px solid red;
  vertical-align: middle;
  transition-duration: 0.4s;
}

.free_seminar_area {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area {
    padding-top: 60px;
  }
}

.free_seminar_area .free_seminar_area_content {
  border: 0px solid red;
  background-color: #f3f4f6;
  border-radius: 20px;
  padding: 64px 33px 64px 64px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content {
    padding: 64px 0px 64px 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content {
    padding: 64px 33px 33px 33px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area {
  border: 0px solid red;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_area_title {
  border: 0px solid red;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_area_title .area_title {
  border: 0px solid red;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .free_seminar_area_title .area_title {
    font-size: 30px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_area_sub_title {
  border: 0px solid red;
  padding-top: 16px;
  padding-bottom: 40px;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_area_sub_title .sub_title {
  border: 0px solid red;
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area {
  border: 1px solid #fecaca;
  display: flex;
  background-color: #ffffff;
  border-radius: 12px;
  align-items: center;
  margin-bottom: 32px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area {
    display: block;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .date {
  border: 0px solid red;
  text-align: center;
  padding: 10px 23px;
  background-color: #fecaca;
  border-radius: 12px 0px 0px 12px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .date {
    border-radius: 0px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .date {
    margin-bottom: 10px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .date .date_number {
  border: 0px solid red;
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-family: "SemiBold";
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .date .date_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  font-family: "Medium";
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .date .date_text {
    font-size: 12px;
    line-height: 16px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .data_science {
  border: 0px solid red;
  padding-left: 16px;
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .data_science .data_science_text_title {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  font-family: "SemiBold";
  display: block;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .data_science .data_science_text_title {
    margin-bottom: 10px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .data_science .data_science_text_sub_title {
  border: 0px solid red;
  font-size: 13px;
  line-height: 19px;
  font-family: "SemiBold";
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .data_science .data_science_text_sub_title .space_space {
  padding: 0px 5px;
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button {
  border: 0px solid red;
  flex: 1;
  justify-content: end;
  display: flex;
  margin-right: 8px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button {
    justify-content: center;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button {
    justify-content: center;
    margin-top: 10px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button .button_all {
  border: 1px solid #6b7280;
  font-size: 16px;
  line-height: 27px;
  font-family: "Medium";
  padding: 10px 27px;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button .button_all {
    padding: 5px 27px;
    margin-top: 10px;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button .button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button .button_all:hover .btn_text {
  color: #ffffff;
}

.free_seminar_area .free_seminar_area_content .left_area .date_line_area .join_button .button_all .btn_text {
  border: 0px solid red;
  transition-duration: 0.4s;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area {
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area {
    justify-content: center;
    display: flex;
  }
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all {
  font-size: 16px;
  line-height: 27px;
  font-family: "Medium";
  padding: 11px 20px 10px 20px;
  transition-duration: 0.4s;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all:hover {
  background-color: #dc2626;
  border: 1px solid transparent;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all:hover .btn_text {
  color: #ffffff;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all:hover .btn_icon i {
  color: #ffffff;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all .btn_icon {
  border: 0px solid red;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all .btn_icon i {
  border: 0px solid red;
  color: #101727;
  transition-duration: 0.4s;
}

.free_seminar_area .free_seminar_area_content .left_area .free_seminar_button_area .button_all .btn_text {
  border: 0px solid red;
  margin-left: 10px;
  transition-duration: 0.4s;
}

.free_seminar_area .free_seminar_area_content .right_area {
  border: 0px solid red;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: end;
}

.free_seminar_area .free_seminar_area_content .right_area .free_seminar_image {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image {
    width: 272px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image {
    width: 100%;
  }
}

.free_seminar_area .free_seminar_area_content .right_area .free_seminar_image img {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image img {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image img {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .free_seminar_area .free_seminar_area_content .right_area .free_seminar_image img {
    width: 100%;
  }
}

.job_career_area {
  border: 0px solid red;
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .job_career_area {
    margin-top: 60px;
  }
}

.job_career_area .job_career_area_content {
  border: 0px solid red;
}

.job_career_area .job_career_area_content .left_area {
  border: 0px solid red;
}

.job_career_area .job_career_area_content .left_area .job_career_area_title {
  border: 0px solid red;
  margin-bottom: 25px;
}

.job_career_area .job_career_area_content .left_area .job_career_area_title .area_title {
  border: 0px solid red;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_area_title .area_title {
    font-size: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_area_title .area_title {
    font-size: 29px;
  }
}

.job_career_area .job_career_area_content .left_area .job_career_image {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image {
    width: 272px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image {
    width: 454px;
  }
}

.job_career_area .job_career_area_content .left_area .job_career_image img {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image img {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .job_career_area .job_career_area_content .left_area .job_career_image img {
    width: 100%;
  }
}

.job_career_area .job_career_area_content .right_area {
  border: 0px solid red;
  background-color: #f3f4f6;
  border-radius: 12px;
  padding: 32px 24px;
}

@media screen and (max-width: 575.9px) {
  .job_career_area .job_career_area_content .right_area {
    padding: 32px 5px;
  }
}

.job_career_area .job_career_area_content .right_area .form_area {
  border: 0px solid red;
}

.job_career_area .job_career_area_content .right_area .form_area .form_area_sub_title {
  border: 0px solid red;
  margin-bottom: 12px;
}

.job_career_area .job_career_area_content .right_area .form_area .form_area_sub_title .sub_title {
  border: 0px solid red;
  font-family: "Medium";
  line-height: 24px;
  color: #1c1c1c;
}

.job_career_area .job_career_area_content .right_area .form_area form {
  border: 0px solid red;
}

.job_career_area .job_career_area_content .right_area .form_area form input {
  border: 0px solid red;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-family: "Medium";
  padding: 15px 0px 15px 16px;
  outline: 0;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 16px;
}

.job_career_area .job_career_area_content .right_area .form_area form textarea {
  border: 0px solid red;
  display: block;
  outline: 0;
  padding: 15px 0px 15px 16px;
  height: 100px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 24px;
}

.job_career_area .job_career_area_content .right_area .form_area form .button_all {
  width: 100%;
  transition-duration: 0.4s;
}

.job_career_area .job_career_area_content .right_area .form_area form .button_all i {
  border: 0px;
  font-size: 18px;
  margin-right: 5px;
}

.job_career_area .job_career_area_content .right_area .form_area form .button_all:hover {
  background-color: #dc2626;
  color: #ffffff;
  border: 1px solid #dc2626;
}

.my_it_service_area {
  border: 0px solid red;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 120px;
  padding-bottom: 80px;
}

@media screen and (max-width: 575.9px) {
  .my_it_service_area {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}

.my_it_service_area .my_it_service_area_content {
  border: 0px solid red;
}

.my_it_service_area .my_it_service_area_content .my_it_service_area_title {
  border: 0px solid red;
  text-align: center;
}

.my_it_service_area .my_it_service_area_content .my_it_service_area_title .area_title {
  border: 0px solid red;
  color: #ffffff;
  padding-top: 80px;
}

@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .my_it_service_area_title .area_title {
    padding-top: 40px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .my_it_service_area .my_it_service_area_content .my_it_service_area_title .area_title {
    font-size: 30px;
  }
}

.my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title {
  border: 0px solid red;
  text-align: center;
  margin: 4px 0px 48px 0px;
}

.my_it_service_area .my_it_service_area_content .my_it_service_area_sub_title .sub_title {
  border: 0px solid red;
  color: #e8e8e8;
}

.my_it_service_area .my_it_service_area_content .service_area {
  border: 0px solid red;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .service_area {
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .my_it_service_area .my_it_service_area_content .service_area {
    gap: 10px;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .my_it_service_area .my_it_service_area_content .service_area {
    gap: 40px;
    justify-content: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_it_service_area .my_it_service_area_content .service_area {
    justify-content: center;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .my_it_service_area .my_it_service_area_content .service_area {
    justify-content: center;
  }
}

.my_it_service_area .my_it_service_area_content .service_area .service {
  border: 0px solid red;
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: 250px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service {
    width: 300px;
  }
}

.my_it_service_area .my_it_service_area_content .service_area .service .service_logo {
  border: 0px solid red;
  text-align: center;
  height: 220px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 16px 16px 0px 0px;
}

@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service .service_logo img {
    width: 100px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service .service_logo img {
    width: 100px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service .service_logo img {
    width: 120px;
  }
}

.my_it_service_area .my_it_service_area_content .service_area .wordpress .service_logo {
  background-color: #e6f1f8;
}

.my_it_service_area .my_it_service_area_content .service_area .react .service_logo {
  background-color: #e6fbff;
}

.my_it_service_area .my_it_service_area_content .service_area .e_commers .service_logo {
  background-color: #fef2f2;
}

.my_it_service_area .my_it_service_area_content .service_area .psd .service_logo {
  background-color: #fef2f2;
}

.my_it_service_area .my_it_service_area_content .service_area .vue .service_logo {
  background-color: #ecf8f3;
}

.my_it_service_area .my_it_service_area_content .service_area .server .service_logo {
  background-color: #fef2f2;
}

.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description {
  border: 0px solid red;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 0px 16px 16px;
}

.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .title {
  border: 0px solid red;
}

.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .title .title_text {
  border: 0px solid red;
  font-size: 26px;
  line-height: 40px;
  font-family: "SemiBold";
  color: #1c1c1c;
  padding: 20px 0px 8px 0px;
}

@media screen and (max-width: 575.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .title .title_text {
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .title .title_text {
    font-size: 20px;
  }
}

.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .description {
  border: 0px solid red;
  padding-bottom: 8px;
}

.my_it_service_area .my_it_service_area_content .service_area .service_title_and_description .description .description_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  color: #494949;
}

.working_company_name_area {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .working_company_name_area {
    padding-top: 60px;
  }
}

.working_company_name_area .working_company_name_area_content {
  border: 0px solid red;
}

.working_company_name_area .working_company_name_area_content .working_company_name_area_title {
  border: 0px solid red;
  text-align: center;
  margin-bottom: 48px;
}

@media screen and (max-width: 575.9px) {
  .working_company_name_area .working_company_name_area_content .working_company_name_area_title {
    padding: 0px 10px;
  }
}

@media screen and (max-width: 575.9px) {
  .working_company_name_area .working_company_name_area_content .working_company_name_area_title .area_title {
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .working_company_name_area .working_company_name_area_content .working_company_name_area_title .area_title {
    font-size: 30px;
  }
}

.working_company_name_area .working_company_name_area_content .all_company_name {
  border: 0px solid red;
}

.working_company_name_area .working_company_name_area_content .all_company_name ul {
  border: 0px solid red;
  display: flex;
  justify-content: center;
  gap: 48px;
}

@media screen and (max-width: 575.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul {
    gap: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul {
    gap: 10px;
  }
}

.working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
  border: 0px solid red;
  width: 193px;
  height: 91px;
}

@media screen and (max-width: 575.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
    width: 100px;
    height: unset;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
    height: unset;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
    height: unset;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo {
    height: 0px;
  }
}

.working_company_name_area .working_company_name_area_content .all_company_name ul .company_logo a img {
  border: 0px solid red;
  width: 100%;
}

.course_and_payment_area {
  border: 0px solid red;
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area {
    margin-top: 60px;
  }
}

.course_and_payment_area .course_and_payment_area_content {
  border: 0px solid red;
  display: flex;
  gap: 60px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content {
    display: block;
  }
}

.course_and_payment_area .course_and_payment_area_content .course_area {
  border: 0px solid red;
  display: flex;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background-color: #f3f4f6;
  padding: 16px;
  width: 630px;
  height: 210px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .course_area {
    width: 100%;
    height: unset;
    display: block;
  }
}

.course_and_payment_area .course_and_payment_area_content .course_area:hover .course_image {
  transform: scale(0.9);
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_image {
  border: 0px solid red;
  width: 174px;
  height: 174px;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .course_area .course_image {
    width: unset;
  }
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_image img {
  border: 0px solid red;
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price {
  border: 0px solid red;
  align-items: center;
  display: grid;
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price {
    margin-left: 0px;
  }
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_title {
  border: 0px solid red;
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_title .title {
  border: 0px solid red;
  font-family: "SemiBold";
  font-size: 26px;
  line-height: 40px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_title .title {
    font-size: 20px;
    line-height: 28px;
  }
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_price {
  border: 0px solid red;
  margin-top: 16px;
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_price .old_price {
  border: 0px solid red;
  font-size: 20px;
  font-family: "Regular";
  color: #dc2626;
  text-decoration: line-through;
}

.course_and_payment_area .course_and_payment_area_content .course_area .course_title_and_price .course_price .update_price {
  border: 0px solid red;
  font-size: 26px;
  font-family: "SemiBold";
  color: #1c1c1c;
  margin-left: 10px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area {
  border: 0px solid red;
  width: 450px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .payment_form_area {
    width: 100%;
    margin-top: 40px;
  }
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form {
  border: 0px solid red;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area {
  border: 0px solid red;
  border: 2px solid #d2d2d2;
  border-radius: 6px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .form_content {
  border: 0px solid red;
  justify-content: space-between;
  display: flex;
  padding: 20px 0px;
  margin: 0 10px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .form_content label {
  border: 0px solid red;
  font-size: 16px;
  font-family: "Regular";
  align-items: center;
  display: flex;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .form_content label i {
  margin-right: 5px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .form_content input {
  border: 0px solid red;
  outline: 0;
  text-align: right;
  font-size: 16px;
  font-family: "Regular";
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .border_dash {
  border-bottom: 1px dashed #a4a4a4;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .border_solid {
  border-bottom: 1px solid #a4a4a4;
  margin: 0px;
  padding: 20px 10px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .border_solid input {
  border: 1px solid #a4a4a4;
  border-radius: 6px;
  width: 270px;
  height: 45px;
  padding: 0px 10px;
}

@media screen and (max-width: 575.9px) {
  .course_and_payment_area .course_and_payment_area_content .payment_form_area form .form_area .border_solid input {
    width: 107px;
  }
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .button_all {
  border: 0px solid red;
  border: 1px solid #101727;
  font-size: 18px;
  line-height: 18px;
  font-family: "SemiBold";
  width: 100%;
  transition-duration: 0.4s;
  margin-top: 20px;
  padding: 16px 0px;
}

.course_and_payment_area .course_and_payment_area_content .payment_form_area form .button_all:hover {
  background-color: #dc2626;
  border: 1px solid #dc2626;
  color: #ffffff;
}

.bank_name_area {
  border: 0px solid red;
  margin-top: 120px;
}

.bank_name_area .bank_name_area_content {
  border: 0px solid red;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content {
    display: block;
  }
}

.bank_name_area .bank_name_area_content .bank_name_area_title {
  border: 0px solid red;
  margin-right: 12px;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content .bank_name_area_title {
    margin-right: 0px;
  }
}

.bank_name_area .bank_name_area_content .bank_name_area_title .title {
  border: 0px solid red;
  font-size: 26px;
  line-height: 26px;
  font-family: "Medium";
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content .bank_name_area_title .title {
    text-align: center;
    margin-bottom: 30px;
  }
}

.bank_name_area .bank_name_area_content .bank_logo_area {
  border: 0px solid red;
  gap: 12px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content .bank_logo_area {
    display: block;
    text-align: center;
  }
}

.bank_name_area .bank_name_area_content .bank_logo_area .bank_logo {
  border: 0px solid red;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content .bank_logo_area .bank_logo {
    margin: 5px;
  }
}

.bank_name_area .bank_name_area_content .bank_logo_area .bank_logo span {
  border: 0px solid red;
}

.bank_name_area .bank_name_area_content .bank_logo_area .bank_logo span img {
  border: 0px solid red;
}

.bank_name_area .bank_name_area_content .ssl_area {
  border: 0px solid red;
  position: relative;
  margin-left: 12px;
  padding-left: 12px;
}

@media screen and (max-width: 575.9px) {
  .bank_name_area .bank_name_area_content .ssl_area {
    margin-top: 30px;
  }
}

.bank_name_area .bank_name_area_content .ssl_area::before {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #D2D2D2;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
}

.bank_name_area .bank_name_area_content .ssl_area .ssl_title {
  border: 0px solid red;
}

.bank_name_area .bank_name_area_content .ssl_area .ssl_title .title {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  font-family: "Medium";
  color: #777777;
}

.bank_name_area .bank_name_area_content .ssl_area .ssl_image {
  border: 0px solid red;
}

.bank_name_area .bank_name_area_content .ssl_area .ssl_image img {
  border: 0px solid red;
}

.free_seminar_area_copy {
  padding-bottom: 120px;
}

.free_seminar_area_copy .free_seminar_area_content_copy {
  width: 845px;
  padding: 0px;
  margin: auto;
  background-color: unset;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area_copy .free_seminar_area_content_copy {
    width: 100%;
  }
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy {
  margin-bottom: 15px;
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy {
    padding: 10px;
  }
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .date_copy {
  padding: 10px 30px;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .date_copy {
    border-radius: 0px;
  }
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .date_copy .date_number_copy {
  font-size: 32px;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .data_science_copy {
    padding-left: 0px;
  }
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .data_science_copy .data_science_text_title_copy {
  font-size: 20px;
  line-height: 30px;
  font-family: "Medium";
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .data_science_copy .data_science_text_sub_title_copy {
  font-size: 14px;
}

.free_seminar_area_copy .free_seminar_area_content_copy .left_area_copy .date_line_area_copy .join_button_copy .button_all_copy {
  padding: 10px 48px;
}

.our_course_area-copy {
  padding-bottom: 0px;
}

.contact_area {
  border: 0px solid red;
}

.contact_area .contact_area_content {
  border: 0px solid red;
}

.contact_area .contact_area_content .title {
  border: 0px solid red;
  text-align: center;
  width: 996px;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 60px;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .title {
    width: 100%;
    padding-top: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .contact_area .contact_area_content .title {
    width: 100%;
    padding-top: 60px;
  }
}

.contact_area .contact_area_content .title .contact_area_title {
  border: 0px solid red;
}

.contact_area .contact_area_content .title .contact_area_title .area_title {
  border: 0px solid red;
}

.contact_area .contact_area_content .title .contact_area_sub_title {
  border: 0px solid red;
}

.contact_area .contact_area_content .title .contact_area_sub_title .sub_title {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "Regular";
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .title .contact_area_sub_title .sub_title {
    font-size: 16px;
    line-height: 26px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area {
  border: 0px solid red;
  margin-bottom: 80px;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area {
    margin-bottom: 60px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area {
  border: 0px solid red;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area {
    margin-top: 25px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_title {
  border: 0px solid red;
  margin-bottom: 24px;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_title .title_text {
  border: 0px solid red;
  font-size: 32px;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_title .title_text {
    font-size: 24px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact {
  border: 0px solid red;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact {
    margin-bottom: 15px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .logo {
  border: 0px solid red;
  align-items: center;
  display: flex;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .logo i {
  border: 0px solid red;
  font-size: 24px;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .logo i {
    font-size: 18px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .phone {
  color: #1c1b1f;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .whatsapp {
  color: #25d366;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .telegram {
  color: #26a5e4;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .email {
  color: #1c1b1f;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .number {
  border: 0px solid red;
  padding-left: 6px;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .number .text {
  border: 0px solid red;
  font-size: 26px;
  line-height: 26px;
  font-family: "Regular";
  color: #494949;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .number .text {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .number .text {
    font-size: 20px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .contact_number_and_email_area li .contact .number .text:hover {
  color: #dc2626;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media_title {
  border: 0px solid red;
  padding: 30px 0px 24px 0px;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media_title .text {
  border: 0px solid red;
  font-size: 32px;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media_title .text {
    font-size: 24px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul {
  border: 0px solid red;
  display: flex;
  gap: 12px;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li a {
  width: 48px;
  height: 48px;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #d6d6d6;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li a {
    width: 38px;
    height: 38px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li a:hover {
  border: 1px solid #dc2626;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li a i {
  border: 0px solid red;
  font-size: 27px;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li .facebook {
  color: #16a6fb;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li .instagram {
  color: #0a58ca;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li .youtube {
  color: #ff0000;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li .linkedin-in {
  color: #2567b3;
}

.contact_area .contact_area_content .phone_number_and_form_area .left_area .social_media_area .social_media ul li .twitter {
  color: #28a7e8;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area {
  background-color: #ffffff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0px 0px 25px #a4a4a4;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .right_area {
    padding: 30px 7px;
    margin-top: 40px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area .contact_form_title {
  border: 0px solid red;
  margin-bottom: 40px;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area .contact_form_title .title_text {
  border: 0px solid red;
  font-size: 32px;
  font-family: "Medium";
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content .phone_number_and_form_area .right_area .contact_form_title .title_text {
    font-size: 24px;
  }
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area form {
  border: 0px solid red;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area form .form_item {
  border: 0px solid red;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  outline: 0;
  border: 1px solid #a4a4a4;
  font-size: 16px;
  line-height: 16px;
  font-family: "Medium";
  color: #494949;
  padding: 14px 12px;
  border-radius: 8px;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area form textarea {
  height: 100px;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area form .form_button {
  border: 0px solid red;
  padding: 18px 12px;
  border-radius: 8px;
  width: 100%;
  font-size: 18px;
  line-height: 18px;
  font-family: "SemiBold";
  color: #1c1c1c;
  background-color: transparent;
  border: 1px solid #a4a4a4;
  transition-duration: 0.4s;
}

.contact_area .contact_area_content .phone_number_and_form_area .right_area form .form_button:hover {
  background-color: #dc2626;
  color: #ffffff;
  border: 1px solid #dc2626;
}

@media screen and (max-width: 575.9px) {
  .contact_area .contact_area_content iframe {
    height: 200px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .contact_area .contact_area_content iframe {
    height: 350px;
  }
}

.general_question_area {
  border: 0px solid red;
  width: 846px;
  margin: auto;
  margin-top: 80px;
}

@media screen and (max-width: 575.9px) {
  .general_question_area {
    margin-top: 60px;
    width: 100%;
  }
}

.general_question_area .question_title {
  border: 0px solid red;
  margin-bottom: 40px;
}

.general_question_area .question_title .general_question_title {
  border: 0px solid red;
}

.general_question_area .question_title .general_question_title .text {
  border: 0px solid red;
  font-size: 32px;
  line-height: 32px;
  font-family: "Medium";
  color: #1c1c1c;
  margin-bottom: 10px;
}

@media screen and (max-width: 575.9px) {
  .general_question_area .question_title .general_question_title .text {
    font-size: 24px;
  }
}

.general_question_area .question_title .general_question_sub_title {
  border: 0px solid red;
}

.general_question_area .question_title .general_question_sub_title .sub_text {
  border: 0px solid red;
  font-size: 20px;
  font-family: "Regular";
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .general_question_area .question_title .general_question_sub_title .sub_text {
    font-size: 16px;
  }
}

.general_question_area .question_and_ans_area {
  border: 0px solid red;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 30px;
  padding-bottom: 0px;
}

.general_question_area .question_and_ans_area .question_area {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
  padding: 0px 15px;
  padding-bottom: 10px;
}

@media screen and (max-width: 575.9px) {
  .general_question_area .question_and_ans_area .question_area {
    padding: 0px 0px;
    margin-bottom: 12px;
  }
}

.general_question_area .question_and_ans_area .question_area .question {
  border: 0px solid red;
}

.general_question_area .question_and_ans_area .question_area .question .q_text {
  border: 0px solid red;
  font-size: 20px;
  font-family: "Medium";
  color: #494949;
}

.general_question_area .question_and_ans_area .question_area .question_icon {
  border: 0px solid red;
  align-items: center;
  display: flex;
}

.general_question_area .question_and_ans_area .question_area .question_icon i {
  border: 0px solid red;
  font-size: 20px;
  color: #494949;
}

.general_question_area .question_and_ans_area .ans_area {
  border: 0px solid red;
  background-color: #f3f4f6;
  padding: 15px;
  margin-top: 15px;
}

.general_question_area .question_and_ans_area .ans_area .a_text {
  border: 0px solid red;
  font-size: 16px;
  font-family: "Regular";
  color: #494949;
}

.science_and_technology {
  border: 0px solid red;
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology {
    margin-top: 60px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology {
    margin-top: 60px;
  }
}

.science_and_technology .science_and_technology_content {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 140px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_content {
    display: block;
    margin-bottom: 60px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .science_and_technology_content {
    display: block;
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .science_and_technology_content {
    display: block;
    margin-bottom: 60px;
  }
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area {
  border: 0px solid red;
  width: 561px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area {
    width: 100%;
    margin-bottom: 30px;
  }
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .title {
  border: 0px solid red;
  margin-bottom: 13px;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .title .text {
  border: 0px solid red;
  color: #1c1c1c;
  font-family: "Medium";
  font-size: 20px;
  line-height: 20px;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .content_text {
  border: 0px solid red;
  margin-bottom: 32px;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .content_text .text {
  border: 0px solid red;
  color: #1c1c1c;
  font-family: "SemiBold";
  font-size: 41px;
  line-height: 61px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .content_text .text {
    font-size: 25px;
    line-height: 35px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .content_text .text {
    font-size: 30px;
    line-height: 40px;
  }
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button {
  border: 0px solid red;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button::before {
  content: "";
  width: 2px;
  height: 144px;
  position: absolute;
  background-color: #d2d2d2;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .sub_content_text {
  border: 0px solid red;
  margin-bottom: 16px;
  margin-left: 40px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .sub_content_text {
    margin-left: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .sub_content_text {
    margin-left: 20px;
  }
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .sub_content_text .text {
  border: 0px solid red;
  color: #494949;
  font-family: "Regular";
  font-size: 16px;
  line-height: 24px;
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .button_all {
  border: 1px solid #6b7280;
  margin-left: 40px;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .button_all {
    margin: auto;
    justify-content: center;
    display: flex;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .button_all {
    margin-left: 0px;
  }
}

.science_and_technology .science_and_technology_content .science_and_technology_text_area .sub_content_text_and_button .button_all:hover {
  background-color: #dc2626;
  border-color: #dc2626;
  color: #ffffff;
}

.science_and_technology .science_and_technology_img_area {
  border: 0px solid red;
  width: 469px;
  position: relative;
  margin-right: 97px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_img_area {
    width: 100%;
    margin: auto;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .science_and_technology_img_area {
    width: 330px;
    margin: auto;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .science_and_technology_img_area {
    margin: auto;
  }
}

.science_and_technology .science_and_technology_img_area .blog_img {
  width: 100%;
  border-radius: 8px;
}

.science_and_technology .science_and_technology_img_area .color_image_left {
  border: 0px solid red;
  position: absolute;
  top: 0;
  left: -66px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_img_area .color_image_left {
    display: none;
  }
}

.science_and_technology .science_and_technology_img_area .color_image_right {
  border: 0px solid red;
  position: absolute;
  bottom: 0;
  right: -98px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .science_and_technology_img_area .color_image_right {
    display: none;
  }
}

.science_and_technology .blog_nav {
  border: 0px solid red;
  margin-bottom: 64px;
}

.science_and_technology .blog_nav ul {
  border: 0px solid red;
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .blog_nav ul {
    gap: 1px;
    flex-wrap: wrap;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .blog_nav ul {
    gap: 5px;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .blog_nav ul {
    gap: 5px;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .blog_nav ul {
    gap: 2px;
    flex-wrap: wrap;
  }
}

.science_and_technology .blog_nav ul li {
  border: 0px solid red;
}

.science_and_technology .blog_nav ul li a {
  border: 0px solid red;
  padding: 12px 24px;
  color: #1c1c1c;
  font-size: 16px;
  font-family: "Medium";
  line-height: 16px;
  border: 1px solid #6b7280;
  border-radius: 6px;
  transition-duration: 0.4s;
}

.science_and_technology .blog_nav ul li a:hover {
  color: #ffffff;
  background-color: #dc2626;
  border-color: #dc2626;
}

.science_and_technology .blog_list {
  border: 0px solid red;
  display: flex;
  flex-wrap: wrap;
  gap: 47px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .blog_list {
    justify-content: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .blog_list {
    gap: 30px;
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .blog_list {
    gap: 15px;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .blog_list {
    gap: 20px;
    justify-content: center;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .science_and_technology .blog_list {
    justify-content: center;
  }
}

.science_and_technology .blog_list .blog {
  border: 0px solid red;
  width: 400px;
  position: relative;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .blog_list .blog {
    width: 249px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .blog_list .blog {
    width: 330px;
  }
}

.science_and_technology .blog_list .blog .blog_image_and_image_button_area {
  border: 0px solid red;
  z-index: 99999;
  position: relative;
}

.science_and_technology .blog_list .blog .blog_image_and_image_button_area .blog_image {
  border: 0px solid red;
  height: 294px;
}

.science_and_technology .blog_list .blog .blog_image_and_image_button_area .blog_image img {
  border: 0px solid red;
  width: 100%;
  border-radius: 8px;
  height: 100%;
}

.science_and_technology .blog_list .blog .blog_image_and_image_button_area .img_button {
  border: 0px solid red;
  margin-top: 18px;
  position: absolute;
  top: 0;
  right: 0;
}

.science_and_technology .blog_list .blog .blog_image_and_image_button_area .img_button a {
  border: 0px solid red;
  font-size: 12px;
  line-height: 12px;
  font-family: "Medium";
  padding: 12px;
  color: #ffffff;
}

.science_and_technology .blog_list .blog .extra_rite_area {
  border: 0px solid red;
  position: absolute;
  top: 19px;
  right: -8px;
  z-index: 99;
}

.science_and_technology .blog_list .blog .extra_rite_area .img {
  border: 0px solid red;
}

.science_and_technology .blog_list .blog .blog_text_content {
  border: 0px solid red;
}

.science_and_technology .blog_list .blog .blog_text_content .day_and_time {
  border: 0px solid red;
  font-size: 16px;
  font-family: "Medium";
  line-height: 16px;
  color: #777777;
  margin: 16px 0px;
}

.science_and_technology .blog_list .blog .blog_text_content .day_and_time .day_text {
  border: 0px solid red;
}

.science_and_technology .blog_list .blog .blog_text_content .day_and_time .min_text {
  border: 0px solid red;
}

.science_and_technology .blog_list .blog .blog_text_content .text_title {
  border: 0px solid red;
  margin-bottom: 8px;
}

.science_and_technology .blog_list .blog .blog_text_content .text_title .title {
  border: 0px solid red;
  font-size: 26px;
  font-family: "SemiBold";
  line-height: 40px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .blog_list .blog .blog_text_content .text_title .title {
    font-size: 20px;
    line-height: 30px;
  }
}

.science_and_technology .blog_list .blog .blog_text_content .text_sub_title {
  border: 0px solid red;
}

.science_and_technology .blog_list .blog .blog_text_content .text_sub_title .sub_title {
  border: 0px solid red;
  font-size: 16px;
  font-family: "Regular";
  line-height: 24px;
  color: #494949;
}

.science_and_technology .next_page_button_area {
  border: 0px solid red;
  justify-content: center;
  display: flex;
  margin-top: 80px;
  margin-bottom: 120px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .next_page_button_area {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

.science_and_technology .next_page_button_area ul {
  border: 0px solid red;
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .next_page_button_area ul {
    gap: 2px;
  }
}

.science_and_technology .next_page_button_area ul li {
  border: 0px solid red;
  align-items: center;
  display: flex;
}

.science_and_technology .next_page_button_area ul li a {
  border: 0px solid red;
  font-size: 14px;
  line-height: 14px;
  font-family: "Medium";
  color: #1c1c1c;
  align-items: center;
  display: flex;
  border: 1px solid #6b7280;
  border-radius: 4px;
  transition-duration: 0.4s;
}

.science_and_technology .next_page_button_area ul li a:hover {
  color: #ffffff;
  background-color: #dc2626;
  border-color: #dc2626;
}

.science_and_technology .next_page_button_area ul li a .left_angle {
  border: 0px solid red;
  font-size: 16px;
  margin-right: 4px;
}

.science_and_technology .next_page_button_area ul li a .right_angle {
  border: 0px solid red;
  font-size: 16px;
  margin-left: 4px;
}

.science_and_technology .next_page_button_area ul li .title {
  padding: 8px 12px;
}

.science_and_technology .next_page_button_area ul li .count_number {
  width: 36px;
  height: 36px;
  justify-content: center;
}

.science_and_technology .subscribe_area {
  border: 0px solid red;
  background-color: #f3f4f6;
  width: 974px;
  margin: auto;
  border-radius: 12px;
  padding: 0px 40px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .subscribe_area {
    width: 100%;
    padding: 0px 10px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .subscribe_area {
    width: 100%;
    padding: 0px 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .subscribe_area {
    width: 100%;
    padding: 0px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .subscribe_area {
    width: 100%;
  }
}

.science_and_technology .subscribe_area .subscribe_area_title {
  border: 0px solid red;
  padding-top: 48px;
  margin-bottom: 12px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .subscribe_area .subscribe_area_title {
    padding-top: 30px;
  }
}

.science_and_technology .subscribe_area .subscribe_area_title .title {
  border: 0px solid red;
  font-size: 32px;
  line-height: 32px;
  font-family: "Medium";
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .subscribe_area .subscribe_area_title .title {
    font-size: 19px;
    line-height: 29px;
  }
}

.science_and_technology .subscribe_area .subscribe_area_sub_title {
  border: 0px solid red;
  margin-bottom: 32px;
}

.science_and_technology .subscribe_area .subscribe_area_sub_title .sub_title {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  font-family: "Regular";
  color: #494949;
}

.science_and_technology .subscribe_area form {
  border: 0px solid red;
  padding-bottom: 40px;
}

.science_and_technology .subscribe_area form .subscribe_form_area {
  border: 0px solid red;
}

.science_and_technology .subscribe_area form .subscribe_form_area input {
  border: 0px solid red;
  font-size: 18px;
  line-height: 18px;
  font-family: "SemiBold";
  color: #bdbdbd;
  padding: 6px 24px;
  border-radius: 8px;
  width: 717px;
  border: 1px solid #d1d5db;
  outline: 0;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area input {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area input {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area input {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area input {
    margin-bottom: 10px;
  }
}

.science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button {
  border: 0px solid red;
  font-size: 18px;
  line-height: 18px;
  font-family: "SemiBold";
  color: #bdbdbd;
  padding: 12px 24px;
  background-color: #ffffff;
  margin-left: 16px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button {
    margin-left: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button {
    margin-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button {
    margin-left: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button {
    margin-left: 0px;
  }
}

.science_and_technology .subscribe_area form .subscribe_form_area .subscribe_button:hover {
  background-color: #dc2626;
  color: #ffffff;
}

.science_and_technology_area {
  border: 0px solid red;
  padding: 100px 0px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology_area {
    padding: 60px 0px;
  }
}

.science_and_technology_area .science_and_technology_content {
  border: 0px solid red;
  width: 845px;
  margin: auto;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology_area .science_and_technology_content {
    width: 100%;
  }
}

.science_and_technology_area .science_and_technology_content .title_area {
  border: 0px solid red;
}

.science_and_technology_area .science_and_technology_content .title_area .title {
  border: 0px solid red;
}

.science_and_technology_area .science_and_technology_content .title_area .title .text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 20px;
  color: #494949;
  font-family: "Medium";
}

.science_and_technology_area .science_and_technology_content .title_area .content_text {
  border: 0px solid red;
  margin: 16px 0px 24px 0px;
}

.science_and_technology_area .science_and_technology_content .title_area .content_text .text {
  border: 0px solid red;
  font-size: 40px;
  line-height: 60px;
  color: #1c1c1c;
  font-family: "SemiBold";
}

@media screen and (max-width: 575.9px) {
  .science_and_technology_area .science_and_technology_content .title_area .content_text .text {
    font-size: 25px;
    line-height: 35px;
  }
}

.science_and_technology_area .science_and_technology_content .title_image {
  border: 0px solid red;
  width: 845px;
  padding-bottom: 8px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology_area .science_and_technology_content .title_image {
    width: 100%;
  }
}

.science_and_technology_area .science_and_technology_content .title_image img {
  border: 0px solid red;
  width: 100%;
  border-radius: 16px;
}

.science_and_technology_area .science_and_technology_content .section_area {
  border: 0px solid red;
  margin-top: 32px;
}

.science_and_technology_area .science_and_technology_content .section_area .title_area {
  border: 0px solid red;
}

.science_and_technology_area .science_and_technology_content .section_area .title_area .title_text {
  border: 0px solid red;
  font-size: 26px;
  line-height: 26px;
  color: #1c1c1c;
  font-family: "SemiBold";
}

.science_and_technology_area .science_and_technology_content .section_area .details_area {
  border: 0px solid red;
  margin-top: 12px;
}

.science_and_technology_area .science_and_technology_content .section_area .details_area .details_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  color: #494949;
  font-family: "Regular";
}

.science_and_technology_area .science_and_technology_content .section_area .details_area ul {
  border: 0px solid red;
  gap: 10px;
  display: grid;
  margin-left: 25px;
}

.science_and_technology_area .science_and_technology_content .section_area .details_area ul li {
  border: 0px solid red;
  list-style-type: disc;
  color: #494949;
}

.science_and_technology_area .science_and_technology_content .section_area .details_area ul li .details_text {
  border: 0px solid red;
}

.science_and_technology_area .science_and_technology_content .section_area .advantages_of_technology_image {
  border: 0px solid red;
  width: 735px;
  margin: 32px 0px 23px 0px;
}

@media screen and (max-width: 575.9px) {
  .science_and_technology_area .science_and_technology_content .section_area .advantages_of_technology_image {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .science_and_technology_area .science_and_technology_content .section_area .advantages_of_technology_image {
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .science_and_technology_area .science_and_technology_content .section_area .advantages_of_technology_image {
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}

.science_and_technology_area .science_and_technology_content .section_area .advantages_of_technology_image img {
  border: 0px solid red;
  width: 100%;
  border-radius: 16px;
}

.science_and_technology_area .science_and_technology_content .section_area .details_text {
  border: 0px solid red;
}

.blog_area {
  border: 0px solid red;
  background-color: #F3F4F6;
  margin: 0px;
  padding: 80px 0px 100px 0px;
}

@media screen and (max-width: 575.9px) {
  .blog_area {
    padding: 40px 0px 40px 0px;
  }
}

.blog_area .blog_area_title {
  border: 0px solid red;
  margin-bottom: 24px;
}

.blog_area .blog_area_title .title {
  border: 0px solid red;
  font-size: 40px;
  line-height: 40px;
  font-family: "SemiBold";
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .blog_area .blog_area_title .title {
    font-size: 27px;
    line-height: 37px;
  }
}

.subscribe_area_details {
  border: 0px solid red;
  margin-top: 100px;
}

.subscribe_area_details .subscribe_area {
  border: 0px solid red;
}

.my_tema_area {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .my_tema_area {
    margin-top: 40px;
  }
}

.orientation_class_area {
  margin-top: 80px;
}

@media screen and (max-width: 575.9px) {
  .orientation_class_area {
    margin-top: 50px;
  }
}

.farewell_area {
  margin-top: 80px;
}

.all_area {
  border: 0px solid red;
}

.all_area .gallery_area {
  border: 0px solid red;
}

.all_area .gallery_area .gallery_title {
  border: 0px solid red;
  margin-bottom: 32px;
  text-align: center;
}

.all_area .gallery_area .gallery_title .title {
  border: 0px solid red;
  font-size: 40px;
  line-height: 40px;
  color: #1c1c1c;
  font-family: "Bold";
}

@media screen and (max-width: 575.9px) {
  .all_area .gallery_area .gallery_title .title {
    font-size: 24px;
    line-height: 34px;
  }
}

.all_area .gallery_area .gallery_content {
  border: 0px solid red;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}

@media screen and (max-width: 575.9px) {
  .all_area .gallery_area .gallery_content {
    gap: 4px;
  }
}

.all_area .gallery_area .gallery_content .gallery_content_img {
  border: 0px solid red;
  max-width: 410px;
}

.all_area .gallery_area .gallery_content .gallery_content_img img {
  border: 0px solid red;
  width: 100%;
  border-radius: 16px;
}

@media screen and (max-width: 575.9px) {
  .all_area .gallery_area .gallery_content .gallery_content_img img {
    border-radius: 4px;
  }
}

.success_story_title {
  border: 0px solid red;
  text-align: center;
  margin: 100px 0px 80px 0px;
}

@media screen and (max-width: 575.9px) {
  .success_story_title {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.success_story_title .success_story_main_title {
  border: 0px solid red;
  margin-bottom: 24px;
}

.success_story_title .success_story_main_title .main_title {
  border: 0px solid red;
  font-size: 40px;
  line-height: 40px;
  color: #1c1c1c;
  font-family: "Bold";
}

@media screen and (max-width: 575.9px) {
  .success_story_title .success_story_main_title .main_title {
    font-size: 24px;
    line-height: 34px;
  }
}

.success_story_title .success_story_sub_title {
  border: 0px solid red;
  width: 550px;
  margin: auto;
}

@media screen and (max-width: 575.9px) {
  .success_story_title .success_story_sub_title {
    width: 100%;
  }
}

.success_story_title .success_story_sub_title .sub_title {
  border: 0px solid red;
}

.success_story_nav_area {
  border: 0px solid red;
  margin-bottom: 48px;
}

.success_story_nav_area .success_story_nav_content {
  border: 0px solid red;
  border-bottom: 1px solid #777777;
}

.success_story_nav_area .success_story_nav_content ul {
  border: 0px solid red;
  display: flex;
  margin-bottom: 8px;
}

@media screen and (max-width: 575.9px) {
  .success_story_nav_area .success_story_nav_content ul {
    display: block;
  }
}

.success_story_nav_area .success_story_nav_content ul li {
  border: 0px solid red;
  margin-right: 60px;
}

@media screen and (max-width: 575.9px) {
  .success_story_nav_area .success_story_nav_content ul li {
    margin-bottom: 10px;
  }
}

.success_story_nav_area .success_story_nav_content ul li a {
  border: 0px solid red;
  font-size: 26px;
  line-height: 26px;
  color: #494949;
  font-family: "SemiBold";
  transition-duration: 0.4s;
  position: relative;
}

@media screen and (max-width: 575.9px) {
  .success_story_nav_area .success_story_nav_content ul li a {
    font-size: 18px;
  }
}

.success_story_nav_area .success_story_nav_content ul li a:hover::after {
  background-color: #dc2626;
}

.success_story_nav_area .success_story_nav_content ul li a::after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: transparent;
  position: absolute;
  top: 33px;
  left: 0;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .success_story_nav_area .success_story_nav_content ul li a::after {
    height: 2px;
    top: 23px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content {
  border: 0px solid red;
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content {
    justify-content: center;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content {
    justify-content: center;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .content_area_video {
  border: 0px solid red;
  width: 626px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 23px;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content .content_area_video {
    width: 100%;
    height: 200px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .content_area_video .play_button {
  border: 0px solid red;
  height: 130px;
  width: 130px;
  background-color: #dc2626;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content .content_area_video .play_button {
    width: 65px;
    height: 65px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .content_area_video .play_button i {
  border: 0px solid red;
  color: #ffffff;
  font-size: 33px;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image {
  border: 0px solid red;
  background-color: transparent;
  display: flex;
  width: 626px;
  height: 400px;
  background-color: #f3f4f6;
  border-radius: 20px;
  padding: 32px 33px;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image {
    display: block;
    height: unset;
    padding: 20px 7px;
    border-radius: 3px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area {
  border: 0px solid red;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area .imagee_content {
  border: 0px solid red;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area .imagee_content img {
  border: 0px solid red;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area .name_and_profation {
  border: 0px solid red;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area .name_and_profation .name_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 20px;
  color: #1c1c1c;
  font-family: "Bold";
  margin: 24px 0px 12px 0px;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .imagee_area .name_and_profation .profation_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  color: #494949;
  font-family: "Regular";
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area {
  border: 0px solid red;
  margin-left: 40px;
}

@media screen and (max-width: 575.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area {
    margin-left: 0px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area .discription_title_area {
  border: 0px solid red;
  text-align: start;
  margin-bottom: 16px;
}

@media screen and (max-width: 575.9px) {
  .success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area .discription_title_area {
    margin-top: 16px;
  }
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area .discription_title_area .discription_title {
  border: 0px solid red;
  font-size: 20px;
  color: #1c1c1c;
  font-family: "SemiBold";
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area .discription_text_area {
  border: 0px solid red;
  text-align: start;
}

.success_story_video_and_image_area .success_story_video_and_image_content .contentt_area_image .text_discription_area .discription_text_area .discription_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 26px;
  color: #494949;
  font-family: "Regular";
}

.footer_area_start {
  border: 0px solid red;
  padding-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .footer_area_start {
    padding-top: 60px;
  }
}

.footer_area_start .footer_area_content {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_colum {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_logo_area {
  border: 0px solid red;
  margin-bottom: 24px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_logo_area a {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_logo_area a img {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_title {
  border: 0px solid red;
  margin-bottom: 12px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_title .title_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "Medium";
  color: #1c1c1c;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact {
  border: 0px solid red;
  display: flex;
  margin-bottom: 12px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact:hover .number .text {
  color: #dc2626;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .logo {
  border: 0px solid red;
  width: 24px;
  align-items: center;
  display: flex;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .logo i {
  border: 0px solid red;
  font-size: 20px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .phone i {
  color: #1c1b1f;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .whatsapp i {
  color: #25d366;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .telegram i {
  color: #26a5e4;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .email i {
  color: #1c1b1f;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .number {
  border: 0px solid red;
  padding-left: 6px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .contact_number_and_email_area li .contact .number .text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  color: #777777;
  transition-duration: 0.4s;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area {
  border: 0px solid red;
  margin-top: 12px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media_title {
  border: 0px solid red;
  margin-bottom: 12px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media_title .text {
  border: 0px solid red;
  font-size: 14px;
  line-height: 22px;
  font-family: "Regular";
  color: black;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul {
  border: 0px solid red;
  display: flex;
  gap: 12px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a {
  border: 0px solid red;
  width: 48px;
  height: 48px;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #d6d6d6;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a {
    width: 42px;
    height: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a {
    width: 40px;
    height: 40px;
  }
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a:hover {
  border: 1px solid #dc2626;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li a i {
  border: 0px solid red;
  font-size: 27px;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li .facebook {
  color: #16a6fb;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li .youtube {
  color: #ff0000;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li .linkedin-in {
  color: #2567b3;
}

.footer_area_start .footer_area_content .footer_logo_and_contact_area .footer_contact_area .social_media_area .social_media ul li .twitter {
  color: #28a7e8;
}

.footer_area_start .footer_area_content .footer_blog_area {
  border: 0px solid red;
  padding-top: 20px;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .quick_and_importent_link_title {
  border: 0px solid red;
  margin-bottom: 12px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .quick_and_importent_link_title {
    margin-top: 20px;
  }
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .quick_and_importent_link_title .logo {
  border: 0px solid red;
  align-items: center;
  display: flex;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .quick_and_importent_link_title .logo i {
  border: 0px solid red;
  font-size: 20px;
  color: #dc2626;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .quick_and_importent_link_title .title_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "Medium";
  color: #1c1c1c;
  margin-left: 8px;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a {
  border: 0px solid red;
  display: flex;
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  margin-bottom: 12px;
  transition-duration: 0.4s;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a:hover .text {
  color: #dc2626;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a:hover .icon i {
  visibility: visible;
  opacity: 1;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a .text {
  border: 0px solid red;
  color: #777777;
  transition-duration: 0.4s;
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a .icon {
  border: 0px solid red;
  align-items: center;
  padding-left: 10px;
  animation: right_animation 2s linear infinite;
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a .icon {
    justify-content: center;
    display: flex;
  }
}

@keyframes right_animation {
  0% {
    transform: translate(0px);
  }

  50% {
    transform: translate(10px);
  }

  100% {
    transform: translate(0px);
  }
}

.footer_area_start .footer_area_content .footer_blog_area .blog_title_and-item_area .blog_item li a .icon i {
  border: 0px solid red;
  font-size: 14px;
  color: #dc2626;
  transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
}

.footer_area_start .footer_area_content .footer_address_area {
  border: 0px solid red;
  padding-top: 20px;
}

.footer_area_start .footer_area_content .footer_address_area .address_title_area {
  border: 0px solid red;
  display: flex;
}

.footer_area_start .footer_area_content .footer_address_area .address_title_area .logo {
  border: 0px solid red;
  padding-top: 3px;
}

.footer_area_start .footer_area_content .footer_address_area .address_title_area .logo i {
  border: 0px solid red;
  color: #dc2626;
  font-size: 20px;
}

.footer_area_start .footer_area_content .footer_address_area .address_title_area .title {
  border: 0px solid red;
  margin-left: 8px;
}

.footer_area_start .footer_area_content .footer_address_area .address_title_area .title .text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "Medium";
  color: #1c1c1c;
}

.footer_area_start .footer_area_content .footer_address_area .address {
  border: 0px solid red;
  margin: 8px 0px 12px 0px;
}

.footer_area_start .footer_area_content .footer_address_area .address .text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  color: #777777;
}

.footer_area_start .footer_area_content .footer_address_area .map_area {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_address_area .map_area .map_title {
  border: 0px solid red;
  margin-bottom: 4px;
}

.footer_area_start .footer_area_content .footer_address_area .map_area .map_title .text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 24px;
  font-family: "Medium";
  color: #777777;
}

.footer_area_start .footer_area_content .footer_address_area .map_area .full_map {
  border: 0px solid red;
}

.footer_area_start .footer_area_content .footer_address_area .map_area .full_map iframe {
  border: 0px solid red;
  width: 100%!important;
  height: 200px!important;
}

.footer_area_start .footer_copyright_area {
  border: 0px solid red;
  padding: 40px 0px 12px 0px;
  text-align: center;
}

.footer_area_start .footer_copyright_area .text {
  border: 0px solid red;
  font-size: 14px;
  line-height: 22px;
  font-family: "Regular";
  color: #777777;
}

.chating_and_go_to_top_area {
  border: 0px solid red;
  position: fixed;
  right: 37px;
  bottom: 77px;
  overflow: hidden;
}

@media screen and (max-width: 575.9px) {
  .chating_and_go_to_top_area {
    right: 10px;
    bottom: 30px;
  }
}

.chating_and_go_to_top_area .chating_area {
  border: 0px solid red;
  display: inline-flex;
  background-color: #dc2626;
  width: 40px;
  height: 40px;
  border-radius: 28px;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  cursor: pointer;
  transition-duration: 0.4s;
}

.chating_and_go_to_top_area .chating_area:hover {
  width: 109px;
}

.chating_and_go_to_top_area .chating_area:hover .logo_and_text .logo {
  padding-left: 10px;
}

.chating_and_go_to_top_area .chating_area:hover .logo_and_text .text {
  visibility: visible;
  opacity: 1;
}

.chating_and_go_to_top_area .chating_area .logo_and_text {
  border: 0px solid red;
  display: flex;
  position: absolute;
  left: 10px;
  top: 9px;
}

.chating_and_go_to_top_area .chating_area .logo_and_text .logo {
  border: 0px solid red;
  transition-duration: 0.4s;
}

.chating_and_go_to_top_area .chating_area .logo_and_text .logo i {
  border: 0px solid red;
  color: #ffffff;
  font-size: 20px;
}

.chating_and_go_to_top_area .chating_area .logo_and_text .text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 24px;
  font-family: "Medium";
  color: #ffffff;
  margin-left: 6px;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.4s;
}

.chating_and_go_to_top_area .go_to_top_area {
  border: 0px solid red;
  margin-top: 16px;
  text-align: end;
}

@media screen and (max-width: 575.9px) {
  .chating_and_go_to_top_area .go_to_top_area {
    margin-top: 5px;
  }
}

.chating_and_go_to_top_area .go_to_top_area .logo {
  border: 0px solid red;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border: 1px solid #dc2626;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  transition-duration: 0.4s;
}

.chating_and_go_to_top_area .go_to_top_area .logo:hover {
  background-color: #dc2626;
}

.chating_and_go_to_top_area .go_to_top_area .logo:hover i {
  color: #ffffff;
}

.chating_and_go_to_top_area .go_to_top_area .logo i {
  border: 0px solid red;
  font-size: 16px;
  color: #dc2626;
  transition-duration: 0.4s;
}

.aboutus_part .aboutus_title {
  margin-top: 80px;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_title {
    margin-top: 40px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_title {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .aboutus_part .aboutus_title {
    margin-top: 60px;
  }
}

.aboutus_part .aboutus_title .aboutus_title_bangla {
  font-size: 41px;
  font-weight: 700;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_title .aboutus_title_bangla {
    font-size: 18px;
    margin-top: 5px;
    line-height: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_title .aboutus_title_bangla {
    font-size: 41px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .aboutus_part .aboutus_title .aboutus_title_bangla {
    font-size: 38px;
  }
}

.aboutus_part .aboutus_relation_description {
  width: 1063px;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_relation_description {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_relation_description {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .aboutus_part .aboutus_relation_description {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .aboutus_part .aboutus_relation_description {
    width: 100%;
  }
}

.aboutus_part .aboutus_relation_description .aboutus_info {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: #494949;
}

.aboutus_part .aboutus_relation_description .aboutus_info:last-child {
  margin-top: 20px;
}

.aboutus_part .aboutus_partner {
  margin-top: 64px;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_partner {
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_title {
    text-align: center;
  }
}

.aboutus_part .aboutus_partner .aboutus_partner_title .aboutus_partner_title_text {
  font-weight: 600px;
  font-size: 32px;
  line-height: 48px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_title .aboutus_partner_title_text {
    font-size: 21px;
    line-height: 150%;
    text-align: center;
  }
}

.aboutus_part .aboutus_partner .aboutus_partner_items_container .items {
  margin-top: 42px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items {
    margin-top: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}

.aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item {
  margin-right: 48px;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item {
    margin-right: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item {
    margin-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item {
    margin-right: 0px;
  }
}

.aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item img {
  width: 120px;
  object-fit: contain;
  object-position: left;
}

@media screen and (max-width: 575.9px) {
  .aboutus_part .aboutus_partner .aboutus_partner_items_container .items .item img {
    width: 70%;
    height: 30px;
  }
}

.motivation_part {
  margin-top: 150px;
}

@media screen and (max-width: 575.9px) {
  .motivation_part {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .motivation_part {
    margin-top: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .motivation_part {
    margin-top: 120px;
  }
}

.motivation_part .motivation_title {
  text-align: center;
}

.motivation_part .motivation_title h2 {
  margin: 0;
  padding: 0;
}

.motivation_part .motivation_title .motivation_title_bangla {
  font-size: 41px;
  font-weight: 700;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .motivation_part .motivation_title .motivation_title_bangla {
    font-size: 20px;
  }
}

.motivation_part .motivation_title .motivation_title_english {
  font-size: 41px;
  font-weight: 500;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .motivation_part .motivation_title .motivation_title_english {
    font-size: 18px;
    line-height: 150%;
  }
}

.mission_part {
  margin-top: 155px;
}

@media screen and (max-width: 575.9px) {
  .mission_part {
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .mission_part {
    margin-top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .mission_part {
    margin-top: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .mission_part {
    margin-top: 110px;
  }
}

.mission_part .mission_part_details {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .mission_part .mission_part_details {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .mission_part .mission_part_details {
    flex-wrap: wrap;
  }
}

.mission_part .mission_part_details .mission_part_image {
  margin-right: 200px;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_image {
    margin-right: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .mission_part .mission_part_details .mission_part_image {
    margin-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .mission_part .mission_part_details .mission_part_image {
    margin-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .mission_part .mission_part_details .mission_part_image {
    margin-right: 100px;
  }
}

.mission_part .mission_part_details .mission_part_image img {
  width: 409px;
  height: 367px;
  object-fit: contain;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_image img {
    width: 100%;
    padding: 30px 30px;
    height: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .mission_part .mission_part_details .mission_part_image img {
    width: 100%;
    padding: 20px;
  }
}

.mission_part .mission_part_details .mission_part_description {
  width: 495px;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_description {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .mission_part .mission_part_details .mission_part_description {
    margin-top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .mission_part .mission_part_details .mission_part_description {
    margin-top: 60px;
    width: 100%;
  }
}

.mission_part .mission_part_details .mission_part_description .mission_part_title {
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_description .mission_part_title {
    margin-bottom: 10px;
  }
}

.mission_part .mission_part_details .mission_part_description .mission_part_title .mission_title_bangla {
  font-size: 41px;
  font-weight: 700;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_description .mission_part_title .mission_title_bangla {
    font-size: 20px;
    line-height: 150%;
  }
}

.mission_part .mission_part_details .mission_part_description .mission_part_info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .mission_part .mission_part_details .mission_part_description .mission_part_info p {
    font-size: 14px;
  }
}

.mission_part .mission_part_details .mission_part_description .mission_part_info p:last-child {
  margin-top: 20px;
}

.vision_part {
  margin-top: 150px;
  margin-bottom: 50px;
}

@media screen and (max-width: 575.9px) {
  .vision_part {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .vision_part {
    margin-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .vision_part {
    margin-top: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .vision_part {
    margin-top: 80px;
    margin-bottom: 0px;
  }
}

.vision_part .vision_part_details {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .vision_part .vision_part_details {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .vision_part .vision_part_details {
    flex-wrap: wrap;
  }
}

.vision_part .vision_part_details .vision_part_image {
  margin-left: 200px;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_image {
    margin-left: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .vision_part .vision_part_details .vision_part_image {
    margin-left: 0px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .vision_part .vision_part_details .vision_part_image {
    margin-left: 0px;
    width: 100%;
    margin-top: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .vision_part .vision_part_details .vision_part_image {
    margin-left: 0px;
  }
}

.vision_part .vision_part_details .vision_part_image img {
  width: 596px;
  height: 367px;
  object-fit: contain;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_image img {
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-bottom: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .vision_part .vision_part_details .vision_part_image img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .vision_part .vision_part_details .vision_part_image img {
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
  }
}

.vision_part .vision_part_details .vision_part_description {
  width: 495px;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_description {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .vision_part .vision_part_details .vision_part_description {
    width: 100%;
  }
}

.vision_part .vision_part_details .vision_part_description .vision_part_title {
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_description .vision_part_title {
    margin-bottom: 10px;
  }
}

.vision_part .vision_part_details .vision_part_description .vision_part_title .vision_title_bangla {
  font-size: 41px;
  font-weight: 700;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_description .vision_part_title .vision_title_bangla {
    font-size: 20px;
    line-height: 150%;
  }
}

.vision_part .vision_part_details .vision_part_description .vision_part_info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .vision_part .vision_part_details .vision_part_description .vision_part_info p {
    font-size: 14px;
  }
}

.vision_part .vision_part_details .vision_part_description .vision_part_info p:last-child {
  margin-top: 20px;
}

.course_item .training_details {
  margin-bottom: 64px;
}

.course_item .training_details .training_title {
  text-align: center;
}

.course_item .training_details .training_title .training_title_bangla {
  font-weight: 700;
  font-size: 41px;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .course_item .training_details .training_title .training_title_bangla {
    font-size: 20px;
    line-height: 150%;
  }
}

.course_item .training_details .training_title p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 25.6px;
}

@media screen and (max-width: 575.9px) {
  .course_item .training_details .training_title p {
    font-size: 14px;
  }
}

.team_area {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .team_area {
    margin-top: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .team_area {
    margin-top: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .team_area {
    margin-top: 80px;
  }
}

.team_area .team_area_details {
  margin-bottom: 64px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.team_area .team_area_details .team_area_title {
  margin-bottom: 64px;
  width: 981px;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_title {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .team_area .team_area_details .team_area_title {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .team_area .team_area_details .team_area_title {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .team_area .team_area_details .team_area_title {
    width: 80%;
    margin-bottom: 50px;
  }
}

.team_area .team_area_details .team_area_title .team_area_title_bangla {
  font-weight: 700;
  font-size: 41px;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_title .team_area_title_bangla {
    font-size: 20px;
    line-height: 150%;
  }
}

.team_area .team_area_details .team_area_title p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 25.6px;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_title p {
    font-size: 14px;
  }
}

.team_area .team_area_details .team_area_carousel {
  text-align: center;
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .team_area .team_area_details .team_area_carousel {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .team_area .team_area_details .team_area_carousel {
    width: 100%;
  }
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image {
    width: 100%;
  }
}

.team_area .team_area_details .team_area_carousel .carousel_image img {
  width: 1062px;
  height: 657px;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 100%;
    height: 130px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_image img {
    width: 80%;
  }
}

.team_area .team_area_details .team_area_carousel .carousel_images {
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_images {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_images {
    display: flex;
    flex-wrap: wrap;
  }
}

.team_area .team_area_details .team_area_carousel .carousel_images .single_image {
  border-radius: 8px;
  margin-top: 24px;
  margin-right: 16px;
}

.team_area .team_area_details .team_area_carousel .carousel_images .single_image:last-child {
  margin-right: 0px;
}

@media screen and (max-width: 575.9px) {
  .team_area .team_area_details .team_area_carousel .carousel_images .single_image:last-child {
    margin-right: 16px;
  }
}

.trainers_area .trainers_description .trainers_title {
  margin-bottom: 47px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_title {
    margin-bottom: 20px;
  }
}

.trainers_area .trainers_description .trainers_title .trainers_title_bangla {
  text-align: center;
  font-weight: 700;
  font-size: 41px;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_title .trainers_title_bangla {
    font-size: 20px;
    line-height: 160%;
  }
}

.trainers_area .trainers_description .trainers_details {
  display: flex;
  gap: 40px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .trainers_area .trainers_description .trainers_details {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .trainers_area .trainers_description .trainers_details {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .trainers_area .trainers_description .trainers_details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details {
  width: 411px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details {
    margin-bottom: 20px;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images {
  display: flex;
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
  width: 139px;
  height: 139px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
    width: 100%;
    height: 90%;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info {
  margin-left: 16px;
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_name {
  font-size: 20px;
  line-height: 30px;
  margin-top: 14px;
  font-weight: 700;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_name {
    margin-top: 0px;
    font-size: 18px;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info p {
  font-size: 16px;
  line-height: 25.6px;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info p {
    font-size: 14px;
    line-height: 150%;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  border-radius: 4px;
  margin-right: 16px;
  margin-top: 16px;
  color: rgb(73, 73, 241);
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i {
    font-size: 20px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
  }
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i:last-child {
  margin-right: 0px;
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.tw {
  color: rgb(121, 121, 248);
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.fb {
  color: rgb(84, 84, 250);
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.ld {
  color: rgb(40, 40, 240);
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.in {
  color: rgb(253, 85, 24);
}

.trainers_area .trainers_description .trainers_details .trainer_details .trainer_descrip p {
  margin-top: 23px;
}

@media screen and (max-width: 575.9px) {
  .trainers_area .trainers_description .trainers_details .trainer_details .trainer_descrip p {
    font-size: 14px;
  }
}

.hire_area .hire_details {
  margin-bottom: 64px;
  margin-top: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  .hire_area .hire_details {
    margin-bottom: 0px;
    margin-top: 80px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .hire_area .hire_details {
    margin-bottom: 0px;
    margin-top: 80px;
  }
}

.hire_area .hire_details .hire_title {
  text-align: center;
}

.hire_area .hire_details .hire_title .hire_title_bangla {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_title .hire_title_bangla {
    font-size: 18px;
    line-height: 32px;
  }
}

.hire_area .hire_details .hire_title p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_title p {
    font-size: 14px;
  }
}

.hire_area .hire_details .hire_btn {
  background-color: #dc2626;
  display: flex;
  padding: 12px 54px 11px 54px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: white;
  font-size: 18px;
  margin-top: 32px;
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_btn {
    margin-top: 20px;
    padding: 8px 24px 7px 24px;
  }
}

.our_course_area_copy {
  margin-top: 120px;
  gap: 22px;
  padding-bottom: 0px;
}

@media screen and (max-width: 575.9px) {
  .our_course_area_copy {
    margin-top: 40px;
  }
}

.our_course_area_copy .our_course_area_content_copy .our_course_all_card_copy .c_card_copy {
  margin-bottom: 0px;
}

.course_details_area .course_details_part {
  display: flex;
  margin-top: 80px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part {
    flex-direction: column;
    margin-top: 40px;
  }
}

.course_details_area .course_details_part .course_details {
  flex: 1;
  margin-right: 18px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details {
    order: 2;
    margin-right: 10px;
  }
}

.course_details_area .course_details_part .course_details .course_title .course_title_text {
  font-weight: 700;
  font-size: 41px;
  line-height: 61.5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_title .course_title_text {
    font-size: 18px;
    margin-top: 40px;
    line-height: 30px;
  }
}

.course_details_area .course_details_part .course_details .what_is_course .what_is_course_title {
  font-size: 26px;
  line-height: 39px;
  font-weight: 600;
  margin-top: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .what_is_course .what_is_course_title {
    font-size: 16px;
    line-height: 29px;
  }
}

.course_details_area .course_details_part .course_details .what_is_course .what_is_course_details {
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  margin-top: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .what_is_course .what_is_course_details {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_details .why_learn_this_course .why_learn_this_course_title {
  font-size: 26px;
  line-height: 39px;
  font-weight: 600;
  margin-top: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .why_learn_this_course .why_learn_this_course_title {
    font-size: 16px;
    line-height: 29px;
  }
}

.course_details_area .course_details_part .course_details .why_learn_this_course .why_learn_this_course_details {
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  margin-top: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .why_learn_this_course .why_learn_this_course_details {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing {
  margin-top: 34px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing {
    flex-direction: column;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition {
  flex: 1;
  background-color: #f3f4f6;
  border-radius: 8px;
  margin-right: 22px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition {
    width: 100%;
    margin-right: 10px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_possition_title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 24px;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_possition_title {
    margin-left: 10px;
    font-size: 18px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories {
  margin-top: 18px;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories {
    margin-left: 10px;
    margin-top: 10px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie {
    margin-bottom: 8px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie .job_categorie_icon {
  margin-right: 6px;
  color: #27ae60;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie .job_categorie_icon {
    font-size: small;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie .job_categorie_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .job_possition .job_categories .job_categorie .job_categorie_title {
    font-size: 15px;
    line-height: 100%;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project {
  flex: 1;
  background-color: #f3f4f6;
  border-radius: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project {
    width: 100%;
    margin-top: 20px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_project_title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 24px;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_project_title {
    margin-left: 15px;
    font-size: 18px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories {
  margin-top: 18px;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories {
    margin-left: 15px;
    margin-top: 10px;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie {
  margin-bottom: 16px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie {
    margin-bottom: 10px;
    align-items: center;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie .freelancing_categorie_icon {
  margin-right: 6px;
  color: #27ae60;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie .freelancing_categorie_icon {
    font-size: small;
  }
}

.course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie .freelancing_categorie_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .job_possition_and_freelancing .freelancing_project .freelancing_categories .freelancing_categorie .freelancing_categorie_title {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_details .course_feature_part {
  margin-top: 48px;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features {
  border-radius: 8px;
  border: 1px solid #d2d2d2;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0px;
  margin: 0px 24px;
  border-bottom: 1px solid rgb(217, 214, 214);
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_title {
    padding: 10px 0px;
    margin: 0px 10px;
    border-bottom: 1px solid rgb(217, 214, 214);
  }
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_title .feature_name {
  color: #1c1c1c;
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_title .feature_name {
    font-size: 18px;
  }
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li.active .feature_title {
  border-bottom: 0;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li.active .feature_title .feature_acordion_icon i {
  color: red;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li.active .feature_title .feature_acordion_icon i::before {
  content: "\f106";
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li.active .feature_content {
  display: block;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content {
  display: none;
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul {
  margin-left: 24px;
  column-count: 2;
  width: 450px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul {
    column-count: 1;
    margin-left: 15px;
    width: 100%;
    margin-top: 0px;
  }
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li {
  display: flex;
  margin-bottom: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li {
    align-items: center;
    margin-bottom: 10px;
  }
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li .cheak_icon {
  margin-right: 6px;
  color: #27ae60;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li .cheak_icon {
    font-size: small;
  }
}

.course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li .feature_content_text {
  color: #1c1c1c;
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_feature_part .course_features li .feature_content ul li .feature_content_text {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_details .class_module {
  margin-top: 65px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module {
    margin-top: 40px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_head {
  align-items: center;
  display: flex;
  background-color: #f3f4f6;
  border-radius: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_head {
    flex-direction: column;
    width: 100%;
    padding-bottom: 15px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin: 15px 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_title {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    line-height: 34px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_content {
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_content {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_content li {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  margin: 0px 12px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_head .class_module_content li {
    margin: 0px 5px;
  }
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details {
    width: 100%;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features {
  margin-top: 24px;
  border-radius: 8px;
  border: 1px solid #d2d2d2;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features {
    padding-top: 5px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0px;
  margin: 0px 17px;
  border-bottom: 1px solid rgb(217, 214, 214);
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title {
    justify-content: space-between;
    margin: 0px 10px;
    padding: 0px 10px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number {
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_number {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 28px */
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_number {
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_number span {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-left: 10px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_number span {
    margin-left: 4px;
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details {
  margin-left: 43px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details {
    margin-left: 20px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .title {
    font-size: 18px;
    text-align: center;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  display: flex;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details li {
  margin: 0px 10px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details li {
    margin: 0px 5px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details li:first-child {
  margin-left: 0;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li.active {
  display: block;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li.active .class_module_title {
  border-bottom: 0;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li.active .class_module_title .class_module_acordion_icon i {
  color: red;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li.active .class_module_title .class_module_acordion_icon i::before {
  content: "\f106";
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li.active .class_module_feature_content {
  display: block;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content {
  display: none;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li {
  margin: 0px 17px;
  padding: 8px 0px;
  border-top: 1px solid #d2d2d2;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li {
    margin: 0px 10px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .class_module_class_no {
  color: var(--mute-color-100, #1c1c1c);
  /* H6/Medium 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  margin-bottom: 8px;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic {
  margin-bottom: 16px;
  display: flex;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .live_class_icon img {
  width: 24;
  height: 24px;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_live_class {
  margin-left: 8px;
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_live_class {
    margin-left: 3px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_topic {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_topic {
    margin-left: 2px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq {
  display: flex;
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq {
    margin-left: 0px;
  }
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz_icon i {
  width: 24px;
  height: 24px;
  color: #787e8a;
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

.course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .mcq {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .class_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .mcq {
    margin-left: 2px;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area {
  margin-top: 40px;
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_title {
  margin-bottom: 12px;
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_title .trainers_title_bangla {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_title .trainers_title_bangla {
    font-size: 18px;
    text-align: center;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details {
  display: flex;
  gap: 40px;
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details {
  width: 411px;
  background-color: #f3f4f6;
  padding: 12px;
  border-radius: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details {
    width: 100%;
    padding: 5px;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images {
  display: flex;
  align-items: center;
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
  width: 139px;
  height: 139px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .image img {
    width: 100%;
    height: 90%;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info {
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info {
    margin-left: 5px;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_name {
  font-size: 20px;
  line-height: 30px;
  margin-top: 14px;
  font-weight: 700;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_name {
    margin-top: 0px;
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info p {
  font-size: 16px;
  line-height: 25.6px;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info p {
    font-size: 14px;
    line-height: 150%;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  border-radius: 4px;
  margin-right: 16px;
  margin-top: 16px;
  color: rgb(73, 73, 241);
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i {
    font-size: 20px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
  }
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i:last-child {
  margin-right: 0px;
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.tw {
  color: rgb(121, 121, 248);
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.fb {
  color: rgb(84, 84, 250);
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.ld {
  color: rgb(40, 40, 240);
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_images .trainer_info .trainer_link i.in {
  color: rgb(253, 85, 24);
}

.course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_descrip p {
  margin-top: 23px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_details .course_trainers_area .trainers_description .trainers_details .trainer_details .trainer_descrip p {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info {
  width: 411px;
  border-radius: 16px 16px 0px 0px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info {
    width: 100%;
    order: 1;
  }
}

.course_details_area .course_details_part .course_info .course_info_div {
  border: 1px solid #d2d2d2;
  border-radius: 16px;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon {
  position: relative;
  width: 411px;
  height: 272px;
  border-radius: 16px 16px 0px 0px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon {
    width: 100%;
    height: 190px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 411px;
  height: 272px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_icon {
    width: 100%;
    height: 190px;
  }
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_icon img {
    width: 70px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_thubnail {
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_thubnail img {
  transition: transform 0.4s ease-in-out;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon .course_info_thubnail img {
    width: 100%;
    height: 190px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon:hover .course_info_thubnail {
  border-radius: 16px 16px 0px 0px;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_thubnail_and_icon:hover .course_info_thubnail img {
  transform: scale(1.2);
  overflow: hidden;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time {
  border-bottom: 1px solid #9e9e9e;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have {
  margin: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have {
    margin: 6px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have .time_have_title {
  color: var(--mute-color-100, #1c1c1c);
  text-align: left;
  font-family: Source Sans Pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  padding-bottom: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have .time_have_title {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have ul {
  display: flex;
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have ul li {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 26px */
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have ul li {
    font-size: 16px;
    margin-left: 2px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have ul li span {
  color: var(--mute-color-80, #494949);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  margin: 0px 5px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_time .time_have ul li span {
    margin: 0px 2px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .course_booked {
  border: 4px solid rgb(242, 53, 53);
  border-radius: 50px;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_info_time .course_booked {
    margin-right: 8px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_info_time .course_booked div {
  font-size: 12px;
  font-weight: 900;
}

.course_details_area .course_details_part .course_info .course_info_div .course_fee {
  display: flex;
  align-items: center;
  margin: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_fee {
    margin: 6px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_fee .twenty_thousand {
  color: var(--primary-color-100, #dc2626);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 32px */
  text-decoration-line: strikethrough;
  margin-right: 9px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_fee .twenty_thousand {
    font-size: 16px;
    margin-right: 4px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .course_fee .ten_thousand {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .course_fee .ten_thousand {
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_title_and_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  background-color: #dc2626;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_title_and_icon {
    padding: 6px 12px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_title_and_icon .admit_course_title {
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 10px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_title_and_icon .admit_course_title {
    margin-right: 4px;
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_title_and_icon .admit_course_icon {
  width: 24px;
  height: 24px;
  color: #fff;
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch {
  display: flex;
  background: var(--secondary-20, #f3f4f6);
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch {
    width: 100%;
    justify-content: space-evenly;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_batch_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  margin: 19px 15px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_batch_title {
    margin: 10px 10px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    gap: 5px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline {
  display: flex;
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start {
  margin: 8px 7px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start {
    margin: 10px 0px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start .admit_course_start_title {
  display: flex;
  align-items: center;
  color: var(--mute-color-100, #1c1c1c);
  /* H6/Small Regular 14 */
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start .admit_course_start_title i {
  font-size: 16px;
  margin-right: 4px;
  color: #494949;
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start .admit_course_start_date {
  color: var(--mute-color-100, #1c1c1c);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_start .admit_course_start_date {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_line {
  padding: 1px;
  background-color: #bdbdbd;
  width: 1px;
  height: 36px;
  margin: 15px 20px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_line {
    margin: 15px 10px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline {
  margin: 8px 7px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline {
    margin: 10px 0px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_title {
  display: flex;
  align-items: center;
  color: var(--mute-color-100, #1c1c1c);
  /* H6/Small Regular 14 */
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_title i {
  font-size: 16px;
  margin-right: 4px;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_title i {
    font-size: 14px;
  }
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_title {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_date {
  color: var(--mute-color-100, #1c1c1c);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch .admit_course_start_and_deadline .admit_course_deadline .admit_course_deadline_date {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details {
  margin: 12px 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details {
    margin: 4px 2px;
    padding-left: 10px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_orientation {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 25.6px */
  margin-bottom: 12px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_orientation {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_class_date {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-bottom: 12px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_class_date {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_class_time {
  color: var(--mute-color-100, #1c1c1c);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details .admit_course_class_time {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_info_div .admit_course .admit_course_batch_details i {
  width: 16px;
  margin-right: 6px;
  color: #494949;
}

.course_details_area .course_details_part .course_info .course_needed {
  margin-top: 24px;
  border-top: 1px solid #e0e0e0;
}

.course_details_area .course_details_part .course_info .course_needed .course_needed_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
  padding-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_needed .course_needed_title {
    font-size: 18px;
  }
}

.course_details_area .course_details_part .course_info .course_needed .course_needed_internet {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  padding-top: 10px;
  margin-bottom: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_needed .course_needed_internet {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_needed .course_needed_internet i {
  padding-right: 6px;
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule {
  border-radius: 8px;
  background: var(--secondary-20, #f3f4f6);
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline {
  padding-top: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline .course_hotline_title {
  color: var(--mute-color-80, #494949);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline .course_hotline_title {
    font-size: 14px;
  }
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline i {
  color: #494949;
  padding: 0px 6px;
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline .course_hotline_number {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
}

@media screen and (max-width: 575.9px) {
  .course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_hotline .course_hotline_number {
    font-size: 16px;
  }
}

.course_details_area .course_details_part .course_info .course_needed .course_hotline_and_schedule .course_schedule {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mute-color-100, #1c1c1c);
  /* H6/Small Regular 14 */
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  margin-top: 8px;
  padding-bottom: 24px;
}

.general_question_part {
  margin-top: 115px;
}

@media screen and (max-width: 575.9px) {
  .general_question_part {
    margin-top: 40px;
  }
}

.general_question_part .general_questions {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details {
    width: 100%;
  }
}

.general_question_part .general_questions .general_question_details .general_question_head .general_question_heading_title {
  color: #1c1c1c;
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_head .general_question_heading_title {
    font-size: 18px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: 600;
  }
}

.general_question_part .general_questions .general_question_details .general_question_head .general_question_heading_brief {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 30px */
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_head .general_question_heading_brief {
    font-size: 16px;
    font-weight: 500;
  }
}

.general_question_part .general_questions .general_question_details .general_question_all {
  margin-top: 42px;
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_all {
    margin-top: 20px;
  }
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question {
  border-radius: 8px;
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li {
  margin: 14px 16px;
  border-bottom: 1px solid #d2d2d2;
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_all .general_question li {
    margin: 7px 2px;
  }
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li .general_question_title_and_icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li .general_question_title_and_icon .general_question_title {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_all .general_question li .general_question_title_and_icon .general_question_title {
    font-size: 15px;
  }
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li .general_question_content {
  margin-top: 33px;
  display: none;
}

@media screen and (max-width: 575.9px) {
  .general_question_part .general_questions .general_question_details .general_question_all .general_question li .general_question_content {
    font-size: 14px;
  }
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li:last-child {
  border-bottom: none;
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li.active .general_question_acordion_icon i {
  color: red;
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li.active .general_question_acordion_icon i::before {
  content: "\f106";
}

.general_question_part .general_questions .general_question_details .general_question_all .general_question li.active .general_question_content {
  display: block;
}

.course_details_quiz_area .course_progress_mearn {
  margin-top: 56px;
}

.course_details_quiz_area .course_progress_mearn .course_progress_mearn_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 61.5px */
  margin-bottom: 14px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_mearn_title {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_mearn_title {
    font-size: 36px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area {
  border-radius: 8px;
  background: var(--secondary-20, #f3f4f6);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area {
    flex-direction: column;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress {
  flex: 1;
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H5/Semibold 20 */
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  padding-top: 23px;
  padding-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_title {
    font-size: 14px;
    padding-left: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_title {
    padding-left: 16px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar {
  height: 15px;
  border-radius: 6px;
  background-color: #e5e7eb;
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar {
    width: 100%;
    height: 8px;
    margin-left: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar {
    height: 11px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar .course_progress_bar_complete {
  width: 85.269px;
  height: 15px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--green-2, #27ae60);
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar .course_progress_bar_complete {
    width: 7%;
    height: 8px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_bar .course_progress_bar_complete {
    width: 7%;
    height: 11px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_info {
  color: var(--mute-color-80, #494949);
  /* H6/Small Regular 14 */
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  margin-top: 8px;
  margin-left: 16px;
  padding-bottom: 30px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_progress .course_progress_info {
    margin-left: 0px;
    padding-bottom: 10px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_certificate {
  position: relative;
  padding: 8px 10px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .course_progress_mearn .course_progress_area .course_certificate {
    padding-top: 5px;
    padding-bottom: 25px;
  }
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_certificate .course_certificate_image {
  width: 170px;
  height: 120px;
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_certificate .course_certificate_lock {
  position: absolute;
  top: 0;
  width: 170px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.course_details_quiz_area .course_progress_mearn .course_progress_area .course_certificate .course_certificate_lock i {
  font-size: 30px;
  color: #fef2f2;
}

.course_details_quiz_area .class_routine {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine {
    margin-top: 20px;
  }
}

.course_details_quiz_area .class_routine .class_routine_title_and_details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_title {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_title {
    font-size: 28px;
  }
}

.course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_details {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_details {
    font-size: 14px;
  }
}

.course_details_quiz_area .class_routine .class_routine_title_and_details .class_routine_details i {
  padding-left: 8px;
}

.course_details_quiz_area .class_routine .class_routine_table .class_routine_month {
  text-align: center;
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 39px */
  margin-top: 32px;
  margin-bottom: 15px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_table .class_routine_month {
    font-size: 16px;
    margin-top: 10px;
  }
}

.course_details_quiz_area .class_routine .class_routine_table .table_div {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-top: 12px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_table .table_div {
    margin-top: 1px;
  }
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table {
  width: 100%;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table thead {
  border-radius: 12px 12px 0px 0px;
  background: var(--secondary-20, #f3f4f6);
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table thead tr td {
  text-align: center;
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 48px */
  border-right: 1px solid #e5e7eb;
  padding-top: 14px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_table .table_div table thead tr td {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_details_quiz_area .class_routine .class_routine_table .table_div table thead tr td {
    font-size: 24px;
  }
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table thead tr td:first-child {
  border-radius: 12px 0px 0px 0px;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table thead tr td:last-child {
  border-radius: 0px 12px 0px 0px;
  border-right: 0px;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr td {
  border: 1px solid #e5e7eb;
  text-align: center;
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding: 20px;
}

@media screen and (max-width: 575.9px) {
  .course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr td {
    font-size: 14px;
    padding: 10px;
  }
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr td:first-child {
  border-left: 0px;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr td:last-child:last-child {
  border-right: 0px;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr:last-child td {
  border-bottom: 0px;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 12px;
  border-left: 0;
}

.course_details_quiz_area .class_routine .class_routine_table .table_div table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 12px 0px;
}

.course_quize_and_module_part {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part {
    margin-top: 40px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module {
  display: flex;
  margin-bottom: 50px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module {
    flex-direction: column;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details {
  width: 411px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features {
  border-radius: 8px;
  border: 1px solid #d2d2d2;
  margin-bottom: 16px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0px;
  margin: 0px 17px;
  border-bottom: 1px solid rgb(217, 214, 214);
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title {
    padding: 10px 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number {
  display: flex;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .title {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .title {
    font-size: 16px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  display: flex;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details li {
  margin: 0px 10px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_title .class_module_title_and_number .class_module_title_details .details li:first-child {
  margin-left: 0;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li.active {
  display: block;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li.active .class_module_title {
  border-bottom: 0;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li.active .class_module_title .class_module_acordion_icon i {
  color: red;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li.active .class_module_title .class_module_acordion_icon i::before {
  content: "\f106";
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li.active .class_module_feature_content {
  display: block;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content {
  display: none;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li {
  margin: 0px 17px;
  padding: 8px 0px;
  border-top: 1px solid #d2d2d2;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li {
    margin: 0px 8px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .class_module_class_no {
  color: var(--mute-color-100, #1c1c1c);
  /* H6/Medium 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 24px */
  margin-bottom: 8px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic {
    margin-bottom: 5px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .live_class_icon img {
  width: 24;
  height: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .live_class_icon img {
    width: 18px;
    height: 18px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_live_class {
  margin-left: 8px;
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_live_class {
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_topic {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .live_class_and_topic .class_module_topic {
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq {
  display: flex;
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq {
    margin-left: 3px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz_icon i {
  width: 24px;
  height: 24px;
  color: #787e8a;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz_icon i {
    width: 18px;
    height: 18px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .quiz {
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .mcq {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-left: 5px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .class_module_details .class_module_features li .class_module_feature_content ul li .quiz_and_mcq .mcq {
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part {
  flex: 1;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part {
    margin-left: 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit {
  border-radius: 12px;
  padding-bottom: 32px;
  background: var(--secondary-20, #f3f4f6);
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit {
    padding-bottom: 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question {
  padding-top: 32px;
  margin-left: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question {
    padding-top: 15px;
    margin-left: 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question .course_quiz_question_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  margin-bottom: 17px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question .course_quiz_question_title {
    font-size: 16px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question li {
  margin-top: 12px;
  display: flex;
  align-items: center;
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question li {
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question li i {
  margin-right: 4px;
  padding-bottom: 3px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .course_quiz_question li span {
  margin-left: 15px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .quiz_submit_btn {
  margin-left: 24px;
  margin-top: 16px;
  padding-bottom: 32px;
  display: flex;
  justify-content: start;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .quiz_submit_btn {
    margin-left: 0px;
    justify-content: center;
    padding-bottom: 10px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .quiz_submit_btn button {
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background-color: #dc2626;
  border: none;
  padding: 12px 54px 11px 54px;
  cursor: pointer;
  border-radius: 8px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_quiz_and_submit .quiz_submit_btn button {
    font-size: 14px;
    padding: 10px 24px 10px 24px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button {
    margin-top: 10px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button .previous_btn {
  display: flex;
  padding: 15px 54px 14px 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--secondary-60, #6b7280);
  background: var(--white-100, #fff);
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button .previous_btn {
    font-size: 14px;
    padding: 10px 15px 9px 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button .next_btn {
  display: flex;
  padding: 15px 54px 14px 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--mute-color-20, #d2d2d2);
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  cursor: not-allowed;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .mearn_course_quiz_part .mearn_course_previos_and_next_button .next_btn {
    font-size: 14px;
    padding: 11px 15px 10px 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn {
  margin-left: 24px;
  flex-direction: column;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn {
    margin-left: 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video {
  position: relative;
  cursor: pointer;
  border-radius: 23px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum {
  width: 858px;
  border-radius: 23px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum img {
  width: 858px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_thum img {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video:hover .course_lession_video_icon {
  background-color: rgba(36, 22, 1, 0.342);
  width: 858px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video:hover .course_lession_video_icon {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video:hover .course_lession_video_icon {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_icon {
  width: 858px;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_icon {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_icon {
    width: 100%;
  }
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video .course_lession_video_icon img {
    width: 20%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video_next_btn {
  display: flex;
  justify-content: end;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video_next_btn .next_btn {
  display: flex;
  margin-top: 31px;
  padding: 15px 54px 14px 54px;
  justify-content: center;
  align-items: center;
  background-color: #dc2626;
  gap: 10px;
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .mearn_course_detail_module .course_lession_video_btn .course_lession_video_next_btn .next_btn {
    padding: 10px 15px;
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part {
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part {
    flex-direction: column;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_empty_space {
  width: 411px;
  margin-right: 24px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_empty_space {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_empty_space {
    width: 0%;
    margin-right: 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz {
  flex: 1;
  border-radius: 12px;
  background: var(--secondary-20, #f3f4f6);
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz {
    width: 100%;
    flex: unset;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .bootstrap_grid_quiz_question {
  color: var(--mute-color-100, #1c1c1c);
  /* H5/Semibold 20 */
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  padding-top: 32px;
  margin-left: 30px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .bootstrap_grid_quiz_question {
    font-size: 16px;
    margin-left: 16px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .bootstrap_grid_text_area {
  text-align: center;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .bootstrap_grid_text_area textarea {
  width: 800px;
  height: 366px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  background: var(--white-100, #fff);
  margin: 0px 30px;
  margin-top: 16px;
  padding-top: 24px;
  padding-left: 24px;
  color: var(--mute-color-20, #d2d2d2);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .bootstrap_grid_text_area textarea {
    width: 90%;
    padding: 5px;
    margin: 10px;
    height: 100px;
    font-size: 14px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .character_length_and_submit_btn {
  display: flex;
  justify-content: space-between;
  margin: 0px 30px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .character_length_and_submit_btn {
    margin: 0px 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .character_length_and_submit_btn .character_length_title {
  color: var(--mute-color-60, #777);
  text-align: center;
  /* H6/Small Regular 14 */
  font-family: Baloo Da 2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  margin-top: 8px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .character_length_and_submit_btn .bootstrap_grid_submit_btn {
  display: flex;
  padding: 12px 54px 11px 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--primary-color-100, #dc2626);
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-top: 16px;
  margin-bottom: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .bootstrap_grid_quiz .character_length_and_submit_btn .bootstrap_grid_submit_btn {
    padding: 8px 20px 7px 20px;
    font-size: 14px;
    margin-top: 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button {
    margin-top: 10px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button .previous_btn {
  display: flex;
  padding: 15px 54px 14px 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--secondary-60, #6b7280);
  background: var(--white-100, #fff);
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button .previous_btn {
    font-size: 14px;
    padding: 10px 15px 9px 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button .next_btn {
  display: flex;
  padding: 15px 54px 14px 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--mute-color-20, #d2d2d2);
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  cursor: not-allowed;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .bootstrap_grid_quiz_space .mearn_course_previos_and_next_button .next_btn {
    font-size: 14px;
    padding: 11px 15px 10px 15px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn {
  margin-left: 24px;
  flex-direction: column;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn {
    margin-left: 0px;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video {
  position: relative;
  cursor: pointer;
  border-radius: 23px;
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video .course_lession_video_thum {
  width: 858px;
  border-radius: 23px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video .course_lession_video_thum {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video .course_lession_video_thum img {
  width: 858px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video .course_lession_video_thum img {
    width: 100%;
  }
}

.course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video:hover .course_lession_video_icon {
  background-color: rgba(36, 22, 1, 0.342);
  width: 858px;
}

@media screen and (max-width: 575.9px) {
  .course_quize_and_module_part .mearn_course_detail_module_and_bootstrap_quiz .bootstrap_grid_quiz_part .course_lession_video_btn .course_lession_video:hover .course_lession_video_icon {
    width: 100%;
  }
}

.my_courses_area .my_courses {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses {
    margin-top: 40px;
  }
}

.my_courses_area .my_courses .my_courses_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H2/Semibold 41p */
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_courses_title {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_courses_title {
    font-size: 36px;
  }
}

.my_courses_area .my_courses .my_all_courses {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses {
    flex-direction: column;
    gap: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses {
    gap: 20px;
  }
}

.my_courses_area .my_courses .my_all_courses .complete_course {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: var(--secondary-20, #f3f4f6);
  padding: 32px 24px;
  margin-top: 40px;
  width: 411px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course {
    width: 100%;
    padding: 32px 20px;
  }
}

.my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #d5f4e2;
  border-radius: 6px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon {
    width: 100px;
    height: 100px;
  }
}

.my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon i {
  font-size: 60px;
  color: #219653;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon i {
    font-size: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_icon i {
    font-size: 50px;
  }
}

.my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info {
  margin-left: 24px;
}

.my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_title {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_title {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_title {
    font-size: 24px;
  }
}

.my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_total {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-top: 16px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_total {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .complete_course .complete_courses_info .complete_courses_total {
    font-size: 28px;
  }
}

.my_courses_area .my_courses .my_all_courses .contunued_course {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: var(--secondary-20, #f3f4f6);
  padding: 32px 24px;
  margin-top: 40px;
  width: 411px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course {
    width: 100%;
    padding: 32px 20px;
  }
}

.my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #dcebff;
  border-radius: 6px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon {
    width: 100px;
    height: 100px;
  }
}

.my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon i {
  font-size: 60px;
  color: #2f80ed;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon i {
    font-size: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_icon i {
    font-size: 50px;
  }
}

.my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info {
  margin-left: 24px;
}

.my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_title {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_title {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_title {
    font-size: 24px;
  }
}

.my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_total {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-top: 16px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_total {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .contunued_course .contunued_courses_info .contunued_courses_total {
    font-size: 28px;
  }
}

.my_courses_area .my_courses .my_all_courses .incomplete_course {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: var(--secondary-20, #f3f4f6);
  padding: 32px 24px;
  margin-top: 40px;
  width: 411px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course {
    width: 100%;
    margin-top: 20px;
    padding: 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course {
    width: 100%;
    padding: 32px 20px;
  }
}

.my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #fee2e2;
  border-radius: 6px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon {
    width: 100px;
    height: 100px;
  }
}

.my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon i {
  font-size: 60px;
  color: #dc2626;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon i {
    font-size: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_icon i {
    font-size: 50px;
  }
}

.my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info {
  margin-left: 24px;
}

.my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_title {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_title {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_title {
    font-size: 24px;
  }
}

.my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_total {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-top: 16px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_total {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .my_courses_area .my_courses .my_all_courses .incomplete_course .incomplete_courses_info .incomplete_courses_total {
    font-size: 28px;
  }
}

.my_courses_area .my_contunued_courses {
  margin-top: 100px;
}

.my_courses_area .my_contunued_courses .my_contunued_courses_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_courses_title {
    font-size: 18px;
  }
}

.my_courses_area .my_contunued_courses .contunued_courses_border {
  border-bottom: 1px solid #d2d2d2;
  margin-top: 12px;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses {
  margin-top: 32px;
  display: grid;
  gap: 32px;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses {
    grid-template-columns: repeat(1, 1fr);
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card {
  border: 1px solid rgb(228, 227, 227);
  display: grid;
  align-content: space-between;
  background-color: #ffffff;
  margin-bottom: 49px;
  border-radius: 8px 8px 0px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card {
    margin: 20px 20px 0px 20px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card:hover .card_title_area .card_title .title_text {
  color: #dc2626;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card:hover .card_title_area .amount_and_button_area .button_all {
  background-color: #dc2626;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card:hover .card_title_area .amount_and_button_area .button_all .btn-text {
  color: #ffffff;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card:hover .card_title_area .amount_and_button_area .button_all .btn_icon i {
  color: #ffffff;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card:hover .card_img_area .card_img img {
  transform: scale(0.9);
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_img_area {
  border: 0px solid red;
  justify-content: center;
  display: flex;
  padding: 24px 72px;
  height: 250px;
  border-bottom: 2px solid #e0e0e0;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_img_area {
    padding: unset;
    height: 190px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_img_area .card_img {
  border: 0px solid red;
  width: 200px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_img_area .card_img {
    width: 170px;
    align-content: center;
    display: grid;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_img_area .card_img img {
  border: 0px solid red;
  width: 100%;
  transition-duration: 0.4s;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area {
  padding-top: 17px;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title {
  border: 0px solid red;
  padding-bottom: 14px;
  margin-left: 16px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title {
    margin: 0px 5px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .title_text {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "SemiBold";
  color: #1c1c1c;
  transition-duration: 0.4s;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .card_title .title_text {
    font-size: 18px;
    line-height: 28px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area {
  border: 0px solid red;
  display: flex;
  padding-bottom: 14px;
  margin-left: 19px;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area {
    margin: 0px 5px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .day_area {
  margin-right: 12px;
  border: 0px solid red;
  align-items: center;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  font-family: "Medium";
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .day_area .day_icon {
  border: 0px solid red;
  padding-right: 8px;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .day_area .day_icon img {
  border: 0px solid red;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .day_area .day_tex {
  border: 0px solid red;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .boking_area {
  border: 0px solid red;
  font-size: 12px;
  line-height: 15px;
  font-family: "Medium";
  border: 3px solid #dc2626;
  margin-right: 16px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding-top: 10px;
  text-align: center;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .day_and_boking_area .boking_area .boking_text {
  border: 0px solid red;
  display: block;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area {
  border: 0px solid red;
  border-top: 1px solid #fef2f2;
  width: 100%;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area {
    display: block;
    text-align: center;
    margin: 0px 5px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount {
  border: 0px solid red;
  display: flex;
  align-items: center;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area {
  border: 0px solid red;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area .previous_amount {
  border: 0px solid red;
  font-size: 16px;
  line-height: 16px;
  font-family: "SemiBold";
  color: #dc2626;
  padding-right: 6px;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .previous_amount_area .previous_amount .taka {
  border: 0px solid red;
  text-decoration: line-through;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area {
  border: 0px solid red;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area .current_amount {
  border: 0px solid red;
  font-size: 20px;
  line-height: 30px;
  font-family: "SemiBold";
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .all_amount .current_amount_area .current_amount .taka {
  border: 0px solid red;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .button_all {
  font-size: 16px;
  line-height: 14px;
  font-family: "Medium";
  padding: 17px 25px;
  border-radius: 6px;
  border: 1px solid #dc2626;
  width: 100%;
  color: #dc2626;
  transition-duration: 0.7s;
}

@media screen and (max-width: 575.9px) {
  .my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .button_all {
    margin: 10px 0px;
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .button_all .btn-text {
  border: 0px solid red;
  padding-right: 8px;
  transition-duration: 0.4s;
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .button_all .btn_icon {
  border: 0px solid red;
  animation: right_animation 2s linear infinite;
}

@keyframes right_animation {
  0% {
    transform: translate(0px);
  }

  50% {
    transform: translate(10px);
  }

  100% {
    transform: translate(0px);
  }
}

@media screen and (max-width: 575.9px) {
  @keyframes right_animation {
    0% {
      transform: translate(0px);
    }

    50% {
      transform: translate(4px);
    }

    100% {
      transform: translate(0px);
    }
  }
}

.my_courses_area .my_contunued_courses .my_contunued_all_courses .c_card .card_title_area .amount_and_button_area .button_all .btn_icon i {
  border: 0px solid red;
  font-size: 16px;
  color: #dc2626;
  transition-duration: 0.4s;
}

.password_changed_area {
  text-align: center;
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area {
    margin-top: 50px;
  }
}

.password_changed_area .changed_password_title {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-bottom: 16px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_title {
    font-size: 18px;
    list-style: 150%;
  }
}

.password_changed_area .changed_password_form {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form {
    width: 100%;
  }
}

.password_changed_area .changed_password_form form {
  width: 628px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--white, #fff);
  border-radius: 6px;
  background: var(--white, #fff);
  box-shadow: 0px 1px 2px 1px rgba(82, 82, 82, 0.15);
  box-shadow: 0px 1px 2px 1px rgba(82, 82, 82, 0.15);
  padding-bottom: 26px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form {
    width: 100%;
    padding: 5px 5px;
  }
}

.password_changed_area .changed_password_form form .password_input {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form .password_input {
    margin-top: 10px;
  }
}

.password_changed_area .changed_password_form form .password_input input {
  width: 580px;
  display: inline-flex;
  padding: 13px 16px 11px 13px;
  justify-content: center;
  align-items: center;
  gap: 481.3px;
  border-radius: 8px;
  border: 1px solid var(--mute-color-40, #a4a4a4);
  background: #fff;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form .password_input input {
    width: 100%;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
  }
}

.password_changed_area .changed_password_form form .password_input i {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #777777;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form .password_input i {
    right: 15px;
    font-size: 14px;
    top: 10px;
  }
}

.password_changed_area .changed_password_form form .confirm_btn {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form .confirm_btn {
    margin-top: 15px;
  }
}

.password_changed_area .changed_password_form form .confirm_btn input {
  width: 580px;
  display: inline-flex;
  padding: 13px 16px 11px 13px;
  justify-content: center;
  align-items: center;
  gap: 481.3px;
  border-radius: 8px;
  background: var(--mute-color-20, #d2d2d2);
  border: none;
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form .confirm_btn input {
    width: 100%;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
  }
}

.password_changed_area .changed_password_form form label {
  display: flex;
  justify-content: end;
  margin-right: 24px;
  color: var(--mute-color-80, #494949);
  /* H6/Lebel Regular 12 */
  font-family: Baloo Da 2;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
  margin-top: 14px;
}

@media screen and (max-width: 575.9px) {
  .password_changed_area .changed_password_form form label {
    margin-right: 5px;
    margin-top: 8px;
  }
}

.login_by_password_area {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area {
    margin-top: 40px;
  }
}

.login_by_password_area .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login_by_password_area .container p {
  margin-bottom: 16px;
}

.login_by_password_area .changed_password_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-bottom: 16px;
  width: 628px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_title {
    width: 100%;
    font-size: 18px;
    margin-bottom: 0px;
  }
}

.login_by_password_area .changed_password_title i {
  margin-right: 16px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area p {
    font-size: 14px;
  }
}

.login_by_password_area .changed_password_form {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form {
    width: 100%;
  }
}

.login_by_password_area .changed_password_form form {
  width: 628px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--white, #fff);
  border-radius: 6px;
  background: var(--white, #fff);
  box-shadow: 0px 1px 2px 1px rgba(82, 82, 82, 0.15);
  padding-bottom: 26px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form {
    width: 100%;
    padding: 5px 5px;
  }
}

.login_by_password_area .changed_password_form form .password_input {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form .password_input {
    margin-top: 10px;
  }
}

.login_by_password_area .changed_password_form form .password_input input {
  width: 580px;
  display: inline-flex;
  padding: 13px 16px 11px 13px;
  justify-content: center;
  align-items: center;
  gap: 481.3px;
  border-radius: 8px;
  border: 1px solid var(--mute-color-40, #a4a4a4);
  background: #fff;
  color: #494949;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form .password_input input {
    width: 100%;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
  }
}

.login_by_password_area .changed_password_form form .password_input i {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #777777;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form .password_input i {
    right: 15px;
    font-size: 14px;
    top: 10px;
  }
}

.login_by_password_area .changed_password_form form .confirm_btn {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form .confirm_btn {
    margin-top: 15px;
  }
}

.login_by_password_area .changed_password_form form .confirm_btn input {
  width: 580px;
  display: inline-flex;
  padding: 13px 16px 11px 13px;
  justify-content: center;
  align-items: center;
  gap: 481.3px;
  border-radius: 8px;
  background: var(--mute-color-20, #d2d2d2);
  border: none;
  color: #fff;
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form .confirm_btn input {
    width: 100%;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
  }
}

.login_by_password_area .changed_password_form form label {
  display: flex;
  justify-content: end;
  margin-right: 24px;
  color: var(--mute-color-80, #494949);
  /* H6/Lebel Regular 12 */
  font-family: Baloo Da 2;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
  margin-top: 14px;
}

@media screen and (max-width: 575.9px) {
  .login_by_password_area .changed_password_form form label {
    margin-right: 5px;
    margin-top: 8px;
  }
}

.our_it_services_area {
  display: none;
  border: 0px solid red;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 80px;
}

.our_it_services_area .my_it_service_area_content {
  border: 0px solid red;
}

.our_it_services_area .my_it_service_area_content .our_it_services_heading_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.our_it_services_area .my_it_service_area_content .our_it_services_heading_content .my_it_service_area_title {
  border: 0px solid red;
  text-align: center;
}

.our_it_services_area .my_it_service_area_content .our_it_services_heading_content .my_it_service_area_title .area_title {
  border: 0px solid red;
  color: #1c1c1c;
  padding-top: 80px;
}

.our_it_services_area .my_it_service_area_content .our_it_services_heading_content .my_it_service_area_sub_title {
  border: 0px solid red;
  text-align: center;
  margin: 4px 0px 48px 0px;
  width: 774px;
}

@media screen and (max-width: 575.9px) {
  .our_it_services_area .my_it_service_area_content .our_it_services_heading_content .my_it_service_area_sub_title {
    width: 100%;
  }
}

.our_it_services_area .my_it_service_area_content .our_it_services_heading_content .my_it_service_area_sub_title .sub_title {
  border: 0px solid red;
  color: #494949;
}

.our_it_services_area .my_it_service_area_content .service_area {
  border: 0px solid red;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.our_it_services_area .my_it_service_area_content .service_area .service {
  border: 0px solid red;
  width: 410px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #d1d5db;
}

.our_it_services_area .my_it_service_area_content .service_area .service .service_logo {
  border: 0px solid red;
  text-align: center;
  height: 220px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 16px 16px 0px 0px;
}

.our_it_services_area .my_it_service_area_content .service_area .wordpress .service_logo {
  background-color: #e6f1f8;
}

.our_it_services_area .my_it_service_area_content .service_area .react .service_logo {
  background-color: #e6fbff;
}

.our_it_services_area .my_it_service_area_content .service_area .e_commers .service_logo {
  background-color: #fef2f2;
}

.our_it_services_area .my_it_service_area_content .service_area .psd .service_logo {
  background-color: #fef2f2;
}

.our_it_services_area .my_it_service_area_content .service_area .vue .service_logo {
  background-color: #ecf8f3;
}

.our_it_services_area .my_it_service_area_content .service_area .server .service_logo {
  background-color: #fef2f2;
}

.our_it_services_area .my_it_service_area_content .service_area .service_title_and_description {
  border: 0px solid red;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 0px 16px 16px;
}

.our_it_services_area .my_it_service_area_content .service_area .service_title_and_description .title {
  border: 0px solid red;
}

.our_it_services_area .my_it_service_area_content .service_area .service_title_and_description .title .title_text {
  border: 0px solid red;
  font-size: 26px;
  line-height: 40px;
  font-family: "SemiBold";
  color: #1c1c1c;
  padding: 20px 0px 8px 0px;
}

.our_it_services_area .my_it_service_area_content .service_area .service_title_and_description .description {
  border: 0px solid red;
  padding-bottom: 8px;
}

.our_it_services_area .my_it_service_area_content .service_area .service_title_and_description .description .description_text {
  border: 0px solid red;
  font-size: 16px;
  line-height: 26px;
  font-family: "Regular";
  color: #494949;
}

.our_services_achivement_area {
  background: var(--secondary-20, #f3f4f6);
}

.our_services_achivement_area .our_services_achivement_and_ratings {
  display: flex;
  padding-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement {
  flex: 1;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement {
    width: 100%;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .achivement_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  margin-top: 40px;
  padding-right: 30px;
  margin-right: 13px;
  width: 619px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .achivement_title {
    font-size: 18px;
    font-weight: 500;
    width: 100%;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement {
  margin-top: 48px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement {
    margin-top: 20px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .clients {
  display: flex;
  flex-direction: column;
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-right: 64px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .clients {
    font-size: 14px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .clients span {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H3/Bold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .clients span {
    font-size: 18px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .projects {
  display: flex;
  flex-direction: column;
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-right: 64px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .projects {
    font-size: 14px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .projects span {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H3/Bold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .projects span {
    font-size: 18px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .ratings {
  display: flex;
  flex-direction: column;
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-right: 64px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .ratings {
    font-size: 14px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .ratings span {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H3/Bold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_achivement .client_project_ratings_achivement .ratings span {
    font-size: 18px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings {
  position: relative;
  border-radius: 8px;
  background: var(--white-100, #fff);
  width: 628px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings {
    width: 100%;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_star {
  margin-top: 32px;
  margin-left: 32px;
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_star i {
  color: #f2994a;
  font-size: 24px;
  background-color: rgb(238, 237, 237);
  padding: 6px;
  margin-right: 6px;
  border-radius: 5px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_star {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_star i {
    font-size: 14px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content {
  margin-top: 32px;
  margin-left: 32px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content {
    margin-top: 10px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content .rating_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content .rating_title {
    font-size: 18px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content .rating_info {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-top: 8px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_content .rating_info {
    width: 100%;
    font-size: 14px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client {
  position: absolute;
  bottom: 0;
  margin-bottom: 32px;
  margin-left: 32px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client {
    position: unset;
    margin-bottom: 10px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client .rating_client_name {
  color: var(--mute-color-100, #1c1c1c);
  /* H5/Bold 20 */
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
  /* 30px */
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client .rating_client_name {
    font-size: 18px;
    line-height: 100%;
    padding-top: 20px;
  }
}

.our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client .rating_client_company {
  color: var(--mute-color-100, #1c1c1c);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-top: 6px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .our_services_achivement_and_ratings .our_services_ratings .rating_client .rating_client_company {
    font-size: 14px;
  }
}

.our_services_achivement_area .aboutus_partner {
  margin-top: 64px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .aboutus_partner {
    margin-top: 20px;
  }
}

.our_services_achivement_area .aboutus_partner .aboutus_partner_title .aboutus_partner_title_text {
  font-weight: 600px;
  font-size: 32px;
  line-height: 48px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .aboutus_partner .aboutus_partner_title .aboutus_partner_title_text {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
  }
}

.our_services_achivement_area .aboutus_partner .aboutus_partner_items_container {
  padding-bottom: 50px;
}

.our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items {
  margin-top: 42px;
  display: flex;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}

.our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items .item {
  margin-right: 48px;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items .item {
    margin-right: 0px;
  }
}

.our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items .item img {
  width: 120px;
  object-fit: contain;
  object-position: left;
}

@media screen and (max-width: 575.9px) {
  .our_services_achivement_area .aboutus_partner .aboutus_partner_items_container .items .item img {
    width: 70%;
    height: 30px;
  }
}

.our_complete_client_projects {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .our_complete_client_projects {
    margin-top: 50px;
  }
}

.our_complete_client_projects .client_project_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H2/Semibold 41p */
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
  margin-bottom: 32px;
}

@media screen and (max-width: 575.9px) {
  .our_complete_client_projects .client_project_title {
    font-size: 18px;
  }
}

.our_complete_client_projects .our_client_projects {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 575.9px) {
  .our_complete_client_projects .our_client_projects {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.our_complete_client_projects .our_client_projects .our_client_project .client_project_img {
  border-radius: 5px;
}

.our_complete_client_projects .our_client_projects .our_client_project .client_project_img img {
  width: 100%;
}

.our_complete_client_projects .our_client_projects .our_client_project .client_project_name {
  padding-left: 10px;
  margin-top: 16px;
}

.our_complete_client_projects .our_client_projects .our_client_project:hover .client_project_img {
  box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

.hire_area .hire_details .hire_content_and_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid red;
  border-radius: 12px;
  padding: 55px 79px;
  background-color: #374151;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_content_and_btn {
    padding: 25px 30px;
  }
}

.hire_area .hire_details .hire_content_and_btn .hire_title {
  text-align: center;
}

.hire_area .hire_details .hire_content_and_btn .hire_title .hire_title_bangla {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: white;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_content_and_btn .hire_title .hire_title_bangla {
    font-size: 16px;
    line-height: 160%;
  }
}

.hire_area .hire_details .hire_content_and_btn .hire_title p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_content_and_btn .hire_title p {
    font-size: 14px;
    margin-top: 20px;
  }
}

.hire_area .hire_details .hire_content_and_btn .hire_btn {
  background-color: #dc2626;
  padding: 12px 54px 11px 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: white;
  font-size: 18px;
  margin-top: 32px;
}

@media screen and (max-width: 575.9px) {
  .hire_area .hire_details .hire_content_and_btn .hire_btn {
    font-size: 14px;
    padding: 8px 24px 7px 24px;
  }
}

.wordpress_site_development {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development {
    margin-top: 30px;
  }
}

.wordpress_site_development .wordpress_site_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H2/Bold 41p */
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 61.5px */
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_title {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo {
  display: flex;
  margin-top: 32px;
  justify-content: space-between;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo {
    flex-direction: column;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package {
  flex: 1;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo {
  display: flex;
  justify-content: center;
  border-radius: 16px;
  background: #e6f1f8;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo img {
  width: 412px;
  height: 412px;
  margin: 34px 0px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_logo img {
    width: 100%;
    height: 100%;
    margin: 10px 0px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services .wordpress_services_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
  margin-top: 48px;
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services .wordpress_services_title {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services ul li {
  margin-bottom: 20px;
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services ul li i {
  color: #27ae60;
  font-size: 24px;
  margin-right: 8px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_logo_services_and_package .wordpress_services ul li i {
    font-size: 16px;
    margin-right: 4px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
  width: 411px;
  margin-left: 24px;
  border-radius: 12px;
  border: 1px solid var(--mute-color-20, #d2d2d2);
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing {
    margin-top: 50px;
    width: 100%;
    margin-left: 0px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table {
  width: 100%;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table thead tr th {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  padding-top: 16px;
  padding-left: 24px;
  padding-bottom: 12px;
  padding-right: 24px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table thead tr th {
    font-size: 16px;
    padding: 8px 10px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table tbody tr th {
  color: var(--mute-color-100, #1c1c1c);
  /* H5/Semibold 20 */
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  padding-top: 16px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 25px;
  border: 1px solid var(--mute-color-20, #d2d2d2);
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table tbody tr th {
    font-size: 16px;
    padding: 8px 10px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table tbody tr th:first-child {
  border-left: none;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing table tbody tr th:last-child {
  border-right: none;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info {
  margin-left: 24px;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .wordpress_about_pricing_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  width: 258px;
  margin-top: 24px;
  margin-bottom: 16px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .wordpress_about_pricing_title {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  margin: 16px 0px;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number i {
  margin-right: 6px;
  font-size: 26px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number i {
    font-size: 16px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number span {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 39px */
  text-decoration-line: underline;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .phone_number span {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  margin: 16px 0px;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup i {
  margin-right: 6px;
  font-size: 30px;
  color: #27ae60;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup i {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup span {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 39px */
  text-decoration-line: underline;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .whatsup span {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  margin: 16px 0px;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram i {
  margin-right: 6px;
  font-size: 28px;
  color: #2aabee;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram i {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram span {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 39px */
  text-decoration-line: underline;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .telegram span {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  margin: 16px 0px;
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email i {
  margin-right: 6px;
  font-size: 26px;
  color: #1c1c1c;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email i {
    font-size: 18px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email span {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 39px */
  text-decoration-line: underline;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .email span {
    font-size: 16px;
  }
}

.wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .costing_special_note {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .wordpress_site_price_and_logo .wordpress_site_consting_and_info .wordpress_site_costing .wordpress_site_info .costing_special_note {
    font-size: 14px;
  }
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage {
    overflow-x: scroll;
  }
}

.wordpress_site_development .service_packagage .service_all_package {
  display: flex;
  width: 845px;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  margin-top: 51px;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details {
  flex: 1;
  border-left: 1px solid #e5e5e5;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .head {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  padding: 24px 16px;
  height: 182px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .head {
    font-size: 18px;
  }
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .head h2 {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .head h2 {
    font-size: 18px;
  }
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .head p {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .head p {
    font-size: 18px;
  }
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul .active i {
  color: #219653;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  padding: 16px 0px;
  padding-left: 24px;
  text-align: center;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li {
    font-size: 16px;
    padding: 8px 0px;
    padding-left: 10px;
  }
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li i {
  text-align: center;
  color: #e0e0e0;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_list ul li:nth-child(even) {
  background-color: #f3f3f3;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child {
  width: 291px;
  flex: unset;
  border-left: none;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .head {
  padding-left: 24px;
  display: flex;
  align-items: center;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .package_list ul li {
  text-align: start;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .package_footer {
  padding-left: 24px;
  height: 128px;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details:first-child .package_footer h4 {
  text-align: start;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_footer {
  color: var(--mute-color-100, #1c1c1c);
  /* H3/Semibold 32 */
  font-family: Baloo Da 2;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_footer h4 {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
  text-align: center;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .package_footer h4 {
    font-size: 18px;
    margin-top: 10px;
  }
}

.wordpress_site_development .service_packagage .service_all_package .service_package_details .package_footer a {
  display: inline-flex;
  padding: 12px 24px 11px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid var(--secondary-60, #6b7280);
  background: var(--white-100, #fff);
  margin: 10px;
}

@media screen and (max-width: 575.9px) {
  .wordpress_site_development .service_packagage .service_all_package .service_package_details .package_footer a {
    font-size: 16px;
    padding: 8px 14px 7px 14px;
    margin: 15px;
  }
}

.not_found_area_start {
  margin-top: 140px;
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start {
    margin-top: 40px;
  }
}

.not_found_area_start .not_found_error_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.not_found_area_start .not_found_error_message .error_img img {
  width: 444px;
  height: 200px;
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start .not_found_error_message .error_img img {
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    padding-bottom: 10px;
  }
}

.not_found_area_start .not_found_error_message .error_message {
  color: var(--mute-color-80, #494949);
  font-family: Noto Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  /* 150% */
  margin-top: 25px;
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start .not_found_error_message .error_message {
    font-size: 16px;
    margin-top: 10px;
  }
}

.not_found_area_start .not_found_error_message .back_btn {
  display: flex;
  justify-content: center;
}

.not_found_area_start .not_found_error_message .back_btn .btn {
  text-align: center;
  margin-top: 62px;
  display: flex;
  padding: 12px 34px 11px 34px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--secondary-60, #6b7280);
  background: var(--white-100, #fff);
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start .not_found_error_message .back_btn .btn i {
    font-size: 12px;
  }
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start .not_found_error_message .back_btn .btn {
    margin-top: 20px;
    padding: 8px 12px 7px 12px;
  }
}

.not_found_area_start .not_found_error_message .back_btn .btn a {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
}

@media screen and (max-width: 575.9px) {
  .not_found_area_start .not_found_error_message .back_btn .btn a {
    font-size: 14px;
  }
}

.our_refund_policy_area {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area {
    margin-top: 40px;
  }
}

.our_refund_policy_area .our_refund_policy {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.our_refund_policy_area .our_refund_policy .refund_policy_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
  margin-bottom: 32px;
  display: flex;
  justify-content: start;
  width: 846px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .refund_policy_title {
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description {
  width: 846px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description {
    width: 100%;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H4/Semibold 26 */
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_title {
    font-size: 16px;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_header {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 16px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_header {
    font-size: 14px;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description ul {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 14px 0px 16px 30px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description ul {
    font-size: 14px;
    margin: 14px 0px 15px 20px;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description ul li {
  list-style-type: disc;
  color: #494949;
  margin-bottom: 25px;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description ul li {
    margin-bottom: 10px;
  }
}

.our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_footer {
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media screen and (max-width: 575.9px) {
  .our_refund_policy_area .our_refund_policy .our_refund_policy_description .description_footer {
    font-size: 14px;
  }
}

.sitemap_area {
  margin-top: 100px;
}

@media screen and (max-width: 575.9px) {
  .sitemap_area {
    margin-top: 40px;
  }
}

.sitemap_area .sitemap_heading {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .sitemap_heading {
    font-size: 20px;
    line-height: 100%;
  }
}

.sitemap_area .sitemap_details {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .sitemap_details {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sitemap_area .sitemap_details .sitemap_info .info_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
  margin-bottom: 12px;
  margin-top: 40px;
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .sitemap_details .sitemap_info .info_title {
    margin-top: 25px;
    font-size: 16px;
  }
}

.sitemap_area .sitemap_details .sitemap_info ul {
  padding-left: 10px;
  color: var(--mute-color-80, #494949);
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .sitemap_details .sitemap_info ul {
    font-size: 14px;
    line-height: 120%;
  }
}

.sitemap_area .sitemap_details .sitemap_info ul li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 10px;
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .sitemap_details .sitemap_info ul li {
    margin-bottom: 8px;
  }
}

.sitemap_area .sitemap_details .sitemap_info ul li a {
  color: var(--mute-color-80, #494949);
}

.sitemap_area .sitemap_details .sitemap_info ul li:hover a {
  color: blue;
}

.sitemap_area .student_panel {
  margin-top: 72px;
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .student_panel {
    margin-top: 40px;
  }
}

.sitemap_area .student_panel .student_panel_heading {
  display: flex;
  align-items: center;
}

.sitemap_area .student_panel .student_panel_heading .student_panel_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .student_panel .student_panel_heading .student_panel_title {
    font-size: 20px;
    width: 100%;
  }
}

.sitemap_area .student_panel .student_panel_heading .student_panel_border {
  width: 1064px;
  border: 1px solid #D2D2D2;
  margin-left: 30px;
}

@media screen and (max-width: 575.9px) {
  .sitemap_area .student_panel .student_panel_heading .student_panel_border {
    width: 100%;
    margin-left: 0px;
  }
}

.sitemap_area .student_panel .sitemap_info .continue_info_title {
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 39px */
  margin-bottom: 12px;
  margin-top: 30px;
}

.career_banner_area {
  background: var(--secondary-20, #f3f4f6);
}

.career_banner_area .career_banner_details {
  padding: 70px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 575.9px) {
  .career_banner_area .career_banner_details {
    flex-direction: column;
    padding: 20px 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .career_banner_area .career_banner_details {
    gap: 40px;
  }
}

@media screen and (max-width: 575.9px) {
  .career_banner_area .career_banner_details .career_banner_description {
    order: 2;
  }
}

.career_banner_area .career_banner_details .career_banner_description .banner_title {
  color: var(--mute-color-100, #1c1c1c);
  /* H2/Semibold 41p */
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
  width: 337px;
}

@media screen and (max-width: 575.9px) {
  .career_banner_area .career_banner_details .career_banner_description .banner_title {
    width: 100%;
    font-size: 18px;
    padding-top: 30px;
  }
}

.career_banner_area .career_banner_details .career_banner_description .banner_info {
  color: var(--mute-color-80, #494949);
  /* Body Regular 16 */
  font-family: Baloo Da 2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  width: 519px;
  margin-top: 24px;
}

@media screen and (max-width: 575.9px) {
  .career_banner_area .career_banner_details .career_banner_description .banner_info {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575.9px) {
  .career_banner_area .career_banner_details .career_banner_thumbnail {
    order: 1;
  }

  .career_banner_area .career_banner_details .career_banner_thumbnail img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  .career_banner_area .career_banner_details .career_banner_thumbnail img {
    width: 100%;
  }
}

.techpart_benefits_area {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area {
    margin-top: 30px;
  }
}

.techpart_benefits_area .benefiits_title {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  /* H2/Semibold 41p */
  font-family: Baloo Da 2;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 61.5px */
  margin-bottom: 56px;
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area .benefiits_title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.techpart_benefits_area .benefits_types {
  display: flex;
  justify-content: center;
  gap: 24px;
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area .benefits_types {
    flex-direction: column;
  }
}

.techpart_benefits_area .benefits_types .well_culture {
  width: 302px;
  border-radius: 12px;
  border: 1px solid var(--mute-color-20, #d2d2d2);
  background: var(--secondary-20, #f3f4f6);
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area .benefits_types .well_culture {
    width: 100%;
  }
}

.techpart_benefits_area .benefits_types .well_culture .well_culture_img {
  border-radius: 12px 12px 0px 0px;
  border: 1px solid var(--mute-color-20, #d2d2d2);
  background: var(--secondary-10, #f9fafb);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 36px 65px;
}

.techpart_benefits_area .benefits_types .well_culture .well_culture_img img {
  width: 172px;
  height: 172px;
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area .benefits_types .well_culture .well_culture_img img {
    width: 100%;
    height: 100%;
  }
}

.techpart_benefits_area .benefits_types .well_culture .well_culture_title {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 39px */
  padding: 15px 50px;
}

@media screen and (max-width: 575.9px) {
  .techpart_benefits_area .benefits_types .well_culture .well_culture_title {
    font-size: 16px;
  }
}

.present_job_possiton_area {
  margin-top: 120px;
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area {
    margin-top: 30px;
  }
}

.present_job_possiton_area .job_possition_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.present_job_possiton_area .job_possition_area .job_possition_title {
  margin-bottom: 56px;
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area .job_possition_area .job_possition_title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.present_job_possiton_area .job_possition_area .data_science_specialist {
  width: 845px;
  border-radius: 12px;
  border: 1px solid var(--mute-color-40, #a4a4a4);
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area .job_possition_area .data_science_specialist {
    width: 100%;
  }
}

.present_job_possiton_area .job_possition_area .data_science_specialist .specialist_title {
  padding: 16px 25px;
  color: var(--mute-color-100, #1c1c1c);
  font-family: Baloo Da 2;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area .job_possition_area .data_science_specialist .specialist_title {
    padding: 8px 15px;
    font-size: 14px;
  }
}

.present_job_possiton_area .job_possition_area .data_science_specialist .job_apply_btn {
  display: flex;
  padding: 12px 24px 11px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--mute-color-40, #a4a4a4);
  background: var(--white-100, #fff);
  margin: 12px;
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area .job_possition_area .data_science_specialist .job_apply_btn {
    margin: 5px;
    padding: 10px 15px;
  }
}

.present_job_possiton_area .job_possition_area .data_science_specialist .job_apply_btn span {
  color: var(--mute-color-100, #1c1c1c);
  text-align: center;
  font-family: Baloo Da 2;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media screen and (max-width: 575.9px) {
  .present_job_possiton_area .job_possition_area .data_science_specialist .job_apply_btn span {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */