@charset "UTF-8";
/*

Template Name: Khebratak Responsive  HTML5 Template
Description: Khebratak  Responsive  HTML5 Template
Author: Mahmudul Hasan Sohel
Author URI: https://zainiklab.com/
Version: 1.0

*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap");
:root {
  --white: #ffffff;
  --white-color: #ffffff;
  --white-20: rgba(255, 255, 255, 0.2);
  --black: #000000;
  --theme-color: #217738;
  --heading-color: #0b2711;
  --body-font-color: #657869;
  --primary-color: #181818;
  --text-black: #0b2711;
  --stroke: #e9e9e9;
  --para-text: #657869;
  --red: #ff1f1f;
  --color-green: #217738;
  --green: #217738;
  --green-two: #164f26;
  --yellow: #facf39;
  --yellow-stroke: #dab123;
  --gray-one: #eeeeee;
  --gray-two: #f8f8f8;
  --gray-three: #f9f9f9;
  --scroll-track: #efefef;
  --scroll-thumb: #dadada;
}

/* Border */
.bd-one {
  border-width: 1px !important;
  border-style: solid;
}

/* Border top */
.bd-t-one {
  border-top-width: 1px !important;
  border-top-style: solid;
}

/* Border Bottom */
.bd-b-one {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}

/* Border Left */
@media screen and (min-width: 576px) {
  .bd-sm-l-one {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
}

/* Border Radius */
.bd-ra-0 {
  border-radius: 0px !important;
}

.bd-ra-1 {
  border-radius: 1px !important;
}

.bd-ra-2 {
  border-radius: 2px !important;
}

.bd-ra-3 {
  border-radius: 3px !important;
}

.bd-ra-4 {
  border-radius: 4px !important;
}

.bd-ra-5 {
  border-radius: 5px !important;
}

.bd-ra-6 {
  border-radius: 6px !important;
}

.bd-ra-7 {
  border-radius: 7px !important;
}

.bd-ra-8 {
  border-radius: 8px !important;
}

.bd-ra-9 {
  border-radius: 9px !important;
}

.bd-ra-10 {
  border-radius: 10px !important;
}

.bd-ra-11 {
  border-radius: 11px !important;
}

.bd-ra-12 {
  border-radius: 12px !important;
}

.bd-ra-13 {
  border-radius: 13px !important;
}

.bd-ra-14 {
  border-radius: 14px !important;
}

.bd-ra-15 {
  border-radius: 15px !important;
}

.bd-ra-16 {
  border-radius: 16px !important;
}

.bd-ra-17 {
  border-radius: 17px !important;
}

.bd-ra-18 {
  border-radius: 18px !important;
}

.bd-ra-19 {
  border-radius: 19px !important;
}

.bd-ra-20 {
  border-radius: 20px !important;
}

.bd-ra-21 {
  border-radius: 21px !important;
}

.bd-ra-22 {
  border-radius: 22px !important;
}

.bd-ra-23 {
  border-radius: 23px !important;
}

.bd-ra-24 {
  border-radius: 24px !important;
}

.bd-ra-25 {
  border-radius: 25px !important;
}

.bd-ra-26 {
  border-radius: 26px !important;
}

.bd-ra-27 {
  border-radius: 27px !important;
}

.bd-ra-28 {
  border-radius: 28px !important;
}

.bd-ra-29 {
  border-radius: 29px !important;
}

.bd-ra-30 {
  border-radius: 30px !important;
}

/* Border Top left Radius */
.bd-tl-ra-0 {
  border-top-left-radius: 0px !important;
}

.bd-tl-ra-1 {
  border-top-left-radius: 1px !important;
}

.bd-tl-ra-2 {
  border-top-left-radius: 2px !important;
}

.bd-tl-ra-3 {
  border-top-left-radius: 3px !important;
}

.bd-tl-ra-4 {
  border-top-left-radius: 4px !important;
}

.bd-tl-ra-5 {
  border-top-left-radius: 5px !important;
}

.bd-tl-ra-6 {
  border-top-left-radius: 6px !important;
}

.bd-tl-ra-7 {
  border-top-left-radius: 7px !important;
}

.bd-tl-ra-8 {
  border-top-left-radius: 8px !important;
}

.bd-tl-ra-9 {
  border-top-left-radius: 9px !important;
}

.bd-tl-ra-10 {
  border-top-left-radius: 10px !important;
}

/* Border Top right Radius */
.bd-tr-ra-0 {
  border-top-right-radius: 0px !important;
}

.bd-tr-ra-1 {
  border-top-right-radius: 1px !important;
}

.bd-tr-ra-2 {
  border-top-right-radius: 2px !important;
}

.bd-tr-ra-3 {
  border-top-right-radius: 3px !important;
}

.bd-tr-ra-4 {
  border-top-right-radius: 4px !important;
}

.bd-tr-ra-5 {
  border-top-right-radius: 5px !important;
}

.bd-tr-ra-6 {
  border-top-right-radius: 6px !important;
}

.bd-tr-ra-7 {
  border-top-right-radius: 7px !important;
}

.bd-tr-ra-8 {
  border-top-right-radius: 8px !important;
}

.bd-tr-ra-9 {
  border-top-right-radius: 9px !important;
}

.bd-tr-ra-10 {
  border-top-right-radius: 10px !important;
}

/* Border bottom left Radius */
.bd-bl-ra-0 {
  border-bottom-left-radius: 0px !important;
}

.bd-bl-ra-1 {
  border-bottom-left-radius: 1px !important;
}

.bd-bl-ra-2 {
  border-bottom-left-radius: 2px !important;
}

.bd-bl-ra-3 {
  border-bottom-left-radius: 3px !important;
}

.bd-bl-ra-4 {
  border-bottom-left-radius: 4px !important;
}

.bd-bl-ra-5 {
  border-bottom-left-radius: 5px !important;
}

.bd-bl-ra-6 {
  border-bottom-left-radius: 6px !important;
}

.bd-bl-ra-7 {
  border-bottom-left-radius: 7px !important;
}

.bd-bl-ra-8 {
  border-bottom-left-radius: 8px !important;
}

.bd-bl-ra-9 {
  border-bottom-left-radius: 9px !important;
}

.bd-bl-ra-10 {
  border-bottom-left-radius: 10px !important;
}

/* Border bottom right Radius */
.bd-br-ra-0 {
  border-bottom-right-radius: 0px !important;
}

.bd-br-ra-1 {
  border-bottom-right-radius: 1px !important;
}

.bd-br-ra-2 {
  border-bottom-right-radius: 2px !important;
}

.bd-br-ra-3 {
  border-bottom-right-radius: 3px !important;
}

.bd-br-ra-4 {
  border-bottom-right-radius: 4px !important;
}

.bd-br-ra-5 {
  border-bottom-right-radius: 5px !important;
}

.bd-br-ra-6 {
  border-bottom-right-radius: 6px !important;
}

.bd-br-ra-7 {
  border-bottom-right-radius: 7px !important;
}

.bd-br-ra-8 {
  border-bottom-right-radius: 8px !important;
}

.bd-br-ra-9 {
  border-bottom-right-radius: 9px !important;
}

.bd-br-ra-10 {
  border-bottom-right-radius: 10px !important;
}

.khebratak-navBtn {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--yellow);
  background-color: var(--yellow);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-navBtn .icon {
  display: flex;
}
.khebratak-navBtn .icon svg path {
  stroke: var(--green-two);
  transition: all 0.3s;
}
.khebratak-navBtn:hover {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white) !important;
}
.khebratak-navBtn:hover .icon {
  display: flex;
}
.khebratak-navBtn:hover .icon svg path {
  stroke: var(--white);
}
.khebratak-btn {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--yellow);
  background-color: var(--yellow);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-btn .icon {
  display: flex;
}
.khebratak-btn .icon svg path {
  stroke: var(--green-two);
  transition: all 0.3s;
}
.khebratak-btn:hover {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white) !important;
}
.khebratak-btn:hover .icon {
  display: flex;
}
.khebratak-btn:hover .icon svg path {
  stroke: var(--white);
}
.khebratak-btn.disable-ranking-item {
  cursor: not-allowed;
}
.khebratak-btn.disable-ranking-item:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--text-black) !important;
}
.khebratak-btn.disable-ranking-item:hover .icon {
  display: flex;
}
.khebratak-btn.disable-ranking-item:hover .icon svg path {
  stroke: var(--text-black);
}
.khebratak-btn-alt {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  background-color: var(--green);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-btn-alt .icon {
  display: flex;
}
.khebratak-btn-alt .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-btn-alt:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--white) !important;
}
.khebratak-btn-alt:hover .icon {
  display: flex;
}
.khebratak-btn-alt:hover .icon svg path {
  stroke: var(--green-two);
}
.khebratak-btn-alt-outline {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--green) !important;
  transition: all 0.3s;
}
.khebratak-btn-alt-outline .icon {
  display: flex;
}
.khebratak-btn-alt-outline .icon svg path {
  stroke: var(--text-black);
  transition: all 0.3s;
}
.khebratak-btn-alt-outline:hover {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white) !important;
}
.khebratak-btn-alt-outline:hover .icon {
  display: flex;
}
.khebratak-btn-alt-outline:hover .icon svg path {
  stroke: var(--white);
}
.khebratak-btn-outline {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--yellow);
  background-color: var(--yellow);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-btn-outline .icon {
  display: flex;
}
.khebratak-btn-outline .icon svg path {
  stroke: var(--green-two);
  transition: all 0.3s;
}
.khebratak-btn-outline:hover {
  background-color: transparent;
  border-color: var(--yellow);
  color: var(--yellow) !important;
}
.khebratak-btn-outline:hover .icon {
  display: flex;
}
.khebratak-btn-outline:hover .icon svg path {
  stroke: var(--yellow);
}
.khebratak-btn-outline-alt {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--text-black);
  background-color: transparent;
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-btn-outline-alt .icon {
  display: flex;
}
.khebratak-btn-outline-alt .icon svg path {
  stroke: var(--text-black);
  transition: all 0.3s;
}
.khebratak-btn-outline-alt:hover {
  background-color: var(--text-black);
  border-color: var(--text-black);
  color: var(--white) !important;
}
.khebratak-btn-outline-alt:hover .icon {
  display: flex;
}
.khebratak-btn-outline-alt:hover .icon svg path {
  stroke: var(--white);
}
.khebratak-btn-red {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--red);
  background-color: var(--red);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-btn-red .icon {
  display: flex;
}
.khebratak-btn-red .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-btn-back {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid #eaeaea;
  background-color: #eaeaea;
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-btn-back .icon {
  display: flex;
}
.khebratak-btn-back .icon svg path {
  stroke: #164f25;
  transition: all 0.3s;
}
.khebratak-btn-offday {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid #cecece !important;
  background-color: #cecece !important;
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-btn-offday .icon {
  display: flex;
}
.khebratak-btn-offday .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-btn-offday:hover {
  background-color: #cecece !important;
  border-color: #cecece !important;
  color: var(--white) !important;
}
.khebratak-btn-offday.disabled-btn {
  cursor: not-allowed;
}
.khebratak-load-more-btn {
  padding: 12px 20px !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  background-color: var(--green);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-load-more-btn .icon {
  display: flex;
}
.khebratak-load-more-btn .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-load-more-btn:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--white) !important;
}
.khebratak-load-more-btn:hover .icon {
  display: flex;
}
.khebratak-load-more-btn:hover .icon svg path {
  stroke: var(--green-two);
}

#mainNav.sticky .khebratak-navBtn:hover {
  background-color: transparent;
  border-color: var(--yellow);
  color: var(--yellow) !important;
}
#mainNav.sticky .khebratak-navBtn:hover .icon {
  display: flex;
}
#mainNav.sticky .khebratak-navBtn:hover .icon svg path {
  stroke: var(--yellow);
}

#librariesDropdown {
  padding: 10px 20px !important;
  margin: 0 !important;
  background-color: var(--gray-one);
  border-radius: 10px;
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px;
  color: var(--text-black) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-white-20 {
  color: var(--white-20) !important;
}

.text-black {
  color: var(--black) !important;
}

.text-primary-color {
  color: var(--primary-color) !important;
}

.text-text-black {
  color: var(--text-black) !important;
}

.text-stroke {
  color: var(--stroke) !important;
}

.text-para-text {
  color: var(--para-text) !important;
}

.text-red {
  color: var(--red) !important;
}

.text-green {
  color: var(--green) !important;
}

.text-green-two {
  color: var(--green-two) !important;
}

.text-yellow {
  color: var(--yellow) !important;
}

.text-yellow-stroke {
  color: var(--yellow-stroke) !important;
}

.text-gray-one {
  color: var(--gray-one) !important;
}

.text-gray-two {
  color: var(--gray-two) !important;
}

.text-gray-three {
  color: var(--gray-three) !important;
}

/* Background Color */
.bg-white {
  background-color: var(--white) !important;
}

.bg-white-20 {
  background-color: var(--white-20) !important;
}

.bg-black {
  background-color: var(--black) !important;
}

.bg-primary-color {
  background-color: var(--primary-color) !important;
}

.bg-text-black {
  background-color: var(--text-black) !important;
}

.bg-stroke {
  background-color: var(--stroke) !important;
}

.bg-para-text {
  background-color: var(--para-text) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-green {
  background-color: var(--green) !important;
}

.bg-green-two {
  background-color: var(--green-two) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-yellow-stroke {
  background-color: var(--yellow-stroke) !important;
}

.bg-gray-one {
  background-color: var(--gray-one) !important;
}

.bg-gray-two {
  background-color: var(--gray-two) !important;
}

.bg-gray-three {
  background-color: var(--gray-three) !important;
}

/* Border Color */
.bd-c-white {
  border-color: var(--white) !important;
}

.bd-c-white-20 {
  border-color: var(--white-20) !important;
}

.bd-c-black {
  border-color: var(--black) !important;
}

.bd-c-primary-color {
  border-color: var(--primary-color) !important;
}

.bd-c-text-black {
  border-color: var(--text-black) !important;
}

.bd-c-stroke {
  border-color: var(--stroke) !important;
}

.bd-c-para-text {
  border-color: var(--para-text) !important;
}

.bd-c-red {
  border-color: var(--red) !important;
}

.bd-c-green {
  border-color: var(--green) !important;
}

.bd-c-green-two {
  border-color: var(--green-two) !important;
}

.bd-c-yellow {
  border-color: var(--yellow) !important;
}

.bd-c-yellow-stroke {
  border-color: var(--yellow-stroke) !important;
}

.bd-c-gray-one {
  border-color: var(--gray-one) !important;
}

.bd-c-gray-two {
  border-color: var(--gray-two) !important;
}

.bd-c-gray-three {
  border-color: var(--gray-three) !important;
}

/* Box Shadow */
.khebratak-box-shadow {
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}

/* Fnot size */
.fs-0 {
  font-size: 0px;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

@media screen and (min-width: 576px) {
  .fs-sm-24 {
    font-size: 24px;
  }
}

@media screen and (min-width: 576px) {
  .fs-sm-32 {
    font-size: 32px;
  }
}

@media screen and (min-width: 576px) {
  .fs-sm-36 {
    font-size: 36px;
  }
}

/* Font weight */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fw-1000 {
  font-weight: 1000;
}

/* Line Height */
.lh-0 {
  line-height: 0px;
}

.lh-10 {
  line-height: 10px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px !important;
}

@media screen and (min-width: 576px) {
  .lh-sm-38 {
    line-height: 38px;
  }
}

/* Letter Spacing */
.ls-1 {
  letter-spacing: 1px;
}

.ls-3 {
  letter-spacing: 0.3px;
}

.ls-n-1 {
  letter-spacing: -0.01em;
}

.ls-n-2 {
  letter-spacing: -0.02em;
}

.ls-n-3 {
  letter-spacing: -0.03em;
}

/* Gap */
.g-0 {
  gap: 0px;
}

.g-1 {
  gap: 1px !important;
}

.g-2 {
  gap: 2px !important;
}

.g-3 {
  gap: 3px !important;
}

.g-4 {
  gap: 4px !important;
}

.g-5 {
  gap: 5px !important;
}

.g-6 {
  gap: 6px !important;
}

.g-7 {
  gap: 7px !important;
}

.g-8 {
  gap: 8px !important;
}

.g-9 {
  gap: 9px !important;
}

.g-10 {
  gap: 10px !important;
}

.g-11 {
  gap: 11px !important;
}

.g-12 {
  gap: 12px !important;
}

.g-13 {
  gap: 13px !important;
}

.g-14 {
  gap: 14px !important;
}

.g-15 {
  gap: 15px !important;
}

.g-16 {
  gap: 16px !important;
}

.g-17 {
  gap: 17px !important;
}

.g-18 {
  gap: 18px !important;
}

.g-19 {
  gap: 19px !important;
}

.g-20 {
  gap: 20px !important;
}

.g-21 {
  gap: 21px !important;
}

.g-22 {
  gap: 22px !important;
}

.g-23 {
  gap: 23px !important;
}

.g-24 {
  gap: 24px !important;
}

.g-25 {
  gap: 25px !important;
}

.g-26 {
  gap: 26px !important;
}

.g-27 {
  gap: 27px !important;
}

.g-28 {
  gap: 28px !important;
}

.g-29 {
  gap: 29px !important;
}

.g-30 {
  gap: 30px !important;
}

/* Row Gap */
.rg-0 {
  row-gap: 0px;
}

.rg-1 {
  row-gap: 1px !important;
}

.rg-2 {
  row-gap: 2px !important;
}

.rg-3 {
  row-gap: 3px !important;
}

.rg-4 {
  row-gap: 4px !important;
}

.rg-5 {
  row-gap: 5px !important;
}

.rg-6 {
  row-gap: 6px !important;
}

.rg-7 {
  row-gap: 7px !important;
}

.rg-8 {
  row-gap: 8px !important;
}

.rg-9 {
  row-gap: 9px !important;
}

.rg-10 {
  row-gap: 10px !important;
}

.rg-11 {
  row-gap: 11px !important;
}

.rg-12 {
  row-gap: 12px !important;
}

.rg-13 {
  row-gap: 13px !important;
}

.rg-14 {
  row-gap: 14px !important;
}

.rg-15 {
  row-gap: 15px !important;
}

.rg-16 {
  row-gap: 16px !important;
}

.rg-17 {
  row-gap: 17px !important;
}

.rg-18 {
  row-gap: 18px !important;
}

.rg-19 {
  row-gap: 19px !important;
}

.rg-20 {
  row-gap: 20px !important;
}

.rg-21 {
  row-gap: 21px !important;
}

.rg-22 {
  row-gap: 22px !important;
}

.rg-23 {
  row-gap: 23px !important;
}

.rg-24 {
  row-gap: 24px !important;
}

.rg-25 {
  row-gap: 25px !important;
}

.rg-26 {
  row-gap: 26px !important;
}

.rg-27 {
  row-gap: 27px !important;
}

.rg-28 {
  row-gap: 28px !important;
}

.rg-29 {
  row-gap: 29px !important;
}

.rg-30 {
  row-gap: 30px !important;
}

/* Column gap */
.cg-0 {
  column-gap: 0px;
}

.cg-1 {
  column-gap: 1px !important;
}

.cg-2 {
  column-gap: 2px !important;
}

.cg-3 {
  column-gap: 3px !important;
}

.cg-4 {
  column-gap: 4px !important;
}

.cg-5 {
  column-gap: 5px !important;
}

.cg-6 {
  column-gap: 6px !important;
}

.cg-7 {
  column-gap: 7px !important;
}

.cg-8 {
  column-gap: 8px !important;
}

.cg-9 {
  column-gap: 9px !important;
}

.cg-10 {
  column-gap: 10px !important;
}

.cg-11 {
  column-gap: 11px !important;
}

.cg-12 {
  column-gap: 12px !important;
}

.cg-13 {
  column-gap: 13px !important;
}

.cg-14 {
  column-gap: 14px !important;
}

.cg-15 {
  column-gap: 15px !important;
}

.cg-16 {
  column-gap: 16px !important;
}

.cg-17 {
  column-gap: 17px !important;
}

.cg-18 {
  column-gap: 18px !important;
}

.cg-19 {
  column-gap: 19px !important;
}

.cg-20 {
  column-gap: 20px !important;
}

.cg-21 {
  column-gap: 21px !important;
}

.cg-22 {
  column-gap: 22px !important;
}

.cg-23 {
  column-gap: 23px !important;
}

.cg-24 {
  column-gap: 24px !important;
}

.cg-25 {
  column-gap: 25px !important;
}

.cg-26 {
  column-gap: 26px !important;
}

.cg-27 {
  column-gap: 27px !important;
}

.cg-28 {
  column-gap: 28px !important;
}

.cg-29 {
  column-gap: 29px !important;
}

.cg-30 {
  column-gap: 30px !important;
}

/* Margin Left & Right */
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* Margin top & bottom */
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

/* Margin top */
.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

@media screen and (min-width: 768px) {
  .mt-md-45 {
    margin-top: 45px !important;
  }
}

/* Margin right */
.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

/* Margin bottom */
.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
}

/* Margin Start */
@media screen and (min-width: 992px) {
  .ms-lg-auto {
    margin-left: auto;
  }
}

/* Margin left */
.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

/* z-index */
.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

/* Padding */
.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-11 {
  padding: 11px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-13 {
  padding: 13px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-17 {
  padding: 17px !important;
}

.p-18 {
  padding: 18px !important;
}

.p-19 {
  padding: 19px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-21 {
  padding: 21px !important;
}

.p-22 {
  padding: 22px !important;
}

.p-23 {
  padding: 23px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-26 {
  padding: 26px !important;
}

.p-27 {
  padding: 27px !important;
}

.p-28 {
  padding: 28px !important;
}

.p-29 {
  padding: 29px !important;
}

.p-30 {
  padding: 30px !important;
}

@media screen and (min-width: 992px) {
  .p-lg-25 {
    padding: 25px !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-30 {
    padding: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-25 {
    padding: 25px !important;
  }
}

/* Padding top & bottom */
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media screen and (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

/* Padding left & right */
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

@media screen and (min-width: 576px) {
  .px-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

/* Padding top */
.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

@media screen and (min-width: 992px) {
  .pt-lg-50 {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-25 {
    padding-top: 25px !important;
  }
}

/* Padding bottom */
.pb-50 {
  padding-bottom: 50px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

@media screen and (min-width: 992px) {
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-44 {
    padding-bottom: 44px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
}

/* Padding Left */
.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

@media screen and (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0px !important;
  }
}

/* Padding Right */
.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

/* Minimum width */
.min-w-150 {
  min-width: 150px;
}

.min-w-213 {
  min-width: 213px;
}

@media screen and (min-width: 1400px) {
  .min-sm-w-0 {
    min-width: 0px !important;
  }
}

/* Maximum width */
.max-w-50 {
  max-width: 50px;
}

.max-w-64 {
  max-width: 64px;
}

.max-w-160 {
  max-width: 160px;
}

.max-w-184 {
  max-width: 184px;
}

.max-w-206 {
  max-width: 206px;
}

.max-w-229 {
  max-width: 229px;
}

.max-w-240 {
  max-width: 240px;
}

.max-w-427 {
  max-width: 427px;
}

.max-w-435 {
  max-width: 435px;
}

.max-w-504 {
  max-width: 504px;
}

@media screen and (min-width: 768px) {
  .max-md-w-0 {
    max-width: 0px;
  }
}

/* Width */
.w-12 {
  width: 12px !important;
}

.w-24 {
  width: 24px !important;
}

.w-30 {
  width: 30px !important;
}

.w-32 {
  width: 32px !important;
}

.w-36 {
  width: 36px !important;
}

.w-40 {
  width: 40px !important;
}

/* Minimum Height */
.min-h-117 {
  min-height: 117px !important;
}

.min-h-145 {
  min-height: 145px !important;
}

/* Minimum Vertical Height */
.min-vh-h-0 {
  min-height: 0vh;
}

/* Maximum Height */
.max-h-0 {
  max-height: 0px;
}

/* Height */
.h-12 {
  height: 12px !important;
}

.h-24 {
  height: 24px !important;
}

.h-30 {
  height: 30px !important;
}

.h-32 {
  height: 32px !important;
}

.h-36 {
  height: 36px !important;
}

.h-40 {
  height: 40px !important;
}

/* Top */
.top-10 {
  top: 10px !important;
}

/* Left */
.left-0 {
  left: 0px !important;
}

/* Right */
.right-10 {
  right: 10px !important;
}

.top-n-26 {
  top: -26px;
}

.end-n-20 {
  right: 20px;
}

.end-10 {
  right: 10px;
}

.bottom-10 {
  bottom: 10px;
}

/* Line clamp */
.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
}

.line-clamp-7 {
  -webkit-line-clamp: 7;
}

.line-clamp-8 {
  -webkit-line-clamp: 8;
}

.line-clamp-9 {
  -webkit-line-clamp: 9;
}

.line-clamp-10 {
  -webkit-line-clamp: 10;
}

/* Text ellipsis */
.sf-text-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Object fit */
.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

.white-space-pre-line {
  white-space: pre-line;
}

/* Form */
.zForm-label {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--text-black);
}
.zForm-label span {
  color: var(--yellow);
}

.zForm-control {
  display: block;
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-black);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.zForm-control:focus, .zForm-control:hover {
  border: 1px solid var(--green);
  color: var(--text-black) !important;
  background-color: var(--white) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.zForm-control::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--para-text);
}

.form-select.zForm-control {
  background-image: url("../images/icon/select-arrow.svg");
  background-size: 23px;
}

textarea.zForm-control-alt {
  resize: none;
  min-height: 160px;
}

/* Checkbox */
.zForm-wrap-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.zForm-wrap-checkbox input.form-check-input {
  margin-top: 8px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 1px solid var(--para-text);
  border-radius: 2px;
  background-color: var(--white);
}
.zForm-wrap-checkbox input.form-check-input:checked {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}
.zForm-wrap-checkbox label {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--para-text);
}
.zForm-wrap-checkbox label a {
  color: var(--green);
}
.zForm-wrap-checkbox.rememberMe-checkbox input.form-check-input {
  margin-top: 5px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 1px solid var(--stroke);
  border-radius: 50%;
  background-color: var(--white);
}
.zForm-wrap-checkbox.rememberMe-checkbox input.form-check-input:checked {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}
.zForm-wrap-checkbox.rememberMe-checkbox label {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--text-black);
}
.zForm-wrap-checkbox.rememberMe-checkbox label a {
  text-decoration: underline;
}

/* Radio */
.zForm-wrap-radio {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 0 !important;
}
.zForm-wrap-radio input.form-check-input {
  margin-top: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 2px solid var(--stroke);
  background-color: var(--white);
  background-size: 10px;
  margin-left: 0 !important;
}
.zForm-wrap-radio input.form-check-input:checked {
  background-image: url("../images/icon/radio-circle.svg");
  background-color: var(--white);
  border-color: var(--stroke);
}
.zForm-wrap-radio label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--para-text);
  margin: 0 !important;
}

/* Switch */
.summernoteOne ~ .note-editor {
  border: 1px solid var(--stroke) !important;
  border-radius: 10px;
  padding: 20px;
  background-color: var(--white);
}
.summernoteOne ~ .note-editor .note-toolbar {
  padding: 0 5px;
  background-color: #f8f8f8 !important;
  border-bottom: none !important;
  border-radius: 10px;
}
.summernoteOne ~ .note-editor .note-toolbar > div {
  margin-top: 0;
}
.summernoteOne ~ .note-editor .note-toolbar > .note-btn-group {
  position: relative;
}
.summernoteOne ~ .note-editor .note-toolbar > .note-btn-group::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #f8f8f8;
}
.summernoteOne ~ .note-editor .note-toolbar > .note-btn-group:last-child::before {
  display: none;
}
.summernoteOne ~ .note-editor .note-toolbar .note-btn {
  color: var(--para-text);
  border: none;
  background-color: transparent;
  border-radius: 0;
}
.summernoteOne ~ .note-editor .note-toolbar .note-btn::after {
  display: none;
}
.summernoteOne ~ .note-editor .note-toolbar .note-btn-group.note-color .note-btn {
  border-radius: 8px 0 0 8px;
  margin-right: 0;
}
.summernoteOne ~ .note-editor .note-toolbar .note-btn-group.note-color .note-btn.dropdown-toggle {
  border-radius: 0 8px 8px 0;
}
.summernoteOne ~ .note-editor .note-statusbar {
  display: none;
}

/* Form select */
.khebratak-form-select {
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--stroke);
  border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 15px;
  color: var(--text-black);
  padding-bottom: 13px;
}

/* Floating label */
.khebratak-floating-label {
  position: relative;
}
.khebratak-floating-label label {
  height: auto;
  position: absolute;
  top: 6px;
  left: 0;
  padding: 0;
  margin-bottom: 0;
  transition: all 200ms;
}
.khebratak-floating-label input,
.khebratak-floating-label textarea {
  transition: all 200ms;
}
.khebratak-floating-label input::placeholder,
.khebratak-floating-label textarea::placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--para-text);
  opacity: 0;
}
.khebratak-floating-label:has(textarea) label {
  top: 15%;
  left: 2%;
}
.khebratak-floating-label input:focus + label,
.khebratak-floating-label textarea:focus + label {
  transform: translate3d(-7%, -97%, 0) scale(0.85);
  color: var(--para-text);
}
.khebratak-floating-label input:focus label,
.khebratak-floating-label textarea:focus label {
  margin-left: 0;
}
.khebratak-floating-label.khebratak-form-select-group label {
  opacity: 0;
  visibility: hidden;
}
.khebratak-floating-label.khebratak-form-select-group.khebratak-form-select-focused label {
  opacity: 1;
  visibility: visible;
}
.khebratak-floating-label.khebratak-form-select-focused label, .khebratak-floating-label > input:not(:placeholder-shown) ~ label, .khebratak-floating-label > textarea:not(:placeholder-shown) ~ label {
  transform: translate3d(-7%, -97%, 0) scale(0.85);
  color: var(--para-text);
}

.selectize-input {
  display: block !important;
  width: 100% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--text-black) !important;
  background-color: var(--white) !important;
  background-clip: padding-box !important;
  appearance: none !important;
  padding: 12px 20px !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.selectize-input::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 17px !important;
  margin-top: 0 !important;
  width: 23px !important;
  height: 23px !important;
  border-style: solid !important;
  border-width: 0 !important;
  border-color: transparent transparent transparent transparent !important;
  background-image: url("../images/icon/select-arrow.svg") !important;
  background-size: 23px !important;
}

