/* 
Theme Name: Hello Elementor Child Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.main-header nav .e-n-tabs-heading .e-n-tab-title {
justify-content: space-between !important;
}

.contactbox .gform_title {
display: none;
}

.contactbox form .gform_fields {
gap: 15px !important;
}

.contactbox form input {
height: 45px !important;
box-shadow: none !important;
font-weight: 300 !important;
letter-spacing: 0.3px !important;
}

.contactbox form .gform_button {
background: #000000 !important;
color: #ffffff !important;
border: 1px solid #000000 !important;
font-size: 16px !important;
font-weight: 300 !important;
}

.contactbox form .gform_button:hover {
background: #E52A35 !important;
color: #ffffff !important;
border: 1px solid #E52A35 !important;
}

.contactbox form input:focus,
.contactbox form textarea:focus,
.contactbox form .gform_button:focus {
outline: none !important;
box-shadow: none !important;
border: 1px solid #E52A35;
}

.contactbox form textarea {
min-height: 120px !important;
font-weight: 300 !important;
letter-spacing: 0.3px !important;
}

.contactbox.footercb textarea {
min-height: 200px !important;
font-weight: 300 !important;
letter-spacing: 0.3px !important;
}

.elementor-ribbon {
height: 150px;
inset-block-start: 0;
inset-inline-end: 0;
inset-inline-start: auto;
overflow: hidden;
position: absolute;
transform: rotate(90deg);
width: 150px;
z-index: 1;
}

.elementor-ribbon-inner {
background: #e52a35;
font-size: 13px;
font-weight: 400;
line-height: 2;
margin-block-start: 35px;
text-align: center;
text-transform: uppercase;
transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
width: 200%;
color: #ffffff;
}

.single-post-contents h2 {
margin-top: 0px;
font-size: 34px;
text-transform: uppercase;
line-height: 1.3em;
}

.single-post-contents ul,
.single-post-contents ol {
padding: 0px;
margin-bottom: 20px;
}

.single-post-contents ul li,
.single-post-contents ol li {
margin-left: 20px;
margin-bottom: 10px;
}

.single-post-contents h3 {
font-size: 26px;
text-transform: uppercase;
line-height: 1.3em;
letter-spacing: -1px;
}

.single-post-contents h4 {
font-size: 20px;
text-transform: uppercase;
line-height: 1.4em;
}

.single-post-contents h5 {
font-size: 18px;
text-transform: uppercase;
line-height: 1.4em;
}

.single-post-contents h5 {
font-size: 16px;
text-transform: uppercase;
line-height: 1.4em;
}

.single-post-contents table tr th {
text-transform: uppercase;
}

.swiper-fade .swiper-slide {
pointer-events: auto !important;
transition-property: opacity;
}

.case-study .elementor-card-shadow-yes .elementor-post__card {
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.04) !important;
}


@media only screen and (max-width: 1024px) {
.header-ipad-menu .e-n-menu-wrapper ul {
background: #ffffff;
margin-top: 35px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}

.header-ipad-menu .e-n-menu-wrapper ul li div.e-n-menu-title {
border-bottom-width: 1px !important;
padding: 10px 0px;
}

.header-ipad-menu .e-n-menu-wrapper ul li:last-child div {
border: none !important;
}

.header-ipad-menu .e-n-menu-wrapper ul li .elementor-element {
margin-top: 0px !important;
}

.mb-single-menu .elementor-element {
width: 100% !important;
}

.side-menu .ti-fade-container strong {
font-weight: normal !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

.mb-header a.elementor-button[aria-expanded="true"] {
position: fixed;
z-index: 99999999999;
top: 10px;
}

.elementor-39 .elementor-element.elementor-element-5e890bb9 .elementor-button:hover svg, 
.elementor-39 .elementor-element.elementor-element-5e890bb9 .elementor-button:focus svg {
fill: #ffffff !important;
}

.mb-header a.elementor-button[aria-expanded="true"] .elementor-button-icon:before {
content: "✖";
position: fixed;
top: 10px;
right: 10px;
font-size: 25px;
z-index: 99999999;
opacity: 1;
display: block;
color: #E52A35;
}

.mb-header a.elementor-button[aria-expanded="true"] .elementor-button-icon svg {
display: none;
}

.mb-treatment {
background: #F6F9F9;
border-radius: 10px;
}

.mb-treatment .elementor-icon-box-content img {
width: 40%;
float: left;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.mb-treatment .elementor-icon-box-content h3 {
width: 60%;
float: left;
margin: 0px;
margin-top: 42px;
font-size: 20px;
text-transform: uppercase;
text-align: left;
padding-left: 35px;
}

.mb-treatment .elementor-icon-box-content p {
margin: 0px;
}

.mb-treatment .elementor-icon-box-content p:empty {
display: none;
}

.e-off-canvas__content {
padding-bottom: 0px !important;
}

.popup-box,
.popup-container a {
cursor: pointer;
width: 100%;
text-align: center;
transition: transform 0.3s;
display: grid;
grid-template-columns: 35% 58%;
background: #F6F9F9;
grid-gap: 20px;
margin-bottom: 15px;
align-items: center;
}

.popup-box img,
.popup-container a img {
width: 100%;
height: 175px;
object-fit: cover;
}

.popup-box span,
.popup-container a {
text-align: left !important;
font-size: 17px !important;
margin: 0px !important;
color: #000000 !important;
text-transform: uppercase;
font-weight: 500 !important;
}

.popup {
position: fixed;
top: 50%;
left: -100%;
transform: translateY(-50%);
width: 100%;
max-width: 100%;
background: #fff;
padding: 20px;
z-index: 9999;
opacity: 0;
transition: all 0.5s ease;
height: 100vh;
}

.popup.show {
left: 50%;
opacity: 1;
transform: translate(-50%, -50%);
height: 100vh;
overflow-y: auto;
padding-bottom: 80px;
padding-top: 50px;
}

.popup.fade-out {
left: -100%;
opacity: 0;
}

.popup h2 {
text-align: left !important;
font-size: 20px !important;
margin: 35px 0px 15px 0px !important;
}

.close-btn {
display: inline-block;
margin-top: 0px;
background: #ffffff !important;
padding: 0px !important;
border: none !important;
border-radius: 4px;
cursor: pointer !important;
color: #e52a35 !important;
position: absolute;
text-transform: uppercase;
font-weight: 500 !important;
}

.popup ul {
padding: 0px;
margin: 35px 0px 0px 0px;
display: block;
}

.popup ul li {
list-style: none;
text-align: left;
display: block;
border-bottom: 1px solid #dddddd;
padding: 5px 0px 4px 0px;
}

.popup ul li span {
text-align: left;
display: block;
color: #000000;
line-height: 35px;
font-size: 16px;
font-weight: 400;
}

.services {
display: none; /* hidden by default */
opacity: 0;
transform: translateY(-20px);
transition: all 0.4s ease;
}

.services.active {
display: block;
opacity: 1;
transform: translateY(0);
animation: fadeInDown 0.4s ease forwards;
}

@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

ul li.active a {
color: #e52a35;
}

ul li.active a span {
color: #e52a35;
font-weight: 400;
}

.services ul {
display: grid;
grid-template-columns: 48% 48%;
grid-gap: 15px;
}

.services ul li {
border: none;
}

.services ul li {
border: none;
}

.services ul li span {
line-height: 22px;
text-align: center;
font-size: 15px;
}
}


@media only screen and (max-width: 767px) {
.popup-box img,
.popup-container a img {
height: 100%;
}

/*.mb-slider .elementor-swiper-button {*/
/*border: none !important;*/
/*}*/

.ti-header-content.source-Google.ti-active {
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}

.single-post-contents h2 {
font-size: 28px;
}

.single-post-contents h3 {
font-size: 22px;
letter-spacing: 0px;
}

.single-post-contents h4 {
font-size: 18px;
letter-spacing: 0px;
}

.single-post-contents h5,
.single-post-contents h6 {
font-size: 16px;
letter-spacing: 0px;
}
}