@import url("https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.fixed-top {
  z-index: 99 !important;
}
/* .Toastify__toast-container--top-right {
  z-index: 999 !important;
} */

.Toastify{
  position: relative;
  z-index: 99999 !important;
}


html,
body {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  padding-right: 0px !important;
  font-family: "Reddit Sans", sans-serif !important;
  background-color: rgba(252, 252, 252, 1) !important;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-border-width: 0px;

  --btnDeafult: #ff7246;

  /* ================== Color Variables Starts  =========================*/

  --primary-color: #fff;
  /* Primary */
  --secondary-color: #ff7426;
  /* Secondary */
  --background-color: #f8f9fa;
  /* Background */
  --text-color: #212529;
  --black: #000;
  --lightergray: #e2e2e2;
  --gray: #555;
  /* Text */
  --accent-color: #ff6f61;
  /* Accent */
  --success-color: #28a745;
  /* Success */
  --warning-color: #ffc107;
  /* Warning */
  --error-color: #dc3545;
  /* Error */
  --neutral-light: #e9ecef;
  /* Light Neutral */
  --neutral-dark: #343a40;
  /* Dark Neutral */

  /* ================== Color Variables Ends  =========================*/

  /* ======================== Font Sizes Starts ======================= */
  --size-1: 1px;
  --size-2: 2px;
  --size-3: 3px;
  --size-4: 4px;
  --size-5: 5px;
  --size-6: 6px;
  --size-7: 7px;
  --size-8: 8px;
  --size-9: 9px;
  --size-10: 10px;
  --size-11: 11px;
  --size-12: 12px;
  --size-13: 13px;
  --size-14: 14px;
  --size-15: 15px;
  --size-16: 16px;
  --size-17: 17px;
  --size-18: 18px;
  --size-19: 19px;
  --size-20: 20px;
  --size-21: 21px;
  --size-22: 22px;
  --size-23: 23px;
  --size-24: 24px;
  --size-25: 25px;
  --size-26: 26px;
  --size-27: 27px;
  --size-28: 28px;
  --size-29: 29px;
  --size-30: 30px;
  --size-31: 31px;
  --size-32: 32px;
  --size-33: 33px;
  --size-34: 34px;
  --size-35: 35px;
  --size-36: 36px;
  --size-37: 37px;
  --size-38: 38px;
  --size-39: 39px;
  --size-40: 40px;
  --size-41: 41px;
  --size-42: 42px;
  --size-43: 43px;
  --size-44: 44px;
  --size-45: 45px;
  --size-46: 46px;
  --size-47: 47px;
  --size-48: 48px;
  --size-49: 49px;
  --size-50: 50px;
  --size-51: 51px;
  --size-52: 52px;
  --size-53: 53px;
  --size-54: 54px;
  --size-55: 55px;
  --size-56: 56px;
  --size-57: 57px;
  --size-58: 58px;
  --size-59: 59px;
  --size-60: 60px;
  --size-61: 61px;
  --size-62: 62px;
  --size-63: 63px;
  --size-64: 64px;
  --size-65: 65px;
  --size-66: 66px;
  --size-67: 67px;
  --size-68: 68px;
  --size-69: 69px;
  --size-70: 70px;
  --size-71: 71px;
  --size-72: 72px;
  --size-73: 73px;
  --size-74: 74px;
  --size-75: 75px;
  --size-76: 76px;
  --size-77: 77px;
  --size-78: 78px;
  --size-79: 79px;
  --size-80: 80px;
  --size-81: 81px;
  --size-82: 82px;
  --size-83: 83px;
  --size-84: 84px;
  --size-85: 85px;
  --size-86: 86px;
  --size-87: 87px;
  --size-88: 88px;
  --size-89: 89px;
  --size-90: 90px;
  --size-91: 91px;
  --size-92: 92px;
  --size-93: 93px;
  --size-94: 94px;
  --size-95: 95px;
  --size-96: 96px;
  --size-97: 97px;
  --size-98: 98px;
  --size-99: 99px;
  --size-100: 100px;

  --btnDeafult: var(--dynamic-color, #ff7246);
  --btnBgDefault : var(--primary-color-light, #fff5ef);
  /* --btnDeafult: #212529; */
}

/* ======================== Font Sizes Ends ======================= */

.vl {
  border-left: 1px solid #ADADAD !important;
  height: 18px !important;
  margin: 5px 0px !important;
}

.extTitle {
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
}
.extcouponRadio {
  accent-color: rgb(255, 116, 38) !important;
  width: 12px !important;
  height: 12px !important;
  border: 1px solid var(--secondary-color) !important;
  border-radius: 50% !important;
  padding: 5px !important;
}
.extendCouponModal .extCoupon_listCard p {
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 500 !important;
}
.extendCouponModal .modal-header {
  border-bottom: 1px solid var(--lightergray) !important;
  padding: 12px !important;
}

.extendCouponModal .modal-header .btn-close {
  font-size: 12px !important;
}

.extendCouponModal .modal-header p {
  color: #353535 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: 16px !important;
}
.extCoupon_listCard {
  border: 0px !important;
  box-shadow: 0px 1px 14px 0px #0000000d !important;
  border-radius: 10px !important;
}
.extCoupon_listCard.active {
  background: linear-gradient(
    89.62deg,
    #fff5ef 0.33%,
    #ffeade 92.16%
  ) !important;
}

/* ======================== Button1 CSS Starts ===================================*/
.userBtn {
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-size: var(--size-11) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  width: auto !important;
  padding: 6px 10px !important;
  border: 1px solid var(--btnDeafult) !important;
  white-space: nowrap !important;
  /* width: 100% !important; */
}

.userBtn:hover {
  border: 1px solid var(--btnDeafult) !important;
  color: var(--btnDeafult) !important;
  background: #ffff !important;
}

/* ======================== Button1 CSS Ends ===================================*/

/* ======================= Combo Courses Starts =========================== */

.validity1 {
  font-size: var(--size-11) !important;
  font-family: "Reddit Sans", sans-serif;
  font-weight: 500 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: auto !important;
  -webkit-box-orient: vertical !important;
  /* height: 36px !important; */
  line-height: 16px !important;
  scrollbar-width: none !important;
  color: #434242;
}

.validity1::-webkit-scrollbar{
  width: none !important;
}

/* ======================= Combo Courses Starts =========================== */

/* ======================== Button2 CSS Starts ===================================*/

.userBtn1:hover {
  color: #fff !important;
  background: var(--btnDeafult) !important;
}

.userBtn1 {
  border: 1px solid var(--btnDeafult) !important;
  font-size: var(--size-12) !important;
  background-color: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;
  padding: 7px 7px !important;
}

/* ======================== Button2 CSS Ends ===================================*/

/* ======================== Header CSS Starts ===================================*/
.head button {
  margin-left: 29% !important;
}
.freeTC_container .slick-next,
.freeTC_container .slick-prev,
.sldr_container .slick-prev,
.sldr_container .slick-next,
.prod_slider .slick-next,
.prod_slider .slick-prev,
.test_container .slick-next,
.test_container .slick-prev,
.Product_container .slick-next,
.Product_container .slick-prev,
.page-section-3 .slick-next,
.page-section-3 .slick-prev {
  height: 30px !important;
  width: 30px !important;
  padding: 7px !important;
  box-shadow: 0px 7px 28px 0px #00000021 !important;
  z-index: 1 !important;
  color: var(--primary-color) !important;
  background: var(--btnDeafult) !important;
}

.freeTC_container .slick-next:hover,
.freeTC_container .slick-prev:hover,
.sldr_container .slick-prev:hover,
.sldr_container .slick-next:hover,
.prod_slider .slick-next:hover,
.prod_slider .slick-prev:hover,
.test_container .slick-next:hover,
.test_container .slick-prev:hover,
.Product_container .slick-next:hover,
.Product_container .slick-prev:hover,
.page-section-3 .slick-next:hover,
.page-section-3 .slick-prev:hover {
  color: var(--primary-color) !important;
  background: var(--btnDeafult) !important;
}

.sldr_container .slick-prev,
.sldr_container .slick-next {
  top: 45% !important;
}

.free-Container {
  padding: 12px !important;
}

nav #eduNav {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  /* box-shadow: 0px 1px 4px 0px #00000021 !important; */
  /* -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75) !important; */
}

.nav_container {
  box-shadow: 0px 1px 4px 0px #00000021 !important;
  z-index: 9999 !;
}
.top_nav {
  background: var(--btnBgDefault);
  padding: 0px 50px !important;
}
#eduNav {
  /* box-shadow: 0px 1px 4px 0px #00000021 !important; */
  margin-top: 0px !important;
}

.mainNavShadow{
  box-shadow: 0px 1px 4px 0px #00000021 !important;
}

a.dwnld_nav, a.help_support{
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-11) !important;
  font-weight: 600 !important;
  color: #2B2B2B !important;
}
.dwnld_nav svg, .help_support svg{
  height: 16px !important;
}

a.dwnld_nav:hover,
a.help_support:hover {
  background-color: transparent !important;
}
.helpSupport{
  width: 14px !important;
}
._IsHome_{
  margin-top: 50px !important;
}

.bottom_banner img{
  width: 100%;
  height: 100%;
}

#eduNav ul.navbar-nav {
  margin-bottom: 0px !important;
}

/* 
#eduNav button {
    padding: 7px 35px !important;
} */

#eduNav .navbar-collapse {
  width: 100% !important;
}

.nav_padding {
  padding: 8px 20px !important;
}

.logoImgContainer {
  height: 42px !important;
  min-width: 120px;
  max-width: 100% !important;
}

.logoImg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.logoImg2 {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.userBtn {
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-size: var(--size-10) !important;
}

.primaryBtn,
.secondaryBtn {
  border: 1px solid var(--btnDeafult) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size: var(--size-11) !important;
  width: 100% !important;
}

.primaryBtn {
  background: var(--btnDeafult) !important;
  color: #fff !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
}

.primaryBtn:hover {
  background: #fff !important;
  color: var(--btnDeafult) !important;
}

.secondaryBtn {
  background: #fff !important;
  color: var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
}

.secondaryBtn:hover {
  color: #fff !important;
  background: var(--btnDeafult) !important;
}

.search input[type="text"]::placeholder {
  font-size: var(--size-11) !important;
  font-family: "Montserrat", sans-serif !important;
  color: #717171 !important;
}

input.searchBar {
  border: 0px !important;
  width: 70% !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background: #f1f1f1 !important;
  outline: 0 !important;
  box-shadow: none !important;
  height: 38px !important;
}
.searchIcon {
  padding: 10px 10px 10px 10px !important;
  background: #f1f1f1 !important;
  color: #717171 !important;
  line-height: 16px !important;
  font-size: var(--size-20) !important;
}

.profile_cont a {
  font-size: var(--size-12) !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #272727 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  padding: 5px 0px !important;
}
.profile_cont a:active {
  background-color: #fff !important;
}
.profile_cont a img.list_Icon {
  width: 14px !important;
  height: 14px !important;
}
.profile_cont .dropdown-menu {
  box-shadow: 0px 2px 11px 0px #00000030 !important;
  border: 0px !important;
  padding: 10px !important;
  border-radius: 10px !important;
}
.profile_cont .dropdown-toggle::after {
  color: var(--btnDeafult) !important;
}
h4.LogOutTitle {
  text-align: center !important;
  color: #171717 !important;
  font-weight: 700 !important;
  font-size: var(--size-17) !important;
}
p.logout_text {
  color: #424242 !important;
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  text-align: center !important;
}
.logOutBtn,
.cancelBtn {
  border: 1px solid var(--btnDeafult) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size: var(--size-11) !important;
  width: 100% !important;
}
.logOutBtn {
  background: var(--btnDeafult) !important;
  color: #fff !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
}
.logOutBtn:hover {
  background: #fff !important;
  color: var(--btnDeafult) !important;
}
.cancelBtn {
  background: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.cancelBtn:hover {
  background: var(--btnDeafult) !important;
  color: #fff !important;
}

.logOutModal .modal-content {
  border: 0px !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

.searchDropDown {
  position: absolute !important;
  margin-top: 37px !important;
  max-height: 328px !important;
  overflow-y: scroll !important;
  background: white !important;
  width: 76.8% !important;
  box-shadow: 0px 0px 4px 0px #00000040 !important;
  border-radius: 10px !important;
  z-index: 999 !important;
}

.searchDropDown .listImg {
  width: 80px !important;
  height: 44px !important;
  border-radius: 5px !important;
  margin-right: 6px !important;
  float: left !important;
}
.searchDropDown .list_Title {
  color: #434343 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-12) !important;
  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 44px !important;
  float: left !important;
  /* width: 234px  !important; */
  width: 64% !important;
  line-height: 22px !important;
}
.searchDropDown .redirectImg {
  width: 12px !important;
  height: 12px !important;
  float: left !important;
}

.searchDropDown::-webkit-scrollbar {
  width: 5px !important;
}
.searchDropDown::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey !important;
  border-radius: 10px !important;
}

/* Handle */
.searchDropDown::-webkit-scrollbar-thumb {
  background-color: var(--btnDeafult) !important;
  border-radius: 10px !important;
}

/* Handle on hover */
.searchDropDown::-webkit-scrollbar-thumb:hover {
  background: #fff3ef !important;
}
/* ======================== Header CSS Ends ===================================*/

/* ======================== Login Modal Starts ========================= */
#react-select-3-input {
  border-radius: 0px !important;
}
.margin_bottom {
  margin-bottom: 12px !important;
}
.padding_l {
  padding: 0 30px !important;
}
.padding_px {
  padding: 0 40px !important;
}
.modalLogo {
  width: 120px !important;
  margin-bottom: 30px !important;
}
.modalLogo2 {
  width: 84px !important;
  margin-bottom: 30px !important;
}
h4.w_Title {
  color: #1f1f1f !important;
  font-weight: 700 !important;

  font-size: var(--size-18) !important;
}
.l_text {
  color: #575757 !important;

  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  margin-bottom: 20px !important;
}
.UserModal .input-group ,
.profile_change_pass .input-group{
  font-size: var(--size-13) !important;
}
.UserModal .mobNum, 
.profile_change_pass .mobNum{
  border: 1px solid #c2c2c2 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-left: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 6px 5px !important;
}
.UserModal .mobNum::placeholder {
  color: #2b2b2b !important;
  font-size: inherit !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}
.UserModal .input_num, 
.profile_change_pass .input_num{
  border: 1px solid #c2c2c2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px !important;
  width: 54px !important;
  padding: 6px 5px !important;
}
.UserModal input.password, 
.profile_change_pass input.password{
  width: 100% !important;
  border: 1px solid #c2c2c2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px !important;
  /* border-radius: 5px !important; */
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding: 6px 12px !important;
  outline: none !important;
  box-shadow: none !important;
}

.UserModal input.forgot_password {
  background: #ededed !important;
  width: 100% !important;
  border: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px !important;
  /* border-radius: 5px !important; */
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding: 6px 12px !important;
  outline: none !important;
  box-shadow: none !important;
}

.UserModal input.forgot_password::placeholder {
  color: #2b2b2b !important;
  font-size: inherit !important;

  font-weight: 300 !important;
}

.UserModal input.password::placeholder {
  color: #2b2b2b !important;
  font-size: inherit !important;

  font-weight: 300 !important;
}

.ord_DeliForm .address {
  color: #000 !important;
  border-radius: 5px !important;
}

.UserModal .emailAddress {
  border: 1px solid #c2c2c2 !important;
  border-radius: 5px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 8px 12px !important;
  color: #000 !important;
  font-weight: 400 !important;
  font-size: var(--size-14) !important;
}
.UserModal .emailAddress::placeholder {
  color: #2b2b2b !important;
  font-size: inherit !important;

  font-weight: 300 !important;
}

.UserModal .input-group {
  flex-wrap: nowrap !important;
}

.UserModal .input_sp {
  border: 1px solid #c2c2c2 !important;
  border-left: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  padding: 6px 12px !important;
}
.UserModal .input_fp {
  background: #ededed !important;
  border: 0px !important;
  border-left: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  padding: 6px 12px !important;
}
.Num_list {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  border-right: 1px solid #acacac !important;
  padding: 2px 8px !important;
  font-size: var(--size-12) !important;

  font-weight: 600 !important;

  -moz-appearance: none !important;
  text-indent: 1px !important;
  text-overflow: "" !important;
  -webkit-appearance: none !important;
}

.custom-close-button {
  position: absolute !important;
  right: 12px !important;
  top: 10px !important;
  font-size: 20px !important;
  background: #ededed !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  color: #5d5d5d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.custom-close-button:hover {
  background: #dad7d7 !important;
  color: #000 !important;
}

.forgotText {
  color: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;

  font-weight: 500 !important;
  cursor: pointer !important;
}

.btnDisabled {
  background: #bebebe !important;
  color: #fff !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 500 !important;
  width: 100% !important;
  padding: 10px 12px !important;
}
.btnEnabled {
  background: var(--btnDeafult) !important;
  color: #fff !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 500 !important;
  width: 100% !important;
  padding: 10px 12px !important;
}
/* .btnDisabled:hover{
        background:  var(--btnDeafult)  !important;
        color: #fff !important;
    } */
.signUp_text {
  font-size: var(--size-12) !important;

  font-weight: 500 !important;
  color: #343434 !important;
  text-align: center !important;
}
.signUp_text a {
  color: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;

  font-weight: 500 !important;
  cursor: pointer !important;
}

.ImageContainer img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
}
.UserModal .modal-content {
  padding: 20px !important;
}

.otpContainer {
  width: 100% !important;
  margin-top: 30px !important;
}

.otpContainer div {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  justify-content: space-between !important;
}
.otpContainer div input:focus-visible {
  outline: #af8bda auto 1px !important;
}
.otpContainer div input {
  width: 40px !important;
  border: 1px solid #c3c3c3 !important;
  border-radius: 5px !important;
  height: 40px !important;
}
.resendOTP {
  color: #979797 !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  margin-top: 10px !important;
}
.resendOTP span {
  color: var(--btnDeafult) !important;
  /* font-size: var(--size-12) !important; */
  font-family: "Reddit Sans", sans-serif !important;
  cursor: pointer !important;
  font-weight: 700 !important;
}
.verifyBtn {
  margin-top: 20px !important;
}
.forgotLink {
  text-align: end !important;
  color: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;

  cursor: pointer !important;
  font-weight: 500 !important;
}
.Or-Title {
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #898989 !important;
}
.Or-Title::before {
  content: url(/assets/images/before.svg) !important;
  position: relative !important;
  z-index: 100000 !important;
  line-height: 15px !important;
  height: 20px !important;
  margin-right: 6px !important;
}
.Or-Title::after {
  content: url("/assets/images/after.svg") !important;
  position: relative !important;
  z-index: 100000 !important;
  line-height: 15px !important;
  height: 20px !important;
  margin-left: 6px !important;
}
.loginBtn {
  color: var(--btnDeafult) !important;
  border: 1px solid var(--btnDeafult) !important;
  background-color: #fff !important;
  font-size: var(--size-10) !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 10px 32px !important;
  width: 100% !important;
}
.loginBtn:hover {
  color: #fff !important;
  background-color: var(--btnDeafult) !important;
}
.googleBtn {
  background: #fff !important;
  border: 1px solid #bebebe !important;
  color: #1d1d1d !important;
  font-size: var(--size-10) !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 10px 25px !important;
  width: 100% !important;
}
.googleBtn img {
  width: 16px !important;
  margin-right: 5px !important;
}
.c_profileForm input,
.c_profileForm select {
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  border: 1px solid #c2c2c2 !important;
  color: #000 !important;
  padding: 10px 12px !important;
}
.c_profileForm input::placeholder,
select::placeholder {
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 300 !important;
}

.h_profileForm.btn-close {
  position: absolute !important;
  right: 40px !important;
  top: 24px !important;
  font-size: var(--size-12) !important;
  /* background: #EDEDED !important; */
  border-radius: 50% !important;
  z-index: 0 !important;
}

.editNumLogo {
  width: 14px !important;
}
.Otp_visibleNum span {
  color: #575757 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
}

/* ======================== Login Modal Ends ========================= */

/*=============================  Banner CSS starts ============================*/

.banner_container {
  padding: 0px 110px !important;
  margin-top: 110px !important;
}
.banner_container.login_banner {
  padding: 0px 15px !important;
  /* margin-top: 110px !important; */
}
.banner_container .carousel-indicators {
  display: flex !important;
  align-items: center !important;
}
.banner_container .carousel-indicators button {
  margin: 0px 5px !important;
}
.owl-carousel {
  position: relative !important;
}
.owl-carousel .carousel-indicators {
  position: absolute !important;
  bottom: -40px !important;
}
.carousel-indicators-wrapper {
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.carousel-indicators [data-bs-target] {
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
  background-color: #c2c2c2 !important;
}
.owl-carousel .carousel-indicators > button.active {
  /* margin-top: 8px  !important; */
  width: 22px !important;
  height: 4px !important;
  border-radius: 25px !important;
  /* border: 2px solid rgb(255, 112, 3) !important;
  background-color: rgb(255, 112, 3) !important; */
  border: 2px solid var(--btnDeafult) !important;
  background-color: var(--btnDeafult) !important;
}
.carousel-indicators .active {
  /* margin-top: 8px  !important; */
  width: 26px !important;
  height: 6 !important;
  border-radius: 25px !important;
  border: 2px solid rgb(255, 112, 3) !important;
  background-color: rgb(255, 112, 3) !important;
}

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

.banner_img img {
  /* padding: 0px !important; */
  /* padding: 0px 48px  !important; */
  height: auto !important;
  aspect-ratio: 26 / 6 !important;
  border-radius: 30px !important;
  padding: 10px 0 !important;
  object-fit: fill !important;
}

/*=============================  Banner CSS Ends ============================*/


.whatsappButton {
  position: fixed;
  bottom: 50px;
  right: 25px;
  display: inline;
  z-index: 99;
}

/* TrendingCourse CSS */

.trendContainer {
  margin-top: 70px !important;
}

.trending_heading {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.trending_heading img {
  width: 32px !important;
  height: 32px !important;
}

.trending_heading,
h1 {
  font-weight: 800 !important;
}

.sldr_container {
  padding: 0px 150px !important;
  width: 100% !important;
  /* margin-top: 20px  !important; */
}

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

.slick-prev:before,
.slick-next:before {
  font-family: "slick" !important;
  font-size: var(--size-30) !important;
  line-height: 1 !important;
  opacity: 0.75 !important;
  -webkit-font-smoothing: antialiased !important;
  width: 25px !important;
}

.slick-prev,
.slick-next {
  font-size: var(--size-10) !important;
  line-height: 0 !important;
  position: absolute !important;
  top: 50% !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  transform: translate(0, -50%) !important;
  cursor: pointer !important;
  color: var(--primary-color) !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
  border-radius: 50% !important;
  border: none !important;
  outline: none !important;
  background-color: rgb(255, 112, 3) !important;
}

.slick-disabled {
  font-size: var(--size-10) !important;
  line-height: 0 !important;
  position: absolute !important;
  top: 50% !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  transform: translate(0, -50%) !important;
  cursor: pointer !important;
  color: black !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
  border-radius: 50% !important;
  border: none !important;
  outline: none !important;
  background-color: var(--primary-color) !important;
  background: transparent !important;
}

/* @media (min-width: 992px) and (max-width: 1199px) {
    .owl-carousel .carousel-indicators{
        bottom: -23% !important;
    }
}  */

/*======================== SliderTrend CSS Starts ===========================*/

.trendStripe {
  background: #ff7a00 !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: var(--size-9) !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  text-transform: capitalize !important;
  left: 0px !important;
  position: absolute !important;
  top: 8px !important;
  width: auto !important;
  padding: 0px 5px !important;
  font-weight: 500 !important;
}

.trendStripe .card-img-top {
  border-radius: "10px" !important;
  transition: 0.5s ease-in-out !important;
}

.trendStripe .card-img-top:hover {
  transform: scale(1.2) !important;
}

.tredingSliderSection {
  margin: 20px 5px !important;
  /* height: 100px !important; */
  /* transition: .5s ease-in-out !important; */
}

.tredingSliderSection2 {
  margin: 20px 5px !important;
  /* height: 100px !important; */
  /* transition: .5s ease-in-out !important; */
}

.trendBtnCont {
  display: none !important;
}
.tredingSliderSection:hover .trendBtnCont {
  display: block !important;
}

.tredingSliderSection2:hover .trendBtnCont {
  display: block !important;
}

/* .tredingSliderSection:hover{
    padding: 5px !important;
    box-shadow: 0px 0px 26px 0px #00000042 !important;
    transform: scale(1.1);
} */

.tredingSliderSection:hover {
  padding: 5px !important;
  transform: scale(1.0) !important;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15) !important;
  z-index: 9999 !important;
  /* position: absolute !important; */
  margin-top: 3px !important;
  /* width: 6.5% !important; */
  height: auto !important;
  /* aspect-ratio: 17 / 9 !important; */
}



.tredingSliderSection2:hover {
  padding: 5px !important;
  transform: scale(1.0);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15) !important;
  z-index: 9999;
  /* position: absolute; */
  margin-top: 3px !important;
  /* width: 6.5% !important; */
  height: auto !important;
  /* aspect-ratio: 17 / 9 !important; */
}