/* Dropdown Items */
.dropdownItem-one {
  min-width: 90px !important;
  padding: 16px 14px !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 6px !important;
  box-shadow: 0px 11px 30px 10px rgba(163, 177, 204, 0.1607843137);
}
.dropdownItem-one li {
  padding-bottom: 10px;
}
.dropdownItem-one li:last-child {
  padding-bottom: 0;
}
.dropdownItem-one a > div,
.dropdownItem-one button > div {
  flex: 0 0 auto;
  max-width: 15px;
  width: 100%;
}
.dropdownItem-one a:hover p, .dropdownItem-one a.active p,
.dropdownItem-one button:hover p,
.dropdownItem-one button.active p {
  color: var(--text-black) !important;
}
.dropdownItem-one a:hover svg path, .dropdownItem-one a.active svg path,
.dropdownItem-one button:hover svg path,
.dropdownItem-one button.active svg path {
  fill: var(--text-black);
}
.dropdownItem-one a.ecomProductDeleteBtn p,
.dropdownItem-one button.ecomProductDeleteBtn p {
  color: var(--red) !important;
}
.dropdownItem-one a.ecomProductDeleteBtn svg path,
.dropdownItem-one button.ecomProductDeleteBtn svg path {
  fill: var(--red);
}
.dropdownItem-two {
  max-width: 213px !important;
  padding: 16px !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 6px !important;
  box-shadow: 0px 11px 30px 10px rgba(163, 177, 204, 0.1607843137);
}
.dropdownItem-two li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--stroke);
}
.dropdownItem-two li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.dropdownItem-two a > div {
  flex: 0 0 auto;
  max-width: 15px;
  width: 100%;
}
.dropdownItem-two a:hover p, .dropdownItem-two a.active p {
  color: var(--text-black) !important;
}
.dropdownItem-two a:hover svg path, .dropdownItem-two a.active svg path {
  fill: var(--text-black);
}

/* Badges */
/* Lists */
.zList-pb-1 li {
  padding-bottom: 1px;
}
.zList-pb-1 li:last-child {
  padding-bottom: 0;
}
.zList-pb-2 li {
  padding-bottom: 2px;
}
.zList-pb-2 li:last-child {
  padding-bottom: 0;
}
.zList-pb-7 li {
  padding-bottom: 7px;
}
.zList-pb-7 li:last-child {
  padding-bottom: 0;
}
.zList-pb-8 li {
  padding-bottom: 8px;
}
.zList-pb-8 li:last-child {
  padding-bottom: 0;
}
.zList-pb-10 li {
  padding-bottom: 10px;
}
.zList-pb-10 li:last-child {
  padding-bottom: 0;
}
.zList-pb-13 li {
  padding-bottom: 13px;
}
.zList-pb-13 li:last-child {
  padding-bottom: 0;
}
.zList-pb-14 li {
  padding-bottom: 14px;
}
.zList-pb-14 li:last-child {
  padding-bottom: 0;
}
.zList-pb-15 li {
  padding-bottom: 15px;
}
.zList-pb-15 li:last-child {
  padding-bottom: 0;
}
.zList-pb-18 li {
  padding-bottom: 18px;
}
.zList-pb-18 li:last-child {
  padding-bottom: 0;
}
.zList-pb-19 li {
  padding-bottom: 19px;
}
.zList-pb-19 li:last-child {
  padding-bottom: 0;
}
.zList-pb-20 li {
  padding-bottom: 20px;
}
.zList-pb-20 li:last-child {
  padding-bottom: 0;
}
.zList-mb-18 li {
  margin-bottom: 18px;
}
.zList-mb-18 li:last-child {
  margin-bottom: 0;
}
.zList-border-bottom-one li {
  border-bottom: 1px solid var(--stroke);
}
.zList-border-bottom-one li:last-child {
  border-bottom: none;
}

/* Search */
.search-one {
  position: relative;
  flex: 1 1 auto;
  display: flex;
}
.search-one input {
  width: 100% !important;
  height: auto !important;
  border: 1px solid var(--stroke);
  border-radius: 8px !important;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--text-black);
  padding: 14px 18px 13px 47px;
}
.search-one input:focus {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--text-black);
  border-color: var(--text-black);
}
.search-one input::placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--para-text);
}
.search-one .icon {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  display: flex;
  max-width: 18px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.search-two {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  gap: 10px;
}
.search-two input {
  width: 100% !important;
  height: auto !important;
  border: 1px solid var(--stroke);
  border-radius: 8px !important;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--text-black);
  padding: 14px 18px 13px;
}
.search-two input:focus {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--text-black);
  border-color: var(--text-black);
}
.search-two input::placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--para-text);
}
.search-two button {
  width: 35px;
  height: 100%;
  border-radius: 8px;
  background-color: var(--green);
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-blog {
  position: relative;
  flex: 1 1 auto;
  display: flex;
}
.search-blog input {
  width: 100%;
  border: 1px solid var(--gray-one);
  border-radius: 10px;
  background-color: var(--gray-one);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--text-black);
  padding: 10px 10px 10px 44px;
}
.search-blog input:focus {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--text-black);
  border-color: var(--text-black);
}
.search-blog input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--text-black);
}
.search-blog .icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  display: flex;
  max-width: 24px;
  border: none;
  padding: 0;
  background-color: transparent;
}

.zTab-reset {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: #fff;
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-border-color: #fff;
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-active-color: #fff;
  --bs-nav-tabs-link-active-bg: #fff;
  flex-wrap: nowrap;
  border-bottom: none;
}
.zTab-blogList {
  display: inline-flex;
  background-color: transparent;
  flex-wrap: wrap;
  gap: 10px;
}
.zTab-blogList .nav-link {
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--text-black) !important;
}
@media screen and (max-width: 767px) {
  .zTab-blogList .nav-link {
    padding: 8px 10px;
  }
}
.zTab-blogList .nav-link.active {
  background-color: var(--gray-one);
  color: var(--text-black) !important;
}

.khebratak-courseDetails-priceWrap {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 36px;
  font-weight: 600;
  line-height: 38px;
  color: var(--green);
}
.khebratak-courseDetails-priceWrap span {
  font-size: 20px;
  font-weight: 500;
  line-height: 21px;
  color: var(--para-text);
  text-decoration: line-through;
}

/* Start Table Styles */
.zTable {
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--para-text) !important;
  margin-bottom: 0;
  border-color: var(--stroke);
  border-bottom: none !important;
}
.zTable > :not(caption):first-child > * > * {
  border-bottom: none;
  padding: 0 !important;
}
.zTable > :not(caption):first-child > * > * > * {
  background-color: var(--gray-two);
}
.zTable > :not(caption):first-child > * > *:first-child {
  padding-left: 0 !important;
}
.zTable > :not(caption):first-child > * > *:first-child > * {
  border-radius: 6px 0 0 6px;
}
.zTable > :not(caption):first-child > * > *:last-child {
  padding-right: 0 !important;
}
.zTable > :not(caption):first-child > * > *:last-child > * {
  border-radius: 0 6px 6px 0;
}
.zTable > :not(caption):first-child > * > * > * {
  padding: 14px 20px !important;
}
.zTable > :not(caption):last-child > *:last-child > td {
  padding-bottom: 0 !important;
  border-bottom-color: transparent !important;
}
.zTable > :not(caption) > * {
  position: relative;
}
.zTable > :not(caption) > * > * {
  padding: 22px 20px !important;
  border-bottom-color: var(--stroke) !important;
  vertical-align: middle;
}
.zTable > :not(caption) > * > *:first-child {
  padding-left: 20px !important;
}
.zTable > :not(caption) > * > *:last-child {
  padding-right: 20px !important;
}
.zTable thead tr th {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 17px;
  color: var(--text-black);
}
.zTable tbody tr td {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 15px;
  color: var(--para-text);
}
.zTable > tbody > tr > * {
  transition: all 0.3s;
}
.zTable-responsive {
  overflow: auto;
  padding-bottom: 150px;
}
@media screen and (max-width: 1023px) {
  .zTable-responsive {
    overflow: auto;
    padding-bottom: 150px;
  }
}
.zTable-last-item-right > :not(caption) > *:not(.zTable-last-item-right > :not(caption) > *.child) > * {
  position: relative;
}
.zTable-last-item-right > :not(caption) > *:not(.zTable-last-item-right > :not(caption) > *.child) > *:last-child {
  text-align: right;
}
.zTable-last-item-border > :not(caption):last-child > *:last-child > td {
  padding-bottom: 22px !important;
  border-bottom-color: var(--stroke) !important;
}
.zTable-product > :not(caption) > *:not(.zTable-product > :not(caption) > *.child) > *:first-child {
  padding-right: 0 !important;
  max-width: 64px;
  min-width: 64px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  padding-left: 40px !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: var(--white);
  border: 2px solid var(--para-text);
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px var(--text-black);
  box-sizing: content-box;
  content: "+";
  background-color: var(--para-text);
  transition: all 0.3s;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
}

table.dataTable.dtr-inline.collapsed > tbody > tr:last-child > td.dtr-control::before {
  transform: translateY(0px);
}

.dtr-details {
  display: block !important;
}
.dtr-details li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 5px;
}

table.dataTable td.dataTables_empty {
  text-align: center !important;
}

/* End Table Styles */
html,
body {
  height: 100%;
  color: var(--para-text);
}

iframe {
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0 !important;
}

p {
  margin: 0 !important;
}

a,
b,
div,
ul,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active,
select:focus,
select:hover {
  -moz-outline: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button,
button:hover,
button:focus,
button:active {
  -moz-outline: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a {
  text-decoration: none;
  outline: 0;
}

a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: 0;
}

:focus {
  outline: none;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

button:focus {
  outline: none;
  box-shadow: none !important;
}

a:focus {
  outline: 0px solid;
}

a {
  text-decoration: none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

/* Data Background */
[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Number Input Increase/Decrease button */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
}

/* Text justify */
.text-justify {
  text-align: justify;
}

/* Select2 */
.select2-container {
  width: 100% !important;
}
.select2-container:focus-visible {
  outline: none;
}
.select2-container .selection:focus-visible {
  outline: none;
}
.select2-container .selection .select2-selection:focus-visible {
  outline: none;
}
.select2-container .selection .select2-selection .select2-selection__rendered:focus-visible {
  outline: none;
}

.select2-selection {
  outline: none !important;
}

.sf-select-section {
  min-height: 50px !important;
  border-radius: 8px !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}
.sf-select-section.select2-selection--single {
  background-color: var(--text-black);
  border: 1px solid var(--text-black) !important;
  border-radius: 8px !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  min-height: 40px;
}
.sf-select-section.select2-selection--single:focus, .sf-select-section.select2-selection--single:hover {
  border: 1px solid var(--text-black) !important;
}
.sf-select-section.select2-selection--single .select2-selection__rendered {
  color: var(--para-text);
  line-height: 50px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 13px;
  padding-right: 30px;
}
.sf-select-section.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--para-text);
  line-height: 50px;
  font-size: 14px;
  font-weight: 500;
}
.sf-select-section.select2-selection--single .select2-selection__arrow {
  height: 50px !important;
  top: 0 !important;
  right: 17px !important;
}
.sf-select-section.select2-selection--single .select2-selection__arrow b {
  border-width: 0 !important;
  background-image: url(../images/icon/angle-down.svg);
  width: 12px !important;
  height: 7px !important;
  background-repeat: no-repeat;
  transform: rotate(0deg);
  transition: all 0.3s;
}
.sf-select-section.select2-selection--multiple {
  border: 1px solid #dadee7 !important;
}
.sf-select-section.select2-selection--multiple:not(.sf-select-section.select2-selection--multiple:has(ul.select2-selection__rendered li)) .select2-search.select2-search--inline .select2-search__field {
  height: 47px;
  line-height: 47px;
  margin-left: 20px;
}
.sf-select-section.select2-selection--multiple:not(.sf-select-section.select2-selection--multiple:has(ul.select2-selection__rendered li)) .select2-search.select2-search--inline .select2-search__field::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: var(--para-text);
}
.sf-select-section.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin-top: 11px;
  margin-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: rgba(99, 100, 123, 0.1) !important;
  border: 0;
  border-color: var(--text-black) !important;
  border-radius: 24px;
  color: var(--para-text) !important;
}
.sf-select-section.select2-selection--multiple .select2-selection__rendered .select2-selection__choice:not(:first-child) {
  margin-left: 10px;
}
.sf-select-section.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  border-color: var(--text-black) !important;
  color: var(--text-black);
  display: none;
}

.sf-select-dropdown {
  border-color: var(--text-black) !important;
  border-radius: 6px !important;
  background-color: var(--white);
  box-shadow: 0px 13px 25px 10px rgba(117, 117, 117, 0.1019607843);
  padding: 15px 0;
  z-index: 1057;
  min-width: 100px;
}
.sf-select-dropdown .select2-search--dropdown {
  padding: 0;
  margin: 10px;
  margin-top: 0;
}
.sf-select-dropdown .select2-search--dropdown .select2-search__field {
  border-color: var(--text-black);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: var(--para-text);
  padding: 10px 13px;
}
.sf-select-dropdown .select2-search--dropdown .select2-search__field:focus {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: var(--text-black);
}
.sf-select-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.sf-select-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 50px;
}
.sf-select-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 50px;
}
.sf-select-dropdown .select2-results__options .select2-results__option {
  padding: 5px 13px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: var(--para-text);
  border-radius: 0;
}
.sf-select-dropdown .select2-results__options .select2-results__option:last-child {
  margin-bottom: 0;
}
.sf-select-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted, .sf-select-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  background-color: var(--text-black);
  color: var(--text-black);
}

.coursor-pointer {
  cursor: pointer;
}

body {
  overflow-x: hidden;
}

.container {
  max-width: 1350px;
}

.zMainContent {
  position: relative;
  left: 250px;
  width: calc(100% - 250px);
  transition: all 0.5s ease;
  padding: 15px 15px 15px 0px;
  min-height: 100vh;
}
@media screen and (max-width: 1023px) {
  .zMainContent {
    left: 0;
    width: 100%;
    padding: 15px;
  }
}
.zMainContent-wrap {
  padding: 25px;
  border-radius: 15px;
  background-color: var(--text-black);
  min-height: calc(100vh - 30px);
}
@media screen and (max-width: 767px) {
  .zMainContent-wrap {
    padding: 15px;
  }
}
.zMainContent .main-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .zMainContent .main-header {
    padding: 10px;
  }
}

.modal-backdrop {
  --bs-backdrop-opacity: 1;
  background-color: rgba(11, 39, 17, 0.3);
  /* backdrop-filter: blur(4px); */
}

.sub-menu {
  padding-left: 47px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sub-menu li {
  padding-bottom: 12px;
}
.sub-menu li:last-child {
  padding-bottom: 0;
}
.sub-menu li a {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: var(--para-text);
  padding-left: 13px;
}
.sub-menu li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--para-text);
}
.sub-menu li a:hover, .sub-menu li a.active {
  color: var(--text-black);
}
.sub-menu li a:hover:before, .sub-menu li a.active:before {
  background-color: var(--text-black);
}

.calendarIcon::after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 16px;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/calendar.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* Accordion */
.zAccordion-reset .accordion-item {
  border: none;
  border-radius: 0;
}
.zAccordion-reset .accordion-body {
  padding: 0;
}
.zAccordion-reset .accordion-button {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}

/* User Dropdown */
.headerUserDropdown .dropdown-toggle {
  text-align: start;
}
.headerUserDropdown .dropdown-toggle::after {
  content: url(../images/icon/arrow-fill-down.svg);
  border: none;
  vertical-align: 0;
  align-self: end;
  margin-left: 10px;
}
.headerUserDropdown .dropdown-toggle .content {
  padding-left: 11px;
}
.headerUserDropdown .dropdown-menu {
  --bs-position: end;
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  transform: translateY(60px);
}
.headerUserDropdown .dropdown-menu.show {
  top: 15% !important;
}

.itemOneDropdown .dropdown-toggle {
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: transparent;
  color: var(--para-text);
}
.itemOneDropdown .dropdown-toggle::after {
  display: none;
}
.itemOneDropdown .dropdown-menu {
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 10px;
  transform: translateY(30px);
  box-shadow: var(--text-black);
}

