/*
Theme Name: Patterns Medical Child
Theme URI: https://patternswp.com/full-site-editing-fse-themes/patterns-medical/
Template: patterns-medical
Author: patternswp
Author URI: https://patternswp.com/
Description: Patterns Medical is a clean and professional WordPress theme tailored for hospitals, clinics, doctors, and healthcare professionals. Built with Full Site Editing (FSE), this theme offers effortless customization of headers, footers, templates, and global styles directly within the WordPress Site Editor.It features pre-designed patterns and layouts crafted for highlighting medical services, departments, doctor profiles, patient testimonials, appointment forms, and contact information. With dedicated sections for about, services, pricing, team, and more, Patterns Medical provides everything needed for a trustworthy and informative medical website.Its responsive design ensures an optimal user experience across all devices, helping you connect with patients effectively and professionally.
Tags: blog,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,block-patterns,block-styles,custom-colors,editor-style,full-site-editing,full-width-template,rtl-language-support,sticky-post,style-variations,template-editing,threaded-comments,translation-ready,wide-blocks
Version: 1.0.0.1758562768
Updated: 2025-09-22 17:39:28

*/

:root {
    --gjs-t-color-primary: #cf549e;
    --gjs-t-color-secondary: #b9227d;
    --gjs-t-color-accent: #ffb347;
    --gjs-t-color-success: #28a745;
    --gjs-t-color-warning: #ffc107;
    --gjs-t-color-error: #dc3545;
}
.gjs-heading {
    color: rgba(29, 40, 55, 1);
    margin: 0;
}
.gjs-grid-column {
    flex: 1 1 0%;
    padding: 5px 0;
}
.gjs-grid-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
    padding: 10px 0;
}
#iqjl {
    flex: 0 1 auto;
}
.gjs-t-body {
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    background-color: inherit;
}
.gjs-link-box {
    display: inline-block;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
    vertical-align: top;
    padding: 10px;
}
.gjs-link {
    display: inline-block;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
    -moz-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    vertical-align: top;
}
#id7x {
    display: block;
    flex: 0 1 auto;
    padding-left: 10px;
    padding-right: 10px;
}
#iffs {
    flex: 0 1 auto;
}
.gjs-t-h1 {
    color: var(--gjs-t-color-secondary);
    font-size: 1.5rem;
    line-height: 2.5rem;
}
#iyd2 {
    justify-content: space-between;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.14);
    padding-top: 0;
    padding-bottom: 0;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    backdrop-filter: blur(13px);
}
#i6po {
    justify-content: center;
    position: sticky;
    top: 15px;
    padding: 0 20px;
}
#itjq {
    max-width: 1200px;
    width: 100%;
}
.gjs-t-h2 {
    color: #601843;
    font-size: 1.2rem;
    line-height: 1.75rem;
}
#iucmr {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}
#it00l {
    padding-top: 0;
    padding-bottom: 0;
}
#icfyb {
    padding-left: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
}
.gjs-t-button {
    color: white;
    background-color: var(--gjs-t-color-primary);
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
#irtfd {
    flex: 0 1 auto;
}
#i88iz {
    padding-left: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
}
.gjs-t-link {
    color: var(--gjs-t-color-primary);
    text-decoration: underline;
}
#icyzp {
    flex: 0 1 auto;
}
.gjs-t-border {
    border-color: #e0e0e0;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
#irz7b {
    justify-content: center;
    padding: 80px 20px;
}
#iycz3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    gap: 10px;
}
#irjua {
    font-size: 3rem;
    text-align: center;
}
#itndw {
    max-width: 750px;
    text-align: center;
    margin-bottom: 25px;
    padding: 10px;
}
#i3vvs {
    max-width: 100%;
    color: black;
    -moz-border-top-left-radius: 35px;
    -webkit-border-top-left-radius: 35px;
    -o-border-top-left-radius: 35px;
    border-top-left-radius: 35px;
    -moz-border-top-right-radius: 35px;
    -webkit-border-top-right-radius: 35px;
    -o-border-top-right-radius: 35px;
    border-top-right-radius: 35px;
    -moz-border-bottom-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -o-border-bottom-right-radius: 35px;
    border-bottom-right-radius: 35px;
    -moz-border-bottom-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -o-border-bottom-left-radius: 35px;
    border-bottom-left-radius: 35px;
    margin: 38px;
}
.text-main-content {
    font-size: 1.2rem;
    line-height: 30px;
}
#iau9 {
    color: #475569;
    font-family: Arial, Helvetica, sans-serif;
    background-attachment: scroll;
    background-image: -moz-linear-gradient(180deg, rgba(59, 130, 245, 0.11), white);
    background-image: -webkit-linear-gradient(180deg, rgba(59, 130, 245, 0.11), white);
    background-image: -o-linear-gradient(180deg, rgba(59, 130, 245, 0.11), white);
    background-image: -ms-linear-gradient(180deg, rgba(59, 130, 245, 0.11), white);
    background-image: linear-gradient(-90deg, rgba(59, 130, 245, 0.11), white);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 100%;
}
#ij2gh {
    font-size: 1.2rem;
    margin-bottom: 15px;
}
#igrx8 {
    max-width: 750px;
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#i466d {
    max-width: 100%;
    color: black;
    -moz-border-top-left-radius: 35px;
    -webkit-border-top-left-radius: 35px;
    -o-border-top-left-radius: 35px;
    border-top-left-radius: 35px;
    -moz-border-top-right-radius: 35px;
    -webkit-border-top-right-radius: 35px;
    -o-border-top-right-radius: 35px;
    border-top-right-radius: 35px;
    -moz-border-bottom-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -o-border-bottom-right-radius: 35px;
    border-bottom-right-radius: 35px;
    -moz-border-bottom-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -o-border-bottom-left-radius: 35px;
    border-bottom-left-radius: 35px;
}
#imymf {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
}
#feature-section {
    justify-content: center;
    padding: 80px 20px;
}
#ib541 {
    justify-content: space-between;
    gap: 100px;
}
#iz8m8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#in9ef {
    font-size: 1.5rem;
}
#i8isa {
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#i8w4i {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
}
#ioyxg {
    justify-content: center;
    padding: 80px 20px;
}
#iiacm {
    max-width: 750px;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