.tredingSliderSection img {
  aspect-ratio: 19 / 9 !important;
  object-fit: fill !important;
}

.tredingSliderSection2 img {
  aspect-ratio: 19 / 9 !important;
  object-fit: fill !important;
}

.tredingSliderSection:hover img {
  aspect-ratio: 19 / 9 !important;
  object-fit: fill !important;
  width: 100% !important;
  height: 100% !important;
}

.tredingSliderSection2:hover img {
  aspect-ratio: 19 / 9 !important;
  object-fit: fill !important;
  width: 100% !important;
  height: 100% !important;
}

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

.sldr_container .slick-list {
  padding-bottom: 20px !important;
}

.sldr_container .slick-list {
  padding-bottom: 20px !important;
}
.trendBtnCont {
  width: 100% !important;
}
.trendBtnCont .exploreBtn,
.trendBtnCont .buyBtn {
  border: 1px solid var(--btnDeafult) !important;
  border-radius: 5px !important;
  padding: 4px 12px !important;
  font-size: 10px !important;
  width: 100% !important;
  white-space: nowrap !important;
}

.trendBtnCont .exploreBtn {
  background: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;

  font-weight: 600 !important;
}
.trendBtnCont .exploreBtn:hover {
  background: var(--btnDeafult) !important;
  color: #fff !important;
}
.trendBtnCont .buyBtn {
  background: var(--btnDeafult) !important;
  color: #fff !important;
white-space: nowrap !important;
  font-weight: 600 !important;
}

.trendBtnCont .buyBtn:hover {
  background: #fff !important;
  white-space: nowrap !important;
  color: var(--btnDeafult) !important;
}

/* .tredingSliderSection:hover{
    transform: scale(1.2) !important;    
} */

.explorebtn button {
  display: none !important;
  font-family: "Montserrat", sans-serif !important;
  position: absolute !important;
  z-index: 9999 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #fff !important;
  border: 1px solid #ff7a00 !important;
  background-color: #ff7a00 !important;
  border-radius: 10px !important;
  font-size: var(--size-14) !important;
}

/* .tredingSliderSection:hover .explorebtn button {
    font-family: "Montserrat", sans-serif !important;
    display: block !important;
    position: absolute !important;
    z-index: 9999 !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #fff !important;
    cursor : pointer  !important;
    border: 1px solid #FF7A00 !important;
    background-color: #FF7A00 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
} */
/* 
.tredingSliderSection:hover .explorebtn{
    background: rgba(0, 0, 0, .5) !important;
    display: block !important;
    position: absolute !important;
    z-index: 999 !important;
    left: 50% !important;
    top: 50% !important;
    border-radius: 10px !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;  
} */

/* .explorebtn button{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #FF7A00 !important;
    background: linear-gradient(
        rgba(0, 0, 0, 0.7), 
        rgba(0, 0, 0, 0.7)
      ) !important;
    border-radius: 10px !important;
    font-size: 24px !important;
} */

/* FreeTest&Course CSS */

/* #controlled-tab-example1-tabpane-course {
    display: flex !important;
    justify-content: center !important;
} */

.freeTC_container {
  margin-top: 32px !important;
}
/* 
#controlled-tab-example1{
    margin-bottom: 50px  !important;
} */
.freeTC_container .nav-tabs .nav-item.show .nav-link,
.freeTC_container .nav-tabs .nav-link.active {
  /* color: rgb(255, 112, 3) !important; */
  color: #212529 !important;
  background-color: var(--bs-nav-tabs-link-active-bg) !important;
  border-color: var(--bs-nav-tabs-link-active-border-color) !important;
  font-weight: 800 !important;

  font-size: var(--size-24) !important;
  border: none !important;
  /* border-bottom: 3px solid rgb(255, 112, 3) !important; */
  border-bottom: 3px solid #212529 !important;
  outline: none !important;
}

.freeTC_container .nav-link {
  color: rgb(152, 152, 152) !important;
  border: none !important;
  font-weight: 800 !important;

  font-size: var(--size-24) !important;
  outline: none !important;
}

.freeTC_container .nav-link:hover {
  border: none !important;
  color: rgb(152, 152, 152) !important;
  font-weight: 800 !important;
  font-size: var(--size-24) !important;
}

.freeTC_container .nav-link.active:hover {
  /* color: rgb(255, 112, 3) !important; */
  color: #212529 !important;
  border: none !important;
  /* border-bottom: 3px solid rgb(255, 112, 3) !important; */
  border-bottom: 3px solid #212529 !important;
  font-weight: 800 !important;
  font-size: var(--size-24) !important;
}

.freeTC_container .nav-tabs {
  --bs-nav-tabs-border-width: 0px !important;
  --bs-nav-tabs-border-color: none !important;
  --bs-nav-tabs-border-radius: 0px !important;
}

/* .slick-track{
    padding-top: 10px !important;
} */
/* 
.slick-prev:before, .slick-next:before {
    font-family: 'slick'  !important;
    font-size: 30px  !important;
    line-height: 1  !important;
    opacity: .75  !important;
    -webkit-font-smoothing: antialiased  !important;
    width: 25px  !important;
}


.slick-prev, .slick-next {
    font-size: 10px !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 32px  !important;
    height: 32px  !important;
    padding: 0 !important;
    transform: translate(0, -50%) !important;
    cursor: pointer  !important;
    color: #ffffff  !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    background-color: rgb(255, 112, 3)  !important;
}

.slick-disabled {
    font-size: 10px !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 32px  !important;
    height: 32px  !important;
    padding: 0 !important;
    transform: translate(0, -50%) !important;
    cursor: pointer  !important;
    color: black  !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    background-color: #ffffff  !important;
    background: transparent  !important;
} */

/* SliderContent CSS */

.freeCard {
  width: 90%;
  transition: 0.5s ease-in-out;
  padding: 10px;
  margin: 0 10px;
}

.freeTC_container .tab-content{margin: 0 18px;}

.freeCard img {
  aspect-ratio: 16/9 !important;
  object-fit: fill !important;
}

.freeCard:hover {
  /* transform: scale(1.1) !important; */
}