.lanDropdown .dropdown-toggle {
  border: 1px solid var(--text-black);
  border-radius: 40px;
  padding: 5px 9px;
  background-color: var(--text-black);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.02em;
  color: var(--text-black);
}
.lanDropdown .dropdown-toggle::after {
  content: "";
  display: inline-block;
  margin-left: 0;
  vertical-align: 0.255em;
  border: none;
  background-image: url("../images/icon/language-angle-down.svg");
  width: 9.5px;
  height: 5.5px;
}
.lanDropdown .dropdown-menu {
  --bs-position: end;
  box-shadow: 0px 0px 74px 0px rgba(149, 149, 149, 0.0784313725);
  border: none;
  border-radius: 6px;
  background-color: var(--text-black);
}
.lanDropdown .dropdown-menu .dropdown-item {
  padding: 7px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.6px;
  letter-spacing: -0.01em;
  color: var(--text-black);
}
.lanDropdown .dropdown-menu .dropdown-item .icon {
  width: 21px;
  height: 16px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lanDropdown .dropdown-menu .dropdown-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lanDropdown .dropdown-menu .dropdown-item:focus, .lanDropdown .dropdown-menu .dropdown-item:hover {
  background-color: var(--white);
}

.sf-select-without-search {
  background-color: var(--text-black) !important;
  border-radius: 8px !important;
  border: 1px solid var(--text-black) !important;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--para-text) !important;
  letter-spacing: -0.01em;
  outline: none;
  padding: 15px 20px !important;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100% !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  height: 50px;
}
.sf-select-without-search .current {
  text-wrap: wrap;
}
.sf-select-without-search.empty {
  color: var(--para-text) !important;
}
.sf-select-without-search:hover {
  border-color: var(--text-black) !important;
}
.sf-select-without-search .option.selected {
  font-weight: normal !important;
}
.sf-select-without-search::after {
  top: 20px;
  width: 12px;
  height: 7px;
  right: 20px;
  border: none;
  background-image: url(../images/icon/select-angle-down.svg);
  transform: rotate(0deg);
  background-repeat: no-repeat;
  margin-top: 0;
}
.sf-select-without-search.open::after {
  transform: rotate(0deg) !important;
}
.sf-select-without-search:active, .sf-select-without-search.open, .sf-select-without-search:focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.sf-select-without-search .list {
  width: 100% !important;
  scrollbar-width: thin;
}
.sf-select-without-search .list::-webkit-scrollbar {
  width: 6px;
}
.sf-select-without-search .list::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 50px;
}
.sf-select-without-search .list::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 50px;
}
.sf-select-without-search.open .list {
  opacity: 1;
  pointer-events: auto;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--text-black);
  box-shadow: 0 0 10px rgba(76, 76, 76, 0.12);
  background-color: var(--white);
  box-shadow: 0px 13px 25px 10px rgba(117, 117, 117, 0.1019607843);
  padding: 6px 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10001;
}
.sf-select-without-search.open .list li {
  padding: 10px 13px;
  margin-bottom: 0px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: var(--para-text);
  letter-spacing: -0.01em;
  min-height: inherit;
  transition: all 0.3s;
}
.sf-select-without-search.open .list li:last-child {
  margin-bottom: 0;
}
.sf-select-without-search.open .list li.focus, .sf-select-without-search.open .list li.selected, .sf-select-without-search.open .list li:hover {
  background-color: var(--text-black) !important;
  color: var(--text-black) !important;
}
.sf-select-without-search.open::after {
  transform: rotate(45deg);
}

.checkbox-one {
  display: flex;
  align-items: center;
  gap: 5px;
}
.checkbox-one input {
  box-shadow: none !important;
  margin-top: 0;
  border-color: var(--stroke);
  border-radius: 2px !important;
}
.checkbox-one input:checked {
  background-color: var(--text-black);
  border-color: var(--text-black);
}
.checkbox-one label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: var(--para-text);
}

.zMain-signLog {
  position: relative;
  background-color: var(--text-black);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zMain-signLog-wrap {
  position: relative;
  z-index: 1;
  max-width: 540px;
  width: 100%;
  background-color: var(--text-black);
  padding: 52px 60px;
  border-radius: 10px;
}
@media screen and (max-width: 575px) {
  .zMain-signLog-wrap {
    padding: 10px 10px;
    margin: 0 5px;
  }
}

/* passShowHide */
.passShowHide {
  position: relative;
}
.passShowHide .toggle-password {
  position: absolute;
  bottom: 13px;
  right: 15px;
  border: none;
  padding: 0;
  background-color: transparent;
  width: 18px;
  height: 18px;
  display: flex;
  font-weight: 400;
}

.sidebarMenu-dropdown button {
  width: 100%;
  background-color: transparent;
  padding: 13px 15px 13px 25px;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.sidebarMenu-dropdown button .content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebarMenu-dropdown button .content .img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.sidebarMenu-dropdown button .content .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebarMenu-dropdown button .content .name {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: var(--text-black);
  letter-spacing: -0.01em;
}
.sidebarMenu-dropdown button.dropdown-toggle::after {
  content: "";
  position: relative;
  border: 0;
  background-image: url(../images/icon/angle-down.svg);
  width: 10px;
  height: 5px;
  background-size: 10px 5px;
  background-repeat: no-repeat;
  margin: 0;
  right: 0;
}
.sidebarMenu-dropdown .dropdown-menu {
  --bs-position: end;
  width: 100%;
  padding: 14px !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 6px !important;
  box-shadow: 0px 11px 30px 10px rgba(163, 177, 204, 0.1607843137);
  transition: all 0.3s;
}
.sidebarMenu-dropdown .dropdown-menu li {
  padding-bottom: 8px;
}
.sidebarMenu-dropdown .dropdown-menu li:last-child {
  padding-bottom: 0;
}
.sidebarMenu-dropdown .dropdown-menu a {
  border-radius: 7px;
}
.sidebarMenu-dropdown .dropdown-menu a:hover p, .sidebarMenu-dropdown .dropdown-menu a.active p {
  color: var(--text-black) !important;
}
.sidebarMenu-dropdown .dropdown-menu.show {
  transform: translate3d(0, -63px, 0) !important;
  transition: all 0.3s;
}

.slot-category-wrap .slot-category {
  padding-bottom: 20px;
}
.slot-category-wrap .slot-category:last-child {
  padding-bottom: 0;
}

.slot-item {
  position: relative;
}
@media screen and (max-width: 1399px) and (min-width: 576px) {
  .slot-item-wrap li {
    flex: 1 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .slot-item-wrap li {
    flex: 1 0 auto;
  }
}
.slot-item-wrap-2 li {
  flex: 1 0 auto;
  max-width: 242px;
}
.slot-item input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.slot-item input:checked ~ label {
  background-color: var(--text-black);
  color: var(--white) !important;
}
.slot-item label {
  background-color: var(--text-black);
  border-radius: 6px;
  padding: 9.5px 23px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: var(--para-text);
  cursor: pointer;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) and (min-width: 516px) {
  .slot-item label {
    max-width: 106px;
  }
}
.slot-item-2 input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.slot-item-2 input:checked ~ label {
  border-color: var(--green);
}
.slot-item-2 label {
  background-color: var(--text-black);
  border: 1px dashed var(--text-black);
  border-radius: 6px;
  padding: 24px;
  cursor: pointer;
  max-width: 242px;
  width: 100%;
  max-height: 78px;
  height: 100%;
  text-align: center;
}

/* Lists */
.zList-checkbox li {
  position: relative;
  padding-left: 20.5px;
  text-align: left;
}
.zList-checkbox li::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(../images/icon/checkbox-circle.svg);
  background-size: 15px;
}
.zList-checkbox li.cancel::before {
  background-image: url(../images/icon/checkbox-circle-cancel.svg);
}

/* Price plan */
@media screen and (min-width: 768px) {
  .pricePlan:not(:has(.pricePopular)) {
    margin-top: 50px;
  }
}
.pricePlan-wrap {
  padding: 25px 20px;
  border: 1px solid var(--text-black);
  border-radius: 15px;
  background-color: var(--white);
}
@media screen and (max-width: 1500px) and (min-width: 768px) {
  .pricePlan-wrap {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 767px) {
  .pricePlan-wrap {
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .pricePlan-wrap {
    padding: 15px;
  }
}
.pricePlan-wrap .img {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.pricePlan-wrap .title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-black);
}
.pricePlan-wrap .info {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--para-text);
  padding-bottom: 14px;
  margin-bottom: 20px !important;
  border-bottom: 1px solid var(--stroke);
}
.pricePlan-wrap .price {
  font-size: clamp(25px, 2.3vw, 50px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-black);
  padding-bottom: 5px;
}
.pricePlan-wrap .subprice {
  font-size: clamp(14px, 0.83vw, 18px);
  font-weight: 500;
  line-height: 1.2;
  color: var(--para-text);
  padding-bottom: 26px;
}
.pricePlan-wrap .pBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: var(--text-black);
  border: 1px solid var(--text-black);
  border-radius: 40px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: var(--text-black);
  letter-spacing: -0.01em;
  transition: all 0.3s;
}
.pricePlan-wrap .pBtn:hover {
  background-color: var(--text-black) !important;
  border-color: var(--text-black) !important;
  color: var(--white) !important;
}
.pricePlan-wrap .pBtn:disabled {
  opacity: 50%;
}
.pricePlan-wrap .pBtn:disabled:hover {
  background-color: var(--text-black) !important;
  border-color: var(--text-black) !important;
  color: var(--text-black) !important;
}
.pricePlan-wrap .zList-checkbox:has(li) {
  padding-bottom: 30px !important;
}
.pricePlan-wrap .zList-checkbox li {
  padding-bottom: 15px;
  padding-left: 28px;
}
.pricePlan-wrap .zList-checkbox li::before {
  top: 0;
  width: 18px;
  height: 18px;
  background-size: 18px;
}
.pricePlan-wrap .zList-checkbox li:last-child {
  padding-bottom: 0;
}
.pricePlan-wrap .zList-checkbox li.notAvailable::before {
  background-image: url("../images/icon/check-cross.svg");
}
.pricePlan-popular {
  position: relative;
  border: 1px solid #8858ef;
  border-radius: 15px;
  background-color: #8858ef;
}
.pricePlan-popular .pricePopular {
  display: flex;
  justify-content: center;
  border-radius: 20px 20px 0 0;
  padding: 14px 10px 13px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: var(--white);
}
.pricePlan-section-wrap {
  padding-top: 51px;
}
@media screen and (max-width: 767px) {
  .pricePlan-section-wrap {
    padding-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .pricePlan-section-wrap {
    padding-top: 20px;
  }
}

.paymentItem-input:checked {
  background-image: url(../images/icon/checkbox-white.svg) !important;
  background-size: 8px;
}

/* Select2 arrow */
.sf-select-section.select2-selection--single .select2-selection__arrow b {
  background-image: url(../images/icon/select-angle-down.svg);
  width: 12px !important;
  height: 7px !important;
}

.zPagination-one {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.zPagination-one li .z-link {
  border: 1px solid var(--stroke);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--para-text);
}
.zPagination-one li .z-link.active, .zPagination-one li .z-link:hover {
  border-color: var(--text-black);
  background-color: var(--text-black);
  color: var(--white) !important;
}
.zPagination-one li .z-link.disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.breadcrumb-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
.breadcrumb-one li {
  position: relative;
}
.breadcrumb-one li::before {
  content: ">";
  position: absolute;
  top: 50%;
  right: calc(-1 * 12px);
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: var(--para-text);
}
.breadcrumb-one li:first-child::before {
  color: var(--text-black);
}
.breadcrumb-one li:first-child p,
.breadcrumb-one li:first-child a {
  color: var(--text-black);
}
.breadcrumb-one li:last-child::before {
  display: none;
}
.breadcrumb-one p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: var(--para-text);
}

.breadcrumb.sf-breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-divider-color: var(--title-text);
  --bs-breadcrumb-item-active-color: var(--title-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-black) !important;
  letter-spacing: -0.02em;
}
.breadcrumb.sf-breadcrumb a {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  color: var(--para-text);
  letter-spacing: -0.02em;
}
.breadcrumb.sf-breadcrumb li.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "/");
  color: var(--para-text);
}
.breadcrumb.sf-breadcrumb li.active::before {
  color: var(--text-black) !important;
}
.breadcrumb.sf-breadcrumb li.active a {
  color: var(--text-black) !important;
}

.profileImage-upload {
  background-color: transparent;
  border: none;
  border-radius: 0;
  width: 80px;
  height: 80px;
  position: relative;
}
.profileImage-upload > img {
  background-color: var(--text-black);
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.profileImage-upload .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background-color: var(--text-black);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
}
.profileImage-upload .icon img {
  position: relative;
  max-width: 13px;
  max-height: 11px;
  top: auto;
  left: auto;
  transform: translate(0);
  background-color: transparent !important;
}

/* Checkbox */
input.zForm-all-checkbox {
  margin-top: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  border: 1px solid var(--stroke);
  border-radius: 50% !important;
}
input.zForm-all-checkbox:checked {
  background-color: var(--text-black);
  border-color: var(--text-black);
}

.zImage-upload-details {
  position: relative;
}
.zImage-upload-details .zImage-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.zImage-upload-details .upload-img-box {
  overflow: hidden;
}

/* Dropdown */
.dropdown-one .dropdown-toggle::after {
  display: none;
}
.dropdown-one .dropdown-menu {
  transform: translate3d(0, 40px, 0);
}
.dropdown-one .dropdown-menu.show {
  top: 0% !important;
}
.dropdown-two .dropdown-toggle {
  width: 100%;
  max-width: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-two .dropdown-toggle::after {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border: 1px solid var(--stroke);
  border-radius: 50%;
  margin: 0;
  vertical-align: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/icon/angle-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  transition: all 0.3s;
}
.dropdown-two .dropdown-menu.show {
  top: 0% !important;
}

.sf-checkbox-wrapper {
  width: 36px;
  height: 16px;
  border-radius: 8px;
}
.sf-checkbox-wrapper label {
  width: 100%;
  height: 100%;
  display: block;
  background: #dfdfe1;
  border-radius: 8px;
  position: relative;
  transition: all ease-in-out 0.25s;
}
.sf-checkbox-wrapper label::before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  border: 1px solid #e6e8f0;
  border-radius: 100%;
  background: var(--white);
  inset: 0;
  margin: auto 0px;
  left: calc(-1 * 4px);
  transition: all ease-in-out 0.25s;
}
.sf-checkbox-wrapper input {
  opacity: 0;
  display: none;
}
.sf-checkbox-wrapper input:checked + label {
  background: var(--text-black);
}
.sf-checkbox-wrapper input:checked + label::before {
  left: 20px;
}

.sf-infinite-spinning {
  animation: infinite-spinning 5s infinite linear;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fc .fc-daygrid-day-frame {
  overflow: hidden;
}

.cookie-consent-wrap .cookie-consent {
  padding: 20px !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field {
  height: 10px;
}

.cursor-pointer {
  cursor: pointer;
}

.zCheck.form-switch {
  min-height: 22px;
}
.zCheck.form-switch input.form-check-input {
  width: 47px !important;
  height: 22px !important;
  margin-top: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #eaeaea;
  border-radius: 100px !important;
  background-color: #eaeaea;
  background-image: url(../images/icon/switch-circle-off.svg);
  background-size: 18px;
  background-position-x: 2px;
}
.zCheck.form-switch input.form-check-input:checked {
  background-color: var(--green);
  border-color: var(--green);
  background-image: url(../images/icon/switch-circle.svg);
  background-position-x: 26px;
}
.zCheck label {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--text-black);
}

.zImage_block-filesName {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.zImage_block-filesName .file-block {
  flex: 0 0 auto;
  padding: 5px;
  border: 1px solid var(--stroke);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.zImage_block-filesName .file-block .file-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--stroke);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: var(--text-black);
}
.zImage_block-filesName .file-block .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--para-text);
}
.zImage_block-filesName .file-block .file-delete {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--stroke);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: var(--text-black);
  cursor: pointer;
}

.zForm-control[type=file] {
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-black);
}
.zForm-control[type=file]::-webkit-file-upload-button {
  margin-right: 12px;
  padding: 10px 30px;
  border: 0;
  border-radius: 5px;
  background-color: var(--text-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
}
@media screen and (max-width: 991px) {
  .zForm-control[type=file]::-webkit-file-upload-button {
    padding: 10px;
  }
}
.zForm-control[type=file]::file-selector-button {
  margin-right: 12px;
  padding: 10px 30px;
  border: 0;
  border-radius: 5px;
  background-color: var(--text-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
}
@media screen and (max-width: 991px) {
  .zForm-control[type=file]::file-selector-button {
    padding: 10px;
  }
}

.table-contryWiseOrder-wrap {
  height: 260px;
  overflow-y: auto;
}
.table-contryWiseOrder-wrap::-webkit-scrollbar {
  width: 6px;
}
.table-contryWiseOrder-wrap::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 10px;
}
.table-contryWiseOrder-wrap::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 10px;
}

/* Review star */
.sf-z-webflow-review-star {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 21px;
  line-height: 1;
}

.sf-z-webflow-review-star::before {
  content: "★★★★★";
  background: linear-gradient(90deg, var(--yellow) var(--percent), var(--para-text) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.file-upload-one label {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 576px) {
  .file-upload-one label {
    width: 100%;
    flex: 1 0 auto;
  }
}
.file-upload-one label p.fileName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-one label p:first-child {
  flex: 1 1 auto;
  border: 1px solid var(--text-black);
  border-right: 0;
  padding: 10px 20px;
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 575px) {
  .file-upload-one label p:first-child {
    flex: 0 0 auto;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    border-right: 1px solid var(--text-black);
    width: 100%;
    text-align: center;
  }
}
.file-upload-one label p:last-child {
  border-radius: 5px;
  background-color: var(--text-black);
  padding: 10px 30px;
}
@media screen and (max-width: 575px) {
  .file-upload-one label p:last-child {
    border-radius: 0 0 5px 5px;
    width: 100%;
    text-align: center;
  }
}

/* Khebratak */
.khebratak-navSearch {
  position: relative;
}
.khebratak-navSearch button {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 25px;
  z-index: 4;
}
.khebratak-navSearch input {
  height: auto;
  width: 100% !important;
  padding: 8px 10px 8px 44px;
  background-color: var(--gray-one);
  border: 1px solid var(--gray-one);
  border-radius: 8px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-black);
  background-clip: padding-box;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.khebratak-navSearch input:focus, .khebratak-navSearch input:hover {
  border: 1px solid var(--gray-one);
  color: var(--text-black) !important;
  background-color: var(--gray-one) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.khebratak-navSearch input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: var(--para-text);
}

@media screen and (min-width: 992px) {
  #mainNav.sticky .menu-language-btn > a span,
  #mainNav.sticky .navbar-nav .nav-item .nav-link {
    color: white;
  }
}

.menu-language-btn.dropdown .dropdown-toggle:after {
  color: var(--text-black);
  background-size: 10px;
  margin-left: 0;
  line-height: 1;
  background-position: right center;
}

@media screen and (max-width: 991px) {
  #mainNav .navbar-nav .nav-item .nav-link#librariesDropdown {
    justify-content: space-between;
  }
}

.sticky .menu-language-btn.dropdown .dropdown-toggle:after {
  color: var(--white);
}

.navbar-toggler {
  background-color: var(--green);
  border-color: var(--green);
}

.sticky .navbar-toggler {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.hero-area-content {
  border-radius: 10px 10px 0 0;
  padding: 86px 0 123px;
  max-width: 1520px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .hero-area-content {
    padding: 86px 0;
  }
}
@media screen and (max-width: 991px) {
  .hero-area-content {
    padding: 50px 0;
  }
}
.hero-area-content .container {
  max-width: 1343px;
}

.khebratak {
  /* special feature area */
}
.khebratak-hero-clientWrap {
  padding-top: 62px;
}
@media screen and (min-width: 1024px) {
  .khebratak-hero-clientWrap .autoImageslider .swiper-slide {
    width: auto !important;
  }
}
.khebratak-special-feature-area {
  background-color: var(--yellow);
}
.khebratak-special-feature-area .container {
  max-width: 1350px;
}
.khebratak-special-feature-area .row > * {
  --bs-gutter-x: 0;
}
.khebratak-special-feature-area .row > div {
  border-right: 1px solid var(--yellow-stroke);
}
@media screen and (max-width: 991px) {
  .khebratak-special-feature-area .row > div {
    border-bottom: 1px solid var(--yellow-stroke);
  }
}
.khebratak-special-feature-area .row > div:last-child {
  border-right: none;
}
@media screen and (max-width: 991px) {
  .khebratak-special-feature-area .row > div:last-child {
    border-bottom: none;
  }
}
.khebratak-single-feature-item {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  max-width: 385px;
  margin: 0 auto;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .khebratak-single-feature-item {
    max-width: 100%;
    padding: 20px 30px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-single-feature-item {
    padding: 10px 15px;
  }
}
.khebratak-single-feature-item h6 {
  font-style: 24px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  color: var(--text-black) !important;
  padding-bottom: 12px;
}
.khebratak-single-feature-item p {
  font-style: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  color: var(--text-black) !important;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}

.partner-list-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.partner-list-2 img {
  width: 100%;
}

/* Footer */
.footer-top-part {
  padding: 100px 0px 44px;
}
@media screen and (max-width: 991.98px) {
  .footer-top-part {
    padding: 90px 0px 44px;
  }
}
@media screen and (max-width: 575.98px) {
  .footer-top-part {
    padding: 50px 0px 20px;
  }
}

@media screen and (min-width: 992px) {
  .footer-contact-info {
    max-width: 347px;
    margin-left: auto;
  }
}

.footer-social ul {
  gap: 8px;
  flex-wrap: wrap;
}
.footer-social ul a {
  width: 48px;
  height: 48px;
  background-color: #164f26;
  border: 1px solid var(--white-20);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.footer-social ul a svg path {
  fill: var(--white);
  transition: all 0.3s;
}
.footer-social ul a:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
}
.footer-social ul a:hover svg path {
  fill: var(--text-black);
}

/* FAQ */
.home-page-faq-area .container {
  max-width: 1350px;
}
.home-page-faq-area .accordion-item {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  padding: 39px 0;
  background-color: var(--white);
  transition: all 0.3s;
}
.home-page-faq-area .accordion-item:has(.accordion-button:not(.collapsed)) {
  background: linear-gradient(180deg, #fbcf3a 0%, #fadc6c 100%);
  border-color: var(--yellow);
}
@media screen and (max-width: 1199px) {
  .home-page-faq-area .accordion-item {
    border-radius: 10px;
    padding: 20px 0;
  }
}
.home-page-faq-area .accordion-button {
  background-color: transparent !important;
}
@media screen and (max-width: 1199px) {
  .home-page-faq-area .accordion-button {
    padding: 0 20px !important;
  }
}
.home-page-faq-area .accordion-button::after {
  content: "";
  background-image: url("../images/icon/faq-plus.svg") !important;
  opacity: 1;
  background-size: 24px;
  background-position: center;
  transition: all 0.3s;
}
.home-page-faq-area .accordion-button:not(.collapsed)::after {
  background-image: url("../images/icon/faq-minus.svg") !important;
  transform: rotate(0deg) !important;
}
.home-page-faq-area .accordion-body {
  background-color: transparent !important;
}
@media screen and (max-width: 1199px) {
  .home-page-faq-area .accordion-body {
    padding: 20px 20px 0 !important;
  }
}
.home-page-faq-area .accordion-body p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  color: var(--text-black) !important;
}
.home-page-faq-area .accordion-collapse {
  background-color: transparent !important;
  box-shadow: none !important;
}

.khebratak-faq-videoBtn {
  margin-top: 26px;
  border-radius: 10px;
  padding: 12px 20px;
  background-color: var(--white);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.khebratak-faq-videoBtn .icon {
  display: flex;
}

.khebratak-priceTab {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  flex-wrap: nowrap;
}
.khebratak-priceTab .nav-item {
  width: 100%;
}
.khebratak-priceTab .nav-link {
  color: var(--para-text) !important;
  transition: all 0.3s;
}
.khebratak-priceTab .nav-link span {
  background-color: var(--white) !important;
  color: var(--green);
  transition: all 0.3s;
}
.khebratak-priceTab .nav-link.active {
  color: var(--text-black) !important;
}
.khebratak-priceTab .nav-link.active span {
  background-color: var(--gray-one) !important;
}

.khebratak-pricing-item {
  background-color: var(--gray-one);
  padding: 0 !important;
  border-radius: 20px;
  overflow: hidden;
}
.khebratak-pricing-item .pricing-content-box {
  padding: 70px 30px 30px;
  min-height: 287px;
}
@media screen and (max-width: 575px) {
  .khebratak-pricing-item .pricing-content-box {
    padding: 70px 20px 20px;
  }
}
.khebratak-pricing-item .pricing-content-box .pricing-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 72px;
}
@media screen and (max-width: 575px) {
  .khebratak-pricing-item .pricing-content-box .pricing-top {
    padding-bottom: 30px;
  }
}
.khebratak-pricing-item .pricing-content-box .pricing-top .pricing-title {
  padding: 5px 14px;
  background-color: var(--text-black) !important;
  border-radius: 30px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--white) !important;
}
.khebratak-pricing-item .pricing-content-box .pricing-top .pricing-icon {
  width: 58px;
  height: 58px;
}
.khebratak-pricing-item .pricing-time-duration h6 {
  font-size: 48px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.02em;
  color: var(--text-black);
}
.khebratak-pricing-item .pricing-time-duration h6 span {
  font-size: 16px;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -0.02em;
  color: var(--para-text);
}
.khebratak-pricing-item .pricing-time-duration p {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  color: var(--text-black) !important;
  letter-spacing: -0.02em;
  text-decoration: line-through;
}
.khebratak-pricing-item .pricing-content {
  height: 100%;
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-pricing-item .pricing-content .titleIncluded {
  padding: 30px 33px;
  border-bottom: 1px solid var(--stroke) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: -0.03em;
  color: var(--text-black) !important;
}
@media screen and (max-width: 575px) {
  .khebratak-pricing-item .pricing-content .titleIncluded {
    padding: 20px;
  }
}
.khebratak-pricing-item .pricing-content .pricing-content-inner {
  padding: 42px 33px 30px;
}
@media screen and (max-width: 575px) {
  .khebratak-pricing-item .pricing-content .pricing-content-inner {
    padding: 20px;
  }
}
.khebratak-pricing-item .pricing-feature {
  padding-bottom: 44px;
}
@media screen and (max-width: 575px) {
  .khebratak-pricing-item .pricing-feature {
    padding-bottom: 20px;
  }
}
.khebratak-pricing-item .package-btn {
  width: 100%;
  padding: 12px;
  background-color: var(--yellow) !important;
  border: none;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-black);
  transition: all 0.3s;
}
.khebratak-pricing-item .package-btn svg path {
  stroke: var(--green) !important;
  transition: all 0.3s;
}
.khebratak-pricing-item .package-btn:hover {
  background-color: var(--green) !important;
  color: var(--white);
}
.khebratak-pricing-item .package-btn:hover svg path {
  stroke: var(--white) !important;
}

/* Individual Consultation */
.khebratak-individualConsultation {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .khebratak-individualConsultation {
    padding: 30px 0;
  }
}
.khebratak-individualConsultation .owl-stage-outer {
  overflow: visible;
}
.khebratak-individualConsultation-item {
  padding: 5px !important;
  flex-direction: row !important;
  align-items: center;
  gap: 26px;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item {
    flex-direction: column !important;
    padding-bottom: 20px !important;
  }
}
.khebratak-individualConsultation-item .search-instructor-img-wrap {
  flex: 1 0 auto !important;
  max-width: 249px;
  width: 100%;
  border-radius: 10px;
  height: 346px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item .search-instructor-img-wrap {
    max-width: 100%;
    height: 300px;
  }
}
.khebratak-individualConsultation-item .search-instructor-img-wrap img {
  width: 100% !important;
  height: 100% !important;
}
.khebratak-individualConsultation-item .card-body {
  padding: 0 15px 0 0;
  align-items: flex-start !important;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item .card-body {
    align-items: center !important;
    padding: 0px 20px;
    width: 100%;
  }
}
.khebratak-individualConsultation-item .card-body .card-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  color: var(--text-black) !important;
  padding-bottom: 13px !important;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item .card-body .card-title {
    text-align: center;
  }
}
.khebratak-individualConsultation-item .card-body .instructor-designation {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: var(--para-text) !important;
  text-align: left;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item .card-body .instructor-designation {
    text-align: center;
  }
}
.khebratak-individualConsultation-item .instructor-contactInfo {
  padding: 25px 0 96px;
}
@media screen and (max-width: 1199px) {
  .khebratak-individualConsultation-item .instructor-contactInfo {
    padding: 20px 0;
    justify-content: center;
  }
}
.khebratak-individualConsultation-item .link a,
.khebratak-individualConsultation-item .link button {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  background-color: var(--green);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-individualConsultation-item .link a .icon,
.khebratak-individualConsultation-item .link button .icon {
  display: flex;
}
.khebratak-individualConsultation-item .link a .icon svg path,
.khebratak-individualConsultation-item .link button .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-individualConsultation-item .link a:hover,
.khebratak-individualConsultation-item .link button:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--text-black) !important;
}
.khebratak-individualConsultation-item .link a:hover .icon,
.khebratak-individualConsultation-item .link button:hover .icon {
  display: flex;
}
.khebratak-individualConsultation-item .link a:hover .icon svg path,
.khebratak-individualConsultation-item .link button:hover .icon svg path {
  stroke: var(--green-two);
}

