@import url('../fonts/estedad/style.css');
::-moz-selection {
     background: #FF9B25;
     color: #FFF2E1;
}
::selection {
     background: #FF9B25;
     color: #FFF2E1;
}
* {
    font-family: "Estedad", "Font Awesome 6 Free" !important;
}
#mobile-logo{
     display: none;
}
.hero-banner .calender .icon{
     margin-left: 9px !important;
}
header .navbar-nav .nav-link{
     font-size: 14px !important;
}
.theme-button{
     font-size: 14px !important;
}
.inner-box{
     direction: rtl;
     text-align: right;
}
.hero-banner .calender .title p {
     font-size: 20px;
}
.logo img{
     width: 100px;
}
.m-top-c-50{
     margin-top: 50px !important;
}
#hero-img-title-01{
     font-size: 14px;
}
.hero-banner .user{
     bottom: 12.5% !important;
}
.hero-banner .content .hero-banner-btn{
     margin-top: 30px !important;
}
#hero-img-title-02{
     padding-bottom: 0 !important;
}
#hero-icon-01{
     width: 26px;
     margin-top: 6px;
}
.hero-banner .calender.user .icon{
     background-color: #23BDEE !important;
     border-radius: 10px !important;
}
.hero-banner .calender.user .icon img{
     width: 35px !important;
}
.hero-banner .calender.mail{
     padding-top: 12px !important;
     padding-bottom: 12px !important;
}
#hero-dr-name{
     font-weight: 600 !important;
}
.text-w-c0{
     font-weight: 300 !important;
     line-height: 2.5;
     font-size: 16px !important;
}
.text-w-c1{
     font-weight: 400 !important;
}
.text-w-c2{
     font-weight: 300 !important;
     line-height: 2.3;
     font-size: 15px !important;
}
.text-w-c3{
     font-weight: 600 !important;
}
.text-w-c4{
     font-weight: 300 !important;
}
.shop-text-w-c1{
     font-weight: 300 !important;
     color: #656565 !important;
}
.all-in-one .main-box .inner-box h4{
     font-size: 18px !important;
     text-align: center;
}
.top-rank-img{
     width: 100%;
     margin: 0 auto 10px auto;
     border-radius: 10px;
}
.top-rank-img-box{
     width: 100%;
}
.top-rank-name{
     width: 100%;
     text-align: center;
     font-weight: 400 !important;
}
.top-rank-value{
     text-align: center;
     font-weight: 300 !important;
     font-size: 18px !important;
}
#shop-title{
     direction: rtl;
     text-align: right !important;
}
.popular-class .card .card-body{
     direction: rtl !important;
}
.price-b{
     font-size: 12px;
}
.shop-price-a{
     margin: 0 0 0 2px !important;
     font-weight: 600 !important;
     font-family: 'Estedad' !important;
     font-size: 28px !important;
}
.shop-price-a-box{
     text-align: left !important;
}
#about-me-box{
     direction: rtl;
     text-align: right !important;
}
.physical-classroom .inner-box i{
     margin-top: 9px !important;
     margin-left: 4px !important;
}
.social_icon{
     margin: 20px 0 0 0;
}
.social_icon a img{
     width: 22px;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     margin: auto;
}
.social_icon a{
     position: relative;
     display: inline-block;
     margin: 0 4px;
     width: 48px;
     height: 48px;
     background-color: transparent;
     border-radius: 100%;
     border: 1px solid #FF9B25;
}
#go-top{
     margin-top: 6px !important;
}
.settime-input{
     width: 100%;
     height: 50px;
     direction: rtl;
     text-align: right;
     outline: none;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 10px;
     margin-bottom: 18px;
     font-weight: 300 !important;
}
#settime-form-btn{
     font-size: 16px !important;
     font-weight: 400 !important;
}
.settime-input::placeholder{
     color: var(--body-color);
}
#settime-form{
     margin-top: 20px;
}
.course-section{
     padding-top: 100px;
}
.page-addrerss{
     direction: rtl;
     text-align: right;
     padding: 10px 0;
}
.page-addrerss p span{
     font-weight: 600;
     color: var(--primary-color);
}
.course-content{
     direction: rtl;
     margin: 15px 0;
}
.course-content-cover img{
     width: 100%;
     margin-bottom: 20px;
}
.course-content-des p {
     font-size: 15px;
     text-align: justify;
     line-height: 2.3;
     color: var(--body-color) !important;
     font-weight: 300;
}
/* .accordion-button::after */
.accordion-button{
     outline: none !important;
     color: #0A3A44 !important;
}
.accordion-header{
     margin-top: 0 !important;
}
.accordion-button::after{
     margin-right: auto !important;
     margin-left: 0 !important;
     outline: none !important;
}
.accordion-item,
.accordion-item:focus,
.accordion-item:visited,
.accordion-header,
.accordion-header:focus,
.accordion-header:visited,
.accordion-button,
.accordion-button:focus,
.accordion-button:visited {
     outline: none !important;
}
.accordion-button:focus{
     box-shadow: none !important;
}
.accordion-item{
     border-color: #e6e6e6;
}
.accordion-body{
     padding-top: 20px;
     padding-bottom: 20px;
     font-weight: 300;
     line-height: 2.3;
     font-size: 14px;
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed{
     outline: none !important;
}
.accordion-button:not(.collapsed){
     background-color: #fff2e1b3 !important;
     outline: none !important;
     border-bottom: 1px solid var(--primary-color);
     color: #0A3A44 !important;
     font-weight: 400 !important;
}
.course-content-des h1,h2,h3,h4,h5,h6{
     line-height: 2.2;
     text-align: right;
     color: #000;
     margin-top: 40px;
     margin-bottom: 0;
     font-weight: 600 !important;
}
.course-sidebar{
     padding: 20px 30px;
     border: 1px solid #edeff2;
}
.course-sidebar ul{
     padding: 0;
}
.course-sidebar ul li{
     list-style: none;
     padding: 10px 0px;
     border-bottom: 1px solid #edeff2;
}
.course-sidebar ul li a{
     line-height: 2.2;
}
.course-sidebar ul li a label{
     opacity: .4;
}
.buy-course-btn{
     text-align: center;
     background: #008800;
     color: var(--white-color);
     padding: 0 24px;
     border-radius: 80px;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: var(--regular-font);
     transition: all 0.3s;
     border: 1px solid transparent;
     line-height: 3;
     font-weight: 300;
}
.buy-course-btn:hover{
     color: #008800;
     background: var(--white-color);
     border: 1px solid #008800;
}
.course-sidebar-teacher{
     margin-top: 15px;
}
.course-sidebar-teacher img{
     width: 70%;
}
.course-sidebar-teacher h5{
     margin-bottom: 10px;
     margin-top: 15px;
}
.course-sidebar-teacher p{
     line-height: 2.2;
     font-size: 14px;
     font-weight: 300;
     text-align: justify;
}
#accordionFlushExample{
     margin-bottom: 50px;
}
.accordion-button:not(.collapsed)::after{
     background-image: var(--bs-accordion-btn-icon) !important;
}
.course-comment-box{
     padding: 15px;
     border: 1px solid #edeff2;
     margin-bottom: 20px;
}
.course-comment-box h4{
     margin-top: 0;
     margin-bottom: 20px;
}
.course-comment-user{
     background-color: #fff;
     border: 1px solid #edeff2;
     padding: 10px;
     border-radius: 2px;
     margin-bottom: 10px;
     z-index: 10;
     position: relative;
}
.course-comment-admin{
     border: 1px solid #FF9B25;
     background-color: #fff0de;
     padding: 10px;
     border-radius: 2px;
     margin-bottom: 10px;
     width: 90%;
     margin-right: 10%;
     z-index: 10;
     position: relative;
}
.course-comment-admin-after {
     height: 50px;
     width: 3px;
     background-color: #FF9B25;
     position: absolute;
     margin-top: -15px;
     margin-right: 30px;
}
.course-comment-admin-after::after{
     content: "";
     width: 50px;
     height: 3px;
     background-color: #FF9B25;
     position: absolute;
     margin-right: 0;
     margin-top: 50px;
}
.course-comment-user-sender{
     border-bottom: 1px solid #edeff2;
     padding: 5px 0;
}
.course-comment-admin-sender{
     border-bottom: 1px solid #FF9B25;
     padding: 5px 0;
}
.course-comment-user-sender img{
     width: 46px;
     height: 46px;
     border-radius: 23px;
     border: 1px solid #c0c0c0;
     position: relative;
     bottom: 9px;
}
.course-comment-admin-sender img {
     width: 46px;
     height: 46px;
     border-radius: 23px;
     border: 1px solid #c0c0c0;
}
.course-comment-user-sender div,
.course-comment-admin-sender div {
     display: inline-block;
     margin-right: 5px;
}
.course-comment-user-sender div p{
     margin-bottom: 0;
     font-size: 16px;
     font-weight: 400;
     color: #FF9B25;
}
.course-comment-admin-sender div p {
     margin-bottom: 0;
     font-size: 16px;
     font-weight: 400;
     color: #FF9B25;
}
.course-comment-user-sender div span{
     margin-bottom: 0;
     font-weight: 300;
     font-size: 12px;
     color: #1C444E;
}
.course-comment-user-message p {
     font-size: 14px;
     font-weight: 300;
     line-height: 2.2;
     margin-bottom: 0;
     margin-top: 10px;
}
.course-comment-send{
     border: 1px solid #ccc;
     padding: 10px;
     margin-top: 50px;
}
.course-comment-send h5{
     margin-top: 10px;
     margin-bottom: 10px;
}
.course-comment-send p{
     font-weight: 300;
     font-size: 14px;
}
.course-comment-send form{
     margin-top: 20px;
}
.course-comment-send form div{
     margin: 10px 0;
}
.course-comment-send form input{
     width: 100%;
     height: 44px;
     padding: 12px;
     border-radius: 2px;
     border: 1px solid #ccc;
     font-weight: 300;
     font-size: 14px;
     outline: none;
}
.course-comment-send form textarea{
     width: 100%;
     padding: 12px;
     border-radius: 2px;
     border: 1px solid #ccc;
     font-weight: 300;
     font-size: 14px;
     outline: none;
     resize: none;
}
.ourse-comment-send-btn{
     margin: 0 !important;
}
.ourse-comment-send-btn button{
     background-color: #1C444E;
     color: #fff;
     outline: none;
     border: none;
     width: 100px;
     height: 44px;
     border-radius: 2px;
     float: left;
}
.go-to-pay{
     display: none;
}
.top{
     z-index: 12 !important;
}
.shop-cards{
     margin: 10px 0 !important;
}
.top-rank-card{
     margin: 10px 0 !important;
}
.direction-rtl{
     direction: rtl !important;
}
.team-card-box {
     margin: 20px 0;
}
.team-card-main{
     width: 100%;
     height: 100%;
     text-align: center;
     border: 1px solid #dcdcdc;
     padding: 15px;
     border-radius: 2px;
}
.team-card{
     clip-path: polygon(46.1731656763% 0.7612046749%, 47.411809549% 0.3407417371%, 48.6947380778% 0.0855513863%, 50% 0%, 51.3052619222% 0.0855513863%, 52.588190451% 0.3407417371%, 53.8268343237% 0.7612046749%, 82.1111055711% 12.4769334274%, 83.2842712475% 13.0554747147%, 84.3718855375% 13.7821953496%, 85.3553390593% 14.6446609407%, 86.2178046504% 15.6281144625%, 86.9445252853% 16.7157287525%, 87.5230665726% 17.8888944289%, 99.2387953251% 46.1731656763%, 99.6592582629% 47.411809549%, 99.9144486137% 48.6947380778%, 100% 50%, 99.9144486137% 51.3052619222%, 99.6592582629% 52.588190451%, 99.2387953251% 53.8268343237%, 87.5230665726% 82.1111055711%, 86.9445252853% 83.2842712475%, 86.2178046504% 84.3718855375%, 85.3553390593% 85.3553390593%, 84.3718855375% 86.2178046504%, 83.2842712475% 86.9445252853%, 82.1111055711% 87.5230665726%, 53.8268343237% 99.2387953251%, 52.588190451% 99.6592582629%, 51.3052619222% 99.9144486137%, 50% 100%, 48.6947380778% 99.9144486137%, 47.411809549% 99.6592582629%, 46.1731656763% 99.2387953251%, 17.8888944289% 87.5230665726%, 16.7157287525% 86.9445252853%, 15.6281144625% 86.2178046504%, 14.6446609407% 85.3553390593%, 13.7821953496% 84.3718855375%, 13.0554747147% 83.2842712475%, 12.4769334274% 82.1111055711%, 0.7612046749% 53.8268343237%, 0.3407417371% 52.588190451%, 0.0855513863% 51.3052619222%, 0% 50%, 0.0855513863% 48.6947380778%, 0.3407417371% 47.411809549%, 0.7612046749% 46.1731656763%, 12.4769334274% 17.8888944289%, 13.0554747147% 16.7157287525%, 13.7821953496% 15.6281144625%, 14.6446609407% 14.6446609407%, 15.6281144625% 13.7821953496%, 16.7157287525% 13.0554747147%, 17.8888944289% 12.4769334274%);
     height: 280px;
     width: 280px;
     background: url('../images/team.jpeg');
     background-size: cover;
     margin: 0 auto;
}
.team-card-main h5{
     font-weight: 400 !important;
     margin-top: 15px;
     text-align: center;
}
.team-card-main h6{
     font-weight: 300 !important;
     text-align: center;
     margin-top: 5px;
     font-size: 16px;
     color: #1C444E;
}
.team-card-main p {
     font-weight: 300 !important;
     text-align: right;
     line-height: 2.2;
     font-size: 14px;
     margin: 15px 0 0 0;
}
.team-card-main span{
     display: inline-block;
     width: 70px;
     height: 2px;
     background-color: #FF9B25;
}
.about-content{
     margin: 20px 0;
}
.about-content h1,h2,h3,h4,h5,h6{
     text-align: right;
     margin-top: 0;
}
.about-content p{
     line-height: 2.3;
     font-size: 15px;
     font-weight: 300 !important;
     text-align: right;
}
.contact-content{
     margin-top: 40px;
}
.contact-content h5 {
     font-weight: 500 !important;
     line-height: 2.5;
}
.contact-content h6 {
     font-weight: 400 !important;
}
.about-location{
     margin: 30px 0 10px 0;
     text-align: center;
}
.about-location img{
     width: 50%;
     border-radius: 4px;
     box-shadow: 0 5px 12px 0 rgba(100, 100, 100, 0.2);
}
.get-location-btn{
     background-color: #FF9B25;
     color: #fff;
     width: 220px;
     font-size: 15px;
     padding: 12px;
     margin: 40px 0 10px 0;
     border-radius: 2px;
}
.get-location-btn:hover{
     color: #fff;
}
#reservation-form{
     margin: 20px 0;
}
#reservation-form  input,
#reservation-form select{
     width: 100% !important;
     height: 50px !important;
     padding: 12px !important;
     border-radius: 2px !important;
     border: 1px solid #ccc !important;
     font-weight: 300 !important;
     font-size: 14px !important;
     outline: none !important;
     margin: 10px 0;
}
#reservation-form-btn{
     background-color: #1C444E;
     color: #fff;
     outline: none;
     border: none;
     width: 100px;
     height: 44px;
     border-radius: 2px;
     float: left;
     margin-top: 12px;
}






@media (max-width: 991px){
     #mobile-logo{
          display: inline-block;
     }
     header .navbar-nav .nav-link{
          color: #505050 !important;
          font-size: 18px !important;
          line-height: 2.5;
          font-weight: 400;
     }

     header .navbar-nav .nav-item{
          text-align: center;
     }
     .course-comment-admin-after{
          margin-right: 5px;
          margin-top: -20px;
     }
     .course-comment-admin{
          width: 95%;
          margin-right: 5%;
     }
     .course-comment-send form div{
          padding-left: 0;
          padding-right: 0;
     }
     .go-to-pay{
          display: block;
          margin: 0 auto;
          position: relative;
     }
     .lets-go{
          position: fixed;
          width: 100%;
          background-color: #FF9B25;
          bottom: 0;
          z-index: 15;
          padding: 22px 10px;
          text-align: center;
     }
     .lets-go p {
          font-size: 20px;
          margin-bottom: 0;
          color: #fff;
     }
     .lets-go p>span:first-child {
          margin-left: 15px;
          font-size: 16px;
     }
     .lets-go p > span:last-child{
          font-size: 10px; 
          margin-left: 8px;
     }
     .page-titles-m{
          margin-top: 70px !important;
     }
}