/* 
Theme Name: Hello Elementor Child
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 */

.h1-blue {
    color: #05D3D1;
    font-weight: 700;
}

.text-banner {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 20px;
    color: ;: #000000B2;
}

.bluetext-line {
    position: relative;
    display: inline-block;
	color: #05D3D1;
	font-weight: 700;
}

.bluetext-line::after {
    content: "";
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -10px;

    background-image: url("data:image/svg+xml,%3Csvg width='198' height='4' viewBox='0 0 198 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M0 3.20003C66 1.06662 132 1.06662 198 3.20003V4.00006H0V3.20003Z' fill='%2305D3D1'/%3E%3C/svg%3E");
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.bluesolid-line {
    position: relative;
    display: inline-block;
	color: #05D3D1;
    font-weight: 600;
}

.bluesolid-line::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    background: #05D3D1;
    border-radius: 10px;
}

.header-coun-list .elementor-icon-list-items li{
	margin: 8px 0;
}

.footer-subscribe .elementor-field-type-email{
	width:auto; flex: auto;
}

.footer-subscribe .elementor-field-type-submit{
	width:auto; 
}

.text-Quote {
    position: relative;
    display: inline-block;
    padding: 0 45px;
}

.text-Quote::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -20px;
    width: 45px;
    height: 22px;
    background-image:
        url("https://babydagency.triviio.com/wp-content/uploads/2026/06/simple-icons_comma-1.svg"),
        url("https://babydagency.triviio.com/wp-content/uploads/2026/06/simple-icons_comma-1.svg");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: left center, 20px center;
}

.text-Quote::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: -20px;
    width: 45px;
    height: 22px;
    background-image:
        url("https://babydagency.triviio.com/wp-content/uploads/2026/06/simple-icons_comma.svg"),
        url("https://babydagency.triviio.com/wp-content/uploads/2026/06/simple-icons_comma.svg");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: left center, 20px center;
}

.skytext {
    position: relative;
}

.skytext span {
    color: #05D3D1;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.skytext::after {
    content: "";
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -10px;
    background-image: url("data:image/svg+xml,%3Csvg width='198' height='4' viewBox='0 0 198 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M0 3.20003C66 1.06662 132 1.06662 198 3.20003V4.00006H0V3.20003Z' fill='%2305D3D1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 4px;
}

.skysolid {
	color: #05D3D1;
    font-weight: 700;
}

.listbrake p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
	line-height: 1em;
	margin-bottom: 0;
	color: #FFFFFFE5;
}

.listbrake-black p {
	color: #00000099!important;
	font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 20px;
	line-height: 1em;
	margin-bottom: 0;
}

.befor-after {
    position: relative;
}

.befor-after::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;

    background: url("https://babydagency.triviio.com/wp-content/uploads/2026/06/emojione_up-arrow.svg")
    no-repeat center / contain;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);

    z-index: 5;
}

@media (max-width: 1200px) {

    .befor-after::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

}

@media (max-width: 1440px) {
	.listbrake p {
		font-size: 19px;
	}
}


@media (max-width: 1024px) {
	.main-menu a.elementor-item.elementor-item-anchor {
		text-align: center;
	}
	
	.listbrake p {
		font-size: 18px;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.family-grid > :last-child {
		grid-column: 1 / -1;
		justify-self: center;
		width: 50%;
	}
}