.slideTitle {
  font-size: var(--size-13) !important;
  font-weight: 600 !important;
  color: #2d2d2d !important;
  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 35px !important;
  line-height: 17px !important;
}
.free-badge {
  font-size: var(--size-12) !important;
  font-family: "Montserrat", sans-serif !important;
  color: #fff !important;
  padding: 2px 10px !important;
  border-radius: 5px !important;
  position: absolute !important;
  right: 15px !important;
  bottom: 132px !important;
  background: linear-gradient(98.03deg, #fc8c4d 0%, #f6681f 102.99%) !important;
}
.exploreBtn {
  background: var(--btnDeafult) !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: var(--size-12) !important;
  padding: 5px 36px !important;
}

.slick-prev,
.slick-next {
  box-shadow: 0px 7px 28px 0px #00000021 !important;
  font-size: var(--size-12) !important;
  border: 0px !important;
}

.courserate {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.courseValidity1 {
  height: 35px !important;
  overflow-y: auto !important;
}

.mr70 {
  margin-right: 70px !important;
}

/* .card-img, */
.card-img-top {
  aspect-ratio: 16 / 9 !important;
}

.freeCard .courserate .rating {
  background: #5fb963 !important;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  font-size: var(--size-9) !important;
  padding: 0px 5px !important;
  border-radius: 3px !important;
  gap: 2px !important;
}

.freeCard .courserate .rating svg {
  font-size: var(--size-10) !important;
}

.freeCard img.calendarDate2 {
  background: transparent !important;
  width: 12px !important;
  height: 12px !important;
}

.freeCard p.review {
  padding-left: 4px !important;
  font-size: var(--size-12) !important;

  color: #878787 !important;
}

.freeStripe {
  /* float: right !important; */
  background: #5fb963 !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: var(--size-8) !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  padding: 3px 12px !important;
  font-weight: 600 !important;
}

.b-radius {
  border-radius: 10px !important;
}
.countTitle {
  font-size: var(--size-12) !important;
  float: left !important;
  font-family: "Montserrat", sans-serif !important;
  color: #878787 !important;
}

.tredingSliderSection .card:hover {
  /* transform: scale(1.2) !important; */
}

.courseBtn button {
  width: 100% !important;
}

/* .dotted-divider {
  width: 100% !important;
  margin: 10px 0 !important;
  color: inherit !important;
  border-top: 1px dashed #000 !important;  
  border-style: dashed !important; 
  border-width: 0.5px 0 0 0 !important; 
} */

hr.dotted-divider {
  border: none;
  height: 1px; /* Adjust thickness */
  background-image: repeating-linear-gradient(
    to right,
    #100c0c,
    #000 1px,
    /* Dash length */ transparent 3.5px /* Gap length */
  );
  width: 100%;
  margin: 10px 0;
}

/*======================== OurProduct CSS Starts =======================*/

.Product_container {
  margin-top: 40px !important;
  width: 85.6% !important;
}

.heading_prod {
  display: flex !important;
  justify-content: center !important;
}

.heading_prod,
h1.main-title {
  font-weight: 800 !important;
  color: #161616 !important;
  font-size: var(--size-24) !important;
}

.ourProductSection .card {
  margin: 10px 5px !important;
}

.bottom_shadow {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 80.51%,
    rgba(0, 0, 0, 0.8) 100%
  ) !important;
  position: absolute !important;
  width: 100% !important;
  height: 226px !important;
  bottom: 0px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* .slick-track{
    padding-top: 10px !important;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick'  !important;
    font-size: 30px  !important;
    line-height: 1  !important;
    opacity: .75  !important;
    -webkit-font-smoothing: antialiased  !important;
    width: 25px  !important;
} */

/* 
.slick-prev, .slick-next {
    font-size: 10px !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 32px  !important;
    height: 32px  !important;
    padding: 0 !important;
    transform: translate(0, -50%) !important;
    cursor: pointer  !important;
    color: #ffffff  !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    background-color: rgb(255, 112, 3)  !important;
    z-index: 99 !important;
} */

/* .slick-disabled {
    font-size: 10px !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 32px  !important;
    height: 32px  !important;
    padding: 0 !important;
    transform: translate(0, -50%) !important;
    cursor: pointer  !important;
    color: black  !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    background-color: #ffffff  !important;
    background: transparent  !important;
    z-index: 99 !important;
} */

/* .prod_slider{
    padding: 0 30px !important;
} */

.page-section-4 .slick-prev,
.page-section-4 .slick-next {
  margin: 0px 12px !important;
}

.ourfacultySection .card {
  /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
  margin: 10px !important;
  padding: 10px !important;
  border: 0px !important;
  border-radius: 20px !important;
}

.ourfacultySection {
  transition: 0.5s ease-in-out !important;
}

.ourfacultySection:hover {
  /* transform: scale(1.1) !important; */
}

.ourProImg {
  width: 100% !important;
  height: 180px !important;
}

.faculty_name {
  color: #1b1d1f !important;
  font-size: var(--size-13) !important;

  font-weight: 600 !important;
}

.faculty_role {
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
  margin: 0px !important;
  color: #6d737a !important;
}

.ourfacultySection .facultyImg {
  border-radius: 20px !important;
  border: 0px !important;
  width: 100% !important;
  height: 138px !important;
}

.closeModal {
  position: absolute !important;
  right: 5px !important;
  top: 4px !important;
  font-size: var(--size-9) !important;
}

/* SliderProduct CSS */

/* .ourProductSection{
    margin: 0 5px !important;
} */

.ourProductSection .ourProImg {
  border-radius: 5px !important;
  border: 0px !important;
  height: 200px !important;
  aspect-ratio: 9 / 9 !important;
  object-fit: fill !important;
}

.ourProductSection .card {
  transition: 0.5s ease-in-out !important;
}

.ourProductSection .card:hover {
  /* transform: scale(1.1) !important; */
}

.ourProductSection .bg_dark svg {
  border-radius: 50% !important;
  padding: 2px !important;
  background: #ffffffe3 !important;
  color: #000 !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: var(--size-12) !important;
  font-family: "Poppins", sans-serif !important;
}

.ourtitle {
  font-size: var(--size-12) !important;
  font-family: "Poppins", sans-serif !important;
  color: #fff !important;
  /* -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    height: 32px !important; */
}

.ourProductSection svg:hover {
  transform: scale(1.1) !important;
  color: #fff !important;
  background-color: gray !important;
}

.ourProductSection svg {
  transition: 0.3s ease-in-out !important;
}

.ourProductSection svg:focus {
  transform: scale(1.1) !important;
  color: #fff !important;
  background-color: rgb(255, 112, 3) !important;
}

.ourProductSection .card {
  border-radius: 5px !important;
}

.ourProductSection .bg_dark {
  position: absolute !important;
  bottom: 0px !important;
  width: 100% !important;
}

/* Blog CSS */

.blogSection .card {
  border: none !important;
  margin: 10px 20px !important;
}

.blogImg {
  width: 100% !important;
  border-radius: 10px !important;
  transition: 0.5s ease-in-out !important;
  height: 214px !important;
}

.blogImg:hover {
  /* transform: scale(1.1) !important; */
}

.blogDate {
  color: #393e46 !important;
  font-size: var(--size-12) !important;
  margin-bottom: 0 !important;
}

.blogTitle {
  font-size: var(--size-15) !important;
  font-weight: 600 !important;
  color: #222831 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 38px !important;
}
.blogSection .readBtn {
  color: var(--btnDeafult) !important;

  font-size: var(--size-12) !important;
  font-weight: 600 !important;
}
.blogSection a.readBtn:active {
  outline: none !important;
  border: 0px !important;
  box-shadow: none !important;
}
.blog-text {
  color: #393e46 !important;
  font-size: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 34px !important;
}

.blogBtn .nav-item {
  display: flex !important;
  justify-content: center !important;
}

.blogBtn button {
  padding: 12px 35px !important;
}

/*========================= Testimonial CSS Starts ===================================*/

.testimonial-slider .slick-slide {
  transition: transform 0.5s ease !important;
  /* Smooth transition */
}

.testimonial-slider .slick-center {
  transform: scale(1.1) !important;
  /* Slightly zoom in the centered slide */
  z-index: 1 !important;
  /* Ensure it's on top */
}

.testimonial-slider .card {
  margin: 15px !important;
}

.test_container {
  margin-top: 80px !important;
}

.testimonial_heading {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 30px !important;
}

/* .testimonial_heading h1 {
    font-weight: 800  !important;
} */

.testimonial_heading p {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-weight: 500 !important;
  font-size: var(--size-24) !important;
  color: grey !important;
}

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

.slick-prev:before,
.slick-next:before {
  font-family: "slick" !important;
  font-size: var(--size-30) !important;
  line-height: 1 !important;
  opacity: 0.75 !important;
  -webkit-font-smoothing: antialiased !important;
  width: 25px !important;
}

/* 
.slick-prev, .slick-next {
    font-size: 10px !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 32px  !important;
    height: 32px  !important;
    padding: 0 !important;
    transform: translate(0, -50%) !important;
    cursor: pointer  !important;
    color: #ffffff  !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    background-color: rgb(255, 112, 3)  !important;
} */

.slick-disabled {
  font-size: var(--size-10) !important;
  line-height: 0 !important;
  position: absolute !important;
  top: 50% !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  transform: translate(0, -50%) !important;
  cursor: pointer !important;
  color: black !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
  border-radius: 50% !important;
  border: none !important;
  outline: none !important;
  background-color: var(--primary-color) !important;
  background: transparent !important;
}

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

.slick-dots li {
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
  background-color: rgba(128, 128, 128, 0.3) !important;
  transition: opacity 0.6s ease;
}

.slick-dots li button::before {
  color: white !important;
  font-size: 0px !important;
}

.slick-dots .slick-active {
  width: 28px !important;
  height: 9px !important;
  border-radius: 25px !important;
  border: 2px solid var(--btnDeafult) !important;
  background-color: var(--btnDeafult) !important;
}

.slick-dots {
  position: absolute !important;
  bottom: -25px !important;
  display: flex !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* SliderTestimonial CSS */

/* .card{
    margin: 10px 20px !important;
} */

.test-Radius {
  border-radius: 10px !important;
}
.testImg {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  padding: 5px !important;
}
.testTitle {
  color: #161616 !important;
  font-size: 16px !important;

  font-weight: 600 !important;
}
.test-text {
  color: #3f3f3f !important;

  font-weight: 400 !important;
  font-size: var(--size-12) !important;
}
.cardQuotes {
  position: absolute !important;
  right: 15px !important;
  top: 10px !important;
  color: #ffc27a !important;
  font-size: var(--size-30) !important;
  width: 30px !important;
}
.p-text div {
  margin: 10px !important;
  color: #717171 !important;

  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  /* -webkit-line-clamp: 4 !important;
  display: -webkit-box !important; */
  overflow-y: scroll !important;
  /* -webkit-box-orient: vertical !important; */
  height: 75px !important;
}
.p-text div::-webkit-scrollbar {
  display: none;
}
.testi-text {
  color: #8a8a8a !important;
  font-size: var(--size-12) !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
}

/*========================= Testimonial CSS Ends ===================================*/

/* GetInTouch CSS */

.git_container {
  margin-top: 50px !important;
}

.git_heading {
  font-weight: 800 !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

.get_desc p {
  font-weight: 400 !important;
  font-size: var(--size-13) !important;
  color: #474747 !important;
}

.getInTouchForm input,
textarea {
  width: 100% !important;
  border: 0.76px solid #d7d7d7 !important;
  margin: 5px 0 !important;
  border-radius: 10px !important;
  color: grey !important;
  padding: 10px !important;
  font-size: var(--size-12) !important;
  color: #848484 !important;
  outline: none !important;
  box-shadow: none !important;
}

.getInTouchForm.select_2.mb-1 div div div:nth-child(2),
.getInTouchForm.select_2.mb-1 div div:nth-child(2) {
  height: 16px !important;
}

.getInTouchForm.select_2.mb-1 div div div:nth-child(1),
.getInTouchForm.select_2.mb-1 div div:nth-child(1) {
  font-size: var(--size-13) !important;
  color: #000 !important;
  font-weight: 300 !important;
}

.margin_bottom .select_city div div:nth-child(2),
.margin_bottom .select_state div div:nth-child(2) {
  height: 34px !important;
}

.margin_bottom .select_city div div:nth-child(1),
.margin_bottom .select_state div div:nth-child(1) {
  font-size: var(--size-13) !important;
  color: #000 !important;
  font-weight: 300;
}

/* #react-select-2-input{
  border: none !important;
}

#react-select-3-input {
  border: none !important;
}
#react-select-4-input {
  border: none !important;
} */

#react-select-1-input,
#react-select-2-input,
#react-select-3-input,
#react-select-4-input,
#react-select-5-input,
#react-select-14-input {
  border: none !important;
}

.css-19bb58m input {
  border: none !important;
}

/* .form input::placeholder{
    font-size: 12px !important;
    color: #848484 !important;
}

.form input:focus{
    outline: none !important;
} */

/* 
.form textarea{
    width: 80% !important;
    font-size: 18px !important;
    margin: 5px 0 !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    border: none !important;
    padding: 5px !important;
    color: grey !important;
} */

/* .form textarea:focus{
    outline: none !important;
}

.form textarea::placeholder {
    font-size: 14px !important;
    color: grey !important;
    font-weight: 400 !important;
} */

.img_container img {
  width: 100% !important;
}

.sendbtn {
  margin-top: 10px !important;
}
.sendbtn button {
  padding: 8px 35px !important;
}

.sendbtn a {
  width: 30% !important;
}

/*=============================== Footer CSS Starts =====================================*/

.footerLogo img {
  width: 130px !important;
  margin-left: -2px !important;
}

.downloadBtn {
  border: 1px solid var(--btnDeafult) !important;
  background-color: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;
}

.downloadBtn:hover {
  border: 1px solid var(--btnDeafult) !important;
  color: #ffffff !important;
  background-color: var(--btnDeafult) !important;
}

.windowPopup svg {
  color: var(--btnDeafult) !important
}

.orgName {
  font-size: var(--size-12) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.orgAddress,
.mobNumber,
.emailAddress {
  font-size: var(--size-10) !important;
  color: #fff !important;

  font-weight: 300 !important;
}
.orgAddress span,
.mobNumber span,
.emailAddress span {
  font-size: var(--size-12) !important;
  color: #fff !important;

  font-weight: 400 !important;
}
.footerSection {
  background: #253041 !important;
  width: 100% !important;
  height: 100% !important;
}

.footTitle {
  color: #fff !important;
  font-size: var(--size-16) !important;
  font-weight: 500 !important;
}

.list-unstyled li a {
  font-size: var(--size-12) !important;
  color: #fff !important;
  font-weight: 300 !important;
}

/*============================= ViewDetail CSS Starts =============================*/

p.detailStripe {
  font-size: var(--size-11) !important;

  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  background: #f79e19 !important;
  position: absolute !important;
  padding: 0px 6px !important;
  left: 0px !important;
  top: 8px !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.detailTopContainer {
  background-image: url("/assets/images/detail_bg.svg") !important;
  width: 100% !important;
  padding: 10px 76px !important;
  background-position: bottom !important;
  margin-top: 52px !important;
}

/* .breadcrumb_container{
    padding: 20px 10% !important;
} */

.breadcrumb {
  list-style: none !important;
  display: flex !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left !important;
  padding-right: var(--bs-breadcrumb-item-padding-x) !important;
  color: var(--bs-breadcrumb-divider-color) !important;
  content: var(--bs-breadcrumb-divider) !important;
}

.breadcrumb-item {
  font-style: italic !important;
  font-size: var(--size-12) !important;
  font-weight: 600 !important;
}

.breadcrumb-item.active {
  /* color: rgb(255, 112, 3) !important; */
  color: var(--btnDeafult) !important;
  font-style: italic !important;
  font-size: var(--size-12) !important;
  font-weight: 600 !important;
}

/* .breadcrumb-item.active::after {
    float: right !important;
    padding-left: var(--bs-breadcrumb-item-padding-x) !important;
    color: rgb(255, 112, 3) !important;
    content: var(--bs-breadcrumb-divider, "\f054")  !important;
} */

.detailTopContainer .courseTitle {
  margin-top: 30px !important;
  width: 55% !important;
}

.detailTopContainer .courseTitle h4 {
  font-weight: 700 !important;
  font-size: var(--size-28) !important;

  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  /* height: 64px !important; */
}

.courseDuration {
  font-size: var(--size-16) !important;
  display: flex !important;
}

.freeCourserate .freeRating {
  background: #5fb963 !important;
  color: white !important;
  align-items: center !important;
  display: flex !important;
  font-size: var(--size-10) !important;
  padding: 0px 4px !important;
  border-radius: 2px !important;
  gap: 1px !important;
  font-weight: 600 !important;
}

.freeCourserate .freeRating svg {
  font-size: var(--size-10) !important;
}

.reviewsmsg {
  font-size: 0.9rem !important;
  text-transform: capitalize !important;
}

.reviewsHeight {
  max-height: 350px !important;
  overflow: auto !important;
}

.freeCourserate p.freeCourseReview {
  padding-left: 6px !important;
  font-size: var(--size-12) !important;
  color: #000 !important;
  font-weight: 600 !important;
  line-height: 14px !important;
}

span.quantityPrice {
  display: flex !important;
  background: #dedfe8 !important;
  justify-content: center !important;
  padding: 2px !important;
  width: fit-content !important;
  border-radius: 50px !important;
}

span.quantityPrice input:nth-child(2) {
  width: 32px !important;
  height: 20px !important;
  background: #dedfe8 !important;
  border: none !important;
  text-align: center !important;
  outline: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

span.quantityPrice input:nth-child(1) {
  border-radius: 20px 0 0 20px !important;
}

span.quantityPrice input:nth-child(3) {
  border-radius: 0 20px 20px 0 !important;
}

span.quantityPrice input:nth-child(1),
span.quantityPrice input:nth-child(3) {
  width: 20px !important;
  background: #fff !important;
  border: none !important;
  font-size: var(--size-16) !important;
}

.freeCourseReview .InStockTitle {
  color: #1f1f1f !important;
  font-size: var(--size-12) !important;
  font-weight: 600 !important;
}
.freeCourseReview .text-Avail {
  color: var(--secondary-color) !important;
  font-size: var(--size-12) !important;
  font-weight: 600 !important;
}

.courseDuration p {
  font-size: var(--size-12) !important;
  color: #1f1f1f !important;
  font-weight: 600 !important;
}

/* .courseDuration p span{
    margin-right: 1px !important;
} */

.courseDuration .video_icon {
  font-size: var(--size-18) !important;
  color: #616161 !important;
}

/* ====================== detail right card starts ======================== */

.MainCourseCardAB {
  position: absolute !important;
}
.MainCourseCardFX {
  position: fixed !important;
}

.MainCourseCard {
  /* position: absolute !important; */
  right: 44px !important;
  top: 100px !important;
  width: 350px !important;
  z-index: 11 !important;
}

.detail-rightCard .slideTitle {
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-13) !important;
  font-weight: 700 !important;
  color: #2d2d2d !important;
  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 36px !important;
  line-height: 17px !important;
}

.detail-rightCard .course-badge {
  position: absolute !important;
  left: 0px !important;
  top: 8px !important;
  background: #f79e19 !important;
  color: #fff !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  font-size: var(--size-10) !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
}

.detail-rightCard {
  width: 90% !important;
  margin: 0 10px !important;
  transition: 0.5s ease-in-out !important;
  padding: 10px !important;
  border-radius: 10px !important;
}

.detail-rightCard img {
  aspect-ratio: 16/9 !important;
  width: 100% !important;
}

.detail-rightCard:hover {
  /* transform: scale(1.1) !important; */
}

.detail-rightCard .courserate {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.detail-rightCard .courserate .rating {
  background: #5fb963 !important;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  font-size: var(--size-11) !important;
  padding: 0px 4px !important;
  border-radius: 2px !important;
  gap: 1px !important;
  font-weight: 600 !important;
}

.detail-rightCard .courserate .rating svg {
  font-size: var(--size-10) !important;
}

.detail-rightCard p.review {
  padding-left: 4px !important;
  font-size: var(--size-12) !important;

  color: #878787 !important;
  font-weight: 400 !important;
}

.detail-rightCard > .freeStripe {
  /* float: right !important; */
  background: #5fb963 !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: var(--size-8) !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  padding: 3px 12px !important;
  font-weight: 600 !important;
}

/* ====================== detail right card ends ======================== */

.activeNav:after {
  position: absolute !important;
  background: #fff !important;
  height: 4px !important;
  left: 0px !important;
  content: "" !important;
  bottom: 0 !important;
  width: 100% !important;
  border-radius: 4px !important;
}

.course_imageContainer {
  display: flex !important;
  justify-content: center !important;
  padding-top: 10px !important;
}

.course_mainContainer #controlled-tab-example2 {
  background-color: var(--btnBgDefault) !important;
  width: 68%;
  margin-left: 0 !important;
  flex-wrap: nowrap;
  overflow: scroll !important;
  padding: 0 !important;
  /* height: 70px  !important; */
  /* line-height: 48px  !important; */
}
.course_mainContainer #controlled-tab-example2 li button:hover {
  background-color: var(--btnBgDefault) !important;
}

.course_mainContainer ::-webkit-scrollbar {
  height: 5px !important;
}
.course_mainContainer ::-webkit-scrollbar-thumb {
  background: #888 !important;
}

/* .course_mainContainer.tabs_design__ nav ul li{
    position: relative !important;
} */

.course_mainContainer.tabs_design__ .nav-tabs .nav-item.show .nav-link,
.course_mainContainer.tabs_design__ .nav-tabs .nav-link.active {
  color: var(--btnDeafult) !important;
  background-color: var(--btnBgDefault) !important;
  font-weight: 600 !important;
  outline: none !important;
}

/* Ensure the button has a position context for the pseudo-element */
.course_mainContainer.tabs_design__ .nav-link {
  position: relative !important;
  /* Required for the absolutely positioned ::after */
}

/* Style the ::after pseudo-element on hover */
.course_mainContainer.tabs_design__ .nav-link:hover::after {
  background-color: var(--btnDeafult) !important;
  position: absolute !important;
  height: 4px !important;
  left: 45% !important;
  bottom: 0 !important;
  width: 50% !important;
  transform: translateX(-50%) !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  content: "" !important;
  white-space:nowrap !important;
}

.course_mainContainer.tabs_design__ .nav-tabs .nav-link.active::after {
  background-color: var(--btnDeafult) !important;
  position: absolute !important;
  height: 4px !important;
  left: 45% !important;
  bottom: 0 !important;
  width: 50% !important;
  transform: translateX(-50%) !important;
  content: "" !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.course_mainContainer.tabs_design__ .nav-link {
  color: var(--btnDeafult) !important;
  border: none !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  outline: none !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 10px 14px 10px 14px !important;
  text-wrap:nowrap !important;
}

.course_mainContainer .page-section-2 {
  width: 62% !important;
}

/* .course_mainContainer.tabs_design__ .nav-link:hover::after {
    background-color:  var(--btnDeafult)   !important;
    position: absolute !important;
    height: 4px !important;
    left: 16px !important;
    content: "" !important;
    bottom: 0 !important;
    width: 50% !important;
    border-top-right-radius: 20px !important;
    right: 16px !important;
    margin: 0px 16px !important;
    border-top-left-radius: 20px !important;
} */

.tabs_design__ .nav-tabs {
  --bs-nav-tabs-border-width: 0px !important;
  --bs-nav-tabs-border-color: none !important;
  --bs-nav-tabs-border-radius: 0px !important;
}

.course_mainContainer ul.nav {
  display: flex !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.course_mainContainer ul.nav li {
  display: inline-block !important;
  float: none !important;
}

/* ========================== CourseDetails CSS Starts =======================*/

.heading_container p {
  font-weight: 700 !important;
  font-size: var(--size-24) !important;
}

.head {
  font-weight: 700 !important;
  font-size: var(--size-22) !important;
}

/* .detail-container {
  padding: 0px 100px !important;
} */

.detail_container p {
  font-weight: 300 !important;
  font-size: var(--size-22) !important;
}

.detail_desc {
  width: 60% !important;
}
.accorddion_cont {
  width: 60% !important;
}

.detail_desc p {
  /* width: 62% !important; */
  font-size: var(--size-12) !important;
  color: #5e5e5e !important;
}

.accordion-header {
  /* border: 1px solid #fdeae0 !important; */
}

.accordion-flush {
  border-radius: 5px !important;
  border: 1px solid #ffece1 !important;
}

.accordion-header button {
  background-color: #fffbf9 !important;
  color: #000 !important;

  font-weight: 600 !important;
  font-size: var(--size-14) !important;
}

.accordion-button:not(.collapsed) {
  color: #000 !important;
  background-color: #fffbf9 !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color) !important;
}

.accordion-body {
  border: 1px solid #fff1e9 !important;
  color: #5e5e5e !important;

  font-weight: 400 !important;
  font-size: var(--size-12) !important;
}

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

/* CourseCurriculum CSS */

.custom-breadcrumb {
  display: flex !important;
  padding-top: 7px !important;
  font-size: var(--size-12) !important;
}

.active-breadcrumb {
  font-style: italic !important;
  font-weight: 700 !important;
  color: rgb(255, 112, 3) !important;
  margin-left: 0px !important;
}

.videoimage {
  position: relative !important;
}

.videoIcon {
  position: absolute !important;
  color: rgb(255, 112, 3) !important;
  background-color: aliceblue !important;
  border-radius: 50% !important;
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.watchNow {
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 5px 12px !important;
}

/* Pdf Detail CSS */
/* 
.custom-breadcrumb {
  display: flex !important;
} */

.breadcrumb {
  font-style: italic !important;
  font-weight: 700 !important;
  font-size: var(--size-12) !important;
  margin-left: 0px !important;
}

.active-breadcrumb {
  font-style: italic !important;
  font-weight: 700 !important;
  color: rgb(255, 112, 3) !important;
  margin-left: 10px !important;
}

.videoIcon {
  position: absolute !important;
  color: rgb(255, 112, 3) !important;
  background-color: aliceblue !important;
  border-radius: 50% !important;
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.watchNow {
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 5px 12px !important;
}

.download_image {
  width: 31px !important;
  margin-right: 15px !important;
}

/* VideoTab CSS */

.pg-tabs-description {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  padding: 10px !important;
  border-radius: 10px !important;
}

.subjectDetails {
  margin-left: 10px !important;
  margin-right: 10px !important;
  /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important; */
}

span.blinker {    width: 8px;
  height: 8px;
  display: block;
  background: red;
  border-radius: 100px;
  position: absolute;
  left: 5px;
  animation: glowDot .8s infinite;             
  top: 0px;
}

span.blinker1 {    width: 8px;
  height: 8px;
  display: block;
  background: red;
  border-radius: 100px;
  position: absolute;
  left: 5px;
  animation: glowDot .8s infinite;             
  top: 7px !important;
}

@keyframes glowDot{
 from{
     opacity:1.0
 }
  to{
      opacity: 0
  }
}


/* .sub_name {
    font-weight: 700 !important;
} */

.sub_topics {
  color: #595959 !important;
}

.videoimage svg {
  width: 20px !important;
  font-size: var(--size-20) !important;
}
.pagination_button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination_button button:not(:first-child):not(:last-child) {
  padding: 3px;
  border: 1px solid #ccc;
  background: none;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  display: flex;
  font-size: 12px;
  margin: 0px 1px;
  justify-content: center;
  align-items: center;
}

.pagination_button button:first-child,
.pagination_button button:last-child {
  padding: 4px 8px;
  background: none;
  border: none;
  text-transform: capitalize;
}
/*====================== PDFTab CSS =========================*/

.pg-tabs-description {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  padding: 10px !important;
  border-radius: 10px !important;
}

.sub_name {
  font-size: var(--size-13) !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
}

.sub_topics {
  color: #595959 !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: 14px !important;
}

.timeStart {
  color: #595959 !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: 12px !important;
}

.videoimage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.videoimage {
  box-shadow: rgb(200 185 185 / 16%) 0px 1px 4px !important;
  background-color: #fff !important;
  /* border: 1px solid #e7e6e6 !important; */
  border-radius: 5px !important;
  height: 60px !important;
  width: 100px !important;
  object-fit: fill !important;
}

.videoimage i {
  width: 20px !important;
  font-size: var(--size-20) !important;
}

.conversate_card {
  box-shadow: 0 0 4px #00000026;
}

.page-section-6 {
  width: 62% !important;
  padding: 0px 90px !important;
}

.contentHeight {
  /* max-height: 450px !important;
    overflow: auto !important; */
}

.page-section-6 .rightChevron,
.contentHeight .rightChevron {
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important; */
  /* background-color: rgb(235, 235, 235) !important; */
  /* border-radius: 50% !important; */
  background: #ececec !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  width: 24px !important;
  height: 24px !important;
}

/*==================== OnlineCourse CSS Starts =====================*/

.course_Container {
  background-image: url(/assets/images/detail_bg.svg) !important;
  padding: 0px 120px !important;
  background-position: center !important;
  margin-top: 58px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.bookStoreContainer {
  background-image: url(/assets/images/bookStorebackImg.png) !important;
  padding: 0px 120px !important;
  background-position: center !important;
  margin-top: 50px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  /* height: 281px !important; */
}

.course_cardContainer {
  padding: 0px 120px !important;
  background-color: #fff !important;
  margin-top: 28px !important;
}

.comboCourse_cardContainer {
  padding: 0px 0 !important;
}

.onlineCourseTitle {
  margin-top: 28px !important;
  /* margin-left: 10px !important; */
}

.cursor li {
  cursor: pointer !important;
}

.onlineCourseTitle .title {
  font-weight: 800 !important;
  font-size: var(--size-28) !important;
  color: var(--black) !important;

  line-height: normal !important;
}
.course_imageContainer .imgContainer img {
  width: 100% !important;
}
.course_imageContainer .imgContainer img.bookImg {
  width: 100% !important;
}

.onlineCourseTitle .onlineCourseDetail {
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  -webkit-line-clamp: 5 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  /* height: 160px  !important; */
}

/* 
.onlineCourse{
    display: flex !important;
    flex-wrap: wrap !important;
} */

/* .onlineCourse .card{
    width: 278px !important;
} */

.button1_share {
  border-radius: 5px !important;
  color: var(--btnDeafult) !important;
  border: 1px solid var(--btnDeafult) !important;
  padding: 10px 10px !important;
  background: #fff7f2 !important;
}

.button1_share svg {
  font-size: var(--size-24) !important;
}

.detailBbuyNow button {
  padding: 11px 46px !important;
  font-size: var(--size-16) !important;

  font-weight: 600 !important;
}

.button1_buynow {
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-size: var(--size-17) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 5px 40px !important;
}

.course_card {
  width: 90% !important;
  margin: 0 15px !important;
  transition: 0.5s ease-in-out !important;
  padding: 10px !important;
}

.course_card img.calendarDate2 {
  background: transparent !important;
  width: 12px !important;
  height: 12px !important;
}

.course_card .imgBorder {
  border: 1px solid #ededed !important;
  border-radius: 10px !important;
  /* padding: 4px 4px !important; */
}

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

.course_card .course-badge {
  position: absolute !important;
  left: 0px !important;
  top: 8px !important;
  background: #f79e19 !important;
  color: #fff !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  font-size: var(--size-10) !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
}

.course_card .course-badge-live1 {
  position: absolute !important;
    /* left: 10px !important; */
    right: 10px;
    top: 8px !important;
    background: black !important;
    color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
    font-weight: 500 !important;
    font-size: 12px;
    padding: 3px 14px;
}

.course-badge-live {
  position: absolute !important;
  left: 0px !important;
  top: 8px !important;
  background: red !important;
  color: #fff !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  font-size: var(--size-10) !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  animation: glowDot .8s infinite; 
}

.course_card img {
  /* height: calc(15vw) !important; */
  background: #ededed !important;
  width: 100%;
  object-fit: fill !important;
  object-fit: fill !important;
  /* background: #000 !important; */
  aspect-ratio: 16 / 9 !important;
}
/* .course_card img.bookStoreImg {
  height: 120px !important;
  width: 110px  !important;
} */

.course_card img.bookStoreImg {
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: fill !important;
}

/* .coverImg {
  height: 120px !important;
  width: 84px !important;
} */

.course_card:hover {
  /* transform: scale(1.1) !important; */
}

.course_card .slideTitle {
  font-size: var(--size-14) !important;
  font-weight: 700 !important;
  color: #2d2d2d !important;
  text-transform: capitalize !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis;
  white-space: normal;
  height: 40px !important;
  padding-top: 5px;
  margin-bottom: 5px !important;
}

.course_card .slideName {
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  font-size: 12px !important;
  /* color: #ff8b20 !important; */
  color: var(--btnDeafult) !important;
  font-weight: 600;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 35px !important;
}

.course_card h6.l_title {
  color: #ff7a00 !important;
  font-size: var(--size-14) !important;

  font-weight: 600 !important;
}
.course_card .rating {
  background: #5fb963 !important;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  font-size: 8px !important;
  padding: 1px 5px !important;
  border-radius: 2px !important;
  gap: 1px !important;
  font-weight: 600 !important;
}

.course_card .rating svg {
  font-size: var(--size-10) !important;
}

.course_card p.review {
  padding-left: 4px !important;
  font-size: var(--size-12) !important;

  color: #878787 !important;
  font-weight: 400 !important;
}

.course_card .Cost_Price {
  color: #282828 !important;

  font-weight: 700 !important;
  font-size: var(--size-20) !important;
}

.coursePrice .Cost_Price svg {
  font-size: 16px !important;
}

.course_card .Card-OffPrice {
  position: relative !important;
  color: #979797 !important;
  font-size: var(--size-16) !important;

  font-weight: 400 !important;
}

/* .courseDur {
    display: flex !important;
    font-size: 14px !important;
    align-items: center !important;
    color: grey !important;
    padding-bottom: 10px !important;
} */

.validity svg {
  font-size: var(--size-16) !important;
}

p.validity {
  color: #767676 !important;

  font-weight: 400 !important;
  font-size: var(--size-11) !important;
  margin: 0 !important;
}

.valid_date {
  color: #404040 !important;

  font-weight: 400 !important;
}

hr {
  margin: 10px 0px !important;
}

.costPrice {
  font-size: var(--size-24) !important;

  font-weight: 700 !important;
  color: #282828 !important;
}
.discountPrice {
  color: #979797 !important;

  font-weight: 500 !important;
  font-size: var(--size-18) !important;
}

.discountPrice del svg.rupeeSign2 {
  font-weight: 400 !important;
  font-size: var(--size-18) !important;
}

.Card-OffPrice del svg.rupeeSign2 {
  font-weight: 400 !important;
  font-size: var(--size-16) !important;
}

.ex_gst {
  color: #5fb963 !important;
  font-weight: 500 !important;

  font-size: var(--size-12) !important;
}

.detail_C_Price {
  color: #282828 !important;

  font-weight: 700 !important;
  font-size: var(--size-20) !important;
}

.detail_C_Price svg.rupeeSign {
  font-size: var(--size-20) !important;
}

/* .costPrice{
    font-size: 24px  !important;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important;
    font-weight: 700  !important;
    padding-top: 10px !important;
} */

.rupeeSign {
  font-size: var(--size-23) !important;
  padding-bottom: 2px !important;
}

.Card-OffPrice {
  position: relative !important;
  color: #979797 !important;
  font-size: var(--size-16) !important;
}

/* .offPrice{
    border: 1px solid grey !important;
    position: absolute !important;
    width: 100% !important;
    top: 50% !important;
} */

.offPricePercentage {
  font-size: var(--size-10) !important;
  color: #5fb963 !important;

  font-weight: 600 !important;
}
.onlineCourseButtons button {
  width: 100% !important;

  font-weight: 800 !important;
  font-size: var(--size-10) !important;
  padding: 7px 12px !important;
}
.onlineCourseButtons button + button {
  width: 100% !important;

  font-weight: 800 !important;
  font-size: var(--size-10) !important;
  padding: 7px 12px !important;
}

.coursePrice {
  -webkit-line-clamp: 2 !important;
  /* display: -webkit-box !important; */
  overflow-x: hidden !important;
  -webkit-box-orient: vertical !important;
  /* max-height: 40px !important; */
  /* line-height: 17px !important; */
  margin-bottom: 0 !important;
  min-height: 40px !important;
}

/* .onlineCourseButtons{
    margin-top: 46px !important;
    bottom: 10px !important;
    position: absolute !important;
    width: 92% !important;
} */

/* =========================== Order Page Starts ==================== */

/* ===================== delivery section starts ================= */
h4.d_title,
h4.delpayTitle {
  font-family: "Roboto", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-16) !important;
}
h4.d_title {
  color: var(--btnDeafult) !important;
}
h4.delpayTitle {
  color: #58585899 !important;
}

.ord_DeliForm {
  width: 100% !important;
}

.CancelAddress {
  border: 1px solid var(--btnDeafult) !important;
  border-radius: 5px !important;
  padding: 6px 24px !important;
  font-size: var(--size-12) !important;
  color: var(--btnDeafult) !important;
  background: #fff !important;
  cursor: pointer !important;
}
.ord_DeliForm input {
  width: 100% !important;
  background: var(--primary-color) !important;
  border: 1px solid #dbdbdb !important;
  border-radius: 3px !important;
  color: #000 !important;
  font-size: var(--size-12) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  outline: none !important;
}
.ord_DeliForm input::placeholder,
.ord_DeliForm textarea::placeholder,
.ord_DeliForm .StateList .css-1jqq78o-placeholder,
.ord_DeliForm .DistrictList .css-1jqq78o-placeholder {
  font-size: inherit !important;
  color: #2b2b2b !important;
}
.checkImgContainer {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
}
.checkImgContainer::before,
.checkImgContainer::after {
  content: "";
  /* flex: 1 1 !important; */
  height: 1px !important;
  border: 1px solid #9b9b9b80 !important;
  margin: 0 10px !important;
  width: 24px;
  margin-top: 0px !important;
}
img.checkImg {
  width: 16px !important;
  height: 16px !important;
}
/* img.checkImg::after {
        content: "" !important;
        border: 1px solid red  !important;
    } */

img.checkImg::before,
img.checkImg::after {
  content: "" !important;
  display: inline-block !important;
  /* Ensures that the borders appear correctly */
  border: 1px solid red !important;
  width: 100% !important;
  /* Adjust the width as needed */
  height: 100% !important;
  /* Adjust the height as needed */
}

img.checkImg::before {
  margin-right: 5px !important;
  /* Optional: space between border and image */
}

img.checkImg::after {
  margin-left: 5px !important;
  /* Optional: space between image and border */
}

.ord_DeliForm .Num_list {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  border-right: 1px solid #acacac !important;
  padding: 0px 8px !important;
  font-size: var(--size-12) !important;

  font-weight: 600 !important;

  -moz-appearance: none !important;
  text-indent: 1px !important;
  text-overflow: "" !important;
  -webkit-appearance: none !important;
}
.ord_DeliForm .input_num {
  border: 1px solid #c2c2c2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-right: 0px !important;
  width: 56px !important;
  padding: 10px 5px !important;
}
.ord_DeliForm .mobNum {
  border: 1px solid #c2c2c2 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 10px 2px !important;
}
.StateList input,
.DistrictList input {
  display: none !important;
}
.StateList .css-13cymwt-control,
.DistrictList .css-13cymwt-control {
  border-radius: 3px !important;
  font-size: 12px !important;
  color: #2b2b2b !important;
  font-family: "Reddit Sans", sans-serif !important;
}
#defaultAddress {
  width: 10px !important;
}
label.defaultAddress {
  font-size: var(--size-10) !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #585858 !important;
  font-weight: 400 !important;
}

.main {
  display: block !important;
  position: relative !important;
  padding-left: 12px !important;
  margin-bottom: 15px !important;
  cursor: pointer !important;
  font-size: var(--size-10) !important;
  color: #585858 !important;
}

.main input[type="checkbox"] {
  visibility: hidden !important;
}

.checkbox-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 16px !important;
  width: 16px !important;
  background-color: #000 !important;
  border: 1px solid #9f9f9f !important;
}
.addressBtn button {
  width: 100px !important;
}

/* Hover effect */
/* .main:hover input~.checkbox-container {
        background-color: yellow !important;
    } */

/* Active effect */
/* .main input:active~.checkbox-container {
        background-color: red !important;
    } */

/* Checked effect */
/* .main input:checked~.checkbox-container {
        background-color: green !important;
    } */

/* Checkmark */
.checkbox-container::after {
  content: "" !important;
  position: absolute !important;
  display: none !important;
  left: 5px !important;
  top: -1px !important;
  width: 6px !important;
  height: 12px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* Display checkmark when checked */
.main input:checked ~ .checkbox-container::after {
  display: block !important;
}

.orderCard .addNew_Address button {
  padding: 3px 6px !important;
}
.addressCard {
  padding: 10px !important;
  border: 1px solid #dbdbdb !important;
  border-radius: 3px !important;
}
h4.userTitle {
  color: var(--black) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-13) !important;
  font-weight: 600 !important;
}
.orderCard .editBtn {
  color: var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-11) !important;
  border: 0.6px solid #bcbcbc !important;
  padding: 3px 10px !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
}
.orderCard .delAddress {
  border: 0.6px solid var(--btnDeafult) !important;
  color: #e54b4b !important;
  padding: 3px 6px !important;
  font-size: var(--size-11) !important;
  border-radius: 5px !important;
}
.orderCard .adTitle {
  color: var(--gray) !important;

  font-weight: 500 !important;
  font-size: var(--size-11) !important;
}
.orderCard .mobTitle {
  color: var(--black) !important;

  font-weight: 600 !important;
  font-size: var(--size-12) !important;
}
.orderCard .delAddress {
  border: 0.6px solid var(--btnDeafult) !important;
  color: #e54b4b !important;
  padding: 3px 6px !important;
  font-size: var(--size-11) !important;
  border-radius: 5px !important;
}
/*  */
/* ===================== delivery section ends ================= */

.orderContainer {
  padding: 0px 182px !important;
  width: 100% !important;
  margin-top: 60px !important;
}

.orderCard h4.orderTitle {
  font-size: var(--size-14) !important;

  font-weight: 700 !important;
  color: #191c1f !important;
}

.orderCard {
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  border: 0px !important;
  /* border-radius: 10px !important; */
}
.tblImg {
  padding: 14px 4px !important;
  border: 1px solid #ececec !important;
  margin: 0px 5px !important;
  border-radius: 5px !important;
}
.tblImg img {
  width: auto !important;
  border-radius: 5px !important;
  height: 40px !important;
}

.orderCard .removeIcon {
  color: #929fa5 !important;
  font-size: var(--size-16) !important;

  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
}

.orderCard .tbl-Title {
  color: #191c1f !important;
  font-weight: 700 !important;

  font-size: var(--size-13) !important;
  text-wrap: wrap !important;
  text-transform: capitalize !important;
}

.OrderTable {
  width: 100% !important;
}

.OrderTable .thead_title {
  font-size: var(--size-11) !important;

  font-weight: 600 !important;
  color: #475156 !important;
}

.OrderTable thead tr {
  border: 1px solid #e4e7e9 !important;
  /* padding: 5px 20px !important;
    display: flex !important;
    justify-content: space-between !important; */
  background: #f2f4f5 !important;
  color: #475156 !important;
}

.OrderTable thead tr th {
  padding: 5px 5px !important;
}
.OrderTable .costPrice {
  font-size: var(--size-16) !important;

  font-weight: 700 !important;
  color: #282828 !important;
}
.OrderTable .price .rupeeSign {
  font-size: var(--size-15) !important;
}
.OrderTable .offPrice del {
  position: relative !important;
  color: #979797 !important;
  font-size: var(--size-14) !important;
}

.OrderTable .offPrice del .rupeeSign2 {
  font-size: var(--size-14) !important;
  padding-bottom: 2px !important;
}

.orderButton button.active {
  width: 100% !important;
  padding: 8px 18px !important;
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  font-size: var(--size-11) !important;
  border: 0px !important;
  color: #fff !important;
  background: var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  border: 1px solid var(--btnDeafult) !important;
}

.orderButton button {
  border: 1px solid #d7d7d7 !important;
  background: #f4f4f4 !important;
  color: #6f6f6f !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  width: 100% !important;
  box-shadow: 0px 5px 24px 0px #00000012 !important;
}

.orderButton button:hover {
  border: 1px solid var(--btnDeafult) !important;
  background: var(--btnDeafult) !important;
  color: #fff !important;
}

.coupon_card {
  padding: 14px 16px !important;
  border-radius: 5px !important;
  border: 0px !important;
  /* border-radius: 10px  !important; */
  box-shadow: 0px 5px 24px 0px #00000012 !important;
}
input.coupon_field {
  width: 100% !important;
  border-radius: 0px !important;
  border: 1px solid #e4e7e9 !important;
  height: 34px !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  padding: 6px 12px !important;
}
input.coupon_field:focus,
input.coupon_field:hover,
input.coupon_field:active {
  box-shadow: none !important;
  outline: none !important;
}

input.coupon_field:focus {
  border: 1px solid #5cbd5a !important;
}

input.coupon_field::placeholder {
  font-size: var(--size-11) !important;
  color: #77878f !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
}

/* ================= EMI ACCORDION STARTS =================== */

.emi_accordion {
  width: 100% !important;
}
.accordion {
  --bs-accordion-btn-icon-width: 14px !important;
}
.accordion-button:after {
  background-size: 14px !important;
}
.emi_accordion .accordion {
  --bs-accordion-color: var(--bs-body-color) !important;
  --bs-accordion-bg: var(--bs-body-bg) !important;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease !important;
  --bs-accordion-border-color: var(--bs-border-color) !important;
  --bs-accordion-border-width: var(--bs-border-width) !important;
  --bs-accordion-border-radius: var(--bs-border-radius) !important;
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  ) !important;
  --bs-accordion-btn-padding-x: 1.25rem !important;
  --bs-accordion-btn-padding-y: 1rem !important;
  --bs-accordion-btn-color: var(--bs-body-color) !important;
  --bs-accordion-btn-bg: var(--bs-accordion-bg) !important;
  --bs-accordion-btn-icon: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="none"stroke="%23212529"stroke-linecap="round"stroke-linejoin="round"%3e%3cpathd="M2 5L8 11L14 5"/%3e%3c/svg%3e
  ) !important;
  --bs-accordion-btn-icon-width: 14px !important;
  --bs-accordion-btn-icon-transform: rotate(-180deg) !important;
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out !important;
  --bs-accordion-btn-active-icon: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="none"stroke="%23052c65"stroke-linecap="round"stroke-linejoin="round"%3e%3cpathd="M2 5L8 11L14 5"/%3e%3c/svg%3e
  ) !important;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
  --bs-accordion-body-padding-x: 1.25rem !important;
  --bs-accordion-body-padding-y: 1rem !important;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis) !important;
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle) !important;
}