#ixzh1 {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 50px;
}
.gjs-grid-column.feature-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 30%;
    padding: 15px;
}
#ia21sa {
    max-width: 750px;
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    margin-bottom: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#ihap8q {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 10px;
}
#i6fjjy {
    max-width: 750px;
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    text-align: center;
    margin-bottom: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#ia7pcr {
    max-width: 100%;
    width: 75px;
    color: black;
    -moz-border-top-left-radius: 100%;
    -webkit-border-top-left-radius: 100%;
    -o-border-top-left-radius: 100%;
    border-top-left-radius: 100%;
    -moz-border-top-right-radius: 100%;
    -webkit-border-top-right-radius: 100%;
    -o-border-top-right-radius: 100%;
    border-top-right-radius: 100%;
    -moz-border-bottom-right-radius: 100%;
    -webkit-border-bottom-right-radius: 100%;
    -o-border-bottom-right-radius: 100%;
    border-bottom-right-radius: 100%;
    -moz-border-bottom-left-radius: 100%;
    -webkit-border-bottom-left-radius: 100%;
    -o-border-bottom-left-radius: 100%;
    border-bottom-left-radius: 100%;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(36, 99, 235);
    border-right-color: rgb(36, 99, 235);
    border-bottom-color: rgb(36, 99, 235);
    border-left-color: rgb(36, 99, 235);
}
#iqroa4 {
    font-size: 1.5rem;
}
#i5k4nf {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 50px;
}
#infwen {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
}
#testimonial-section {
    justify-content: center;
    padding: 80px 20px;
}
#inea73 {
    justify-content: space-between;
}
.gjs-grid-column.testimonial-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    background-color: rgba(247, 247, 247, 0.23);
    min-width: 45%;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 0, 0, 0.06);
    border-right-color: rgba(0, 0, 0, 0.06);
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-left-color: rgba(0, 0, 0, 0.06);
    padding: 15px;
}
#idva29 {
    flex: 0 1 auto;
}
#i2d7qp {
    align-items: center;
    width: 100%;
    gap: 20px;
}
#iaqf2c {
    color: rgba(0, 0, 0, 0.5);
}
#it3yug {
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#i8gt4n {
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#ixzdlj {
    max-width: 100%;
    width: 75px;
    color: black;
    -moz-border-top-left-radius: 100%;
    -webkit-border-top-left-radius: 100%;
    -o-border-top-left-radius: 100%;
    border-top-left-radius: 100%;
    -moz-border-top-right-radius: 100%;
    -webkit-border-top-right-radius: 100%;
    -o-border-top-right-radius: 100%;
    border-top-right-radius: 100%;
    -moz-border-bottom-right-radius: 100%;
    -webkit-border-bottom-right-radius: 100%;
    -o-border-bottom-right-radius: 100%;
    border-bottom-right-radius: 100%;
    -moz-border-bottom-left-radius: 100%;
    -webkit-border-bottom-left-radius: 100%;
    -o-border-bottom-left-radius: 100%;
    border-bottom-left-radius: 100%;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(36, 99, 235);
    border-right-color: rgb(36, 99, 235);
    border-bottom-color: rgb(36, 99, 235);
    border-left-color: rgb(36, 99, 235);
}
#inucqu {
    flex: 0 1 auto;
}
#i04ztt {
    font-size: 1.5rem;
}
#ia9ts3 {
    color: rgba(0, 0, 0, 0.5);
}
#ish0zj {
    align-items: center;
    width: 100%;
    gap: 20px;
}
#idndjn {
    justify-content: space-between;
}
#ilriti {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
}
#iv3be5 {
    justify-content: center;
    padding: 80px 20px;
}
#im0rle {
    flex-direction: column;
}
#iih6cv {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}
#iotp6j {
    align-self: center;
}
#it6g1v {
    font-size: 0.8rem;
    text-align: center;
    margin-top: 20px;
    opacity: 75%;
    padding: 10px;
}
#ij7g8t {
    display: block;
}
#ipjdtn {
    display: block;
}
#ikj01e {
    display: block;
}
#i1hx7l {
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#i2sl68 {
    display: block;
}
.gjs-button {
    display: inline-block;
    max-width: 100%;
    color: white;
    font-size: 1.1rem;
    text-decoration: none;
    text-align: center;
    background-color: rgb(36, 99, 235);
    vertical-align: top;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 15px;
}
.gjs-text-blue {
    color: rgb(36, 99, 235);
}
#ism014 {
    font-size: 2.5rem;
}
#in201n {
    max-width: 750px;
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#ik2rdi {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);
    background-attachment: scroll;
    background-image: radial-gradient(515px at 50% 141%, rgba(35, 98, 235, 0.22) 10%, white 90%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 100%;
    -moz-border-top-left-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -o-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -moz-border-top-right-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -o-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -moz-border-bottom-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -o-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -o-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 0, 0, 0.06);
    border-right-color: rgba(0, 0, 0, 0.06);
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-left-color: rgba(0, 0, 0, 0.06);
    padding: 50px;
}
#iz29ek {
    justify-content: center;
    padding: 80px 20px;
}
.gjs-link:hover {
    color: rgb(36, 99, 235);
    text-decoration: underline;
}
.gjs-icon {
    display: inline-block;
    width: 50px;
    color: inherit;
    text-decoration: none;
    fill: currentColor;
    height: 50px;
    vertical-align: middle;
}
#irfl3k {
    width: 196px;
    height: 41px;
}
#ip6zoj {
    width: 213px;
    height: 44px;
}
#ihs4lb {
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.gjs-icon.gjs-feature-icon {
    color: white;
    background-color: rgb(36, 99, 235);
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px;
}
#ieu6p6 {
    font-size: 1.5rem;
}
#izqkf7 {
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#ica43q {
    font-size: 1.5rem;
}
#ickn3f {
    padding-left: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#i83vu9 {
    font-size: 2.5rem;
    text-align: center;
}
#infmy1 {
    padding-left: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 992px) {
.gjs-grid-row {
    flex-direction: column;
}
#i2d7qp {
    flex-direction: row;
}
#ish0zj {
    flex-direction: row;
}
#iyd2 {
    flex-direction: row;
}
#it00l {
    flex-direction: row;
}
}
@media (max-width: 768px) {
#iffs {
    display: none;
}
}
@media (max-width: 480px) {
#irfl3k {
    width: 116px;
    height: 24px;
}
}
