/*
Theme Name: twentytwenty Child
Text Domain: twentytwenty Child
Template: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Fredoka', sans-serif;
    background: #fcf3f7 !important;
}
h1, h2, h3 {
    letter-spacing: 0;
	font-family: 'Fredoka', sans-serif;
	margin:0px !important;
}
p{
    font-family: 'Fredoka', sans-serif;
	margin-bottom:0px !important;
}
a, a:hover, a:focus{
	text-decoration: none;
	outline: none;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}

button, button:hover, button:focus{
	outline: none;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	cursor: pointer;
}

.section-inner {
    width: calc(100% - 8rem);
    padding: 0px;
}
ul, ol {
    margin: 0;
}
li {
    line-height: 1.5;
    margin: 0px;
}
.site-logo img {
    max-height: inherit;
    max-width: 200px;
}
.site-logo {
    margin: 0px !important;
}
.header-titles {
    margin: 0px;
}
.header-titles-wrapper {
    margin-right: 0px;
}
.search-toggle-wrapper a {
    display: block;
    background: #b30004;
    padding: 10px 30px;
    border-radius: 100px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
}
.header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before{display:none;}
ul.primary-menu {
    margin: 0;
}
ul.primary-menu {
    margin: 0;
    display: block;
}
.primary-menu li {
    margin: 0px;
    display: inline-block;
}
.primary-menu li a {
    color: #000 !important;
    padding: 0px 16px;
    font-size: 16px;
    line-height: 50px;
}
.header-inner {
    position: relative;
}
#site-header:before {
    position: absolute;
    content: '';
    background: url(https://xigdigitalmarketing.com/rhythm-therapeutic-rehabilitation/wp-content/uploads/2024/02/cloud.png);
    width: 100%;
    height: 160px;
    bottom: -100px;
    background-position: center center !important;
    background-size: cover;
    z-index: -1;
    opacity: 1;
}
.slider-item img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.image-slider {
    position: relative;
}
.slider-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
	max-width: 700px;
	margin: 10px auto !important;
}
.slider-item {
    position: relative;
}
.slider-item:before {
    position: absolute;
	content:'';
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.46+0,0.1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width:100%;
	height:100%;
}
.slider-content h1 {
    font-weight: 600;
    font-size: 60px;
}
.hvr-sweep-to-right:before {
    background: #185e92;
}
.buton-group a {
    display: inline-block;
    background: #b30004;
    padding: 10px 30px;
    border-radius: 100px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
}
.buton-group {
    margin-top: 2em;
}
.section-one {
    background: radial-gradient(ellipse at center, rgba(242,220,226,1) 0%,rgba(255,251,254,1) 100%) !important;
    padding: 8em 0px 0px;
    position: relative;
}
.section-one-inner {
    display: flex;
}
.about-content h3 {
    color: #333232;
    font-size: 40px;
}
.about-content {
    width: 80%;
}

.about-content p {
    color: #3e3d3d;
    font-size: 17px;
    max-width: 900px;
    margin-top: 20px;
}
.rocket {
    position: absolute;
    top: 30px;
    width: 100px;
    left: 50%;
}
.bounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
.star {
    position: absolute;
    width: 60px;
    top: 60px;
}
.star img {
    transform: rotate(-30deg);
}
.baby-image {
    width: 40%;
}
.e-con-inner {
    max-width: calc(100% - 8rem) !important;
}
.animated-number .elementor-counter-number {
    font-size: 40px;
	color: #fff;
}
.elementor-counter-title {
    color: #fff !important;
}
.animated-number {
    padding: 5em 0px;
    position: relative;
}
.section-two-header {
    text-align: center;
}
.section-two-header span {
    color: #aa0004;
    margin-bottom: 1em !important;
    display: block;
    font-weight: 500;
}
.wdt-content-item {
    position: relative;
    padding: 60px 30px 60px 30px;
}
.wdt-content-item:before{
	content: "";
    height: auto;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    background-color: #1a5f92;
    -webkit-mask-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/custom-shape-bg-layer.png');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/custom-shape-bg-layer.png');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.wdt-content-item:hover:before {
    background: #b30004;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.wdt-content-image-wrapper > a > img {
    -webkit-mask-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/mask_image_imagebox.png');
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/mask_image_imagebox.png');
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    height: intrinsic;
}
.our-therapy li {
    display: inline-block;
    width: 40%;
    margin: 60px 40px 0px;
    vertical-align: top;
}
.wdt-content-details {
    position: relative;
    color: #fff;
}
.wdt-content-details img {
    max-width: 250px;
    margin: 0px auto;
}
.wdt-content-details h4 {
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0;
    margin: 1em 0px !important;
}
.wdt-content-details p {
    font-size: 16px;
    max-width: 350px;
    margin: 0px auto;
}
.wdt-content-item .buton-group {
    position: absolute;
    left: 0;
    right: 0;
}
.section-three {
    background: #1a5f92;
    position: relative;
}
.section-three:before {
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/wavebg-dark-tooheight-1.png');
    width: 100%;
    height: 250px;
    top: -250px;
}
.section-three {
    background: #1a5f92;
    position: relative;
    margin: 13em 0px;
}
.section-three:after {
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/wavebg-overlight-too-length-1.png');
    width: 100%;
    height: 250px;
    bottom: -250px;
}
.footer-wrapper {
    background: #1a5e90;
    padding: 2em 0px 0px;
    position: relative;
    margin-top: 10em;
}
.ays_template_content iframe {
    display: none !important;
}
.footer-wrapper:before {
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/footer-mask-dark-png-1.png');
    width: 100%;
    height: 267px;
    top: -266px;
    left: 0;
    right: 0;
}
.footer-row-one {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	position:relative;
}
.footer-widget h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 1em !important;
}
.footer-menu, .navi {
    margin: 0px;
    display: block;
}
.footer-menu li, .navi li {
    margin: 0px;
    list-style: none;
}
.footer-menu li a, .navi li a {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    line-height: 30px;
}
.footer-widget {
    width: 33.3%;
    padding: 30px;
}
.footer-menu li a:hover, .navi li a:hover {
    opacity: 0.7;
}
.rotate {
  animation: rotation 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.rotate-img {
    position: absolute;
    width: 100px;
    top: -100px;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.row-two {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.row-two div {
    width: 33.3%;
}
.footer-row-one:before {
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/cloud-1.png');
    width: 230px;
    height: 80px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -80px;
    left: -100px;
}
.cloud-img img {
    width: 240px;
    margin: 0px auto;
}
.copyright, .cloud-img {
    border-top: 10px solid transparent;
    border-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/zigzag.png') 40 round;
    padding: 20px 0px 0px;
    color: #fff;
}
.faq-inner {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.faq-content, .faq-images {
    width: 50%;
}
.faq-content {
    padding: 40px 0px;
	position:relative;
}
.faq-inner .rocket {
    top: -100px;
    left: 40%;
}
.faq-inner .star {
    top: -40px;
    left: -60px;
}
.faq-images {
    overflow: hidden;
    border-radius: 30px 274px 274px 274px;
}
.faq-images img {
    height: 600px;
    object-fit: cover;
}
.faq-list {
    padding: 30px 30px 0px 0px;
}
.faq-list .eael-accordion-list {
    background: transparent !important;
    margin-bottom: 10px;
    border: 2px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}
.eael-advanced-accordion-icon-closed, .eael-advanced-accordion-icon-opened {
    background: #b40102;
    height: 30px;
    border-radius: 100px;
    width: 30px;
}
.eael-advanced-accordion-icon-closed svg, .eael-advanced-accordion-icon-opened svg {
    fill: #fff !important;
    display: block;
    margin: 7px !important;
}
.elementor-tab-title {
    background: transparent !important;
}
section.faq {
    position: relative;
    padding-bottom: 0;
}
.home #site-content {
    padding-bottom: 0px;
}
.registration-bg {
    background-attachment: fixed !important;
    background-position: top center !important;
    background-size: cover !important;
    padding: 3em 0px;
    margin-bottom: 60px;
}
.registration-content {
    background-color: #490d59;
    max-width: 600px;
    padding: 90px;
    border-radius: 274px 30px 274px 274px;
    color: #fff;
}
.review-heading {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.review-heading h3 {
    text-align: center;
    color: #fff;
    padding: 65px 0px;
}
.google-review-slider img {
    margin: 10px auto;
}
section.google-review {
    padding: 2em 0px;
}
.testimonial {
    text-align: center;
}
.sp-testimonial-item{
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/testimonial-bg.png');
    background-size: contain;
	padding:90px;
	background-repeat:no-repeat;
	
}
.sp-testimonial-content p {
    color: #fff;
    text-align: left !important;
    font-size: 18px !important;
    max-width: 90%;
}
h4.sp-testimonial-client-name {
    text-align: right !important;
    color: #fff !important;
    font-size: 25px !important;
}
.sp-testimonial-client-rating {
    text-align: right !important;
}
.testimonial-slider {
    margin-top: 2em;
}

.swiper-button-next {
    border: none !important;
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/right-arrow.png') !important;
    width: 80px !important;
    height: 80px !important;
    background-size: cover !important;
    right: -10px !important;
}
.swiper-button-prev {
    border: none !important;
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/left-arrow.png') !important;
    width: 80px !important;
    height: 80px !important;
    background-size: cover !important;
    left: -10px !important;
}
.testimonial-nav-arrow i {
    display: none;
}
.news {
    background: #1a5e90;
    position: relative;
    color: #fff;
    margin: 10em 0px 0px;
    padding: 0px;
}
.news:before {
    background-size: cover !important;
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/wavebg-dark-tooheight-1.png');
    width: 100%;
    height: 200px;
    top: -200px;
}
.news:after {
    background-size: cover !important;
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/banner-bg-shape-1.png');
    width: 100%;
    height: 180px;
    bottom: -200px;
}
.news:after {
    background-size: cover !important;
    position: absolute;
    content: '';
    background: url('https://www.therapysolution.in/wp-content/uploads/2024/02/banner-bg-shape-1-1.png');
    width: 100%;
    height: 180px;
    bottom: -80px;
}
.news-inner {
    padding: 3em 0px;
}
.news-list {
    padding-right: 50px;
    margin-top: 30px;
}
.wpcap-post {
    padding: 0px !important;
    box-shadow: none !important;
}
.wpcap-grid h3 a {
    color: #fff;
    font-size: 22px !important;
}
.post-grid-excerpt p {
    color: #fff !important;
    font-size: 18px !important;
}
.grid-meta-bottom .post-grid-text-wrap {
    border-bottom: 10px solid transparent !important;
    border-image: url('https://www.therapysolution.in/wp-content/uploads/2024/02/zigzag.png') 40 round;
    padding: 0px;
    color: #fff;
}
span.eael-accordion-tab-title:hover {
    color: #b40102 !important;
}
.footer-nav-widgets-wrapper {
    display: none;
}
.singular .entry-header {
    background-color: transparent !important;
    padding: 4rem 0;
}
.inner-banner h2 {
    text-align: center;
    font-size: 50px;
}
main#site-content {
    padding: 0px 0px 8em;
}
label {
    font-family: 'Fredoka', sans-serif;
    font-weight: 500 !important;
    color: #000;
}
input {
    border: 1px solid #ccc;
    height: 50px !important;
    border-radius: 10px !important;
    margin-bottom: 0px !important;
}
textarea{
	border: 1px solid #ccc;
    height: 100px !important;
    border-radius: 10px !important;
    margin-bottom: 0px !important;
}
input[type='submit'] {
    background: #a00504;
    height: auto !important;
    border-radius: 100px !important;
    padding: 14px 46px;
    font-family: "Fredoka", Sans-serif !important;
    text-transform: uppercase !important;
}
.map {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 3px solid #ca2552;
}
}
.phone-number {
    width: 50%;
    display: inline-block;
}
p.eael-feature-list-content {
    font-size: 18px !important;
}
section {
    padding: 10rem 0;
}
.sub-menu {
    background: #185a8f !important;
    width: 25rem !important;
}
.sub-menu li {
    width: 100%;
}

body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: #185a8f !important;
}
.primary-menu > li > .icon{
	display:none;
}
.sub-menu li a {
    color: #fff !important;
    line-height: 20px;
    padding: 10px 20px;
    border-bottom: 1px solid #144b78;
}
.fixed {
    position: fixed !important;
    width: 100%;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}
.fixed:before {
    opacity: 0 !important;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}
.gallery-item img {
    height: 240px !important;
    object-fit: cover !important;
}
.gallery-item:hover img{
	opacity:0.7;
}
.elementor-slideshow__footer:before{
	display:none !important;
}
span.eael-accordion-tab-title {
    color: #1A5F92 !important;
}
.google-review .WidgetTitle__Header-sc-ruy1gu-2 {
    display: none !important;
}
.contact-info img {
    width: 35px !important;
    height: 35px !important;
    object-fit: contain !important;
}
.news-page .post-grid-text-wrap a {
    color: #1a5e90;
}
.news-page .post-grid-excerpt p {
    color: #000 !important;
}
.news-page article {
    border: 1px solid #ccc;
    padding: 20px !important;
}
.registration-content h3 {
    margin-bottom: 14px !important;
}
.phone-number {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.gform_fields li {
    margin-top: 5px !important;
}
.close-template-btn {
    right: 0;
}
h3.title a {
    color: #fff !important;
}
span.post-date {
    color: #fff !important;
}
/*Responsive*/