.individualConsultation-slider-items,
.upcoming-course-sliders,
.diverseCourse-slider,
.khebratak-aboutGallery-slider,
.course-slider-items,
.khebratak-topInstructors-slider,
.wideRangeProducts-slider {
  text-align: center;
}
.individualConsultation-slider-items .owl-dots,
.upcoming-course-sliders .owl-dots,
.diverseCourse-slider .owl-dots,
.khebratak-aboutGallery-slider .owl-dots,
.course-slider-items .owl-dots,
.khebratak-topInstructors-slider .owl-dots,
.wideRangeProducts-slider .owl-dots {
  margin: 0 !important;
  display: inline-flex;
  background-color: white;
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  padding: 10px 21px;
  border-radius: 30px;
  align-items: center;
}
.individualConsultation-slider-items .owl-dots .owl-dot,
.upcoming-course-sliders .owl-dots .owl-dot,
.diverseCourse-slider .owl-dots .owl-dot,
.khebratak-aboutGallery-slider .owl-dots .owl-dot,
.course-slider-items .owl-dots .owl-dot,
.khebratak-topInstructors-slider .owl-dots .owl-dot,
.wideRangeProducts-slider .owl-dots .owl-dot {
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.individualConsultation-slider-items .owl-dots .owl-dot.active,
.upcoming-course-sliders .owl-dots .owl-dot.active,
.diverseCourse-slider .owl-dots .owl-dot.active,
.khebratak-aboutGallery-slider .owl-dots .owl-dot.active,
.course-slider-items .owl-dots .owl-dot.active,
.khebratak-topInstructors-slider .owl-dots .owl-dot.active,
.wideRangeProducts-slider .owl-dots .owl-dot.active {
  border-color: var(--green);
}
.individualConsultation-slider-items .owl-dots .owl-dot.active span,
.upcoming-course-sliders .owl-dots .owl-dot.active span,
.diverseCourse-slider .owl-dots .owl-dot.active span,
.khebratak-aboutGallery-slider .owl-dots .owl-dot.active span,
.course-slider-items .owl-dots .owl-dot.active span,
.khebratak-topInstructors-slider .owl-dots .owl-dot.active span,
.wideRangeProducts-slider .owl-dots .owl-dot.active span {
  background-color: var(--green) !important;
}
.individualConsultation-slider-items .owl-dots .owl-dot span,
.upcoming-course-sliders .owl-dots .owl-dot span,
.diverseCourse-slider .owl-dots .owl-dot span,
.khebratak-aboutGallery-slider .owl-dots .owl-dot span,
.course-slider-items .owl-dots .owl-dot span,
.khebratak-topInstructors-slider .owl-dots .owl-dot span,
.wideRangeProducts-slider .owl-dots .owl-dot span {
  margin: 0 !important;
  width: 8px;
  height: 8px;
  background: #e1e1e1 !important;
  transition: all 0.3s;
}

.diverseCourse-slider .owl-stage-outer,
.khebratak-aboutGallery-slider .owl-stage-outer,
.khebratak-topInstructors-slider .owl-stage-outer,
.wideRangeProducts-slider .owl-stage-outer,
.course-slider-items .owl-stage-outer {
  overflow: visible;
}

.khebratak-latestCourseSection,
.khebratak-instructorCourseSection,
.khebratak-topInstructorsSection,
.khebratak-forum-categoryWrap {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .khebratak-latestCourseSection,
  .khebratak-instructorCourseSection,
  .khebratak-topInstructorsSection,
  .khebratak-forum-categoryWrap {
    padding: 30px 0;
  }
}

.khebratak-coursePrice {
  display: flex;
  align-items: center;
  gap: 16px;
}
.khebratak-coursePrice .courseDiscountPrice {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: var(--green) !important;
}
.khebratak-coursePrice .courseDefaultPrice {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: var(--para-text) !important;
  text-decoration: line-through;
}

/* Course By Categories */
.khebratak-courseByCategories {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .khebratak-courseByCategories {
    padding: 30px 0;
  }
}

/* Top Instructors Item */
.khebratak-topInstructors-item {
  position: relative;
  background-color: var(--white);
  transition: all 0.3s;
  padding: 32px 32px 22px;
  border: 1px solid var(--stroke);
  border-radius: 20px;
  min-height: 608px;
  background-image: none;
  transition: all 0.3s;
}
@media screen and (max-width: 575px) {
  .khebratak-topInstructors-item {
    padding: 20px;
  }
}
.khebratak-topInstructors-item .topContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  padding-right: 36px;
  padding-bottom: 25px;
}
@media screen and (max-width: 1199px) {
  .khebratak-topInstructors-item .topContent {
    padding-right: 0;
  }
}
.khebratak-topInstructors-item .topContent > .icon {
  position: relative;
  margin-bottom: 20px;
  width: 69px;
  height: 72px;
}
.khebratak-topInstructors-item .topContent > .icon .defaultImg,
.khebratak-topInstructors-item .topContent > .icon .hoverImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  width: 69px;
  height: 72px;
  transition: all 0.3s;
}
.khebratak-topInstructors-item .topContent > .icon .defaultImg img,
.khebratak-topInstructors-item .topContent > .icon .hoverImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-topInstructors-item .topContent > .icon .hoverImg {
  transform: scale(0) translate(-50%, -50%);
}
.khebratak-topInstructors-item .bottomContent {
  display: flex;
  justify-content: space-between;
}
.khebratak-topInstructors-item .name {
  display: block;
  padding-bottom: 13px;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  color: var(--text-black) !important;
  transition: all 0.3s;
}
.khebratak-topInstructors-item .designation {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: var(--para-text) !important;
  padding-bottom: 32px;
  transition: all 0.3s;
}
.khebratak-topInstructors-item .link {
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  background-color: var(--green);
  border-radius: 10px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px;
  color: var(--white) !important;
  transition: all 0.3s;
}
.khebratak-topInstructors-item .link .icon {
  display: flex;
}
.khebratak-topInstructors-item .link .icon svg path {
  stroke: var(--white);
  transition: all 0.3s;
}
.khebratak-topInstructors-item .badge-lists {
  max-width: 50px;
  width: 100%;
  padding: 14px 7px;
  background-color: #f9f9f9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  align-self: flex-start;
}
.khebratak-topInstructors-item .img-socialLink {
  padding-top: 75px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  max-width: 224px;
}
.khebratak-topInstructors-item .img-socialLink .instructor-contactInfo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.khebratak-topInstructors-item .img-socialLink .instructor-contactInfo .item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-topInstructors-item .img-socialLink .instructor-contactInfo .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-topInstructors-item .img-socialLink .instructor-img-wrap {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 224px;
  max-height: 237px;
}
.khebratak-topInstructors-item .img-socialLink .instructor-img-wrap img {
  width: 100%;
  height: 100%;
}
.khebratak-topInstructors-item-alt {
  min-height: auto;
}
.khebratak-topInstructors-item-alt .topContent {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 56px;
}
.khebratak-topInstructors-item-alt .topContent > .icon {
  align-self: flex-end;
  margin-bottom: 0px;
}
.khebratak-topInstructors-item-alt .img-socialLink {
  padding-top: 0;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .khebratak-topInstructors-item-alt .img-socialLink {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1199px) {
  .khebratak-topInstructors-item-alt .img-socialLink {
    align-items: center;
  }
}
.khebratak-topInstructors-item:hover {
  background-image: url("../images/top-instructor-item-bg.png");
}
.khebratak-topInstructors-item:hover .topContent > .icon .defaultImg {
  transform: scale(0) translate(-50%, -50%);
}
.khebratak-topInstructors-item:hover .topContent > .icon .hoverImg {
  transform: scale(1) translate(-50%, -50%);
}
.khebratak-topInstructors-item:hover .name {
  color: var(--white) !important;
}
.khebratak-topInstructors-item:hover .designation {
  color: var(--white) !important;
}
.khebratak-topInstructors-item:hover .link {
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--text-black) !important;
}
.khebratak-topInstructors-item:hover .link .icon svg path {
  stroke: var(--text-black);
}

/* auth page */
.sign-up-left-content {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 250px 100px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 42px;
}
@media screen and (max-width: 1199px) {
  .sign-up-left-content {
    padding: 30px 100px;
    justify-content: center;
  }
}
.sign-up-left-content .sign-up-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .sign-up-left-content .sign-up-img {
    display: none;
  }
}

.auth-header .title {
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: var(--text-black);
  padding-bottom: 23px;
}
.auth-header .info {
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  color: var(--para-text);
  padding-bottom: 49px;
}
.auth-header .info a {
  color: var(--green) !important;
  text-decoration: underline;
}

.auth-label {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--text-black);
  margin-bottom: 8px;
}

.auth-input {
  display: block;
  width: 100%;
  padding: 0 0 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--text-black);
  background-color: var(--white);
  background-clip: padding-box;
  border: none;
  border-bottom: 1px solid var(--stroke);
  border-radius: 0;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.auth-input:focus, .auth-input:hover {
  border-color: var(--green);
  color: var(--text-black) !important;
  background-color: var(--white) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.auth-input::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--para-text);
}
.auth-input-alt {
  display: block;
  width: 100%;
  padding: 0 0 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--text-black);
  background-color: transparent;
  background-clip: padding-box;
  border: none;
  border-bottom: 1px solid var(--stroke);
  border-radius: 0;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.auth-input-alt:focus, .auth-input-alt:hover {
  border-color: var(--green);
  color: var(--text-black) !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.auth-input-alt::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--para-text);
}

select.auth-input-alt {
  background-image: url("../images/icon/select-arrow.svg");
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: right;
}
select.auth-input-alt option {
  color: var(--para-text) !important;
}

/* Other Auth */
.otherAuthWrap .text {
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-black);
  margin-bottom: 24px !important;
}
.otherAuthWrap .text span {
  position: relative;
  display: inline-block;
  background-color: var(--white);
  padding: 0 32px;
}
.otherAuthWrap .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--stroke);
}
.otherAuthWrap .authList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .otherAuthWrap .authList li {
    width: 100%;
  }
}
.otherAuthWrap .authList .item {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
}
.otherAuthWrap .authList .item svg,
.otherAuthWrap .authList .item img {
  max-width: 32px;
  max-height: 32px;
  min-height: 32px;
}

/* Ask a question */
.khebratak-askQuestion-wrap {
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  background-color: var(--white);
  max-width: 984px;
  width: 100%;
  margin: 0 auto !important;
  padding: 25px;
}

.forum-topContributors-wrap {
  background-color: var(--white);
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  border-radius: 20px;
  padding: 20px 0;
}
.forum-topContributors-wrap .topContent {
  padding: 0px 20px 25px;
}
.forum-topContributors-wrap .topContent h4 {
  border-radius: 10px;
  background-color: #f8f8f8;
  padding: 11px 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: var(--text-black);
}
.forum-topContributors-wrap ul li:last-child .forum-author-item {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.forum-topContributors-wrap ul li .forum-author-item-left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.forum-topContributors-wrap ul li .forum-author-item-left .img {
  flex-shrink: 0;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
}
.forum-topContributors-wrap ul li .forum-author-item-left .forum-author-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: var(--text-black);
}
.forum-topContributors-wrap ul li .author-item-right {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--para-text);
}
.forum-topContributors-wrap .bottomContent {
  padding: 40px 20px 0;
}

.khebratak-forum-categories-wrap .khebratak-forum-category-single-item {
  margin-bottom: 30px;
  background-color: var(--white);
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  border-radius: 20px;
  padding: 0 !important;
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item:last-child {
  margin-bottom: 0;
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top {
  padding: 19px 20px !important;
  border-bottom: 1px solid var(--stroke);
  display: flex;
  align-items: flex-start;
  gap: 34px;
}
@media screen and (max-width: 767px) {
  .khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top {
    flex-direction: column;
    gap: 20px;
  }
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top .img {
  flex-shrink: 0;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top .sub-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #217738;
  padding-bottom: 11px;
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top .title {
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: var(--text-black);
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-top .info {
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  color: var(--para-text);
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom {
  margin: 0 !important;
  padding: 13px 20px 22px 97px !important;
}
@media screen and (max-width: 991px) {
  .khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom {
    padding: 13px 20px 20px !important;
  }
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom-left {
  max-width: 434px;
  width: 100%;
  gap: 15px 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom-right {
  max-width: 160px;
  width: 100%;
  gap: 15px 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.khebratak-forumMostLeaderboard-item {
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  border: 1px solid var(--stroke) !important;
  border-radius: 10px;
  padding: 36px 20px !important;
}
.khebratak-forumMostLeaderboard-item .forum-author-item-left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.khebratak-forumMostLeaderboard-item .forum-author-item-left .img {
  flex-shrink: 0;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-forumMostLeaderboard-item .forum-author-item-left .forum-author-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: var(--green);
  text-decoration: underline;
}
.khebratak-forumMostLeaderboard-item .author-item-right {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--para-text);
}

@media screen and (min-width: 1400px) {
  .khebratak-innerBanner-2 {
    padding: 138px 0 !important;
  }
}

.khebratak-contactWrap {
  max-width: 1159px;
  margin: 0 auto;
}

.contactForm-wrap {
  background-color: #f8f8f8;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (min-width: 1200px) {
  .contactForm-wrap {
    padding: 39px 60px 93px;
  }
}
@media screen and (max-width: 575px) {
  .contactForm-wrap {
    padding: 20px;
  }
}

.contactInfo-wrap {
  padding-top: 55px;
}

.khebratak-blog-item-wrap .row {
  row-gap: 50px;
}

.khebratak-blog-item .img-wrap {
  display: block;
  height: 269px;
  border-radius: 20px;
  overflow: hidden;
}
.khebratak-blog-item .img-wrap img {
  width: 100%;
  height: 100%;
}
.khebratak-blog-item .blog-item-content {
  padding-top: 24px;
}
.khebratak-blog-item .blog-item-content .blog-author-date {
  margin-bottom: 17px !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 5px 15px;
  background-color: rgba(33, 119, 56, 0.1019607843);
  border-radius: 40px;
}
.khebratak-blog-item .blog-item-content .blog-author-date span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #217738;
}
.khebratak-blog-item .blog-item-content .blog-author-date span.bar {
  width: 6px;
  height: 6px;
  background-color: #217738;
  border-radius: 50%;
}
.khebratak-blog-item .blog-item-content .title {
  display: block;
  margin-bottom: 17px;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-black);
}
.khebratak-blog-item .blog-item-content .short-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: var(--para-text);
  margin-bottom: 25px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.khebratak-blog-item .blog-item-content .link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: var(--green);
}
.khebratak-blog-featureItem {
  position: relative;
  padding: 156px 76px 136px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .khebratak-blog-featureItem {
    padding: 100px 50px;
  }
}
@media screen and (max-width: 991px) {
  .khebratak-blog-featureItem {
    padding: 50px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-blog-featureItem {
    padding: 50px 30px;
  }
}
.khebratak-blog-featureItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--green-two) 0%, rgba(22, 79, 38, 0) 100%);
}
.khebratak-blog-featureItem .blog-item-content {
  position: relative;
  max-width: 611px;
}
.khebratak-blog-featureItem .blog-item-content .blog-author-date {
  margin-bottom: 23px !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.khebratak-blog-featureItem .blog-item-content .blog-author-date span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
}
.khebratak-blog-featureItem .blog-item-content .blog-author-date span.bar {
  width: 6px;
  height: 6px;
  background-color: var(--yellow);
  border-radius: 50%;
}
.khebratak-blog-featureItem .blog-item-content .title {
  display: block;
  margin-bottom: 20px;
  font-size: clamp(25px, 2.5vw, 50px);
  font-weight: 600;
  line-height: 1;
  color: var(--white);
  letter-spacing: -0.03em;
}
.khebratak-blog-featureItem .blog-item-content .short-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: var(--white);
  margin-bottom: 30px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.khebratak-blog-featureItem .blog-item-content .link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: var(--yellow);
}

.blog-details-page {
  padding-top: 120px;
}
@media screen and (max-width: 991px) {
  .blog-details-page {
    padding-top: 55px;
  }
}

.khebratak-blog-details-content .topContent {
  max-width: 1320px;
  margin: 0 auto !important;
}
.khebratak-blog-details-content .topContent .blog-author-date {
  margin-bottom: 17px !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 5px 15px;
  background-color: rgba(33, 119, 56, 0.1019607843);
  border-radius: 40px;
}
.khebratak-blog-details-content .topContent .blog-author-date span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #217738;
}
.khebratak-blog-details-content .topContent .blog-author-date span.bar {
  width: 6px;
  height: 6px;
  background-color: #217738;
  border-radius: 50%;
}
.khebratak-blog-details-content .topContent .title {
  display: block;
  padding-bottom: 25px;
  font-weight: 600;
  font-size: clamp(40px, 3.646vw, 75px);
  line-height: 1;
  color: var(--text-black);
}
.khebratak-blog-details-content .topContent .short-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: var(--para-text);
  padding-bottom: 35px;
}
.khebratak-blog-details-content .img-wrap img {
  border-radius: 20px;
  width: 100%;
}

.khebratak-social-share-box {
  display: flex;
  align-items: center;
  gap: 4px;
}
.khebratak-social-share-box a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e9f2ec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.khebratak-social-share-box a img {
  width: 18px;
  height: 18px;
}

.blog-share-section {
  max-width: 856px;
  margin: 0 auto !important;
}

.blog-comments-section {
  max-width: 856px;
  margin: 0 auto !important;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .blog-comments-section {
    padding-top: 50px;
  }
}
.blog-comments-section .appendCommentList {
  border: 1px solid var(--stroke);
  border-radius: 20px;
}
.blog-comments-section .appendCommentList .blog-comment-title {
  padding: 34px !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  color: var(--green) !important;
}
.blog-comments-section .appendCommentList .blog-comment-title:has(~ .main-comment) {
  border-bottom: 1px solid var(--stroke) !important;
}
@media screen and (max-width: 767px) {
  .blog-comments-section .appendCommentList .blog-comment-title {
    padding: 20px !important;
  }
}
.blog-comments-section .appendCommentList .main-comment {
  padding: 34px !important;
}
@media screen and (max-width: 767px) {
  .blog-comments-section .appendCommentList .main-comment {
    padding: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .khebratak-blog-comment-item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-blog-comment-item {
    flex-direction: column;
    gap: 20px;
  }
}
.khebratak-blog-comment-item .comment-author-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-blog-comment-item .comment-author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: auto !important;
}
.khebratak-blog-comment-item .author-details .wrap {
  background-color: #f8f8f8;
  padding: 15px 26px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.khebratak-blog-comment-item .author-details .wrap .author-name {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: var(--text-black) !important;
  padding-bottom: 10px !important;
}
.khebratak-blog-comment-item .author-details .wrap p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  color: var(--para-text) !important;
}
.khebratak-blog-comment-item .author-details .blog-reply-btn {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 13px !important;
  color: var(--green) !important;
}
.khebratak-blog-comment-item .author-details .comment-date-time {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 23px !important;
  color: var(--para-text) !important;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .author-details {
    padding-left: 20px;
  }
}
@media screen and (max-width: 575px) {
  .author-details {
    padding-left: 0px;
  }
}