.accordion_card {
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  padding: 15px 8px !important;
}

.installmentStripe {
  background: var(--btnDeafult) !important;
  color: #fff !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-10) !important;
  font-weight: 400 !important;
  position: absolute !important;
  padding: 1px 10px !important;
  border-radius: 3px !important;
  top: -9px !important;
  left: 6px !important;
}

.acc_contentCard {
  border: 1px solid #d7d7d7 !important;
  padding: 10px 7px !important;
}
.emi_accordion .accordion-body {
  border: 0px !important;
}

.emi_accordion .accordion-header {
  border: 0px !important;
  /* box-shadow: 0px 5px 24px 0px #00000012  !important;
    color: #565656  !important;
    font-size: 14px  !important;
    font-family: "Reddit Sans",sans-serif  !important;
    border-radius: 5px  !important;
    background: #F4F4F4  !important; */
}

.emi_accordion .accordion-header button {
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-12) !important;
  background: #f4f4f4 !important;
  /* border: 1px solid #C7C7C7  !important; */
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  color: #565656 !important;
  padding: 10px 12px !important;
}

.emi_accordion .accordion-header.active button.accordion-button {
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-12) !important;
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  padding: 10px 12px !important;
  background: #fff8f4 !important;
  color: var(--btnDeafult) !important;
  border: 1px solid var(--btnDeafult) !important;
}

.emi_accordion .accordion-item .accordion-header .accordion-button {
  /* border-top-left-radius: var(--bs-accordion-inner-border-radius) !important;
    border-top-right-radius: var(--bs-accordion-inner-border-radius) !important; */
  border-radius: 5px !important;
  border: 1px solid #c7c7c7 !important;
}
.insta_tbl {
  margin: 5px 0px !important;
  width: 100 !important;
}
.insta_tbl th {
  font-size: var(--size-10) !important;
  color: #6a6a6a !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.insta_tbl td {
  font-size: var(--size-10) !important;
  font-weight: 700 !important;
  color: #3f3f3f !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.insta_tbl td svg {
  font-size: var(--size-10) !important;
  /* font-weight: 700  !important; */
}

/* ================= EMI ACCORDION STARTS =================== */
.coupon_card .discountIcon {
  width: 22px !important;
  height: 22px !important;
}
.coupon_card button {
  color: var(--btnDeafult) !important;
  border: 1px solid var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  background-color: #fff !important;
  border-radius: 0px !important;
  height: 34px !important;
  text-transform: uppercase !important;
  font-size: var(--size-11) !important;
}
.coupon_card h4.couponApply {
  color: #353535 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-11) !important;
}
.coupon_card p.savedtitle {
  color: #3fa750 !important;
  font-size: var(--size-10) !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.appCoupon {
  font-size: var(--size-14) !important;
  color: #8c8c8c !important;
}
.coupon_card button:hover {
  background-color: var(--btnDeafult) !important;
  color: #fff !important;
}

.coupon_card h4.orderTitle {
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  color: #191c1f !important;
}

.paymentCard hr {
  margin: 1rem 0 !important;
  border-color: #e4e7e9 !important;
  border: 0 !important;
  border-top: 1px solid !important;
  opacity: 0.25 !important;
}

.couponModal .modal-content {
  border-radius: 2px !important;
  box-shadow: 0px 5px 24px 0px #00000012 !important;
  border: 0px !important;
}
.couponModal .modal-header {
  padding: 8px 15px !important;
}
.couponModal .modal-header h3 {
  color: #191c1f !important;
  font-weight: 700 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-14) !important;
}
.couponModal .btn-close {
  padding: 5px 10px !important;
  border: 0px !important;
  color: #383838 !important;
  opacity: 1 !important;
}
.couponModal .btn-close:focus {
  box-shadow: none !important;
  outline: none !important;
}

.coupon_divider {
  width: 100% !important;
  background: #f5f5f5 !important;
  height: 6px !important;
}

/* .couponModal .modal-body{
    background: #F5F5F5  !important;
}
.couponModal .coupon_content{
    background: #fff  !important;
} */

.couponModal button {
  color: var(--btnDeafult) !important;
  border: 1px solid var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  background-color: #fff !important;
  border-radius: 0px !important;
  height: 34px !important;
  text-transform: uppercase !important;
  font-size: var(--size-11) !important;
}

.couponModal .coupon_listCard {
  border: 0px !important;
  box-shadow: 0px 1px 14px 0px #0000000d !important;
  padding: 8px 10px !important;
}

.couponCodeTitle {
  display: flex !important;
  align-items: center !important;
  font-size: var(--size-12) !important;
  color: #303030 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  cursor: pointer !important;
}
.couponModal .applyBtn {
  font-size: var(--size-10) !important;
  color: var(--btnDeafult) !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #ff7c32 !important;
  cursor: pointer !important;
}
.couponModal .copyImg {
  width: 14px !important;
  height: 11px !important;
}

.paymentCard {
  padding: 14px 16px !important;
  border-radius: 5px !important;
  border: 0px !important;
  /* border-radius: 10px  !important; */
  box-shadow: 0px 5px 24px 0px #00000012 !important;
}
.paymentCard h4.orderTitle {
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  color: #191c1f !important;
}
.paymentTable {
  width: 100% !important;
}
.payTitle {
  color: #5f6c72 !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
}

.container3 {
  display: block;
  position: relative;
  padding-left: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container3 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1.5px solid #a8a8a8;
  border-radius: 5px;
}
.container3 input:checked ~ .checkmark:after {
  display: block;
}

/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark {
  background-color: #000;
  border: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Style the checkmark/indicator */
.container3 .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 1px;
}

.container4 {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container4 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container4 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1.5px solid #a8a8a8;
  border-radius: 2px;
}

.container4 input:checked ~ .checkmark:after {
  display: block;
}

/* On mouse-over, add a grey background color */
.container4:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container4 input:checked ~ .checkmark {
  background-color: #000;
  border: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Style the checkmark/indicator */
.container4 .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 1px;
}

.coupon_card .discountIcon {
  width: 22px !important;
  height: 22px !important;
}
.coupon_card h4.couponApply {
  color: #353535 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-11) !important;
}
.coupon_card p.savedtitle {
  color: #3fa750 !important;
  font-size: var(--size-10) !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.appCoupon {
  font-size: var(--size-14) !important;
  color: #8c8c8c !important;
}
.price_totalTitle {
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #191c1f !important;
  font-weight: 400 !important;
}

.pay_r_title {
  font-size: var(--size-11) !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #191c1f !important;
  font-weight: 400 !important;
}
.totalAmount {
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #191c1f !important;
  font-weight: 600 !important;
}
.checkOutBtn button {
  width: 100% !important;
  padding: 4px 12px !important;
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
  justify-content: center !important;
}
.checkOutBtn button i {
  font-size: var(--size-18) !important;
}

/* =========================== Order Page Ends ==================== */

/*======================= Card3 CSS  Starts ===========================*/

.course_card1 {
  width: 80% !important;
  margin: 0 15px !important;
  transition: 0.5s ease-in-out !important;
}

.course_card1:hover {
  /* transform: scale(1.1) !important; */
}

.slideText {
  font-size: 12px;
  /* color: #ff8b20; */
  color: var(--btnDeafult);
  font-weight: 600;
}

.course_card1 .slideTitle {
  font-weight: 600 !important;
  font-size: var(--size-15) !important;
}

.course_card1 .courserate {
  display: flex !important;
  justify-content: flex-start !important;
}

.course_card1 .rating {
  background-color: #0eb80e !important;
  color: white !important;
  align-items: center !important;
  display: flex !important;
  font-size: var(--size-13) !important;
  padding: 0px 4px !important;
  border-radius: 5px !important;
}

.course_card1 .rating svg {
  font-size: var(--size-10) !important;
}

.onlineCourseButtons1 button {
  width: 100% !important;
}

/*======================= Card3 CSS  ends ===========================*/

/*==================== OnlineCourse CSS Ends =====================*/

/* ======================== Achievement section starts =========== */
.card_group {
  width: 82% !important;
  display: grid !important;
  /* align-items: center !important;
        flex-wrap: wrap !important; */
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}
.achieve-text {
  color: #474747 !important;
  font-size: var(--size-13) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  width: 84% !important;
}
.card_group .card img {
  width: 30px !important;
  /* height: 30px !important; */
}
/* .slick-next {
        right: -16px !important;
    }
    .slick-prev{
        left: -7px !important;
    } */
.instruct-card,
.video-card,
.users-card,
.students-card {
  padding: 10px !important;
  width: 100% !important;
  border-radius: 10px !important;
}
.instruct-card {
  border: 1px solid #1918251a !important;
  background: #f0f6ff !important;
}
.video-card {
  border: 1px solid #1918251a !important;
  background: #effff1 !important;
}
.users-card {
  border: 1px solid #1918251a !important;
  background: #fff3ef !important;
}
.students-card {
  border: 1px solid #1918251a !important;
  background: #eaf4ff !important;
}
.inst-count,
.video-count,
.user-count,
.student-count {
  font-weight: 800 !important;
  font-size: var(--size-30) !important;
}
.inst-count {
  color: #1d3cb0 !important;
}
.video-count {
  color: #3b9a47 !important;
}
.user-count {
  color: #ff5722 !important;
}
.student-count {
  color: #0075fd !important;
}
.card-content {
  margin-top: -13px !important;
}
.c_title {
  color: #161616 !important;
  font-size: var(--size-14) !important;
}
/* ======================== Achievement section ends =================== */

/* ======================= My Profile Section  Starts ==================*/

/* =================== Sidebar Starts ====================== */

.closeSidebar {
  display: none !important;
}
.closeSidebarTop {
  position: fixed !important;
  top: 5px;
  z-index: 99995;
}

#sidebar {
  width: 200px !important;
  height: 100vh !important;
  position: fixed !important;
  /* top: 108px !important; */
  z-index: 9 !important;
  background: var(--primary-color) !important;
  box-shadow: 0px 0px 13px 0px #0000000f !important;
  overflow-y: auto !important;
  display: block;
}

.sidebar-header {
  padding: 10px 10px 10px 33px !important;
}
.sidebar-header h4 {
  color: #939393 !important;
  font-weight: 500 !important;

  font-size: var(--size-10) !important;
}
#sidebar .nav-item.active a {
  text-decoration: none !important;
}
#sidebar .nav-item a.nav-link:hover {
  background: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;
  border-radius: 6px !important;
}
#sidebar .nav-item.active a {
  color: var(--btnDeafult) !important;
  background: var(--btnBgDefault) !important;
  font-weight: 600 !important;

  border-radius: 6px !important;
}
#sidebar .nav-item {
  padding: 2px 10px 2px 24px !important;
}
.nav-link {
  padding: 6px 20px 6px 10px !important;
  font-size: var(--size-11) !important;
  color: #3a3a3a !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
}
#sidebar a.nav-link img {
  width: 13px !important;
  height: 13px !important;
  margin-right: 16px !important;
}

.nav-link:hover {
  background: #e9ecef !important;
}

/* =================== Sidebar Ends ====================== */

/* ==================== Main Content Starts ================ */

.main_content {
  /* padding: 12px 20px !important; */
  width: calc(100% - 200px) !important;
  margin-left: 200px !important;
}
.main_content .searchIcon {
  padding: 10px 10px 10px 10px !important;
  background: #f1f1f1 !important;
  color: #717171 !important;
  line-height: 10px !important;
  font-size: var(--size-20) !important;
  border: 1px solid #d0d0d0 !important;
  border-right: 0px !important;
}

.main_content .searchIconRight {
  padding: 10px 10px 10px 10px !important;
  background: #f1f1f1 !important;
  color: #717171 !important;
  line-height: 10px !important;
  font-size: var(--size-20) !important;
  border: 1px solid #d0d0d0 !important;
  border-left: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.main_content input.searchBar {
  /* border: 0px !important; */
  width: 92% !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: #f1f1f1 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border: 1px solid #d0d0d0 !important;
  border-right: 0px !important;
  border-left: 0px !important;
}
.ban_margin_bottom {
  margin-bottom: 38px !important;
}
.tab_text {
  color: #5e5e5e !important;
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-11) !important;
}
/* .profile_Tabs.nav-tabs {
        border-width: 0px  !important;
    }
    .profile_Tabs li {
        margin-right: 4px  !important;
    }
    .profile_Tabs li button.nav-link.active {
        border: 1px solid #FFD1B7  !important;
        border-radius: 6px  !important;
        box-shadow: 0px 1px 4px 0px  var(--btnDeafult) 24  !important;
        background: #FFF4EE  !important;
        color:  var(--btnDeafult)   !important;
        font-size: 14px  !important;
        font-weight: 600  !important;
        font-family: "Reddit Sans", sans-serif  !important;
        padding: 7px 12px  !important;
        margin-bottom: 5px  !important;
    }
    .profile_Tabs li button.nav-link{
        margin-bottom: 5px  !important;
        border: 0px  !important;
        border-radius: 6px  !important;
        background-color: #fff  !important;
        color: #4E4E4E  !important;
        font-size: 12px  !important;
        font-weight: 600  !important;
        font-family: "Reddit Sans", sans-serif  !important;
        padding: 7px 12px  !important;
    }
    .profile_Tabs li button.nav-link:hover {
        box-shadow: 0px 1px 4px 0px  var(--btnDeafult) 24  !important;
        color:  var(--btnDeafult)   !important;
        font-size: 14px  !important;
        padding: 7px 12px  !important;

    } */
.myCourseBtn {
  /* height: -webkit-fill-available; */
  width: 100% !important;
}
.myCourseBtn .button1_userBtn__SWuni {
  font-size: var(--size-10) !important;
  padding: 7px 10px !important;
  width: 100% !important;
  white-space: nowrap !important;
}
.myCourseBtn .button2_userBtn__NScri {
  font-size: var(--size-10) !important;
  padding: 7px 10px !important;
  width: 100% !important;
  font-weight: 500 !important;
}

/* ==================== Profile detail Page Starts =============== */

