.page-title-area::before {
   opacity: 0;
}

.page-title-area .page-title-content ul li::before {
   content: "";
   position: absolute;
   top: 5px;
   right: -3px;
   background-color: #fff;
   width: 1px;
   height: 15px;
   -webkit-transform: rotate(25deg);
   transform: rotate(25deg);
}

.courses-area-style .container {
   max-width: 1470px;
   padding-left: 30px;
   padding-right: 30px;
}

.control {
   display: block;
   position: relative;
   padding-left: 30px;
   margin-bottom: 15px;
   cursor: pointer;
   font-size: 18px;
}

.control input {
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.control__indicator {
   position: absolute;
   top: 2px;
   left: 0;
   height: 20px;
   width: 20px;
   background: #e6e6e6;
}

.control--radio .control__indicator {
   border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
   background: #ccc;
}

.control input:checked~.control__indicator {
   background: #2aa1c0;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
   background: #0e647d;
}

.control input:disabled~.control__indicator {
   background: #e6e6e6;
   opacity: 0.6;
   pointer-events: none;
}

.control__indicator:after {
   content: '';
   position: absolute;
   display: none;
}

.control input:checked~.control__indicator:after {
   display: block;
}

.control--checkbox .control__indicator:after {
   left: 7px;
   top: 4px;
   width: 6px;
   height: 10px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
   border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
   left: 7px;
   top: 7px;
   height: 6px;
   width: 6px;
   border-radius: 50%;
   background: #fff;
}

.control--radio input:disabled~.control__indicator:after {
   background: #7b7b7b;
}

.nice-select {
   width: 150px;
}

.line-clamp-3 {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.line-clamp-2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.accordion-content a {
   line-height: 45px;
   margin-left: 25px;
}

.single-course {
   margin-bottom: 0;
}

.single-course .course-content {
   box-shadow: unset;
}

.ctn_detail_item {
   width: 100%;
   background: #FFF;
   border-radius: 15px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.single-course a.ctn_href {
   width: 100%;
   text-align: center;
   display: block;
}

.single-course a.ctn_href img {
   height: 200px;
   width: 100%;
}

.single-course .course-content p.ctn_description {
   width: 100%;
   padding-bottom: 2px;
   /* border-bottom: 1px dashed #ccc; */
   border-bottom: 0;
   line-height: 1.5;
}

.single-course .course-content .lessons li {
   color: #cd1326
}

.page-title-area {
   background-image: url('/img/khaitam/bck_kt.jpg');
   background-repeat: no-repeat;
   padding: 120px 0;
   background-size: 100% 100%;
}

.ctn_title_sidebar {
   width: 100%;
   position: relative;
   text-align: center;
   color: #fff;
   padding-top: 15px;
   padding-bottom: 40px;
   background-image: url('/img/khaitam/bg-head-doc.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.ctn_box_sidebar {
   margin-top: -40px;
   border-radius: 20px;
   padding: 45px 25px 10px;
   border-top-width: 0px !important;
   background: #ffefe9;
}

.ctn_box_sidebar_child {
   width: 100%;
   max-height: 295px;
   overflow-y: auto;
}

.ctn_box_sidebar_child::-webkit-scrollbar {
   width: 10px;
   border-radius: 10px;
}

.ctn_box_sidebar_child::-webkit-scrollbar-track {
   background-color: #CCCCCC;
   border-radius: 10px;
}

.ctn_box_sidebar_child::-webkit-scrollbar-thumb {
   background-color: #7b7b7b;
   border-radius: 10px;
}

@media screen and (max-width: 768px) {
   #bck_khaitam {
      padding-top: 75px !important;
   }
}

@media screen and (min-width: 768px) {
   #open-filters {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   .control {
      display: block;
      width: 100%;
   }

   #open-filters.openf {
      right: 280px;
   }

   #open-filters {
      color: #fff;
      background: #ff5622;
      position: fixed;
      right: 0;
      top: 35% !important;
      padding: 4px 10px;
      cursor: pointer;
      z-index: 99999;
      font-size: 18px;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease;
   }

   .dqdt-sidebar.openf {
      visibility: visible;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
   }

   .dqdt-sidebar {
      position: fixed;
      width: 280px;
      background: #fff;
      top: 0;
      bottom: 65px;
      right: 0;
      border-top: solid 1px #bbbbbb;
      border-left: solid 1px #bbbbbb;
      overflow: auto;
      z-index: 100000;
      visibility: hidden;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
   }

   .sidebar-widget.categories {
      padding: 5px;
   }

   .single-course a.ctn_href img {
      width: unset;
   }
}

@media (max-width: 480px) {
   .page-title-area {
      background-image: url('/img/khaitam/background_notification.png');
   }

   .single-course a.ctn_href img {
      width: 100%;
   }
}