.khebratak-leave-comment-area {
  max-width: 856px;
  margin: 0 auto !important;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .khebratak-leave-comment-area {
    padding-top: 50px;
  }
}
.khebratak-leave-comment-area .leave-comment-area {
  background-color: var(--green);
  border-radius: 20px;
  padding: 34px !important;
}
@media screen and (max-width: 767px) {
  .khebratak-leave-comment-area .leave-comment-area {
    padding: 20px !important;
  }
}
.khebratak-leave-comment-area .leave-comment-area .blog-comment-title {
  padding-bottom: 96px;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  color: var(--white);
}
@media screen and (max-width: 1200px) {
  .khebratak-leave-comment-area .leave-comment-area .blog-comment-title {
    padding-bottom: 30px;
  }
}
.khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .row {
  row-gap: 40px;
}
@media screen and (max-width: 1199px) {
  .khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .row {
    row-gap: 20px;
  }
}
.khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .auth-input-alt {
  color: var(--white) !important;
  border-color: var(--white);
}
.khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .auth-input-alt:focus, .khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .auth-input-alt:hover {
  color: var(--white) !important;
  border-color: var(--white);
}
.khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .auth-input-alt:not(value) {
  border-color: var(--white-20);
}
.khebratak-leave-comment-area .leave-comment-area .blog-leave-comment-form .auth-input-alt::placeholder {
  color: var(--white) !important;
}

.khebratak-testimonial-item-one {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  background-color: #f8f8f8;
  padding: 33px;
}
@media screen and (max-width: 767px) {
  .khebratak-testimonial-item-one {
    padding: 20px;
  }
}
.khebratak-testimonial-item-one .testimonial-top-content {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding-bottom: 22px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.khebratak-testimonial-item-one .testimonial-top-content .img-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-testimonial-item-one .testimonial-top-content .testimonial-content {
  text-align: center;
}
.khebratak-testimonial-item-one .testimonial-bottom-content {
  position: relative;
  max-width: 315px;
  margin: 0 auto;
  padding-top: 24px;
}
.khebratak-testimonial-item-one .testimonial-bottom-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(229, 231, 235, 0) 0%, #e5e7eb 50%, rgba(229, 231, 235, 0) 100%);
}
.khebratak-testimonial-item-one .testimonial-bottom-content .rating-list {
  justify-content: center;
  margin: 0 !important;
  padding-bottom: 16px;
}
.khebratak-testimonial-item-one .testimonial-bottom-content .rating-list li {
  color: var(--yellow) !important;
}
.khebratak-testimonial-item-one .testimonial-bottom-content p {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.khebratak-testimonial-item-video {
  position: relative;
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.khebratak-testimonial-item-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #164f26 0%, rgba(22, 79, 38, 0) 100%);
  z-index: 1;
}
.khebratak-testimonial-item-video video {
  width: 100%;
  height: 100%;
}
.khebratak-testimonial-item-video .testimonial-content {
  position: absolute;
  bottom: 26px;
  left: 28px;
  width: calc(100% - 56px);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .khebratak-testimonial-item-video .testimonial-content {
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
  }
}
.khebratak-testimonial-item-video .testimonial-content .name {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--white) !important;
  padding-bottom: 8px;
}
.khebratak-testimonial-item-video .testimonial-content .degi {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--white) !important;
}
.khebratak-testimonial-item-video.playVideo [data-background] {
  background-image: none;
}
.khebratak-testimonial-item-video.playVideo .testimonial-content {
  opacity: 0;
  visibility: hidden;
}
.khebratak-testimonial-item-video.playVideo::before {
  opacity: 0;
  visibility: hidden;
}

.readyBecomeInstructor-section {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .readyBecomeInstructor-section {
    min-height: 920px;
  }
}
.readyBecomeInstructor-img {
  flex: 1 1 auto;
  max-width: 800px;
  width: 100%;
  align-self: stretch;
}
@media screen and (max-width: 991px) {
  .readyBecomeInstructor-img {
    display: none;
  }
}
.readyBecomeInstructor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.readyBecomeInstructor-content {
  padding: 113px 119px;
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .readyBecomeInstructor-content {
    padding: 80px;
  }
}
@media screen and (max-width: 767px) {
  .readyBecomeInstructor-content {
    padding: 50px;
  }
}
@media screen and (max-width: 575px) {
  .readyBecomeInstructor-content {
    padding: 30px;
  }
}
.readyBecomeInstructor-content .topContent {
  max-width: 690px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1199px) {
  .readyBecomeInstructor-content .topContent {
    padding-bottom: 30px;
  }
}
.readyBecomeInstructor-content .topContent .title {
  font-size: clamp(25px, 2.5vw, 50px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--white);
  padding-bottom: 20px;
}
.readyBecomeInstructor-content .topContent .info {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--white);
}
.readyBecomeInstructor-content .readyBecomeInstructor-formWrap {
  max-width: 690px;
  padding-bottom: 54px;
}
@media screen and (max-width: 1199px) {
  .readyBecomeInstructor-content .readyBecomeInstructor-formWrap {
    padding-bottom: 30px;
  }
}

.readyBecomeInstructor-formWrap .row {
  row-gap: 40px;
}
@media screen and (max-width: 1199px) {
  .readyBecomeInstructor-formWrap .row {
    row-gap: 20px;
  }
}
.readyBecomeInstructor-formWrap .auth-input-alt {
  color: var(--white) !important;
  border-color: var(--white);
}
.readyBecomeInstructor-formWrap .auth-input-alt:focus, .readyBecomeInstructor-formWrap .auth-input-alt:hover {
  color: var(--white) !important;
  border-color: var(--white);
}
.readyBecomeInstructor-formWrap .auth-input-alt:not(value) {
  border-color: var(--white-20);
}
.readyBecomeInstructor-formWrap .auth-input-alt::placeholder {
  color: var(--white) !important;
}

.teachingFeatures-section {
  padding: 112px 0;
}
@media screen and (max-width: 991px) {
  .teachingFeatures-section {
    padding: 50px 0;
  }
}
.teachingFeatures-item {
  padding: 20px 25px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  background: linear-gradient(180deg, #258640 0%, rgba(37, 134, 64, 0.4) 100%);
}
@media screen and (max-width: 767px) {
  .teachingFeatures-item {
    padding: 15px;
  }
}
.teachingFeatures-item .title {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--white);
}
.teachingFeatures-item .list li {
  padding-bottom: 15px;
}
.teachingFeatures-item .list li:last-child {
  padding-bottom: 0;
}

.becomeInstructor-statistics-item {
  padding: 35px 46px;
  border-right: 1px solid var(--yellow-stroke);
}
@media screen and (max-width: 1199px) {
  .becomeInstructor-statistics-item {
    padding: 30px;
  }
}
@media screen and (max-width: 575px) {
  .becomeInstructor-statistics-item {
    padding: 20px;
  }
}
.becomeInstructor-statistics-item .icon {
  width: 48px;
  height: 48px;
}
.becomeInstructor-statistics-item .title {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: var(--text-black);
  padding-top: 22px;
}
@media screen and (max-width: 575px) {
  .becomeInstructor-statistics-item .title {
    font-size: 30px;
    padding-top: 10px;
  }
}
.becomeInstructor-statistics-item .info {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: var(--text-black);
}

.becomeInstructor-statistics-section .container {
  --bs-gutter-x: 0;
}
.becomeInstructor-statistics-wrap .row {
  --bs-gutter-x: 0;
}
@media screen and (min-width: 1400px) {
  .becomeInstructor-statistics-wrap .row > div {
    flex-grow: 1;
  }
}
@media screen and (min-width: 1400px) {
  .becomeInstructor-statistics-wrap .row > div:last-child {
    flex-grow: initial;
  }
}
@media screen and (min-width: 992px) {
  .becomeInstructor-statistics-wrap .row div:first-child .becomeInstructor-statistics-item {
    padding-left: 15px;
  }
}
.becomeInstructor-statistics-wrap .row div:last-child .becomeInstructor-statistics-item {
  border-right: none;
}
@media screen and (min-width: 992px) {
  .becomeInstructor-statistics-wrap .row div:last-child .becomeInstructor-statistics-item {
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .becomeInstructor-statistics-wrap .row div:nth-child(2) .becomeInstructor-statistics-item {
    border-right: none;
  }
}
@media screen and (max-width: 1399px) {
  .becomeInstructor-statistics-wrap .row div:nth-child(3) .becomeInstructor-statistics-item {
    border-right: none;
    border-bottom: 1px solid var(--yellow-stroke);
  }
}
@media screen and (max-width: 767px) {
  .becomeInstructor-statistics-wrap .row div:nth-child(4) .becomeInstructor-statistics-item {
    border-right: none;
    border-left: 1px solid var(--yellow-stroke);
    border-bottom: 1px solid var(--yellow-stroke);
  }
}
@media screen and (max-width: 1399px) {
  .becomeInstructor-statistics-wrap .row div:nth-child(1) .becomeInstructor-statistics-item, .becomeInstructor-statistics-wrap .row div:nth-child(2) .becomeInstructor-statistics-item {
    border-bottom: 1px solid var(--yellow-stroke);
  }
}

.khebratak-cta-section {
  position: relative;
}
.khebratak-cta-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 34px;
}
.khebratak-cta-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1320px;
  height: 100%;
  max-height: 355px;
  background-image: url("../images/cta-bg.png");
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1199px) {
  .khebratak-cta-content::before {
    max-height: 100%;
  }
}
.khebratak-cta-content .left {
  position: relative;
  z-index: 1;
  padding: 70px 0 70px 75px;
  max-width: 770px;
}
@media screen and (max-width: 1199px) {
  .khebratak-cta-content .left {
    max-width: 710px;
    padding: 70px;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-cta-content .left {
    padding: 30px;
  }
}
.khebratak-cta-content .left .title {
  max-width: 650px;
  font-size: clamp(25px, 2.5vw, 50px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--white);
  padding-bottom: 20px;
}
.khebratak-cta-content .left .info {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  padding-bottom: 28px;
}
.khebratak-cta-content .right {
  position: relative;
  z-index: 1;
  max-width: 525px;
}
@media screen and (max-width: 1199px) {
  .khebratak-cta-content .right {
    display: none;
  }
}
.khebratak-cta-content-alt {
  border-radius: 20px 20px 0 0;
  padding: 70px 20px;
}
@media screen and (max-width: 991px) {
  .khebratak-cta-content-alt {
    padding: 60px 20px;
  }
}
.khebratak-cta-content-alt .left {
  max-width: 868px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.khebratak-cta-content-alt .left .title {
  max-width: 100%;
  font-size: clamp(25px, 2.5vw, 50px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--white);
  padding-bottom: 28px;
}
.khebratak-cta-content-subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 534px;
  margin: 0 auto;
}
@media screen and (max-width: 575px) {
  .khebratak-cta-content-subscribe {
    flex-direction: column;
  }
}
.khebratak-cta-content-subscribe input {
  display: block;
  width: 100%;
  padding: 11px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: white;
  background-color: #13391c;
  background-clip: padding-box;
  border: 1px solid #13391c;
  border-radius: 10px;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.khebratak-cta-content-subscribe input:focus, .khebratak-cta-content-subscribe input:hover {
  border: 1px solid #13391c;
  color: var(--white) !important;
  background-color: #13391c !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.khebratak-cta-content-subscribe input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: white;
}

.company-values-item {
  padding: 32px;
  border: 1px solid var(--stroke);
  border-radius: 20px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}
@media screen and (max-width: 1199px) {
  .company-values-item {
    padding: 32px 20px;
  }
}
.company-values-item .icon {
  width: 76px;
  height: 76px;
  background-color: var(--green);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-values-item .icon img {
  max-width: 48px;
  width: 100%;
  max-height: 48px;
  height: 100%;
  object-fit: cover;
}
.company-values-item .content {
  text-align: center;
}
.company-values-item .content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.03em;
  color: var(--text-black);
  padding-bottom: 12px;
}
.company-values-item .content .info {
  max-width: 336px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: var(--para-text);
}

.khebratak-aboutGallery-item {
  margin-bottom: 62px;
}
@media screen and (max-width: 1199px) {
  .khebratak-aboutGallery-item {
    margin-bottom: 30px;
  }
}

.khebratak-instructorProfile-left, .khebratak-instructorProfile-right {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
  background-color: var(--white);
  overflow: hidden;
}
.khebratak-instructorProfile-left {
  max-width: 426px;
  margin: 0 auto;
}
.khebratak-instructorProfile-left .topContent {
  padding: 40px 20px !important;
  border-bottom: 1px solid var(--stroke);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
}
.khebratak-instructorProfile-left .topContent .instructor-details-avatar-wrap {
  position: relative;
  background-color: var(--gray-one);
  width: 224px;
  height: 237px;
  border-radius: 10px;
}
.khebratak-instructorProfile-left .topContent .instructor-details-avatar-wrap img:first-child {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-instructorProfile-left .topContent .instructor-details-avatar-wrap .verifiedBadge {
  position: absolute;
  right: -17px;
  bottom: -11px;
}
.khebratak-instructorProfile-left .topContent .instructor-details-name {
  padding: 0 !important;
  padding-bottom: 8px !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  color: var(--text-black);
}
.khebratak-instructorProfile-left .topContent .instructor-details-designation {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
  padding-bottom: 26px;
}
.khebratak-instructorProfile-left .topContent .instructor-details-socialItems {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 26px;
}
.khebratak-instructorProfile-left .topContent .instructor-details-socialItems .item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-instructorProfile-left .topContent .instructor-details-socialItems .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-instructorProfile-left .topContent .search-instructor-award-img {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  padding: 7px 14px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.khebratak-instructorProfile-left .bottomContent {
  padding: 25px;
}
@media screen and (max-width: 1199px) {
  .khebratak-instructorProfile-left .bottomContent {
    padding: 15px;
  }
}
.khebratak-instructorProfile-left .bottomContent .course-includes-box {
  padding-bottom: 45px !important;
}
.khebratak-instructorProfile-left .bottomContent .course-includes-box ul li {
  padding-bottom: 14px !important;
}
.khebratak-instructorProfile-left .bottomContent .course-includes-box ul li.item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.khebratak-instructorProfile-left .bottomContent .course-includes-box ul li:last-child {
  padding-bottom: 0 !important;
}

.khebratak-certificateAwards-wrap > .row {
  --bs-gutter-x: 0;
}
.khebratak-certificateAwards-wrap > .row > div:first-child {
  border-right: 1px solid var(--stroke);
}
.khebratak-certificateAwards-item {
  padding: 35px;
}
.khebratak-certificateAwards-item .row > div img {
  width: 100%;
}

.instructorProfile-awards-list li {
  padding-bottom: 10px;
}
.instructorProfile-awards-list li:last-child {
  padding-bottom: 0;
}
.instructorProfile-awards-list li.item {
  display: flex;
  align-items: center;
  gap: 17px;
}
.instructorProfile-awards-list li.item .img {
  width: 80px;
  height: 71px;
  border-radius: 10px;
  overflow: hidden;
}
.instructorProfile-awards-list li.item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.consultation-bookingSchedule-modal-wrap .modal-header {
  position: relative;
  padding: 23px 31px 27px;
  display: flex;
  border-color: var(--stroke);
}
.consultation-bookingSchedule-modal-wrap .modal-header .modal-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  color: var(--text-black);
}
.consultation-bookingSchedule-modal-wrap .modal-header button {
  position: absolute;
  top: -26px;
  right: -20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
}
@media screen and (max-width: 991px) {
  .consultation-bookingSchedule-modal-wrap .modal-header button {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .consultation-bookingSchedule-modal-wrap .modal-header button {
    width: 40px;
    height: 40px;
  }
}
.consultation-bookingSchedule-modal-wrap .modal-body {
  padding: 27px 33px 23px 30px;
}
.consultation-bookingSchedule-modal-wrap .modal-body .book-schedule-calendar-wrap #datepicker {
  border: none;
  border-bottom: 1px solid var(--stroke);
  padding: 0 0 5px;
  border-radius: 0;
  height: 37px !important;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: var(--text-black);
}
.consultation-bookingSchedule-modal-wrap .modal-body .book-schedule-calendar-wrap .iconify {
  right: 0;
}
.consultation-bookingSchedule-modal-wrap .modal-body .consultantion-hours-box input {
  background-color: var(--white) !important;
  border-bottom: 1px solid var(--stroke);
  border-radius: 0;
  padding: 0;
  height: 37px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: var(--text-black);
}

.course-info-box-wishlist-btns button {
  width: 100%;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--green);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--text-black);
}
.course-info-box-wishlist-btns button .add-to-wishlist-icon svg path {
  transition: all 0.3s;
}
.course-info-box-wishlist-btns button .add-to-wishlist-icon.active svg path {
  fill: #164f25;
}

.courseDetails-sidebarBtn-courseGift .courseCashback-content {
  border-radius: 10px;
  padding: 16px 20px;
  background-color: rgba(33, 119, 56, 0.1);
  display: flex;
  align-items: flex-start;
  gap: 7px;
}
.courseDetails-sidebarBtn-courseGift .courseGift-content {
  border-radius: 10px;
  padding: 16px 20px;
  background-color: rgba(250, 207, 57, 0.1);
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.progress-bar-box .progress-hint {
  min-width: 213px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.khebratak-customer-review-part {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.khebratak-customer-review-part #appendReviews:has(.customer-review-item) {
  border: 1px solid var(--stroke);
  border-radius: 12px;
}
.khebratak-customer-review-part #appendReviews .authorInfo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .khebratak-customer-review-part #appendReviews .authorInfo-wrap {
    flex-direction: column;
  }
}
.khebratak-customer-review-part #appendReviews .authorInfo-wrap .customer-review-item-img-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-customer-review-part #appendReviews .authorInfo-wrap .customer-review-item-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 575px) {
  .review-tab-count-box {
    padding-bottom: 0 !important;
  }
}
.review-tab-count-box .rating-list {
  gap: 5px;
}
.review-tab-count-box .rating-list li {
  font-size: 20px;
}

.khebratak-meet-instructor-item {
  border: 1px solid var(--stroke);
  border-radius: 12px;
  margin-bottom: 24px;
}
.khebratak-meet-instructor-item .topContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 30px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 991px) {
  .khebratak-meet-instructor-item .topContent {
    padding: 20px;
  }
}
.khebratak-meet-instructor-item .meet-instructor-img-wrap {
  display: flex;
  width: 86px;
  height: 86px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto !important;
  margin-bottom: 22px !important;
}
.khebratak-meet-instructor-item .meet-instructor-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-meet-instructor-item .meet-instructor-top-title {
  text-align: center;
}
.khebratak-meet-instructor-item .meet-instructor-top-title .name {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--text-black);
  padding-bottom: 12px;
  display: block;
}
.khebratak-meet-instructor-item .meet-instructor-top-title .teacher-tag {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 30px;
  background-color: rgba(33, 119, 56, 0.1);
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  color: var(--green);
}
.khebratak-meet-instructor-item .meet-your-instructor-content-part {
  padding: 30px;
}
@media screen and (max-width: 991px) {
  .khebratak-meet-instructor-item .meet-your-instructor-content-part {
    padding: 20px;
  }
}

.meet-instructor-item-wrap .khebratak-meet-instructor-item:last-child {
  margin-bottom: 0;
}

.khebratak-courseOverview-content .item {
  border: 1px solid var(--stroke);
  border-radius: 12px;
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .khebratak-courseOverview-content .item {
    margin-bottom: 20px;
  }
}
.khebratak-courseOverview-content .item .topTitle {
  padding: 30px 40px;
}
.khebratak-courseOverview-content .item .topTitle:has(~ .list-wrap) {
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 1199px) {
  .khebratak-courseOverview-content .item .topTitle {
    padding: 25px;
  }
}
@media screen and (max-width: 991px) {
  .khebratak-courseOverview-content .item .topTitle {
    padding: 20px;
  }
}
.khebratak-courseOverview-content .item .topTitle .name,
.khebratak-courseOverview-content .item .topTitle .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: var(--green);
  padding-bottom: 6px;
}
.khebratak-courseOverview-content .item .topTitle .info {
  font-size: 16px;
  font-weight: 400;
  color: var(--para-text);
}
.khebratak-courseOverview-content .item .list-wrap {
  padding: 30px 40px;
}
@media screen and (max-width: 1199px) {
  .khebratak-courseOverview-content .item .list-wrap {
    padding: 25px;
  }
}
@media screen and (max-width: 991px) {
  .khebratak-courseOverview-content .item .list-wrap {
    padding: 20px;
  }
}
.khebratak-courseOverview-content .item .list-wrap ul {
  padding-left: 20px;
}
.khebratak-courseOverview-content .item .list-wrap ul li {
  list-style: disc;
  color: var(--text-black);
}
.khebratak-courseOverview-content .item .list-wrap p {
  font-size: 20px;
  font-weight: 400;
  color: var(--text-black);
}
.khebratak-courseOverview-content .item:last-child {
  margin-bottom: 0;
}