.onlineCourse {
  width: 66% !important;
}

.profileDetailTopContainer {
  background-image: url("/assets/images/detail_bg.svg") !important;
  width: 100% !important;
  padding: 20px 20px 8px 64px !important;
  background-position: bottom !important;
  margin-top: 0px !important;
}

.profileDetailTopContainer .courseTitle {
  margin-top: 30px !important;
  width: 45% !important;
}

.profileDetailTopContainer .courseTitle h4 {
  font-weight: 700 !important;
  font-size: var(--size-22) !important;

  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  /* height: 67px !important; */
}



.tab-container .nav-tabs {
  display: inline-flex !important;
  /* Align tabs horizontally */
}

.tab-container .nav-item {
  display: inline-block !important;
  /* Ensure each tab is inline */
}

/* .course_mainContainer.tabs_design__ nav ul li{
        position: relative !important;
    } */

.profileCourse_mainContainer.tabs_design__ .nav-tabs .nav-item.show .nav-link,
.profileCourse_mainContainer.tabs_design__ .nav-tabs .nav-link.active {
  color: var(--btnDeafult) !important;
  background-color: var(--btnBgDefault) !important;
  font-weight: 600 !important;
  outline: none !important;
}

/* Ensure the button has a position context for the pseudo-element */
.profileCourse_mainContainer.tabs_design__ .nav-link {
  position: relative !important;
  /* Required for the absolutely positioned ::after */
}

/* Style the ::after pseudo-element on hover */
.profileCourse_mainContainer.tabs_design__ .nav-link:hover::after {
  background-color: var(--btnDeafult) !important;
  position: absolute !important;
  height: 4px !important;
  left: 45% !important;
  bottom: 0 !important;
  width: 50% !important;
  transform: translateX(-50%) !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  content: "" !important;
}

.profileCourse_mainContainer.tabs_design__ .nav-tabs .nav-link.active::after {
  background-color: var(--btnDeafult) !important;
  position: absolute !important;
  height: 4px !important;
  left: 45% !important;
  bottom: 0 !important;
  width: 50% !important;
  transform: translateX(-50%) !important;
  content: "" !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.profileCourse_mainContainer.tabs_design__ .nav-link {
  color: var(--btnDeafult) !important;
  border: none !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  outline: none !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 10px 14px 10px 14px !important;
}

.profileCourse_mainContainer .page-section-2 {
  width: 62% !important;
}

.profileCourse_mainContainer .container-fluid {
  padding: 0px !important;
}

.profileCourse_mainContainer .page-section-6 {
  width: 60% !important;
  padding: 0px !important;
}

.tab-content .tab-pane {
  padding: 10px 60px !important;
}

.freeTC_container .tab-content .tab-pane{
  padding: 10px !important;
}

.freeTC_container .freeCard{width: 95% !important; margin: 0 7px 10px 7px !important;}

/* .course_cardContainer .card-body{position: relative !important; min-height: 135px !important;}
.course_cardContainer .card-body .courseBtn{position: absolute !important; width: 100% !important; bottom: 0 !important;}
.course_cardContainer .course_card .card-body{position: relative !important;}
.course_cardContainer .course_card .onlineCourseButtons{position: absolute; width: 100%; bottom: 0;} */


.ourCourse_mainPage .tab-content .tab-pane{
  padding: 0 0 !important;
}

.ourCourse_mainPage{
  padding: 10px 20px !important;
}

.live_class_mainPage .tab-content .tab-pane{
  padding: 0 0 !important;
}

.live_class_mainPage{
  padding: 10px 20px !important;
}

.live_test_mainPage .tab-content .tab-pane{
  padding: 0 0 !important;
}

.live_test_mainPage{
  padding: 10px 20px !important;
}

.current_affair_mainPage .tab-content .tab-pane{
  padding: 0 0 !important;
}

.current_affair_mainPage{
  padding: 10px 20px !important;
}

.muCourse_login_mainPage{
  padding: 10px 20px !important;
}

.muCourse_login_mainPage .tab-content .tab-pane{
  padding: 0 0 !important;
}

.profileCourse_mainContainer .slick-prev {
  left: -5px !important;
  z-index: 9 !important;
}
.profileCourse_mainContainer .slick-next {
  right: -5px !important;
  z-index: 9 !important;
}
.profileCourse_mainContainer .detail_desc {
  width: 60% !important;
}

/* ==================== Profile detail Page Ends =============== */

/* ==================== My Courses Starts ==================*/

.course_card img.calendarImg {
  width: 16px !important;
  height: 16px !important;
  background: transparent !important;
}
.course_card .remaining_date {
  color: #dc5656 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
}

/* ==================== My Courses Ends ==================*/

/* ==================== Purchase History Starts ================ */

/* .history_List{
        overflow-x: scroll  !important;
    } */

.history_List .historyCard {
  box-shadow: 0px 0px 14px 0px #00000017 !important;
  width: 100% !important;
  border: 0px !important;
}
.child_historyCard {
  width: 100% !important;
  border-top: 1px solid #f1f1f1 !important;
  background: #f9f9f9 !important;
  padding: 12px 12px !important;
}
.purchaseStripe {
  color: var(--btnDeafult) !important;
  background: #fff3ed !important;
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 500 !important;
  border-radius: 5px !important;
  padding: 2px 5px !important;
  position: absolute !important;
  top: -7px !important;
  left: 10px !important;
}
.history_List .p_Img {
  width: 96px !important;
  height: 50px !important;
  border-radius: 5px !important;
}

.purchaseThumbnail img {
  /* width: 70%; */
  height: 100%;
  object-fit: contain !important;
  border-radius: 6px !important;
  padding: 10px 0px !important;
}
.offset--1 {
  margin-left: 90px;
}
/* .purchaseThumbnail div {
  border: 0.5px solid #ccc !important;
  width: 100%;
  border-radius: 5px !important;
  height: 78px !important;
} */
.purchaseThumbnail {
  /* max-height: 100px; */
  display: flex;
  height: 82px;
  text-align: center;
  border: 0.1px solid #f2f2f2;
  display: flex;
  justify-content: center;
  border-radius: 6px;
}

.H_title {
  font-size: var(--size-14) !important;
  color: #222222e5 !important;
  font-weight: 700 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 32px !important;
  line-height: 17px !important;
  width: 225px !important;
}
.cont_Size {
  width: 370px !important;
}
p.historyDate {
  color: #000 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  text-transform: capitalize !important;
}
p.historyDate span {
  color: #868686 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
}
.historyDate .rupeeSign {
  font-size: var(--size-12) !important;
}

.historyCard .paid {
  color: #36ba4b !important;
  font-size: var(--size-12) !important;
  font-weight: 500 !important;
  font-family: "Reddit Sans", sans-serif !important;
}

.historyCard button {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 12px !important;
  font-size: var(--size-12) !important;
}

.historyTble tr td {
  padding: 5px !important;
}

p.child_Date {
  color: #868686 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  text-transform: capitalize !important;
}
p.child_Date span {
  color: #000 !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
}
p.child_Date span svg {
  font-size: var(--size-12) !important;
}
.child_historyCard .paid,
.child_historyCard .due {
  font-size: var(--size-12) !important;
  font-weight: 500 !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.child_historyCard .paid {
  color: #36ba4b !important;
}
.child_historyCard .due {
  color: #e24d4d !important;
}
.child_historyCard tr td {
  margin: 5px !important;
}

/* ==================== Purchase History Ends ================ */

/* ==================== Detail Page Rate and Review Section Starts ============== */
.total_rating .starImg {
  display: flex !important;
  gap: 5px !important;
  align-items: center !important;
}
.total_rating .starImg img {
  width: 15px !important;
  /* height: 26px  !important; */
}

h4.ratingOutOff {
  color: #333333 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: var(--size-40) !important;
}
.avgRateAndReview {
  color: #333333a1 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
  margin-top: 5px;
}
.ratingSection .progressBars {
  width: 100% !important;
}
.ratingSection .progressBars p {
  width: 60% !important;
  color: #333333 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: var(--size-14) !important;
}
.ratingSection .progressBars p .progress {
  width: 100% !important;
  height: 7px !important;
}
.ratingSection .progressBars p .progress .progress-bar {
  background: #5fb963 !important;
  border-radius: px !important;
}
.ratingSection .progressBars p .progress.rateNegative .progress-bar {
  background: var(--btnDeafult) !important;
}
h4.userRateTitle {
  color: #262626 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-14) !important;
}
.UserRateImg {
  width: 36px !important;
  border-radius: 50% !important;
  height: 36px !important;
}
.mssg_text {
  color: #292929 !important;
  font-size: var(--size-12) !important;

  font-weight: 400 !important;
}
.All_ratings {
  width: 60% !important;
}

.rateAndreviewModal h4.r_title {
  text-align: center !important;
  color: #1f2937 !important;
  font-size: var(--size-18) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 700 !important;
}
.rateAndreviewModal .r_text {
  text-align: center !important;
  color: #4b5563 !important;
  font-size: var(--size-11) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
}
.textAreaTitle {
  color: #4d4d4d !important;
  font-size: var(--size-13) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
}
.review_textarea {
  border: 1px solid #d1d5db !important;
  border-radius: 5px !important;
}
.reviewBtn button {
  width: 100% !important;
}

/* ==================== Rate and Review Section Ends ============== */

/* ==================== Profile Blog  Starts ==============*/

.course_card h4.blogTitle {
  font-size: var(--size-14) !important;
  font-weight: 700 !important;
  color: #2d2d2d !important;
  text-transform: capitalize !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 36px !important;
  line-height: 17px !important;
}

.blog_Date {
  color: #797979 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-11) !important;
  font-weight: 300 !important;
}
.course_card .read_more {
  color: var(--btnDeafult) !important;
  font-size: var(--size-12) !important;

  font-weight: 500 !important;
}

/* ====================== Profile blog deatil Page Starts ==================== */

.cTabnew {
  flex-wrap: wrap !important;
  overflow: inherit !important;
}

.CustomTab {
  flex-wrap: nowrap;
  overflow: auto;
}

.CustomTab.nav-tabs {
  border-width: 0px !important;
  white-space: nowrap;
  flex-wrap: nowrap;
  scrollbar-color: transparent transparent;
  margin-top: 15px;
}

.CustomTab li {
  margin-right: 4px !important;
  padding: 2px !important;
}

.CustomTab .nav-item button.nav-link{transition: ease-in-out 0.2s;}
.CustomTab .nav-item button.nav-link:hover{background: #fff !important; box-shadow: 0 0 6px #dad7d7; color: var(--btnDeafult); transform: scale(1.02);}

.CustomTab li.nav-item button.nav-link.active {
  /* border: 1px solid var(--btnDeafult) !important; */
  border-radius: 6px !important;
  box-shadow: 0 0 5px #00000024 !important;
  /* box-shadow: 0px 1px 4px 0px  var(--btnDeafult); */
  background: var(--btnBgDefault) !important;
  color: var(--btnDeafult) !important;
  font-size: var(--size-15) !important;
  font-weight: 700 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 7px 12px !important;
  margin-bottom: 5px !important;
}
.CustomTab li button.nav-link {
  margin-bottom: 5px !important;
  border: 0px !important;
  border-radius: 6px !important;
  /* background-color: #fff !important; */
  color: #4e4e4e !important;
  font-size: var(--size-14) !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 7px 12px !important;
  border: 1px solid transparent !important;
}
.CustomTab li button.nav-link:hover {
  color: var(--btnDeafult) !important; 
  background: var(--btnBgDefault) !important;
  /* padding: 7px 12px !important; */
  /* box-shadow: 0 0 5px #00000024 !important; */
}






.CustomTab2 {
  flex-wrap: nowrap;
  overflow: auto;
}

.CustomTab2.nav-tabs {
  border-width: 0px !important;
  white-space: nowrap;
  flex-wrap: nowrap;
  scrollbar-color: transparent transparent;
  
}

.CustomTab2 li {
  margin-right: 4px !important;
  padding: 2px !important;
}
.CustomTab2 li button.nav-link.active {
  /* border: 1px solid var(--btnDeafult) !important; */
  border-radius: 6px !important;
  box-shadow: 0 0 5px #00000024 !important;
  /* box-shadow: 0px 1px 4px 0px  var(--btnDeafult); */
  background: #fff !important;
  color: var(--btnDeafult) !important;
  font-size: var(--size-15) !important;
  font-weight: 700 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 7px 12px !important;
  margin-bottom: 5px !important;
  display: none !important;
}
.CustomTab2 li button.nav-link {
  margin-bottom: 5px !important;
  border: 0px !important;
  border-radius: 6px !important;
  /* background-color: #fff !important; */
  color: #4e4e4e !important;
  font-size: var(--size-14) !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 7px 12px !important;
  border: 1px solid transparent !important;
}
.CustomTab2 li button.nav-link:hover {
  /* color: var(--btnDeafult) !important;  */
  background: #fff !important;
  /* padding: 7px 12px !important; */
  /* box-shadow: 0 0 5px #00000024 !important; */
}





.detailblog_Date {
  color: #797979 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  font-weight: 500 !important;
}

.shadow2 {
  box-shadow: 0px 0rem 1rem rgb(0 0 0 / 9%) !important;
}

.btn_detailShare {
  border-radius: 5px !important;
  color: var(--btnDeafult) !important;
  border: 1px solid #424242a8 !important;
  background: #fff7f2 !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.btn_detailShare svg {
  font-size: var(--size-16) !important;
}
.DetailTitle {
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-18) !important;
  font-weight: 800 !important;
  text-transform: capitalize !important;
  color: #161616 !important;
}
.detailImg {
  width: 68% !important;
  border-radius: 10px !important;
}
.blog_detail p {
  font-size: var(--size-12) !important;
  color: #3d3d3d !important;
  font-family: "Reddit Sans", sans-serif !important;
}
.detail-rightCard img.calendarDate2 {
  background: transparent !important;
  width: 12px !important;
  height: 12px !important;
}

/* ====================== Profile blog deatil Page Ends ==================== */

/* ====================== Contact US Starts ========================== */

.contactCont {
  padding: 0px 120px !important;
  margin-top: 57px !important;
}

.contact_Img {
  width: 100%;
  height: 100%;
}

.c_title {
  color: #000000 !important;
  font-family: "Inter", sans-serif;
  font-size: var(--size-20) !important;
  font-weight: 600 !important;
}
.v_title {
  color: #232323 !important;
  font-family: "Inter", sans-serif;
  font-size: var(--size-16) !important;
  font-weight: 700 !important;
}
.vv_title {
  color: #232323 !important;
  font-family: "Inter", sans-serif;
  font-size: var(--size-16) !important;
  font-weight: 700 !important;
  margin-top: 96px !important;
}
.c_text {
  color: #000000 !important;
  font-family: "Inter", sans-serif;
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
}

/* ====================== Contact US Ends ========================== */

/* ====================== Inquiry Section starts =========================== */
.addIssue_Card {
  box-shadow: 0px 2px 10px 0px #0000000d !important;
  width: 30rem !important;
  border-radius: 12px !important;
}

.inquiryTab {
  width: 100% !important;
  padding-left: 0% !important;
  margin-top: 16px !important;
}

.inquiryTab .tab-content {
  padding: 0px !important;
}

.addIssue_Card input,
.addIssue_Card textarea {
  /* border: 1px solid #C6C6C6 !important; */
  border-radius: 5px !important;
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 10px !important;
  font-size: 12px !important;
  outline: none !important;
  box-shadow: none !important;
}

.addIssue_Card input::placeholder,
.addIssue_Card textarea::placeholder,
.getInTouchForm .select_2 div div div:nth-child(1),
.getInTouchForm .select_2 {
  color: #0d0d0d !important;
  font-size: var(--size-13) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 300 !important;
}

.css-1dimb5e-singleValue {
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  outline: none !important;
}

#react-select-2-input {
  border: 1px solid #c6c6c6 !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  padding: 0px !important;
  font-size: 12px !important;
  outline: none !important;
  box-shadow: none !important;
}

#react-select-2-input {
  border: 0px !important;
}

.submitBtn {
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  border-radius: 5px !important;
  border: 1px solid #000 !important;
  padding: 6px 34px !important;
  font-weight: 500 !important;
}

.css-1u9des2-indicatorSeparator {
  display: none !important;
}

.css-tj5bde-Svg {
  color: #292929 !important;
}
/* 
.addIssue_Card input::placeholder,
.addIssue_Card textarea::placeholder,
#react-select-2-placeholder {
  color: #0d0d0d !important;
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 300 !important;
} */

.conversate_card {
  border-radius: 10px !important;
  /* box-shadow: 0px 40px 40px 60px #00000008 !important; */
  width: 70% !important;
}

