@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800;900&family=Exo:wght@300;400;500;600;700;800;900&display=swap");
     @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');
     /*
font-family: 'Archivo', sans-serif;
font-family: 'Exo', sans-serif;
*/

     @import url("flaticon.css");
     @import url("fontawesome-all.css");
     @import url("animate.css");
     @import url("owl.css");
     @import url("jquery-ui.min.css");
     @import url("jquery.fancybox.min.css");
     @import url("jquery.bootstrap-touchspin.css");


     .left-filter-sec .filter-head-sec {
         display: flex;
         justify-content: space-between;
         background: #FDF8EB;
         align-items: center;
         border-radius: 5px 5px 0 0;
         padding: 18px 10px;
         border: 1px solid #FFFFFF;
     }

     .left-filter-sec .filter-head-sec h6 {
         font-size: 14px;
         color: #FF6600;
         font-weight: 500;
     }

     .left-filter-sec {
         position: sticky;
         top: 23%;
         border: 1px solid #fff;
         border-radius: 7px;
         height: max-content;
         box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     }

     .form-filter-select form {
         padding: 10px 10px;
         display: flex;
         justify-content: space-between;
     }

     .appoinment-w input {
         width: unset !important;
     }


     .appointment-article-1 input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: 4px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #E4E5E7;
    }
    .appointment-article-1 input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: 3px;
        left: -1px;
        position: relative;
        background-color: #FF5504;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #ffa500;
    }

     /* Remove the default arrow icon */
     .appointment-article-1 .accordion-button::after {
         content: '';
         display: none;
     }

     /* Styling for the toggle icon */
     .appointment-article-1 .toggle-icon {
         font-weight: bold;
         font-size: 1.5rem;
         margin-left: auto;
         /* Pushes the icon to the far right */
         transition: transform 0.2s ease;
         color: #B8B8B9;
     }

     .appointment-article-1 .accordion-button {
         color: #1E2124;
     }

     /* Remove the default arrow icon */
     .appointment-article-1 .accordion-button::after {
         content: '';
     }

     /* Styling for the toggle icon */
     .appointment-article-1 .toggle-icon {
         font-weight: 500;
         font-size: 1.5rem;
         margin-left: auto;
         /* Pushes the icon to the far right */
     }

     .appointment-article-1 input,
     textarea {
         width: unset
     }

     .appointment-article-1 .accordion-body {
         text-indent: 0;
     }

     .appointment-article-1 label {
         display: flex;
         justify-content: left;
         align-items: center;
         font-size: 13px;
     }

     /* Styling for the checkboxes */
     .appointment-article-1 input[type="checkbox"] {
         accent-color: #FF5504;
         /* Change to your preferred color */
     }

     /* Optional styling for checkbox labels */
     .appointment-article-1 .accordion-body label {
         margin: 8px 0;
         font-size: 16px;
         color: #333;
     }

     .appointment-article-1 .accordion-item {
         border: 1px solid rgb(0 0 0 / 0%);

     }

     .appointer-label-sec .appointer-right h6 {
        font-size: 17px;
        color: #0250B5;
        font-weight: 700;
        margin-bottom: 0px;
        line-height: 25px !important;
    }
     .appointer-label-sec .appointer-right h6 span {
         font-size: 11px;
         color: #AAAEB0;
         font-weight: 300;
     }

     .apt-card {
         border: 1px solid #e0e0e0;
         border-radius: 10px;
         padding: 10px;
         box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
         background-color: #fff;
         margin-bottom: 20px;
         overflow: hidden;
     }



     .appointer-left .profile-img {
         width: 100%;
         border-radius: 10px;
     }

     .speciality {
         font-size: 14px;
         color: #666;
         margin-top: 5px;
     }

     .rating {
         margin-top: 8px;
         font-size: 14px;
     }

     .rating .checked {
         color: #ffc107;
     }

     .rating .unchecked {
         color: #e0e0e0;
     }

     .languages {
         font-size: 14px;
         color: #666;
         margin-top: 10px;
     }

     .appt-final-sec {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-top: 0px;
     }

     .price {
         color: #d9534f;
         font-size: 18px;
     }

     .btn-special-sec {
         background-color: #FF5504;
         color: #fff;
         padding: 5px 20px;
         font-size: 13px;
         font-weight: 500;
         border: none;
         border-radius: 5px;
         transition: background-color 0.3s ease;

     }

     .btn-special-sec:hover {
         background-color: #025aa5;
         cursor: pointer;
     }


     .right-filter-sec .avilable-list {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding-bottom: 20px;
     }

     .right-filter-sec .avilable-list h5 {
         color: #1E2124;
         font-weight: 700;
     }

     .right-filter-sec .dropdown-sec {
         display: flex;
         justify-content: center;
         align-items: center;
         grid-gap: 10px;
     }

     .right-filter-sec .data-form {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     /* Dropdown styling */
     .right-filter-sec .data-list select {
         width: 100%;
         border-radius: 5px;
         border: 1px solid #adadad;
         color: #333;
         font-size: 1rem;
         padding: 10px 25px !important;
     }


     /* Option styling */
     .right-filter-sec .data-list select option {
         padding: 10px;
         background-color: #fff;
     }

     .right-filter-sec .spl-appt {
         font-size: 12px;
         margin: 0;
         padding: 0;
         color: #aaaeb0;
     }

     .right-filter-sec .different-appt {
         font-size: 11px;
         font-weight: 600;
         color: #000000;
         text-transform: capitalize;
     }

     .right-filter-sec .appointer-right-cont {
         padding-left: 0;

     }

     .right-filter-sec .appointer-right ul .checked {
         color: #FFB109;
         font-size: 10px;
     }

     .right-filter-sec .appointer-right ul .unchecked {
         color: #DADADA;
         font-size: 10px;
     }

     .right-filter-sec .lang-sec {
         color: #8F8F8F;
         font-size: 12px;
         padding-bottom: 0px;
         margin-bottom: 0px;
     }

     .right-filter-sec .lang-sec span {
         color: #000000;
         font-weight: 500;

     }

     .appt-final-sec h5 {
         font-weight: 700;
         color: #000;
     }

     .apt-card .appointer-left {
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .appointer-right .star-rate {
         line-height: 0;
     }

     .appointer-right-cont .appointer-right {
         padding: 10px 0;
     }

     .right-filter-sec {
         padding-left: 25px;
     }

     .speaker-block .image-box:before {
         position: absolute;
         left: 40px;
         right: 0;
         top: 0;
         bottom: 17px;
         border: 3px solid #dddddd;
         content: "";
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block .image-box {
         position: relative;
         padding: 17px 22px 0 0;
     }

     .speaker-block .inner-box {
         position: relative;
         max-width: 300px;
         margin: 0 auto;
     }

     .speaker-block {
         position: relative;
         margin-bottom: 25px;
     }

     .appointment-details-article .right-align-sec .therephist-details:nth-child(1) {
         margin-top: 0px;
     }

     .appointment-details-article .right-align-sec .therephist-details {
         margin-top: 25px;
     }

     .appointment-details-article .right-align-sec .therephist-details .inner-box-one {
         padding: 30px;
     }


     .appointment-details-article .right-align-sec .therephist-details .inner-box-one {
         background-color: #f1faff63;
         border-radius: 10px;
         box-shadow: 0 5px 18px 0 rgb(45 47 50 / 27%);
     }

     .appointment-details-article .right-align-sec .therephist-details .blog_avathar_logo::after {
         content: "";
         position: absolute;
         top: 20px;
         bottom: 20px;
         left: 0;
         width: 3px;
         background-color: #ff6a02;
     }

     .appointment-details-article .right-align-sec .therephist-details .inner-box-one {
         position: relative;
         /* background: linear-gradient(to right, #ff6a02 4%, #ffffff 4%, #ffffff 100%); */
     }

     .appointment-filter .right-align-sec .therephist-details .inner-box-one {
         background: unset;
     }

     .appointment-details-article .right-align-sec h5 {
         margin-bottom: 20px;
     }

     .appointment-details-article .right-align-sec .therephist-details .inner-box-one {
         display: flex;
     }

     .appointment-details-article .right-align-sec .therephist-details .blog_avathar_logo {
         -ms-flex: 0 0 100px;
         flex: 0 0 100px;
         max-width: 100px;
         overflow: hidden;
         /* margin-left: 10px; */
         margin-bottom: 20px;
     }

     .appointment-details-article .right-align-sec .therephist-details .blog_content {
         flex: calc(100% - 100px);
         max-width: calc(100% - 100px);
     }

     .speaker-detail-section .owl-carousel .owl-item img {
         border-radius: 20px;
     }

     .speaker-detail-section {
         position: relative;
         padding: 30px 0 0;
     }

     .speaker-detail-section .info-column h3 {
         font-size: 20px;
         line-height: 1.2em;
         color: #001376;
         font-weight: 600;
         margin-bottom: 15px;
     }

     .speaker-detail-section .info-column p {
         line-height: 30px;
         margin-bottom: 20px;
     }

     .speaker-detail-section .other-info h2 {
         font-size: 36px;
         line-height: 1.2em;
         color: #001376;
         font-weight: 700;
         margin-bottom: 40px;
     }

     .speaker-detail-section-2 .details-column .name a span {
         color: #ff4200 !important;
     }

     .speaker-detail-section-2 .tab-content .tab-content-card ul {
         border-bottom: 1px solid black;
     }

     .speaker-block {
         position: relative;
         margin-bottom: 25px;
     }

     .speaker-block .inner-box {
         position: relative;
         max-width: 300px;
         margin: 0 auto;
     }

     .speaker-block .image-box {
         position: relative;
         padding: 17px 22px 0 0;
     }

     .speaker-block .image {
         position: relative;
         border: 5px solid #ffffff;
         -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);
         box-shadow: 0 14px 20px rgba(0, 0, 0, .20);
         border-radius: 0 0 250px 250px;
         overflow: hidden;
         margin-bottom: 0;
     }

     .speaker-block .image-box:before {
         position: absolute;
         left: 40px;
         right: 0;
         top: 0;
         bottom: 17px;
         border: 3px solid #dddddd;
         content: "";
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block .inner-box:hover .image-box:before {
         border: 3px solid #081245;
         border-color: #fe9b4e;
         opacity: 1;
     }

     .speaker-block .image img {
         width: 100%;
         -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
         transition: all 400ms ease;
     }

     .speaker-block .inner-box:hover .image img {
         -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
         transform: scale(1.1);
     }

     .speaker-block .plus-icon {
         position: absolute;
         right: 25px;
         bottom: 20px;
         height: 50px;
         width: 50px;
         line-height: 50px;
         text-align: center;
         font-size: 20px;
         color: #081245;
         border-radius: 50%;
         background-color: #ffba00;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block .social-links {
         position: absolute;
         right: 30px;
         bottom: 20px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         background-color: #ffba00;
         border-radius: 50px;
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: bottom;
         -ms-transform-origin: bottom;
         transform-origin: bottom;
         visibility: hidden;
         opacity: 0;
         -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
         transition: all 400ms ease;
     }

     .speaker-block .inner-box:hover .social-links {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
         opacity: 1;
         visibility: visible;
     }

     .speaker-block .social-links a {
         position: relative;
         margin: 5px 0;
         height: 40px;
         width: 40px;
         display: block;
         font-size: 18px;
         line-height: 40px;
         text-align: center;
         border-radius: 50%;
         background-color: #ffba00;
         color: #081245;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block .social-links a:hover {
         color: #ffffff;
         background-color: #081245;
     }

     .speaker-block .info-box {
         position: relative;
         padding-top: 25px;
         text-align: center;
     }

     .speaker-block h4 {
         display: block;
         font-size: 24px;
         color: #001376;
     }

     .speaker-block h4 a {
         color: #001376;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block .designation {
         font-size: 14px;
         color: #555555;
     }

     .speaker-block-two {
         position: relative;
         margin-bottom: 50px;
     }

     .speaker-block-two .inner-box {
         position: relative;
     }

     .speaker-block-two .image-box {
         position: relative;
         padding: 20px 20px;
         max-width: 270px;
         margin: 0 auto;
     }

     .speaker-block-two .image {
         position: relative;
         height: 230px;
         width: 230px;
         border-radius: 50%;
         overflow: hidden;
         margin-bottom: 0;
     }

     .speaker-block-two .image-box:before {
         position: absolute;
         right: 0;
         top: 0;
         height: 140px;
         width: 140px;
         background-image: url(../images/icons/curved-border.png);
         content: "";
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .image img {
         width: 100%;
         -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
         transition: all 400ms ease;
     }

     .speaker-block-two .inner-box:hover .image img {
         -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
         transform: scale(1.1);
     }

     .speaker-block-two .plus-icon {
         position: absolute;
         left: 20px;
         bottom: 30px;
         height: 50px;
         width: 50px;
         line-height: 50px;
         text-align: center;
         font-size: 20px;
         color: #081245;
         border-radius: 50%;
         background-color: #ffffff;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .social-links {
         position: absolute;
         left: 25px;
         bottom: 35px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         background-color: #ffba00;
         border-radius: 50px;
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: bottom;
         -ms-transform-origin: bottom;
         transform-origin: bottom;
         visibility: hidden;
         opacity: 0;
         -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
         transition: all 400ms ease;
     }

     .speaker-block-two .inner-box:hover .social-links {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
         opacity: 1;
         visibility: visible;
     }

     .speaker-block-two .social-links a {
         position: relative;
         margin: 5px 0;
         height: 40px;
         width: 40px;
         display: block;
         font-size: 18px;
         line-height: 40px;
         text-align: center;
         border-radius: 50%;
         background-color: #ffba00;
         color: #081245;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .social-links a:first-child,
     .speaker-block-two .social-links a:last-child {
         margin: 0;
     }

     .speaker-block-two .social-links a:hover {
         color: #ffffff;
         background-color: #081245;
     }

     .speaker-block-two .info-box {
         position: relative;
         padding: 10px 0 30px;
         border-bottom: 1px solid #001373;
         text-align: center;
         max-width: 230px;
         margin: 0 auto;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .inner-box:hover .info-box {
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
         padding: 20px 0 20px;
     }

     .speaker-block-two .info-box:before {
         position: absolute;
         left: 0;
         bottom: 0;
         height: 0;
         width: 100%;
         content: "";
         background: #001373;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .inner-box:hover .info-box:before {
         height: 100%;
     }

     .speaker-block-two h4 {
         display: block;
         font-size: 24px;
         color: #ffffff;
     }

     .speaker-block-two h4 a {
         color: #ffffff;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-two .designation {
         position: relative;
         font-size: 14px;
         color: #ffffff;
     }

     .speaker-block-three {
         position: relative;
         margin-bottom: 40px;
         overflow: hidden;
     }

     .speaker-block-three .inner-box {
         position: relative;
         padding: 20px 25px 25px;
         text-align: center;
     }

     .speaker-block-three .inner-box:before {
         position: absolute;
         left: 7px;
         top: 0;
         height: 230px;
         width: 230px;
         border: 5px solid #ffffff;
         content: "";
     }

     .speaker-block-three .inner-box:after {
         position: absolute;
         right: 0;
         bottom: 0;
         height: 230px;
         width: 220px;
         border: 10px solid #247ffb;
         content: "";
     }

     .speaker-block-three .image-box {
         position: relative;
         padding: 10px;
         z-index: 1;
     }

     .speaker-block-three .image {
         position: relative;
         overflow: hidden;
         margin-bottom: 0;
         z-index: 9;
     }

     .speaker-block-three .image-box:before {
         position: absolute;
         left: 0;
         top: 0;
         height: 100%;
         width: 100%;
         content: "";
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
         background: #0019b2;
         background: -o-linear-gradient(45deg, #0019b2 0%, #2d0060 100%);
         background: linear-gradient(45deg, #0019b2 0%, #2d0060 100%);
         z-index: 1;
     }

     .speaker-block-three .image-box:after {
         position: absolute;
         left: -10px;
         bottom: -10px;
         height: 70px;
         width: 70px;
         background-color: rgba(255, 255, 255, .10);
         content: "";
     }

     .speaker-block-three .image img {
         width: 100%;
         -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
         transition: all 400ms ease;
     }

     .speaker-block-three .info-box {
         position: absolute;
         left: 30px;
         right: 30px;
         top: 30px;
         bottom: 30px;
         padding: 30px;
         z-index: 9;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .10);
         box-shadow: 0 3px 16px rgba(0, 0, 0, .10);
         background-color: rgba(255, 255, 255, .90);
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three h4 {
         display: block;
         font-size: 24px;
         color: #001376;
         font-weight: 600;
         margin-bottom: 5px;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three h4 a {
         color: #001376;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three .designation {
         font-size: 14px;
         color: #555555;
         margin-bottom: 20px;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three .social-links {
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 10px;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three .social-links a {
         display: block;
         text-align: center;
         line-height: 38px;
         margin: 0 3px 10px;
         height: 40px;
         width: 40px;
         border: 1px solid #1f1b79;
         border-radius: 50%;
         color: #081245;
         font-size: 16px;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three .social-links a:hover {
         background: #ff7500;
         border-color: #ff7500;
         color: #ffffff;
     }

     .speaker-block-three .text {
         position: relative;
     }

     /* Animate 1 */

     .speaker-block-three h4,
     .speaker-block-three .designation,
     .speaker-block-three .info-box,
     .speaker-block-three .social-links,
     .speaker-block-three .text {
         opacity: 0;
         -webkit-transform: translateY(50px);
         -ms-transform: translateY(50px);
         transform: translateY(50px);
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .speaker-block-three .image-box:hover h4,
     .speaker-block-three .image-box:hover .info-box,
     .speaker-block-three .image-box:hover .designation,
     .speaker-block-three .image-box:hover .social-links,
     .speaker-block-three .image-box:hover .text {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     /* Animate 2 */

     .speaker-block-three .image-box:hover h4 {
         -webkit-transition-delay: 200ms;
         -o-transition-delay: 200ms;
         transition-delay: 200ms;
     }

     /* Animate 3 */

     .speaker-block-three .image-box:hover .designation {
         -webkit-transition-delay: 400ms;
         -o-transition-delay: 400ms;
         transition-delay: 400ms;
     }

     /* Animate 4 */

     .speaker-block-three .image-box:hover .social-links {
         -webkit-transition-delay: 600ms;
         -o-transition-delay: 600ms;
         transition-delay: 600ms;
     }

     /* Animate 5 */

     .speaker-block-three .image-box:hover .text {
         -webkit-transition-delay: 800ms;
         -o-transition-delay: 800ms;
         transition-delay: 800ms;
     }

     .rtl .speaker-block .social-links {
         right: auto;
         left: 30px;
     }

     .rtl .speaker-block .plus-icon {
         right: auto;
         left: 25px;
     }

     .rtl .speaker-block .image-box {
         padding: 17px 0px 0 22px;
     }

     .rtl .speaker-block .image-box:before {
         right: 40px;
         left: 0px;
     }

     .rtl .speaker-block-two .plus-icon {
         left: auto;
         right: 20px;
     }

     .rtl .speaker-block-two .social-links {
         left: auto;
         right: 25px;
     }

     .rtl .speaker-block-two .image-box:before {
         right: auto;
         left: 0px;
         -webkit-transform: scaleX(-1);
         -ms-transform: scaleX(-1);
         transform: scaleX(-1);
     }

     #full-stars-example {

         /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
         .rating-group {
             display: inline-flex;
         }

         /* make hover effect work properly in IE */
         .rating__icon {
             pointer-events: none;
         }

         /* hide radio inputs */
         .rating__input {
             position: absolute !important;
             left: -9999px !important;
         }

         /* set icon padding and size */
         .rating__label {
             cursor: pointer;
             padding: 0 0.1em;
             font-size: 2rem;
         }

         /* set default star color */
         .rating__icon--star {
             color: orange;
         }

         /* set color of none icon when unchecked */
         .rating__icon--none {
             color: #eee;
         }

         /* if none icon is checked, make it red */
         .rating__input--none:checked+.rating__label .rating__icon--none {
             color: red;
         }

         /* if any input is checked, make its following siblings grey */
         .rating__input:checked~.rating__label .rating__icon--star {
             color: #ddd;
         }

         /* make all stars orange on rating group hover */
         .rating-group:hover .rating__label .rating__icon--star {
             color: orange;
         }

         /* make hovered input's following siblings grey on hover */
         .rating__input:hover~.rating__label .rating__icon--star {
             color: #ddd;
         }

         /* make none icon grey on rating group hover */
         .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
             color: #eee;
         }

         /* make none icon red on hover */
         .rating__input--none:hover+.rating__label .rating__icon--none {
             color: red;
         }
     }

     #half-stars-example {

         /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
         .rating-group {
             display: inline-flex;
         }

         /* make hover effect work properly in IE */
         .rating__icon {
             pointer-events: none;
         }

         /* hide radio inputs */
         .rating__input {
             position: absolute !important;
             left: -9999px !important;
         }

         /* set icon padding and size */
         .rating__label {
             cursor: pointer;
             /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
             padding: 0 0.1em;
             font-size: 1.5rem;
         }

         /* add padding and positioning to half star labels */
         .rating__label--half {
             padding-right: 0;
             margin-right: -0.6em;
             z-index: 2;
         }

         /* set default star color */
         .rating__icon--star {
             color: orange;
         }

         /* set color of none icon when unchecked */
         .rating__icon--none {
             color: #eee;
         }

         /* if none icon is checked, make it red */
         .rating__input--none:checked+.rating__label .rating__icon--none {
             color: red;
         }

         /* if any input is checked, make its following siblings grey */
         .rating__input:checked~.rating__label .rating__icon--star {
             color: #ddd;
         }

         /* make all stars orange on rating group hover */
         .rating-group:hover .rating__label .rating__icon--star,
         .rating-group:hover .rating__label--half .rating__icon--star {
             color: orange;
         }

         /* make hovered input's following siblings grey on hover */
         .rating__input:hover~.rating__label .rating__icon--star,
         .rating__input:hover~.rating__label--half .rating__icon--star {
             color: #ddd;
         }

         /* make none icon grey on rating group hover */
         .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
             color: #eee;
         }

         /* make none icon red on hover */
         .rating__input--none:hover+.rating__label .rating__icon--none {
             color: red;
         }
     }

     #full-stars-example-two {

         /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
         .rating-group {
             display: inline-flex;
         }

         /* make hover effect work properly in IE */
         .rating__icon {
             pointer-events: none;
         }

         /* hide radio inputs */
         .rating__input {
             position: absolute !important;
             left: -9999px !important;
         }

         /* hide 'none' input from screenreaders */
         .rating__input--none {
             display: none
         }

         /* set icon padding and size */
         .rating__label {
             cursor: pointer;
             padding: 0 0.1em;
             font-size: 1.5rem;
         }

         /* set default star color */
         .rating__icon--star {
             color: orange;
         }

         /* if any input is checked, make its following siblings grey */
         .rating__input:checked~.rating__label .rating__icon--star {
             color: #ddd;
         }

         /* make all stars orange on rating group hover */
         .rating-group:hover .rating__label .rating__icon--star {
             color: orange;
         }

         /* make hovered input's following siblings grey on hover */
         .rating__input:hover~.rating__label .rating__icon--star {
             color: #ddd;
         }
     }

     .speaker-details {
         position: relative;
         padding-top: 2px;
         margin-bottom: 15px;
     }

     .speaker-details .name a {
         color: #001376;
     }

     .speaker-details .name a {
         font-size: 20px;
         line-height: 1em;
         font-weight: 600;
         margin-bottom: 20px;
     }

     .speaker-details .designation {
         font-size: 14px;
         color: #ff9b00;
     }

     .speaker-info-list {
         margin-top: 16px;
     }

     .therephist-details .speaker-info-list li {
         margin-bottom: unset;
         font-size: 15px;
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         color: #555555;
     }

     .speaker-info-list li strong {
         display: block;
         font-weight: 700;
         color: #001376;
         min-width: 140px;
     }

     .speciality-list li:before {
         content: "\f621";
         font-family: "Font Awesome 6 Free";
         font-weight: 900;
         font-size: 12px;
         color: #ff6a02;
         margin-right: 6px;
         margin-top: -1px;
     }

     .hoster-new .wishlist-icon {
         position: absolute;
         top: 10px;
         right: 10px;
     }

     .share-icon-btn {
         position: relative;
         cursor: pointer;
     }

     .share-icons {
         position: absolute;
         right: 40px;
     }

     .hoster-new .share-nodes {
         border: unset;
         background: unset !important;
         width: unset;
         height: unset;
         border-radius: unset;
         display: unset;
         align-items: unset;
         justify-content: unset;
         margin-right: 5px;
     }

     .therephist-details .share-icons {
         border: 1px solid #140342;
         padding: 4px;
         border-radius: 5px;
         padding-bottom: 0;
     }

     .hoster-new .wishlist-icon a i {
         font-size: 20px;
     }

     .text-indent-50 {
         text-indent: 50px;
     }

     .stuty-price-table .material-price-table {
         overflow-x: scroll;
         scrollbar-width: none;
     }

     .stuty-price-table .material-price-table table {
         min-width: 460px;
     }

     .stuty-price-table .material-price-table table tr th:last-child,
     td:last-child {
         width: 19%;
     }

     .stuty-price-table table tr td:first-child,
     th:first-child {
         text-align: start;
     }


     .stuty-price-table table tr td,
     th {
         border: 1px solid #140342;
         text-align: center;
     }


     .stuty-price-table table thead tr {
         background: #ebebeb;
     }

     .stuty-price-table table thead tr th {
         padding: 8px;
     }

     .stuty-price-table table tbody tr td {
         padding: 4px 8px;
     }

     .stuty-price-table table thead tr th {
         color: #140342;
     }



     .book-wrapper {
         position: relative;
         padding: 0px;
     }

     .book-wrapper .book-items {
         position: relative;
         cursor: default;
         padding: 15px 15px 15px 0;
         margin: 0;
         display: grid;
         break-inside: avoid;
     }


     .book-wrapper .main-book-wrap {
         position: relative;
     }

     .book-wrapper .book-cover {
         position: relative;
     }

     .book-wrapper .book-cover .book-inside {
         position: absolute;
         width: 90%;
         height: 96%;
         top: 1%;
         left: 16px;
         border: 1px solid grey;
         border-radius: 2px 6px 6px 2px;
         background: white;
         box-shadow: 10px 40px 40px -10px #00000030, inset -2px 0 0 grey, inset -3px 0 0 #dbdbdb, inset -4px 0 0 white, inset -5px 0 0 #dbdbdb, inset -6px 0 0 white, inset -7px 0 0 #dbdbdb, inset -8px 0 0 white, inset -9px 0 0 #dbdbdb;
     }

     .book-wrapper .book-cover .book-image {
         line-height: 0;
         position: relative;
         border-radius: 2px 6px 6px 2px;
         box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2), 24px 28px 40px -6px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease-in-out;
         transform: perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(0.94);
         cursor: pointer;
     }

     .main-book-wrap-1 .book-image-1 {
         line-height: 0;
         position: relative;
         border-radius: 2px 6px 6px 2px;
         box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2), 24px 28px 40px -6px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease-in-out;
         transform: perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(0.94);
         cursor: pointer;
     }

     .book-wrapper .book-image img {
         grid-row: 1 / -1;
         grid-column: 1;
         width: 100%;
         border-radius: 2px 6px 6px 2px;
     }

     .book-wrapper .book-image:hover {
         transform: perspective(2000px) rotateY(0deg) translateX(0px) scaleX(1);
         transform-style: preserve-3d;
         box-shadow: 6px 6px 12px -1px rgba(0, 0, 0, 0.1), 20px 14px 16px -6px rgba(0, 0, 0, 0.1);
     }

     .effect {
         position: absolute;
         width: 20px;
         height: 100%;
         margin-left: 16px;
         top: 0;
         border-left: 2px solid #00000010;
         background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
         transition: all 0.5s ease;
         z-index: 5;
     }

     .light {
         height: 100%;
         border-radius: 3px;
         top: 0;
         right: 0;
         transition: all 0.5s ease;
         z-index: 4;
     }

     .book-image:hover .effect {
         margin-left: 14px;
     }

     .realvjy {
         width: 900px;
         padding: 20px;
         margin: 0 auto;
         font-family: sans-serif;
         text-align: center
     }

     .get-now-btn {
         display: none;
         transition: all 0.5s !important;
     }

     .book-image:hover .get-now-btn {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #0000006e;
         transition: all 0.5s !important;
         display: flex;
         align-items: center;
         border-radius: 5px;
         justify-content: center;
     }

     .get-now-btn a {
         min-width: 80px;
         position: relative;
         font-size: 14px;
         line-height: 23px;
         color: #ffffff !important;
         padding: 3px 12px;
         font-weight: 600;
         text-align: center;
         overflow: hidden;
         transition: all 0.5s !important;
         background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
         border-radius: 15px;
     }

     .owl-carousel-book .owl-nav {
         display: none !important;
     }

     .owl-carousel-book .owl-dots {
         display: block !important;
     }

     .course-books {
         border: 1px solid #dddddd;
         border-radius: 6px;
         padding: 8px;
         background: white;
     }

     .course-books .book-cover .book-image {
         transform: unset;
     }

     .course-content h4 {
         font-size: 19px;
         color: #140342;
         margin-bottom: 5px;
     }

     .course-content p {
         font-size: 14px;
         line-height: 24px;
         width: 95%;
         text-align: justify;
         margin-bottom: 5px;
     }

     .course-content ul {
         /* position: absolute; */
         width: -webkit-fill-available;
         bottom: 0;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .course-content li strong {
         font-size: 12px;
         font-weight: 600;
         color: gray;
     }

     .book-image img {
         grid-row: 1 / -1;
         grid-column: 1;
         width: 100%;
         border-radius: 2px 6px 6px 2px;
     }

     .book-image:hover {
         transform: perspective(2000px) rotateY(0deg) translateX(0px) scaleX(1);
         transform-style: preserve-3d;
         box-shadow: 6px 6px 12px -1px rgba(0, 0, 0, 0.1), 20px 14px 16px -6px rgba(0, 0, 0, 0.1);
     }

     .book-items .buy-now-btn a {
         min-width: 80px;
         position: relative;
         font-size: 14px;
         line-height: 23px;
         color: #ffffff !important;
         padding: 3px 12px;
         font-weight: 600;
         text-align: center;
         overflow: hidden;
         transition: all 0.5s !important;
         background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
         border-radius: 15px;
     }

     .book-items .buy-now-btn {
         display: none;
         transition: all 0.5s
     }

     .book-items .book-image:hover .buy-now-btn {
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
     }

     .owl-carousel-material .course-books:hover .book-image .buy-now-btn {
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
         transition: all 0.5s;
     }

     .appoint-study-sec-1 .sec-title {
         position: relative;
         margin-bottom: 0px;

     }

     /* .appoint-study-sec-1 {
         position: relative;
         z-index: -1;
     } */

     .book-wrapper .course-content {
         padding-top: 20px;
     }

     .pt-20 {
         padding-top: 20px;
     }

     .tips-subheading {
         display: flex;
         flex-direction: column !important;
         height: 220px;
         overflow-y: scroll;
         align-items: start;
         opacity: 1;
         transition: opacity 0.3s ease;
     }

     .tips-section-new .tips-parent .active {
         background: white;
         transition: all 0.5s;
         color: #ff6a02;
     }

     .tips-section-new .tips-parent button {
         padding: 8px;
         border-radius: unset;
         text-align: start
     }

     .tips-section-new .tips-parent .active {
         border-right: unset !important;
     }

     .tips-section-new .tip-overall {
         border: 9px solid #a3a3a3;
         background: #e1e1e1;
         padding: 0px;
         border-radius: 10px;
     }

     .tips-section-new .tips-parent .active {
         background: white;
         transition: all 0.5s;
         color: #ff6a02;
     }

     .tips-content .active {
         margin: 10px;
         height: 200px;
         margin-right: unset;
         padding-right: 10px;
         overflow-y: scroll;
     }

     .tip-overall .tips-content p {
         text-indent: 30px;
     }

     .knowledge-share-sec .about-sec {
         font-size: 14px;
     }

     .stuty-price-table .tab-content p {
         font-size: 14px;
     }

     .schedule-section {
         position: relative;
         overflow: hidden;
     }

     .finder-sec .schedule-tabs .image-box .wishlist-icon {
         position: absolute;
         top: 12px;
         left: 12px;
     }

     .finder-sec .schedule-tabs .image-box .wishlist-icon i {
         font-size: 24px;
         color: white;
         transition: all 0.5s;
     }

     .finder-sec .schedule-tabs .image-box .wishlist-icon i:active {
         color: red;
     }

     .event-finder .news-block.style-four {
         margin-bottom: 10px !important;
     }

     .quote-sec .book-wrapper {
         position: relative;
         padding: 0px;
     }

     .quote-sec .book-items {
         position: relative;
         cursor: default;
         padding: 0 15px;
         margin: 0;
         display: grid;
         break-inside: avoid;
     }

     .quote-article-sec .quotes-card {
         background: #fff5df;
         box-shadow: 0 0 10px gray;
         height: max-content;
         border: 2px solid white;
         padding: 10px;
         margin-bottom: 10px;
     }

     .quote-article-sec .quotes-card img {
         height: 150px;
         width: 100%;
     }

     .volunteering-sec #carousel-thumbs {
         padding: 0 50px;
     }

     .volunteering-sec .carousel-control-prev,
     .carousel-control-next {
         width: 50px;
         color: #ff5e0c;
         font-weight: 800;
         font-size: 25px;
     }

     .volunteering-sec .carousel-control-prev,
     .carousel-control-next:hover {
         color: #ff5e0c;
         font-weight: 800;
         font-size: 25px;
     }

     .new-testimonial-sec .text {
         color: #939393;
     }

     .new-testimonial-sec .boxshadow {
         box-shadow: 0px 1px 15px 1px #a49696;
     }

     .new-testimonial-sec .checked {
         color: orange;
     }


     .testimonial-block .text-box {
         position: relative;
         background-color: #ffffff;
         padding: 30px 30px 30px;
         -webkit-box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
         box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
         margin-bottom: 15px;
         height: 300px;
     }

     .new-testimonial-sec .card-body {
         padding: 60px 16px;
     }

     .new-testimonial-sec .checked {
         color: orange;
     }

     .new-testimonial-sec .big-testimonal-sec {
         justify-content: center;
         align-items: center;
         display: flex;
     }

     .new-testimonial-sec .card-title {
         padding-top: 10px;
     }

     .big-testimonal-sec img {
         width: 70%;
     }

     .new-testimonial-sec .card-text {
         font-size: 15px;
         padding-bottom: 10px;
     }

     .new-testimonial-sec .card {
         border: 2px solid #ff6b11;

     }

     .new-testimonial-sec .card {
         width: unset;
         max-width: unset;
     }

     .volunteering-sec .thumbnail-img {
         cursor: pointer;
         opacity: 0.6;
     }

     .volunteering-sec .thumbnail-img.active {
         opacity: 1;
         border: 2px solid #ffaa00;
     }

     .new-testimonial-sec .testimonial-block .text-box {
         box-shadow: 0px 1px 15px 1px #a49696;
         padding: 18px 18px 20px !important;
     }

     .new-testimonial-sec .testimonial-block {
         position: relative;
         padding: 15px;
     }

     .new-testimonial-sec .text-box p {
         font-size: 14px;
         text-align: justify;
     }

     .outer-box .testimonial-block .info-box .thumb {
         position: absolute;
         left: -10px;
         top: 0;
         height: 100px;
         width: 100px;
         overflow: hidden;
     }

     .outer-box .testimonial-block .info-box {
         padding-left: 90px;
         padding-top: 25px;

     }

     .outer-box .testimonial-block .info-box .rating {
         font-size: 14px;
     }

     .outer-box .testimonial-block .info-box .name {
         font-size: 15px;
     }



     /* .appointment-calender-new . */

     .appointment-calender-new .filter-option {
         width: 100%;
         background: transparent;
     }

     .appointment-calender-new .filter-main {
         display: flex;
         align-items: center;
     }

     .appointment-calender-new .filter-sec {
         /* background: linear-gradient(45deg, #ffcd00 1%, #ffae00 100%); */
         padding: 3px;
     }

     .appointment-calender-new .filter-option {
         width: 100%;
         background: transparent;
     }

     .hiden-sec {
         position: relative;
         margin: 0 5px;
         background: white;
         width: 15%;
         padding: 5px;
         border-radius: 7px;
         border-bottom: 1px solid #ffb600;
     }

     .filter-main {
         display: flex;
         align-items: center;
     }

     .appointment-calender-new .schedule-tabs {
         position: relative;
     }

     .appointment-calender-new .filter-main {
         display: flex;
         align-items: center;
     }

     .appointment-calender-new .event-title {
         font-weight: 600;
         color: black;
     }

     .appointment-calender-new .fs-label-wrap .fs-label {
         padding: 10px 21px 3px 8px !important;
         color: #3c3c3c;
         font-family: roboto'Roboto', sans-serif;
     }

     .appointment-calender-new .fs-arrow {
         top: 6px !important;
     }

     .appointment-calender-new .fs-wrap {
         width: 100% !important;
     }

     .biography-sec .parent-tabs {
         padding: unset;
         border-radius: 10px;
         box-shadow: 0 2px 10px #b9b9b9;
     }

     .appointment-calender-new .parent-tabs li button {
         background: #fff !important;
         color: gray;
         border: none !important;
         border-radius: 10px 0 0 0;
     }

     .appointment-calender-new .parent-tabs li:last-child button {
         border-radius: 0 10px 0 0;
     }

     .appointment-calender-new .parent-tabs .active {
         background: #fff !important;
         color: #ff6a02;
         border-right: none !important;
     }

     .appointment-calender-new .parent-tabs .nav-tabs .active {
         border-bottom: 3px solid #081245 !important
     }



     .schedule-tabs {
         position: relative;
     }

     .schedule-tabs .btns-box {
         position: relative;
         display: block;
         margin-bottom: 50px;
     }

     .schedule-tabs .tab-buttons {
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }

     .event-finder .schedule-tabs .tab-buttons li {
         height: 50px;
     }

     .schedule-tabs .tab-buttons li {
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: end;
         -ms-flex-align: end;
         align-items: flex-end;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         height: 78px;
         width: 165px;
         background-color: #ffffff;
         border: 1px solid #ff7c00;
         margin: 0 -1px;
         cursor: pointer;
         -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .schedule-tabs .tab-buttons li .day {
         position: absolute;
         left: 65px;
         top: -15px;
         min-width: 120px;
         padding: 10px 20px;
         color: #081245;
         font-size: 18px;
         line-height: 20px;
         font-weight: 600;
         text-align: center;
         border: 1px solid #ff7c00;
         border-top: 0;
         border-radius: 0 0 10px 10px;
     }

     .schedule-tabs .tab-buttons li.active-btn {
         background: #e2e2e2;
         box-shadow: 0 15px 20px rgb(0 0 0 / 41%);
     }

     .schedule-tabs .tab-buttons li.active-btn .day {
         background-color: #081245;
         border: 1px solid #081245;
         color: #ffffff;
     }

     .schedule-tabs .tab-buttons li .date-box {
         position: relative;
         min-height: 21px;
         margin-bottom: 15px;
         text-align: center;
     }

     .schedule-tabs .tab-buttons li .date {
         position: absolute;
         left: 0;
         top: 2px;
         font-size: 48px;
         line-height: 40px;
         font-weight: 700;
         color: #ffba00;
         font-family: 'Exo', sans-serif;
     }

     .schedule-tabs .tab-buttons li .month {
         display: block;
         font-weight: 700;
         font-size: 14px;
         color: #081245;
         line-height: 1em;
         text-transform: uppercase;
         font-family: 'Exo', sans-serif;
     }

     .schedule-tabs .tab-buttons li .month .colored {
         display: block;
         font-size: 16px;
         line-height: 1em;
         color: #ff4200;
         margin-bottom: 10px;
     }

     .biography-sec .day-parent i {
         color: #ff8e3f;
         padding-right: 5px;
     }

     .biography-sec .day-parent #selected-month {
         color: #001376
     }

     .biography-sec .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
         position: relative;
     }

     .biography-sec c .carousel button i {
         color: #ff8014;
     }

     .biography-sec .calendar-parent {
         overflow-x: hidden;
         scrollbar-width: thin;
     }

     .day-parent .carousel-dates {
         padding-top: 12px;
         height: max-content;
         padding-bottom: 8px;
     }

     .biography-sec .carousel-dates {
         display: flex;
         overflow-x: auto;
         scrollbar-width: thin;
         justify-content: space-around;
         width: 100%;
     }

     .biography-sec .date-cell {
         flex: 0 0 auto;
         padding: 6px;
         text-align: center;
         width: 47px;
         cursor: pointer;
         margin: 1px;
         border-radius: 5px;
         border: 1px solid #ddd;
         transition: all 0.4s;
         font-size: 14px;
         color: gray;
         line-height: 20px;
         height: max-content;
     }

     .biography-sec .date-cell.selected-date {
         border: 1px solid #ff6a02;
         color: #ff6a02;
         background: transparent;

     }

     .calendar-parent .date-cell {
         flex: 0 0 auto;
         padding: 6px;
         text-align: center;
         width: 47px;
         cursor: pointer;
         margin: 1px;
         border-radius: 5px;
         transition: all 0.4s;
         font-size: 14px;
         line-height: 20px;
         height: max-content;
     }

     .appointment-calender-new #formModal .modal-content #details-form {
         padding: 10px;
         height: 300px;
         overflow-y: scroll;
     }

     .appointment-calender-new #formModal .modal-content #details-form input {
         width: 95%;
         border: 1px solid gray;
         border-radius: 3px;
     }

     .appointment-calender-new #formModal .modal-content #details-form label {
         color: #000;
     }

     .appointment-calender-new .modal {
         background: #00000087;
         padding-top: 5%;
     }

     .appointment-calender-new .modal .modal-content {
         margin: auto;
         max-width: 350px;
         margin-top: 100px;
         border: 2px solid orange;
     }

     #time-buttons {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
     }

     .day-parent .carousel-dates .today {
         color: #ff6a02;
     }

     .selected-date {
         background: #ff6a02;
         color: white;
     }

     #time-buttons {
         margin-top: 10px;
     }

     #time-buttons button {
         padding: 0px 10px !important;
         border: 1px solid gray !important;
         border-radius: 3px !important;
         line-height: 20px;
         margin-bottom: 5px;
         margin-right: 6px;
         min-width: 61px;
     }

     .selected-time {
         color: #ff6a02 !important;
         border: 1px solid #ff6a02 !important;
     }

     .audio_video li button {
         font-size: 16px !important;
         transition: all 0.5s;
     }

     .audio_video li button span {
         opacity: 0.4;
         transition: all 0.5s;
     }

     .audio_video li button i {
         color: #ff6a02;
     }

     .audio_video li:hover button {
         color: #ff6a02 !important;
     }

     .audio_video li .active {
         color: #ff6a02 !important;
         transition: all 0.5s;
     }

     .audio_video li:hover button span {
         opacity: 10;
     }

     .audio_video li .active span {
         opacity: 10;
     }

     .modal {
         display: none;
         position: fixed;
         z-index: 1000;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.4);
     }

     .modal-content {
         background-color: #fefefe;
         padding: 10px;
         width: 80%;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
         animation: modalopen 0.4s;
     }

     @keyframes modalopen {
         from {
             opacity: 0;
             transform: translateY(-50px);
         }

         to {
             opacity: 1;
             transform: translateY(0);
         }
     }

     .close-form,
     .close-confirmation,
     .close-month-picker {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }

     .close-form:hover,
     .close-confirmation:hover,
     .close-month-picker:hover,
     .close-form:focus,
     .close-confirmation:focus,
     .close-month-picker:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }

     /* Styles for the calendar and time selection */

     .calendar-header button {
         background: none;
         border: none;
         cursor: pointer;
     }

     .calendar-header button i {
         font-size: 24px;
     }

     .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .carousel-dates {
         display: flex;
         overflow-x: auto;
         scrollbar-width: thin;
     }

     .date-cell {
         flex: 0 0 auto;
         padding: 5px;
         text-align: center;
         width: 47px;
         cursor: pointer;
         margin: 1px;
         border-radius: 5px;
     }

     .date-cell.today {
         font-weight: bold;
         color: #4caf50;
     }

     .date-cell.selected-date {
         border: 1px solid #ff6a02;
         color: #ff6a02;
         background: transparent;
     }

     .time-selection {
         display: none;
         padding: 10px;
         height: 185px;
         overflow-y: scroll;
     }

     .time-selection h3 {
         margin: 10px 0;
     }

     .time-selection table {
         width: 100%;
         display: flex;
         margin-bottom: 10px;
         flex-wrap: wrap;
     }

     .time-selection table tr {
         margin-right: 6px;
         margin-bottom: 5px;
     }

     .time-selection button {
         padding: 1px 7px;
         font-size: 13px;
         min-width: 80px;
         cursor: pointer;
         border: 1px solid #ccc;
         border-radius: 4px;
         background-color: #f8f8f8;
         transition: background-color 0.3s;
         width: 100%;
     }

     .time-selection button:hover {
         background-color: #e0e0e0;
     }

     .time-selection button.selected-time {
         border-color: #039be5;
     }

     /* Styles for the theme button */

     .btn-style-two {
         font-size: 16px;
     }

     .btn-title {
         font-weight: bold;
     }

     /* Styles for the month picker grid */

     .month-picker-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 10px;
         padding: 10px;
     }

     .month-picker-grid button {
         padding: 10px;
         border: none;
         background-color: #ddd;
         cursor: pointer;
         border-radius: 5px;
     }

     .month-picker-grid button:hover {
         background-color: #bbb;
     }

     .year-picker {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 10px;
         background-color: #f1f1f1;
         margin-bottom: 10px;
     }

     .year-picker button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 24px;
         margin: 0 10px;
     }

     .center-class {
         display: flex;
         justify-content: center;
         align-items: center;
         padding-top: 50px;
     }

     #time-selection p {
         color: #140342;
     }

     #time-selection p i {
         color: #ff6a02;
     }

     .biography-sec {
         position: sticky;
         top: 27%;
         height: max-content;
     }


     .main-footer {
         z-index: -9;
     }

     .arrow-1 {
         position: absolute;
         right: 0;
         width: 30px;
         height: 100%;
         font-size: 18px;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .button:hover .arrow-1 {
         animation: slide-right .6s ease-out both;
     }

     .apt-filter-sec .filter {
         border: 1px solid #FF5504;
         width: 40%;
         padding: 10px;
         background: #FF5504;
         color: #fff;
         border-radius: 15px;
         font-size: 20px;
         font-weight: 500;
     }

     .appointment-article-1 .appointment-top-sec {
         display: flex;
         justify-content: center;
         align-items: center;
         margin-bottom: 20px;
     }

     .share-heart {
         display: flex;
         column-gap: 10px;
         align-items: center;
     }

     .share-heart i {
         color: #ccc
     }

     .share-heart .active i {
         color: orange;
     }

     .filter,
     .close-filter {
         display: none;
     }

     .owl-carousel {
         z-index: unset;
     }

     .volunteering-sec .carousel-control-prev,
     .carousel-control-next {
         z-index: unset;
     }