@media only screen and (max-width: 999px) {
.search-toggle-wrapper a {
    max-width: 180px;
    margin: 10px auto;
    text-align: center;
}	
.section-one-inner {
    flex-direction: column;
}
.about-content {
    width: 100%;
}	
.baby-image {
    width: 100%;
}
.our-therapy li {
    display: inline-block;
    width: 100%;
    margin: 20px 0px;
    vertical-align: top;
}
.sp-testimonial-item {
    background: #ed145b;
    padding: 10px !important;
}
.faq-inner {
    display: flex;
    flex-direction: column;
}
.faq-content, .faq-images {
    width: 100%;
}
.footer-row-one, .row-two {
    flex-direction: column;
}
.footer-widget {
    width: 100%;
    padding: 30px;
}
.footer-hand, .cloud-img {
    display: none;
}
.row-two div {
    width: 100%;
}
.menu-modal {
    z-index: 999;
}
.nav-toggle .toggle-inner {
    height: auto !important;
    padding-top: 0px;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 30px;
    width: 30px;
    font-size: 30px;
}
.ays_template_content {
    width: 100% !important;
}
.phone-number {
    width: 100%;
}

}

@media only screen and (max-width: 640px) {
.slider-content h1 {
    font-size: 30px;
}
.slider-content p {
    max-width: 80%;
    margin: 0px auto;
}
.about-content h3 {
    font-size: 25px;
}
.about-content h3 {
    color: #333232;
    font-size: 25px;
}
.registration-content {
    max-width: 100%;
    padding: 70px;
}
.part-four:before {
    width: 120px !important;
    height: 115px !important;
}
}