.issue_msgText p {
  padding: 1rem !important;
  color: var(--btnDeafult) !important;
  font-size: 12px !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  background-color: var(--btnBgDefault) !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.item_title {
  color: #5b5b5b !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.item_title span {
  color: #5b5b5b !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.issueTitle span,
.issueTitle {
  color: #404040 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.viewDetail button {
  border-radius: 50% !important;
  font-size: 14px !important;
  background-color: var(--btnBgDefault) !important;
  color: var(--secondary-color) !important;
  outline: none !important;
  border: 0px !important;
  width: 30px !important;
  height: 30px !important;
  font-weight: 800;
  position: absolute;
  right: 20px !important;
  bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.chatCard {
  width: 100% !important;
  border: 0px !important;
  border-radius: 10px !important;
  box-shadow: 0px 2px 10px 0px #0000000d !important;
  background-color: #fff !important;
  padding: 16px 0px !important;
}

/* width */
::-webkit-scrollbar {
  width: 5px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--lightergray) !important;
  border-radius: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  /* background: #888;  */
  background: #b0b0b0 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--gray);
}

/* ====================== Chat Section Starts ========================= */

.main_chat_container {
  width: 100% !important;
}

.simplebar-content-wrapper {
  overflow: hidden !important;
  height: 100% !important;
}

.simplebar-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

.emojis {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  padding: 6px;
  right: 3px;
  bottom: 40px;
  border-radius: 8px;
  background-color: white;
}

.reaction_container_open{bottom: 180px;}

.emojis span{font-size: 18px;}

.simplebar-content-wrapper {
  box-sizing: border-box !important;
  direction: inherit !important;
  display: block !important;
  max-width: 100% !important;
  overflow: auto !important;
  padding: 0 !important;
  position: relative !important;
  scrollbar-width: none !important;
  visibility: visible !important;
  width: auto !important;
}

.simplebar-content-wrapper .simplebar-content {
  margin-top: auto !important;
  overflow-y: scroll !important; 
  height: 492px !important;
  border-bottom: 1px solid #efefef !important;
}

.simplebar-content-wrapper .simplebar-content::-webkit-scrollbar {
  width: 0; 
  height: 0; 
}

.simplebar-content-wrapper .simplebar-content {
  -ms-overflow-style: none; 
  scrollbar-width: none;     
}


.simplebar-content {
  padding: 5px 8px !important;
}



.simplebar-content:after,
.simplebar-content:before {
  content: " " !important;
  display: table !important;
}
.chat-conversation{
  height: 70vh !important;
  padding-bottom: 42px !important;
}
.chat-conversation .chat-conversation-list {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
}

.chat-conversation .chat-conversation-list > li {
  display: flex !important;
}

.chat-list {
  margin: 0;
}

.chat-conversation .conversation-list {
  align-items: flex-start !important;
  display: inline-flex !important;
  margin-bottom: 24px !important;
  max-width: 180px !important;
  position: relative !important;
}

.chat-conversation .chat-avatar {
  margin: 0 8px 0 0 !important;
}

hr.p_divider {
  border-bottom: 1px solid #cacaca !important;
  margin: 1px 0 !important;
  margin: 8px 0px !important;
}

.chat-conversation .chat-avatar img {
  border-radius: 50% !important;
  height: 38px !important;
  width: 38px !important;
  margin-top: -10px !important;
  position: relative !important;
}

.conversation-list h5.conversation-name {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: var(--size-14) !important;
  font-weight: 700 !important;
  gap: 8px !important;
  color: black !important;
  font-family: "Inter", sans-serif !important;
}

.pdf_file{
  display: flex !important;
  align-items: center !important;
  margin-top: 10px !important;
  cursor: pointer !important;
}
.pdf_title{
  margin-left: 5px !important;
  font-size: var(--size-10) !important;
  text-align: start !important;
  font-weight: 600 !important;
  font-family: "Inter Sans",sans-serif;
  color: #252525 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 30px !important;
}
.pdf_file img{
  width: 30px !important;
  height: 30px !important;
}

.profile_change_pass .modal-content{
  padding: 20px !important;
  border-radius: 20px !important;
}


.chat-conversation .conversation-list .ctext-wrap {
  display: flex !important;
  margin-bottom: 3px !important;
  color: #383838 !important;
  font-size: var(--size-12) !important;
}

.chat-conversation .conversation-list .ctext-wrap-content {
  padding: 8px 12px !important;

  position: relative !important;
  border-radius: 10px !important;
  background: var(--btnBgDefault) !important;
}

.ctext-wrap-content.left-in:after {
  content: " ";

  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  left: -8px !important;
  right: auto !important;
  top: auto !important;
  bottom: 0px !important;
  border: 10px solid !important;
  /* border-color: transparent lightyellow lightyellow transparent; */
  border-color: transparent var(--btnBgDefault) var(--btnBgDefault) transparent !important;
}

.chat-conversation .conversation-list .ctext-content {
  word-wrap: break-word !important;
  word-break: break-word !important;
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #383838 !important;
}

.left-time small,
.right-time small {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  color: #00000080 !important;
}

.chatPinOptions{
  position: relative;
  top: -21px !important;
  right: -12px !important;
}

.chatPinOptions2{
  position: relative;
  top: -21px !important;
  left: 120px !important;
}

.dropdown-content {
  margin-left: 68px !important;
  position: absolute !important;
  background-color: #fff !important;
  min-width: 120px !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2) !important;
  z-index: 10 !important;
  box-shadow: 0px 1px 14px 0px #0000001f !important;
  padding: 3px !important;
  top: 24px;
  right: 0;
}

.dropdown-content a {
  color: #474747 !important;
  padding: 5px 8px !important;
  text-decoration: none !important;
  display: block !important;
  font-size: var(--size-12) !important;
  font-family: "Open Sans", sans-serif !important;
}

.dropdown-btn:focus+.dropdown-content {
  display: block;
}

hr.divider {
  border-bottom: 1px solid #ccc !important;
  /* height: 1px; */
  /* background-color: #ccc; */
  margin: 1px 0 !important;
  margin: 2px 0px !important;
}

.chat-conversation .right {
  justify-content: flex-end !important;
  display: flex !important;
}



.chat-conversation .right .chat-avatar {
  margin-left: 8px !important;
  margin-right: 0 !important;
  order: 3 !important;
}

.chat-conversation .right .conversation-list .conversation-name {
  /* justify-content: flex-end !important; */
}

.chat-conversation .conversation-list h5.conversation-name {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: var(--size-11) !important;
  font-weight: 700 !important;
  gap: 8px !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

.chat-conversation .right .conversation-list .ctext-wrap {
  justify-content: flex-end !important;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
  /* background: #fff6e9 !important; */
  background: #F4F4F4 !important;
  box-shadow: none !important;
  order: 2 !important;
 
  border-bottom-right-radius: 0px !important;
}

.left-time small,
.right-time small {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
}
.chat_input .paperIcon {
  font-size: var(--size-22) !important;
  color: #787878 !important;
  transform: rotate(45deg) !important;
}
.chat_input .micIcon {
  font-size: var(--size-22) !important;
  color: #969696 !important;
}
.chat_input {
  position: absolute !important;
  bottom: 7px !important;
  width: 94% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #fff !important;
  padding-bottom: 15px !important;
  padding-right: 10px;
  box-shadow: 0 0 3px #c7c2c2 !important;
}

.chat_input .input_field {
  font-size: 12px !important;
  box-shadow: none !important;
  outline: none !important;
}
.chat_input .input_field:focus {
  border-color: none !important;
}

.chat_input .input_field::placeholder {
  color: #686868 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
}

.Btn_warning {
  padding: 6px 12px !important;
  border-radius: 5px !important;
  width: 40px !important;
  color: rgb(255, 255, 255) !important;
  background: linear-gradient(180deg, #ea8a00 0%, #ffa726 100%) !important;
}

.payIssueTitle {
  color: var(--btnDeafult) !important;
  font-family: "Reddit Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.chat-list.right p.ctext-content:after {
  content: " ";
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  left: auto !important;
  right: -5px !important;
  top: 48px !important;
  bottom: auto !important;
  border: 6px solid !important;
  border-color: transparent transparent #fff6e9 #fff6e9 !important;
}

/* ====================== Chat Section Ends ========================= */


/* ================= LIVE NAVBAR STARTS ==================== */

.live-main-container {
  margin-top: 80px !important;
  padding: 0px 40px !important;
  height: 100% !important;
}

.liveChatTabs ul.nav-tabs{
  border: 0px !important;
  border-bottom: 1px solid #E8E8E8 !important;
  /* padding-bottom: 10px !important; */
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
.liveChatTabs ul.nav-tabs li{
  margin-bottom: 10px !important;
  width: 100% !important;
}
.liveChatTabs ul.nav-tabs li button {
  border: 0.7px solid #E8E8E8 !important;
  border-radius: 5px !important;
  padding: 4px 0px !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  height: 40px !important;
}

.liveChatTabs ul.nav-tabs li button.nav-link:hover {
  border: 0.7px solid #FFA573 !important;
  border-radius: 5px !important;
}

.liveChatTabs ul.nav-tabs li button.nav-link{
  font-weight: 600 !important;
}

.liveChatTabs ul.nav-tabs li button.nav-link.active {
  border: 0.7px solid #FFA573 !important;
  border-radius: 5px !important;
  /* padding: 10px 20px !important; */
  height: 40px !important;
}

.liveChatTabs .nav-tabs li:nth-child(1) button::before,
.liveChatTabs .nav-tabs li:nth-child(2) button::before,
.liveChatTabs .nav-tabs li:nth-child(3) button::before {
  content: "";
  position: relative !important;
  width: 16px !important;
  height: 16px !important;
  left: 50% !important;
  top: 1px !important;
  display: block !important;
  font-weight: 800 !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  transform: translateX(-50%) !important;
}
.liveChatTabs .nav-tabs li:nth-child(1) button::before{
  background-image: url("/assets/images/tabMsgIcon.svg") !important;
}

.liveChatTabs .nav-tabs li:nth-child(2) button::before {
  background-image: url('/assets/images/pollImg.svg') !important;
}

.liveChatTabs .nav-tabs li:nth-child(3) button::before {
  background-image: url('/assets/images/pdfIcon.svg') !important;
}
.liveChatTabs .nav-tabs li:nth-child(2){
  position: relative !important;
}
.liveChatTabs .nav-tabs li:nth-child(2) button::after {
  content: " " !important;
  position: relative !important;
  width: 10px !important;
  height: 10px !important;
  left: 2px !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  top: -34px;
}

.liveChatTabs .nav-tabs li:nth-child(2) button::after {
  background-image: url('/assets/images/live_dotImg.gif') !important;
}

.liveChatTabs > .card{
  height: 77vh !important;
}




.liveChatTabs2 ul.nav-tabs{
  border: 0px !important;
  border-bottom: 1px solid #E8E8E8 !important;
  /* padding-bottom: 10px !important; */
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
.liveChatTabs2 ul.nav-tabs li{
  margin-bottom: 10px !important;
  width: 100% !important;
}
.liveChatTabs2 ul.nav-tabs li button {
  border: 0.7px solid #E8E8E8 !important;
  border-radius: 5px !important;
  padding: 4px 0px !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  height: 40px !important;
}

.liveChatTabs2 ul.nav-tabs li button.nav-link:hover {
  border: 0.7px solid var(--btnDeafult) !important;
  border-radius: 5px !important;
}

.liveChatTabs2 ul.nav-tabs li button.nav-link{
  font-weight: 600 !important;
}

.liveChatTabs2 ul.nav-tabs li button.nav-link.active {
  border: 0.7px solid var(--btnDeafult) !important;
  border-radius: 5px !important;
  /* padding: 10px 20px !important; */
  height: 40px !important;
}

.liveChatTabs2 .nav-tabs li:nth-child(1) button::before,
.liveChatTabs2 .nav-tabs li:nth-child(2) button::before,
.liveChatTabs2 .nav-tabs li:nth-child(3) button::before {
  content: "";
  position: relative !important;
  width: 16px !important;
  height: 16px !important;
  left: 50% !important;
  top: 1px !important;
  display: block !important;
  font-weight: 800 !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  transform: translateX(-50%) !important;
}
.liveChatTabs2 .nav-tabs li:nth-child(1) button::before{
  background-image: url("/assets/images/tabMsgIcon.svg") !important;
}

.liveChatTabs2 .nav-tabs li:nth-child(2) button::before {
  background-image: url('/assets/images/pollImg.svg') !important;
}

.liveChatTabs2 .nav-tabs li:nth-child(3) button::before {
  background-image: url('/assets/images/pdfIcon.svg') !important;
}
.liveChatTabs2 .nav-tabs li:nth-child(2){
  position: relative !important;
}
.liveChatTabs2 .nav-tabs li:nth-child(2) button::after {
  content: " " !important;
  position: relative !important;
  width: 10px !important;
  height: 10px !important;
  left: 2px !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  top: -34px;
}

/* .liveChatTabs2 .nav-tabs li:nth-child(2) button::after {
  background-image: url('/assets/images/live_dotImg.gif') !important;
} */

.liveChatTabs2 > .card{
  height: auto !important;
}

.youtubePlayer{
  border-radius: 10px !important;
  height: 77vh !important;
}

.youtubePlayer1{
  border-radius: 10px !important;
  height: 100vh !important;
}

.youtubePlayer #player{
  height: 100% !important;
}

.youtubePlayer1 #player{
  height: 100% !important;
}

.liveChatTabs .tab-content > div:nth-child(1){
  height: 100% !important;
  /* height: calc(100% - 344px) !important; */
}

.liveChatTabs .tab-content > div:nth-child(2) {
  height: 100% !important;
  overflow-y: scroll !important;
  padding: 0px 5px !important;
}

.liveChatTabs2 .tab-content > div:nth-child(1){
  height: 100% !important;
  /* height: calc(100% - 344px) !important; */
}

.liveChatTabs2 .tab-content > div:nth-child(2) {
  height: 100% !important;
  /* overflow-y: scroll !important; */
  padding: 0px 5px !important;
  min-height: 67vh !important;
  max-height: 70vh !important;
}

/* ================= LIVE NAVBAR ENDS ==================== */



/* ====================== Live Chat Section Starts ================== */

.simplebar-content.live-content {
  height: 100% !important;
  border-bottom: 0px !important;
  overflow-x: hidden !important;
}
.liveSendBtn {
  width: 15% !important;
  position: absolute !important;
  right: -6px !important;
  top: 3px !important;
  box-shadow: none !important;
}
.live_chat{
  position: relative !important;
  bottom: 0px !important;
  width: 100% !important;
  display: flex !important;
  gap: 8px !important;
  background: #fff !important;
  padding-bottom: 15px !important;
  padding-right: 10px !important;
}

input.liveInput {
  border-radius: 10px !important;
  background: #F5F5F5 !important;
  font-size: 12px !important;
  padding: 10px 12px !important;
  outline: none !important;
}
.ctext-content-live {
  word-wrap: break-word !important;
  word-break: break-word !important;
  font-size: var(--size-10) !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #383838 !important;
}
p.ctext-content-live::after {
  content: none !important;
  visibility: hidden !important;
}

/* ====================== Live Chat Section Ends ================== */


/* ====================== Inquiry Section ends =========================== */

.detailErrorImg img {
  width: 180px !important;
}
.NoDataTitle {
  color: #4d4d4d !important;
  font-family: "Anek Latin", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-18) !important;
}

/* ====================== Career Page Starts  ==============================*/
.careertextContent {
  margin-top: 75px !important;
}
.careerHeadSection {
  padding: 0px 120px !important;
  margin-top: 55px !important;

  background: url("/assets/images/careerBanner.png") !important;
  background-position: top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: auto !important;
}
.careerMainSection {
  padding: 0px 120px !important;
}
.bannerTitle {
  color: #000 !important;
  font-weight: 800 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-24) !important;
}
.careerBannerImg {
  width: 62% !important;
}
.careerBannerText {
  font-weight: 400 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  color: #000 !important;
}
h4.whyTtile {
  color: #161616 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-22) !important;
  font-weight: 800 !important;
}
.whyText {
  color: #828282 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-13) !important;
}
.whycont_width {
  width: 75% !important;
}
.whycareerCard {
  box-shadow: 0px 5px 34px 0px #0000000f !important;
  border-radius: 10px !important;
}
.whyImg img {
  width: 42px !important;
  height: 42px !important;
}
h4.careerCardtitle {
  color: #1f2024 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-14) !important;
  font-weight: 600 !important;
}
.careerCardtext {
  color: #626366 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-12) !important;
  font-weight: 400 !important;
}
.w_contentWidth {
  width: 80% !important;
}
h4.worktitle {
  color: #161616 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-20) !important;
  font-weight: 800 !important;
}
.work_text {
  color: #828282 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-size: var(--size-14) !important;
  font-weight: 400 !important;
}
.widthWorkplace {
  width: 62% !important;
}
.workplaceCont {
  width: 100% !important;
  /* display: flex  !important;
            gap: 20px  !important;
            flex-wrap: wrap  !important; */

  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-gap: 22px !important;
}
.workplaceCont img {
  width: 100% !important;
  border-radius: 10px !important;
}

/* ====================== Career Page Ends  ==============================*/

/* ====================== Privacy Policy starts ======================== */

.privacyPolicy {
  padding: 0px 100px !important;
  margin-top: 78px !important;
}
.privacyPolicy h3 {
  color: #161616 !important;
  font-size: var(--size-18) !important;
  font-weight: 800 !important;
}
.privacyPolicy p {
  font-size: 12px;
}

/* .privacyPolicy h2 {
  color: #161616 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 800 !important;
  font-size: var(--size-18) !important;
} */
.privacyPolicy ol li {
  color: #474747 !important;
  font-size: var(--size-13) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
}

/* ====================== Privacy Policy ends ======================== */

/* ====================== Terms and conditons Starts ================== */

.termsCondition {
  padding: 0px 120px !important;
  margin-top: 78px !important;
}

.termsCondition p {
  color: #474747 !important;

  font-size: var(--size-12) !important;
  font-weight: 400 !important;
}
.termsCondition ul li {
  color: #474747 !important;

  font-size: var(--size-12) !important;
  font-weight: 400 !important;
}

/* ====================== Terms and conditons Ends ================== */

/* ====================== Refund policy and cancellation starts  ========== */

.refund_policy {
  padding: 0px 120px !important;
  margin-top: 78px !important;
}
.refund_policy h2 {
  color: #161616 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 800 !important;
  font-size: var(--size-18) !important;
}
.refund_policy p {
  color: #474747 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
}
.refund_policy ol li {
  color: #474747 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
}

/* ====================== Refund policy and cancellation Ends  ========== */

/* ======================= Profile My Account Starts ==================== */
.accountCard {
  box-shadow: 0px 0px 14px 0px #0000000d !important;
  border: 0px !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  padding: 30px !important;
  width: 88% !important;
}

h4.profile_Title {
  color: #292929 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 800 !important;
  font-size: var(--size-18) !important;
}

.accountImg {
  border-radius: 50% !important;
  width: 120px !important;
  height: 120px !important;
}

h4.p_ac_Title {
  color: #8d8d8d !important;
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans" !important;
  font-weight: 600 !important;
}
p.user_Detail {
  color: #000 !important;
  font-size: var(--size-14) !important;
  font-family: "Reddit Sans" !important;
  font-weight: 600 !important;
}

.profile_Editform {
  width: 100% !important;
}
.profile_Editform label {
  color: #363636 !important;

  font-size: var(--size-14) !important;
  font-weight: 700 !important;
}
.profile_Editform input,
.profile_Editform select {
  width: 60% !important;
  border: 1px solid #6a6a6a !important;
  color: #0d0d0d !important;
  font-size: var(--size-12) !important;
  font-weight: 300 !important;

  outline: none !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
}
.profile_Editform input::placeholder {
  color: #0d0d0d !important;
  font-size: var(--size-12) !important;
  font-weight: 300 !important;
}

.editButton button {
  width: 120px !important;
  padding: 6px 12px !important;
}
.editButton button + button {
  background-color: #fff !important;
}

.cameraImg {
  position: absolute !important;
  top: 96px !important;
  width: 22px !important;
  left: 109px !important;
}

/* ======================= Profile My Account Ends ==================== */

/* ==================== Profile Blog  Ends ==============*/

/* ==================== Main Content Ends ================ */

/* ======================= My Profile Section  Ends ==================*/

/* ======================= Feed Page Starts  =============================== */

.feedCard {
  width: 40rem !important;
  box-shadow: 0px 2px 10px 0px #00000008 !important;
  border: 0px !important;
  border-radius: 0px !important;
}
.feedCard .card_header {
  padding: 12px 16px !important;
}
.feedCard .card_body {
  padding: 16px 16px !important;
}
.feedCard .feedImg {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
}
.feedCard .feedUserTitle {
  color: #292929 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-14) !important;
}
.feedCard .schedule_date {
  color: #a6a6a6 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-10) !important;
}
.feedCard .feedText {
  color: #5b5b5b !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-12) !important;
}
.feedCard .feedText p {
  margin: 0px !important;
}
.card_footer {
  padding: 12px 16px !important;
}
.card_footer p {
  color: #4a4a4a !important;
  font-size: var(--size-14) !important;
}
.card_footer p span {
  color: #898989 !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--size-10) !important;
}
.feedCard hr {
  margin: 0px !important;
  border-color: #f5f5f5 !important;
  border: 0 !important;
  border-top: 1.5px solid !important;
  opacity: 0.1 !important;
}
.feedCard .f_Img {
  width: 100% !important;
  border-radius: 10px !important;
}
/* ======================= Feed Page Ends  =============================== */

/* ===================== Notifications Starts ================== */

.NotifyCard {
  width: 40rem !important;
  border: 0px !important;
  border-radius: 10px !important;
  margin: 2px 0;
  box-shadow: 0px 1px 5px 0px #00000017 !important;
}

.NotifyCard.active {
  /* background: #fff3ec !important; */
  background: var(--btnBgDefault) !important;
}

.NotifyCard .activeNotification {
  background-color: #2e70e8 !important;
  border: 0.6px solid #edf3ff !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  position: absolute !important;
  left: 0px !important;
  top: 2px !important;
}

.notifyTitle {
  color: #505050 !important;
  font-family: "Anek Odia", sans-serif !important;
  font-weight: 600 !important;
  font-size: var(--size-14) !important;
}

.notifyImg {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1px solid lightgray !important;
}

.notify_Text {
  color: #696969 !important;
  font-family: "Quicksand", sans-serif !important;
  font-weight: 500 !important;
  font-size: var(--size-12) !important;
}

.notifyDate {
  color: #878787 !important;
  font-weight: 300 !important;
  font-size: var(--size-12) !important;
  font-family: "Poppins", sans-serif !important;
}

/* ===================== Notifications Starts ================== */

/* =========================== Bottom footer starts ============== */

.footerBottom {
  width: 100% !important;
  padding: 10px 60px !important;
  border-top: 1px solid #525c6c !important;
}
.foot-social {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding-right: 44px !important;
}
.foot-social .social-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #39465b !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  font-size: var(--size-10) !important;
}
.foot-social .social-icon:hover {
  background: var(--btnDeafult) !important;
}

.copyrighttitle {
  color: #fff !important;
  font-size: var(--size-12) !important;
  font-weight: 300 !important;
}

/* =========================== Bottom footer ends ============== */

/* ====================== Shaka Player Section Starts ============= */
.audio-player__top h3 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}
span.liveIndicator {
  position: absolute !important;
  color: red !important;
  font-weight: 600 !important;
  right: 40px !important;
  bottom: 80px !important;
}
.shaka-spinner-path {
  stroke: #b9b2b2 !important;
  stroke-dasharray: 20, 200 !important;
  stroke-dashoffset: 0 !important;
  animation: none !important;
}
.shaka-video-container {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
}

._player_ {
  width: 100% !important;
}

.skip_intro_main_wrap {
  text-align: end !important;
  position: absolute !important;
  right: 40px !important;
  bottom: 110px !important;
  z-index: 9999 !important;
}

.__IsNextEpi___none {
  display: none !important;
}

