.color1-k {
  color: #EB5E36;
}
body{
  overflow:auto;
}

.shape-4 {
  display:none;
  }
  

  .selectpicker ul.list {
    max-height: 350px;
    overflow-y: auto;
    scrollbar-width: none;
    }
.arrow {
text-align: center;
margin: 2% 0;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
  transform: translateY(0);
}
40% {
  transform: translateY(-30px);
}
60% {
  transform: translateY(-15px);
}
}

.new-search {
background-color: #f3f3f3;
padding: 0 20px;
height: 42px !important;
width: 75% !important;
border: 1px solid transparent;
color: #93a1a2;
font-size: 15px;
font-weight: 400;
border-radius: 5px;
/* padding-right: 40px; */
}
.header-check-input {
width: 13px !important;
height: 13px !important;
margin-right: 5px !important;
margin-left: -1em !important;
}
.header-label-text {
font-size: 12px;
}
.color-green {
color: #379f75;
}
.what-app-kidiaree {
font-size: 30px;
margin-left: 5px;;
}
.word-wrap-p {
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.category-content {
position: absolute;
top: 10%;
padding: 10px;
}
.image-cat {
position:relative;
}
.text-cat {
left: 0;
position:absolute;
text-align:center;
top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%
}
.font-size-title-cat {
font-size: 16px;
}
.new-sub-title {
color: #379f75 !important;
font-weight: 600 !important;
font-size:20px !important;
margin-top: 10px;
}
.modal-body .form-check-inline {
display: inline-flex !important;
}
@media only screen and (max-width: 575px){
.page-banner-section .shape-1 {
  top: 25% !important;
}
.course-details-wrapper {
  padding-right: 0px;
}
}

.color-k-1 {
color: #EC5E36 !important;
}
.color-k-2 {
color: #FAB941 !important;
}
.color-k-3, .flaticon-user-2 {
color: #369F76 !important;
}
.color-k-4 {
color: #4B9BD8 !important;
}
.color-k-5 {
color: #8C7ADD !important;
}
.color-k-6 {
color: #FBBA42 !important;
}
.color-k-7 {
color: #eb5e36 !important;
}
.fa, .far, .flaticon-location-pin, .fas, .flaticon-loupe, .flaticon-wall-clock, .flaticon-phone-call, .fa, .fab {
color: #379f75; 
}
.active .fa, .active .far, .active .flaticon-location-pin, .active .fas, .active .flaticon-loupe, .active .flaticon-wall-clock {
color: #379F75  !important; 
}
.creative-page-sub-heading {
font-size: 16px !important;
color: #8c7bdd !important;
margin-top: 2px !important;
}
.creative-page-icons {
font-size: 18px !important;
color: #EC5E36 !important;
margin-right: 2.5px !important;
}
.course-details-wrapper .course-instructor {
margin-top: 20px !important;
}
@media only screen and (max-width: 767px){
.section-padding {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
}
.instructor-profile {
display: flex;
gap: 0px !important;
margin-top: 20px;
}
@media only screen and (max-width: 1199px), only screen and (max-width: 575px){
.sidebar-details-video-description .sidebar-description {
  padding: 0px 20px 30px !important;
}
}
.sidebar-details-video-description .sidebar-description .description-list{
padding-top: 0px !important;
}
.instructor-profile .profile-content .name {
color: #379f75 !important;
}
.course-details-meta .meta-action .meta-name .name {
font-size: 16px !important;
}
.map-style {
font-size: 10px !important;
color: #4B9BD8;
border: 1px solid #379f75;
border-radius: 10px;
padding-right: 5px;
padding-left: 5px;
margin-left: 10px;
}
.map-style:hover{
background-color: #369F76;
color: #f3f3f3;
}



/*the container must be positioned relative:*/
.autocomplete {
position: relative;
display: inline-block;
}

input {
border: 1px solid transparent;
background-color: #f1f1f1;
padding: 10px;
font-size: 16px;
}

input[type=text] {
background-color: #f1f1f1;
width: 100%;
}

input[type=submit] {
  background-color: #379f75;
  color: #fff;
  cursor: pointer;

}

.autocomplete-items {
/* position: absolute; */
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
margin-top: 10px;
}

.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff; 
border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important; 
color: #ffffff; 
}
.single-course.new-width {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.single-course.new-width.item {
width: 97%;
margin-left: auto;
margin-right: auto;
}

@media only screen and (orientation: portrait) {
.single-course.new-width .courses-content .top-meta .tag-time .tag .sold-out-class-wc {
  font-size: 12px !important;
}
.single-course.new-width .courses-content .top-meta .price .sale-price {
  font-size: 12px !important;
}
.single-course.new-width .courses-content .title {
  font-size: 15px !important;
  font-weight: bold;
  margin-top: 5px !important;

}
.single-testimonial-02 {
  text-align: left !important;
  box-shadow: none !important;
}
.testimonial-02-active .swiper-pagination {
  margin-top: 20px !important;
}
}

.single-course .courses-content .top-meta .tag-time .tag {
background-color: rgb(235 94 54) !important;
color: #ffffff !important;
}
#partitioned {
padding-left: 15px;
letter-spacing: 42px;
border: 0;
background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 50px 1px;
background-repeat: repeat-x;
background-position-x: 35px;
width: 200px;
outline : none;
}
.btn-sm-add-student {
height: 45px;
line-height: 42px;
padding: 0px 15px;
}
.icon-style {
color: #fff !important;
border: 1px solid;
padding: 4px;
border-radius: 5px;
background: #eb5e36;
font-size: 8px;
margin: 1px;
}
.btn-search-new {
background: #eb5e36 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 0px !important;
}
.md-placement {
margin-top: 61% !important;
}
.single-course .courses-content .top-meta .tag-time .time {
margin-left: 35px !important;
}
@media only screen and (orientation: landscape) {
.owl-item .single-course .courses-content .title {
  font-size: 15px;
}
.single-course .courses-content .top-meta .tag-time .time {
  margin-left: 75px !important;
}
.md-placement {
  margin-top: 20% !important;
} 
.single-course.new-width {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
}
/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
*/
/* imports
*/
/* Functions
*/
/* Shared
*/
/* Hide by default
*/
.switch-toggle a, .switch-light span span {
display: none; }

/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
/* Checkbox
*/
.switch-light {
  position: relative;
  display: block;
  /* simulate default browser focus outlines on the switch,
 * when the inputs are focused.
 */ }
  .switch-light::after {
    clear: both;
    content: "";
    display: table; }
  .switch-light *, .switch-light *:before, .switch-light *:after {
    box-sizing: border-box; }
  .switch-light a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .switch-light label, .switch-light > span {
    /* breathing room for bootstrap/foundation classes.
   */
    line-height: 2em;
    vertical-align: middle; }
  .switch-light input:focus ~ span a, .switch-light input:focus + label {
    outline-width: 2px;
    outline-style: solid #70c66b;
    outline-color: #70c66b;
    /* Chrome/Opera gets its native focus styles.
   */ }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .switch-light input:focus ~ span a, .switch-light input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
/* don't hide the input from screen-readers and keyboard access
*/
.switch-light input {
  position: absolute;
  opacity: 0;
  z-index: 3; }
.switch-light input:checked ~ span a {
  right: 0%; }
/* inherit from label
*/
.switch-light strong {
  font-weight: inherit; }
.switch-light > span {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 2em;
  /* overwrite 3rd party classes padding
 * eg. bootstrap .well
 */
  padding: 0;
  text-align: left; }
.switch-light span span {
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.switch-light a {
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 1;
  display: block;
  width: 50%;
  height: 100%;
  padding: 0; }
/* Radio Switch
*/
.switch-toggle {
  position: relative;
  display: block;
  /* simulate default browser focus outlines on the switch,
 * when the inputs are focused.
 */
  /* For callout panels in foundation
*/
  padding: 0 !important;
  /* 2 items
 */
  /* 3 items
 */
  /* 4 items
 */
  /* 5 items
 */
  /* 6 items
 */ }
  .switch-toggle::after {
    clear: both;
    content: "";
    display: table; }
  .switch-toggle *, .switch-toggle *:before, .switch-toggle *:after {
    box-sizing: border-box; }
  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .switch-toggle label, .switch-toggle > span {
    /* breathing room for bootstrap/foundation classes.
   */
    line-height: 2em;
    vertical-align: middle; }
  .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
    outline-width: 2px;
    outline-style: solid #fff;
    outline-color: #70c66b;
    /* Chrome/Opera gets its native focus styles.
   */ }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0; }
  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding: 0 0.5em;
    margin: 0;
    text-align: center; }
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%; }
  .switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4) ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
    width: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
    left: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
    width: 33.33%; }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    left: 33.33%; }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: 66.66%; }
  .switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8) ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
    width: 25%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
    left: 25%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
    left: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
    left: 75%; }
  .switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10) ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
    width: 20%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
    left: 20%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
    left: 40%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
    left: 60%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
    left: 80%; }
  .switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12) ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
    width: 16.6%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
    left: 16.6%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
    left: 33.2%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
    left: 49.8%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
    left: 66.4%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
    left: 83%; }
