/*Custom css*/
:root{
  --blue: #23224C;
  --green: #1ba698;
  --white: #fff;
  --offwhite:#eeeeee;
  --black: #000;
  --lightgrey:#b7b7b7;
  --steel: #7c7c7c;
  --error: #dc3545;
}
@font-face {
    font-family: "firstlogo-light";
    src: url("../MadaniArabicRegular.ttf");
}
@font-face {
    font-family: "firstlogo-bold";
    src: url("../MadaniArabicSemiBold.ttf");
}
.rtl p, .rtl a, .rtl nav, .rtl li, .rtl ol, .rtl ul, .rtl div, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6{
  font-family: "firstlogo-light" !important;
} 
#section-id-1603796347973,#section-id-1603796347973>div{border-bottom-left-radius: 150px;}
.styled-title .sppb-addon-title:before {position: absolute; content: ""; width: 14px; height: 3px; background: linear-gradient(95.55deg, #1ca799 4.25%, #1ba698 93.67%); bottom: 9px; right: 0;} 
#column-id-1603796349925>div:before{content: ''; width: 400px; height: 400px; background: #f3f3f3; border-radius: 50%; position: absolute; right: -235px; top: 0px; z-index: -1; opacity: .9;}
.rtl .sp-megamenu-parent > li > a .nav-counter, .rtl .sp-megamenu-parent > li > span .nav-counter {position: absolute; top: -10px; right: 0; left: auto; opacity: 0.5; font-size: 13px;} 
#sp-header.classic-header #menu-wrapper ul.sp-megamenu-parent .sp-dropdown {right: 80% !important; transition: 0.3s; width: 0 !important;}

.profile {margin-top: 100px;}
.view-login section#sp-main-body {margin-top: 100px;}
.dataTables_wrapper .dataTables_filter label {display: flex; align-items: center; background: #fff; margin-bottom: 10px;}
.dataTables_wrapper .dataTables_filter input[type="search"] {border: 1px solid #bebebe;} 
.dataTables_wrapper .dataTables_length label {display: flex; align-items: center; gap: 10px; background: white; padding: 0px 8px;}
.dataTables_wrapper .dataTables_length label select {padding-top: 0; padding-bottom: 0;}
.doctors_listing_section {gap: 15px; list-style-type: none;}

table.dataTable thead th select {font-size: 15px;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position: relative; padding-left: 30px; cursor: pointer;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top: 12px; left: 5px; height: 15px; width: 15px; display: block; position: absolute; color: var(--white); border: 1px solid var(--white); border-radius: 15px; text-align: center; line-height: 13px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: var(--blue);}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content: '-'; background-color:var(--green);}
.appoint_info_data {display: flex; align-items: center; gap: 10px;}

.appoint_info_data .Booked,
.appoint_info_data .Cancel,
.appoint_info_data .Confirmed {display: block; text-align: left; vertical-align: middle; position: relative; margin: 10px 0; font-size: 16px; background:none; text-transform: capitalize;}

.appoint_info_data .Booked{color: var(--black);}
.appoint_info_data .Confirmed {color: var(--black);}
.appoint_info_data .Cancel {color: var(--black);}


.appoint_info_data .Booked:before,
.appoint_info_data .Cancel:before,
.appoint_info_data .Confirmed:before {content: ""; display: inline-block; width: 24px; height: 24px; border-radius: 5px; margin-right: 10px; vertical-align: middle;}

.appoint_info_data .Booked:before {background: #fff3cd;}
.appoint_info_data .Confirmed:before {background: #d4edda;}
.appoint_info_data .Cancel:before {background: #f8d7da;}

.table-striped tbody tr.Booked{background-color: #fff3cd; color: var(--blue);}
.table-striped tbody tr.Confirmed{background-color: #d4edda; color: var(--blue);}
.table-striped tbody tr.cancelled{background-color: #f8d7da; color: var(--blue);}

table.dataTable button.CancelButton,
table.dataTable button.ConfirmedButton {width: 80px; margin: 5px 0; padding: 2px 5px 5px 5px; font-size: 12px; line-height: 1.5; font-weight: normal;}
table.dataTable button.ConfirmedButton{background-color: var(--green); border-color: var(--green);}
/* CSS START FROM 21-11-22 */
.sidebar_popup.cust-sidebar {padding: 2rem  1rem 0;}

/* .cust_popup_view{max-width: 94%; margin:0 auto; z-index: 9999; overflow: hidden!important; padding: 0!important;} */
.cust_popup_view {max-width: 100%; margin: 0 auto; z-index: 9999; padding: 0!important; top: 20px; left: 20px; right: 20px; bottom: 20px; transform: translate(0%, 0%); background: #f6f8fb; border: 0; border-radius: 6px;}
.cust_popup_view::-webkit-scrollbar {width: 5px; border-radius:6px;}
.cust_popup_view::-webkit-scrollbar-track {background: #f1f1f1;}
.cust_popup_view::-webkit-scrollbar-thumb {background: #888;}
.cust_popup_view::-webkit-scrollbar-thumb:hover {background: #555;}
.cust_popup_view .modal-dialog.modal-sm {margin: 0;}
.cust_popup_view .modal-content{background-color: transparent; border:0; border-radius: unset;}
.cust_popup_view .modal-header{background-color: var(--blue); border-bottom:1px solid var(--blue); border-top-left-radius: 6px; border-top-right-radius: 6px;}

.cust_popup_view .modal-title {margin: 0; color: var(--white); text-align: center;}
.cust_popup_view .close{color: var(--white); opacity: 1;}
.cust_popup_view .custom_grid_body{padding: 0; display: block; background: #F6F8FB;}
.cust_popup_view .mainbar_popup{padding: 1rem;}

.cust_popup_view .sidebar_listing {display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; align-content: center;}
.cust_popup_view .sidebar_listing .w3-bar-item {color: var(--lightgrey); text-align: center; font-weight:bold; position: relative; width: 100%; display: block; padding: 8px 16px; border: none; white-space: normal; float: none; outline: 0;}
.cust_popup_view .sidebar_listing .w3-bar-item:after{position: absolute; top: 65%; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ""; background-color: var(--lightgrey); z-index: 0;}
.cust_popup_view .sidebar_listing .w3-bar-item.active:after{background-color: var(--blue);}
:lang(ar-aa) .cust_popup_view .sidebar_listing .w3-bar-item:last-child:after{content: none;}
:lang(en-gb) .cust_popup_view .sidebar_listing .w3-bar-item:first-child:after{content: none;}
.cust_popup_view .sidebar_listing .w3-bar-item.Completed.active{color: var(--blue);}
.cust_popup_view .sidebar_listing .w3-bar-item .icons { display: block; width: 24px; height: 24px; margin-left: auto; margin-right: auto; color: var(--white); position:relative; text-align: center; font-weight: 600; font-size: 12px; line-height: 24px; background: var(--lightgrey); box-sizing: border-box; vertical-align: middle; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; z-index:1;}
.cust_popup_view .sidebar_listing .w3-bar-item.Completed.active .icons{background: var(--blue); font-size:0;}
.cust_popup_view .sidebar_listing .w3-bar-item.Completed.active .icons:before {content: ""; background: url('/development/templates/wimble/images/check-white.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cust_popup_view .sidebar_listing .w3-bar-item.active {color: var(--blue);}
.cust_popup_view .sidebar_listing .w3-bar-item.active .icons {background: var(--blue); color: var(--white);} */

.cust_popup_view .alert-danger{width: 100%; display:block;}
.cust_popup_view .row{margin-left: 0;margin-right: 0;}
.cust_popup_view .cust_title_blog {padding-left: 0; padding-right: 0;}
.cust_popup_view .custom_title {display: block; text-align: center; color: var(--blue); padding-bottom: 1rem; margin-bottom: 1.5rem; font-size: 24px; position:relative;}
.cust_popup_view .custom_title:after{content: ""; display: block; width: 130px; height: 1px; background: var(--green); margin:5px auto 0 auto;}
.cust_popup_view .doctors_listing_section {gap: 2rem; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0rem;}
.cust_popup_view .doctors_listing_section .doctors {cursor: pointer; background: var(--offwhite); color: var(--steel); padding: 0px; border-radius: 6px; text-align: center; position:relative;}
.cust_popup_view .doctors_listing_section .doctors:hover,
.cust_popup_view .doctors_listing_section .doctors:focus,
.cust_popup_view .doctors_listing_section .doctors.active{background-color: var(--green); color: var(--white); box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);}
.cust_popup_view .doctors_listing_section .doctors .doctor_details {padding: 0 10px;}
.cust_popup_view .doctors_listing_section .doctors .select_doctor {font-size: 20px; line-height: 22px; text-transform: capitalize; display:block; margin-bottom:0.5rem;}
.cust_popup_view .doctors_listing_section .doctors .select_img img {border-radius: 6px 6px 0 0; aspect-ratio: 1/1; margin: 0 auto 0.5rem auto;}
.cust_popup_view .doctors_listing_section .doctors .select_depart {display: block; font-size: 14px;}

.cust_popup_view .doctors_listing_section .facility {cursor: pointer; background: var(--offwhite); color: var(--steel); padding: 0px; border-radius: 6px; text-align: center; position:relative;}
.cust_popup_view .doctors_listing_section .facility:hover,
.cust_popup_view .doctors_listing_section .facility:focus,
.cust_popup_view .doctors_listing_section .facility.active{background-color: var(--green); color: var(--white); box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);}
.cust_popup_view .doctors_listing_section .facility .doctor_details {padding: 0 10px;}
.cust_popup_view .doctors_listing_section .facility .select_facility {font-size: 20px; line-height: 22px; text-transform: capitalize; display:block; margin-bottom:0.5rem;}
.cust_popup_view .doctors_listing_section .facility .select_img img {border-radius: 6px 6px 0 0; aspect-ratio: 1/1; margin: 0 auto 0.5rem auto;}
.cust_popup_view .doctors_listing_section .facility .select_depart {display: block; font-size: 14px;}


.cust_popup_view .control_group {margin-bottom: 30px;}
.cust_popup_view .control_group label{transform: none; color: var(--blue); font-size:14px; font-weight: normal;}
.cust_popup_view .control_group input{background-color: var(--white)!important; border:1px solid #D1D1D1!important; height:57px; padding: 15px 26px!important; font-size: 14px!important; font-weight: 500!important; border-radius: 6px!important; letter-spacing: normal!important;}
.cust_popup_view .control_group input::placeholder{color: var(--blue); font-size:14px;}
.cust_popup_view .control_group input:-ms-input-placeholder{color: var(--blue); font-size:14px;}
.cust_popup_view .control_group input::-webkit-input-placeholder{color: rgba(41, 45, 50, 0.5); font-size:16px;}

.cust_popup_view .errorbox, .cust_popup_view .control_group input.errorbox{border: 1px solid #ff0000!important;}
.cust_popup_view .doctor_booking_time_section {padding: 20px;} 
.cust_popup_view .doctor_booking_time_section ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; list-style-type: none; padding:0;}
.cust_popup_view .doctor_booking_time_section li {background-color: var(--green); border-radius: 20px; text-align: center; color: var(--white); padding:10px; cursor:pointer;}

.cust_popup_view button#ConfirmBooking {display: inline-block; background-color: var(--green); color: var(--white); padding: 4px 15px 6px 15px;border-radius: 30px; height: 45px; font-size: 16px; border: 2px solid var(--green); cursor: pointer;}
.cust_popup_view .btn-control_group input#SubmitDetails {margin-left: 0; border-radius: 75px; height: 45px; min-width: 135px; text-align: center;}

.cust_popup_view .error-msg {color: red; margin:0 0 1rem 0; text-align: center;}

.doctor_service_selection {list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap:2rem;}
.doctor_service_selection .service_data_list {background-color: var(--offwhite); color: var(--steel); padding: 0px; text-align: center; border-radius: 6px; cursor: pointer;}
.doctor_service_selection .service_data_list:hover,
.doctor_service_selection .service_data_list:focus,
.doctor_service_selection .service_data_list.active{background-color: var(--green); color: var(--white); box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18);}

.doctor_service_selection .service_data_list .img-blog img {border-radius: 6px 6px 0 0; margin-bottom: 0.5rem;}
.doctor_service_selection .service_data_list .title-blog {font-size: 18px; text-transform: capitalize; margin-bottom: 0.5rem; padding: 0 10px;}
.doctor_service_selection .service_data_list .desc-blog p {margin: 0 0 0.5rem; font-size: 12px; padding:0 10px;}
.doctor_service_selection .service_data_list .duration-blog {font-size: 14px; margin-bottom:0.5rem; font-weight: bold; padding:0 10px;}

.custom-btn-group {text-align: center; margin: 2rem 0;}
/*CALENDER CSS START*/
.doctor_booking_calender_section {padding: 20px; background: var(--white);}
.fc .fc-toolbar-title{color: var(--blue);}
.fc-theme-standard td, .fc-theme-standard th{color: var(--blue);}
.fc .fc-button-primary:disabled{background-color: #6a6a6a!important; border-color: #6a6a6a!important;}
.fc .fc-button-primary{background-color: var(--blue)!important; border-color: var(--blue)!important;}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{box-shadow: none!important;}
.fc .fc-daygrid-day.fc-day-today{background-color: var(--green)!important; color: var(--white);}
.fc .fc-daygrid-day-top{justify-content: center;}
.fc .fc-highlight{background-color: var(--green)!important; color: var(--white);}
/*CALENDER CSS CLOSE*/
.booked_detail {margin-top: 100px;}
.IndicateBooked, .IndicateAvailable{display:block; text-align: left; vertical-align: middle; position: relative; margin-bottom: 20px; font-size:16px;}
.IndicateBooked {color: grey;}
.IndicateAvailable {color: var(--green);}
.IndicateBooked:before {content: ""; display: inline-block; width: 30px; height: 30px; border-radius: 5px; margin-right: 23px; background: grey; vertical-align:middle;}
.IndicateAvailable:before {content: ""; display: inline-block; width: 30px; height: 30px; border-radius: 5px; margin-right: 23px; background: var(--green); vertical-align:middle;}
:lang(ar-aa) .IndicateBooked, :lang(ar-aa) .IndicateAvailable{text-align: right;}
:lang(ar-aa) .IndicateBooked:before, :lang(ar-aa) .IndicateAvailable:before{margin-right: 0; margin-left: 23px;}

.info_list {display: flex; gap: 30px; justify-content: center; margin-bottom:30px;}
.info_list .doctor_detail, .info_list .patient_detail{background: var(--white); border: 1px solid #D1D1D1; border-radius: 6px; padding: 40px;}
.info_list .data_ques{display: block; color: var(--blue); font-weight: bold; font-size:16px; line-height:normal;}
.info_list .data_ans{display: block; color: rgba(35, 34, 76, 0.7); font-weight: normal; font-size:16px; line-height:normal; word-break: break-word;}
.info_list h6{position: relative; padding-left:30px;}
.info_list h6:before{content: ""; display:inline-block; width:24px; height: 24px; position: absolute; left: 0; top: 5px;}
:lang(ar-aa) .info_list h6{padding-right: 30px; padding-left:0px;}
:lang(ar-aa) h6:before{right: 0; left: unset;}
.info_list h6.Data_Facility:before{background: url('/development/templates/wimble/images/location_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_doctorname:before{background: url('/development/templates/wimble/images/dr_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_Service:before{background: url('/development/templates/wimble/images/services_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_Date:before{background: url('/development/templates/wimble/images/date_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_Time:before{background: url('/development/templates/wimble/images/time_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_PatientName:before{background: url('/development/templates/wimble/images/pat_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_Patient_Email:before{background: url('/development/templates/wimble/images/email_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.info_list h6.Data_Patient_Number:before{background: url('/development/templates/wimble/images/phone_icon.svg'); background-size:contain; background-repeat: no-repeat; background-position: center center;}

.thanks_section {background: var(--white); border: 1px solid #D1D1D1; border-radius: 6px; padding: 23px; text-align: center; margin-top: 50px; margin-left: auto; margin-right: auto;}
.thanks_section img {margin: 0 auto;}
.thanks_section h2 {font-weight: 600; color: var(--blue); font-size: 26px;}
.booking_id {text-align: center; margin: 50px 0;}
.booking_id h3 {display: inline-block; border: 1px dashed var(--blue); border-radius: 85px; padding: 10px 25px;}
.ThankYou .btn_cust_group {text-align: center; margin-bottom: 30px;}
.btn_cust_group .btn-primary {border-radius: 30px; max-height: 45px; padding: 10px 25px; line-height: 25px;}

.float-reverse{cursor: pointer;}
.btn_prev {width: 100px !important; max-height: 45px !important; background: #6a6a6a; font-weight: bold; line-height: 25px; color: var(--white); border: 0 none; border-radius: 30px; cursor: pointer; padding: 10px 5px!important; margin: 2rem auto 1rem!important; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; display: block;} 
.btn-control_group {display: flex; align-items: center; justify-content: center; align-content: center; text-align: center; gap: 10px;}
.btn-control_group .btn_prev {display: inline-block;  margin: 0rem!important;}
.share_btn {border-radius: 4px; background: #25d366; color: var(--white); max-height: 45px; padding: 10px 25px!important; line-height: 25px!important;}
.share_btn i {margin-right: 8px; font-size: 18px;}


/* MEMBERSHIP DESIGN CSS START */
.com-rsmembership section#sp-section-1 {margin-top: 90px;}
.cust_special_title {display: flex; align-items: center; gap: 10px; width: 100%; text-align: center; justify-content: center; margin-bottom: 2rem;}
.com-rsmembership .switch{width: 94px; height:40px;}
.switch .slider{background-color: #1CA799; border-radius: 249px;}
.switch input:checked + .slider{background-color: #1CA799;}
.switch .slider:before{width: 32px; height:32px; border-radius:54px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}
.switch input:checked + .slider:before{-webkit-transform: translateX(54px); -ms-transform: translateX(54px); transform: translateX(54px);}

.rsmemgrid-row .rsmemgrid-card {color: var(--white); border-radius: 10px; flex: calc(33.333333% - 30px); max-width: calc(33.333333% - 30px); margin: 0px 15px 0; padding: 20px; border: 0;}
.rsmemgrid-row .rsmemgrid-card.Monthly:nth-child(1){background: linear-gradient(170.01deg, #1CA799 -6.88%, #0073C7 104.88%);}
.rsmemgrid-row .rsmemgrid-card.Monthly:nth-child(3){background: #22214B; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.rsmemgrid-row .rsmemgrid-card.Monthly:nth-child(5){background: linear-gradient(349.24deg, #1CA799 -1.05%, #0073C7 102.24%);}
.rsmemgrid-row .rsmemgrid-card.Yearly:nth-child(2){background: linear-gradient(170.01deg, #1CA799 -6.88%, #0073C7 104.88%);}
.rsmemgrid-row .rsmemgrid-card.Yearly:nth-child(4){background: #22214B; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.rsmemgrid-row .rsmemgrid-card.Yearly:nth-child(6){background: linear-gradient(349.24deg, #1CA799 -1.05%, #0073C7 102.24%);}

.rsmemgrid-row .rsmemgrid-card .rsm_thumbnail img.rsm_thumb {margin: 0 auto;}
.rsmemgrid-row .rsmemgrid-card .rsmemgrid-card-title{text-align: center; margin-bottom:2rem; font-size: 25px!important; line-height: 29px;} 
.rsmemgrid-row .rsmemgrid-card h2.rsm_title.rsm_price small {font-size: 42px; line-height: 20px; color: var(--white); font-weight: bold; display:inline-block;}
.rsmemgrid-row .rsmemgrid-card h2.rsm_title.rsm_price span.category {font-size: 15px; line-height: 20px;}
.rsmemgrid-row .rsmemgrid-card .rsmemgrid-card-title a {font-size: 25px; line-height: 29px; color: var(--white);}

.rsmemgrid-row .rsmemgrid-card ul{margin: 1rem 0;}
.rsmemgrid-row .rsmemgrid-card ul li {list-style-type: none; border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 14px 0; position:relative; font-size: 16px; line-height: 20px;}
.rsmemgrid-row .rsmemgrid-card ul li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.rsmemgrid-row .rsmemgrid-card ul li:after {content: "\f00c"; width: 20px; height: 20px; border-radius: 20px; background: #fff; text-align: center; text-indent: -2px; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 20px; position: absolute; right: 0; font-size: 12px; color: #1CA799;}
.rsmemgrid-row .rsmemgrid-card ul li.unable_feature:after {content: "\f00d"; width: 20px; height: 20px; border-radius: 20px; background: #fff; text-align: center; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 20px; position: absolute; right: 0; font-size: 12px; color: #FF0000;}
.rsmemgrid-row .rsmemgrid-card p {font-weight: 400; font-size: 14px; line-height: 24px;}
.rsmemgrid-row .rsmemgrid-card .rsmemgrid-btn-group{display: block;}
.rsmemgrid-row .rsmemgrid-card .rsmemgrid-btn-group .rsmemgrid-btn {background: #fff; border-radius: 30px; height: 45px; width: 175px; text-transform: capitalize; color: #1CA799; display: block; margin: 0 auto; text-align: center; flex: 0 auto; padding: 10px; line-height: 25px;}
.rsmemgrid-row .rsmemgrid-card.Monthly:nth-child(3) .rsmemgrid-btn-group .rsmemgrid-btn{color: #22214B;}
.rsmemgrid-row .rsmemgrid-card.Yearly:nth-child(4) .rsmemgrid-btn-group .rsmemgrid-btn{color: #22214B;}

div#rsm_subscribe_preview {background: #FFFFFF; box-shadow: 0px 0px 36px rgb(0 0 0 / 15%); border-radius: 5px; padding: 50px 30px;}
.com-rsmembership h3.page-header {font-size: 24px; line-height: normal; color: #22214B;}

.com-rsmembership label {color: #616161; font-size: 16px; line-height: 20px;}
.com-rsmembership textarea, 
.com-rsmembership input[type="text"], 
.com-rsmembership input[type="password"], 
.com-rsmembership input[type="datetime"], 
.com-rsmembership input[type="datetime-local"], 
.com-rsmembership input[type="date"], 
.com-rsmembership input[type="month"], 
.com-rsmembership input[type="time"], 
.com-rsmembership input[type="week"], 
.com-rsmembership input[type="number"], 
.com-rsmembership input[type="email"], 
.com-rsmembership input[type="url"], 
.com-rsmembership input[type="search"], 
.com-rsmembership input[type="tel"], 
.com-rsmembership input[type="color"], 
.com-rsmembership .uneditable-input{background: #FFFFFF; border: 1px solid #D1D1D1; border-radius: 6px; height: 46px!important; color: #AFAFAF; font-size: 15px; line-height: 20px;}


.icons img {display: inline-block;}
.cust_purchase_row {gap: 3rem; justify-content: space-between; margin-left: 0; margin-right: 0;}
.cust_purchase_row .rsmemgrid-col-form-label {border: 1px solid #1CA799; border-radius: 6px; list-style:none; margin: 0; display: flex; gap: 12px; padding: 20px;}
.cust_purchase_row .rsmemgrid-col-form-label .desc_data label {color: #23224C; font-size: 20px; line-height: 20px; margin-bottom: 4px;}
.cust_purchase_row .rsmemgrid-col-form-label .desc_data .rsmemgrid-form-control-plaintext {padding: 0; color: #616161; font-size: 16px;}

.cust_info_membership {border-top: 1px solid #1CA799; border-bottom: 1px solid #1CA799; padding-top: 20px; margin: 2rem 0;}
.cust_info_membership .page-header{margin-bottom: 0;}
.cust_info_membership .rsmemgrid-form-group .rsmemgrid-col-form-label {flex: 100%; max-width: 100%; padding-top:0; padding-bottom: 0;}

.cust-payment_info .cust_payment_row {list-style: none; column-gap: 3rem; justify-content: space-between; margin-left: 0; margin-right: 0;}
.cust-payment_info .cust_payment_row .rsmemgrid-col-form-label {padding-bottom: 0; padding-top: 0; padding-left: 30px; position: relative;}
.cust-payment_info .cust_payment_row li.payment_field:before{content: ""; width: 25px; height: 25px; display: block; background: url('../../images/icons/pay-membership.png'); background-repeat:no-repeat; background-size:auto; position: absolute; left: 0; top:5px;}
.cust-payment_info .cust_payment_row li.grand_total_field:before{content: ""; width: 25px; height: 25px; display: block; background: url('../../images/icons/total-membership.png'); background-repeat:no-repeat; background-size:auto; position: absolute; left: 0; top:5px;}
.cust-payment_info .cust_payment_row li.grand_total_field .rsmemgrid-col-form-label{flex: 100%; max-width:100%; padding-top:0; padding-bottom:0;}

.cust-payment_info .cust_payment_row .rsmemgrid-form-check {padding-left: 0;}
.cust-payment_info .cust_payment_row .rsmemgrid-col-form-label>label {color: #22214B; font-size: 18px; line-height: 43px;}
.cust-payment_info .cust_payment_row .rsmemgrid-form-check .rsmemgrid-form-check-input{display: none; margin: 0; padding: 0;}
.cust-payment_info .cust_payment_row .rsmemgrid-form-check .rsmemgrid-form-check-input+label:before {content: ""; display: inline-block; width: 24px; height: 24px; padding: 3px; margin-right: 3px; background-clip: content-box; border: 2px solid #1CA799; background-color: #e7e6e7; border-radius: 50%;}
.cust-payment_info .cust_payment_row .rsmemgrid-form-check .rsmemgrid-form-check-input:checked + label:before {background-color: #1CA799;}
.cust-payment_info .cust_payment_row .rsmemgrid-form-check label {display: flex; align-items: center; gap:10px;}

.com-rsmembership .rsmembership_form .cust_btn_group {margin: 0; padding: 0; background: none; border: 0; text-align: center; display: flex; align-items: center; justify-content: center;}
.com-rsmembership .rsmembership_form .rsmemgrid-btn {border-radius: 30px; height: 45px; min-width: 140px;}
.com-rsmembership .rsmembership_form .btn-primary{background: #1CA799; color: var(--white);}
.com-rsmembership .rsmembership_form .btn-secondary {background: #757575; color: var(--white);}

.custom_rs_m_form .item-page {margin-bottom: 50px;}
.cust_grid_form_view {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 6rem; position: relative;}
.cust_grid_form_view .rsmemgrid-form-group{position: relative; padding-left:35px;}
.cust_grid_form_view .rsmemgrid-form-group:before{content: ''; width: 25px; height:25px; display:block; position: absolute; left: 15px; top:5px;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(1):before{background: url('../../images/icons/user-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(2):before{background: url('../../images/icons/mail-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(3):before{background: url('../../images/icons/location-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(4):before{background: url('../../images/icons/city-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(5):before{background: url('../../images/icons/map-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(6):before{background: url('../../images/icons/zip-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(7):before{background: url('../../images/icons/country-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(8):before{background: url('../../images/icons/clinic-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(9):before{background: url('../../images/icons/calender-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(10):before{background: url('../../images/icons/user-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(11):before{background: url('../../images/icons/phone-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(12):before{background: url('../../images/icons/mail-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view .rsmemgrid-form-group:nth-child(13):before{background: url('../../images/icons/calender-membership.png'); background-repeat:no-repeat; background-size:auto;}
.cust_grid_form_view:after{content: ""; width: 1px; height:100%; background: #1CA799; position:absolute; top: 0; left:50%; transform: translate(-50%, 0);}
.cust_grid_form_view .rsmemgrid-row .rsmemgrid-col-sm-4, 
.cust_grid_form_view .rsmemgrid-row .rsmemgrid-col-sm-8 {flex: 100%; max-width: 100%; padding-top:0; padding-bottom:0;}
.cust_grid_form_view .rsmemgrid-row .rsmemgrid-col-form-label label {color: #22214B; font-size: 18px; line-height: 29px;}
.cust_grid_form_view .rsmemgrid-row .rsmemgrid-form-control-plaintext {color: rgba(97, 97, 97, 1); font-size: 18px; line-height: 29px; padding:0;}

div#rsm_subscribe_container {background: #FFFFFF; box-shadow: 0px 0px 36px rgb(0 0 0 / 15%); border-radius: 5px; padding: 50px 50px 20px;}
ul.cust_bank_detail {list-style: none; border: 1px solid #1CA799; border-radius: 6px; padding: 50px; max-width: 35%; margin: 0 auto;}
ul.cust_bank_detail li{position: relative; margin-bottom:1rem; padding-left: 35px; font-size: 18px; line-height: 27px;}
ul.cust_bank_detail li:before{content: ''; width: 25px; height:25px; display:block; position: absolute; left: 0px; top:5px;}
ul.cust_bank_detail li:nth-child(1):before{background: url('../../images/icons/user-membership.png'); background-repeat:no-repeat; background-size:auto;}
ul.cust_bank_detail li:nth-child(2):before{background: url('../../images/icons/account-membership.png'); background-repeat:no-repeat; background-size:auto;}
ul.cust_bank_detail li:nth-child(3):before{background: url('../../images/icons/bank-membership.png'); background-repeat:no-repeat; background-size:auto;}
ul.cust_bank_detail li label{color: #22214B; font-size: 18px; line-height: 27px; display: block;}
.cust_btn_group {margin: 0; background: none; border: none; text-align: center;}
.cust_btn_group .btn-primary{border-radius: 30px; height: 45px; min-width: 140px; float: none!important;}
div#rsm_thankyou {background: #FFFFFF; box-shadow: 0px 0px 36px rgb(0 0 0 / 15%); border-radius: 6px; padding: 50px 50px;}
div#rsm_thankyou_container {text-align: center;} 
div#rsm_thankyou_container img {margin: 0 auto;} 
div#rsm_thankyou_container h1 {text-transform: capitalize; color: #23224C; font-size: 60px;}
div#rsm_thankyou_container p {font-size: 24px; color: #616161;}

/* MEMBERSHIP DESIGN CSS CLOSE */

@media (min-width: 768px) and (max-width: 1024px){
  .cust_popup_view .doctors_listing_section{grid-template-columns: repeat(2, 1fr);}
  .doctor_service_selection {grid-template-columns: repeat(2, 1fr);}
  .cust_popup_view .doctor_booking_time_section ul{grid-template-columns: repeat(2, 1fr);}

  .rsmemgrid-row .rsmemgrid-card {flex: calc(50% - 30px); max-width: calc(50% - 30px); margin-bottom:1rem;}
}
@media screen and (max-width: 767px) {
  .sidebar_popup.cust-sidebar {padding: 1rem 0rem;}
  .cust_popup_view .sidebar_listing .w3-bar-item:after{top: 50%;}
  .cust_popup_view .custom_grid_body{display: block;}
  .cust_popup_view .sidebar_listing {display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; gap: 10px; counter-reset: step;}
  .cust_popup_view .doctors_listing_section{grid-template-columns: repeat(2, 1fr); gap: 1rem;}
  .cust_popup_view .doctors_listing_section .doctors .select_doctor {font-size: 18px; line-height: 20px;}
  .cust_popup_view .doctors_listing_section .doctors .select_depart {display: block; font-size: 12px; line-height: 14px;}
  .cust_popup_view .doctors_listing_section .facility .select_facility {font-size: 18px; line-height: 20px;}
  .cust_popup_view .doctors_listing_section .facility .select_depart {display: block; font-size: 12px; line-height: 14px;}

  .cust_popup_view .sidebar_listing .w3-bar-item{text-align: center; padding: 0;}
  .cust_popup_view .sidebar_listing .w3-bar-item .icons{margin: 0 auto; line-height: 26px;}
  .cust_popup_view .sidebar_listing .w3-bar-item .menu-title {display: none;}
  .doctor_service_selection {grid-template-columns: repeat(1, 1fr);}
  .cust_popup_view .doctor_booking_time_section ul{grid-template-columns: repeat(1, 1fr);}
  .cust_popup_view .custom_title{font-size: 18px;}
  .custom-btn-group button {margin-bottom: 1rem;}
  .fc .fc-button {padding: 5px!important; font-size: 12px!important;}
  .fc .fc-toolbar-title{font-size: 12px!important;}
  .doctor_booking_calender_section{padding: 15px;}

  .info_list {flex-direction: column;}
  .btn_cust_group .btn{margin-bottom: 10px;}

  .info_list .doctor_detail, .info_list .patient_detail{padding: 10px;}
  .rsmemgrid-row .rsmemgrid-card {flex: 100%; max-width: 100%; margin:1rem 0;}

  div#rsm_subscribe_preview, div#rsm_subscribe_container {background: none; box-shadow: none; border-radius: 0; padding: 0;}
  .cust_grid_form_view {grid-template-columns: repeat(1, 1fr);}
  .cust_grid_form_view:after{display: none;}
  ul.cust_bank_detail{max-width: 100%; padding: 35px;}
  div#rsm_thankyou {background: #FFFFFF; box-shadow: 0px 0px 5px rgb(0 0 0 / 15%); border-radius: 6px; padding: 20px 20px;}
  div#rsm_thankyou_container h1 {font-size: 38px;}
  div#rsm_thankyou_container p {font-size: 18px;}

}

/* HEADER CSS START */
.sppb-btn-rounded {border-radius: 50px !important;}
body .sppb-btn, body .btn {padding: 2px 15px 3px 15px; /* margin-top: 8px; */ position: relative; z-index: 1; font-weight: 600; font-size: 15px; line-height: 2; text-align: center; border: none; margin-left: 10px; margin-right: 10px;}
.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before{background-color: #1ca799;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{display: inline-block; margin-right: 20px; margin-left: 20px; padding: 10px 0; display: inline-block; line-height: 1.4; font-size: 14px; text-transform: uppercase; font-weight: 500; position: relative;}
#sp-header.transparent-header .sp-megamenu-parent > li > a {color: #22214b;}
.sp-megamenu-parent > li > a {font-size: 14px !important;}
.mod-languages {margin: 0px 20px;}
#sp-menu>.sp-column nav.sp-megamenu-wrapper{margin-top: 0;}

.rtl .sp-megamenu-parent > li > a:before, .rtl .sp-megamenu-parent > li > span:before{right: 0;}
.rtl .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before, .rtl .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:not(.sp-menu-badge):before{right: -42px; left: auto;}
/* HEADER CSS CLOSE */ 

/* FOOTER CSS START */

#sp-bottom {background-color: transparent !important; background-image: url('../footer.jpg') !important; background-size: cover !important; background-position: center center !important;}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus{color: var(--white);}
.sp-scroll-up{display:none !important;}
.float-reverse {position: fixed; bottom: 10px; left: 10px; background-color: #22214b; color: #fff !important; font-weight:bolder; border-radius: 50px; text-align: center; font-size: 14px; z-index: 100; padding: 10px 10px;}
.my-float{font-size: 42px; margin-top: 7px;}

.float {position:fixed; width:42px; height:42px; bottom:10px; right:10px; left:auto; background-color: #22214b; color:#FFF; border-radius:50px; text-align:center; z-index:1000; animation: bot-to-top 2s ease-out;}
ul.ficon {position: fixed; right: 10px; padding-bottom: 30px !important; bottom: 50px; z-index: 100;} 
ul.ficon li {list-style: none; margin-bottom: 10px;}
ul.ficon li a {width: 42px; height: 42px; background-color: #22214b; color: #FFF; border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; display: block;}
a.float + ul {visibility: hidden;} 
a.float:hover + ul {visibility: visible; animation: scale-in 0.5s;}
ul.ficon:hover {visibility: visible !important;}
a i.icon {font-size: 23px; margin-top: 10px;}
.dif-position{margin-top: 0 !important; position: absolute; top: 10px; left: 11px}
a.float i{animation: rotate-in 0.5s;}
a.float:hover > i{animation: rotate-out 0.5s;}

@keyframes bot-to-top {
    0% {bottom: -60px}
    50% {bottom: 40px}
}
@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}
@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
.bordered-icon>div>div>a>img{border: 1px solid white; padding: 5px; border-radius: 10px;}
/* FOOTER CSS CLOSE */

/* HOME PAGE CSS START */
div.sp-slider .sp-nav-control .nav-control{border: none !important; background: transparent !important; line-height: 50px;}
.sppb-testimonial-carousel-testi_layout1 {direction: ltr !important;}
.sppb-carousel-extended-item {border-bottom: 5px solid #1ba799;}
/* HOME PAGE CSS CLOSE */
.sp-page-title {margin-top: 90px; padding: 100px 0px;}
.sp-page-title {background-color: transparent !important; background: url('../pattern.png') !important; /* background-size: cover !important; */ /* background-position: center center !important; */}
.sp-page-title>div {text-align: center;}
.sp-page-title-heading {color: #fff; font-weight: 900; font-size: 46px;}
.sp-page-title .sp-page-title-heading{color: #fff; font-weight: 900; font-size: 46px; line-height: 1.2; letter-spacing: normal; position: unset; margin-left: 0; -webkit-text-fill-color:unset; -webkit-text-stroke-color:unset; -webkit-text-stroke-width: unset;}
.sp-page-title .sp-page-title-heading:before{display: none;}
.article-intro-image>img {border-top: 7px solid #1ba698; margin-bottom: 15px; padding-top: 3px;}
.wimble-article-author-wrap, .fields-container {display: none !important;}
.article-info {display: none;}

body .sppb-btn.sppb-btn-default, 
body .sppb-btn.sppb-btn-primary, 
body .sppb-btn.btn-primary, 
body .btn.sppb-btn-default, 
body .btn.sppb-btn-primary, 
body .btn.btn-primary{background: var(--green); color: var(--white);}
body .sppb-btn.sppb-btn-default:hover, 
body .sppb-btn.sppb-btn-default:focus, 
body .sppb-btn.sppb-btn-default:active, 
body .sppb-btn.sppb-btn-primary:hover, 
body .sppb-btn.sppb-btn-primary:focus, 
body .sppb-btn.sppb-btn-primary:active, 
body .sppb-btn.btn-primary:hover, 
body .sppb-btn.btn-primary:focus, 
body .sppb-btn.btn-primary:active, 
body .btn.sppb-btn-default:hover, 
body .btn.sppb-btn-default:focus, 
body .btn.sppb-btn-default:active, 
body .btn.sppb-btn-primary:hover, 
body .btn.sppb-btn-primary:focus, 
body .btn.sppb-btn-primary:active, 
body .btn.btn-primary:hover, 
body .btn.btn-primary:focus, 
body .btn.btn-primary:active{background: linear-gradient(95.55deg, #1ba698 4.25%, #1ca799 93.67%);}
.about-2-box {background: #1ba698;}

.view-article .article-details div[itemprop="articleBody"] {max-width: 100%; margin: 0 auto; padding-top: 120px;}
.view-article.itemid-324 .article-details .wimble-article-details-title-wraper{display: none;}
label{transform: none;}


@media (max-width: 1450px) {
    /* HEADER CSS START */
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {margin-right: 7px; margin-left: 25px;}
    /* HEADER CSS CLOSE */ 
}

@media (max-width: 1199px) {
     /* HEADER CSS START */
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {margin-right: 5px; margin-left: 10px;}
    /* HEADER CSS CLOSE */ 
}
@media screen and (min-width:1200px){
  .bordered-img:before{content: ""; position: absolute; top: -10px; left: -10px; width: 540px; height: 359px; background:#1fac9d;}
  .view-article .container{max-width: 1140px; padding-right: 15px; padding-left: 15px;}
}