.shaka-scrim-container {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  flex-shrink: 1 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  opacity: 0 !important;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s !important;
  background: linear-gradient(to top, #000 0, transparent 15%) !important;
}

.controls_video {
  width: 100% !important;
  margin: 0 auto !important;
  position: absolute !important;
  bottom: 20px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  z-index: 9 !important;
}

._video_range_ {
  width: 100% !important;
}

.video_icon_left {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

._video_icon__common_ {
  cursor: pointer !important;
}

.video_icon_left img {
  cursor: pointer !important;
}

._play_pause_ {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.video_icon_left img {
  cursor: pointer !important;
}

._adds_ img {
  width: 32px !important;
}

.volume-control {
  margin-left: 45px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.volume-control input {
  margin-left: 10px !important;
  accent-color: #fff !important;
  height: 5px !important;
  cursor: pointer !important;
}

.video_icon_right {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.video_icon_margin___ {
  margin-right: 45px !important;
}

.video_icon_margin___ img {
  width: 25px !important;
}

.video_icon_margin___ {
  margin-right: 45px !important;
}

._fullscreen_ img {
  width: 25px !important;
}

.video_icon_margin___ img {
  width: 25px !important;
}

.video_icon_margin___:hover .__quality__ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

.__quality__ {
  display: none !important;
}

._subtitle_ {
  display: none !important;
}

.__video_icon__common__:hover img {
  transform: scale(1.2) !important;
  transition: 0.4s ease all !important;
}


.d_container {
  padding: 15px 370px 0px 100px !important;
}

.video_icon_margin___:hover ._quality_ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

._quality_ {
  display: none !important;
}

._subtitle_ {
  display: none !important;
}

.__video_icon__common__:hover img {
  transform: scale(1.2) !important;
  transition: 0.4s ease all !important;
}

._subtitle_ {
  display: none !important;
}

.subtitle-control:hover ._subtitle_ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

label.__quality__heading {
  font-size: var(--size-18) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  padding: 10px 20px !important;
  padding-bottom: 0px !important;
}

._quality_scroll_ {
  height: min-content !important;
  overflow: scroll !important;
}

.subtitle-option {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

label.__quality__heading {
  font-size: var(--size-18) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  padding: 10px 20px !important;
  padding-bottom: 0px !important;
}

._quality_scroll_ {
  height: min-content !important;
  overflow: scroll !important;
}

.quality-option,
.language-option,
.__subtitle__heading {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

.quality-option,
.language-option,
.__subtitle__heading {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

.subtitle-control:hover .__subtitle__ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

.__subtitle__ {
  display: none !important;
}

.shaka-video-container .material-icons-round {
  font-family: "Material Icons Round" !important;
  font-size: var(--size-30) !important;
  /* display: none  !important; */
}

.shaka-volume-bar-container {
  width: 100px !important;
  padding: 0 !important;
  display: none !important;
}

.shaka-spacer {
  cursor: default !important;
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  display: none !important;
}

input.shaka-range-element.shaka-seek-bar.shaka-no-propagation.shaka-show-controls-on-mouse-over {
  z-index: 1 !important;
  opacity: 1 !important;
}

.shaka-controls-container[casting="true"] .shaka-seek-bar-container,
.shaka-controls-container[shown="true"] .shaka-seek-bar-container {
  opacity: 1 !important;
  z-index: 99999 !important;
  display: block !important;
}

/* .shaka-bottom-controls {
  width: 96% !important;
  padding: 0 !important;
  padding-bottom: 4% !important;
  z-index: 1 !important;
} */

.container-fluid.player_top_back_ {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.audio-player__top {
  z-index: 0 !important;
  position: relative !important;
  padding-top: 30px !important;
}

.helpHead svg {
  font-size: var(--size-38) !important;
  color: #fff !important;
  cursor: pointer !important;
}

.helpHead h3 {

  margin-top: -2px !important;

  font-family: "Anek Latin", sans-serif !important;
  font-size: var(--size-14) !important;
  font-weight: 600 !important;
  line-height: 24.2px !important;
  text-align: left !important;
  text-underline-position: from-font !important;
  text-decoration-skip-ink: none !important;
}

.skip-icon.__skip_icon____ {
  position: absolute !important;
  z-index: 99999 !important;
  right: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

.skip-icon.__skip_icon____ p {
  margin-bottom: 1px !important;
}

._skip_icon_back___ {
  position: absolute !important;
  z-index: 99999 !important;
  left: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

/* .__player__ {
    width: 100% !important;
    height: 90vh !important;
} */

.__skip_icon_back____ {
  position: absolute !important;
  z-index: 99999 !important;
  left: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

.__player__ {
  width: 100% !important;
}

.__video_player__main__ video {
  /* height: 98vh !important; */
  width: 100% !important;
}

.icon-overlay {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 90px !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50% !important;
  transition: opacity 0.3s ease-in-out !important;
  opacity: 0 !important;
  z-index: 10 !important;
}

.liveChat .reaction-container{position: relative;}

.icon-overlay.show {
  opacity: 1 !important;
}

.icon-overlay img {
  width: 40px !important;
  height: 40px !important;
}

.icon-overlay .play-icon {
  background: url("/assets/public/images/play.svg") no-repeat center center !important;
  background-size: contain !important;
}

.icon-overlay .pause-icon {
  background: url("/assets/images/pause.svg") no-repeat center center !important;
  background-size: contain !important;
}

.subtitle-control .video_icon_margin___ {
  display: none !important;
}

.quality-control .video_icon_margin___ {
  /* display: none !important; */
}

/* ====================== Shaka Player Section Ends ============= */

.shaka-video-container {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
}

._player_ {
  width: 100% !important;
}

.skip_intro_main_wrap {
  text-align: end !important;
  position: absolute !important;
  right: 40px !important;
  bottom: 110px !important;
  z-index: 9999 !important;
}

.__IsNextEpi___none {
  display: none !important;
}

.shaka-scrim-container {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  flex-shrink: 1 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  opacity: 0 !important;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s !important;
  background: linear-gradient(to top, #000 0, transparent 15%) !important;
}

.controls_video {
  width: 100% !important;
  margin: 0 auto !important;
  position: absolute !important;
  bottom: 20px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  z-index: 9 !important;
}

._video_range_ {
  width: 100% !important;
}

.video_icon_left {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.__video_icon___ {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
}

._video_icon__common_ {
  cursor: pointer !important;
}

.video_icon_left img {
  cursor: pointer !important;
}

._play_pause_ {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.video_icon_left img {
  cursor: pointer !important;
}

._adds_ img {
  width: 32px !important;
}

.volume-control {
  margin-left: 45px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.volume-control input {
  margin-left: 10px !important;
  accent-color: #fff !important;
  height: 5px !important;
  cursor: pointer !important;
}

.video_icon_right {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.video_icon_margin___ {
  margin-right: 45px !important;
}

.video_icon_margin___ img {
  width: 25px !important;
}

.video_icon_margin___ {
  margin-right: 45px !important;
}

._fullscreen_ img {
  width: 25px !important;
}

.video_icon_margin___ img {
  width: 25px !important;
}

.video_icon_margin___:hover .__quality__ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

.__quality__ {
  display: none !important;
}

._subtitle_ {
  display: none !important;
}

.__video_icon__common__:hover img {
  transform: scale(1.2) !important;
  transition: 0.4s ease all !important;
}


._controls_video_ {
  width: 86% !important;
  margin: 0 auto !important;
  position: absolute !important;
  bottom: 1vh !important;
  padding-left: 40px !important;
  z-index: 99 !important;
  /* padding-right: 40px !important; */
}

.video_icon_margin___:hover ._quality_ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

._quality_ {
  display: none !important;
}

._subtitle_ {
  display: none !important;
}

.__video_icon__common__:hover img {
  transform: scale(1.2) !important;
  transition: 0.4s ease all !important;
}

._subtitle_ {
  display: none !important;
}

.subtitle-control:hover ._subtitle_ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

label.__quality__heading {
  font-size: var(--size-18) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  padding: 10px 20px !important;
  padding-bottom: 0px !important;
}

._quality_scroll_ {
  height: min-content !important;
  overflow: scroll !important;
}

.subtitle-option {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

label.__quality__heading {
  font-size: var(--size-18) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  padding: 10px 20px !important;
  padding-bottom: 0px !important;
}

._quality_scroll_ {
  height: min-content !important;
  overflow: scroll !important;
}

.quality-option,
.language-option,
.__subtitle__heading {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

.quality-option,
.language-option,
.__subtitle__heading {
  padding: 10px 20px !important;
  color: var(--color7) !important;
  font-size: var(--size-18) !important;
  cursor: pointer !important;
}

.subtitle-control:hover .__subtitle__ {
  display: block !important;
  position: absolute !important;
  background: rgba(71, 71, 71, 1) !important;
  width: 200px !important;
  height: auto !important;
  bottom: 54px !important;
  right: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0px !important;
}

.__subtitle__ {
  display: none !important;
}

.shaka-video-container .material-icons-round {
  font-family: "Material Icons Round" !important;
  font-size: var(--size-24) !important;
  /* display: none  !important; */
}

button.shaka-small-play-button.material-icons-round.shaka-tooltip {
  display: none !important;
}

.shaka-volume-bar-container {
  width: 100px !important;
  padding: 0 !important;
  /* display: none  !important; */
}

.shaka-spacer {
  cursor: default !important;
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  /* display: none  !important; */
}

/* button.shaka-current-time {
  width: 100% !important;
  right: 109px !important;
  position: absolute !important;
  text-align: end !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
  margin-top: 0px !important;
  width: 100% !important;
  right: 4px !important;
  position: absolute !important;
  text-align: end !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
  margin-top: -95px !important;
} */

/* input.shaka-range-element.shaka-seek-bar.shaka-no-propagation.shaka-show-controls-on-mouse-over {
  z-index: 1 !important;
  opacity: 1 !important;
} */
/* 
.shaka-controls-container[casting="true"] .shaka-seek-bar-container,
.shaka-controls-container[shown="true"] .shaka-seek-bar-container {
  opacity: 1 !important;
  z-index: 99999 !important;
  display: block !important;
}
.shaka-bottom-controls {
  width: 96% !important;
  padding: 0 !important;
  padding-bottom: 4% !important;
  z-index: 1 !important;
} */

/* =================== NEW SHAKA PLAYER STARTS =========================== */

/* Custom volume button style */
.shaka-player-container {
  position: relative;
}

.shaka-custom-controls {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shaka-volume-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.shaka-volume-button img {
  width: 30px;
  /* Adjust the size */
  height: 30px;
  /* Adjust the size */
}

/* Add a class for muted state */
.shaka-volume-button.muted img {
  background: url('/assets/images/mutedIcon.svg') no-repeat center center;
  background-size: contain;
}

/* .shaka-volume-button.muted {
  opacity: 0.5;
} */

.shaka-volume-button{
  z-index: 99999 !important;
  position: absolute !important;
  right: 94px !important;
  bottom: -12px !important;
}
#videoContainer
.shaka-volume-button img{
  width: 18px !important;
  display: none !important;
}

#videoContainer:hover 
.shaka-volume-button img{
  display: block !important;
  /* visibility: visible !important; */
}

.shaka-bottom-controls .shaka-mute-button{
  display: none !important;
}




/* styles.css or your preferred style file */
.custom-fullscreen-button {
  background: transparent;
  border: none;
  padding: 5px;
  cursor: pointer;
}

.custom-fullscreen-button img {
  width: 30px;
  height: 30px;
}

/* =================== NEW SHAKA PLAYER END =========================== */



.shaka-bottom-controls {
  width: 96% !important;
  padding: 0 !important;
  padding-bottom: 32px !important;
  z-index: 1 !important;
}
/* bottom shadow player */
.shaka-controls-container[shown=true] .shaka-bottom-controls {
  background: linear-gradient(to bottom, transparent, currentColor);
  width: 100% !important;
}
/* end */
.container-fluid.player_top_back_ {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10 !important;
}

.audio-player__top {
  z-index: 1!important;
  position: relative !important;
  padding-top: 30px !important;
}

.helpHead svg {
  font-size: var(--size-38) !important;
  color: #fff !important;
  cursor: pointer !important;
}

/* .helpHead h3 {
  font-size: var(--size-20) !important;
  margin-top: -2px !important;
} */

.thankModal .successImg {
  width: 70px !important;
  height: 70px !important;
}

.thankModal h4 {
  color: var(--black) !important;
  font-family: "Anek Latin", sans-serif !important;
  font-size: var(--size-18) !important;
  font-weight: 600 !important;
}

.thankModal p {
  color: #4b4b4b !important;
  font-family: "Anek Latin", sans-serif !important;
  font-size: var(--size-12) !important;
  font-weight: 500 !important;
}

.profile_cont p {
  font-size: var(--size-12) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  margin-right: 5px !important;
  white-space: nowrap !important;
  max-width: 150px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.addIssue_Card input::placeholder,
.addIssue_Card textarea::placeholder,
#react-select-2-placeholder {
  color: #0d0d0d !important;
  font-size: var(--size-13) !important;
  font-family: "Reddit Sans", sans-serif !important;
  font-weight: 400 !important;
}

.skip-icon.__skip_icon____ {
  position: absolute !important;
  z-index: 99999 !important;
  right: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

.skip-icon.__skip_icon____ p {
  margin-bottom: 1px !important;
}

._skip_icon_back___ {
  position: absolute !important;
  z-index: 99999 !important;
  left: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

/* .__player__ {
    width: 100% !important;
    height: 90vh !important;
} */

.__skip_icon_back____ {
  position: absolute !important;
  z-index: 99999 !important;
  left: 15% !important;
  top: 30% !important;
  background: #4e4d4d5e !important;
  width: 120px !important;
  height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
}

.__player__ {
  width: 100% !important;
}

.__video_player__main__ video {
  /* height: 98vh !important; */
  width: 100% !important;
}

.icon-overlay {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 90px !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50% !important;
  transition: opacity 0.3s ease-in-out !important;
  opacity: 0 !important;
  z-index: 10 !important;
}

.icon-overlay.show {
  opacity: 1 !important;
}

.icon-overlay img {
  width: 40px !important;
  height: 40px !important;
}

.icon-overlay .play-icon {
  background: url("/assets/public/images/play.svg") no-repeat center center !important;
  background-size: contain !important;
}

.icon-overlay .pause-icon {
  background: url("/assets/images/pause.svg") no-repeat center center !important;
  background-size: contain !important;
}

.subtitle-control .video_icon_margin___ {
  display: none !important;
}

.quality-control .video_icon_margin___ {
  /* display: none !important; */
}

/* .loader_main_wraper {
  height: 80vh !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
} */

/* .loader_main_wraper .loader_main{
  position: relative !important;
  height: 80vh !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 9999999 !important;
}

.loader_main_wraper{
  position: relative !important;
} */

/* .shaka-controls-container[shown=true] .shaka-seek-bar-container {
    opacity: 1 !important;
    display: none  !important;
} */

video::-webkit-media-controls {
  /* display: none !important; */
}

video::-moz-media-controls {
  /* display: none !important; */
}

video::-ms-media-controls {
  /* display: none !important; */
}

video::-o-media-controls {
  /* display: none !important; */
}

/* button.shaka-pip-button.shaka-tooltip {
  display: none !important;
} */
/* div#shaka-player-ui-time-container {
  padding: 14px 18px !important;
  line-height: normal !important;
  font-size: 14px !important;
  left: 950.281px !important;
  transform: translate(-50%, -9px) !important;
  display: flex !important;
  align-items: center !important;
  display: none !important;
} */

video::-moz-media-controls {
  /* display: none !important; */
}

video::-ms-media-controls {
  /* display: none !important; */
}

video::-o-media-controls {
  /* display: none !important; */
}

video {
  position: relative !important;
}

/* .shaka-controls-container[casting="true"] .shaka-controls-button-panel,
.shaka-controls-container[shown="true"] .shaka-controls-button-panel {
  opacity: 1 !important;
  position: absolute !important;
  width: 100% !important;
  bottom: 18px !important;
  right: 29px !important;
  z-index: 99 !important;
}
.__adds__ {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
p.video_bg_color.shaka-video-container {
  margin-bottom: 0px !important;
} */
.__adds__ {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.__skip_icon____ p {
  color: #fff !important;
}

.__skip_icon_back____ p {
  color: #fff !important;
}

/* .__video_player__main___ {
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
} */
.__video_player__main___ video {
  width: 100% !important;
  height: 100% !important;
}

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

.video_bg_color .shaka-video {
  border-radius: 10px !important;
  height: 75vh !important;
}

/* .shaka-controls-container .shaka-overflow-menu,
.shaka-settings-menu,
.shaka-overflow-menu {
  background: rgba(55, 55, 55, 0.83) !important;
  backdrop-filter: blur(13px) !important;
}
.shaka-overflow-menu button,
.shaka-settings-menu button.shaka-back-to-overflow-button {
  color: #fff !important;
}
.shaka-overflow-button-label {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}
.shaka-overflow-menu,
.shaka-settings-menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  white-space: nowrap !important;
  background: #fff !important;

  border-radius: 2px !important;
  max-height: 250px !important;
  min-width: 215px !important;
  opacity: 0 !important;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s !important;
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  z-index: 2 !important;
  right: 15px !important;
  bottom: 30px !important;
}
.shaka-overflow-button-label {
  flex-direction: row !important;
  justify-content: space-between !important;
  width: 100% !important;
  flex-shrink: initial !important;
}
.shaka-overflow-button-label span {
  color: #fff !important;
  font-weight: 600 !important;
}
.shaka-overflow-menu button,
.shaka-settings-menu button {
  color: #fff !important;
  padding: 11px 15px !important;
}
.shaka-overflow-menu i,
.shaka-settings-menu i {
  padding-left: 0px !important;
}

.shaka-overflow-menu button,
.shaka-settings-menu button {
  font-size: 14px !important;
  background: 0 0 !important;
  color: #fff !important;
  border: none !important;
  min-height: 30px !important;
  padding: 3.5px 6px !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
}
.shaka-spinner {
  padding: calc(5.6% / 2) !important;
} */
.shaka-spinner {
  padding: calc(5.6% / 2) !important;
}

.premiumIcon span i {
  margin-right: 2px !important;
  color: #4bae4f !important;
}

.premiumIcon span {
  margin: 2px !important;
  border-radius: 6px !important;
  background: #ededed !important;
  padding: 2px 6px !important;
  text-align: center !important;
  font-size: 12px !important;
}

.profileBanImg {
  aspect-ratio: 21 / 5 !important;
  max-width: 100% !important;
  height: auto !important;
}

.viewDetail .viewbtn {
  border-radius: 100px !important;
  border: none !important;
  padding: 4px 8px !important;
  background: var(--btnBgDefault) !important;
  position: absolute !important;
  right: 0 !important;
  color: var(--btnDeafult) !important;
  bottom: -5px !important;
}

.submitBtn {
  background: var(--btnDeafult);
  color: #eeeeee;
  padding: 6px 35px;
  border: 1px solid var(--btnDeafult);
  border-radius: 6px;
}

.submitBtn:hover {
  color: var(--btnDeafult);
  background-color: #eeeeee;
  border: 1px solid var(--btnDeafult);
}

.conversate_card,
.addIssue_Card {
  box-shadow: rgba(255, 255, 255, 1) !important;
  border: none !important;
}

.conversate_card .issue_msgText  {
  background: var(--btnBgDefault);
  color: var(--btnDeafult);
  border-radius: 6px 6px 0px 0px;
}

.shaka-controls-container[casting="true"] .shaka-controls-button-panel,
.shaka-controls-container[shown="true"] .shaka-controls-button-panel {
  opacity: 1;
  margin-bottom: -43px;
}

.shaka-controls-container .shaka-controls-button-panel,
.shaka-controls-container .shaka-controls-button-panel {
  margin-bottom: -43px;
}

.__video_icon__common__ .shaka-tooltips-on>[class*="shaka-tooltip"]:active:after,
.__video_icon__common__ .shaka-tooltips-on>[class*="shaka-tooltip"]:focus-visible:after,
.shaka-tooltips-on>[class*="shaka-tooltip"]:hover:after {
  left: calc(65px / 2) !important;
}

button.shaka-current-time {
  position: absolute;
  margin-top: -118px;
  right: 30px;
}

/* .slick-disabled{
  display: none !important;
} */
#shaka-player-ui-time-container {
  padding: 7px 18px !important;
  height: auto !important;
  border-radius: 15px !important;
  top: -46px !important;
  top: -46px !important;
  font-weight: 500;
  border: inherit !important;
  line-height: normal;
  z-index: 9999;
}

/* .shaka-current-time[disabled] {
font-weight: 700;
  color: red !important;
} */
/* button.shaka-current-time {
  display: none;
} */
.live-status {
  z-index: 99999;
}

.time_video-custome {
  position: absolute;
  right: -13%;
  color: #fff;
  font-size: var(--size-12) !important;
  /* z-index: 1; */
  bottom: 40px;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
}

@media (min-width: 1600px) {
  .time_video-custome {
    bottom: 87px;
  }
}

.coverImg {
  height: 186px;
  width: 122px !important;
  margin: 0 auto;
}

/* .shaka-controls-container {
  z-index: 9 !important;
} */

.loader_our_course {
  height: 80vh;
}



/* ======================== Live Chat Section Starts ===================== */


.chat-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}

.chat-message {
  display: flex;
  align-items: center;
  max-width: 60%;
  padding: 10px;
  border-radius: 10px;
  background-color: #f0f0f0;
}

.chat-message-left {
  justify-content: flex-start;
  background-color: #e0e0e0;
}

.chat-message-right {
  justify-content: flex-end;
  align-self: flex-end;
  background-color: #d1f7d1;
}

.profileImg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.UserRateImg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.message-content {
  display: flex;
  flex-direction: column;
}

.message-text {
  background-color: #fff;
  padding: 8px;
  border-radius: 5px;
}

.timestamp {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

.name {
  font-weight: bold;
  margin-bottom: 4px;
}

.__video_player__main___ {
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
  border-radius: 10px !important;
}

.audio-message {
  display: flex;
  align-items: center;
  gap: 10px;
}

.audio-message audio {
  border: none;
  /* Remove default audio player border */
  background: #f0f0f0;
  /* Set background color */
  padding: 10px;
  border-radius: 5px;
}

.message-info {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sender-name {
  font-weight: bold;
}

.duration {
  color: #888;
  font-size: 12px;
}

.live_VideoImg {
  width: 60px !important;
  position: absolute !important;
  bottom: 50px !important;
  right: 25px !important;
  height: 20px !important;
}

.live_dotImg {
  width: 5px !important;
  position: relative !important;
  /* bottom: 50px !important;
  right: 25px !important;
  height: 20px !important; */
}

.liveTitleHeading {
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Reddit Sans", sans-serif !important;
  color: #131313 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  height: 35px !important;
  line-height: 17px !important;
}

#uncontrolled-tab-example-tabpane-PDF{
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  padding: 5px !important;
  height: 100% !important;
}
.liveChatTabs .tab-content {
  overflow: hidden !important;
}

.liveChatTabs2 .tab-content {
  overflow: hidden !important;
}


.tab-content #Poll{
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  padding: 5px !important;
  height: 61vh !important;
}

/* .tab-content .fade.tab-pane{min-height: 70vh; display: flex; align-items: center; justify-content: center;} */

.pdf_img_cont img {
  width: 56px !important;
  height: 36px !important;
  border-radius: 2px !important;
}

.pdf-card {
  width: 100% !important;
  height: auto !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 5px !important;
}

h4.pdf_title {
  color: #2B2B2B !important;
  font-family: "Inter", sans-serif;
  font-size: var(--size-12) !important;
  font-weight: 600 !important;
  text-align: left !important;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.hideDefaultIcon div {
  display: none !important;
}


/* ======================== Live Poll Starts ========================= */

  .l_title {
    font-size: var(--size-12) !important;
    font-family: "Poppins", sans-serif !important;
    color: #444444 !important;
    font-weight: 600 !important;
  }
  .UQuiz_title {
    font-size: var(--size-10) !important;
    font-family: "Poppins", sans-serif !important;
    color: #444444 !important;
    font-weight: 600 !important;
  }
  .j_title {
    font-size:var(--size-9) !important;
    font-family: "Poppins", sans-serif !important;
    color: #77838F !important;
  }
  .l_timer {
    color: #E55B5B !important;
    font-size: var(--size-10) !important;
  }

  .l_timer .expired_timer {
    color: #747474 !important;
    font-size: var(--size-10) !important;
  }

  .history_timer {
    background: var(--btnBgDefault) !important;
    padding: 2px 5px !important;
    border-radius: 4px !important;
    font-size: var(--size-10) !important;
    color: var(--btnDeafult) !important;
  }

  .radio-1 .progress-bar-1, 
  .radio-2 .progress-bar-1{
    background-color: #0CC292 !important;
  }
  .radio-1{
    margin-bottom: 7% !important;
  }
  .leader-btn {
    border: 0px;
    border-radius: 20px;
    background-color: var(--btnDeafult);
    padding: 2px 12px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-family: "Poppins", sans-serif;
  }

  .leader-btn-result {
    border: 0px;
    border-radius: 20px;
    background-color: #65BF65;
    padding: 3px 12px;
    color: #fff;
    text-align: center;
    font-size: 8px;
    font-family: "Poppins", sans-serif;
  }

  .checkbox-custom, .checkbox-custom-label, 
  .radio-custom, .radio-custom-label {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 5px 0px !important;
    cursor: pointer !important;
  }
  .checkbox-custom, .radio-custom {
    opacity: 0 !important;
    position: absolute !important;
  }
  .checkbox-custom-label, .radio-custom-label {
    position: relative !important;
    color: #606060 !important;
    font-size: 14px !important;
  }
  .chat_content .progress {
    border-radius: 1.25rem !important;
  }
  .progress {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 4px !important;
    overflow: hidden !important;
    font-size: .75rem !important;
    background-color: #e9ecef !important;
    border-radius: .25rem !important;
  }
  .radio-1 .progress-bar-1, .radio-2 .progress-bar-1 {
    background-color: var(--btnDeafult) !important;
    border-radius: 10px !important;
  }

  .radio-1 .progress-bar-fail, .radio-2 .progress-bar-fail {
    background-color: red !important;
    border-radius: 10px !important;
  }

  .radio-1 .progress-bar-correct, .radio-2 .progress-bar-correct {
    background-color: green !important;
    border-radius: 10px !important;
  }


  .progress-percent-1 {
    color: #7D7D7D !important;
    font-size: var(--size-11) !important;
    font-weight: 400 !important;
    margin-bottom: 8px;
  }
  .checkbox-custom, .radio-custom {
    opacity: 0 !important;
    position: absolute !important;
  }
  .checkbox-custom-label, .radio-custom-label {
    position: relative !important;
    color: #606060 !important;
    font-size: 12px !important;
  }
  .radio-custom + .radio-custom-label::before {
    border-radius: 50% !important;
  }

  .checkbox-custom+.checkbox-custom-label::before,
  .radio-custom+.radio-custom-label::before {
    content: '' !important;
    background: #fff !important;
    border: 1.2px solid #ddd !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 16px !important;
    height: 16px !important;
    padding: 2px !important;
    margin-right: 10px !important;
    text-align: center !important;
  }
  .progress-percent {
    color: #7D7D7D !important;
    font-size: 10px !important;
    font-weight: 400 !important;
  }

  .radio-custom:checked + .radio-custom-label::before {
    content: "\f00c" !important;
    font-family: 'FontAwesome' !important;
    color: #FF7426 !important;
    border: 1.2px solid #FF7426 !important;
    line-height: 11px !important;
  }
  .radio-custom + .radio-custom-label::before {
    border-radius: 50%;
  }

  .termsLink {
    color: var(--btnDeafult)
  }


/* ======================== Live Poll Ends ========================= */

.result_Title {
  font-size: var(--size-11) !important;
  color: #383838 !important;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif !important;
}


.hr-custom {
  margin: 0px 10px !important;
}
.errorMassage .center-error{
  position: fixed;
  top:70% !important;
}

.errorMassage2 .center-error{
  position: relative;
  height: 50vh;
  top: 50% !important;
}


.course_mainContainer #controlled-tab-example2.course_details_description_tab{padding: 0 60px !important;}
.subjectDetails .sub_name{margin-bottom: 0;}

.comboCourse_cardContainer{padding: 0 110px;}



.bookmark-box{
  background-color: #F8F8F8 !important;
  padding: 8px !important;
  width: 100% !important;
  border-radius: 8px !important;

}
.org-time{
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: var(--btnDeafult) !important;
}
.black-txt{
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #131313 !important;
}
.bookmark-container {
  max-height: 100% !important; 
  overflow-y: auto !important; 
  /* padding-right: 10px;  */
}
.bookmark-container::-webkit-scrollbar {
  width: 0; 
  height: 0; 
}
.bookmark-container {
  -ms-overflow-style: none; 
  scrollbar-width: none;     
}
.cardx {
  display: flex;
  flex-direction: column;
  height: 100%; 
}
.bookmark-container {
  flex-grow: 1;
  overflow-y: auto !important; 
}
.bookmark-img{
  width: 24px !important;
}
.bookMarkcloseImg img {
  width: 16px !important;
}
.add-bookmark-btn {
  border: 1px solid var(--btnDeafult) !important;
  outline: none;
  width: 94% !important;
  background-color: #fff;
  padding: 8px;
  border-radius: 8px;
  font-size: 11px !important;
  font-weight: 700;
  font-family: "Reddit Sans", sans-serif !important;
  color: var(--btnDeafult) !important;
  margin-top: auto; 
  position: absolute !important;
  bottom: 10px !important;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.add-bookmark-btn:hover {
  color: #fff !important;
  background-color: var(--btnDeafult) !important;
}
/* ====================================================================================== */

.contentMenu1 {
  position: relative !important;
  width: 4em !important;
}
.contentMenu1 .icon {
  width: 100% !important;
  bottom: 0 !important;
  position: absolute !important;
  padding: 10px !important;
  text-align: center !important;
  color: white !important;
}
.contentMenu1 .icon1:hover {
  cursor: pointer !important;
  color: gray !important;
}
.contentMenu1 .icon1:hover + .menu1 {
  transform: translate(-50%, -30px) !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.contentMenu1 .menu1 {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transition: all 200ms !important;
  display: flex !important;
  justify-content: center !important;
  flex-direction: column-reverse !important;
  width: 100px !important;
  transform: translate(-50%, -20px) !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.contentMenu1 .menu1:hover {
  transform: translate(-50%, -30px) !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.contentMenu1 .menu1:after {
  content: "" !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  bottom: -15px !important;
  left: calc(50% - 15px) !important;
  border-left: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  border-top: 15px solid #333 !important;
}
#auto1 {
  background: #333 !important;
}
#auto1 .current1 {
  font-size: 10px !important;
  margin-left: 3px !important;
}
#auto1 .current1:before {
  margin-left: -3px !important;
  content: "(" !important;
  position: absolute !important;
}
#auto1 .current1:after {
  content: ")" !important;
  position: absolute !important;
}

.item1 {
  position: relative !important;
  text-align: center !important;
  border: 0 !important;
  padding: 10px !important;
  background: #444 !important;
}
.item1.selected1 {
  background: #333 !important;
  font-weight: bold !important;
}
.item1.selected1:before {
  content: "" !important;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  top: 50% !important;
  border-radius: 50% !important;
  background: #4caf50 !important;
  left: 10px !important;
  transform: translateY(-50%) !important;
}
.item1:hover {
  background: #333 !important;
  cursor: pointer !important;
}

/* ======================================================================================= */

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); 
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; 
}

/* Modal Content */
.BookmarkModal {
  background-color: white !important;
  border-radius: 8px !important;
  padding: 18px !important;
  max-width: 400px; 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px !important;
}

/* Modal Elements */
.modal-time {
  font-size: 12px !important;
  margin-bottom: 10px !important;
}

.modal-input {
  width: 100% !important;
  padding: 5px 0 !important; 
  border: none !important;
  border-bottom: 2px solid #ccc !important; 
  outline: none !important; 
  font-size: 16px !important;
  font-family: "Arial", sans-serif !important;
}
.modal-input::placeholder{
  font-size: 14px;
}
.modal-input:focus {
  border-bottom: 2px solid var(--btnDeafult) !important;
}
.modal-actions {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.cancelAddBookmark,
.modal-submit {
  flex: 1 !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.cancelAddBookmark {
  background-color: #f5f5f5 !important;
  color: #555 !important;
  border: none !important;
}

.modal-submit {
  background-color: var(--btnDeafult) !important;
  color: #fff !important;
  border: none !important;
}

/* chat UI image issue */
.chat-image {
  max-height: 200px; /* Set a max height to prevent very tall images */
  max-width: 100%; /* Ensure the image doesn't exceed the width of the container */
  object-fit: cover; /* Keeps the aspect ratio and crops the image if necessary */
  border-radius: 8px; /* Optional: Add rounded corners for better aesthetics */
}

.h5_Title {
  font-size: var(--size-11) !important;
  color: #383838 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
}

.seperateRow {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 2px !important;
  }
  
  .seperateRow div:nth-child(1){
      width: 38px !important;
      border-right: 1px solid #ccc;
      font-size: var(--size-11) !important;
  }
  
  .seperateRow div:nth-child(2){
      width:120px;
      border-right: 1px solid #ccc;
      text-align: center;
  }
  
  .seperateRow div:nth-child(3){
    width: 50px !important;
    font-size: var(--size-11) !important;
  }

.pollSe {
  position: absolute !important;
  background: white !important;
  padding: 18px !important;
  box-shadow: 0px 1px 14px 0px #0000000d !important;
  border-radius: 7px !important;
  z-index: 1 !important;
  width: 104% !important;
  top: 3% !important;
  left: -1% !important;
  height: 98% !important;
}

.allLeaders .accordion-button {
  border: 1px solid var(--btnDeafult) !important;
  color: var(--btnDeafult) !important;
  background-color: var(--btnBgDefault) !important;
}

.allLeaders .accordion-button::after {
  color: var(--btnDeafult) !important;
}

.modal-contents {
  background: white;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  width: 400px;
  text-align: center;
}
.modal-overlays {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.poll_title{
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #444444 !important;
  font-family: "Reddit Sans", sans-serif;
}

.rankTwo{
  position: absolute !important;
  right: -7px !important;
  top: -10px !important;
}
.rankTwo img{
  width: 16px !important;
}

.rank_card{
  border: 1px solid #EBEBEB !important; 
  max-width: 30% !important;
  box-shadow: 0px 1px 9px 0px #0000001F !important;
}

.rankOne {
  position: absolute !important;
  right: -7px !important;
  top: -11px !important;
}

.rankOne img{
  width: 18px !important;
}

.th_title {
  font-size: var(--size-11) !important;
}

.h4set{
  font-size: 10px;
  color: black;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-family: "Poppins", serif;
  text-wrap: auto;
}
.typo{
  font-family: "Poppins", serif;

  font-size: 8px;
  color: #7C7C7C;
}
.leaderboard {
  width: 100%;
  overflow-x: auto;
}

.table {
  width: 100% !important;
  text-align: left;
  border-collapse: collapse;
  
  border-radius: 10px !important;
  table-layout: fixed;  /* Ensure that columns are aligned and take equal width */
}

.table th, .table td {
  padding: 10px;
 
  /* border: 1px solid #ddd; */
  border: none !important;
  font-size: 12px !important;
}

.thead-light th {
  background-color: #FFD1B7 !important;
  color: #FF7426 !important;
  font-weight: bold;
}

.diff_color {
  background-color: #FF7426 !important;
  color: white !important;
  font-weight: bold;
}

.table th:nth-child(1),
.table td:nth-child(1) {
  width: 50px; /* Adjust width for the 1st column */
}

.table th:nth-child(2),
.table td:nth-child(2) {
  width: 250px; /* Adjust width for the 2nd column */
}

.table-wrapper {
  overflow-y: auto;
  max-height: 300px; /* Adjust based on your needs */
}

/* Custom scrollbar style */
.table-wrapper::-webkit-scrollbar {
  width: 8px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.highlight-1st{
  color: #FF7426 !important;
  background-color: #FFF5EF !important;
  border: 1px solid #FFD1B7;
  font-weight: 700;
  
}
.orange{
  color: #FF7426 !important;
}
.rank_img{
  width: 30px !important;
}
.profile_data_img{
  width: 20px;
}
.white_wrap{
  white-space: nowrap;
  font-size: var(--size-11) !important;
}
.table-bordered > :not(caption) > * {
  border-width: 0 !important;
}
/* aaa */

.video-js {
  width: 100%;
  height: auto;
}


.video-js .vjs-picture-in-picture-control {
  display: none;
}

.mkc{
  width: 100%  !important;
  height:95% !important
}
.center-error{
  position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Shift the box back by half its width and height */
      text-align: center;
}

.modal-backdrop.show{
  z-index: 99;
}

.course_mainContainer #controlled-tab-example2::-webkit-scrollbar{display: none;}
.course_mainContainer #controlled-tab-example2{scrollbar-width: none;}

.liveChatTabs2 .tab-content .tab-pane{padding: 0 !important;}

.hidesmSearchBar .searchDropDown{width: 83% !important;}

.hidesmSearchBar .searchDropDown::-webkit-scrollbar{display: none;}
.hidesmSearchBar .searchDropDown{scrollbar-width: none;}
.hidesmSearchBar .searchDropDown li{justify-content: center;}

.onsmFooter_sectDefine{padding: 5px 40px;}

.nav_container.fixed-top{z-index: 99999 !important;}


.logOutModal.modal.show .modal-dialog{align-items: start; top: 120px; position: fixed; left: 40%; width: 300px;}
.UserModal.modal.show .modal-dialog{align-items: start; top: 70px;}








/* =================== Media Query For large Devices Starts ================== */

@media (min-width: 2200px) {
  .trendContainer {
    margin-top: 130px !important;
  }

  .MainCourseCard {
    right: 60px !important;
    top: 120px !important;
    width: 550px !important;
  }

  .banner_img img {
    aspect-ratio: 16/9 !important;
    object-fit: fill !important;
    height: auto !important;
    width: 100% !important;
  }
}

@media (min-width: 1900px) and (max-width: 2200px) {
  .trendContainer {
    margin-top: 100px !important;
  }

  .banner_img img {
    aspect-ratio: 16/9 !important;
    object-fit: fill !important;
    height: auto !important;
  }
}

@media (min-width: 1400px) and (max-width: 1900px) {
  .trendContainer {
    margin-top: 100px !important;
  }

  .banner_img img {
    height: auto !important;
    width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .banner_img img {
    width: 100% !important;
  }
  .profileCourse_mainContainer .main_tabs_container_coursedetails::after{
    width: 100px;
    right: 330px;
  }
  
}

@media (min-width: 1280px){
  .course_mainContainer #controlled-tab-example2{width: 74% !important; padding: 0 40px !important;}
}

@media (min-width: 1150px) and (max-width: 1280px) {
  .onlineCourse{width: 60% !important;}
  .comboCourse_cardContainer.onlineCourse{width: 64% !important;}
  .pg-tabs-description{width: 94%;}
}

/* =================== Media Query For large Devices Ends ================== */

/* ======================== Media Query Section Starts ===================== */

@media (max-width: 1199px) {
  .blogImg {
    height: 190px !important;
  }
  .comboCourse_cardContainer {
    padding: 0px 0 !important;
  }
  .page-section-6 {
    padding: 0px 37px !important;
  }
}

@media (min-width: 993px) and (max-width: 1150px){
  .head button {
    margin-left: 18% !important;
  }
  .pg-tabs-description .moreButtons .btnsalltbba{flex-wrap: wrap !important;}
  .main_group_chat_row{width: 55%;}
  /* .tabs-deschovr .btnsalltbba{flex-wrap: wrap !important;} */
}

@media (min-width: 992px) and (max-width: 1260px) {
  .instruct-card,
  .video-card,
  .users-card,
  .students-card {
    width: 200px !important;
  }

  .courseCard {
    position: absolute !important;
    right: 100px !important;
    top: 80px !important;
    width: 330px !important;
  }

  .banner_img img {
    height: auto !important;
  }

}

@media (max-width: 992px) {
  .searchDropDown {
    width: 83.8% !important;
  }
  
  .conversate_card {
    width: 100% !important;
  }
  .addIssue_Card {
    width: 100% !important;
  }
  .achieve-text {
    width: 100% !important;
  }
  .feedCard {
    width: 100% !important;
  }
  .NotifyCard {
    width: 100% !important;
  }
  .detailTopContainer .courseTitle {
    width: 100% !important;
  }
  .detail_desc p {
    width: 100% !important;
  }
  .accorddion_cont {
    width: 100% !important;
  }
  .course_mainContainer .page-section-2 {
    width: 100% !important;
  }
  .page-section-6 {
    width: 100% !important;
  }
  .detail_desc {
    width: 100% !important;
  }
  .o-title {
    display: none !important;
  }
  .course_Container {
    padding: 0px 52px !important;
  }
  .bookStoreContainer {
    padding: 0px 52px !important;
  }
  .course_cardContainer {
    padding: 0px 73px !important;
    background-color: #fff !important;
  }
  .orderContainer {
    padding: 0px 60px !important;
  }
  .profile_Editform input,
  .profile_Editform select {
    width: 60% !important;
  }
  .whycont_width {
    width: 100% !important;
  }
  .careerMainSection {
    padding: 0px 10px !important;
  }
  .widthWorkplace {
    width: 100% !important;
  }
  .privacyPolicy {
    padding: 0px 10px !important;
  }
  .termsCondition {
    padding: 0px 10px !important;
  }
  .refund_policy {
    padding: 0px 10px !important;
  }
  .tredingSliderSection:hover {
    width: 100% !important;
  }
  .tredingSliderSection2:hover {
    width: 100% !important;
  }
  .onlineCourse {
    width: 100% !important;
  }
  .youtubePlayer{
    height: 100% !important;
  }
  .liveChatTabs ul.nav-tabs li button {
    font-size: var(--size-10) !important;
  }
  .liveChatTabs2 ul.nav-tabs li button {
    font-size: var(--size-10) !important;
  }
  .chat_input {
    width: 95% !important;
  }

  .All_ratings {
    width: 100% !important;
  }
  .historyCard {
    width: 830px !important;
  }
  .history_List {
    overflow-x: scroll !important;
  }
  .blogImg {
    height: 136px !important;
  }
  .achieve-width {
    width: 80% !important;
  }

  .trendStripe {
    top: 18px !important;
  }
  .card_group {
    width: 100% !important;
  }
  #sidebar {
    display: none;
  }

  .main_content{
    width: 100% !important;
    margin-left: 0 !important;
  }

  .logoImg {
    width: 115px !important;
    /* margin-left: 42px !important; */
  }

  .closeSidebar {
    display: flex !important;
    justify-content: end !important;
  }

  .closeSidebarTop{
    top: 13px;
    border: 1px solid #bab6b6;
    height: 34px !important;
    align-items: center !important;
    width: 40px;
    justify-content: center !important;
    border-radius: 3px;
    background: transparent;
  }

  .main_content {
    padding: 12px 20px !important;
  }
  .profileCourse_mainContainer .page-section-6 {
    width: 100% !important;
    padding: 0px !important;
  }
  .profileCourse_mainContainer .container-fluid {
    padding: 0px !important;
  }
  .profileCourse_mainContainer .detail_desc {
    width: 100% !important;
  }
  .detailImg {
    width: 100% !important;
  }
  .accountCard {
    width: 100% !important;
  }
  .careerHeadSection {
    padding: 0px 10px !important;
  }
  .page-section-6,
  .offset--1 {
    margin-left: 0px !important;
  }
  .d_container {
    padding: 15px !important;
  }

  .course_mainContainer #controlled-tab-example2 {
    margin: 0 !important;
  }
  .courseTitle p {
    margin: 40px 0px 20px 0px !important;
    font-weight: 700 !important;
    font-size: var(--size-24) !important;
  }

  .course_mainContainer ul.nav {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  .course_mainContainer ul.nav li {
    display: inline-block !important;
    float: none !important;
  }

  .main_group_chat_row{width: 100%;}
}

@media (min-width: 768px) and (max-width: 1200px) {
  .course_mainContainer #controlled-tab-example2 {
    padding: 0px 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .courseTitle p {
    margin: 40px 0px 20px 0px !important;
    font-weight: 700 !important;
    font-size: var(--size-24) !important;
  }

  .courseDuration {
    font-size: var(--size-14) !important;
    font-weight: 300 !important;
    /* display: flex !important; */
    margin-bottom: 20px !important;
  }

  .courseDuration .video_icon {
    font-size: var(--size-20) !important;
  }

  .courseCard {
    /* display: none !important; */
    position: absolute !important;
    right: 80px !important;
    top: 80px !important;
    width: 300px !important;
  }

  .trendContainer {
    margin-top: 60px !important;
  }

  .sldr_container {
    padding: 0px 80px !important;
    width: 100% !important;
    margin-top: 20px !important;
  }

  .banner_img img {
    height: auto !important;
  }

  .player-height-mob {
    height: 43vh !important;
  }

  
}

@media (max-width: 768px) {
  .chat_input {
      width: 94% !important;
    }
  .testimonial-slider .slick-prev,
  .testimonial-slider .slick-next {
    margin: 0px 5px !important;
  }

  .Product_container .slick-prev,
  .Product_container .slick-next {
    margin: 0px 30px !important;
    z-index: 999 !important;
  }

  .freeTC_container .slick-prev,
  .freeTC_container .slick-next {
    margin: 0px 25px !important;
  }

  .detailTopContainer {
    padding: 10px 25px !important;
  }

  #controlled-tab-example2 {
    padding: 0px 44px !important;
  }

  .profile_Editform input,
  .profile_Editform select {
    width: 100% !important;
  }

  .player-height-mob {
    height: 26vh !important;
  }

}

@media (min-width: 576px) and (max-width: 991px) {
  .git_title p {
    font-size: var(--size-12) !important;
  }

  .form input {
    width: 80% !important;
    font-size: var(--size-14) !important;
    margin: 5px 0 !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
      rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    border: none !important;
    padding: 5px !important;
    color: grey !important;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .courseTitle p {
    margin: 40px 0px 20px 0px !important;
    font-weight: 700 !important;
    font-size: var(--size-20) !important;
  }

  .courseDuration {
    font-size: var(--size-14) !important;
    font-weight: 300 !important;
    /* display: flex !important; */
    margin-bottom: 20px !important;
  }

  .courseDuration .video_icon {
    font-size: var(--size-20) !important;
  }

  .course_imageContainer {
    align-items: center !important;
    padding-right: 10px !important;
  }

  .course_imageContainer .imgContainer img {
    /* align-items: center !important;
            padding-right: 10px !important; */
    width: 100% !important;
  }

  .courseCard {
    /* display: none !important; */
    position: absolute !important;
    right: 60px !important;
    top: 70px !important;
    width: 250px !important;
  }

  .trendContainer {
    margin-top: 60px !important;
    padding: 0 !important;
  }

  .sldr_container {
    padding: 0px 6px !important;
    width: 100% !important;
    margin-top: 15px !important;
  }

  .banner_img img {
    height: auto !important;
  }
}

@media (max-width: 576px) {
  .top_nav {
    background: var(--btnBgDefault) !important;
    padding: 0px 5px !important;
  }
  .card_group {
    grid-template-columns: auto auto !important;
  }

  .blogImg {
    height: 284px !important;
  }

  /* .banner_container {
    *padding: 0px 62px !important;
  } */

  .freeTC_container .nav-link {
    font-weight: 800 !important;
    font-size: var(--size-16) !important;
  }

  .freeTC_container .nav-link:hover {
    font-weight: 800 !important;
    font-size: var(--size-16) !important;
  }

  .freeTC_container .nav-link.active:hover {
    font-weight: 800 !important;
    font-size: var(--size-16) !important;
  }

  /* .freeTC_container .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    font-weight: 800 !important;
    font-size: var(--size-12) !important;
  } */


  #controlled-tab-example2 {
    padding: 0px 0px !important;
  }

  /* .detail-container {
    padding: 0px 18px !important;
  } */

  .detailBbuyNow button {
    padding: 11px 16px !important;
    width: 100% !important;
  }
  .mResponsive,
  .detailBbuyNow {
    width: 100% !important;
  }

  .ratingSection .progressBars p {
    width: 100% !important;
  }

  .total_rating .starImg {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
  }
  .total_rating .starImg img {
    width: 10px !important;
  }

  .avgRateAndReview {
    font-size: var(--size-10) !important;
  }

  .sub_name {
    font-size: var(--size-14) !important;
  }

  .foot-social {
    padding-right: 0px !important;
  }
  .course_Container {
    padding: 0px 5px !important;
  }
  .bookStoreContainer {
    padding: 0px 5px !important;
  }
  .course_cardContainer {
    padding: 0px 25px !important;
    background-color: #fff !important;
  }
  .orderContainer {
    padding: 0px 14px !important;
  }
  .course_mainContainer #controlled-tab-example2 {
    padding: 0px 3px !important;
  }
  .comboCourse_cardContainer {
    padding: 0px 6px !important;
  }
  .contactCont {
    padding: 0px 12px !important;
  }
}

@media (min-width: 490px) and (max-width: 576px) {
  .trendContainer {
    margin-top: 60px !important;
  }

  .sldr_container {
    padding: 0px 20px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .banner_container {
    padding: 0px 1px !important;
  }
  .banner_img img {
    height: auto !important;
  }
}

@media (max-width: 480px){
  .logOutModal.modal.show .modal-dialog{left: 14% !important;}
  .trendContainer .slick-track{padding-left: 10px !important;}
}

@media (min-width: 320px) and (max-width: 576px) {
  .page-section-6 {
    padding: 0px 0px !important;
  }
  .breadcrumb_container {
    width: 100% !important;
  }

  .courseTitle p {
    margin: 40px 0px 20px 0px !important;
    font-weight: 700 !important;
    font-size: var(--size-20) !important;
  }

  .courseDuration {
    font-size: var(--size-14) !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
  }

  .courseDuration .video_icon {
    font-size: var(--size-20) !important;
  }

  .course_imageContainer {
    display: none !important;
  }

  .tabs_design__ .nav-tabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: -webkit-box !important;
    display: -moz-box !important;
  }

  .courseCard {
    display: none !important;
  }

  .detailCourse {
    margin-top: 10px !important;
    font-weight: 300 !important;
    font-size: var(--size-14) !important;
  }
  .cardQuotes {
    display: none !important;
  }

  .git_title {
    font-size: var(--size-18) !important;
  }

  .form input {
    width: 80% !important;
    font-size: var(--size-14) !important;
    margin: 5px 0 !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
      rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    border: none !important;
    padding: 5px !important;
    color: grey !important;
  }

  .img_container {
    display: none !important;
  }
}

@media (min-width: 320px) and (max-width: 490px) {
  .blogImg {
    height: auto !important;
  }
  .trendContainer {
    margin-top: 60px !important;
  }
  .sldr_container {
    padding: 0px 20px !important;
    width: 100% !important;
    margin-top: 5px !important;
  }

  .banner_container {
    padding: 0px 10px !important;
  }
  .banner_img img {
    height: auto !important;
    padding: 0px !important;
  }

}

@media (max-width: 320px) {
  .banner_container {
    padding: 0px 10px !important;
  }
  .banner_img img {
    height: auto !important;
    padding: 0px !important;
  }
}




/* ======================== Media Query Section Ends ===================== */