/* Candy Theme
* Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
* http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
*/
.switch-toggle.switch-candy, .switch-light.switch-candy > span {
  background-color: #2d3035;
  border-radius: 3px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); }
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {
  color: #93a1a2 ;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #191b1e; }
.switch-light.switch-candy input ~ span span:first-child, .switch-light.switch-candy input:checked ~ span span:nth-child(2), .switch-candy input:checked + label {
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.switch-candy a {
  border: 1px solid #70c66b;
  border-radius: 3px;
  box-shadow: 0 1px 1px 370c66b, inset 0 1px 1px rgba(255, 255, 255, 0.45);
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent); }
.switch-candy-blue a {
  background-color: #38a3d4; }
.switch-candy-yellow a {
  background-color: #f5e560; }
/* iOS Theme
*/
.switch-ios.switch-light span span {
  color: #888b92; }
.switch-ios.switch-light a {
  left: 0;
  top: 0;
  width: 2em;
  height: 2em;
  background-color: #fff;
  border-radius: 100%;
  border: 0.25em solid #D8D9DB;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }
.switch-ios.switch-light > span {
  display: block;
  width: 100%;
  height: 2em;
  background-color: #D8D9DB;
  border-radius: 1.75em;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out; }
.switch-ios.switch-light > span span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  line-height: 1.875em;
  vertical-align: middle;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .switch-ios.switch-light > span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em; }
  .switch-ios.switch-light > span span:last-of-type {
    padding-right: 1.875em; }
.switch-ios.switch-light input:checked ~ span a {
  left: 100%;
  border-color: #4BD865;
  margin-left: -2em; }
.switch-ios.switch-light input:checked ~ span {
  border-color: #4BD865;
  box-shadow: inset 0 0 0 30px #4BD865; }
.switch-ios.switch-light input:checked ~ span span:first-of-type {
  opacity: 0; }
.switch-ios.switch-light input:checked ~ span span:last-of-type {
  opacity: 1;
  color: #fff; }
.switch-ios.switch-toggle {
  background-color: #D8D9DB;
  border-radius: 30px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
  .switch-ios.switch-toggle a {
    background-color: #4BD865;
    border: 0.135em solid #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
    transition: all 0.13s ease-out; }
  .switch-ios.switch-toggle label {
    height: 2.4em;
    color: #888b92;
    line-height: 2.4em;
    vertical-align: middle; }
.switch-ios input:checked + label {
  color: #3e4043; }
/* Holo Theme
*/
.switch-toggle.switch-holo, .switch-light.switch-holo > span {
  background-color: #464747;
  border-radius: 1px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  color: #fff;
  text-transform: uppercase; }
.switch-holo label {
  color: #fff; }
.switch-holo > span span {
  opacity: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s; }
  .switch-holo > span span:first-of-type {
    opacity: 1; }
.switch-holo > span span, .switch-holo label {
  font-size: 85%;
  line-height: 2.15625em; }
.switch-holo a {
  background-color: #666;
  border-radius: 1px;
  box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
/* Selected ON switch-light
*/
.switch-holo.switch-light input:checked ~ span a {
  background-color: #0E88B1; }
.switch-holo.switch-light input:checked ~ span span:first-of-type {
  opacity: 0; }
.switch-holo.switch-light input:checked ~ span span:last-of-type {
  opacity: 1; }
/* Material Theme
*/
/* switch-light
*/
.switch-light.switch-material a {
  top: -0.1875em;
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  background: #fafafa;
  box-shadow: 0 0.135em 0.135em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.135em -0.135em rgba(0, 0, 0, 0.2), 0 0.135em 0.25em 0 rgba(0, 0, 0, 0.13);
  -webkit-transition: right .28s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: right .28s cubic-bezier(.4, 0, .2, 1);
  transition: right .28s cubic-bezier(.4, 0, .2, 1); }
.switch-material.switch-light {
  overflow: visible; }
  .switch-material.switch-light::after {
    clear: both;
    content: "";
    display: table; }
.switch-material.switch-light > span {
  overflow: visible;
  position: relative;
  top: 0.1875em;
  width: 3.25em;
  height: 1.5em;
  min-height: auto;
  border-radius: 1em;
  background: #70c66b; }
.switch-material.switch-light span span {
  position: absolute;
  clip: rect(0 0 0 0); }
.switch-material.switch-light input:checked ~ span a {
  right: 0;
  background: #3f51b5;
  box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.135em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.13); }
.switch-material.switch-light input:checked ~ span {
  background: rgba(63, 81, 181, 0.5); }
/* switch-toggle
*/
.switch-toggle.switch-material {
  overflow: visible; }
  .switch-toggle.switch-material::after {
    clear: both;
    content: "";
    display: table; }
.switch-toggle.switch-material a {
  top: 48%;
  width: 0.375em !important;
  height: 0.375em;
  margin-left: 0.25em;
  background: #3f51b5;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.4s ease-in;
  -moz-transition: -moz-transform 0.4s ease-in;
  transition: transform 0.4s ease-in; }
.switch-toggle.switch-material label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1em; }
.switch-toggle.switch-material label:before {
  content: '';
  position: absolute;
  top: 48%;
  left: 0;
  display: block;
  width: 0.875em;
  height: 0.875em;
  border-radius: 100%;
  border: 0.135em solid #379f75;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
.switch-toggle.switch-material input:checked + label:before {
  border-color: #3f51b5; }
/* ripple
*/
.switch-light.switch-material > span:before, .switch-light.switch-material > span:after, .switch-toggle.switch-material label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 4em;
  height: 4em;
  border-radius: 100%;
  background: #3f51b5;
  opacity: .4;
  margin-left: -1.25em;
  margin-top: -1.25em;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity .4s ease-in;
  -moz-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in; }
.switch-light.switch-material > span:after {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -1.25em; }
.switch-toggle.switch-material label:after {
  width: 3.25em;
  height: 3.25em;
  margin-top: -0.75em; }
@-webkit-keyframes materialRipple {
  0% {
    -webkit-transform: scale(0); }

  20% {
    -webkit-transform: scale(1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(1); } }

@-moz-keyframes materialRipple {
  0% {
    -moz-transform: scale(0); }

  20% {
    -moz-transform: scale(1); }

  100% {
    opacity: 0;
    -moz-transform: scale(1); } }

@keyframes materialRipple {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.switch-material.switch-light input:not(:checked) ~ span:after, .switch-material.switch-light input:checked ~ span:before, .switch-toggle.switch-material input:checked + label:after {
  -webkit-animation: materialRipple .4s ease-in;
  -moz-animation: materialRipple .4s ease-in;
  animation: materialRipple .4s ease-in; }
/* trick to prevent the default checked ripple animation from showing
* when the page loads.
* the ripples are hidden by default, and shown only when the input is focused.
*/
.switch-light.switch-material.switch-light input ~ span:before, .switch-light.switch-material.switch-light input ~ span:after, .switch-material.switch-toggle input + label:after {
  visibility: hidden; }
.switch-light.switch-material.switch-light input:focus:checked ~ span:before, .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after, .switch-material.switch-toggle input:focus:checked + label:after {
  visibility: visible; } }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
.switch-light, .switch-toggle {
  -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
from {
  -webkit-transform: translate3d(0, 0, 0); }

to {
  -webkit-transform: translate3d(0, 0, 0); } }

/*# sourceMappingURL=toggle-switch.css.map */

.switch-toggle {
display: inline-block !important;
}
.switch-toggle.switch-candy, .switch-light.switch-candy > span {
background-color: #f3f3f3;
}
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {
text-shadow: none !important;
}
.switch-toggle.switch-candy, .switch-light.switch-candy > span {
box-shadow: none !important;
}
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {
font-weight: 500 !important;
}


.tooltiptext {
/* visibility: hidden; */
width: 70%;
border: 2px solid #8c7bdd;
background-color: #fff;
color: #000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 100%;
left: 10%;
margin-left: 0px;
text-align: left !important;
padding-left: 12px;
/* animation: bounce 0.6s; */
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes bounce {
from { transform: translate3d(0, 0, 0);     }
to   { transform: translate3d(0, 10px, 0); }
}
.tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 10%;
/* animation: bounce 0.6s;
animation-direction: alternate;
animation-iteration-count: infinite; */

margin-left: -5px;
border-width: 9px;
border-style: solid;
border-color: #8c7bdd transparent transparent transparent;
}
.badge-yes {
background-color: #379f75 ;
}
.badge-no {
background-color: #aeaaa9 ;
}
.modal-header {
border: 1px solid #8c7bdd !important;
}
#optSendModal .modal-dialog .modal-content .modal-header {
border: 0px solid #8c7bdd !important;
border-bottom: 1px solid #dee2e6 !important;
}
.calendar_design {
color-scheme:dark;
}
.radio-button input, .radio-button label {
display: inline;
}
.display-mobile {
display: none;
}
@media only screen and (orientation: portrait) {
input[type=date] {
  position: relative;
  text-indent: 15px;
  width: 160px;
}

input[type=date]:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f274";
  position: absolute;
  top: 50%;
  left:0px;
  transform: translateY(-50%);
}
.display-mobile {
  display: block;
}
}
.selectpicker ul.list {
max-height: 350px;
overflow-y: auto;
scrollbar-width: none;
}
.nice-select ul.list {
max-height: 350px;
overflow-y: auto;
scrollbar-width: none;
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls {
display: none !important;
}
.width-thumb {
width: 35% !important;
display: inline-block;
vertical-align: middle;
}
.width-content {
width: 62% !important;
margin-left: 2%;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 12%;
}
.accordion-body .single-course-list.single-course {
padding-top: 0px !important;
margin-top: 0px !important;
}
.accordion-body .single-course-list {
padding-top: 0px !important;
padding: 0px !important;
}
.order-date {
  background: #ddd;
  padding: 2px 8px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #000;
  font-weight: 500;
}
.action-course {
position: relative;
float: right;
margin-right: 2%;
}
@media only screen and (orientation: landscape) {
.instructor-profile .profile-content {
margin-left: 10px;
}
}

.btn-add-class {
line-height: 0px !important;
padding: 0px !important;
width: 100%;
}
.bg-save-draft {
background: #fbba41 !important;
display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #379F75;
  border-color: transparent;
  color: #ffffff;
  border-radius: 4px;
  font-size: 16px;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  height: 50px;
  border-width: 0;
  border-style: solid;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}
.form-control[type=file] { 
color: #8e8989 !important;
}
.validation-image {
font-size: 12px;
  color: red;
}
.add_new_class input[type=file]::file-selector-button {
background: #4a9bd8 !important;
color: #fff !important;
}
.play-area {
width: 35% !important;
}
@media only screen and (orientation: landscape) {
.play-area {
  width: 20% !important;
}
}
.play-action {
position: relative;
float: right;
/* margin-right: 2%; */
background-color: #379F75;
border-color: transparent;
color: #ffffff;
margin-top: 10px;
padding: 4px;
font-size: 12px;
}
.play-btn {
display: inline-block;
position: relative;
overflow: hidden;
background-color: #fbba41;
border-color: transparent;
color: #ffffff;
border-radius: 4px;
font-size: 16px;
font-family: "Outfit", sans-serif;
font-weight: 700;
padding: 5px 24px;
border-width: 0;
border-style: solid;
box-shadow: none;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.action_playarea {
margin-top: 10px;
}

.book_now_play {
background-color : #379f75;
color: white;
padding: 10px 20px;
border-radius: 4px;
border-color: #379f75;
width: 100%;
}

#mybutton {
position: fixed;
bottom: -4px;
width: 100%;
}
.bg-success-text {
font-size: 14px;
color: green;
}
.bg-danger-text {
font-size: 14px;
color: red;
}
.nav-tabs .nav-link.active {
color: #379f75 !important;
}
.nav-tabs .nav-link {
color: #000 !important;
}
.logo-tab {
width: 120px;
margin-top: 10px;
}
.text-send {
padding-left: 30%;
}

.weekDays-selector input {
display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
display: inline-block;
border-radius: 6px;
background: #dddddd;
height: 40px;
width: 68px;
margin-right: 3px;
line-height: 40px;
text-align: center;
cursor: pointer;
}

.weekDays-selector input[type=checkbox]:checked + label {
background: #eb5e36;
color: #ffffff;
}
.weeksave {
margin-left: 6px;
padding: 5px 15px;
border-radius: 10px;
background: #8c7bdd;
color: #fff;
}
.single-form .nice-select {
border: 1px solid #379f75;
background: #f6f7f9;
border-radius: 0;
padding: 0px 25px;
}

input:focus-visible {
outline: 1px solid #379f75;
/* border-radius: 3px; */
}
label:focus-visible {
outline: 1px solid #379f75;
/* border-radius: 3px; */
}
.flaticon-phone-call {
color: #8c7bdd !important;
}
.fa-envelope {
color: #4a9bd8 !important;
}
.desktop-only {
display: none;
}
.__desktop-only {
display: none;
}
.mobile-only {
display: inline-block !important;
}
.thankyou-section {
margin-top: 15px !important;
}
@media only screen and (orientation: landscape) { 
.__desktop-only {
  display: inline-block;
}
.desktop-only {
  display: block;
}
.mobile-only {
  display: none !important;
}
.thankyou-section {
  margin-top: 85px !important;
}
.enqua .login-register-box {
  margin-top: 0px !important;
}
.section-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
}
@media only screen and (orientation: landscape) { 
.class-details {
min-height: 400px;
}
}
@media only screen and (orientation: portrait) { 
#otp-screen div .col input {
  padding: 5px 2px !important;
}
}
.row.pin input {
flex: 1 0 0%;
margin-right: 10px;
}
.infotext {
font-family: cursive;
color: #4a9bd8;
margin-top: 5px !important;
}
.down-arrow-show {
float: right;
  width: 30px;
}
@media only screen and (orientation: landscape) { 
.infotext {
  font-family: cursive;
  color: #4a9bd8;
  margin-top: 5px !important;
}
.down-arrow-show {
  float: right;
    width: 30px;
}
}
.contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  border: 1px solid #379f75;
}

#not_match, #validationError{
  margin-top: 0.25rem;
  font-size: .875em;
  color: #dc3545;
}
@media(max-width: 320px){ 
  input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea{
    padding: 5px 5px;
    /* line-height: 20px; */
  }
  .header-cart .cart-btn {
    display: none;
  }
  .header-search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    width: 74%;
  }
 
}

.course-overview p {
  font-size :16px !important;
}
.shape-3 {
  display: none !important;
}
.sidebar-details-video-description .sidebar-description .share-link .social-share-wrapper {
  left: 60% !important;
  bottom: calc(100% + -2px) !important;
  padding: 10px !important;
}
/* Yogesh */
.header-user{
  color: #fff;
}
.orange-bg {
  background-color: #EB5E36 !important;
}
/* Yogesh */

/* sabiha */
.card {
  padding: 20px;
}


.content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-container {
  width: 90%;
}
@media only screen and (orientation: landscape) { 
  .image-container {
    width: 25%;
  }
}

.form-container {
  flex: 1;
  margin-left: 20px; /* Adjust as needed */
}

/* Additional styling to ensure responsiveness */
@media (max-width: 768px) {
  .content-wrapper {
      flex-direction: column;
  }

  .image-container,
  .form-container {
      margin: 0; /* Reset margin for smaller screens */
      width: 100%; /* Full width for smaller screens */
  }
}

.image-placeholder{
  text-align: center;
}

.image-placeholder img{
  width: 50%;
}

@media only screen and (orientation: landscape) { 
  .image-placeholder img{
    width: 100%;
  }
}

.section-padding {
  padding: 20px 0; /* Adjust the padding as needed */
}

.container {
  margin-bottom: 20px; /* Add space between the containers */
}

.side-content {
  margin-bottom: 15px; /* Adds margin below each side-content div */
  margin-top: 15px; /* Adds margin below each side-content div */
}

.inline-content {
  display: inline-flex;
  width: 100%;
  display: flex;
  justify-content:space-between ;
  /* Additional styles for width and margin */
  /* margin-top: 20px; */
}

.in-content h6{
  color: orange;
}
@media only screen and (orientation: landscape) { 
  .page-banner-wrap {
    padding-top: 30px;
  }
}
.heading-about-us {
  color: #379f75;
  font-size: 25px;
}

.sub-heading-about-us {
  color: #eb5e36;
  font-size: 23px !important;
}
.summary_title{
  color: orange;
  font-size: 10px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
 }
 .text-table-summary {
    font-weight: 400;
    font-size: 13px !important;
    color: #212529;
}
.mobile-banner-design {
  padding-top: 25px !important;
}
@media only screen and (orientation: landscape) { 
  .text-table-summary {
    font-size: 12px !important;
  }
  .summary_title{
    font-size: 14px;
   }
   .mobile-banner-design {
    padding-top: 100px !important;
  }
}
.shape-2 {
  display: none !important;
}
.tag.new_style {
    background-color: rgb(235 94 54) !important;
    color: #ffffff !important;
    padding: 0 10px;
    border-radius: 5px;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
}
.price_new {
  color: #379f75 !important;
  font-weight: 600;
  font-size: 12px !important;
  margin-top: -5px;
  margin-bottom: 10px;

}
.meta-action::before, .rating {
  display: none !important;
}
.map_view_link {
    color: blue;
    border: 1px solid blue;
    border-radius: 50px;
    padding: 3px;
    line-height: 1;
    font-size: 11px;
}
.btn-danger {
  background-color: #cb4040;
}
.btn-warning {
  background-color: #f7fb21;
}
.top-meta.mt-2 div:nth-child(2){
 font-size: 12px !important;
 display: none !important;
}
.age_group .radio-button label {
  line-height: 1.7 !important;
}
.title_quest {
  color: #379f75;
}
.newsletter_logo {
  text-align: center;
  margin-top: -20px;
}
.newsletter_logo img {
  width: 50%;
}
.newsletter_heading_one {
  font-size: 23px;
}
.newsletter_heading_two {
  font-size: 14px;
}

/* Calender */
.calendar-container {
  background: #fff;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.calendar-container header {
  display: flex;
  align-items: center;
  padding: 25px 30px 10px;
  justify-content: space-between;
}

header .calendar-navigation {
  display: flex;
}

header .calendar-navigation span {
  height: 38px;
  width: 38px;
  margin: 0 1px;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  user-select: none;
  color: #aeabab;
  font-size: 1.9rem;
}

.calendar-navigation span:last-child {
  margin-right: -10px;
}

header .calendar-navigation span:hover {
  background: #f2f2f2;
}

header .calendar-current-date {
  font-weight: 500;
  font-size: 1.45rem;
}

.calendar-body {
  padding: 20px;
}

.calendar-body ul {
  list-style: none;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
}

.calendar-body .calendar-dates {
  margin-bottom: 20px;
}

.calendar-body li {
  width: calc(100% / 7);
  font-size: 1.07rem;
  color: #414141;
}

.calendar-body .calendar-weekdays li {
  cursor: default;
  font-weight: 500;
}

.calendar-body .calendar-dates li {
  margin-top: 30px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.calendar-dates li.inactive {
  color: #aaa;
}

.calendar-dates li.active {
  color: #fff;
}

.calendar-dates li::before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.calendar-dates li.active::before {
  background: #6332c5;
}

.calendar-dates li:not(.active):hover::before {
  background: #e4e1e1;
}
.banner-playrea-new {
  padding-top: 90px;
}
.desktop-banner {
  width: 80%;
}
.width-playarea {
  width: 100%;
}
@media only screen and (orientation: landscape) { 
  .banner-playrea-new {
      padding-top: 10%;
  }
  .width-playarea {
    width: 80%;
  }
}
@media only screen and (orientation: portrait) { 
  .d-sm-block {
    display: block !important;
  }
  .kidiaree-category-section {
    padding-top: 0px !important;
}
}
.desktop-banner.card {
  padding: 0px !important;
}
.pricing.nav-link {
  padding: 0.5rem 0.4rem !important;
} 
.__details_add_form {
  padding: 5px 0px !important;
}
.calendar-dates li.active::before {
  background: #E95D36;
}
.calendar-body .calendar-weekdays li, .calendar-header, header .calendar-navigation span {
  color: #E95D36;
}
.icon-position {
  float: right;
  margin-top: 6%;
}
@media only screen and (orientation: landscape) { 
.icon-position {
  float: right;
  margin-top: 2%;
  margin-right: 15px !important;
}
}

.calendar-dates li.disabled {
  color: #aaa;
}
.mfp-wrap {
  height: 100%  !important;
}
.tag.new_style.online {
  background-color: #4A9BD8 !important;
}
.tag.new_style.offline {
  background-color: #379F75 !important;
}
/* Add your own styles as needed */
.whatsapp-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 46px;
  right: 47px;
  background-color: #fff;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  top: 79%;
}

.my-float {
  margin-top: 15px;
}
.sold-out-class {
  background-color: #eb5e36;
  color: white !important;
  /* opacity: 0.8; */
  font-weight: 600;
  margin-right: 40%;
  padding-left: 4%;
  padding-right: 4%;
  text-align: center;
  position: absolute;
}

.discount-message {
  color: #379f75;
  font-weight: 600;
}
.course-overview.text-container .title {
  color: #eb5e36 !important;
}