/* login-dropdown custom style */
.custom {
  /* position: relative !important; */
  right: 10px !important;
  width: auto !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125 !important;
  background-color: white !important;
}

/* .custom1 {
  position: relative;
  right: 10px;
  width: 690px;
  /* overflow-y: scroll;
  max-height: 600px !important; */
/* overflow-wrap: break-word; */
/* max-height: 85vh;
  overflow-y: scroll !important;

}  */

/* .nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
} */

.custom1 {
  /* position: relative; */
  right: 10px !important;
  width: 690px !important;
  max-height: 70vh !important;
  overflow-y: scroll !important;
}

@media (max-width: 340px) {
  .custom1 {
    width: 366px !important;
    max-height: 70vh !important;
    overflow-y: scroll !important;
  }
}

/* @media (max-width: 768px)  {
.custom1{
    max-height: 85vh;
  overflow-y: auto !important;
}
}
@media (max-width: 991px) {
.custom1{
  
  max-height: 85vh;
  overflow-y: auto !important;
}
} */
/* Admin Dropdown Menu */
@media (max-width: 415px) {
  .course-custom-dropdown-menu {
    max-width: 320px;
    /* Adjust the max-width as needed */
    overflow-wrap: break-word;
    /* Allow words to break and wrap to the next line */
    word-wrap: break-word;
    /* For older browsers */
    white-space: normal;
    /* Make sure the text wraps */
  }
}

@media (max-width: 565px) {
  .course-custom-dropdown-menu {
    max-width: 400px;
    /* Adjust the max-width as needed */
    overflow-wrap: break-word;
    /* Allow words to break and wrap to the next line */
    word-wrap: break-word;
    /* For older browsers */
    white-space: normal;
    /* Make sure the text wraps */
  }
}

.course-custom-dropdown-menu.show {
  display: block !important;
}

.custom1.active {
  display: block !important;
}

/* Overflow for Menu Bar */
@media (max-width: 370px) {
  .custom3 {
    max-height: 85vh !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 768px) {
  .custom3 {
    max-height: 85vh !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 991px) {
  .custom3 {
    max-height: 85vh;
    overflow-y: auto !important;
  }
}

.course-name {
  width: min-content !important;
}


/* layout of admin panel dropdown */
.dropdown-menu.custom2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.dropdown-menu.custom2 .dropdown-item {
  flex: 1;
}

/* custom size of homepage content */
.custom-content {
  margin-top: 0px;
}

/* custom size of nav-bag logo in homepage */
.navbar-img {
  position: relative;
  width: auto;
  height: 65px;
  margin-left: 5px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* divider of logout in admin panel dropdown */
.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* custom size of user profile image */
.dropdown-user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}

/* custom text color of text in carousel text */
.custom-text-color {
  color: #383837;
}

/* custom background color of top-bar */
.bg-dark-custom {
  background-color: #383837;
}

.img-item {
  height: 530px;
}

.img-content {
  height: 100%;
  object-fit: cover;
}

.img-item1 {
  height: 475px;
  max-width: auto;
}

.bg-dark-custom1 {
  background: rgba(0, 0, 0, .2);
}

.bg-dark-custom2 {
  background: rgba(0, 0, 0, .5);
}

.img1-container {
  display: flex;
  align-items: end;
  justify-content: center;
  height: 530px !important;
}

.img2-container {
  display: flex;
  align-items: end;
  justify-content: center;
  height: 400px;
}

.inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
}

.inner1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0);
}

/* customize navbar logo for mobile view */
@media (max-width: 991.98px) {
  .navbar .navbar-brand img {
    max-height: 65px;
    margin-left: 15px;
  }
}

/* customize dropdown menu for scrolling */
@media (min-width: 992px) {
  .navbar .nav-item .custom-dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    transition: 0.5s;
    opacity: 0;
    overflow-y: scroll !important;
    max-height: 83vh !important;

  }

  .navbar .nav-item:hover .custom-dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: 0.5s;
    opacity: 1;
  }
}



/* customize dropdown menu for scrolling  for mobile device
@media (max-width: 768px) {
  .overflow-y-scroll {
    overflow-y: scroll !important;
    max-height: 50vh;
  }
}

@media (max-width: 992px) {
  .overflow-y-scroll {
    overflow-y: scroll !important;
    max-height: 50vh;
    
  }
}
@media (max-width: 370px) {
  .overflow-y-scroll {
    overflow-y: scroll !important;
    max-height: 10vh;
    
  }
} */


