/* About Area start */
.taskoit_about_main{
}
.taskoit_about_main .about_page_ab,
.taskoit_about_main .about_why {
  padding-top: 120px;
}

.taskoit_about_main .witr_section_title_inner h2 {
  font-size: 20px;
  display: inline-block;
  color: var(--color-primary);
  font-family: var(--title-font-family);
}

.taskoit_about_main .witr_section_title_inner h1,
.taskoit_about_main .witr_section_title_inner h3 {
  margin: auto;
}



.taskoit_about_main .witr_section_title_inner p {
  font-family: var(--title-font-family);
  color: var(--text-color);
}

.taskoit_about_main .about_left > p {
  font-family: var(--font-family);
  color: var(--text-color);
  height: 181px;
    overflow: auto;
        margin-top: 20px;
}



.taskoit_about_main .about_left > p::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
}
 
/* 自定义滚动条轨道 */
.taskoit_about_main .about_left > p::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道颜色 */
}
 
/* 自定义滚动条的滑块（thumb） */
.taskoit_about_main .about_left > p::-webkit-scrollbar-thumb {
  background: var(--color-primary); /* 滑块颜色 */
}
 
/* 当hover或active状态时，自定义滑块的颜色 */
.taskoit_about_main .about_left > p::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

.taskoit_about_main .witr_section_title_inner p {
  font-size: 22px;
  width: 100%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 10px;
}

.taskoit_about_main .about_left .witr_btn_sinner {
  margin-top: 20px;
}

.taskoit_about_main .about_right img {
    width: 100%;
    height: 407px;
    object-fit: cover;
}

/* slider video icon css */
.taskoit_about_main .about_left .witr_btn_sinner .witr_btn {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: 1s;
  background: var(--color-primary);
  color: #fff;
  margin-right: 15px;
  padding: 16px 40px;
  font-family: var(--title-font-family);
  font-size: 17px;
  font-weight: 600;
  border-radius: var(--button-radius);
}
.taskoit_about_main .about_left .witr_btn_sinner .witr_btn:hover {
  background: var(--color-second);
}


@media (max-width: 767px) {
  /* About area start */

  .taskoit_about_main .witr_section_title_inner h2 {
    margin-bottom: 4px;
    font-size: 15px;
  }



  /* About area end */

  .taskoit_about_main .witr_btn {
    padding: 10px 26px !important;
    margin-right: 0;
  }
}

@media (min-width: 10px) and (max-width: 570px) {
  /* About area start */

  .taskoit_about_main .witr_section_title_inner h2 {
    margin-bottom: 4px;
    font-size: 15px;
  }



  /* About area end */
}