/*!
Theme Name: Rooyesh
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called Rooyesh, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Rooyesh
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Rooyesh is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face{
font-family:"iransans2";
font-style:normal;
font-weight:bold;
src:url('./fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
src:url('./fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),url('./fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),url('./fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
/* @font-face{
font-family:"iransans2";
font-style:normal;
font-weight:500;
src:url('./fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
src:url('./fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),url('./fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),url('./fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),url('./fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face{
font-family:"iransans2";
font-style:normal;
font-weight:300;
src:url('./fonts/eot/IRANSansWeb(FaNum)_Light.eot');
src:url('./fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),url('./fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),url('./fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),url('./fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face{
font-family:"iransans2";
font-style:normal;
font-weight:200;
src:url('./fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
src:url('./fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),url('./fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),url('./fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),url('./fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
} */
@font-face{
font-family:"iransans2";
font-style:normal;
font-weight:normal;
src:url('./fonts/eot/IRANSansWeb(FaNum).eot');
src:url('./fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),url('./fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),url('./fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),url('./fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
* {
font-family:"iransans2";
padding: 0;
margin: 0;
}
html , body {
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
scrollbar-color: #29ab65 #d1d1d1;
scrollbar-width: thin;
color: unset;
}
/* SCROLL-BAR Not FireFox */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #d1d1d1;
}
::-webkit-scrollbar-thumb {
background: #29ab65;
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background: #066734;
}
/* SCROLL-BAR Not FireFox */
.therapistsImageTotal{
max-width: 100%;
}
body {
position: relative;
font-size: 14px;
/* overflow-x: hidden; */
}
.primary-color {
background-color: #f5fafe !important;
}
.text-primary {
color: #2aa962 !important;
}
.underline{
border-bottom: 1px solid #2aa962;
}
.main-color {
background-color: #2ca5b5;
}
p, h1, h2, h3, h4, h5, h6, a, ul li, span {
font-family: "iransans2";
}
h2 {
font-size: 1.7rem !important;
margin: 0;
}
p {
font-size: 1.1rem !important;
text-align: justify;
color: #000;
margin: 0;
}
h1, h2, h3 {
font-weight: bold !important;
margin: 0;
}
.page-template-page-books .service-card::before{
display: none !important;
}
.page-numbers{
background: #eee;
padding: 6px;
border-radius: 4px;
color: #3d3d3d;
margin: 0 3px;
}
/* Slick-Slider public CSS */
#carouselExampleIndicators{
direction: rtl;
}
.carousel-control-prev-icon::after , .carousel-control-next-icon::after {
content: " " !important;
}
.header-slider-parent .home-page-header-slider .slick-track{
padding: 0 !important;
}
.slick-dots {
z-index: 10;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
margin-top: 2.5rem;
bottom: unset;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 11px;
height: 6px;
margin: 0 2px !important;
padding: 0;
cursor: pointer;
background-color: #daeae0;
border-radius: 15px;
transition: all 0.2s ease-in-out;
}
.slick-dots li.slick-active {
background-color: #39b26f;
width: 33px;
}
.header-intro-slider .slick-dots{
margin-top: 0rem !important;
}
.slick-dots li button {
display: none;
}
.slick-track {
direction: ltr !important;
}
[dir="rtl"] .slick-slide {
float: left !important;
}
.carousel-control-next {
width: max-content;
left: auto !important;
right: -1.5rem !important;
}
.carousel-control-prev {
width: max-content;
right: auto !important;
left: -1.5rem !important;
}
.slider-next-icon {
width: 2rem !important;
height: 2rem !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.theme_admin_loading{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ffffffb5;
z-index: 9999;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.theme_spinner {
border: 4px solid #f3f3f3; /* Light gray */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%);
transform: translateY(-50%);
}
.slider-prev-icon {
width: 2rem !important;
height: 2rem !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
/* Slick-Slider public CSS */
a {
color: unset;
}
.title-circle {
}
.paymentTable td{
padding: 15px;
border: 2px solid #35ad7d;
}
.header-intro-slider{
position: absolute !important;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.modal-backdrop.show {
opacity: 0.8;
}
.action-header-buttons {
align-items: center;
justify-content: left;
}
#dropdownMenuButton1{
margin-left: 9px;
}
.action-button{
background-color: transparent;
border: 2px solid #28a772;
padding: 0.5rem 1rem;
border-radius: 25px;
display: flex;
z-index: 1;
width: max-content;
color: #12965f;
overflow: hidden;
position: relative;
transition: 0.2s ease-in-out;
}
.action-button:hover{
color: #0d743b;
}
.action-button::before {
content: "";
display: block;
position: absolute;
background-color: #dbeae0;
border-radius: 45px;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 0;
z-index: -1;
transition: 0.2s ease-in-out;
}
.action-button:not([disabled]):hover::before {
height: 100%;
}
/* .action-header-buttons .action-button.login-register:hover {
background-color: #dbeae0;
} */
.action-button:hover svg path {
fill: #39b26f;
}
.action-button:hover span {
color: #0d743b;
}
.cart{
margin-left: 10px;
position: relative;
}
.cart svg path, .cart svg circle{
stroke: #29a670;
stroke-width: 1.3px;
}
.miniCartItem{
text-align: right;
margin-top: 17px;
}
.miniCartItem img{
width: 100%;
}
.miniCartItem .type{
color: #757575;
font-size: 14px;
}
.checkoutTable tr:nth-child(2n+1){
background: #f7f7f7;
}
.checkoutTable td{
padding: 15px;
font-size: 16px;
}
.checkoutTable{
border-radius: 25px;
overflow: hidden;
}
.cart .count{
background: #e75c5c;
color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
text-align: center;
padding: 0px 0px 5px 0px;
top: -9px;
right: -8px;
}
.cart:hover .cartPopupContainer{
display: block;
}
.cartPopupContainer{
padding-top: 10px;
display: none;
position: absolute;
left: -135px;
top: 30px;
}
.cartPopup{
background: #fff;
box-shadow: 0px 0px 15px 0px #00000038;
border-radius: 10px;
padding: 7px 20px 20px 20px;
width: 340px;
text-align: left;
}
.miniCartItem:not(:first-child)::before {
border-top: 1px dashed #ddd;
content: '';
display: inline-block;
position: relative;
width: 90%;
margin: 0% 5% 5% 5%
}
.action-button svg {
width: 15px;
margin-left: 0.25rem;
transition: 0.2s ease-in-out;
}
.action-button svg path {
fill: #a5a5a5;
transition: 0.2s ease-in-out;
}
.action-button span {
color: #12965f;
white-space: nowrap;
margin-top: auto;
margin-bottom: auto;
font-size: 0.8rem;
transition: 0.2s ease-in-out;
}
.usersTable thead{
background-color: #eee;
}
.usersTable th{
padding: 10px;
}
.mt-7{
margin-top: 7rem;
}
.mt-10{
margin-top: 10rem;
}
/* General Styles */
/* Top Navbar */
.header {
height: 90px;
}
.navbar {
padding: 0rem 0rem;
box-shadow: none !important;
flex-direction: column;
/* box-shadow: 0 -2px 10px 1px rgba(0,0,0,.2) !important; */
}
.navbar-fixed {
background-color: #fff !important;
box-shadow: 0 0 7px 0 rgba(0,0,0,.1) !important;
position: fixed !important;
z-index: 15 !important;
width: 100%;
}
.navbar .navbar-brand img {
width: 100%;
height: 70px;
object-fit: contain;
}
.navbar-nav .nav-item {
margin: 0 1rem;
}
.navbar-nav .nav-item .nav-link {
text-align: center;
position: relative;
}
.navbar-nav .nav-item .nav-link svg {
width: 27px;
height: 27px;
object-fit: contain;
transition: 0.2s ease-in-out;
}
.navbar-nav .nav-item .nav-link::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
background-color: #daeae0;
right: 0;
border-radius: 50%;
left: 23px;
margin: 0 auto;
z-index: -1;
transition: 0.2s ease-in-out;
}
@keyframes Circle-Zoom {
0% {
width: 0;
height: 0;
visibility: visible;
opacity: 0;
}
50% {
width: 12.5px;
height: 12.5px;
opacity: 0.5;
}
100% {
width: 25px;
height: 25px;
opacity: 1;
}
}
.navbar-nav .nav-item .nav-link svg path {
fill: #dbdbdd;
transition: 0.2s ease-in-out;
}
.nav-link svg.noFillIcon path {
fill: #fff !important;
stroke: #dbdbdb !important;
}
.nav-item:hover .nav-link svg.noFillIcon path{
fill: #fff !important;
stroke: #39b26f !important;
}
.navbar-nav .nav-item .nav-link span {
display: block;
color: #5d5d5d;
margin-top: 0.5rem;
font-size: 0.9rem;
transition: 0.2s ease-in-out;
}
.navbar-nav .nav-item:hover .nav-link::before, .navbar-nav .nav-item.active .nav-link::before {
/* visibility: visible;
opacity: 1; */
animation: Circle-Zoom 0.4s ease-in forwards;
}
.navbar-nav .nav-item:hover .nav-link svg path, .navbar-nav .nav-item.active .nav-link svg path {
fill: #39b26f;
}
.navbar-nav .nav-item:hover .nav-link span, .navbar-nav .nav-item.active .nav-link span {
color: #39b26f;
}
.therapQuote{
background: #daeae0;
padding: 10px 23px;
border-radius: 40px;
color: #0a5a28;
}
.nav-item.academy .nav-link::after {
content: "";
position: absolute;
display: block;
background-color: #e5f4ed;
width: 25px;
height: 0;
border-radius: 50%;
bottom: -35px;
left: 0;
right: 0;
margin: 0 auto;
/* visibility: hidden;
opacity: 0; */
transition: 0.2s ease-in-out;
}
.nav-item.academy:hover .nav-link::after {
/* visibility: visible;
opacity: 1; */
height: 25px;
}
.submenu-academy.noMegaMenu{
width: auto;
left: auto;
right: -30px;
}
.submenu-academy.noMegaMenu .submenu-academy-inner{
padding: 1rem 1rem;
}
.submenu-academy.noMegaMenu .submenu-academy-inner .links-item a{
color: #747474;
transition: 0.2s ease-in-out;
}
.submenu-academy.noMegaMenu .submenu-academy-inner .links-item.dot:before{
content: "";
position: absolute;
top: 10px;
right: 0px;
border-radius: 50%;
background-color: #28a772;
}
.submenu-academy.noMegaMenu .submenu-academy-inner .links-item a:hover{
color: #39b26f;
}
.submenu-academy.noMegaMenu .submenu-academy-inner .submenu-academy-item {
padding: 0px;
}
.submenu-academy.noMegaMenu .nav-item{
margin: 0;
}
.submenu-academy.noMegaMenu .nav-link{
text-align: right;
}
.submenu-academy {
display: none;
position: absolute;
width: 950px;
right: 0;
left: 0;
text-align: center;
margin: 0 auto;
padding: 20px 0 0;
background: transparent;
z-index: 9999999;
}
.submenu-academy .submenu-academy-inner {
display: flex;
flex-direction: row;
position: relative;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0;
background-color: #fff;
padding: 2rem 1.5rem;
border-radius: 40px;
list-style-type: none;
box-shadow: 0 0 7px 0px rgba(0,0,0,.1);
}
.submenu-academy .submenu-academy-inner .submenu-academy-item {
width: 25%;
padding: 0 1rem;
}
.submenu-academy.noMegaMenu .submenu-academy-inner .submenu-academy-item {
width: max-content;
padding-left: 20px;
}
.submenu-academy.noMegaMenu .links-item .icon {
width: 35px;
height: 35px;
display: inline-block;
}
.submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat {
display: flex;
justify-content: center;
}
.submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat span {
display: block;
position: relative;
padding: 0 0.5rem;
display: flex;
z-index: 0;
align-items: center;
color: #000;
width: max-content;
margin-right: 0.5rem;
font-size: 1.2rem;
}
/* .submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat span::before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
background-color: #daeae0;
right: 0;
border-radius: 50%;
margin: 0 auto;
z-index: -1;
} */
.submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat .icon {
padding: 0.1rem;
border-radius: 50%;
background-color: #29ab65;
position: relative;
width: 50px;
height: 50px;
}
.submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat .icon svg {
width: 100%;
height: 100%;
padding: 0.25rem;
}
.submenu-academy .submenu-academy-inner .submenu-academy-item .academy-cat .icon svg path {
fill: #fff;
}
.submenu-academy-item .links {
padding: 0;
list-style: none;
width: 100%;
margin: 0rem auto 0 auto;
}
.submenu-academy-item .links .links-item {
padding-right: 1.2rem;
position: relative;
display: flex;
align-items: center;
margin: 0.8rem 0;
}
.submenu-academy-item .links .links-item::before {
content: "";
position: absolute;
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
right: 0;
margin: 0 auto;
}
.submenu-academy-item .links .links-item a {
color: #747474;
transition: 0.2s ease-in-out;
}
.submenu-academy-item .links .links-item a:hover {
color: #179f64;
}
.submenu-academy-item.childrens .links .links-item::before {
background-color: #ffb300;
}
.submenu-academy-item.adults .links .links-item::before {
background-color: #0f52ba;
}
.submenu-academy-item.youth .links .links-item::before {
background-color: #29ab65;
}
.submenu-academy-item.family .links .links-item::before {
background-color: #066733;
}
.childrens.links-item::before {
background-color: #ffb300;
}
.adults.links-item::before {
background-color: #0f52ba;
}
.youth.links-item::before {
background-color: #29ab65;
}
.family.links-item::before {
background-color: #066733;
}
#OpenNavBtnMainBg {
visibility: hidden;
position: fixed;
width: 100%;
height: 100vh;
z-index: 9;
background-color: #000;
top: 0;
left: 0;
right: 0;
opacity: 0;
overflow: hidden;
transition: 0.2s ease-in-out;
}
.flag-dropdown {
margin-left: 0.5rem;
}
.flag-dropdown .btn {
padding: 0.25rem;
border: none;
box-shadow: none;
position: relative;
}
/* .flag-dropdown .dropdown-toggle::after {
content: none;
} */
.flag-dropdown img {
width: 25px;
}
.mobileFlagDropdown{
left: 5px !important;
}
.flag-dropdown .dropdown-menu {
min-width: unset;
width: max-content;
position: absolute;
list-style: none;
left: 1px;
top: -8px;
box-shadow: 0px 0px 20px 0px #00000030;
z-index: 5;
padding: 38px 0 0 0;
border-radius: 40px;
transition: all 0.5s ease-in-out;
overflow: hidden;
max-height: 0px;
display: block;
opacity: 0;
}
.flag-dropdown .dropdown-menu.show {
opacity: 1;
visibility: visible;
max-height: 120px;
}
.flag-dropdown .dropdown-menu .dropdown-item {
padding: 0.5rem 0.8rem;
}
.flag-dropdown .dropdown-toggle:after{
content: none;
}
.flag-dropdown .dropdown-toggle svg{
width: 20px;
z-index: 10;
position: relative;
}
.flag-dropdown .dropdown-toggle svg g #Icon-Set{
fill: #179f64;
}
.mobile-top-nav .logo-parent img {
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
width: 40px;
}
.navbar .before-arrow::after {
display: inline-block;
margin-right: .255em;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-left: .3em solid transparent;
border-bottom: 0;
border-right: .3em solid transparent;
}
.vertical-middle{
vertical-align: middle;
}
.cursor-pointer{
cursor: pointer;
}
.page-btn.active{
font-weight: bold;
background: #239f64;
color: #f6fffb;
}
.page-btn{
background: #d4f1e3;
padding: 4px 9px;
border-radius: 4px;
margin: 3px;
color: #47936a;
}
.progress-container {
width: 100%;
background-color: #f0f0f0;
border-radius: 25px;
position: relative;
height: 30px;
margin: 10px 0;
overflow: hidden;
}
.progress-bar {
min-width: 5%;
height: 100%;
width: 5%;
position: relative;
background: linear-gradient(90deg, #4caf50, #81c784);
border-radius: 25px 0 0 25px;
transition: width 0.5s ease-in-out;
float: left;
}
.progress-text {
position: absolute;
/* width: 100%; */
text-align: center;
line-height: 30px;
font-weight: bold;
color: #e5fcf1;
left: 50%;
transform: translateX(-50%);
}
/* Top Navbar */
/* Bottom Navbar */
/* Bottom Navbar */
/* Section 1 */
.main-page .sec-1 {
margin-top: 2rem !important;
/* overflow: hidden; */
}
.header-title .title {
font-weight: bold;
}
.header-title .header_txt {
display: block;
margin-top: 1rem;
font-size: 1.2rem;
}
/* Section 1 */
/* Section 2 */
.about-us-sec {
margin-top: 9rem;
}
.clinic-about-us {
}
.clinic-about-us .title {
font-weight: bold;
position: relative;
z-index: 1;
width: max-content;
white-space: nowrap;
margin: 0 auto;
display: flex;
align-items: center;
}
.clinic-logotype-parent {
position: relative;
width: max-content;
margin: 0 auto;
padding: 0rem 3rem;
display: flex;
align-items: center;
}
.clinic-logotype-parent::before {
content: "";
display: block;
position: absolute;
background-color: transparent;
border: 2px solid #daeae0;
width: 90px;
height: 90px;
border-radius: 50%;
left: 10px;
z-index: -1;
}
.clinic-logotype-parent svg.logotype {
width: 320px;
background-color: #fff;
padding: 0.5rem 0 0 0;
}
.clinic-about-us svg.intro {
width: 240px;
}
/* .clinic-about-us .title::before {
content: "";
display: block;
position: absolute;
background-color: transparent;
border: 2px solid #daeae0;
width: 90px;
height: 90px;
border-radius: 50%;
left: -10px;
z-index: -1;
} */
.clinic-about-us p {
text-align: justify;
text-align-last: center;
line-height: 2;
color: #535353;
padding: 0 2rem 0 1rem;
position: relative;
margin-top: 2rem;
}
.clinic-about-us p::before {
content: "";
position: absolute;
display: block;
background-color: #39b26f;
width: 20px;
height: 20px;
right: 0;
border-radius: 50%;
top: 5px;
}
/* Section 2 */
/* Section 3 */
.services-sec {
margin-top: 5rem;
}
.title-circle, .pageContentFormat h2, .pageContentFormat h3, .pageContentFormat h4{
/* width: ; */
padding: 0 0.5rem;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
color: #535353;
position: relative;
display: flex;
margin: 0 auto;
display: inline-block;
align-items: center;
z-index: 1;
}
.title-circle::before, .pageContentFormat h2::before, .pageContentFormat h3::before, .pageContentFormat h4::before {
/* content: "";
display: inline-block;
position: absolute;
width: 32px;
height: 32px;
background-color: #daeae0;
right: 0;
border-radius: 50%;
margin: 0 auto;
z-index: -1; */
}
.pageContentFormat h2, .pageContentFormat h3, .pageContentFormat h4{
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 5px;
}
.pageContentFormat h3{
font-size: 1.8rem;
}
.pageContentFormat h4{
font-size: 1.5rem;
}
.title-parent span {
display: block;
color: #545454;
text-align: center;
margin: 0.5rem 0;
}
.service-card-parent {
margin-top: 5rem;
padding-top: 2rem;
}
.service-card {
height: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
background-color: #fff;
border: 2px solid #daeae0;
border-radius: 20px;
position: relative;
transition: 0.2s ease-in-out;
/* padding-bottom: 4.5rem; */
}
.service-card::before {
content: "";
position: absolute;
display: block;
background-color: #fff;
border: 1px solid #29ab65;
width: 105%;
height: 105%;
border-radius: 20px;
z-index: -1;
top: -2.5%;
opacity: 0;
visibility: hidden;
transition: 0.2s ease-in-out;
}
.service-card:hover::before {
opacity: 1;
visibility: visible;
}
.service-icon {
padding: 0.5rem;
height: 85px;
border-radius: 50%;
background-color: #29ab65;
margin-top: -3rem;
position: relative;
}
.service-card span {
display: block;
width: 100%;
text-align: center;
font-size: 0.9rem;
font-weight: bold;
margin: 1rem 0;
}
.service-card.childrens .service-icon::before {
content: "";
position: absolute;
display: block;
background-color: #ffb300;
width: 12px;
height: 12px;
border-radius: 50%;
top: -25px;
left: 0;
right: 0;
margin: 0 auto;
}
.service-card.adults .service-icon::before {
content: "";
position: absolute;
display: block;
background-color: #0f52ba;
width: 20px;
height: 20px;
border-radius: 50%;
top: -30px;
left: 0;
right: 0;
margin: 0 auto;
}
.service-card.youth .service-icon::before {
content: "";
position: absolute;
display: block;
background-color: #29ab65;
width: 12px;
height: 12px;
border-radius: 50%;
top: -25px;
left: 0;
right: 0;
margin: 0 auto;
}
.service-card.family .service-icon::before {
content: "";
position: absolute;
display: block;
background-color: #066733;
width: 12px;
height: 12px;
border-radius: 50%;
top: -25px;
left: 0;
right: 0;
margin: 0 auto;
}
.service-icon svg {
width: 70px;
height: 70px;
padding: 0.25rem;
}
.service-icon svg path {
fill: #fff;
}
.service-card a.title {
display: block;
width: 100%;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin: 1rem 0;
color: #333333;
}
.service-card p {
padding: 0 1rem;
text-align: justify;
color: #828282;
}
.btn.show-more {
box-shadow: none !important;
background-color: #daeae0;
border: 0;
border-radius: 0;
border-top-right-radius: 18px;
border-bottom-left-radius: 18px;
margin-top: 1rem;
padding: 0.5rem 0.75rem;
margin-right: auto;
transition: 0.2s ease-in-out;
/* position: absolute;
left: 0;
bottom: 0; */
}
.btn.show-more svg {
width: 35px;
transition: 0.2s ease-in-out;
}
.btn.show-more svg path {
stroke: #29ab65;
transition: 0.2s ease-in-out;
}
.service-card:hover {
background-color: #daeae0;
}
.service-card:hover .btn.show-more {
background-color: #29ab65;
}
.service-card:hover .btn.show-more svg path {
stroke: #fff;
}
/* Section 3 */
/* Section 4 */
.therapists-sec {
margin-top: 5rem;
}
.title-parent .btn.show-more {
background-color: transparent;
font-size: 1.3rem;
color: #29ab65;
display: flex;
align-items: center;
text-align: center;
width: max-content;
margin: 0 auto;
}
.therapists-slider .slick-list {
/* padding: 3rem 0 !important; */
padding: 6rem 10px 3rem 10px !important;
}
.therapist-card {
margin: 0 7px;
padding: 0 0 3rem 0;
position: relative;
transform: scale(0.7);
transition: all 0.2s ease-in-out;
}
.therapist-img-parent {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: transparent;
position: relative;
transition: 0.2s ease-in-out;
border: 1px solid transparent;
padding: 0;
position: relative;
}
.littleDot{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
}
@keyframes wave {
0% {transform: translateX(0);}
50% {transform: translateX(-25%);}
100% {transform: translateX(-50%);}
}
.gradient{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
opacity: 1;
transition: all 0.5s ease-in-out;
background: linear-gradient(0deg, #5bd087 0%, transparent 70%);
border-radius: 50%;
}
.littleDot::after {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 4%;
height: 4%;
border-radius: 50%;
bottom: 14%;
z-index: -1;
right: 14%;
transform: translateX(80%);
transition: 0.2s ease-in-out;
visibility: hidden;
opacity: 0;
}
.littleDot{
animation: littleDotRotate 5s linear infinite;
}
@keyframes littleDotRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
background: none;
color: #777;
bottom: -15px;
font-size: 15px;
}
.therapists-slider .slick-current .therapist-card .therapist-img-parent, .therapist_active .therapist-card .therapist-img-parent {
border: 1px solid #179f64;
aspect-ratio: 1/1;
padding: 20px;
width: 100%;
max-width: 400px;
}
.therapists-slider .slick-center .gradient, .therapist_active .gradient{
opacity: 0;
}
.therapists-slider .slick-center .therapist-img-parent img, .therapist_active .therapist-img-parent img{
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
animation-name: dropShadow;
animation-duration: 0.5s;
animation-delay: 0.5s;
animation-fill-mode: both;
}
@keyframes dropShadow {
100%{
filter: drop-shadow(0px 6px 13px #000000ae);
}
}
.therapists-slider .slick-slide, .therapist_active{
text-align: center;
}
.therapists-slider .slick-current .therapist-card , .therapist_active .slick-current .therapist-card{
transform: scale(1.1);
}
.therapists-slider .slick-current .therapist-card .littleDot::after , .therapist_active .therapist-card .littleDot::after{
opacity: 1;
visibility: visible;
}
.therapist-img-parent .therapist-img-inner{
background-color: #daeae0;
margin: 9px;
border-radius: 50%;
position: relative;
aspect-ratio: 1/1;
}
.therapist-img-parent .therapist-img-inner .contain {
width: 13vw;
height: 13vw;
}
/* .therapist-card .therapist-img-parent::before {
content: "";
position: absolute;
display: block;
background-color: #daeae0;
width: 95%;
height: 85%;
left: 0;
right: 0;
z-index: -1;
border-radius: 50%;
bottom: 0;
margin: 0 auto;
} */
/* .therapist-card .therapist-img-parent::after {
content: "";
position: absolute;
display: block;
background-color: transparent;
border: 2px solid;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: -1;
border-radius: 50%;
bottom: 0;
margin: 0 auto;
} */
.therap-img-contain{
overflow: hidden;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
display: inline-block;
width: 110%;
position: absolute;
bottom: 0px;
left: -5%;
}
.therapist-img-parent img {
height: 100%;
margin: 0 auto;
max-width: 400px;
width: 100%;
position: relative;
z-index: 2;
padding-top: 30px;
}
.therapist-card .therapist-name {
margin: 1rem 0 0.5rem 0;
text-align: center;
white-space: nowrap;
position: absolute;
left: 50%;
top: 0px;
transform: translateX(-50%);
color: #545454;
font-size: 1.1rem;
}
.therapist-card .therapist-job {
position: absolute;
bottom: -20px;
text-align: center;
font-size: 0.9rem;
white-space: nowrap;
padding: 0;
transition: 0.2s ease-in-out;
visibility: hidden;
opacity: 0;
font-weight: bold;
left: 50%;
transform: translateX(-50%);
color: #8a8a8a;
margin: 0 auto;
}
.therapists-slider .slick-current .therapist-card .therapist-job, .therapist_active .slick-current .therapist-card .therapist-job{
opacity: 1;
visibility: visible;
}
.therapist_active .therapist-card{
margin: 0px;
padding: 0px;
}
/* Section 4 */
/* Section 5 */
.main-page .sec-5 {
margin: 7rem 0;
}
.organizations {
height: 375px;
}
.organizations .full-bg-parent {
height: 375px;
position: absolute;
width: 100%;
display: flex;
align-items: baseline;
}
.organizations .full-bg-parent img {
width: 100%;
height: 100%;
margin-bottom: 7rem;
}
.organizations-services {
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
.organizations-services .title-parent {
display: inline-block;
padding-left: 4rem;
position: relative;
}
.organizations-services .title-parent::after {
content: "";
position: absolute;
display: block;
background-color: #c5e6d6;
left: 0;
width: 3px;
height: 100%;
top: 0;
border-radius: 10px;
}
.organizations-services .title-parent span {
font-size: 2.5rem;
color: #545454;
margin: 0;
}
.organizations-services .title-parent .title-circle::before {
background-color: #bde3d2;
}
.organizations-services .organizations-services-info {
padding-right: 4rem;
display: flex;
flex-wrap: wrap;
justify-content: end;
}
.organizations-services .organizations-services-info p {
display: inline-block;
text-align: justify;
color: #7b7f7d;
margin-bottom: 0.5rem;
}
.btn-link {
margin: 0;
border: none;
background-color: #29ab65;
padding: 0.5rem 2rem;
border-radius: 20px;
color: #ffffff;
box-shadow: none;
position: relative;
transition: 0.2s ease-in-out;
}
/* .btn-link::before {
content: "";
position: absolute;
display: block;
background-color: #e7f4ed;
width: 0;
height: 100%;
border-radius: 20px;
right: 0;
top: 0;
transition: 0.2s ease-in-out;
} */
.btn-link a {
color: #fff;
position: relative;
transition: 0.2s ease-in-out;
}
/* .btn-link:hover:before {
width: 100%;
} */
.btn-link:hover {
color: #29ab65;
background-color: #e7f4ed;
box-shadow: 0 0 10px 0 rgb(41 171 101 / 34%);
}
.btn-link:hover a {
color: #29ab65;
}
/* Section 5 */
/* Section 6 */
.reserve-sec {
margin-top: 7rem;
}
.title-parent.reserve {
width: 640px;
}
.title-parent span.big-text {
width: 80%;
margin: 0 auto;
font-size: 1.2rem;
margin-top: 1.5rem;
}
.title-parent .reserve-line {
position: absolute;
top: -75px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
.title-parent .reserve-line svg {
/* width: 600px; */
width: 100%;
aspect-ratio: 7/4;
}
.title-parent.reserve .btn.show-more {
margin: 1.5rem auto;
}
/* Section 6 */
/* Section 7 */
.videos-sec {
margin-top: 8rem;
}
.video-slider {
margin-top: 2rem;
}
.video-slider .slick-list {
padding: 2rem 0.25rem !important;
}
.video-slider .slick-dots {
margin-top: 0.5rem !important;
}
.video-slider .carousel-control-next {
width: max-content;
left: auto !important;
right: 0.35rem !important;
}
.video-slider .carousel-control-prev {
width: max-content;
left: auto !important;
left: 0.35rem !important;
}
.video-slider .slider-next-icon {
width: 1.5rem !important;
height: 1.5rem !important;
}
.video-slider .slider-prev-icon {
width: 1.5rem !important;
height: 1.5rem !important;
}
.video-card-parent , .blog-card-parent {
display: flex;
flex-wrap: wrap;
padding: 0.5rem 0.5rem 1rem 0.5rem;
background-color: #fff;
border-radius: 15px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
direction: rtl;
margin: 10px .2rem;
}
.video-card-parent>a:not(.action-button) , .blog-card-parent>a:not(.action-button){
width: 100%;
}
.video-card-parent img , .blog-card-parent img {
width: 100%;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.share-parent {
}
.share-parent .share-btn {
border: none;
background-color: transparent;
display: flex;
align-items: end;
margin-top: -1.5rem;
padding-right: 1.5rem;
}
.share-parent .share-btn .svg-parent {
background-color: #fff;
border-radius: 50%;
padding: 0.5rem;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
display: flex;
justify-content: center;
align-items: center;
}
.share-parent .share-btn .svg-parent svg {
width: 20px;
fill: #179f64;
}
.share-parent .share-btn span {
padding-right: 0.5rem;
font-size: 0.9rem;
margin-bottom: 5px;
color: #8bcfb1;
}
.video-info {
padding: 0 1rem;
margin: 0.5rem 0;
width: 100%;
}
.video-info .video-title {
padding: 0.25rem 0.75rem 0.25rem 0;
margin: 0.5rem 0;
position: relative;
color: #5f5f5f;
}
.video-info .video-title::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
right: 0;
width: 4px;
height: 100%;
border-radius: 12px;
top: 0;
}
.video-info span {
padding-right: 0.75rem;
margin: 0.5rem 0;
position: relative;
display: flex;
align-items: center;
color: #767676;
}
.video-info span::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
right: 0;
width: 4px;
height: 10px;
border-radius: 12px;
}
.video-card-parent .btn-link , .blog-card-parent .btn-link {
margin: 0 auto;
}
/* Section 7 */
/* Section 8 */
.why-sec {
margin-top: 7rem;
}
/* Section 8 */
/* Section 9 */
.before-after-sec {
margin-top: 3rem;
overflow: hidden;
display: grid;
place-items: center;
}
/* iframe {
aspect-ratio: 16/9;
} */
.video-container {
margin: 2rem;
max-height: 300px;
}
/* img {
display: block;
max-width: 100%;
} */
.sliderContainer {
display: grid;
place-content: center;
position: relative;
overflow: hidden;
border-radius: 1rem;
--position: 50%;
}
.image-container {
max-width: 100%;
width: 100%;
position: relative;
}
.image-after{
position: absolute;
top: 0;
width: 100%;
}
.slider-image {
object-fit: cover;
object-position: right;
}
.sliderOverlay{
width: var(--position);
overflow: hidden;
}
.image-before {
top: 0;
background-color: #fff;
filter: grayscale(100%);
}
.slider {
position: absolute;
inset: 0;
cursor: pointer;
opacity: 0;
/* for Firefox */
width: 100%;
height: 100%;
}
.slider:focus-visible ~ .slider-button {
outline: 5px solid black;
outline-offset: 3px;
}
.slider-line {
position: absolute;
inset: 0;
width: .2rem;
height: 100%;
background-color: #fff;
z-index: 10;
right: var(--position);
transform: translateX(-50%);
pointer-events: none;
}
.slider-button {
position: absolute;
background-color: #239f64;
color: #ffffff;
padding: .5rem;
border-radius: 100vw;
display: grid;
place-items: center;
top: 60%;
right: var(--position);
transform: translateX(+50%);
animation: sliderButtonScale 2s infinite;
transform-origin: left;
pointer-events: none;
z-index: 100;
box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
}
@keyframes sliderButtonScale {
0% {
transform: scale(1) translateX(+30%);
}
50% {
transform: scale(1.1) translateX(+30%);
}
100% {
transform: scale(1) translateX(+30%);
}
}
/* Section 9 */
/* Section 10 */
.faq-section {
margin-top: 7rem;
}
.faq-parent {
}
.faq-section .title-circle {
background-color: #fff;
}
.faq-section .title-circle::before {
z-index: 0;
}
.faq-section .title-circle span {
display: block;
position: relative;
z-index: 1;
}
.faq-parent {
margin-top: 4.5rem;
}
.faq-sec-parent {
position: relative;
margin-top: -2.5rem;
}
.faq-sec-parent::before {
content: "";
position: absolute;
display: block;
background-color: transparent;
width: 50%;
height: 100%;
right: 19px;
border-right: 2px solid #c9e0d4;
border-top: 2px solid #c9e0d4;
border-top-right-radius: 35px;
z-index: -2;
}
/* .faq-parent::before {
content: "";
display: block;
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
right: 0.45rem;
top: -4rem;
border-right: 1px solid;
border-top-right-radius: 30px;
} */
/* .faq-parent::before {
content: "";
display: block;
position: absolute;
background-color: transparent;
width: 38%;
height: 87%;
right: 13.75%;
top: 2rem;
border-right: 3px solid #c9e0d4;
border-top-right-radius: 30px;
} */
/* right: 1.25rem;
top: 1.7rem; */
.faq-parent .accordion-button {
font-size: 1.3rem;
display: flex;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 4rem;
color: #545454;
}
.faq-parent .accordion-button .svg-parent {
border: 2px solid #179f64;
border-radius: 50%;
width: 43px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 7px;
}
.faq-parent.videosAccordion .accordion-button .svg-parent{
border-radius: 50px;
width: auto;
font-size: 14px;
padding: 0px 10px;
}
.faq-parent.videosAccordion .accordion-button .svg-parent span{
margin-left: 7px;
}
.faq-parent .accordion-button svg {
width: 18px;
transition: 0.25s ease-in-out;
}
.faq-parent .accordion-button svg path {
fill: #035d2c;
}
.faq-parent .accordion-button:not(.collapsed) svg {
transform: rotate(-90deg);
}
.faq-parent .accordion-button::after {
position: absolute;
left: 25px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
content: none;
transform: rotate(90deg);
}
.faq-parent .accordion-button:not(.collapsed)::after {
position: absolute;
left: 25px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
content: none;
transform: none;
}
.faq-parent .accordion-item {
border: 1px solid #179f64;
border-radius: 30px;
margin: 0.5rem 0;
margin-right: 1.5rem;
position: relative;
}
.faq-parent:not(.noDot) .accordion-item::before {
content: "";
position: absolute;
display: block;
background-color: #179f64;
width: 15px;
height: 15px;
border-radius: 50%;
right: -1.5rem;
top: 20px;
}
.faq-parent .accordion-item:not(:last-child) {
/* border-bottom-width: 0; */
}
.faq-parent .accordion-button.collapsed {
border-bottom-width: 0;
}
.faq-parent .accordion-header {
border-radius: 30px;
}
.faq-parent .accordion-button.collapsed {
border-radius: 30px !important;
}
.faq-parent .accordion-button:not(.collapsed) {
border-top-right-radius: 30px !important;
border-top-left-radius: 30px !important;
}
.faq-parent .accordion-collapse {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: none !important;
}
.faq-parent .accordion-body {
border-top: 1px solid #e7f5ef;
font-size: 1.1rem;
line-height: 2;
color: #767676;
}
/* Section 10 */
.modal-main-menu .modal-content{
border-radius: 30px;
height: auto;
border-radius: 30px;
max-height: 545px;
bottom: 0;
position: absolute;
padding-bottom: 70px;
}
/* Footer */
.footer-sec {
z-index: 1051;
position: relative;
}
.footer-parent {
width: 100%;
/* height: 100vh; */
padding: 0 2rem;
margin-top: 7rem;
}
.footer {
background-color: #f0f9f5;
border-radius: 35px;
padding: 1rem 5rem;
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer-logo-parent {
width: 20%;
text-align: center;
margin-top: -4rem;
height: max-content;
}
.footer-img-logo {
padding: 1rem;
margin: 0 auto;
width: max-content;
background-color: #f0f9f5;
border-radius: 50%;
}
.footer-img-logo img {
width: 110px;
}
.footer-text-logo {
margin: 0 auto;
}
.footer-text-logo img {
margin: 0 auto;
width: 100%;
}
.footer-links {
padding: 0.5rem 0;
display: flex;
justify-content: space-around;
width: 40%;
height: max-content;
list-style: none;
}
.footer-links .item {
}
.footer-links .item a {
font-size: 1.1rem;
padding: 0 1.2rem;
color: #7f8283;
transition: 0.2s ease-in-out;
display: flex;
align-items: center;
position: relative;
}
.footer-links .item a::before {
content: "";
position: absolute;
display: block;
background-color: transparent;
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid #179f64;
right: 0;
transition: 0.2s ease-in-out;
opacity: 0;
visibility: hidden;
}
.footer-links .item a:hover {
color: #636466;
}
.footer-links .item a:hover::before {
opacity: 1;
visibility: visible;
}
.footer-links .item.active a {
color: #636466;
}
.footer-links .item.active a::before {
opacity: 1;
visibility: visible;
}
.footer> p {
text-align: justify !important;
text-align-last: center !important;
margin-top: 2.5rem;
line-height: 2;
font-size: 1.1rem !important;
}
.social-media {
margin: 1rem 0;
}
.social-media a {
margin: 0 5px;
}
.social-media a svg {
width: 27px;
}
.social-media a svg path {
fill: #179f64;
transition: 0.2s ease-in-out;
}
.navbar-fixed{
position: fixed !important;
top: 0px;
padding: 0px !important;
}
.navbar-fixed .logo-parent img{
width: 40px;
padding: 10px 0px;
}
.social-media a svg, .social-media a path{
transition: all 0.2s ease-in-out;
}
.social-media a:hover svg{
transform: scale(1.4);
filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .4));
}
.social-media a:hover svg path{
fill: #636466;
}
.certificate-footer {
display: flex;
width: 100%;
justify-content: center;
margin: 1rem 0;
}
.certificate-footer .img-parent {
margin: 0 0.5rem;
border-radius: 7px;
background-color: #fff;
padding: 0.25rem;
overflow: hidden;
}
.certificate-footer .img-parent img {
width: 90px;
}
.footer-parent p {
text-align: center;
font-size: 14px;
margin: 0.5rem 0;
color: #545454;
}
.footer-parent .h-rule {
height: 3px !important;
background-color: #179f64;
opacity: 1;
border-radius: 10px;
margin: 0;
}
.footer-parent .cpr {
margin: 0.5rem 0;
font-size: 14px;
color: #545454;
text-align: center;
}
.footer-parent .cpr a {
}
.footer-parent .cpr a span {
color: #179f64;
display: inline-block;
position: relative;
}
.footer-parent .cpr a span::after {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 0;
height: 2px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
transition: 0.2s ease-in-out;
}
.footer-parent .cpr a:hover span::after {
width: 100%;
}
.footer-sec .bottom-nav {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
z-index: 50;
/* background-color: #fff; */
}
.footer-sec .bottom-nav .main-bottom-menu::before {
content: "";
background-color: #d8eae0;
position: absolute;
width: 63px;
height: 63px;
left: 0px;
right: 0px;
margin: 0 auto;
border-radius: 50%;
z-index: -1;
top: -31px;
}
.footer-sec .bottom-nav .main-bottom-menu {
background-color: #fff;
box-shadow: 0 0 15px 1px rgb(0 0 0 / 19%);
border-radius: 35px;
height: 60px;
position: absolute;
bottom: 12%;
width: 93%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
align-items: center;
}
.footer-sec .bottom-nav .main-bottom-menu ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
width: 100%;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item {
width: 24%;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item a {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item button {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
border: none;
background-color: transparent;
width: 100%;
height: 100%;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item svg {
width: 20px;
height: 20px;
margin-bottom: 0.15rem;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item svg path {
fill: #a4a4a4;
transition: 0.2s ease-in-out;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item span {
color: #a4a4a4;
width: 100%;
font-size: 0.75rem;
transition: 0.2s ease-in-out;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item.center span {
position: absolute;
bottom: 0;
width: max-content;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item.center .svg-parent {
background-color: #179f64;
width: 50px;
height: 50px;
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
top: -34px;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item.center .svg-parent svg {
width: 25px;
height: 25px;
margin: 0;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item.center .svg-parent svg path {
fill: #fff;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item.center:hover .svg-parent svg path {
fill: #066733;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:hover span {
color: #179f64;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center):hover svg path {
fill: #179f64;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center) button,
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center) a {
position: relative;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center) button span::before,
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center) a span::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
background-color: #daeae0;
right: 0;
left: 10px;
border-radius: 50%;
bottom: 18px;
margin: 0 auto;
z-index: -1;
transition: 0.2s ease-in-out;
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center):hover button span::before,
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center):hover a span::before {
animation: Circle-Zoom-Bottom 0.2s ease-in forwards;
}
@keyframes Circle-Zoom-Bottom {
0% {
width: 0;
height: 0;
visibility: visible;
opacity: 0;
}
50% {
width: 8px;
height: 8px;
opacity: 0.5;
}
100% {
width: 16px;
height: 16px;
opacity: 1;
}
}
.footer-sec .bottom-nav .main-bottom-menu ul .item:not(.center):hover span {
}
.footer-sec .bottom-nav .main-bottom-menu {
}
.footer-sec .bottom-nav .main-bottom-menu {
}
.footer-sec .bottom-nav .main-bottom-menu {
}
.modal-main-menu {
}
.modal-main-menu .modal-dialog {
width: 97%;
height: max-content;
margin: 6px auto;
padding: 0;
max-width: unset;
}
.modal-main-menu .modal-header {
border: none;
}
.modal-main-menu .modal-header img {
max-width: 200px;
}
.modal-main-menu .modal-body {
border: none;
box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
padding: 0;
}
.modal-main-menu .modal-body .menu-links {
padding: 1rem 0;
margin: 0;
list-style: none;
}
.modalSubMenu{
display: flex;
max-height: 0px;
overflow: hidden;
margin-top: 0px;
margin-right: 5px;
transition-property: max-height;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s;
}
.modalSubMenu .icon{
display: inline-block;
}
.modalSubMenu ul .links-item a{
padding: 0.3rem 0.5rem !important;
}
.menu-links-item:hover .submenu-academy, .menu-links-item:hover .modalSubMenu{
max-height: 900px;
}
.menu-links-item:hover .submenu-academy, .menu-links-item:hover .noMegaMenu{
display: flex;
}
.modal-main-menu .modal-body .menu-links .menu-links-item {
/* padding: 1rem 2rem; */
position: relative;
display: flex;
align-items: center;
background-color: transparent;
/* border-radius: 35px; */
flex-wrap: wrap;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item::before {
content: "";
display: block;
background-color: #179f64;
position: absolute;
width: 5px;
height: 0;
border-radius: 15px;
right: 0;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item:hover::before {
height: 100%;
}
.modal-main-menu .modal-body .menu-links .menu-links-item a {
width: 100%;
padding: 0.5rem 0.5rem;
margin: 0rem 1rem;
border-radius: 35px;
display: flex;
align-items: center;
position: relative;
z-index: 2;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item a::before {
content: "";
display: block;
background-color: #f7fbf9;
position: absolute;
width: 0%;
height: 100%;
border-radius: 35px;
right: 0;
z-index: -1;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item:hover a::before {
width: 100%;
}
.modal-main-menu .modal-body .menu-links .menu-links-item svg {
width: 25px;
}
.modal-main-menu .modal-body .menu-links .menu-links-item svg path {
fill: #b6b7ba;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item svg.home path {
fill: none !important;
stroke: #b6b7ba;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 25;
}
.modal-main-menu .modal-body .menu-links .menu-links-item span {
color: #000;
font-size: 16px;
padding-right: 1rem;
transition: 0.2s ease-in-out;
}
.modal-main-menu .modal-body .menu-links .menu-links-item:hover svg.home path {
stroke: #179f64;
}
.modal-main-menu .modal-body .menu-links .menu-links-item:hover svg path {
fill: #179f64;
}
.modal-main-menu .modal-body .menu-links .menu-links-item:hover span {
color: #179f64;
}
.modal-main-menu .modal-body .menu-links .menu-links-item .submenu-academy {
width: 100%;
position: relative;
}
.modal-main-menu .modal-body .menu-links .menu-links-item .submenu-academy .submenu-academy-inner .submenu-academy-item {
width: 100%;
padding: 0;
}
.modal-services-bottom .modal-dialog {
width: 97%;
height: 98%;
margin: 6px auto;
padding: 0;
max-width: unset;
/* padding-top: 30%; */
}
.modal-services-bottom .modal-content {
height: auto;
/* min-height: 100%; */
border-radius: 30px;
max-height: 80vh;
bottom: 0;
position: absolute;
padding-bottom: 100px;
}
.modal-services-bottom .modal-header {
border: none;
padding: 1rem 0;
}
.modal-services-bottom .modal-header .services {
width: 24%;
text-align: center;
display: inline-block;
margin: 1rem 0rem;
padding: 0;
}
.modal-services-bottom .modal-header .services .icon {
width: 100%;
padding: 1rem;
background-color: #f0f9f6;
border-radius: 25px;
margin: 0 auto;
transition: 0.2s ease-in-out;
aspect-ratio: 1 / 1;
}
.modal-services-bottom .modal-header .services .icon svg {
width: 100%;
height: 100%;
}
.loginWithPwd{
cursor: pointer;
margin-top: 12px;
color: #f92525;
font-size: 14px !important;
}
#changePwdModal{
z-index: 1052 !important;
}
.modal-services-bottom .modal-header .services .icon svg path {
fill: #179f64;
transition: 0.2s ease-in-out;
}
.modal-services-bottom .modal-header .services:hover .icon {
background-color: #179f64;
}
.modal-services-bottom .modal-header .services:hover .icon svg path {
fill: #fff;
}
.modal-services-bottom .modal-header .services .cat-name {
color: #000;
font-weight: bold;
font-size: 0.85rem;
margin: 0.25rem auto;
padding: 0 1rem;
position: relative;
display: inline-block;
align-items: center;
width: 100%;
}
.loginWithOtp.btn_disabled,
.forgotPwdMobile.btn_disabled{
color: #b6b6b6;
}
.loginWithOtp, .forgotPwdMobile{
cursor: pointer;
}
.modal-services-bottom .modal-header .services .cat-name::before {
content: "";
position: absolute;
display: block;
width: 9px;
height: 9px;
border-radius: 50%;
right: 0;
top: 7px;
}
.modal-services-bottom .modal-header .services.childrens .cat-name::before {
background-color: #ffb300;
}
.modal-services-bottom .modal-header .services.adults .cat-name::before {
background-color: #0f52ba;
}
.modal-services-bottom .modal-header .services.youth .cat-name::before {
background-color: #29ab65;
}
.modal-services-bottom .modal-header .services.family .cat-name::before {
background-color: #066733;
}
.modal-services-bottom .modal-header .services span {
font-size: 0.8rem;
color: #545454;
margin: 0.25rem 0;
}
/* Footer */
/* login-register-modal */
.login-register-modal {
}
.login-register-modal .modal-content {
border-radius: 25px;
}
.login-register-modal .modal-header {
border: 0;
position: relative;
flex-wrap: wrap;
padding: 0;
}
.borderRightBlue{
border-right: 10px solid #1266f1 !important;
}
.login-register-modal .modal-header .modal-title {
margin: 1rem auto 0 auto;
font-size: 1.3rem;
font-weight: bold;
display: block;
position: relative;
z-index: 0;
padding: 0 0.5rem;
display: flex;
align-items: center;
color: #000;
width: max-content;
}
.login-register-modal .modal-header .modal-title::before {
content: "";
display: block;
position: absolute;
width: 25px;
height: 25px;
background-color: #daeae0;
right: 0;
border-radius: 50%;
margin: 0 auto;
z-index: -1;
}
.login-register-modal .modal-header p {
width: 100%;
text-align: center;
margin: 0.5rem 0;
color: #545454;
font-size: 0.9rem !important;
}
.close-btn-parent {
position: absolute;
left: 10px;
top: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
background-color: #179f64;
border-radius: 50%;
}
.close-btn-parent .btn-close {
padding: 0;
margin: 0;
background: none;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
width: max-content;
height: max-content;
}
.close-btn-parent .btn-close svg {
width: 20px;
}
.close-btn-parent .btn-close svg path {
stroke: #fff;
stroke-width: 3;
}
.login-register-modal .modal-body {
border: 0;
padding: 0 1rem;
margin: 1rem 0 0 0;
}
.login-register-modal .modal-body .input-defaul.number {
border-radius: 30px;
height: 45px;
text-align: center;
color: #545454;
width: 250px;
}
.login-register-modal .modal-body .input-defaul.number:focus {
box-shadow: none !important;
}
.login-register-modal .modal-body .code-parent {
display: flex;
margin: 1rem auto;
width: max-content;
}
.alertify-notifier.ajs-bottom{
bottom: 180px !important;
}
.alertify-notifier{
z-index: 200000;
}
.login-register-modal .modal-body .code-parent img {
width: 100px;
}
.login-register-modal .modal-body .code-parent .input-defaul.code {
border-radius: 30px;
height: 45px;
width: 125px;
margin-left: 5px;
background-color: #d8e9df;
color: #179f64;
text-align: center;
box-shadow: none !important;
}
.login-register-modal .modal-body .code-parent .input-defaul.code::placeholder {
color: #179f64;
}
.login-register-modal .modal-footer {
border: 0;
display: flex;
padding: 1rem 2rem;
}
.login-register-modal .h-rule {
height: 3px !important;
border-radius: 15px;
width: 100%;
opacity: 1;
background-color: #effaf4;
}
.modal-dialog .btn-submit {
width: 150px;
margin: 0 auto;
height: 40px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: space-around;
}
.modal-dialog .btn-submit svg {
width: 17px;
}
.modal-dialog .btn-submit span {
color: #fff;
}
.modal-dialog .btn-change-number {
border: none;
background-color: transparent;
margin: 0 auto;
font-size: 0.8rem;
text-decoration: underline;
color: #2aa962;
}
.digit-group-parent .digit-group {
padding: 0.5rem 0;
direction: ltr;
display: flex;
justify-content: center;
}
.digit-group-parent .digit-group input {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #2aa962;
font-size: 1.2rem;
margin: 0 5px;
text-align: center;
color: #545454;
}
.digit-group-parent .digit-group input:focus-visible {
outline: 0;
box-shadow: 0 0 7px 0 #179f64;
}
.seconds-counter {
display: block;
font-size: 0.9rem;
color: #545454;
cursor: pointer;
}
.seconds-counter span {
color: #179f64;
font-size: 1rem;
}
.login-register-modal-s2 .modal-footer {
padding-top: 0;
}
.login-register-modal-s3 .modal-content {
padding: 0.5rem;
height: auto;
max-width: 375px;
margin: 0 auto;
}
.loginByEmailP{
text-align: center;
font-size: 14px !important;
}
.loginByEmailBtn, .loginByMobileBtn{
color: #28a772;
cursor: pointer;
font-weight: bold;
}
.emailForm{
display: none;
}
.login-register-modal-s3 .modal-header {
border: 3px solid #effaf4;
border-radius: 20px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
}
.login-register-modal-s3 .modal-header .modal-title-green {
color: #179f64;
font-size: 1.2rem;
}
.login-register-modal-s3 .modal-header p {
margin: 0;
margin-top: -0.5rem;
}
/* login-register-modal-s1 */
/* Adults Services Page */
.services-page .sec-1 {
margin-top: 2rem !important;
}
.service-sec-parent {
}
.setPasswordPage .headerImg img{
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 35px;
}
.service-sec-parent img {
width: 100%;
height: 550px;
object-fit: cover;
border-radius: 35px;
}
.service-icon-parent {
width: max-content;
margin-right: auto;
margin-left: 5rem;
}
.services-content {
}
.services-content .title-circle {
margin: 0;
}
.services-content p {
font-size: 1.1rem !important;
line-height: 2;
margin: 1rem 0;
color: #545454;
}
.services-reservation-sec .title-circle {
font-size: 1.7rem;
margin: 3% auto;
color: #29ab65;
}
.services-reservation-sec .title-circle::before {
content: none;
}
.other-tutorial-sec {
margin-top: 5rem;
}
.other-tutorial-parent {
padding: 0;
margin: 0;
display: flex;
list-style: none;
flex-wrap: wrap;
justify-content: center;
}
.other-tutorial-parent .other-tutorial {
width: max-content;
margin: 5px;
background-color: #fff;
border: 1px solid #179f64;
padding: 0.25rem 0.75rem;
border-radius: 30px;
}
.other-tutorial-parent .other-tutorial a {
color: #179f64;
}
.other-tutorial-parent .other-tutorial:hover a {
}
/* Adults Services Page */
/* Organization Services Page */
.services-page.organization .sec-1 {
margin-top: 0rem !important;
}
.services-page.organization .service-sec-parent img {
border-radius: 0;
}
.services-content{
background-color: #fff;
position: relative;
z-index: 1;
margin-top: -5rem;
padding: 2.5rem 0.5rem;
border-radius: 15px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
}
.services-content.organization .title-circle {
margin: 0 auto;
}
.services-content.organization img {
width: 100%;
margin: 1.5rem 0;
border-radius: 25px;
}
.companies-sec {
margin-top: 4rem;
}
.companies {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
}
.companies .company-item {
margin: 15px;
position: relative;
transition: 0.2s ease-in-out;
width: 20%;
}
.companies .company-item a {
display: block;
padding: 1rem;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 90%);
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 20px;
transition: 2s ease-in-out;
text-align: center;
}
.companies .company-item a img {
width: 100%;
height: auto;
object-fit: contain;
}
.companies .company-item span {
font-size: 1.1rem;
color: #545454;
display: block;
position: absolute;
visibility: hidden;
opacity: 0;
width: 100%;
text-align: center;
margin-top: 0.5rem;
transition: 0.2s ease-in-out;
}
.companies .company-item:hover {
transform: translatey(-20px);
}
.companies .company-item:hover span {
visibility: visible;
opacity: 1;
}
.companies .company-item:hover a {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,249,244,1) 50%, rgba(218,240,228,1) 90%);
}
/* Organization Services Page */
/* Intro Therapists Page */
.therapists-title-sec {
margin-top: 5rem;
}
.therapists-title-bg {
position: relative;
border-radius: 35px;
overflow: hidden;
width: 100%;
padding: 0;
}
.therapists-title-bg img {
width: 100%;
filter: brightness(90%);
}
.therapists-title {
font-size: 2rem;
width: max-content;
padding: 0.5rem 2rem;
position: absolute;
background-color: #f0f1f1;
border-radius: 35px;
opacity: 0.6;
}
.intro-therapists-page .sec-3 {
margin-top: 5rem;
}
.intro-therapists-sec {
margin-top: 6rem;
}
.intro-therapists-content {
margin-top: 6rem;
}
.intro-therapists-content .intro-therapists-box {
/* width: 655px; */
margin: 2rem 0;
display: flex;
justify-content: left;
flex-wrap: wrap;
align-items: center;
}
.intro-therapists-page .therapist-img-parent {
width: 240px;
height: 240px;
display: inline-block;
padding: 0;
}
.intro-therapists-page .therapist-img-parent .therapist-img-inner {
background-color: #179f64;
}
.intro-therapists-page .therapist-img-parent .therapist-img-inner .contain {
width: 220px;
height: 220px;
}
.intro-therapists-page .therapist-img-parent::after {
bottom: 23px;
right: 35px;
}
.intro-therapists-sec .info {
display: inline-block;
padding-right: 1rem;
margin-right: 3rem;
position: relative;
width: 70%;
}
.intro-therapists-page .therapist-img-parent img {
margin-left: 0;
margin-right: 0;
}
.intro-therapists-page .intro-therapists-sec .info::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 5px;
height: 100%;
right: 0;
border-radius: 15px;
}
.intro-therapists-page .info .name {
color: #545454;
font-size: 1.2rem;
margin: 0.25rem 0;
}
.intro-therapists-page .info .job {
font-size: 1.2rem;
color: #808080;
margin: 0.25rem 0;
}
.intro-therapists-page .info span {
color: #808080;
font-size: 1.1rem;
margin: 0.25rem 0;
}
.intro-therapists-sec .paraphrase {
width: max-content;
margin-top: -2.5rem;
}
.intro-therapists-sec .paraphrase .name {
font-size: 1.2rem;
color: #000;
text-align: left;
}
.intro-therapists-sec .paraphrase p {
margin: 0.5rem 0;
color: #545454;
}
.intro-therapists-sec .paraphrase .btn.show-more {
margin: 0 auto 0 0;
padding: 0;
background-color: transparent;
font-size: 1.3rem;
color: #29ab65;
display: flex;
align-items: center;
text-align: center;
width: max-content;
}
/* Intro Therapists Page */
/* Single Therapists Page */
.sec-top-header {
}
.sec-top-header .bg-box {
background-color: #edf8f2;
height: 200px;
width: 100%;
}
.single-therapist-box {
margin-top: -8rem;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.single-therapist-box .video {
display: flex;
width: max-content;
height: max-content;
align-items: center;
}
.single-therapist-box .video .number ,.single-therapist-box .Counseling .number {
width: 95px;
height: 95px;
display: flex;
justify-content: center;
align-items: center;
background-color: #179f64;
font-size: 2rem;
color: #fff;
border-radius: 50%;
}
.single-therapist-box .video span , .single-therapist-box .Counseling span {
display: inline-block;
width: max-content;
height: max-content;
padding-right: 1rem;
font-size: 1.4rem;
color: #545454;
}
.single-therapist-box .Counseling {
display: flex;
width: max-content;
height: max-content;
align-items: center;
}
.single-therapist-box .Counseling span {
padding-right: 0;
padding-left: 1rem;
}
.sec-top-header .info {
width: 100%;
margin: 2rem auto;
text-align: center;
}
.comments-sec {
margin-top: 6rem;
}
.comment-box {
direction: rtl;
padding: 0.5rem 0 1rem 0;
margin: 1rem;
align-items: center;
transition: 0.2s ease-in-out;
opacity: 0.6;
}
.comment-box .profile {
padding: 0;
width: 50px;
height: 50px;
background-color: #d4efe0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 1rem;
color: #179f64;
font-weight: bold;
font-size: 1.2rem;
}
.comment-box .name-date-parent {
width: max-content;
padding: 0;
}
.comment-box .name-date-parent span {
width: 100%;
display: block;
margin: 0.25rem 0;
color: #c1c1c1;
}
.comment-box .comment-text {
color: #545454;
margin-top: 1rem;
padding: 0 1.5rem;
line-height: 2;
}
.comments-slider .slick-center .comment-box {
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
border-radius: 25px;
transform: scale(1.12);
opacity: 1;
}
.comments-slider .slick-list {
padding: 2rem 1rem 1rem 1rem !important;
}
.comments-slider .slick-dots {
margin-top: 1rem;
}
/* Single Therapists Page */
/* Blog Page */
.blog-page {
}
.blog-banner img {
width: 100%;
}
.search-box-row {
margin-top: -1.5rem;
position: relative;
}
.search-box {
display: flex;
align-items: center;
position: relative;
}
.search-box input {
border-radius: 25px;
height: 50px;
border: 2px solid #179f64;
color: #179f64 !important;
padding-left: 3rem;
}
.search-box input::placeholder {
color: #b6b6b6;
}
.search-box input:focus {
border-color: #179f64 !important;
box-shadow: 0 0 15px 0 #179f64b8 !important;
}
.search-box .search-icon {
background-color: #179f64;
width: max-content;
border-radius: 50%;
padding: 0.5rem;
position: absolute;
left: 5px;
transition: 0.2s ease-in-out;
border: none;
}
.search-box .search-icon:hover {
background-color: #21b676;
}
.search-box .search-icon:hover svg path {
fill: #000;
}
.search-box .search-icon svg {
width: 25px;
}
.search-box .search-icon svg path {
fill: #fff;
transition: 0.2s ease-in-out;
}
.category-blog-sec {
margin-top: 5rem;
}
.blog-page .service-card::before {
content: none;
}
.blog-page .service-card {
background-color: transparent;
border: none;
border-radius: 0;
width: max-content;
margin: 0;
}
.blog-page .service-card .service-icon {
width: max-content;
aspect-ratio: 1/1;
margin: 0;
background-color: #f0f9f6;
transition: 0.2s ease-in-out;
}
.blog-page .service-card.active .service-icon {
background-color: #179f64;
}
.blog-page .service-card.active .service-icon svg path {
fill: #fff;
}
.blog-page .service-card.active span {
color: #000;
font-weight: bold;
}
.blog-page.cat .service-card:not(.active) {
opacity: 0.8;
}
.blog-page.cat .service-card.active{
opacity: 1;
transform: scale(1.3);
filter: drop-shadow(0px 0px 7px #00000077);
}
.blog-page .service-card:hover .service-icon {
background-color: #179f64;
}
.preloader{
width: 100%;
height: 100%;
background: #e6f8ef;
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1000000;
transition: all 0.7s ease-in-out;
clip-path: circle(100% at 50% 50%);
}
.preloaderLottie{
max-width: 300px;
margin: 0 auto;
}
.preloaderHide{
clip-path: circle(0% at 50% 50%);
}
@keyframes expandHole {
0% {
width: 0;
height: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: transparent;
}
100% {
width: 200vw;
height: 200vh;
top: -50%;
left: -50%;
transform: translate(-50%, -50%);
background-color: #333; /* Match the background color of your section */
}
}
.blog-page .service-card:hover .service-icon svg path {
fill: #fff;
}
.blog-page .service-card:hover span {
color: #000;
}
.blog-page .service-card .service-icon svg path {
fill: #179f64;
transition: 0.2s ease-in-out;
}
.blog-page .service-card span {
font-weight: normal;
transition: 0.2s ease-in-out;
color: #545454;
}
.h-rule {
height: 2px !important;
border-radius: 10px;
background-color: #e6f5ee;
opacity: 1;
width: 100%;
}
.center-text-border {
width: max-content;
margin: 0 auto;
position: absolute;
background-color: #fff;
padding: 0 1rem;
font-size: 1.2rem;
color: #545454;
}
.blog-page .videos-sec {
margin-top: 5rem;
}
.category-blog-sec p {
line-height: 2;
margin: 1rem 0 3rem 0;
}
.category-blog-sec .h-rule {
height: 5px !important;
}
.blog-info {
padding: 0 0.75rem;
margin: 0.75rem;
width: 100%;
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.blog-info .blog-title {
padding: 0;
font-size: 16px;
font-weight: bold;
margin: 0;
color: #5f5f5f;
width: 100%;
text-align: right;
}
.blog-info .blog-subtitle {
padding: 0;
margin: 0;
color: #5f5f5f;
width: 100%;
}
.blog-card-parent .blog-info::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
right: 0;
width: 4px;
height: 70%;
border-radius: 12px;
}
.blog-card-parent p {
padding: 0 1.5rem;
margin-bottom: 1rem;
color: #8b8b8b;
font-size: 0.9rem !important;
}
.blog-slider .slick-list {
padding: 2rem 0.25rem !important;
}
.blog-slider .slick-dots {
margin-top: 0.5rem !important;
}
.blog-slider {
margin-top: 2rem;
}
.blog-slider .carousel-control-next {
width: max-content;
left: auto !important;
right: 0.35rem !important;
}
.blog-slider .carousel-control-prev {
width: max-content;
left: auto !important;
left: 0.35rem !important;
}
.blog-slider .slider-next-icon {
width: 1.5rem !important;
height: 1.5rem !important;
}
.blog-slider .slider-prev-icon {
width: 1.5rem !important;
height: 1.5rem !important;
}
.blog-cards-sec {
margin-top: 5rem;
}
.blog-cards-parent {
margin-top: 4rem;
}
.blog-cards-parent .blog-card-parent {
margin-bottom: 2rem;
}
.blog-cards-sec .pagination {
display: flex;
justify-content: center;
direction: rtl;
}
.blog-slider-sec {
margin-top: 5rem;
}
/* Blog Page */
/* Single Blog Page */
.single-blog-header-sec {
}
.single-blog-info {
display: flex;
justify-content: space-between;
margin: 1rem 0;
}
.single-blog-info .date {
color: #a3a3a3;
padding: 0 1.5rem;
position: relative;
display: flex;
align-items: center;
}
.single-blog-info .date::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 10px;
height: 10px;
border-radius: 50%;
right: 0;
}
.single-blog-info .view {
color: #a3a3a3;
padding: 0 1.5rem;
position: relative;
display: flex;
align-items: center;
}
.single-blog-info .view::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 10px;
height: 10px;
border-radius: 50%;
left: 0;
}
.header-banner {
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
padding-bottom: 2rem;
border-radius: 45px 45px 25px 25px;
aspect-ratio: 16/7;
overflow: hidden;
}
.header-banner img {
width: 100%;
margin-top: -8%;
}
.ajs-message{
left: 290px;
border-radius: 17px;
box-shadow: 0px 0px 10px 0px #00000052;
color: #00000091;
}
.refreshCaptcha{
cursor: pointer;
}
.commentsCaptcha{
border-radius: 45px;
height: 45px;
object-fit: fill;
}
.w-80{
width: 80%;
}
.share-parent{
margin-top: 2rem;
}
.single-blog-content-sec {
}
.single-blog-content-sec p {
line-height: 2;
margin: 1rem 0;
color: #545454;
word-wrap: break-word;
}
.single-blog-content-sec img {
width: 100%;
border-radius: 20px;
}
.single-blog-content-sec span {
width: 100%;
display: block;
text-align: center;
margin: 1rem 0;
color: #179f64;
}
.blog-comments-sec {
margin-top: 5rem;
}
.form-check-input.baseForm[type=radio]{
width: 28px;
height: 28px;
}
input:not(.baseForm)[type=radio],
input:not(.baseForm)[type=checkbox]{
/* Hide original inputs */
visibility: hidden;
position: absolute;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before{
height:20px;
width:20px;
margin-right: 2px;
content: " ";
display:inline-block;
vertical-align: baseline;
border:1px solid #0b623c;
vertical-align: middle;
margin: 0px 10px;
}
.gfield_select:not([multiple]){
border-radius: 30px;
height: 45px;
border-color: #179f64;
text-align: right;
color: #179f64;
width: 100%;
margin: 0.2rem 0;
}
.gchoice{
margin: 10px 0px;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before{
background:radial-gradient(#179f64 0%, #179f64 10%, #fff 60%);
}
.gform-body{
overflow-x: hidden;
margin: 10px 0px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{
background: linear-gradient(45deg, #239f64, #0f5835);
color: #fff;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue span{
}
/* CUSTOM RADIO AND CHECKBOX STYLES */
input[type=radio] + label:before{
border-radius:50%;
}
input[type=checkbox] + label:before{
border-radius:2px;
}
.gform_previous_button{
float: right;
border-color: #cacaca;
margin-left: 20px;
}
.gform_previous_button:before{
background-color: #ececec !important;
}
.gform_next_button{
float: right;
}
.hours_problem_style{
background: #fc9696;
color: #510e0e;
border-radius: 10px;
padding: 10px;
font-size: 18px;
border: 1px solid #b95050;
}
.hours_problem_style b{
border-bottom: 1px solid #3e0808;
}
/* .gform_next_button, .gform_button{
width: 200px;
color: #fff;
margin: 0 auto;
height: 45px;
border: none;
float: right;
border-radius: 30px;
background-color: #179f64;
align-items: center;
justify-content: space-around;
}
.gform_previous_button{
width: 200px;
margin: 0 auto;
height: 45px;
color: #179f64 !important;
border: none;
border-radius: 30px;
align-items: center;
justify-content: space-around;
background-color: #e8f5ee !important;
} */
.gform_wrapper.gravity-theme .gfield.gfield--width-full{
width: 100%;
height: auto;
}
.editProfileLink{
font-size: 14px !important;
font-weight: normal !important;
}
.gform_fields fieldset, .gfield{
margin: 20px 0px !important;
}
.border-none{
border: none;
}
.bg-none{
background: none;
}
.gform_submission_error{
font-size: 18px !important;
font-weight: normal !important;
}
div.gform_wrapper.gravity-theme .gform_validation_errors{
border-radius: 45px;
border: none;
background: #f5cece;
margin: 0px 0px 40px 0px;
}
div.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message{
background: #fdeaea;
border: 1px solid #c02b0a;
border-radius: 45px;
border: none;
display: inline-block;
width: auto !important;
}
.ginput_container input[type="text"], .ginput_container input[type="tel"], .ginput_container input[type="email"]{
max-width: 270px !important;
}
.ginput_container input, .theme_input{
border-radius: 30px;
height: 45px;
text-align: center;
color: #545454;
border: 1px solid #179f64;
}
.ginput_container input[disabled], input.theme_input[disabled]{
color: #777777;
border-color: #cecece;
}
.action-button[disabled]{
border-color: #cacaca;
background: #eee;
color: #b0b0b0;
}
.gform_page_footer{
text-align: right;
}
.setPasswordForm td{
padding: 10px;
}
.btn-submit{
width: 200px;
color: #fff;
margin: 0 auto;
height: 45px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: space-around;
}
.btn-submit span {
color: #fff;
}
.comment-card-parent {
display: flex;
align-items: center;
padding-right: 2rem;
position: relative;
}
.comment-card-parent .profile-parent {
}
.comment-card-parent .profile::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 10px;
height: 10px;
border-radius: 50%;
right: -20px;
}
.comment-card-parent .profile {
padding: 0;
width: 50px;
height: 50px;
background-color: #d4efe0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0;
color: #179f64;
font-weight: bold;
font-size: 1.2rem;
position: relative;
}
.comment-card-parent .comment-card {
width: 93%;
margin-right: -1.5rem;
padding: 1rem 2rem 1rem 1rem;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 15px;
}
.comment-card-parent .comment-card .name-date-parent {
display: flex;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.comment-card-parent .comment-card .name-date-parent span {
color: #b6b6b6;
font-size: 0.9rem;
}
.comment-card-parent .comment-card p {
color: #545454;
}
.comment-card-parent .answer-comment-card {
background-color: #f9fdfc;
padding: 0.75rem 1.5rem 0.75rem 0.75rem;
border-radius: 15px;
/* margin: 1rem -5px -5px -5px; */
margin: 1rem -25px -10px -10px;
}
.comment-card-parent.answered {
align-items: unset;
}
.comment-card-parent.answered .profile {
margin-top: 7%;
}
.comment-card-parent {
}
.comment-card-parent {
}
.comment-card-parent {
}
.modal-new-comment .modal-body {
margin: 0;
}
.login-register-modal.modal-new-comment .modal-body input {
margin: 0.25rem 0;
text-align: right !important;
}
.login-register-modal.modal-new-comment .modal-body input::placeholder {
color: #179f64;
font-size: 0.9rem;
}
.login-register-modal.modal-new-comment .modal-body .input-defaul.text-area {
min-height: 145px;
margin: 0.25rem 0 1rem 0;
border-radius: 20px;
text-align: right !important;
}
.login-register-modal.modal-new-comment .modal-body .input-defaul.text-area::placeholder {
color: #179f64;
font-size: 0.9rem;
}
.login-register-modal.modal-new-comment .modal-content {
max-width: 375px;
margin: 0 auto;
}
/* Single Blog Page */
/* About Us Page */
.about-us-page {
}
.about-us-header-sec {
}
.about-us-header-sec img {
width: 100%;
height: 450px;
object-fit: cover;
}
.about-us-content-box {
margin-top: -5rem;
position: relative;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 20px;
padding: 1.5rem 1.5rem 3rem 1.5rem;
justify-content: center;
}
.about-us-page .title-circle {
z-index: 2;
}
.about-us-content-box p {
line-height: 2;
font-size: 1.1rem !important;
color: #545454;
margin: 1rem 0;
}
.about-us-content-box .sec-2-about-us {
display: flex;
justify-content: space-between;
align-items: center;
}
.about-us-content-box .sec-2-about-us .img-parent {
border: 2px solid #179f64;
width: max-content;
border-radius: 145px;
}
.about-us-content-box .sec-2-about-us .img-parent img {
width: 350px;
margin: 10px;
border-radius: 145px;
}
.about-us-content-box .sec-2-about-us .title-text {
width: 100%;
padding-right: 2rem;
}
.about-us-content-box {
}
.about-us-content-box {
}
/* About Us Page */
/* Contact Us Page */
.contact-us-header-sec img {
width: 100%;
height: 450px;
object-fit: cover;
filter: brightness(75%);
}
.contact-us-header-content {
position: absolute;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
height: 80px;
width: 420px;
margin-top: -3rem;
}
.contact-us-header-sec .social-media {
text-align: center;
margin-top: 2.2rem;
}
.contact-us-header-sec .social-media a svg path {
fill: #fff;
}
.contact-us-header-sec .social-media a svg, .contact-us-header-sec .social-media a path{
transition: all 0.2s ease-in-out;
}
.contact-us-header-sec .social-media a:hover svg{
transform: scale(1.4);
filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .4));
}
.contact-us-header-sec .social-media a:hover svg path{
fill: #179f64;
}
.contact-us-header-content .title-header {
font-size: 2.5rem;
font-weight: bold;
color: #fff;
margin-top: -2.2rem;
text-align: center;
}
.contact-us-header-content .title-header::before {
content: "";
position: absolute;
display: block;
background-color: #fff;
width: 115px;
height: 2px;
top: 0;
right: 0;
}
.contact-us-header-content .title-header::after {
content: "";
position: absolute;
display: block;
background-color: #fff;
width: 115px;
height: 2px;
top: 0;
left: 0;
}
.contact-us-header-sec .social-media::before{
content: "";
position: absolute;
display: block;
background-color: #fff;
width: 90px;
height: 2px;
bottom: 0;
right: 0;
}
.contact-us-header-sec .social-media::after {
content: "";
position: absolute;
display: block;
background-color: #fff;
width: 90px;
height: 2px;
bottom: 0;
left: 0;
}
.contact-us-content {
z-index: 2;
}
.contact-us-content-box {
position: relative;
margin-top: -5rem;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 20px;
padding: 2.5rem 1.5rem;
justify-content: center;
}
.contact-us-content-box::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 40%;
height: 5px;
top: -2.5px;
border-radius: 15px;
}
.contact-us-content-box .text {
font-size: 1.3rem;
text-align: center;
color: #818181;
display: block;
width: 100%;
}
.contact-us-content-box .faq-box {
width: max-content;
padding: 1.5rem;
border-radius: 10px;
background-color: #f5f5f5;
margin: 1.5rem 0;
font-size: 1.2rem;
color: #545454;
text-align: justify;
}
.contact-us-content-box .faq-box a {
color: #179f64;
text-decoration: underline;
}
.contact-us-content-box .form-box-parent {
position: relative;
margin-top: 2rem;
}
.contact-us-content-box .form-box-parent::before {
content: "";
position: absolute;
display: block;
background-color: #179f64;
height: 100%;
width: 4px;
right: -1.6rem;
top: 2%;
}
.contact-us-content-box .form-box-parent::after {
content: "";
position: absolute;
display: block;
background-color: #179f64;
height: 100%;
width: 4px;
left: -1.6rem;
top: 2%;
}
.contact-us-content-box .form-box-parent span.mySpan {
padding: 0 1rem;
width: 80%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
font-size: 1.1rem;
margin: 0 auto;
}
.contact-us-content-box .form-box-parent span.mySpan::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 100px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
right: -1.6rem;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
border-color: #ffb900;
background: #ffb900;
padding: 18px;
margin: 0px;
border-radius: 16px;
box-shadow: 0px 0px 10px 0px #0000004d;
color: #0009;
}
.wpcf7 form.sent .wpcf7-response-output{
border-color: #46b450;
background: #46b450;
padding: 18px;
margin: 0px;
border-radius: 16px;
box-shadow: 0px 0px 10px 0px #0000004d;
color: #0009;
}
.wpcf7-spinner{
float: left;
margin-top: 25px;
margin-left: 30px;
}
.contact-us-content-box .form-box-parent span.mySpan::after {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 100px;
height: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
left: -1.6rem;
}
.form-check {
margin: 1.5rem 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-check-label {
font-size: 1.1rem;
color: #9e9e9e;
text-align: justify;
line-height: 1.8;
padding-right: 0.75rem;
width: 100%;
}
.form-check-input {
display: flex;
justify-content: center;
align-items: center;
border-color: #179f64;
}
.form-check-input[type="radio"]:checked {
border-color: #179f64;
}
.form-check-input[type="radio"]:checked::after {
margin: 0;
border-color: #179f64;
background-color: #179f64;
width: 12px;
height: 12px;
}
.form-check-input:focus::before {
opacity: 0 !important;
}
.form-box-parent .input-defaul {
border-radius: 30px;
height: 45px;
border-color: #179f64;
text-align: right;
color: #179f64;
width: 100%;
margin: 0.2rem 0;
}
.form-box-parent .input-defaul[disabled]{
color: #777777;
}
.form-box-parent label {
font-size: 14px;
color: #666;
margin-top: 0.5rem;
padding-right: 6px;
}
.form-box-parent .input-defaul:focus {
box-shadow: none !important;
}
.form-box-parent .input-defaul::placeholder {
color: #9e9e9e;
font-size: 0.9rem;
}
.form-box-parent .input-defaul.text-area {
min-height: 170px;
border-radius: 20px;
}
.form-box-parent .btn-parent {
margin-top: -3.5rem;
margin-left: 0.5rem;
z-index: 2;
}
.form-box-parent .btn-submit {
width: 100%;
margin: -0.5rem 0;
height: 45px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.map-parent {
margin-top: -5%;
position: relative;
justify-content: center;
}
.map-parent img {
width: 100%;
height: 500px;
object-fit: cover;
}
.map-parent::after {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 80%;
height: 5px;
bottom: -2.5px;
border-radius: 15px;
}
.contact-ways {
margin-top: -2.5rem;
}
.contact-ways .title-circle {
padding: 0 3rem;
background-color: #179f64;
border-radius: 45px;
}
.contact-ways .title-circle::before {
background-color: #28b97a;
right: 35px;
z-index: 0;
}
.contact-ways .title-circle span {
z-index: 1;
color: #fff;
}
.phone-parent {
display: flex;
width: 100%;
/* margin: 0 auto; */
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.phone-parent .call-number {
background-color: #fff;
border: 1px solid #179f64;
padding: 0.25rem 0.75rem 0.25rem 2.5rem;
border-radius: 30px;
color: #545454;
height: 35px;
display: flex;
align-items: center;
}
.phone-parent .call-btn {
display: flex;
justify-content: space-between;
width: max-content;
padding: 0.25rem 1rem;
align-items: center;
background-color: #179f64;
border-radius: 30px;
color: #055d2d;
margin-right: -2rem;
border: 1px solid #179f64;
height: 35px;
display: flex;
align-items: center;
}
.phone-parent .call-btn svg {
width: 25px;
margin: 0 0.5rem 0 0;
fill: #055d2d;
}
.phone-parent span {
padding: 0 0.5rem;
}
.address-parent {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem 0;
}
.address-parent i {
font-size: 2rem;
padding-left: 1rem;
color: #179f64;
}
.address-parent .address {
font-size: 1.2rem;
color: #545454;
text-align: justify;
}
.address-parent .address span {
color: #179f64;
}
.email-parent {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem 0;
}
.email-parent i {
font-size: 2rem;
padding-left: 1rem;
color: #179f64;
}
.email-parent .email {
display: flex;
flex-wrap: wrap;
justify-content: end;
width: max-content;
}
.email-parent span {
color: #179f64;
font-size: 1.2rem;
white-space: nowrap;
}
.email-parent .email a {
font-size: 1.2rem;
color: #545454;
text-align: left;
width: 80%;
}
/* Contact Us Page */
/* Reservation Page */
.reservation-sec .title-parent {
width: max-content;
padding: 0.5rem 2rem;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 45px;
}
.reservation-sec .title-circle {
z-index: 0;
}
.reservation-sec .title-circle::before {
z-index: -1;
}
.contact-us-header-sec.reservation-sec .content {
margin-top: -2.5rem;
position: relative;
}
.contact-us-header-sec.reservation-sec .content .subtitle {
font-size: 1.5rem;
text-align: center;
margin: 1rem 0;
color: #545454;
}
.fs-small{
font-size: 10px;
}
.contact-us-header-sec.reservation-sec .content span.line {
text-align: center;
width: max-content;
display: flex;
align-items: center;
padding: 0 140px 0 0;
font-size: 1.1rem;
color: #179f64;
position: relative;
}
.contact-us-header-sec.reservation-sec .content span.line::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 130px;
height: 3px;
right: 0;
border-radius: 15px;
}
.contact-us-header-sec.reservation-sec .content .text {
margin: 2rem 0;
width: 100%;
}
.contact-us-header-sec.reservation-sec .content .text p {
/* width: 70%; */
margin: 0 auto;
/* padding: 0 1.5rem; */
padding-right: 1.5rem;
position: relative;
display: flex;
align-items: start;
line-height: 2.2;
text-align: justify;
text-align-last: center;
font-size: 1.1rem !important;
}
.contact-us-header-sec.reservation-sec .content .text p::before {
content: "";
display: block;
position: absolute;
background-color: #179f64;
width: 15px;
height: 15px;
border-radius: 50%;
right: 0;
top: 10px;
}
.paragraphContainer{
position: relative;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
border-radius: 20px;
padding: 1.5rem 0rem 3rem 0rem;
justify-content: center;
}
.paragraphContent{
line-height: 40px;
}
.paragraphContent h3 {
width: max-content !important;
padding: 0 2rem;
margin: 0 auto;
height: 55px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.paragraphContent h3 span {
font-size: 1.1rem;
color: #ffffff !important;
font-weight: normal;
}
.paragraphContent h3::before {
content: "";
position: absolute;
display: block;
background-color: transparent;
height: 75px;
width: 280px;
left: -10px;
border-left: 1px solid #cae0d4;
border-bottom: 1px solid #cae0d4;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px;
}
.paragraphContent h3::after {
content: "";
position: absolute;
display: block;
background-color: transparent;
height: 75px;
width: 50%;
left: -10px;
border-top: 1px solid #cae0d4;
border-top-left-radius: 35px;
}
.paragraphContent h3 span{
color: #ffffff !important;
font-weight: normal;
}
.paragraphContent ul, .paragraphContent ol{
position: relative;
border-right: 1px solid #cae0d4;
padding: 0px;
border-bottom: 1px #fff solid;
border-bottom-right-radius: 30px;
border-top-right-radius: 21px;
}
.paragraphContent li{
text-align: right;
list-style: none;
z-index: 5;
position: relative;
margin-top: 15px;
padding-right: 20px;
}
.fs24{
font-size: 24px !important;
}
.textEn, .textEn li{
font-family: Arial, Helvetica, sans-serif;
}
#wpas_title_wrapper label{
width: 100%;
}
#wpas_message_wrapper{
margin-top: 20px;
}
.wpas-status-open .wpas-label-status{
background: #138522 !important;
}
.wpas-status-closed .wpas-label-status{
background: #7e7e7e !important;
}
.wpas-label-status{
border-radius: 7px;
padding: 6px 13px;
color: #fff;
}
.alertify-notifier .ajs-message.ajs-error {
color: #ffd6d6;
}
.paragraphContent ul::before, .paragraphContent ol::before{
content: "";
position: absolute;
background-color: transparent;
display: block;
width: 100%;
height: 85%;
right: -1px;
/* border-right: 1px solid #cae0d4;
border-top-right-radius: 30px; */
top: -6px;
}
.action-button.noFill svg{
height: 100% !important;
width: auto;
margin-top: 4px;
}
.action-button.noFill svg path{
stroke: #239f64 !important;
fill: none !important;
}
.cardData{
background: #ceedde;
padding: 15px;
border-radius: 15px;
border: 2px solid #239f64;
font-size: 20px;
text-align: center;
color: #062f1c;
}
.cardData .cardNumber, .cardData .cardName{
font-size: 25px;
color: #000;
margin: 10px 0px;
}
.gformq{
font-size: 16px !important;
font-weight: 700;
color: #000 !important;
margin: 10px 0px;
}
.paragraphContent ul::after, .paragraphContent ol::after{
content: "";
position: absolute;
background-color: transparent;
display: block;
width: 50%;
height: 70px;
right: 0px;
border-top: 1px solid #cae0d4;
top: -6px;
border-top-right-radius: 30px;
}
.paragraphContent li:last-child{
border-right: 0px solid #cae0d4;
}
.paragraphContent li::before{
content: "";
position: absolute;
display: block;
background-color: #179f64;
width: 12px;
height: 12px;
top: 15px;
right: -6px;
z-index: 10;
border-radius: 50%;
}
.reservation-steps-parent {
margin-top: 2rem;
}
.reservation-steps-title {
width: max-content !important;
padding: 0 2rem;
margin: 0 auto;
height: 55px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.reservation-steps-title span {
color: #fff;
font-size: 1.1rem;
}
.reservation-steps-title::before {
content: "";
position: absolute;
display: block;
background-color: transparent;
height: 75px;
width: 280px;
left: -10px;
border-left: 1px solid #cae0d4;
border-bottom: 1px solid #cae0d4;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px;
}
.reservation-steps-title::after {
content: "";
position: absolute;
display: block;
background-color: transparent;
height: 75px;
width: 50%;
left: -10px;
border-top: 1px solid #cae0d4;
border-top-left-radius: 35px;
}
.reservation-steps {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
position: relative;
}
.reservation-steps::before {
content: "";
position: absolute;
background-color: transparent;
display: block;
width: 100%;
height: 85%;
right: 6px;
border-right: 1px solid #cae0d4;
border-top-right-radius: 30px;
top: -7px;
z-index: -1;
}
.reservation-steps::after {
content: "";
position: absolute;
background-color: transparent;
display: block;
width: 50%;
height: 70px;
right: 6px;
border-top: 1px solid #cae0d4;
top: -7px;
border-top-right-radius: 30px;
}
.reservation-steps .reservation-steps-item {
display: flex;
width: 100%;
align-items: end;
justify-content: space-between;
flex-wrap: wrap;
margin: 1rem 0;
}
.reservation-steps .reservation-steps-item .info {
width: 75%;
}
.reservation-steps .reservation-steps-item .info .step {
margin: 0.5rem 0;
font-size: 1.2rem;
color: #179f64;
position: relative;
display: flex;
align-items: center;
padding: 0 1.5rem 0 0.5rem;
}
.reservation-steps .reservation-steps-item .info .step::before {
content: "";
position: absolute;
display: block;
background-color: #179f64;
width: 12px;
height: 12px;
right: 0;
border-radius: 50%;
}
.reservation-steps .reservation-steps-item .info span {
margin: 0.5rem 0;
font-size: 1.1rem;
color: #545454;
padding: 0 1.5rem 0 0.5rem;
}
.reservation-steps .reservation-steps-item .info p {
margin: 0.5rem 0;
color: #949494;
padding: 0 1.5rem 0 0.5rem;
}
.reservation-steps .reservation-steps-item .btn-submit {
width: max-content;
height: 40px;
padding: 0 3rem;
border: none;
background-color: #ecf5f0;
border-radius: 40px;
color: #179f64;
font-size: 1.1rem;
align-items: center;
display: flex;
}
/* Reservation Page */
/* Profile Page */
.footer-sec .bottom-nav.profile .main-bottom-menu::before {
content: none;
}
.profile-page{
overflow: hidden;
}
.profile-page .profile-header {
}
.profile-page .profile-header .bg {
width: 100%;
background-color: #179f64;
height: 250px;
position: absolute;
}
.profileNavBar{
padding-bottom: 50px;
margin-top: -3rem;
}
.user_panel_menu{
padding: 0px 15px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.user_panel_menu svg{
width: 32px;
height: 32px;
margin-bottom: 5px;
}
.closeUserForm{
cursor: pointer;
transition: all 0.2s ease-in-out;
color: #999999;
}
.closeUserForm:hover{
color: #000;
}
.profile-page .profile-header .header-banner-box {
padding: 1rem 1.5rem;
display: inline-flex;
align-content: space-around;
max-width: 100%;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
position: relative;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 30px;
margin-top: 0.5rem;
}
.profile-page .profile-header .header-banner-box>div {
padding-left: 1rem;
}
.profile-page .profile-header .header-banner-box>div .profile-name, .sidebar .profile-name {
display: inline-block;
margin: 0.25rem 0;
font-weight: bold;
font-size: 1.1rem;
color: #000;
}
.profile-page .therapist .therapist-img-parent {
padding: 0;
width: max-content;
}
.profile-page .therapist .therapist-img-parent .therapist-img-inner {
width: 80px;
border: 2px solid #179f64;
}
.profile-page .therapist .therapist-img-parent .therapist-img-inner .contain {
width: 90px;
height: 75px;
}
.profile-page .therapist .therapist-img-parent .therapist-img-inner .therap-img-contain {
width: 90px;
left: -8%;
}
.profile-page .therapist {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
background: #fff;
padding: 0 0.25rem;
align-items: center;
position: absolute;
left: 0;
right: 0;
}
.profile-page .profile-header .header-banner-box>div .welcome, .sidebar .welcome {
width: 80%;
display: block;
margin: 0.25rem 0;
z-index: 100;
color: #0c7131;
position: relative;
border-radius: 15px;
cursor: pointer;
animation: infiniteScale 2s 3;
transform-origin: 100% 100%;
}
@keyframes infiniteScale {
0% {
transform: scale(1);
background-color: #ffffff;
padding: 0px;
color: #0c7131;
}
50% {
transform: scale(1.1);
background-color: #28ab58;
padding: 0px 10px;
color: #ffffff;
}
100% {
transform: scale(1);
background-color: #ffffff;
padding: 0px;
color: #0c7131;
}
}
.welcome:hover .selectUserDropDown, .selectUserDropDown:hover{
display: block;
}
.selectUserDropDown{
display: none;
position: absolute;
top: 20px;
z-index: 10;
right: 0px;
box-shadow: 0px 0px 10px 0px #00000047;
background-color: #fff;
padding: 5px;
list-style: none;
border-radius: 10px;
}
.selectUserDropDown li{
}
.selectUserDropDown.show{
display: block;
position: relative;
width: 80%;
background: none;
box-shadow: none;
}
.selectUserDropDown.show li:not(first-child){
margin-top: 10px;
box-shadow: 0px 0px 16px 0px #00000033;
background-color: #fff;
padding: 6px;
border-radius: 11px;
}
.editSubUser{
color: #444444;
cursor: pointer;
}
.selectUserDropDown li a{
color: #333333;
padding: 5px 15px;
display: inline-block;
width: 100% !important;
transition: all 0.2s ease-in-out;
}
.selectUserDropDown li a:hover{
background-color: #00b74a;
color: #ffffff !important;
border-radius: 10px;
}
.profile-page .profile-header .header-banner-box a {
width: max-content;
text-decoration: none;
transition: all 0.2s ease-in-out;
color: #444444;
}
.profile-page .profile-header .header-banner-box a:hover, .sidebar a:hover{
color: #179f64;
}
.error {
width: 100%;
margin: 1.5rem auto;
text-align: start;
padding: 1rem;
background-color: #f0f6f2;
display: flex;
justify-content: space-between;
align-items: start;
position: relative;
border-radius: 15px;
flex-wrap: wrap;
}
.error span {
display: block;
width: 100%;
color: #545454;
text-align: justify;
}
.dangerError{
background-color: #e13b3b !important;
}
.dangerError span{
color: #ffe1e1;
}
.dangerError .closeErrorBtn{
background-color: #7e1c1c;
}
.closeErrorBtn {
background-color: #179f64;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
left: 10px;
top: 15px;
color: #fff;
}
.closeErrorBtn svg {
width: 17px;
}
.closeErrorBtn svg path {
stroke: #fff;
}
.my-status {
margin-bottom: 10px !important;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 25px;
padding:0rem 0rem 2rem 0rem;
}
.title-parent.bordered {
display: flex;
align-items: center;
margin-top: 2rem;
}
.title-parent.bordered .title-circle {
position: absolute;
background-color: #fff;
padding: 0 1.5rem;
z-index: 0;
left: 0;
right: 0;
}
.title-parent.bordered .title-circle::before {
right: 15px;
}
.title-parent.bordered .h-rule {
height: 3px !important;
}
.status-items {
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
margin-top: 2rem;
flex-wrap: wrap;
padding: 0;
}
.status-items li {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
position: relative;
margin: 2rem 0;
z-index: 2;
padding: 0 1.5rem;
}
.status-items li .number {
font-size: 1.5rem;
width: 40px;
height: 40px;
display: flex;
font-weight: bold;
justify-content: center;
align-items: center;
color: #a7d3bc;
border: 2px solid #a7d3bc;
border-radius: 50%;
background-color: #fff;
position: absolute;
right: 1.5rem;
}
.status-items li .number .svg-parent {
background-color: #179f64;
display: none;
border-radius: 50%;
width: 33px;
height: 33px;
justify-content: center;
align-items: center;
}
.status-items li .number .svg-parent svg {
width: 30px;
}
.status-items li .number .svg-parent svg path {
fill: #fff;
}
.status-items li span {
width: 100%;
padding-right: 4rem;
color: #a3a3a3;
font-size: 1.1rem;
}
.status-items li span.finish {
width: 100%;
padding-right: 4rem;
margin-top: 1rem;
display: none;
font-size: 0.9rem !important;
color: #179f64 !important;
}
.status-items li p {
width: 100%;
padding-right: 4rem;
margin-top: 1rem;
display: none;
color: #545454;
}
.status-items li p a {
text-decoration: underline;
color: #000;
}
.status-items li.active::before {
content: "";
display: block;
position: absolute;
background-color: #fff;
z-index: -1;
width: 100%;
height: 150%;
left: 0;
right: 0;
margin: 0 auto;
border: 2px solid #179f64;
border-radius: 55px;
}
.status-items li.active span {
color: #000;
}
.status-items li.active .number {
color: #fff;
background-color: #179f64;
border: 2px solid #179f64;
}
.status-items li.active p {
display: block;
}
.status-items li.checked .number {
background-color: transparent;
}
.status-items .disabled a, .status-items .checked a{
color: #999999 !important;
pointer-events: none;
}
.single-courses iframe{
height: 500px;
}
.status-items li.checked{
margin: 0.3rem !important;
}
.status-items li.checked span.finish{
margin: 0rem !important;
}
.status-items li.checked .number .svg-parent {
position: absolute;
right: 2px;
top: 2px;
width: 90%;
height: 90%;
display: flex;
}
.status-items li.checked::before {
content: none !important;
}
.status-items li.checked span.finish {
display: block;
}
.status-items li.checked span {
color: #a3a3a3;
}
/* Profile Page */
/* Profile Online Session Page */
.session-link {
overflow: hidden;
display: flex;
border-radius: 45px;
height: 55px;
/* padding: 0 1rem; */
align-items: center;
justify-content: space-between;
}
.fs-normal, .fs-normal span, .fs-normal p{
font-size: 18px !important;
}
.session-link>a {
width: max-content;
padding: 0 2rem;
background-color: #087e4a;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
color: #fff;
font-size: 1.2rem;
}
.tips .desc{
margin-right: 40px;
}
.session-link #linkToCopy a{
display: inline-block;
direction: ltr;
vertical-align: middle;
padding-top: 15px;
}
.session-link .link {
width: 100%;
text-align: left;
padding: 0rem 2rem;
background-color: #189f65;
height: 100%;
color: #fff;
}
.copy-btn {
float: left;
border: none;
background-color: transparent;
margin: 0.5rem;
color: #000;
}
.reserve-dates {
padding: 1.5rem 1rem 1rem 1rem;
border: 2px solid #179f64;
border-radius: 25px 15px 25px 25px;
position: relative;
}
.reserve-dates .title {
width: max-content;
padding: 0 0.5rem;
background-color: #fff;
position: absolute;
top: -17px;
right: 0px;
font-size: 1.1rem;
}
.reserve-dates ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.reserve-dates ul li {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.25rem 2rem 0.25rem 0.75rem;
/* background-color: red; */
border-radius: 45px;
margin: 0.25rem 0;
position: relative;
}
.reserve-dates ul li:nth-child(odd) {
background-color: #f7fbfa;
}
.reserve-dates:not(.noDot) ul li::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
display: block;
background-color: transparent;
border-radius: 50%;
border: 2px solid #179f64;
right: 10px;
}
.session-hints {
}
.logoInsteadImg{
width: 90%;
height: 90% !important;
margin: 4px auto !important;
display: block;
}
.textGreen{
color: #20965f;
transition: all 0.2s ease-in-out;
}
.underlineDashed{
border-bottom: 2px dashed #20965f;
}
a.textGreen:hover{
color: #05692d;
}
.session-hints ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
position: relative;
}
.session-hints ul li {
display: flex;
padding: 0rem 2rem 2rem 0;
align-items: center;
flex-wrap: wrap;
width: 100%;
position: relative;
margin: 1rem 0;
}
.session-hints ul li::before {
content: "";
position: absolute;
display: block;
background-color: #e8f7f0;
width: 100%;
height: 4px;
border-radius: 20px;
bottom: 0;
right: 0;
left: 0;
}
.session-hints ul li .number {
color: #fff;
background-color: #179f64;
border: 2px solid #179f64;
font-size: 1.7rem;
width: 50px;
height: 50px;
display: flex;
font-weight: bold;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
right: 0;
}
.session-hints ul li p {
padding-right: 3rem;
padding-left: 1rem;
color: #545454;
font-size: 1.1rem !important;
}
/* Profile Online Session Page */
/* Profile Information Change Page */
.profile-page .header-banner-box {
width: max-content;
padding: 1rem 1.5rem !important;
}
.profile-page .header-banner-box .title-parent {
/* padding-left: 0;
padding-right: 1rem; */
padding: 0 2rem 0 1rem;
display: inline-block;
}
.profile-page .header-banner-box .title-parent .title-circle {
font-weight: normal;
color: #000;
font-size: 2rem;
}
.profile-page .header-banner-box svg {
width: 40px;
}
.profile-page .header-banner-box a svg path, .sidebar a svg path, .profile-page .header-banner-box a svg circle, .sidebar a svg circle{
fill: #edededcc;
transition: fill 0.2s ease-in-out;
stroke: #929292;
}
.headerLeft{
align-items: center;
display: flex;
justify-content: flex-end;
}
.headerMsgBtn{
height: 42px;
width: 42px;
padding: 0px;
margin-left: 5px;
overflow: visible;
}
.headerMsgBtn svg{
width: 63% !important;
margin-left: 7px !important;
margin-top: -2px !important;
}
.headerMsgBtn svg path{
fill: #cef9e5;
transition: fill 0.2s ease-in-out;
stroke: #24b574;
}
.headerMsgBtn .unreadCount, .inlineUnreadCount{
position: absolute;
top: 20px;
right: -5px;
color: white;
width: 20px !important;
height: 20px !important;
font-size: 12px !important;
padding-left: 8px !important;
padding-top: 2px !important;
}
.inlineUnreadCount{
left: 3px !important;
right: unset !important;
top: 0px !important;
text-align: center !important;
padding-left: 5px !important;
}
.profile-page .header-banner-box a:hover svg path,.sidebar a:hover svg path, .profile-page .header-banner-box a:hover svg circle, .sidebar a:hover svg circle,
.profile-page .header-banner-box .user_panel_menu.active svg circle, .sidebar .user_panel_menu.active svg circle, .profile-page .header-banner-box .user_panel_menu.active svg path,
.sidebar .user_panel_menu.active svg path{
fill: #179f64;
stroke: #0c623d;
}
/* Profile Information Change Page */
/* Profile Add Comment Page */
.profile-page.change-info.add-comment {
}
.profile-page.change-info.add-comment .bg-img img {
width: 100%;
height: 225px;
object-fit: cover;
}
.profile-page.change-info.add-comment p {
color: #545454;
line-height: 2;
}
.add-comment-parent {
position: relative;
display: flex;
align-items: center;
}
.add-comment-parent .therapist {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
background: #fff;
padding: 0 0.25rem;
align-items: center;
position: absolute;
left: 0;
right: 0;
}
.add-comment-parent .therapist .therapist-img-parent {
padding: 0;
width: max-content;
}
.add-comment-parent .therapist .therapist-img-parent .therapist-img-inner {
width: 80px;
border: 2px solid #179f64;
}
.add-comment-parent .therapist .therapist-img-parent .therapist-img-inner .contain {
width: 90px;
height: 75px;
}
.add-comment-parent .therapist .therapist-img-parent .therapist-img-inner .therap-img-contain {
width: 90px;
left: -8%;
}
.add-comment-parent .therapist .therapist-img-parent img {
}
.add-comment-parent .title-circle {
font-size: 1.3rem;
}
.add-comment-parent span {
font-size: 1.3rem;
margin-top: 1rem;
display: block;
}
.profile-page.change-info.add-comment .form-box-parent .input-defaul {
/* border-width: 2px; */
font-size: 1rem;
}
.profile-page.change-info.add-comment .form-box-parent .input-defaul::placeholder {
font-size: 1rem;
}
.profile-page.change-info.add-comment .form-box-parent {
}
.profile-page .btn-submit {
height: 60px;
width: 200px;
margin: 0;
margin-right: auto;
}
.profile-page .btn-submit span {
font-size: 1.1rem;
}
.header-banner-box span.question-finish {
font-size: 1.3rem;
padding: 0 1rem;
font-weight: bold;
}
/* Profile Add Comment Page */
/* Profile Questions */
.profile-page.change-info.questions {
}
.profile-page.change-info.questions .profile-header .bg {
height: 10px;
}
.question-title-steps {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 2rem 1.7rem 0.5rem;
position: relative;
}
.question-title-steps::before {
content: "";
position: absolute;
display: block;
background-color: #ebebeb;
width: 100%;
height: 5px;
border-radius: 25px;
bottom: 0;
right: 0;
left: 0;
}
.question-title-steps::after {
content: "";
position: absolute;
display: block;
background-color: #179f64;
height: 5px;
border-radius: 25px;
bottom: 0;
right: 0;
left: 0;
}
.question-title-steps.s1::after {
width: 30%;
}
.question-title-steps.s2::after {
width: 60%;
}
.question-title-steps.s3::after {
width: 100%;
}
.question-title-steps>div {
font-size: 1.2rem;
display: flex;
align-items: center;
color: #545454;
font-weight: bold;
}
.question-title-steps>div::before {
content: "";
position: absolute;
display: block;
background-color: #179f64;
width: 20px;
height: 20px;
border-radius: 50%;
border: 3.5px solid #8bd2b4;
right: 0;
}
.question-title-steps span {
font-size: 1.2rem;
color: #b6b6b6;
font-weight: bold;
}
.profile-page.change-info.questions .form-box-parent span {
color: #545454;
}
.profile-page.change-info.questions .form-box-parent .btn-submit span {
color: #fff;
}
.profile-page.change-info.questions .form-box-parent .form-select {
color: #545454;
}
.btn-submit.back, .btn-submit.next {
margin: 0 0.5rem;
width: 180px;
height: 50px;
}
.btn-submit.back {
background-color: #e8f5ee;
}
.profile-page.change-info.questions .form-box-parent .btn-submit.back span {
color: #179f64;
}
.form-box-parent.nxtbck {
margin-top: 5rem;
display: flex;
justify-content: center;
}
/* Profile Questions */
.profile-page.reserve-history .title-circle {
font-size: 1.7rem;
padding: 0 0.75rem !important;
color: #000;
}
.profile-page.reserve-history .title-circle::before {
width: 25px;
height: 25px;
right: 5px !important;
}
.profile-page.reserve-history .therapist {
position: relative;
}
.reserve-history-card-parent {
border-radius: 25px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
margin: 1.5rem 0;
}
.reserve-history-card {
margin: 0;
padding: 1rem;
align-items: center;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
border-top-right-radius: 25px;
border-top-left-radius: 25px;
background-color: #fff;
position: relative;
}
.reserve-history-card .right-box .date {
text-align: center;
margin: 0.25rem 0;
}
.reserve-history-card .right-box span {
display: block;
text-align: center;
width: 100%;
padding: 0.25rem 0;
margin: 0.5rem auto 0 auto;
border-radius: 45px;
}
.profile-page.reserve-history .date-time-menu li {
background-color: transparent;
}
.profile-page.reserve-history .date-time-menu li span {
color: #a3a3a3;
}
.profile-page.reserve-history .sessions {
font-weight: bold;
font-size: 1.2rem;
color: #545454;
width: max-content;
margin: 0 auto;
padding: 0 1rem;
position: relative;
display: flex;
align-items: center;
}
.profile-page.reserve-history .sessions::before {
content: "";
position: absolute;
display: block;
background-color: #179f64;
width: 12px;
height: 12px;
border-radius: 50%;
right: 0;
}
.profile-page.reserve-history .sessions span {
color: #179f64;
display: block;
padding-left: 0.25rem;
}
.reserve-history-card-parent .bottom-box {
padding: 1rem 2rem;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}
.tracking {
display: block;
width: 100%;
background-color: transparent !important;
color: #000 !important;
font-size: 1.1rem;
}
.reserve-history-card-parent .bottom-box .date {
display: block;
width: 100%;
font-size: 1.1rem;
margin-top: 1rem;
}
.reserve-history-card-parent .bottom-box .price {
display: block;
width: 100%;
font-size: 1.3rem;
font-weight: bold;
}
.reserve-history-card-parent .btn-submit {
margin-top: 0.5rem;
height: 45px;
}
.reserve-history-card-parent .bottom-box {
}
.reserve-history-card-parent.paying .reserve-history-card .right-box span {
background-color: #faed91;
color: #7c6f11;
}
.reserve-history-card-parent.paying .reserve-history-card .tracking {
display: none;
}
.reserve-history-card-parent.payed .reserve-history-card .right-box span {
background-color: #8acfb0;
color: #2b453a;
}
.reserve-history-card-parent.payed .reserve-history-card .tracking {
display: block;
font-size: 1rem;
}
.reserve-history-card-parent.payed .bottom-box .tracking {
display: none;
}
.reserve-history-card-parent.payed .bottom-box .btn-submit {
display: none;
}
.reserve-history-card-parent.payed .bottom-box .date {
margin-top: 0;
}
.reserve-history-card-parent.payed .bottom-box {
background-color: #f7fbfa;
padding-top: 2rem;
margin-top: -1rem !important;
}
.reserve-history-card-parent.payed .reserve-history-card {
border-radius: 25px;
}
.reserve-history-card-parent.canceled .reserve-history-card .right-box span {
background-color: #ff7f7e;
color: #000;
}
.reserve-history-card-parent.canceled .reserve-history-card .tracking {
display: block;
font-size: 1rem;
}
.reserve-history-card-parent.canceled .bottom-box .tracking {
display: none;
}
.reserve-history-card-parent.canceled .bottom-box .btn-submit {
display: none;
}
.reserve-history-card-parent.canceled .bottom-box .date {
margin-top: 0;
}
.reserve-history-card-parent.canceled .bottom-box {
background-color: #f7fbfa;
padding-top: 2rem;
margin-top: -1rem !important;
}
.reserve-history-card-parent.canceled .reserve-history-card {
border-radius: 25px;
}
.cloud1{
position: absolute;
bottom: 30%;
z-index: 10;
width: max-content;
text-align: center;
right: 23%
}
.cloud2{
position: absolute;
bottom: 5%;
z-index: 2;
width: max-content;
text-align: center;
left: 32%;
animation-delay: 1s !important;
}
.cloud{
animation: floatCloud 4s ease-in-out infinite;
}
.sliderTreeInnerAnim{
animation: sliderTreeInnerAnimation 2s cubic-bezier(1, 0.07, 0.53, 0.88) forwards;
}
.header-intro-slider{
margin-bottom: 0px !important;
position: relative;
z-index: 2;
}
.header-intro-slider .slick-slide{
transform: translateY(100%);
border-bottom-left-radius: 51%;
border-bottom-right-radius: 44%;
transition: transform 0.5s ease-in-out;
overflow: hidden;
visibility: hidden;
}
.header-intro-slider .slick-slide.header-intro-sliderAnim{
transform: translateY(0%);
visibility: visible;
}
.headerSliderCircleContainer{
position: absolute;
bottom: 0px;
overflow: hidden;
z-index: -1;
aspect-ratio: 1/1;
margin-bottom: -16%;
width: 70%;
padding-right: 10px;
padding-top: 14%;
left: 54%;
transform: translateX(-51%);
}
.headerSliderCircle{
transition: all 1s ease-in-out;
}
.headerSliderCircleRotate{
transform: rotate(175deg);
}
@keyframes sliderTreeInnerAnimation {
0% {
height: 0%;
visibility: visible;
}
100% {
height: 125%;
visibility: visible;
}
}
@keyframes floatCloud {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.headerSliderTree{
position: absolute;
bottom: 0;
width: 274px;
text-align: center;
visibility: hidden;
margin: 0 auto;
left: 0;
overflow: hidden;
right: -61px;
height: 84%;
display: flex;
align-items: flex-end;
}
.sliderTreeInner>svg:first-child{
position: relative;
z-index: -1;
margin-left: 23px;
margin-bottom: -2px;
width: 100%;
}
.sliderTreeInner>svg:nth-child(2){
position: relative;
z-index: 4 ;
width: 100%;
}
.sliderTreeInner{
height:534px;
overflow: hidden;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
flex-direction: column;
}
.turnsTable{
width: 100%
}
.turnsTable thead{
background-color: #26a74e;
}
.turnsTable th{
padding: 10px;
font-size: 16px;
font-weight: normal;
color: #fff;
border-left: 5px solid #fff;
}
.turnsTable td{
padding: 10px;
font-size: 16px;
}
.turnsTable tbody tr:nth-child(2n){
background-color: #f0f9f5;
}
.timeTherapImage{
width: 130px;
height: 130px;
display: inline-block;
border-radius: 50%;
border: 2px solid #239f64;
background: #c3e5d5;
margin: 0px 20px;
}
.turnExpired{
background: #ffbebe;
position: relative;
}
.turnExpired:after{
content: "گذشته";
position: absolute;
right: 10px;
background: #dd2626;
color: #fff;
padding: 5px 10px;
border-radius: 50px;
font-weight: bold;
font-size: 12px;
top: 10px;
}
.newRequestFormContainer .gform-body{
margin-bottom: 0px !important;
}
.newRequestFormContainer .gform_footer{
margin: 0 auto !important;
display: block !important;
text-align: center !important;
}
.newRequestFormContainer .gform_footer button.action-button{
display: inline-block;
}
.newRequestFormContainer .gform_fields fieldset, .newRequestFormContainer .gfield{
margin: 10px 0px !important;
}
.top_banner .profile-header .bg{
width: 100%;
background-color: #179f64;
height: 100px;
}
.accordion-body video{
width: 100%;
}
.course-details ul{
list-style: none;
margin-top: -20px;
}
.course-details ul li{
margin-top: 10px;
background: #faf7f7;
border-radius: 35px;
padding: 7px 19px;
font-size: 15px;
}
.aligncenter{
margin: 0 auto;
display: block;
}
.course-details ul li.green{
background: #f2f9f4;
}
.course-details ul li>span{
color: #777;
}
.course-details ul li>span::before{
content: '';
background: #040404;
width: 7px;
height: 7px;
position: relative;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin-left: 15px;
opacity: 0.2;
}
.course-details ul li>b{
color: #777;
float: left;
}
.title-parent span.courseCode{
color: #868686;
font-size: 14px;
}
.teacher_info .therapist_active{
width: 50%;
}
.teacher_info{
position: relative;
border-radius: 25px;
display: flex;
margin-top: -30px;
}
.teacher_info .therapist_active{
width: 50%;
display: inline-block;
}
.teacher_info .left{
width: 47%;
align-self: center;
/* display: inline-block;
vertical-align: top;
transform: translateY(35%); */
}
.teacher_info .left h4{
color: #8b8b8b;
font-size: 16px;
}
.teacher_info .left span{
font-size: 18px;
}
.teacher_info .left p{
margin: 0px;
font-size: 16px !important;
}
.textGrey{
color: #868686;
}
.flag-dropdown button{
vertical-align: middle;
}
.cartTableContainer{
border: 1px solid #d6d6d6;
border-radius: 25px;
overflow: hidden;
}
.cartTable{
width: 100%;
font-size: 16px;
}
.cartTable td{
padding: 17px 17px 10px 17px;
}
.cartTable tr:last-child{
background-color: #f0f9f5;
}
.cartTable tr:not(:last-child){
border-bottom: 1px solid #e5e5e5;
}
.sidebar{
margin-bottom: 10px !important;
background-color: #ffffff;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
border-radius: 25px;
padding: 0;
height: max-content;
}
.stickySideBar.stickIt {
position: fixed;
top: 100px;
height: 80%;
overflow-y: hidden;
background: white;
padding: 20px;
border-radius: 20px;
box-shadow: 0px 0px 25px 0px #00000029;
max-width: 250px;
right: 70px;
}
.stickySideBar.stickItBottom {
position: absolute;
bottom: 0px;
background: #fff;
border-radius: 15px;
}
.sidebar .menu_title{
padding: 11px 10px;
background: #f0f9f5;
/* box-shadow: 0px 0px 20px 0px #0000001c; */
margin: 10px 0px 10px 0px;
color: #035a30;
font-size: 14px;
font-weight: normal;
}
.profile-page .sec-2{
margin-top: 4rem;
}
.sidebar .user_panel_menu svg{
width: 25px;
height: 25px;
margin-bottom: 5px;
margin-left: 15px;
}
.sidebar .user_panel_menu{
flex-direction: row;
justify-content: right;
margin: 15px 0px;
font-size: 14px;
color: #353535;
}
.sidebar ul{
list-style: none;
margin: 0px;
padding: 10px 0px;
}
.sidebar .menu_title:first-child{
margin-top: 0px;
}
.menuBtn{
width: 25px;
height: 25px;
display: inline-block;
}
.menuBtn svg{
width: 100%;
height: 100%;
}
.menuBtnDiv{
background: #fff;
overflow-y: scroll;
height: 400px;
display: none;
margin-top: 23px;
box-shadow: 0px 10px 25px 0px #00000047;
}
.menuBtnDiv .modal-body{
box-shadow: none;
}
.modal-content.sidebar{
padding-bottom: 0px;
max-height: 91h;
}
.modal-content.sidebar .modal-body{
padding-bottom: 60px;
padding-top: 10px;
}
.modal-content.sidebar .menu_title, .modal-content.sidebar .user_panel_menu{
margin: 8px 0px;
}
.w-max-content{
width: max-content !important;
}
.submenu-academy.w-max-content{
left: 50%;
transform: translateX(-50%);
right: unset;
}
.submenu-academy.w-max-content .submenu-academy-inner{
/* max-width: 350px; */
}
.box{
display: flex;
flex-wrap: wrap;
padding: 0.5rem 1rem 0.7rem 0.5rem;
background: linear-gradient(154deg, #2cb272, #0f663d);
border-radius: 15px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
direction: rtl;
margin: 0 0rem;
}
.box .count{
width: 100%;
text-align: left;
font-size: 33px;
color: #ffffff;
}
.box .title{
display: block;
width: 100%;
color: #fff;
font-weight: bold;
font-size: 18px;
opacity: 0.8;
}
.box small{
font-size: 14px;
}
.userType{
display: none;
}
.sec-1-2{
margin-top: 7rem;
}
.home_slider img{
margin: 0 auto;
}
.ltr{
direction: ltr;
}
.mainNotify{
height: 60px;
padding: 5px 0px;
}
.mainNotify a, .mainNotify div, .mainNotify img{
height: 100%;
}
#wpas_title{
width: 30%;
text-align: right;
padding: 15px;
}
.wpas-link-logout{
display: none;
}
.wpas-link-privacy{
display: none;
}
.wpas-table th{
background: #eee;
padding: 15px 15px;
text-align: right !important;
}
.wpas-ticket-replies tbody{
display: table;
width: 100%;
}
.wpas-ticket-replies tr:nth-child(even){
background-color: #eeeeee;
}
.wpas-table td{
padding: 15px 15px;
text-align: right !important;
}
#wpas-reply-box{
margin-top: 20px;
}
textarea#wpas_message{
text-align: right !important;
}
textarea.theme_input_textarea{
width: 100%;
padding: 15px;
min-height: 200px;
}
.pulseAnim{
animation: pulseAnim infinite 1.5s ease-in-out;
}
#mobileOrEmail{
display: none;
}
.soundWave{
height: 65px;
width: 70%;
margin-right: auto;
margin-top: 20px;
margin-top: -35px;
}
.playVoice{
font-size: 56px;
color: #268952;
display: inline-block;
cursor: pointer;
transition: all 0.2s;
margin-right: 7px;
margin-top: 20px;
}
.playVoice:hover{
opacity: 0.8;
}
.soundWaveContainer{
position: relative;
text-align: center;
height: 100px;
}
.soundWaveContainer .name{
position: absolute;
right: 30px;
top: 0px;
color: #0a4d28;
font-weight: bold;
}
.soundWaveContainer audio {
display: none !important;
}
.suppTable thead{
background-color: #d4f1e3;
}
.suppTable thead td{
font-weight: bold;
}
.suppTable tbody tr:nth-child(2n+1){
background-color: #f6f6f6;
}
.suppTable{
border-radius: 15px;
overflow: hidden;
}
.msgRight{
background: #d9eee4;
border-radius: 20px 0px 20px 20px;
position: relative;
}
.msgLeft{
background: #f0f0f0;
border-radius: 0px 20px 20px 20px;
position: relative;
width: 80%;
margin-right: auto;
}
.unreadCount, .inlineUnreadCount{
font-size: 11px;
background: #f73535;
color: #fff !important;
padding: 4px 5px;
font-weight: bold;
border-radius: 30px;
}
.main-bottom-menu .unreadCount{
position: absolute;
width: max-content;
top: 0px;
left: -6px;
}
.msgRow{
padding: 30px 15px 15px 15px;
margin-top: 20px;
width: 80%;
margin-left: auto;
overflow-wrap: anywhere;
}
.newMsgContainer{
background: #ffffff;
box-shadow: 0px 0px 10px 0px #00000021;
border-radius: 15px;
margin-top: 20px;
}
.msgRow .attach{
color: #107b48;
font-weight: bold;
margin-top: 14px;
text-decoration: underline;
display: inline-block;
}
.msgRow .from{
color: #0e5433;
font-weight: bold;
}
.msgRow .date{
position: absolute;
top: 10px;
left: 10px;
color: #657a70;
}
.max-80{
max-width: 500px;
}
.headerSubmenuTitle{
text-align: right;
}
.headerSubmenuTitle span{
display: inline-block !important;
font-size: 16px !important;
font-weight: bold;
text-align: right;
background: #e5efea;
padding: 5px 15px !important;
color: #0d3f24 !important;
border-radius: 50px;
}
.timeTherapImageRows{
width: 30% !important;
aspect-ratio: 1/1 !important;
height: auto !important;
}
.page-template .gf_progressbar_title span{
text-align: right;
display: inline-block;
}
.page-template .gform_page_fields{
text-align: right;
}
@keyframes pulseAnim{
0%{
background-color: #ceefe200;
}
20%{
background-color: #ceefe2;
}
100%{
background-color: #ceefe200;
}
}
.greenBadge{
background-color: #20965f;
color: white !important;
padding: 3px 5px;
display: inline-block;
border-radius: 5px;
}
.line-container {
display: flex;
align-items: center; /* Vertically center the content */
gap: 20px;
}
.line-container .text {
white-space: nowrap; /* Prevent the text from wrapping */
margin-right: 10px; /* Space between the text and the line */
}
.line-container .line {
flex-grow: 1; /* This makes the line take up the remaining space */
height: 4px;
background-color: #2bab65;
border-radius: 10px;
opacity: 0.5;
}
#sliderTxt1 .sliderTxtTitle{
color: #ffb300
}
#sliderTxt2 .sliderTxtTitle{
color: #29ab65
}
#sliderTxt3 .sliderTxtTitle{
color: #0f52ba
}
#sliderTxt4 .sliderTxtTitle{
color: #066733
}
.header_txt .sliderTxtDesc{
margin-top: 14px;
display: inline-block;
}
.header_txt .sliderTxtTitle{
font-weight: normal !important;
}
.monthTableDayNumber{
background-color: #f5f5f5;
border-bottom-left-radius: 10px;
font-size: 17px;
color: #b9b9b9;
font-weight: bold;
}
td.monthTableToday .monthTableDayNumber{
background-color: #cbf4e5;
color: #67b699
}
.greenBtn{
width: max-content !important;
padding: 0 2rem;
margin: 0 auto;
height: 55px;
border: none;
border-radius: 30px;
background-color: #179f64;
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: #fff;
font-size: 1.1rem;
cursor: pointer;
}
.submenu2{
position: absolute;
top: 10px;
z-index: 99;
right: 53%;
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 10px 0px #00000059;
padding: 15px 20px;
display: none;
list-style: none;
}
.submenu2 li{
margin: 5px 0px;
padding: 5px 15px;
}
.submenu2 li a{
width: max-content;
display: inline-block;
}
.submenu2.subMenu2Mobile{
left: unset;
padding-right: 0px;
right: 85%;
width: max-content;
}
.submenu-academy-item.childrens{
position: relative;
}
.hasSubmenu2:hover .submenu2{
display: block;
}
.rooyeshLoading{
width: 100px;
height: 100px;
margin: 0 auto;
}
.modal-footer{
border-top: 0px !important;
}
.openSessionDetailBtn{
cursor: pointer;
}
.calendar-table {
width: 100%;
border-collapse: collapse;
background: #fff;
}
.calendar-table th,
.calendar-table td {
border: 1px solid #dee2e6;
padding: 15px;
height: 55px;
vertical-align: middle;
}
.calendar-table th {
background-color: #f8f9fa;
font-weight: bold;
}
.openEntryDetailBtn{
cursor: pointer;
font-weight: bold;
color: #387c52;
}
.nav-tabs.theme_color .nav-link{
font-weight: bold;
font-size: 15px;
}
.nav-tabs.theme_color .nav-link.active{
border-color: #47a065;
color: #47a065;
}
.available_times_table .sans_1{
background-color: #eee;
}
.available_times_table td{
padding: 5px !important;
}
.available_times_table td{
padding: 5px !important;
min-width: 100px;
}
.commentText{
margin-top: 30px;
font-size: 16px !important;
text-align: right;
}
.ui-timepicker-table td a{
width: auto !important
}
#ui-timepicker-div{
direction: ltr;
font-size: 13px;
}
.ui-timepicker-minutes{
padding-left: 12px;
}.timepicker_wrap{
z-index: 9999 !important;
width: max-content !important;
}
/*----------------------------------------------------------------------------------------------------------
>>> Media Queries
------------------------------------------------------------------------------------------------------------
/* max width 2200px
--------------------------------------------- */
@media only screen and (max-width:2200px){
}
/* max width 1980px
--------------------------------------------- */
@media only screen and (max-width:1980px){
}
/* max width 1720px
--------------------------------------------- */
@media only screen and (max-width:1720px){
.intro-therapists-sec .info{
width: 60%;
}
}
/* max width 1500px
--------------------------------------------- */
@media only screen and (max-width:1500px){
}
/* max width 1300px
--------------------------------------------- */
@media only screen and (max-width:1300px){
}
/* max width 1200px
--------------------------------------------- */
@media only screen and (max-width:1200px){
.navbar-nav .nav-item {
margin: 0 0.5rem;
}
.flag-dropdown {
margin-left: 0.5rem;
}
.action-header-buttons {
width: max-content;
}
.navbar {
padding: 0.25rem 0;
}
.footer-img-logo img {
width: 100px;
}
.footer {
padding: 1rem 3rem;
}
.footer-links {
justify-content: space-between;
}
.footer-parent p {
font-size: 1.1rem !important;
}
.image-before {
height: 480px;
}
.map-parent img {
height: 400px;
}
}
/* max width 1100px
--------------------------------------------- */
@media only screen and (max-width:1100px){
.navbar-nav .nav-item .nav-link span {
font-size: 0.8rem;
}
.navbar .navbar-brand img {
width: 170px;
height: 60px;
}
.header {
height: 70px;
}
}
/* max width 991px
--------------------------------------------- */
@media only screen and (max-width:991px){
.submenu2.subMenu2Mobile{
position: relative;
right: 20px;
margin-bottom: 20px;
}
.line-container .text {
font-size: 16px;
}
.header-title h4{
}
.header-title .header_txt{
margin-top: 0px !important;
}
.navbar {
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1) !important;
padding: 1rem 0.5rem;
}
.header-title {
width: max-content;
padding: 0 1rem;
margin: 2rem auto 0 auto;
}
.about-us-sec {
margin-top: 6rem;
}
.organizations-services {
padding: 0 1.5rem;
}
.organizations-services .title-parent {
padding-left: 2rem;
}
.organizations-services .organizations-services-info {
padding-right: 2rem;
}
.video-info {
padding: 0;
}
.footer-logo-parent {
width: 25%;
}
.footer-links {
width: 37%;
}
.footer-links .item a {
font-size: 1rem;
}
.footer {
padding: 1rem 2rem;
}
.footer-parent p {
font-size: 1rem !important;
margin-top: 1rem;
}
.certificate-footer {
margin: 0.5rem 0 0 0;
}
.footer-parent .cpr {
font-size: 1rem;
}
.image-before {
height: 375px;
}
.therapist-card .therapist-img-parent .therapist-img-inner .contain {
width: 18vw;
height: 18vw;
}
.service-sec-parent img {
width: 100%;
height: 100%;
object-fit: unset;
border-radius: 20px;
}
.service-icon-parent {
margin-left: 3rem;
}
.services-page.organization .sec-1 {
margin-top: 1rem !important;
}
.therapists-title {
font-size: 1.7rem;
}
.comment-box {
margin: 0.75rem;
}
.comment-box .comment-text {
padding: 0 1rem;
line-height: 1.5;
font-size: 1rem !important;
}
.comment-box .name-date-parent span {
font-size: 0.85rem;
}
.video-card-parent {
margin: 0 0.5rem;
}
.single-blog-header-sec {
margin-top: 1rem;
}
.header-banner {
border-radius: 25px;
}
.header-banner img {
border-radius: 25px;
}
.about-us-header-sec img {
height: auto;
object-fit: unset;
}
.about-us-content-box .sec-2-about-us .img-parent img {
width: 300px;
}
.sec-1 {
margin-top: 1rem !important;
}
.map-parent img {
height: 300px;
}
.footer-parent {
padding-bottom: 105px !important;
}
.footer-parent.profile {
padding-bottom: 80px !important;
}
.contact-us-header-sec img {
height: 350px;
}
.error {
margin: 0.5rem 0;
}
.profile-page.change-info .header-banner-box .title-parent .title-circle {
font-size: 1.7rem;
}
.profile-page.change-info .header-banner-box {
margin-top: 0px !important;
}
}
/* max width 768px
--------------------------------------------- */
@media only screen and (max-width:768px){
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span{
width: auto !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span{
font-size: 10px;
}
.gravity-theme.ui-datepicker{
max-width: 320px !important;
padding: 5px !important;
right: 0px !important;
left: unset !important;
}
.servicesCardsContainer{
flex-wrap: wrap;
}
.blog-page .service-card{
margin-top: 17px;
width: 30%;
height: auto;
}
.single-courses iframe{
height: 750px
}
.service-card-parent{
margin-top: 0px !important;
}
.serviceItem{
margin-top: 6rem;
}
.header-banner .share-parent {
margin-top: -20%;
}
/* .service-card::before {
width: 106%;
} */
.organizations-services {
padding: 0;
flex-wrap: wrap;
}
.organizations-services .title-parent {
padding: 0 0 1rem 0;
width: 100%;
display: block;
}
.organizations-services .title-parent::after {
left: 0;
right: 0;
width: 80%;
height: 3px;
top: unset;
bottom: 0;
margin: 0 auto;
border-radius: 10px;
}
.title-circle {
font-size: 2rem;
}
.organizations-services .title-parent span {
font-size: 2rem;
}
.organizations-services .organizations-services-info {
padding: 1rem 0 0 0;
justify-content: center;
}
.organizations-services .organizations-services-info p {
margin-bottom: 1rem;
width: 80%;
}
.title-parent span.big-text {
width: 70%;
font-size: 1rem;
}
.title-parent.reserve .btn.show-more {
margin: 0.5rem auto;
}
.title-parent .btn.show-more {
font-size: 1.1rem;
}
/* .title-parent .reserve-line svg {
width: 520px;
} */
.faq-sec-parent::before {
top: 5px;
}
.faq-parent .accordion-button {
font-size: 1.1rem;
line-height: 1.7;
}
.faq-parent .accordion-body {
font-size: 1rem;
}
.footer {
padding: 1rem;
}
.footer-links .item a {
font-size: 0.9rem;
white-space: nowrap;
}
.footer-img-logo {
padding: 0.75rem;
}
.footer-img-logo img {
width: 90px;
}
.footer-parent {
padding: 0;
}
.footer-parent p {
font-size: 0.9rem !important;
}
.certificate-footer .img-parent img {
width: 70px;
}
.title-parent.reserve {
width: 520px;
}
.title-parent .reserve-line {
top: -60px;
}
.image-before {
height: 280px;
}
.therapist-card .therapist-img-parent .therapist-img-inner .contain {
width: 25vw;
height: 25vw;
}
.slider-button {
padding: .25rem;
}
.footer-links {
display: none;
}
.services-reservation-sec .title-circle {
font-size: 1.5rem;
}
.services-content p {
font-size: 1rem !important;
}
.services-content.organization {
margin-top: -2rem;
padding: 2.5rem 0.5rem;
}
.services-content.organization span {
font-size: 1rem;
}
.single-therapist-box {
flex-wrap: wrap;
}
.single-therapist-box .video {
order: 1;
width: 100%;
justify-content: center;
margin-top: 1rem;
}
.intro-therapists-page.single-therapists-page .therapist-img-parent {
order: 0;
}
.single-therapist-box .Counseling {
order: 2;
width: 100%;
justify-content: center;
margin-top: 1rem;
}
.single-therapist-box .Counseling .number {
order: 0;
}
.single-therapist-box .Counseling span {
padding-right: 1rem;
padding-left: 0;
order: 1;
}
.sec-top-header .info {
width: 100%;
}
.comments-slider .comment-box {
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
border-radius: 25px;
opacity: 1;
margin: 0 0.5rem;
}
.center-text-border {
font-size: 1rem;
padding: 0 0.5rem;
}
.blog-page .service-card span {
font-size: 0.9rem;
}
.blog-page .service-card .service-icon svg {
height: 65px;
width: 65px;
margin-top: 4%;
}
.about-us-content-box .sec-2-about-us {
flex-wrap: wrap;
}
.about-us-content-box .sec-2-about-us .img-parent {
border-radius: 145px;
margin: 0 auto 2rem auto;
}
.about-us-content-box .sec-2-about-us .title-text {
padding-right: 0;
}
.contact-us-content-box .form-box-parent span {
font-size: 1rem;
width: 90%;
}
.contact-us-content-box .form-box-parent span::before , .contact-us-content-box .form-box-parent span::after {
width: 60px;
}
.form-check-label {
font-size: 1rem;
}
.contact-us-content-box .text,.contact-us-content-box .faq-box {
font-size: 1.1rem;
}
.contact-us-content-box::before {
width: 70%;
}
.therapists-title-bg {
border-radius: 20px;
}
.therapists-title {
font-size: 1.3rem;
}
.intro-therapists-sec .info {
margin: 0 auto;
}
.intro-therapists-sec .paraphrase {
margin: 2rem auto;
}
.intro-therapists-sec .paraphrase .name {
text-align: right;
}
.map-parent {
margin-top: -5rem;
}
.contact-ways {
margin-top: -2rem;
}
.companies .company-item {
width: 25%;
}
.companies .company-item span {
font-size: 1rem;
}
.contact-us-header-sec.reservation-sec .content .subtitle {
font-size: 1.9rem;
}
.contact-us-header-sec.reservation-sec .content span.line {
padding: 0 100px 0 0;
font-size: 1rem;
}
.contact-us-header-sec.reservation-sec .content span.line::before {
width: 90px;
}
.contact-us-header-sec.reservation-sec .content .text p {
font-size: 1rem !important;
}
.reservation-steps .reservation-steps-item .info .step {
font-size: 1.1rem;
}
.reservation-steps .reservation-steps-item .info span {
font-size: 1rem;
}
.session-hints ul li p {
font-size: 1rem !important;
}
.profile-page.change-info.add-comment .bg-img img {
height: 175px;
}
.form-box-parent.nxtbck {
margin-top: 3rem;
}
}
@media only screen and (max-width:650px) {
.msgRow{
width: 100%;
}
.intro-therapists-sec .info{
width: 100%;
}
.intro-therapists-content .intro-therapists-box{
justify-content: center;
}
#wpas_title{
width: 100%;
}
}
/* max width 576px
--------------------------------------------- */
@media only screen and (max-width:576px) {
.ms-xs-0{
margin-right: 0px !important;
}
.mt-xs-3{
margin-top: 2rem;
}
.teacher_info{
margin-top: 2rem;
}
.headerSliderCircleContainer{
width: 94%;
padding-top: 24%;
}
.profile-page.reserve-history .sessions {
font-size: 1rem;
}
.reserve-history-card {
padding: 1rem 0;
}
.right-box span {
width: max-content;
padding: 0.25rem 1.5rem;
}
.reserve-history-card-parent .btn-submit {
margin: 0.5rem auto 0 auto !important;
}
.footer-sec{
padding-bottom: 7rem;
}
.footer-parent{
padding-bottom: 0px !important;
margin: 7rem auto 0px auto !important;
}
.carousel-control-prev {
left: 0rem !important;
}
.header-title span {
font-size: 1rem;
}
.clinic-logotype-parent svg.logotype {
width: 190px;
}
.clinic-logotype-parent::before {
width: 65px;
height: 65px;
left: 27px;
}
.clinic-about-us svg.intro {
width: 170px;
}
.title-circle {
font-size: 1.5rem;
}
.title-circle::before {
width: 25px;
height: 25px;
}
.organizations-services .title-parent span {
font-size: 1.5rem;
}
.organizations-services .title-parent {
padding-bottom: 0.5rem;
}
.organizations-services .organizations-services-info {
padding-top: 0.5rem;
}
.organizations-services .organizations-services-info p {
margin-bottom: 0.5rem;
width: 100%;
}
.organizations-services .title-parent::after {
width: 100%;
}
/* .title-parent .reserve-line svg {
width: 440px;
} */
.title-parent.reserve {
width: 400px;
}
.title-parent .reserve-line svg {
aspect-ratio: 7/5;
}
.title-parent span.big-text {
width: 100%;
padding: 0 1rem;
}
/* .title-parent .reserve-line {
top: -45px;
} */
.video-slider .slick-list {
padding: 2rem 0.5rem !important;
}
.share-parent .share-btn {
padding-right: 0.5rem;
}
.share-parent .share-btn span {
font-size: 0.75rem;
}
.share-parent .share-btn .svg-parent {
/* padding: 0.25rem; */
}
.share-parent .share-btn .svg-parent svg {
width: 17px;
}
.video-info .video-title,
.video-info span,
.video-card-parent .btn-link a {
font-size: 0.9rem;
}
.video-card-parent .btn-link {
padding: 0.1rem 1rem;
}
.faq-sec-parent::before {
top: 12px;
}
.faq-parent .accordion-button {
font-size: 1rem;
}
.faq-parent .accordion-body {
font-size: 0.9rem;
}
.image-before {
height: 600px;
}
.slider-button {
top: 55%;
}
.slider-button svg {
width: 20px;
}
.footer-logo-parent {
width: 200px;
}
.services-reservation-sec .title-circle {
font-size: 1.3rem;
margin: 0% auto;
}
.service-icon-parent {
margin-left: 1rem;
}
.services-page .service-icon svg {
width: 50px;
height: 50px;
}
.services-page .service-icon {
margin-top: -2rem;
}
.services-content.organization img {
border-radius: 15px;
}
.video-card-parent {
margin: 0 1rem;
}
.blog-banner img {
height: 100px;
}
.search-box-row {
margin-top: -1.2rem;
}
.search-box input {
height: 40px;
}
.search-box .search-icon {
width: 34px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
left: 4px;
}
.search-box .search-icon svg {
width: 20px;
}
.blog-page .service-card span {
font-size: 0.8rem;
}
.blog-page .video-slider {
margin-top: 0;
}
.blog-slider {
margin-top: 0;
}
.blog-slider .slick-list {
padding: 2rem 0.5rem !important;
}
.blog-info .blog-title , .blog-info .blog-subtitle {
font-size: 0.9rem;
}
.blog-card-parent p {
padding: 0 0.25rem;
}
.blog-info {
padding: 0 0.75rem 0 0;
margin: 0.75rem 0;
}
.header-banner {
border-radius: 25px;
padding-bottom: 1.5rem;
}
.header-banner img {
border-radius: 15px;
}
.single-blog-info .date , .single-blog-info .view {
font-size: 0.8rem;
padding: 0 1rem;
}
.single-blog-info .date::before , .single-blog-info .view::before {
width: 8px;
height: 8px;
}
.flag-dropdown {
margin: 0;
}
.comment-card-parent .comment-card p {
font-size: 0.9rem !important;
}
.about-us-header-sec img {
height: 225px;
object-fit: cover;
}
.about-us-content-box .sec-2-about-us .img-parent {
padding: 7px;
}
.about-us-content-box .sec-2-about-us .img-parent img {
width: 100%;
margin: 0;
max-width: 300px;
}
.about-us-content-box {
padding: 1rem 0.5rem;
}
.about-us-content-box p {
font-size: 1rem !important;
}
.contact-us-header-content {
width: 280px;
margin-top: -5rem;
}
.contact-us-header-sec img {
min-height: 250px;
height: auto;
}
.contact-us-header-content .title-header {
font-size: 1.7rem;
margin-top: -1.2rem;
}
.contact-us-header-sec .social-media {
margin-top: 2.5rem;
}
.contact-us-header-content .title-header::before,.contact-us-header-content .title-header::after {
width: 70px;
}
.contact-us-header-sec .social-media::before,.contact-us-header-sec .social-media::after {
width: 25px;
}
.contact-us-content-box .form-box-parent::before,.contact-us-content-box .form-box-parent::after {
top: 3%;
}
.contact-us-content-box .form-box-parent span::before {
right: -0.6rem;
}
.contact-us-content-box .form-box-parent span::after {
left: -0.6rem;
}
.contact-us-content-box .form-box-parent::before {
right: -0.6rem;
}
.contact-us-content-box .form-box-parent::after {
left: -0.6rem;
}
.contact-us-content-box {
padding: 2rem 0.5rem;
}
.contact-us-content-box .form-box-parent span::before, .contact-us-content-box .form-box-parent span::after {
width: 45px;
}
.form-check-label {
font-size: 0.9rem;
}
.contact-us-content-box .form-box-parent::before,.contact-us-content-box .form-box-parent::after {
height: 98%;
}
.contact-us-content-box .text, .contact-us-content-box .faq-box {
font-size: 1rem;
}
.form-box-parent .btn-parent {
margin-left: auto;
margin-right: auto;
}
.therapist-card {
transform: scale(1) !important;
}
.contact-ways {
margin-top: -1.7rem;
}
.map-parent::after {
width: 90%;
}
.phone-parent .call-number {
font-size: 0.85rem;
}
.phone-parent .call-btn {
font-size: 0.85rem;
}
.phone-parent .call-btn svg {
width: 20px;
}
.phone-parent span {
width: 100%;
text-align: center;
margin: 0.75rem 0;
}
.email-parent .email {
width: 100%;
}
.email-parent .email a {
width: 100%;
font-size: 1rem;
}
.email-parent {
flex-wrap: wrap;
justify-content: right;
}
.address-parent .address {
font-size: 1rem;
}
.email-parent span {
font-size: 1rem;
}
.address-parent i {
font-size: 1.6rem;
}
.email-parent i {
font-size: 1.6rem;
}
.contact-us-header-sec.reservation-sec img {
min-height: 200px;
}
.contact-us-header-sec.reservation-sec .content .subtitle {
font-size: 1.4rem;
}
.contact-us-header-sec.reservation-sec .content span.line {
padding: 0 60px 0 0;
font-size: 0.9rem;
}
.contact-us-header-sec.reservation-sec .content span.line::before {
width: 50px;
}
.reservation-steps .reservation-steps-item {
justify-content: end;
}
.reservation-steps .reservation-steps-item .info {
width: 100%;
}
.reservation-steps .reservation-steps-item .btn-submit {
width: 80%;
margin: 1rem auto 0 auto;
padding: 0;
justify-content: center;
}
.reservation-steps .reservation-steps-item .info p {
font-size: 0.9rem !important;
}
.status-items li {
padding: 0 0.75rem;
}
.status-items li .number {
right: 0.75rem;
}
.status-items li span {
padding-right: 3.3rem;
}
.status-items li p {
padding-right: 3.3rem;
}
.status-items li span.finish {
padding-right: 3.3rem;
}
.session-link a {
padding: 0 1rem;
font-size: 1rem;
}
.session-link {
height: 40px;
}
.session-hints ul li {
padding: 1rem 2rem 3rem 0;
margin: 0.5rem 0;
}
.profile-page.change-info .header-banner-box .title-parent .title-circle {
font-size: 1.5rem;
}
.profile-page.change-info .header-banner-box svg {
width: 35px;
}
.profile-page.change-info.add-comment .bg-img img {
height: 140px;
}
.add-comment-parent .title-circle {
font-size: 1.1rem;
}
.add-comment-parent span {
font-size: 1.1rem;
}
.profile-page.change-info .header-banner-box {
padding: 1rem !important;
}
.profile-page.change-info .header-banner-box .title-parent {
padding: 0 1rem 0 0rem;
}
.header-banner-box span.question-finish {
font-size: 1.1rem;
padding: 0 0.5rem;
}
}
/* max width 400px
--------------------------------------------- */
@media only screen and (max-width:400px){
.title-parent.reserve {
width: 100%;
}
.title-parent .reserve-line {
top: -40%;
}
.title-parent .reserve-line svg {
aspect-ratio: 10/9;
width: 100%;
}
.title-parent span.big-text {
padding: 0 2rem;
text-align: justify;
text-align-last: center;
}
.image-before {
height: 160px;
}
.therapists-slider .slick-list {
padding: 5rem 0 0 0 !important;
}
.therapist-card .therapist-img-parent .therapist-img-inner .contain {
width: 80vw;
height: 80vw;
}
.sec-1 {
margin-top: 0rem !important;
}
.main-page .sec-1 {
margin-top: 1rem !important;
}
.services-page .sec-1 {
margin-top: 1rem !important;
}
.services-page.organization .sec-1 {
margin-top: 0rem !important;
}
.single-blog-header-sec {
margin-top: 0;
}
.companies .company-item {
width: 39%;
}
.profile-page .profile-header .header-banner-box {
margin-top: -4rem;
}
.profile-page .profile-header .header-banner-box {
padding: 1rem;
}
.profile-page .profile-header .header-banner-box > div {
width: 100%;
padding: 0;
text-align: center;
}
.profile-page.change-info .profile-header .header-banner-box > div {
width: unset;
}
.profile-page .profile-header .header-banner-box a {
margin: 0.25rem auto;
}
.reserve-dates {
padding: 1.5rem 0.5rem 0.5rem 0.5rem;
}
.reserve-dates .title {
top: -13px;
font-size: 1rem;
}
.profile-page .btn-submit {
width: 100%;
margin: 0 auto;
}
.header-banner-box span.question-finish {
font-size: 0.9rem;
padding: 0 0.25rem;
}
}
/* max width 360px
--------------------------------------------- */
@media only screen and (max-width:360px){
.title-parent .reserve-line {
top: -50px;
}
.action-button:not(.headerMsgBtn){
padding: 0.5rem;
}
}
/* max width 350px
--------------------------------------------- */
@media only screen and (max-width:350px){
.footer-sec .bottom-nav .main-bottom-menu ul .item span {
font-size: 0.65rem;
}
}
.text-comments-slider {
margin: 0 15px;
}
.text-comments-slider .comment-slide {
padding: 18px 10px;
text-align: right;
}
.text-comments-slider .comment-card {
background: #fff;
border-radius: 15px;
padding: 25px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border: 1px solid #e9ecef;
height: 100%;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.text-comments-slider .comment-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.text-comments-slider .comment-content {
flex: 1;
display: flex;
flex-direction: column;
}
.text-comments-slider .comment-text {
font-size: 16px;
line-height: 1.6;
color: #333;
margin-bottom: 20px;
text-align: right;
direction: rtl;
flex: 1;
}
.text-comments-slider .comment-author {
margin-top: auto;
padding-top: 15px;
border-top: 1px solid #e9ecef;
}
.text-comments-slider .author-name {
font-weight: 600;
color: #29ab65;
font-size: 14px;
}
/* Slick slider customizations for text comments */
.text-comments-slider .slick-dots {
bottom: -50px;
}
.text-comments-slider .slick-dots li button:before {
font-size: 12px;
color: #29ab65;
}
.text-comments-slider .slick-dots li.slick-active button:before {
color: #29ab65;
}
.text-comments-slider .slick-prev,
.text-comments-slider .slick-next {
z-index: 1;
}
.text-comments-slider .slick-prev:before,
.text-comments-slider .slick-next:before {
color: #29ab65;
font-size: 20px;
}
/* Responsive adjustments */
@media only screen and (max-width: 768px) {
.text-comments-slider .comment-card {
padding: 20px;
}
.text-comments-slider .comment-text {
font-size: 15px;
}
}
@media only screen and (max-width: 480px) {
.text-comments-slider .comment-card {
padding: 15px;
}
.text-comments-slider .comment-text {
font-size: 14px;
}
}