@media (min-width: 345px) {
  .d-xs-flex {
    display: flex !important;
  }

  .col-xs {
    flex: 1 0 0%;
  }

  .row-cols-xs-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xs-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xs-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xs-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-xs-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xs-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xs-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .p-xs-0 {
    padding: 0 !important;
  }

  .p-xs-1 {
    padding: 0.25rem !important;
  }

  .p-xs-2 {
    padding: 0.5rem !important;
  }

  .p-xs-3 {
    padding: 1rem !important;
  }

  .p-xs-4 {
    padding: 1.5rem !important;
  }

  .p-xs-5 {
    padding: 3rem !important;
  }

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

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

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

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

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

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

wrapper-button {
  margin: 0 auto;
}

@media (max-width: 768px) {
  .custom-height {
    max-height: 450px;
  }
}

/* @media (max-width: 992px) {
  .overflow-y-scroll {
    max-height: 357px;
    overflow-y: scroll;
  }
} */

@media (min-width: 345px) {
  .img1-container {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 360px;
  }
}

/* @media (max-width: 992px) {
  .img1-container {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 420px;
  }
} */
.owl-carousel-item1 {
  border: 2px solid #000;
  /* Example border style */
}

.c-item {
  height: 600px;
}

.c-img {
  height: 100%;
  object-fit: cover;
}

.c-item1 {
  height: 740px;
}

.c-img1 {
  height: 100%;
  object-fit: cover;
}

.c-btn {
  position: absolute;
  bottom: 0;
  margin-bottom: 70px;
  justify-content: center;
  align-items: center;
}

.btn-primary-custom {
  color: #ffffff;
  background-color: #df9916;
  border-color: #b78d65;
}

.btn-primary-custom:hover {
  color: #000;
  background-color: #df9916d3;
  border-color: #be9874;
}

.custom-team-item {
  height: 550px;
}

/* Cut off Text */
.cutoff-text {
  --max-lines: 6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
}

.custom-text-md-center {
  text-align: center;
  /* Fallback for older browsers */
}

@media (min-width: 768px) {

  /* md breakpoint */
  .custom-text-md-center {
    text-align: center;
  }
}

@media (max-width: 767.98px) {

  /* sm breakpoint */
  .custom-text-sm-center {
    text-align: center;
  }
}

@media (max-width: 400px) {

  /* sm breakpoint */
  .custom-text-xs-center {
    text-align: center;
  }
}


* Coaching Center */
/* Text Container */
/* @media (max-width: 1150px) { */

/* xxl breakpoint */
/* .text-container {
    height: 507px !important;
  }
}
.text-container {
  height: 507px !important;
}
@media (max-width: 375px) { */

/* xs breakpoint */
/* .text-container-xs{
    height: 600px !important;
  }
} */
/* @media (max-width: 982px) { */
/* md breakpoint */
/* .text-container-md{
    height: 580px !important;
  }
} */

.bg-light {
  padding-top: 20px;
  /* Adjust top padding as needed */
  padding-bottom: 20px;
  /* Adjust bottom padding as needed */
}

.text-container {
  padding: 20px;
  /* Default padding */
  background-color: #ffffff;
  /* Background color */
  border: 1px solid #dee2e6;
  /* Border */
  border-radius: 8px;
  /* Rounded corners */
  min-height: 100px;
  /* Minimum height to ensure visibility */
  display: flex;
  /* Use flexbox for flexible layout */
  flex-direction: column;
  /* Arrange content vertically */
  justify-content: center;
  /* Center content vertically */
}

.text-container h3 {
  margin-top: 0;
  /* Remove default margin */
}

.text-container-btn {
  text-align: center;
  /* Center-align button */
}

.text-primary {
  color: #007bff;
  /* Adjust text color as needed */
}

.text-dark {
  color: #343a40;
  /* Adjust text color as needed */
}

@media (max-width: 768px) {
  .bg-light {
    padding-top: 10px;
    /* Adjust top padding for smaller screens */
    padding-bottom: 10px;
    /* Adjust bottom padding for smaller screens */
  }

  .text-container {
    padding: 15px;
    /* Adjust padding for smaller screens */
  }
}


/* Mobile Apps */
/* Text Container */
.mob-text-container {
  height: 354px !important;
}

.mob-text-container2 {
  height: 390px !important;
}

/* .teko-font {
    font-family: 'Teko' !important;
} */
/* primary-font{
  font-family:  helvetica, arial, sans-serif !important;
}
.trademanrk-size{
font-size: 20px;
} */

.text-blue {
  color: #02468f;
}

.cursor-move {
  cursor: all-scroll !important;
}

.bg-success {
  background-color: #dff0d8 !important;
}

.help-block {
  display: block !important;
  color: #dc3545 !important;
  /* Bootstrap's danger color */
}

/* Custom styles for Selectize */
.selectize-input {
  border: 1px solid #313131 !important;
  padding: 6px !important;
  display: inline-block !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
  border-radius: 0px !important;
  background-color: white !important;
  /* font-size: 1rem !important; */
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #777 !important;
}

.selectize-dropdown-content {
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #777 !important;
  font-size: 16px !important;
}

.selectize-input>input {
  font-size: 16px !important;
  color: #3d3d3d !important;
  /* font-weight: 400 !important; */
  line-height: 1.5 !important;
}

.selectize-input>* {
  font-size: 16px !important;
  color: #3d3d3d !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* END */

/* CUSTOM DATEPICKER WIDGET */
.bootstrap-datetimepicker-widget {
  background-color: #f0e8e0 !important;
  /* Set background color */
  border: 0 !important;
  /* Set border */
  padding: 11px 10px !important;
  margin: 2px !important;
}

.bootstrap-datetimepicker-widget {
  font-family: Arial, sans-serif;
  /* Set font family */
  font-size: 14px !important;
  /* Set font size */
  color: #5b4632 !important;
  /* Set font color */
  font-weight: 300 !important;
}

/* Selected date */
.bootstrap-datetimepicker-widget .datepicker-days .day.active,
.bootstrap-datetimepicker-widget .datepicker-days .day.active:hover {
  background-color: #cfb499 !important;
  /* Background color of selected date */
  color: #fff !important;
  /* Text color of selected date */
}

/* Selected time */
.bootstrap-datetimepicker-widget .timepicker-picker .picker-switch:hover,
.bootstrap-datetimepicker-widget .timepicker-picker .picker-switch.active {
  background-color: #cfb499 !important;
  /* Background color of selected time */
  color: #fff !important;
  /* Text color of selected time */
}

.bootstrap-datetimepicker-widget .timepicker-picker .picker-switch {
  border-right: 1px solid #ccc !important;
  /* Border between date and time */
}

/* END */

/* Input field */
#datetimepicker {
  border: 1px solid #ccc !important;
  padding: 8px !important;
  font-size: 14px !important;
  width: 200px !important;
}

/* Calendar container */
.xdsoft_datetimepicker {
  background-color: #f0e8e0 !important;
  border: 0px !important;
  padding: 11px 10px !important;
  margin: 2px !important;
  text-align: center !important;
}

/* Calendar days */
.xdsoft_calendar tbody td {
  color: #5b4632 !important;
}

/* Calendar header */
.xdsoft_calendar thead th {
  text-align: center !important;
  background-color: #ffffff !important;
  color: #333 !important;
}


/* Time picker */
.xdsoft_timepicker {
  background-color: white !important;
  color: pink !important;
  border: 0px !important;
}

/* Selected day in the calendar */
.xdsoft_calendar tbody td.xdsoft_current {
  background-color: #e9dcd0 !important;
  color: #5b4632 !important;
  border: 0px !important;
  box-shadow: none !important;
}


.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background: #c7a788 !important;
  box-shadow: #af8054 0 1px 3px 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* Selected date */
.xdsoft_calendar tbody td.selected {
  color: antiquewhite !important;
}

/* Custom color for month and year dropdowns */
.xdsoft_monthselect,
.xdsoft_yearselect {
  background-color: white !important;
  color: #392c22 !important;

  padding: 5px;
  font-size: 14px;
  text-align: center !important;
  border: 0px !important;
}

.xdsoft_label {
  background-color: #f0e8e0 !important;
  color: #392c22 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  color: #fff !important;
  background: #cfb499 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background: #cfb499 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-weight: 700;
}

.progress {
  display: flex !important;
  height: 1rem !important;
  overflow: hidden !important;
  font-size: 0.75rem !important;
  background-color: white !important;
  border-radius: 0px !important;
}

/* .pagination li {
  display: inline-block !important;
  border-radius: 4px !important;
  text-align: center !important;
  vertical-align: top !important;
  height: 50px !important;
  color: #b78d65 !important;
  background-color: #fff !important;
  border: 1px solid #dee2e6 !important;
  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 !important;
  margin: 5px !important;
  padding: 10px !important;

}

.pagination li a {
  color: #252525 !important;
  display: inline-block !important;
  font-size: 1.2rem !important;
  padding: 0 10px !important;
  line-height: 30px !important;
}

.pagination li:hover {
  z-index: 2 !important;
  color: #927151 !important;
  background-color: #e9ecef !important;
  border-color: #e9ecef !important;
}

.pagination li.active a {
  color: #fff !important;
}

.pagination li.active {
  z-index: 3 !important;
  color: #252525 !important;
  background-color: #e9ecef !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(183, 141, 101, 0.25) !important;
  padding: 15px !important;
  font-size: 15px !important;
}

.pagination li.disabled a {
  cursor: default !important;
  color: #999 !important;
}

.pagination li i {
  font-size: 2rem !important;
}

.pagination li.pages ul li {
  display: inline-block !important;
  float: none !important;
} */
.video-js .vjs-tech {
  height: 100% !important;
}