.khebratak-course-details-tab-nav-wrap {
  border: none !important;
  padding: 26px 34px 0;
}
@media screen and (max-width: 1199px) {
  .khebratak-course-details-tab-nav-wrap {
    padding: 26px 26px 0;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-course-details-tab-nav-wrap {
    padding: 10px 10px 0;
  }
}
.khebratak-course-details-tab-nav-wrap .nav-tabs {
  width: 100%;
  justify-content: space-between !important;
  background-color: var(--gray-one);
  padding: 4px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .khebratak-course-details-tab-nav-wrap .nav-tabs {
    justify-content: center !important;
  }
}
.khebratak-course-details-tab-nav-wrap .nav-tabs .nav-link {
  margin: 0 !important;
  padding: 5px 18px !important;
  border-radius: 8px !important;
  background-color: transparent !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: var(--text-black) !important;
}
@media screen and (max-width: 767px) {
  .khebratak-course-details-tab-nav-wrap .nav-tabs .nav-link {
    padding: 5px 10px !important;
  }
}
.khebratak-course-details-tab-nav-wrap .nav-tabs .nav-link::after {
  display: none !important;
}
.khebratak-course-details-tab-nav-wrap .nav-tabs .nav-link.active {
  background-color: var(--yellow) !important;
}

.khebratak-special-course-offer {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.khebratak-special-course-offer .content {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .khebratak-special-course-offer .content {
    bottom: 20px;
  }
}
.khebratak-special-course-offer .img {
  padding-bottom: 56px;
}
@media screen and (max-width: 991px) {
  .khebratak-special-course-offer .img {
    padding-bottom: 30px;
  }
}
.khebratak-special-course-offer .title {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--white);
  padding-bottom: 22px;
}
@media screen and (max-width: 767px) {
  .khebratak-special-course-offer .title {
    font-size: 26px;
  }
}

.khebratak-course-sidebar-accordion > .accordion-item > .accordion-header .accordion-button {
  padding: 23px 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-course-sidebar-accordion > .accordion-item > .accordion-header .accordion-button {
    padding: 15px;
  }
}
.khebratak-course-sidebar-accordion > .accordion-item > .accordion-header .accordion-button::after {
  content: url("../images/icon/course-accordion-arrow.svg");
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body {
  padding: 0px 25px 23px;
}
@media screen and (max-width: 575px) {
  .khebratak-course-sidebar-accordion > .accordion-item .accordion-body {
    padding: 0px 15px 15px;
  }
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body .sidebar-radio-item {
  padding-right: 0;
  padding-bottom: 10px !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body .sidebar-radio-item:last-child {
  padding-bottom: 0 !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body .sidebar-radio-item .form-check {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 0 !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body input {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  top: 0;
  border-color: #d4d4d4;
  border-radius: 3px;
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body input:checked {
  background-color: var(--green);
  border-color: var(--green);
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body label {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: var(--para-text) !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .accordion-body label svg path {
  fill: var(--yellow);
}
.khebratak-course-sidebar-accordion > .accordion-item .sidebar-inner-accordion-item {
  padding-bottom: 23px !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .sidebar-inner-accordion-item .accordion-button {
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: var(--text-black) !important;
}
.khebratak-course-sidebar-accordion > .accordion-item .sidebar-inner-accordion-item:last-child {
  padding-bottom: 0 !important;
}

.range-value-box {
  display: flex;
  gap: 10px;
}
.range-value-box .range-value-wrap {
  flex: 1 0 auto !important;
  background-color: #efefef;
  border-radius: 8px;
  padding: 13px 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 159.5px;
}
@media screen and (max-width: 1199px) {
  .range-value-box .range-value-wrap {
    max-width: 100px;
    padding: 13px 10px;
  }
}
.range-value-box .range-value-wrap label {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
}
.range-value-box .range-value-wrap input {
  width: 100% !important;
  height: auto !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
  background-color: transparent !important;
}
.range-value-box .range-value-wrap input:hover, .range-value-box .range-value-wrap input:focus, .range-value-box .range-value-wrap input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
}
.range-value-box button {
  width: 35px;
  height: 100%;
  border-radius: 8px;
  background-color: var(--green);
  display: flex;
  justify-content: center;
  align-items: center;
}
.range-value-box.product-range-value-box {
  margin-bottom: 20px;
}
.range-value-box.product-range-value-box .range-value-wrap {
  max-width: 145px;
}

.khebratak-bundles-course-item .course-img-wrap {
  flex-shrink: 0;
  min-width: 324px;
  max-width: 324px;
  height: 182px; /* ارتفاع ثابت للحصول على نسبة 16:9 */
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .khebratak-bundles-course-item .course-img-wrap {
    max-width: 100%;
    height: 200px;
  }
}
.khebratak-bundles-course-item .course-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.khebratak-bundles-course-item .card-body {
  align-self: center;
}
@media screen and (max-width: 767px) {
  .khebratak-bundles-course-item .card-body {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 10px !important;
  }
}
.khebratak-bundles-course-jobsList li {
  margin-bottom: 14px;
}
.khebratak-bundles-course-jobsList li:last-child {
  margin-bottom: 0;
}
.khebratak-bundles-course-jobsList li.item {
  border: 1px solid var(--stroke);
  border-radius: 12px;
  padding: 36px 40px;
}
@media screen and (max-width: 768px) {
  .khebratak-bundles-course-jobsList li.item {
    padding: 20px;
  }
}
.khebratak-bundles-course-jobsList li.item .topContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 31px;
}
.khebratak-bundles-course-jobsList li.item .topContent .jobTitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: var(--text-black);
}
.khebratak-bundles-course-jobsList li.item .jobInfo-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .khebratak-bundles-course-jobsList li.item .jobInfo-content {
    flex-direction: column;
  }
}
.khebratak-bundles-course-jobsList li.item .jobInfo-content .jobInfo-item {
  max-width: 180px;
  width: 100%;
}
.khebratak-bundles-course-jobsList li.item .jobInfo-content .jobInfo-item:last-child {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .khebratak-bundles-course-jobsList li.item .jobInfo-content .jobInfo-item:last-child {
    text-align: right;
  }
}
.khebratak-bundles-course-jobsList li.item .jobsDetails-wrap button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--green);
}
.khebratak-bundles-course-jobsList li.item .jobsDetails-wrap .content {
  padding-top: 32px;
}
.khebratak-bundles-course-jobsList li.item .jobsDetails-wrap .content .title {
  font-size: clamp(18px, 1.25vw, 30px);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-black);
  padding-bottom: 12px;
}
.khebratak-bundles-course-jobDetails .contentWrap .item {
  padding-bottom: 42px;
}
.khebratak-bundles-course-jobDetails .contentWrap .item:last-child {
  padding-bottom: 0;
}
.khebratak-bundles-course-jobDetails .contentWrap .item .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-black);
  padding-bottom: 16px;
}
.khebratak-bundles-course-jobDetails .contentWrap .item .info {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--para-text);
}
.khebratak-bundles-course-jobDetails .contentWrap .item .listWrap {
  padding-left: 20px;
}
.khebratak-bundles-course-jobDetails .contentWrap .item .listWrap li {
  list-style: disc;
  color: var(--para-text);
  padding-bottom: 7px;
}
.khebratak-bundles-course-jobDetails .contentWrap .item .listWrap li:last-child {
  padding-bottom: 0;
}

.khebratak-top-bar {
  background-color: var(--theme-color);
}
.khebratak-top-bar .container {
  max-width: 1550px;
}
.khebratak-promoCode {
  background-color: #13391c;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
}
.khebratak-promoCode p {
  padding: 11px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.khebratak-promoCode button {
  padding: 6px 10px;
  border: none;
  background-color: transparent;
}

.event-duration {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
}
.event-duration .item {
  padding: 5px 14px;
  background-color: #13391c;
  border-radius: 4px;
  text-align: center;
}
.event-duration .item .eTime {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--white);
}
.event-duration .item .eInfo {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: var(--white);
}
.event-duration .separate {
  color: var(--white);
  font-size: 26px;
  font-weight: 600;
}

.khebratak-testimonial-item {
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 36px 40px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .khebratak-testimonial-item {
    padding: 20px;
  }
}
.khebratak-testimonial-item .testimonial-top-content {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.khebratak-testimonial-item .testimonial-top-content .img-wrap {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-testimonial-item .testimonial-top-content .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-testimonial-item .testimonial-top-content .quote-img-wrap {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-testimonial-item .testimonial-top-content .quote-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-testimonial-item .testimonial-top-content .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-black);
  padding-bottom: 0 !important;
}
.khebratak-testimonial-item .testimonial-top-content .degi {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--para-text);
}
.khebratak-testimonial-item .testimonial-top-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgb(229, 231, 235);
  background: linear-gradient(90deg, rgba(229, 231, 235, 0) 0%, rgb(229, 231, 235) 50%, rgba(229, 231, 235, 0) 100%);
}
.khebratak-testimonial-item .testimonial-bottom-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.khebratak-testimonial-item .testimonial-bottom-content .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--para-text);
}
@media screen and (min-width: 1200px) {
  .khebratak-testimonial-item .testimonial-bottom-content .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
  }
}

