.teacher-card {
    background: #fff;
    border-radius: 8px;
    border: none;
    box-shadow: 1px 2px 7px 0px #808080bd;
    padding: 10px;
    align-items: center;
    width: 31.9% !important;
    margin-right: 13px;
}
.rating {
   margin-bottom: 0px;
   color: #e0e0e0;
}
.teacher-card .img-holder .name-card {
    width: calc(100% - 90px);
    padding: 4px 0 4px 10px;
}
.line {
    position: absolute;
    top: 25px;
    left: calc(50% - 15px);
    width: 76% !important;
    border-top: 2px solid #ebebf1;
    z-index: -1;
    transform: translateX(-50%);
    margin-top: 0 !important;
}
	.flex-column{
		flex-direction: column;
	}
	.gender-disclasimer p {
   padding: 10px 70px;
   color: #fff;
   background: #039695;
   }
	.find_box{
          transform: translateY(-50%);
    width: 752px;
    border-radius: 6px;
    min-height: 128px;
    box-shadow: 5px 12px 30px 0 #0000001a;
    background: #fff;
    margin: 0 auto;
    transition: all 0.3s ease;
   }

   .find_box1{
    width: 752px;
    border-radius: 6px;
    min-height: 128px;
    box-shadow: 5px 12px 30px 0 #0000001a;
    background: #fff;
    margin: 0 auto;
    transition: all 0.3s ease;
   }
   
   .find_btn{
      width: 300px;
      height: 60px;
   }
   .find_btn:hover {
         transform: scale(1.05); /* Scale up the button size on hover */
         box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Add a subtle shadow */

      }
      .feature-box .feature-box-icon i.fa, .counters.counters-text-dark .counter .fa {
   display: inline-block;
   vertical-align: middle;
   }
   .feature-box .feature-box-icon i.fa, .counters.counters-text-dark .counter .fa {
   font-size: 25px !important;
   color: #1b5e80 !important;
   width: 50px;
   height: 50px;
   line-height: 50px;
   box-shadow: inset 0 0 15px #1a5e8047;
   border-radius: 8px;
   border: 0;
   background: #fff;
   }
   .feature-box {
   align-items: center;
   }
   .feature-box .feature-box-icon {
   width: auto;
   margin-right: 0;
   height: auto;
   background-color: transparent;
   }
   .feature-box {
   display: flex;
   margin-bottom: 20px;
   min-height: 50px;
   }
   .feature-box-info p {
   font-size: 16px;
   font-weight: 400;
   margin-left: 0;
   color: #1d2127 !important;
   line-height: 27px;
   }
   .feature-box .feature-box-info {
   padding-left: 27px;
   display: flex;
   align-items: center;
   padding-top: 7px;
   }
   .step{
   	border-radius: 5px;
    background: #121117;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
   }
   .owl-prev {
   padding: 7px !important;
   }
   .owl-next{
   padding: 7px !important;
   }
   .owl-prev i {
   display: none;
   }
   .owl-next i {
   display: none;
   }
   .owl-carousel.owl-loaded {
   direction: unset;
   }
   @media (max-width: 1199px){
   .content-dd {
   max-width: 400px;
   }
   }
   @media (max-width: 991px){
   .content-dd {
   max-width: 330px;
   }
   .sec_steps > div > div > div {
/* width: 50%;*/
 margin-top: 15px;
}
   }
   @media (max-width: 767.98px){
       body .find_box > .row {
 flex-direction: column;
 gap: 17px;
 justify-content: center;
 margin: 0 auto;
 width: 100% !important;
 text-align: center;
 align-items: center;
}
.find_box {
 width: 100% !important;
}
.title-main_seccc {
 min-height: 350px !important;
 padding: 80px 0 160px;
}

.line {
 display: none;
}
.sec_steps.row {
 justify-content: center;
}
.sec_steps > div > div > div {
 width: 100%;
 margin-top: 15px;
}

   .login_box_section .content-dd {
   max-width: 100%;
   margin-top: 19px;
   width: 100%;
   }
   .content-one.login_box_section {
   flex-wrap: wrap;
   margin-bottom: 30px;
   }
   .feature-box {
   margin-bottom: 20px;
   }
   .feature-box .feature-box-info {
   padding-left: 15px;
   }
   }
   
  .scrollable-menu{
   height: 400px;
   overflow: auto;
   }

.bg-red{
   background-color: #ca0101;
}

   iframe.video-frame {
    width: 360px !important;
}
   @media only screen and (max-width: 500.98px) {
.w-100-500px {
   width: 100% !important;
}
}
   @media only screen and (max-width: 430px) {
  .teacher-card {
    width: 97.9%  !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    }
       iframe.video-frame {
    width: 100% !important;
   }

   }