@media screen and (min-width: 1500px) {
  .homeBanner-slider-wraper {
    height: 851px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
  .homeBanner-slider-wraper {
    height: 770px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .homeBanner-slider-wraper {
    height: 674px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .homeBanner-slider {
    height: 851px;
  }
}
@media screen and (min-width: 1400px) {
  .homeBanner-slider .swiper-slide {
    height: 334px !important;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .homeBanner-slider .swiper-slide {
    height: 302px !important;
  }
}
.homeBanner-slider-alt {
  transform: rotate(180deg);
}
@media screen and (min-width: 1200px) {
  .homeBanner-slider-alt {
    height: 851px;
  }
}
@media screen and (min-width: 1400px) {
  .homeBanner-slider-alt .swiper-slide {
    height: 334px !important;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .homeBanner-slider-alt .swiper-slide {
    height: 302px !important;
  }
}
.homeBanner-slider-alt .khebratak-testimonial-item {
  transform: rotate(180deg);
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .khebratak-testimonialWrap {
    padding: 30px 0;
  }
}
.khebratak-testimonialWrap .container {
  max-width: 1550px;
}

.khebratak-navbar-brand .logoDefaultWhite {
  display: none;
}

.sticky .khebratak-navbar-brand .logoDefault {
  display: none;
}
.sticky .khebratak-navbar-brand .logoDefaultWhite {
  display: block;
}

/* Instrucor panel */
.instructor-profile-page {
  padding-top: 120px;
}
@media screen and (max-width: 991px) {
  .instructor-profile-page {
    padding-top: 50px;
  }
}

.khebratak-instructor-dashboard-top-part-item {
  border: 1px solid var(--stroke) !important;
  border-radius: 20px !important;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843) !important;
  background-color: var(--white) !important;
  padding: 24px !important;
  min-height: 118px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 15px;
  text-align: center !important;
}
.khebratak-instructor-dashboard-top-part-item .instructor-dashboard-top-part-icon img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}
.khebratak-instructor-dashboard-top-part-item .content .title {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: var(--para-text);
}
.khebratak-instructor-dashboard-top-part-item .content .info {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  color: var(--text-black);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.instructor-dashboard-top-part div:nth-child(3) .khebratak-instructor-dashboard-top-part-item .content .info {
  font-size: 20px;
}

.khebratak {
  /* Ranking item */
  /* upload your course part */
  /* sale statistics */
  /* My Courses */
  /* Bundels */
  /* Instructor panel wrap */
  /* All student modal */
  /* My service item */
  /* Audio */
  /* live-class-list-tabs */
  /* Modal Content Wrap */
  /* Add slot modal */
  /* Dashboard box */
  /* Product Image Upload Box */
  /* curriculum lecture item */
  /* interestInput wrap */
  /* Forum Details */
  /* Course Create */
  /* Disscussion */
  /* Chat */
}
.khebratak-recently-added-courses-box {
  padding: 20px 25px;
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
@media screen and (max-width: 575px) {
  .khebratak-recently-added-courses-box {
    padding: 10px;
    border-radius: 10px;
  }
}
.khebratak-recently-added-courses-box .titleWrap {
  padding: 8px 14px;
  background-color: var(--gray-two);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 28px;
}
.khebratak-recently-added-courses-box .titleWrap .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-black);
}
.khebratak-recently-added-courses-box .titleWrap a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  color: var(--green);
  text-decoration: underline;
}
.khebratak-recently-added-course-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.khebratak-recently-added-course-item .img-wrap {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
}
.khebratak-recently-added-course-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-recently-added-course-item .content {
  width: 100%;
}
.khebratak-recently-added-course-item .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: var(--text-black);
  letter-spacing: -0.02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.khebratak-recently-added-course-item .content .enrollInfo {
  padding: 7px 0px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: var(--para-text);
  letter-spacing: -0.02em;
}
.khebratak-recently-added-course-item .content .daysAgo {
  padding: 3px 7px;
  border-radius: 30px;
  background-color: rgba(33, 119, 56, 0.1);
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  color: var(--green);
}
.khebratak-ranking-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.khebratak-ranking-item .leftSide {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.khebratak-ranking-item .leftSide .icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.khebratak-ranking-item .leftSide .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-ranking-item .leftSide .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: var(--text-black);
  letter-spacing: -0.02em;
}
.khebratak-ranking-item .rightSide {
  display: flex;
  align-items: flex-start;
  gap: 26px;
}
.khebratak-ranking-item .rightSide .item {
  text-align: center;
}
.khebratak-ranking-item .rightSide .item .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: var(--para-text);
  padding-bottom: 5px;
}
.khebratak-ranking-item .rightSide .item .info {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: var(--text-black);
}
.khebratak-upload-your-course-part {
  position: relative;
  padding: 80.5px 48px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .khebratak-upload-your-course-part {
    padding: 50px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-upload-your-course-part {
    padding: 50px 30px;
  }
}
.khebratak-upload-your-course-part::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--green-two) 0%, rgba(22, 79, 38, 0) 100%);
}
.khebratak-upload-your-course-part .title {
  position: relative;
  display: block;
  font-size: clamp(25px, 1.67vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: var(--white);
  letter-spacing: -0.03em;
  padding-bottom: 27px;
}
.khebratak-upload-your-course-part.khebratak-upload-bundle-course-part {
  padding: 116px 48px;
}
@media screen and (max-width: 1399px) {
  .khebratak-upload-your-course-part.khebratak-upload-bundle-course-part {
    padding: 80px 48px;
  }
}
@media screen and (max-width: 991px) {
  .khebratak-upload-your-course-part.khebratak-upload-bundle-course-part {
    padding: 50px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-upload-your-course-part.khebratak-upload-bundle-course-part {
    padding: 50px 30px;
  }
}
.khebratak-instructor-dashboard-chart-box {
  border: 1px solid var(--stroke) !important;
  border-radius: 20px !important;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843) !important;
  background-color: var(--white) !important;
  padding: 24px !important;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-dashboard-chart-box {
    padding: 10px !important;
    border-radius: 10px !important;
  }
}
.khebratak-instructor-dashboard-chart-box .titleWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 28px;
}
.khebratak-instructor-dashboard-chart-box .titleWrap .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-black);
}
.khebratak-instructor-myCourse-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-instructor-myCourse-wrap .instructor-my-courses-title {
  padding: 25px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-myCourse-wrap .instructor-my-courses-title {
    padding: 15px;
  }
}
.khebratak-instructor-myCourse-wrap .instructor-my-courses-title .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  color: var(--text-black);
}
.khebratak-instructor-myCourse-wrap .instructor-my-courses-box {
  padding: 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-myCourse-wrap .instructor-my-courses-box {
    padding: 15px;
  }
}
.khebratak-instructor-my-course-item {
  border: 1px solid var(--stroke) !important;
  border-radius: 10px;
  padding: 0 !important;
}
.khebratak-instructor-my-course-item .topContent {
  padding: 14px 14px 32px;
}
@media screen and (max-width: 991px) {
  .khebratak-instructor-my-course-item .topContent {
    padding: 14px;
  }
}
.khebratak-instructor-my-course-item .topContent .course-img-wrap {
  overflow: hidden;
  border-radius: 0 !important;
}
.khebratak-instructor-my-course-item .course-infoWrap {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  z-index: 10;
}
.khebratak-instructor-my-course-item .course-infoWrap .topContent {
  border: 1px solid var(--stroke);
  border-radius: 8px;
  background-color: var(--white);
  padding: 9px 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px 10px;
  flex-wrap: wrap;
}
.khebratak-instructor-my-course-item .course-infoWrap .topContent .item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--para-text);
}
.khebratak-instructor-my-course-item .course-infoWrap .topContent .item .instructor-courses-info-duration-wrap-text {
  font-family: "Inter", sans-serif;
  color: var(--text-black);
}
.khebratak-instructor-my-course-item .course-infoWrap .topContent .item .icon {
  flex-shrink: 0;
}
.khebratak-instructor-my-course-item .course-infoWrap .topContent .item .icon img {
  width: 17px;
  height: 17px;
  min-height: auto;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus {
  padding: 5px 13.5px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--white);
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.private {
  color: #0b2711;
  background-color: #facf39;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.published {
  background-color: #164f25;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.waiting {
  background-color: #aaa8a8;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.hold {
  background-color: #9ec469;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.draft {
  background-color: #717171;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.upcomingPending {
  background-color: #c4b669;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.upcoming {
  background-color: #217738;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.pending {
  background-color: #c47e69;
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.bestSeller {
  color: #0b2711;
  background-color: var(--white);
}
.khebratak-instructor-my-course-item .course-infoWrap .courseStatus.newCourse {
  color: #0b2711;
  background-color: var(--white);
}
.khebratak-instructor-my-course-item .course-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-instructor-my-course-item .card-body {
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 12px;
}
.khebratak-instructor-my-course-item .card-body .titlePrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.khebratak-instructor-my-course-item .card-body .titlePrice .course-title {
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 500 !important;
  letter-spacing: normal;
  color: var(--text-black) !important;
  height: auto;
  -webkit-line-clamp: 1;
  margin-bottom: 0 !important;
  max-width: calc(100% - 90px);
}
.khebratak-instructor-my-course-item .card-body .titlePrice .priceWrap {
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 21px;
  color: var(--green);
}
.khebratak-instructor-my-course-item .course-rating {
  margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
  .khebratak-instructor-my-course-item .course-rating {
    padding-bottom: 25px;
  }
}
.khebratak-instructor-my-course-item .course-rating .averageRating {
  font-size: 16px;
  font-weight: 500;
  line-height: 17px;
  color: var(--text-black);
}
.khebratak-instructor-my-course-item .course-rating .rating-count {
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  color: var(--para-text);
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-btns {
  flex: 1 1 auto;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--white);
  border: 1px solid var(--green);
  border-radius: 10px;
  background-color: var(--green);
  text-align: center;
  transition: all 0.3s;
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-btns:hover {
  background-color: var(--white);
  color: var(--green);
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-quizBtn {
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--text-black);
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-quizBtn:hover {
  border-color: var(--yellow);
  background-color: var(--white);
  color: var(--yellow);
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-assignment {
  border-color: var(--text-black);
  background-color: var(--text-black);
}
.khebratak-instructor-my-course-item .instructor-my-course-btns .instructorMycourse-assignment:hover {
  border-color: var(--text-black);
  background-color: var(--white);
  color: var(--text-black);
}
.khebratak-instructor-my-course-item .bottomContent {
  padding: 19px 20px 20px;
  border-top: 1px solid var(--stroke);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
@media screen and (max-width: 991px) {
  .khebratak-instructor-my-course-item .bottomContent {
    padding: 14px;
  }
}
.khebratak-instructor-my-course-item .bottomContent .item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--green);
}
.khebratak-instructor-my-course-item .bottomContent .item .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.khebratak-instructor-my-course-item .bottomContent .item.deleteItem {
  color: var(--red);
}
.khebratak-instructor-bundleCourse-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-instructor-bundleCourse-wrap .titleWrap {
  padding: 25px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-bundleCourse-wrap .titleWrap {
    padding: 15px;
  }
}
.khebratak-instructor-bundleCourse-wrap .titleWrap .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  color: var(--text-black);
}
.khebratak-instructor-bundleCourse-wrap .contentWrap {
  padding: 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-bundleCourse-wrap .contentWrap {
    padding: 15px;
  }
}
.khebratak-instructor-bundleCourse-wrap .instructor-bundleCourses-box {
  padding: 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-bundleCourse-wrap .instructor-bundleCourses-box {
    padding: 15px;
  }
}
.khebratak-instructor-bundleCourse-wrap .instructor-bundleCourses-box .listWrap {
  padding: 25px 0 0;
}
@media screen and (min-width: 1400px) {
  .khebratak-instructor-bundleCourse-wrap .instructor-bundleCourses-box .listWrap {
    padding: 25px 31px 0;
  }
}
.khebratak-instructor-bundleCourse-wrap .instructor-bundleCourses-box .listWrap .course-item {
  margin-bottom: 0 !important;
}
.khebratak-courseCategories-sliderWrap {
  max-width: 991px;
  margin: 0 auto;
  padding-bottom: 44px;
}
@media screen and (max-width: 991px) {
  .khebratak-courseCategories-sliderWrap {
    padding-bottom: 88px;
  }
}
.khebratak-courseCategories-sliderWrap .swiper-button-next, .khebratak-courseCategories-sliderWrap .swiper-button-prev {
  width: 39px;
  height: 39px;
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 50%;
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .khebratak-courseCategories-sliderWrap .swiper-button-next, .khebratak-courseCategories-sliderWrap .swiper-button-prev {
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 991px) {
  .khebratak-courseCategories-sliderWrap .swiper-button-next, .khebratak-courseCategories-sliderWrap .swiper-button-prev {
    top: auto;
    bottom: 22px;
  }
}
.khebratak-courseCategories-sliderWrap .swiper-button-next::after, .khebratak-courseCategories-sliderWrap .swiper-button-prev::after {
  display: none;
}
@media screen and (max-width: 991px) {
  .khebratak-courseCategories-sliderWrap .swiper-button-next {
    right: calc(50% - 45px);
  }
}
@media screen and (max-width: 991px) {
  .khebratak-courseCategories-sliderWrap .swiper-button-prev {
    left: calc(50% - 45px);
  }
}
.khebratak-courseCategories-slider {
  max-width: 873px;
  overflow: hidden;
  margin: 0 auto;
}
.khebratak-courseInput-wrap {
  position: relative;
}
@media screen and (max-width: 575px) {
  .khebratak-courseInput-wrap {
    max-width: 207px;
    margin: 0 auto;
  }
}
.khebratak-courseInput-wrap input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.khebratak-courseInput-wrap input:checked ~ label {
  border-color: var(--yellow);
  background-color: var(--yellow);
}
.khebratak-courseInput-wrap label {
  width: 100%;
  margin: 0 !important;
  padding: 17px 6px 6px;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  background-color: var(--white);
  cursor: pointer;
  transition: all 0.3s;
}
.khebratak-courseInput-wrap label .title {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--text-black);
  padding-bottom: 13px;
}
.khebratak-courseInput-wrap label .img {
  display: block;
  width: 100%;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
}
.khebratak-courseInput-wrap label .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-aboutUs-video-content {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  max-height: 664px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
  text-align: center;
}
.khebratak-aboutUs-video-content .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .khebratak-aboutUs-video-content .content {
    bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-aboutUs-video-content .content {
    gap: 20px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-aboutUs-video-content .content {
    bottom: 30px;
  }
}
.khebratak-aboutUs-video-content video {
  height: 100%;
  width: 100%;
}
.khebratak-aboutUs-video-content button {
  position: relative;
  width: 146px;
  height: 146px;
  background-color: var(--yellow);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .khebratak-aboutUs-video-content button {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-aboutUs-video-content button {
    width: 50px;
    height: 50px;
  }
  .khebratak-aboutUs-video-content button svg {
    max-width: 16px;
  }
}
.khebratak-aboutUs-video-content button::before {
  content: "";
  animation: ping 3s infinite 0.5s ease-out;
  position: absolute;
  height: 128%;
  width: 128%;
  background: var(--yellow);
  opacity: 0.4;
  border-radius: 50%;
  z-index: -1;
}
.khebratak-aboutUs-video-content button::after {
  content: "";
  animation: ping 3s infinite ease-out;
  position: absolute;
  height: 156%;
  width: 156%;
  background: var(--yellow);
  opacity: 0.2;
  border-radius: 50%;
  z-index: -1;
}
.khebratak-aboutUs-video-content .text {
  position: relative;
  font-family: "Playfair", serif;
  font-size: clamp(25px, 1.875vw, 40px);
  font-style: italic;
  font-weight: 500;
  line-height: 31px;
  color: var(--yellow);
  letter-spacing: -0.08em;
}
.khebratak-aboutUs-video-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 412px;
  background: linear-gradient(0deg, rgb(22, 79, 38) 0%, rgba(22, 79, 38, 0) 100%);
  z-index: 1;
}
.khebratak-aboutUs-video-content.playVideo .content {
  opacity: 0;
  visibility: hidden;
}
.khebratak-aboutUs-video-content.playVideo::before {
  opacity: 0;
  visibility: hidden;
}
.khebratak-aboutUs-text-content {
  margin-top: 50px;
}
@media screen and (min-width: 992px) {
  .khebratak-aboutUs-text-content {
    border-left: 1px solid var(--stroke);
    padding-left: 19px;
  }
}
@media screen and (max-width: 991px) {
  .khebratak-aboutUs-text-content {
    margin-top: 30px;
  }
}
.khebratak-aboutUs-text-content .item {
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .khebratak-aboutUs-text-content .item {
    padding-bottom: 30px;
  }
}
.khebratak-aboutUs-text-content .item:last-child {
  padding-bottom: 0;
}
.khebratak-aboutUs-text-content .item .title {
  font-size: clamp(18px, 1.25vw, 30px);
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.03em;
  color: var(--text-black);
  padding-bottom: 20px;
}
.khebratak-aboutUs-text-content .item .list {
  padding-left: 20px;
}
.khebratak-aboutUs-text-content .item .list li {
  list-style: disc;
}
.khebratak-aboutUs-text-content .item .list li::marker {
  color: var(--text-black);
}
.khebratak-videoModal-content {
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.khebratak-videoModal-content > button {
  position: absolute;
  top: -26px;
  right: -20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .khebratak-videoModal-content > button {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-videoModal-content > button {
    width: 40px;
    height: 40px;
  }
}
.khebratak-videoModal-content .topContent .sub-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 21px;
  color: var(--white);
  padding-bottom: 14px;
}
.khebratak-videoModal-content .topContent .title {
  font-size: clamp(25px, 1.875vw, 40px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--white);
}
.khebratak-videoModal-content .videoContent video {
  width: 100%;
}
.khebratak-instructor-bundles-course-item {
  padding-bottom: 0;
}
.khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap {
  padding: 19px 20px 20px;
  border-top: 1px solid var(--stroke);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 27px;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media screen and (max-width: 991px) {
  .khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap {
    padding: 14px;
  }
}
.khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap .item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--green);
}
.khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap .item .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap .item.deleteItem {
  color: var(--red);
}
.khebratak-instructor-bundles-course-item .instructor-bundle-courses-btns-wrap .item.careerPaths {
  color: var(--text-black);
}
.khebratak-instructor-panel-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-instructor-panel-wrap .titleWrap {
  padding: 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-panel-wrap .titleWrap {
    padding: 15px;
  }
}
.khebratak-instructor-panel-wrap .titleWrap .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  color: var(--text-black);
}
.khebratak-instructor-panel-wrap .contentWrap {
  padding: 0px 25px 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-instructor-panel-wrap .contentWrap {
    padding: 0px 15px 15px;
  }
}
.khebratak-viewStudentModal-wrap .modal-header {
  position: relative;
  padding: 34px;
  display: flex;
  border-color: var(--stroke);
}
@media screen and (max-width: 767px) {
  .khebratak-viewStudentModal-wrap .modal-header {
    padding: 20px;
  }
}
.khebratak-viewStudentModal-wrap .modal-header .modal-title {
  font-size: clamp(25px, 1.875vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: var(--text-black);
  letter-spacing: -0.03em;
}
.khebratak-viewStudentModal-wrap .modal-header button {
  position: absolute;
  top: -26px;
  right: -20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
}
@media screen and (max-width: 991px) {
  .khebratak-viewStudentModal-wrap .modal-header button {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-viewStudentModal-wrap .modal-header button {
    width: 40px;
    height: 40px;
  }
}
.khebratak-viewStudentModal-wrap .modal-body {
  padding: 25px 34px 34px;
}
@media screen and (max-width: 767px) {
  .khebratak-viewStudentModal-wrap .modal-body {
    padding: 20px;
  }
}
.khebratak-viewStudentModal-wrap .modal-body .khebratak-allStudent-modal-img {
  padding-bottom: 32px;
  gap: 19px;
}
.khebratak-viewStudentModal-wrap .modal-body .khebratak-allStudent-modal-img .all-student-img-wrap {
  flex-shrink: 0;
}
.khebratak-viewStudentModal-wrap .modal-body .khebratak-allStudent-modal-img .user_name {
  font-size: 24px;
  font-weight: 500;
  color: var(--text-black);
}
.khebratak-viewStudentModal-wrap .modal-body .student-detail-info-row {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 991px) {
  .khebratak-viewStudentModal-wrap .modal-body .student-detail-info-row {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-viewStudentModal-wrap .modal-body .student-detail-info-row {
    padding-bottom: 20px !important;
  }
}
.khebratak-myServides-item {
  border: 1px solid var(--stroke);
  border-radius: 20px;
}
.khebratak-myServides-item .titleWrap {
  padding: 30px 25px 23px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 1199px) {
  .khebratak-myServides-item .titleWrap {
    padding: 20px;
  }
}
.khebratak-myServides-item .titleWrap .title {
  font-size: clamp(18px, 1.25vw, 30px);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--text-black);
}
.khebratak-myServides-item .contentWrap {
  padding: 30px 25px;
}
@media screen and (max-width: 1199px) {
  .khebratak-myServides-item .contentWrap {
    padding: 20px;
  }
}
.khebratak-audioItem-wrap {
  padding: 9px;
  width: 100%;
  border-radius: 10px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  gap: 20px;
}
.khebratak-audioItem-wrap button {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.khebratak-audioItem-wrap button .content {
  position: relative;
  width: 21px;
  height: 21px;
  background-color: var(--yellow);
  border-radius: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  color: var(--green);
}
.khebratak-audioItem-wrap button .content::before {
  content: "";
  animation: ping 3s infinite 0.5s ease-out;
  position: absolute;
  height: 128%;
  width: 128%;
  background: var(--yellow);
  opacity: 0.4;
  border-radius: 50%;
  z-index: -1;
}
.khebratak-audioItem-wrap button .content::after {
  content: "";
  animation: ping 3s infinite ease-out;
  position: absolute;
  height: 156%;
  width: 156%;
  background: var(--yellow);
  opacity: 0.2;
  border-radius: 50%;
  z-index: -1;
}
.khebratak-audioItem-wrap .audioWaveform-wrap {
  flex: 1 1 auto;
  width: 100%;
}
.khebratak-live-class-list-tabs .nav-link {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #cecece;
  padding: 0 25px 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-live-class-list-tabs .nav-link {
    padding: 0 15px 15px;
  }
}
.khebratak-defaultModal-content {
  position: relative;
}
.khebratak-defaultModal-content > button {
  position: absolute;
  top: -26px;
  right: -20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .khebratak-defaultModal-content > button {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-defaultModal-content > button {
    width: 40px;
    height: 40px;
  }
}
.khebratak-addSlot-modal-content .modal-header {
  position: relative;
  display: flex;
  border-color: var(--stroke);
  padding: 42px;
}
@media screen and (max-width: 991px) {
  .khebratak-addSlot-modal-content .modal-header {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-addSlot-modal-content .modal-header {
    padding: 15px;
  }
}
.khebratak-addSlot-modal-content .modal-header .modal-title,
.khebratak-addSlot-modal-content .modal-header .title {
  font-size: clamp(25px, 1.875vw, 40px);
  font-weight: 600;
  color: var(--text-black);
}
.khebratak-addSlot-modal-content .modal-body {
  padding: 42px;
}
@media screen and (max-width: 991px) {
  .khebratak-addSlot-modal-content .modal-body {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-addSlot-modal-content .modal-body {
    padding: 15px;
  }
}
.khebratak-addSlot-modal-timeItems {
  display: flex;
  gap: 10px;
}
.khebratak-addSlot-modal-timeItems > div {
  flex: 1 1 auto;
  width: 100%;
  max-width: calc((100% - 54px) / 2);
}
.khebratak-addSlot-modal-timeItems > div:last-child {
  flex-shrink: 0;
  max-width: 34px;
  padding: 9px;
  border-radius: 6px;
  background-color: var(--red);
}
.khebratak-addSlot-modal-timeItems > div input {
  height: auto;
  max-height: 45px;
  border-radius: 10px !important;
}
@media screen and (max-width: 575px) {
  .khebratak-addSlot-modal-timeItems > div input {
    padding: 12px 10px;
  }
}
.khebratak-addSlot-modal-timeItems > div input::-webkit-calendar-picker-indicator {
  background-image: url("../images/icon/addSlotTime-clock.svg");
}
.khebratak-addSlot-modal-timeItems-title {
  display: flex;
  gap: 10px;
}
.khebratak-addSlot-modal-timeItems-title > div {
  flex: 1 1 auto;
  width: 100%;
  max-width: calc((100% - 54px) / 2);
}
.khebratak-slot_field_wrap {
  display: flex;
  gap: 10px 37px;
  flex-wrap: wrap;
}
.khebratak-slot_field_wrap .item {
  flex: 1 0 auto;
  max-width: 230px;
}
.khebratak-slot_field_wrap .item > div {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
.khebratak-slot_field_wrap .item > div input {
  height: auto;
  padding: 8px 16px;
}
.khebratak-slot_field_wrap .item > div span {
  flex-shrink: 0;
  display: flex;
  background-color: var(--red);
  width: 34px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 6px !important;
  margin-left: 0 !important;
}
.khebratak-dashboard-box {
  padding: 20px 25px;
  background-color: var(--white);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
@media screen and (max-width: 575px) {
  .khebratak-dashboard-box {
    padding: 10px;
    border-radius: 10px;
  }
}
.khebratak-dashboard-box .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-black);
  margin-bottom: 28px !important;
}
.khebratak-productImageUpload ~ .upload-img-box {
  height: 150px;
}
.khebratak-curriculum-lecture-item .upload-course-video-6-text,
.khebratak-curriculum-lecture-item .play-list-right {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
}
.khebratak-curriculum-lecture-item .upload-course-video-6-text .img,
.khebratak-curriculum-lecture-item .play-list-right .img {
  width: 24px;
  height: 24px;
}
.khebratak-curriculum-lecture-item .lecture-edit-title {
  color: var(--text-black) !important;
}
.khebratak-curriculum-lecture-item .video-time-count {
  font-size: 16px;
  font-weight: 400;
  color: var(--para-text);
}
.khebratak-curriculum-lecture-item .video-time-count img {
  opacity: 0.5;
}
.khebratak-curriculum-lecture-item .video-time-count img.completed {
  opacity: 1;
}
.khebratak-interestInput-wrap {
  position: relative;
}
.khebratak-interestInput-wrap input {
  position: absolute;
  top: 12px;
  right: 12px;
  border-width: 1px !important;
  width: 24px;
  height: 24px;
  border-radius: 50% !important;
  background-size: 16px !important;
}
.khebratak-interestInput-wrap input:checked {
  --bs-form-check-bg-image: url("../images/icon/radio-check-mark.svg");
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}
.khebratak-interestInput-wrap label {
  width: 100%;
  height: 140px;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.03em;
  color: var(--text-black);
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .khebratak-interestInput-wrap label {
    height: 100px;
  }
}
.khebratak-forum-replies-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  margin: 30px 0;
}
.khebratak-forum-replies-wrap .title {
  padding: 34px !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  color: var(--green) !important;
}
.khebratak-forum-replies-wrap .title:has(~ .replies-box-wrap) {
  border-bottom: 1px solid var(--stroke) !important;
}
@media screen and (max-width: 767px) {
  .khebratak-forum-replies-wrap .title {
    padding: 20px !important;
  }
}
.khebratak-forum-replies-wrap .replies-box {
  margin-top: 0;
}
.khebratak-forum-details-item {
  display: flex;
  align-items: flex-start;
  gap: 19px;
}
@media screen and (max-width: 575px) {
  .khebratak-forum-details-item {
    flex-direction: column;
  }
}
.khebratak-forum-details-item:has(~ .reply-item-inner) {
  padding-bottom: 30px;
}
.khebratak-forum-details-item .img {
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-forum-details-item .authorDetails {
  flex: 1 1 auto;
}
@media screen and (max-width: 575px) {
  .khebratak-forum-details-item .authorDetails {
    width: 100%;
  }
}
.khebratak-forum-details-item .authorDetails .authorIconsText {
  background-color: #f8f8f8;
  padding: 15px 26px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.khebratak-forum-details-item .authorDetails .authorIconsText .topContentWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.khebratak-forum-details-item .authorDetails .authorIconsText .leftAuthor .title {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: var(--text-black) !important;
  padding: 0 !important;
}
.khebratak-forum-details-item .authorDetails .authorIconsText .leftAuthor .info {
  font-size: 16px;
  font-weight: 400;
  color: var(--para-text);
}
.khebratak-forum-details-item .authorDetails .text {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  color: var(--para-text) !important;
}
.khebratak-forum-details-item .authorDetails .reply-btn {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 13px !important;
  color: var(--green) !important;
  text-decoration: underline;
}
.khebratak-forum-details-item .authorDetails .dateWrap {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 23px !important;
  color: var(--para-text) !important;
  margin: 0 !important;
}
.khebratak-instructor-courseCreate-repeaterWrap > div {
  display: flex;
  gap: 10px;
}
.khebratak-instructor-courseCreate-repeaterWrap > div > div {
  flex: 1 1 auto;
  margin: 0 !important;
}
.khebratak-instructor-courseCreate-repeaterWrap > div > div:first-child {
  max-width: calc(100% - 74px);
  padding-right: 0;
}
.khebratak-instructor-courseCreate-repeaterWrap > div > div:last-child {
  flex-shrink: 0;
  max-width: 34px;
  padding-left: 0;
}
.khebratak-instructor-courseCreate-repeaterWrap > div > div:last-child a {
  width: 34px;
  height: 46px;
  border-radius: 6px;
  background-color: var(--red);
  color: var(--white) !important;
}
.khebratak-instructor-courseCreate-repeaterWrap:has(:nth-child(3)) > div {
  margin-bottom: 10px;
}
.khebratak-instructor-courseCreate-repeaterWrap-alt > div > div:nth-child(2) {
  max-width: calc(100% - 74px);
  padding-right: 0;
}
.khebratak-instructor-courseCreate-repeaterWrap-alt:has(:nth-child(4)) > div {
  margin-bottom: 10px;
}
.khebratak-instructor-disscussion-left {
  padding: 0px 6px 6px;
  border: 1px solid var(--stroke);
  border-radius: 10px;
}
.khebratak-instructor-disscussion-left .message-user-top-part {
  padding: 15px;
}
.khebratak-instructor-discussion-list-wrap .message-user-item {
  flex-wrap: nowrap !important;
  gap: 7px;
  justify-content: space-between;
}
.khebratak-instructor-discussion-list-wrap .message-user-item-left .courseId {
  flex: 1 1 auto;
  width: 100%;
  max-width: calc(100% - 17px);
  display: flex;
  align-items: center;
  gap: 8px;
}
.khebratak-instructor-discussion-list-wrap .message-user-item-left .courseId .user-img-wrap {
  flex-shrink: 0;
}
.khebratak-instructor-discussion-list-wrap .message-user-item-left .courseId .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-black);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.khebratak-instructor-discussion-list-wrap .message-user-item-left .courseId .content .info {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--para-text);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.khebratak-chat-users-wrap {
  border: 1px solid var(--stroke);
  border-radius: 12px;
}
.khebratak-chat-users-wrap .topTitle {
  padding: 30px 20px 10px;
}
@media screen and (max-width: 575px) {
  .khebratak-chat-users-wrap .topTitle {
    padding: 20px 20px 10px;
  }
}
.khebratak-chat-users-courseList .course-user {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.khebratak-chat-users-courseList .course-user .img {
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .khebratak-chat-users-courseList .course-user .img {
    width: 40px;
    height: 40px;
  }
}
.khebratak-chat-users-courseList .course-user .img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .khebratak-chat-users-courseList .course-user .img img {
    width: 40px;
    height: 40px;
  }
}
.khebratak-chat-users-courseList .course-user .img .bar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background-color: var(--stroke);
  border: 2px solid var(--white);
  border-radius: 50%;
}
.khebratak-chat-users-courseList .course-user .img.active .bar {
  background-color: var(--green);
}
.khebratak-chat-users-courseList .course-user .content {
  width: 100%;
}
.khebratak-chat-users-courseList .course-user .content > div {
  margin-bottom: 5px;
}
.khebratak-chat-users-courseList .course-user .content > div:last-child {
  margin-bottom: 0;
}
.khebratak-chat-users-courseList .course-user .content .userName-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.khebratak-chat-users-courseList .course-user .content .userName-time .user-name {
  font-style: 14px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text-black);
}
.khebratak-chat-users-courseList .course-user .content .userName-time .user-chat-time {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--para-text);
}
.khebratak-chat-users-courseList .course-user .content .courseTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.khebratak-chat-users-courseList .course-user .content .courseTitle:has(~ .courseTitle) {
  margin-bottom: 5px;
}
.khebratak-chat-users-courseList .course-user .content .courseTitle .title {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--para-text);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.khebratak-chat-users-courseList .course-user .content .dropdown {
  flex-shrink: 0;
}
.khebratak-chat-users-courseList .course-user .content .dropdown button {
  width: 20px;
  height: 20px;
  border: 1px solid var(--stroke);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.khebratak-chat-users-courseList .course-user .content .dropdown button::after {
  display: none;
}
.khebratak-chat-box .selected-user {
  padding: 24px 22px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 575px) {
  .khebratak-chat-box .selected-user {
    padding: 10px;
  }
}
.khebratak-chat-box .selected-user .left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.khebratak-chat-box .selected-user .left .img {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-chat-box .selected-user .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-chat-box .selected-user .left .content #chat-user-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--text-black);
}
.khebratak-chat-box .selected-user .left .content .statusWrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.khebratak-chat-box .selected-user .left .content .statusWrap .bar {
  width: 14px;
  height: 14px;
  background-color: var(--stroke);
  border: 2px solid var(--white);
  border-radius: 50%;
}
.khebratak-chat-box .selected-user .left .content .statusWrap .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--para-text);
}
.khebratak-chat-box .selected-user .left .content .statusWrap.active .bar {
  background-color: var(--green);
}
.khebratak-chat-box .selected-user .right {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .khebratak-chat-box .selected-user .right {
    gap: 10px;
  }
}
.khebratak-chat-box .selected-user .right button.icon {
  width: 28px;
  height: 28px;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown button {
  color: var(--para-text);
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown button::after {
  display: none;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu {
  border: 1px solid var(--stroke);
  border-radius: 6px;
  box-shadow: 0px 8px 54px 0px rgba(11, 39, 17, 0.1019607843);
  padding: 8px 0;
  transform: translateY(50px) !important;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu.show {
  transform: translateY(30px) !important;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu .dropdown-item {
  padding: 5px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu .dropdown-item .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu .dropdown-item .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-black);
}
.khebratak-chat-box .selected-user .right .chat-message-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(33, 119, 56, 0.1);
  color: var(--text-black);
}
.khebratak-chat-box .message-footer {
  padding: 0px 22px 24px;
}
.khebratak-chat-box .message-footer form#chat-send {
  display: flex;
  align-items: center;
  gap: 10px;
}
.khebratak-chat-box .message-footer form#chat-send input {
  flex: 1 1 auto;
  width: 100%;
  padding: 13px 20px;
  border-radius: 50px;
  outline: none;
  border: none;
  background-color: var(--gray-one);
}
.khebratak-chat-box .message-footer form#chat-send button#chat-send {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--yellow);
  display: flex;
  justify-content: center;
  align-items: center;
}

.popupModal-content {
  position: relative;
  padding: 50px 20px;
}
@media screen and (max-width: 991px) {
  .popupModal-content {
    padding: 30px 20px;
  }
}
.popupModal-content > button {
  position: absolute;
  top: -26px;
  right: -20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--gray-one);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
}
@media screen and (max-width: 991px) {
  .popupModal-content > button {
    right: 0;
  }
}
@media screen and (max-width: 575px) {
  .popupModal-content > button {
    width: 40px;
    height: 40px;
  }
}
.popupModal-content .img-wrap {
  position: relative;
  text-align: center;
  margin-bottom: 51px;
}
@media screen and (min-width: 992px) {
  .popupModal-content .img-wrap .khebratak-promoCode {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 576px) {
  .popupModal-content .event-duration {
    gap: 18px;
  }
}
.popupModal-content .event-duration .item {
  padding: 11px;
  border-radius: 10px;
}
@media screen and (min-width: 1200px) {
  .popupModal-content .event-duration .item {
    min-width: 110px;
  }
}
@media screen and (min-width: 576px) {
  .popupModal-content .event-duration .item .eTime {
    font-size: clamp(25px, 1.875vw, 40px);
  }
}
@media screen and (min-width: 576px) {
  .popupModal-content .event-duration .item .eInfo {
    font-size: 16px;
  }
}
@media screen and (min-width: 576px) {
  .popupModal-content .event-duration .separate {
    font-size: clamp(25px, 1.875vw, 40px);
  }
}

@keyframes ping {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
.progress-star .rating-list li {
  color: var(--yellow);
}

.khebratak-empty-data {
  border-color: transparent;
}
.khebratak-empty-data .title {
  padding-top: 17px;
  font-size: clamp(25px, 1.67vw, 40px);
  font-weight: 500;
  line-height: 1.31;
  color: var(--text-black);
}

.curriculum-content .accordion .accordion-item {
  border: 1px solid var(--stroke);
  padding: 28px 40px;
}
@media screen and (max-width: 991px) {
  .curriculum-content .accordion .accordion-item {
    padding: 28px;
  }
}
.curriculum-content .accordion .accordion-item:first-of-type {
  border-radius: 12px 12px 0 0;
}
.curriculum-content .accordion .accordion-item:not(:first-of-type) {
  margin-top: -1px;
}

.play-list .play-list-item {
  margin-bottom: 8px;
  gap: 10px;
}
.play-list .play-list-item:last-child {
  margin-bottom: 0;
}

.replies-box-wrap {
  padding: 34px 34px 0;
}
@media screen and (max-width: 767px) {
  .replies-box-wrap {
    padding: 20px 20px 0;
  }
}
.replies-box-wrap:last-child {
  padding-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .replies-box-wrap:last-child {
    padding-bottom: 20px;
  }
}

.create-certificate-sidebar .accordion-button::after {
  background-image: url("../images/icon/certificate-angle-down.svg");
}

.instructor-profile-info-box .title {
  font-size: clamp(18px, 1.25vw, 30px);
  font-weight: 600;
  color: var(--text-black);
  padding-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .upload-course-item-block {
    padding: 15px;
  }
}
.upload-course-item-block-title .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: var(--text-black);
  padding-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .upload-course-item-block-title .title {
    padding-bottom: 15px;
  }
}

.course-overview-step1 ul {
  padding-left: 20px;
}
.course-overview-step1 ul li {
  list-style: disc;
  color: var(--para-text);
}

/* Student Profile */
.student-profile-left-part {
  max-width: 313px;
  box-shadow: rgba(11, 39, 17, 0.1) 0px 18px 54px 0px;
  margin: 0px auto;
  border-radius: 20px;
  border: 1px solid var(--stroke);
}
.student-profile-left-part .titleWrap {
  padding: 25px;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 767px) {
  .student-profile-left-part .titleWrap {
    padding: 15px;
  }
}
.student-profile-left-part .titleWrap .title {
  font-size: clamp(18px, 1.25vw, 30px);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-black);
}
.student-profile-left-part ul {
  padding: 25px;
}
@media screen and (max-width: 767px) {
  .student-profile-left-part ul {
    padding: 15px;
  }
}
.student-profile-left-part ul li {
  padding-bottom: 14px;
}
.student-profile-left-part ul li:last-child {
  padding-bottom: 0;
}
.student-profile-left-part ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.student-profile-left-part ul li a .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-black);
}
.student-profile-left-part ul li a .icon svg path {
  stroke: var(--text-black);
}
.student-profile-left-part ul li a.active .text {
  color: var(--green);
}
.student-profile-left-part ul li a.active .icon svg path {
  stroke: var(--green);
}

.khebratak-student-myWallet-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-student-myWallet-wrap .topContent {
  padding: 26px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--stroke);
}
@media screen and (max-width: 991px) {
  .khebratak-student-myWallet-wrap .topContent {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-student-myWallet-wrap .topContent {
    padding: 15px;
  }
}
.khebratak-student-myWallet-wrap .bottomContent {
  padding: 35px;
}
@media screen and (max-width: 991px) {
  .khebratak-student-myWallet-wrap .bottomContent {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-student-myWallet-wrap .bottomContent {
    padding: 15px;
  }
}
.khebratak-student-myWallet-wrap .bottomContent .affiliate-dashboard-item {
  max-width: 385px;
  margin: 0 auto !important;
  margin-bottom: 69px !important;
  background-color: var(--gray-two) !important;
  padding: 40px 20px;
  border-radius: 20px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .khebratak-student-myWallet-wrap .bottomContent .affiliate-dashboard-item {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .khebratak-student-myWallet-wrap .bottomContent .affiliate-dashboard-item {
    margin-bottom: 30px !important;
  }
}
.khebratak-student-myWallet-wrap .bottomContent .affiliate-dashboard-item .title {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
}
.khebratak-student-myWallet-wrap .bottomContent .affiliate-dashboard-item .affiliate-dashboard-item-title {
  font-size: clamp(25px, 1.67vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: var(--text-black);
}
.khebratak-student-myWallet-wrap .bottomContent .assignment-nav-tabs {
  justify-content: center;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--stroke) !important;
}
@media screen and (min-width: 992px) {
  .khebratak-student-myWallet-wrap .bottomContent .assignment-nav-tabs {
    margin-bottom: 35px;
  }
}
.khebratak-student-myWallet-wrap .bottomContent .assignment-nav-tabs .nav-link {
  margin-right: 0;
  padding: 0px 26px 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--text-black);
}
.khebratak-student-myWallet-wrap .bottomContent .assignment-nav-tabs .nav-link.active {
  color: var(--green);
}
.khebratak-createTickets-wrap {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
  max-width: 985px;
  margin: 0 auto !important;
}
.khebratak-createTickets-wrap .assignment-nav-tabs {
  padding: 0px 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--stroke) !important;
}
@media screen and (max-width: 991px) {
  .khebratak-createTickets-wrap .assignment-nav-tabs {
    padding: 0px 15px;
  }
}
.khebratak-createTickets-wrap .assignment-nav-tabs .nav-link {
  margin-right: 0;
  padding: 0px 26px 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--text-black);
}
@media screen and (max-width: 767px) {
  .khebratak-createTickets-wrap .assignment-nav-tabs .nav-link {
    padding: 0px 10px 15px;
  }
}
.khebratak-createTickets-wrap .assignment-nav-tabs .nav-link.active {
  color: var(--green);
}
.khebratak-student-ticketReply {
  display: flex;
  align-items: flex-start;
  gap: 19px;
}
.khebratak-student-ticketReply .img {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.khebratak-student-ticketReply .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.khebratak-student-ticketReply .ticket-reply-content {
  width: 100%;
  padding: 25px;
  background-color: var(--gray-two);
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .khebratak-student-ticketReply .ticket-reply-content {
    padding: 15px;
  }
}
.khebratak-student-ticketReply .ticket-reply-content .name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: var(--text-black);
}
.khebratak-student-ticketReply .ticket-reply-content .info {
  padding-top: 13px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--para-text);
}
.khebratak-student-ticketReply .ticket-reply-content .upload-img-box {
  margin-top: 19px;
}
.khebratak-student-ticketReply .ticket-reply-content .upload-img-box img {
  max-width: 500px;
}
.khebratak-wishlist-item {
  border: none !important;
  border-radius: 0 !important;
  width: 425px !important;
  display: flex;
  align-items: center;
  gap: 28px;
}
.khebratak-wishlist-item .course-img-wrap {
  width: 177px !important;
  height: 108px !important;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--stroke);
  border-radius: 6px;
}
.khebratak-wishlist-item .card-body {
  padding: 0 !important;
}
.khebratak-wishlist-item .card-body .course-title {
  font-size: 16px !important;
  margin-bottom: 10px !important;
  line-height: 1.32 !important;
  height: auto !important;
}
.khebratak-wishlist-item .card-body .card-text {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 13px !important;
  color: var(--para-text) !important;
  padding-bottom: 10px !important;
}
.khebratak-wishlist-item .card-body .course-rating {
  margin-bottom: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.khebratak-wishlist-item .card-body .course-rating .averageRating {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 13px !important;
  color: var(--text-black) !important;
}
.khebratak-wishlist-item .card-body .course-rating .rating-count {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 13px !important;
  color: var(--para-text) !important;
}
.khebratak-order-review-item {
  border: none !important;
  border-radius: 0 !important;
  width: 296px !important;
  display: flex;
  align-items: center;
  gap: 20px;
}
.khebratak-order-review-item .course-img-wrap {
  width: 80px !important;
  height: 65px !important;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
}
.khebratak-order-review-item .card-body {
  padding: 0 !important;
}
.khebratak-order-review-item .card-body .course-title {
  font-size: 13px !important;
  margin-bottom: 10px !important;
  line-height: 1.32 !important;
  height: auto !important;
}
.khebratak-order-review-item .card-body .card-text {
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 11px !important;
  color: var(--para-text) !important;
}
.khebratak-apply-voucher {
  max-width: 347px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.khebratak-apply-voucher button {
  flex-shrink: 0;
  max-width: 83px;
}
.khebratak-student-progress-bar-box .barra {
  height: 6px;
  background: #f0f0f0;
  border-radius: 5px;
  box-shadow: none;
}
.khebratak-student-progress-bar-box .barra-nivel {
  height: 6px;
  background: var(--yellow);
  border-radius: 5px;
  box-shadow: none;
}
.khebratak-student-overview-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--para-text);
}
.khebratak-student-overview-content .what-you-will-learn {
  padding: 30px 0;
}
@media screen and (max-width: 991px) {
  .khebratak-student-overview-content .what-you-will-learn {
    padding: 20px 0;
  }
}
.khebratak-student-overview-content .what-you-will-learn .title {
  font-size: 21px;
  font-weight: 500;
  line-height: 22px;
  color: var(--text-black);
  padding-bottom: 14px;
}
@media screen and (min-width: 992px) {
  .khebratak-student-overview-content .what-you-learn-list-wrap ul {
    width: 50%;
  }
}
.khebratak-student-overview-content .what-you-learn-list-wrap ul:first-child {
  padding-right: 30px;
}
.khebratak-student-overview-content .what-you-learn-list-wrap ul:last-child {
  padding-right: 0;
}
.khebratak-student-overview-content .what-you-learn-list-wrap ul li {
  align-items: flex-start;
  padding-bottom: 14px;
  gap: 11px;
}
.khebratak-student-overview-content .what-you-learn-list-wrap ul li p {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: var(--para-text);
}
.khebratak-student-courseDetails-resources-tab, .khebratak-student-liveclass-tab {
  padding: 25px;
}
@media screen and (max-width: 575px) {
  .khebratak-student-courseDetails-resources-tab, .khebratak-student-liveclass-tab {
    padding: 15px;
  }
}
.khebratak-student-live-class-list-nav-tabs {
  border-bottom: 1px solid var(--stroke);
}
.khebratak-student-live-class-list-nav-tabs .nav-link {
  color: var(--para-text);
  padding: 0 0 15px;
  margin-right: 28px;
}
.khebratak-student-live-class-list-nav-tabs .nav-link.active {
  color: var(--green);
  border-width: 2px;
}
.khebratak-student-live-class-list-nav-tabs ~ .live-class-list .tab-pane {
  padding-top: 25px !important;
}
.khebratak-after-purchase-course-watch-tab {
  border: 1px solid var(--stroke);
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
}
.khebratak-after-purchase-course-watch-tab .discussion-top-block {
  margin-bottom: 24px;
  border: none;
}
.khebratak-after-purchase-course-watch-tab .discussion-comment-block {
  border: none;
}
.khebratak-coursePriview-modal {
  padding: 36px;
  background-color: var(--text-black);
}
@media screen and (max-width: 991px) {
  .khebratak-coursePriview-modal {
    padding: 25px;
  }
}
@media screen and (max-width: 575px) {
  .khebratak-coursePriview-modal {
    padding: 15px;
  }
}
.khebratak-coursePriview-modal .title {
  font-size: clamp(25px, 1.88vw, 40px);
  font-weight: 600;
  color: var(--white);
  padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .khebratak-coursePriview-modal .title {
    padding-bottom: 30px;
  }
}

.course-watch-page-area .course-details-tab-nav-wrap .tab-nav-list.nav-tabs.khebratak-student-courseDetails-tabItems .nav-link {
  margin-right: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: var(--para-text) !important;
  padding: 0 !important;
  padding-bottom: 18px !important;
  padding-top: 18px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
@media screen and (min-width: 992px) {
  .course-watch-page-area .course-details-tab-nav-wrap .tab-nav-list.nav-tabs.khebratak-student-courseDetails-tabItems .nav-link {
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 991px) {
  .course-watch-page-area .course-details-tab-nav-wrap .tab-nav-list.nav-tabs.khebratak-student-courseDetails-tabItems .nav-link {
    position: relative !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: var(--text-black) !important;
    margin-left: 0px !important;
    background-color: var(--gray-one) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-image: initial !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
  }
}
.course-watch-page-area .course-details-tab-nav-wrap .tab-nav-list.nav-tabs.khebratak-student-courseDetails-tabItems .nav-link.active {
  color: var(--green) !important;
  border-bottom: 2px solid var(--green) !important;
  background-color: transparent !important;
}
@media screen and (max-width: 991px) {
  .course-watch-page-area .course-details-tab-nav-wrap .tab-nav-list.nav-tabs.khebratak-student-courseDetails-tabItems .nav-link.active {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
    border-bottom: none !important;
  }
}

@media screen and (max-width: 991px) {
  .course-watch-page-area .course-details-tab-nav-wrap {
    padding: 10px 0 !important;
  }
}

.checkout-right-side-box .accordion-button::after {
  content: "";
  width: 23px;
  height: 23px;
  background-image: url("../images/icon/select-arrow.svg");
  background-size: 23px;
  background-position: center;
}

.course-watch-right-accordion-wrap .accordion .accordion-item {
  padding: 0;
  border: none;
}
.course-watch-right-accordion-wrap .accordion .accordion-item:first-of-type {
  border-radius: 0;
}
.course-watch-right-accordion-wrap .accordion .accordion-button {
  padding: 11px 11px 11px 32px !important;
  gap: 10px;
}
.course-watch-right-accordion-wrap .accordion .accordion-button .title {
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-black);
}
.course-watch-right-accordion-wrap .accordion .accordion-button::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
  background-image: url("../images/icon/student-course-details-arrow-down.svg");
  background-position: center;
  background-size: 20px;
}
.course-watch-right-accordion-wrap .accordion .accordion-button:not(.collapsed)::after {
  left: 10px;
}
.course-watch-right-accordion-wrap .accordion .accordion-header {
  background-color: var(--gray-two) !important;
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.course-watch-right-accordion-wrap .accordion .accordion-body {
  background-color: #fff;
  padding: 16px 13px 19px;
  border: 1px solid var(--stroke);
  border-top: none;
  margin-bottom: 0;
}

.course-watch-inner-title-left-part .lectureName {
  font-size: clamp(25px, 1.67vw, 40px);
  padding-bottom: 7px;
}
.course-watch-inner-title-left-part .course-watch-enrolled-wrap {
  padding-left: 9px;
}

.withdrawal-modal-title {
  max-width: 385px;
  margin: 0 auto !important;
  margin-bottom: 30px !important;
  background-color: var(--gray-two) !important;
  padding: 40px 20px;
  border-radius: 20px;
  text-align: center;
}
.withdrawal-modal-title .title {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--para-text);
}
.withdrawal-modal-title .affiliate-dashboard-item-title {
  font-size: clamp(25px, 1.67vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: var(--text-black);
}

.course-watch-notice-board-wrap {
  border: none;
  padding: 0;
}

.notice-board-title-box {
  padding-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .notice-board-title-box {
    padding-bottom: 30px;
  }
}
.notice-board-title-box .title {
  font-size: clamp(25px, 1.67vw, 40px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-black);
}

.dt-buttons {
  padding: 5px;
  border-radius: 10px;
  background-color: var(--green);
}
.dt-buttons button {
  padding: 5px 18px;
  border-radius: 8px !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--white);
  border: none;
  background-color: transparent;
  transition: all 0.3s;
}
.dt-buttons button:hover {
  background-color: var(--yellow);
  color: var(--text-black);
}

.khebratak-table-close {
  width: 34px;
  height: 45px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--red);
}

.rating-count {
  font-family: "Inter", sans-serif;
}

.feature-img-wrap {
  width: 76px;
  height: 76px;
  background-color: var(--green);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-img-wrap img {
  max-width: 48px;
}

.khebratak-single-feature-item-dashboard .feature-img-wrap {
  width: auto;
  height: auto;
  background-color: transparent;
}

.plyr__control--overlaid {
  background: var(--green) !important;
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: var(--green) !important;
}

.plyr--full-ui input[type=range] {
  color: var(--green) !important;
}

.certificate-selected img {
  border-color: var(--green) !important;
}

.upload-introduction-title-box {
  background-color: var(--gray-two) !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
}
.upload-introduction-title-box::after {
  display: none !important;
}

.form-last-step {
  height: auto !important;
  padding: 85px 0;
}
@media screen and (max-width: 1199px) {
  .form-last-step {
    padding: 30px 0;
  }
}
.form-last-step .last-step-content-wrap img {
  max-width: 129px;
  width: 100%;
}

.wishlist-cart-modal .rating-part {
  justify-content: flex-start;
}
.wishlist-cart-modal .rating-part > span {
  color: var(--text-black) !important;
}

.wishlist-price span {
  display: block !important;
}
.wishlist-price .quantity-part {
  display: inline-flex !important;
}

.discussion-reply-block:has(~ .discussion-comment-item) {
  margin-bottom: 30px;
}

/* .homeModalOpen .modal-backdrop {
  backdrop-filter: blur(0px);
} */

.quiz-progress-left {
  gap: 10px;
}
.quiz-progress-left .barra {
  height: 6px !important;
  background: #f0f0f0 !important;
}
.quiz-progress-left .barra-nivel {
  height: 6px !important;
  background: var(--green) !important;
}

.show-price-number {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.courseStatus {
  padding: 5px 13.5px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--white);
}
.courseStatus.private {
  color: #0b2711;
  background-color: #facf39;
}
.courseStatus.published {
  background-color: #164f25;
}
.courseStatus.waiting {
  background-color: #aaa8a8;
}
.courseStatus.hold {
  background-color: #9ec469;
}
.courseStatus.draft {
  background-color: #717171;
}
.courseStatus.upcomingPending {
  background-color: #c4b669;
}
.courseStatus.upcoming {
  background-color: #217738;
}
.courseStatus.pending {
  background-color: #c47e69;
}
.courseStatus.bestSeller {
  color: #0b2711;
  background-color: var(--white);
}
.courseStatus.newCourse {
  color: #0b2711;
  background-color: var(--white);
}

.course-item .course-img-wrap {
  position: relative;
}
.course-item .course-img-wrap .courseStatus {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .course-item .course-img-wrap .courseStatus {
    top: 10px;
    left: 10px;
  }
}

.course-details-tab-slider .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
}
.course-details-tab-slider .owl-nav button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #e9e9e9 !important;
  box-shadow: 0px 18px 54px 0px rgba(11, 39, 17, 0.1019607843);
  transition: all 0.3s;
}
.course-details-tab-slider .owl-nav button.disabled {
  border-color: var(--white) !important;
  box-shadow: none;
}

@media screen and (min-width: 992px) {
  .student-thankyou-box {
    padding: 43px 0;
  }
}

.message-area .chat-message {
  gap: 10px;
}
@media screen and (min-width: 992px) {
  .message-area .chat-message {
    flex-direction: row;
    align-items: flex-start;
  }
}
.message-area .chat-message .user-image {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.message-area .chat-message .content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.message-area .chat-message .content .left {
  flex-shrink: 0;
  padding: 9px 18px;
  background-color: var(--gray-one);
  border-radius: 10px;
}
.message-area .chat-message .content .left .sender_name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: var(--text-black);
  padding-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .message-area .chat-message .content .left .sender_name {
    font-size: 16px;
  }
}
.message-area .chat-message .content .left .message-text {
  padding: 0;
}
.message-area .chat-message .content .right {
  flex-shrink: 0;
  transition: all 0.3s;
}
.message-area .chat-message .content .right button {
  width: 20px;
  height: 20px;
  border: 1px solid var(--stroke);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--para-text);
}
.message-area .chat-message .content .right button::after {
  display: none;
}
.message-area .chat-message.sender .content-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.message-area .chat-message.sender .content {
  flex-direction: row-reverse;
}
.message-area .chat-message.sender .content .left {
  background-color: var(--green);
}
.message-area .chat-message:hover .content .right {
  opacity: 1;
}

.course-info-box-affiliate-link-copy .input-group {
  background-color: #f3f3f3;
  border-radius: 10px;
  overflow: hidden;
}
.course-info-box-affiliate-link-copy .input-group input {
  border: none;
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-toggler img {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 991px) {
  .header-nav-right-side {
    width: 100%;
  }
}

/*-------------------------------------------
    20. Inner Page Banner/Header Area Start
-------------------------------------------*/
.page-banner-header .section-overlay {
  padding: 51px 0;
}

@media screen and (max-width: 767px) {
  .page-banner-header .section-overlay {
    padding: 30px 0;
  }
}
.our-gallery-area .section-sub-heading,
.our-history-area .section-sub-heading {
  font-size: 16px;
  line-height: 25px;
}

.page-banner-heading {
  position: relative;
}

.page-banner-heading > img {
  position: absolute;
  margin-left: 13px;
}

/*----- Breadcrumb CSS ----*/
.breadcrumb-item,
.breadcrumb-item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--white) !important;
  /* text-transform: capitalize; */
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--white) !important;
}

.breadcrumb-item a:hover {
  color: var(--white);
}

.breadcrumb-item.active {
  color: var(--white);
}

/* Blank Page Banner Header/ Student profile banner style start */
.blank-page-banner-header .section-overlay {
  min-height: auto !important;
  padding: 0 !important;
}

.blank-page-banner-wrap {
  padding: 90px 0 80px;
  background-color: var(--page-bg);
  margin-top: 100px;
  min-height: 200px;
}

.blank-page-banner-header .breadcrumb-item,
.blank-page-banner-header .breadcrumb-item a,
.blank-page-banner-header .breadcrumb-item.active {
  color: var(--gray-color);
}

/*-------------------------------------------
    20. Inner Page Banner/Header Area End
-------------------------------------------*/
.video-player-area video {
  width: 100%;
}

.disabled-btn,
.disabled-btn:hover {
  cursor: default;
  background-color: #b5b4bd !important;
  color: #fff !important;
  border-color: #b5b4bd !important;
}
.disabled-btn svg path,
.disabled-btn:hover svg path {
  stroke: #fff !important;
}

.course-info-box-2 {
  padding-bottom: 12px !important;
}

/* RTL */
/* RTL */
.direction-rtl {
  /* Modal Content Wrap */
}
@media (min-width: 992px) {
  .direction-rtl .text-lg-end {
    text-align: left !important;
  }
}
.direction-rtl .search-one input {
  padding: 14px 47px 18px 13px;
}
.direction-rtl .search-one .icon {
  right: 18px;
}
.direction-rtl .search-blog input {
  padding: 10px 44px 10px 10px;
}
.direction-rtl .search-blog .icon {
  right: 12px;
}
.direction-rtl .khebratak-navSearch button {
  right: 12px;
}
.direction-rtl .khebratak-navSearch input {
  padding: 10px 44px 10px 10px;
}
.direction-rtl .khebratak-blog-featureItem::before {
  background: linear-gradient(-90deg, var(--green-two) 0%, rgba(22, 79, 38, 0) 100%);
}
.direction-rtl .khebratak-blog-featureItem .blog-item-content .link svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-blog-item .blog-item-content .link svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-promoCode p {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.direction-rtl .khebratak-navBtn .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-btn .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-btn-alt .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-btn-outline .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-btn-outline-alt .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak-btn-red .icon svg {
  transform: rotate(180deg);
}
.direction-rtl .course-title {
  text-align: right;
}
.direction-rtl .text-start {
  text-align: right !important;
}
.direction-rtl .khebratak-pricing-item .package-btn svg {
  transform: rotate(180deg);
}
.direction-rtl .khebratak {
  /* special feature area */
}
.direction-rtl .khebratak-special-feature-area .row > div {
  border-right: none;
  border-left: 1px solid var(--yellow-stroke);
}
.direction-rtl .khebratak-special-feature-area .row > div:last-child {
  border-left: none;
}
.direction-rtl .khebratak-cta-content .left {
  padding: 70px 75px 70px 0;
}
.direction-rtl .khebratak-forum-categories-wrap .khebratak-forum-category-single-item .forum-category-single-item-bottom {
  padding: 13px 97px 22px 20px !important;
}
.direction-rtl .becomeInstructor-statistics-item {
  border-right: none;
  border-left: 1px solid var(--yellow-stroke);
}
.direction-rtl .becomeInstructor-statistics-wrap .row {
  --bs-gutter-x: 0;
}
.direction-rtl .becomeInstructor-statistics-wrap .row div:last-child .becomeInstructor-statistics-item {
  border-left: none;
}
.direction-rtl .consultation-bookingSchedule-modal-wrap .modal-header button {
  position: absolute;
  top: -26px;
  right: auto;
  left: -20px;
}
@media screen and (max-width: 991px) {
  .direction-rtl .consultation-bookingSchedule-modal-wrap .modal-header button {
    left: 0;
  }
}
.direction-rtl .khebratak-certificateAwards-wrap > .row {
  --bs-gutter-x: 0;
}
.direction-rtl .khebratak-certificateAwards-wrap > .row > div:first-child {
  border-right: none;
  border-left: 1px solid var(--stroke);
}
.direction-rtl .khebratak-courseOverview-content .item .list-wrap ul {
  padding-left: 0;
  padding-right: 20px;
}
.direction-rtl .khebratak-defaultModal-content > button {
  right: auto;
  left: -20px;
}
@media screen and (max-width: 991px) {
  .direction-rtl .khebratak-defaultModal-content > button {
    right: auto;
    left: 0;
  }
}
.direction-rtl .home-page-faq-area .accordion-button {
  text-align: right;
}
.direction-rtl select.auth-input-alt {
  background-position: left;
}
.direction-rtl .zForm-control[type=file]::-webkit-file-upload-button {
  margin-right: 0px;
  margin-left: 12px;
}
.direction-rtl .zForm-control[type=file]::file-selector-button {
  margin-right: 0px;
  margin-left: 12px;
}
.direction-rtl .menu-user-btn .dropdown-menu a .iconify {
  margin-right: 0 !important;
}
.direction-rtl .instructor-profile-left-part ul li.menu-has-children.has-open .account-sub-menu {
  margin-left: 0;
  margin-right: 30px;
}
.direction-rtl li.menu-has-children.current-menu-item.has-open ul li {
  margin-left: 0;
  margin-right: 19px;
}
.direction-rtl .instructor-profile-left-part ul li.menu-has-children .account-sub-menu li a {
  padding-left: 0;
  padding-right: 10px;
}
.direction-rtl .instructor-profile-left-part ul li.menu-has-children .account-sub-menu li a::before {
  left: auto;
  right: 0;
}
.direction-rtl .form-switch .form-check-input {
  margin-left: 0;
}
.direction-rtl .selectize-input::after {
  right: auto !important;
  left: 17px !important;
}
.direction-rtl .khebratak-floating-label label {
  left: auto;
  right: 0;
}
.direction-rtl .khebratak-floating-label:has(textarea) label {
  top: 15%;
  left: auto;
  right: 2%;
}
.direction-rtl .khebratak-floating-label input:focus + label,
.direction-rtl .khebratak-floating-label textarea:focus + label {
  transform: translate3d(7%, -97%, 0) scale(0.85);
}
.direction-rtl .khebratak-floating-label input:focus label,
.direction-rtl .khebratak-floating-label textarea:focus label {
  margin-left: 0;
}
.direction-rtl .khebratak-floating-label.khebratak-form-select-focused label, .direction-rtl .khebratak-floating-label > input:not(:placeholder-shown) ~ label, .direction-rtl .khebratak-floating-label > textarea:not(:placeholder-shown) ~ label {
  transform: translate3d(7%, -97%, 0) scale(0.85);
}
.direction-rtl .course-overview-step1 ul {
  padding-left: 0;
  padding-right: 20px;
}
.direction-rtl .khebratak-upload-your-course-part::before {
  background: linear-gradient(-90deg, var(--green-two) 0%, rgba(22, 79, 38, 0) 100%);
}
.direction-rtl .search-bar-result-item a img {
  margin-right: 0;
  margin-left: 10px;
}
.direction-rtl .course-item .course-img-wrap .courseStatus {
  left: auto;
  right: 20px;
}
@media screen and (max-width: 767px) {
  .direction-rtl .course-item .course-img-wrap .courseStatus {
    left: auto;
    right: 10px;
  }
}
.direction-rtl .hero-heading {
  letter-spacing: 0.01em;
}/*# sourceMappingURL=style.css.map */