/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.logo {

}
#footer {
    background-color: #e2edfb;
}

.logo{
    display: flex;
    align-items: center;   /* Vertically centers items */
    gap: 10px;             /* Optional spacing between logo and text */
    width: 100% !important;
    min-width: 25% !important;
}

.logo-text {
    display: flex;
    flex-direction: column;
    justify-content: center;  /* Text inside vertically aligned */
	font-family: Walbaum-original;
	text-transform: uppercase;
    color: #820000;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.3;
}
.header-top {
    display: none;
}

.header-col.header-center {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
header#header {
    background: transparent;
}

ul#menu-primary-menu li a {
    background: transparent !important;
}
.my-btn a {
    padding: 20px 50px;
    font-size: 18px;
}
#div_block-81-13 {
    transform: translate(50%,-50%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    right: -50px;
    border-top-width: 50px;
    border-right-width: 50px;
    border-bottom-width: 50px;
    border-left-width: 50px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #9dc2f2;
    border-right-color: #9dc2f2;
    border-bottom-color: #9dc2f2;
    border-left-color: #9dc2f2;
    z-index: 2;
    top: 0px
}
#div_block-158-13 {
    transform: translate(-50%,-50%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    border-top-width: 50px;
    border-right-width: 50px;
    border-bottom-width: 50px;
    border-left-width: 50px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #9dc2f2;
    border-right-color: #9dc2f2;
    border-bottom-color: #9dc2f2;
    border-left-color: #9dc2f2;
    z-index: 1;
    top: 0px;
    left: 0px
}
.back-img img {
    transform: translate(-8%, -10%);
    position: absolute;
}
.back-img-right img {
    transform: translate(8%, -10%);
}
.dot-img img {
    position: absolute;
    right: -90px;
    bottom: 20px;
    width: 250px;
    _z-index: 2;
}
.dot-img-left img {
    left: -100px;
}
.dot-img2 img {
    bottom: 70px;
}
.main-img img {
    z-index: 2 !important;
    position: relative;
}
.ambiente-logo img {
    width: 160px;
}
#step-row {
    background-position: left !important;
    background-size: contain !important;
}
.z-indx-3 {
    z-index: 3;
}
div#div_block-517-13 {
    width: 500px !important;
    height: 500px !important;
    position: absolute !important;
    border: 80px solid #ffffff !important;
    border-radius: 50% !important;
    opacity: .5 !important;
    right: 0 !important;
    top: 0 !important;
    transform: translate(50%, -30%) !important;
}
div#div_block-484-13 {
    width: 500px !important;
    height: 500px !important;
    position: absolute !important;
    border: 80px solid #ffffff !important;
    border-radius: 50% !important;
    opacity: .5 !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: translate(-70%, 30%) !important;
}
div#AnalysisProcess .porto-sicon-box.services-box, .Our-Commitment-box {
    height: 400px;
}

div#AnalysisProcess .porto-sicon-box.services-box .porto-sicon-header p {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: unset !important;
    margin-left: 0 !important;
}

div#AnalysisProcess .porto-sicon-description {
    font-size: 16px !important;
    line-height: 26px !important;
    margin-top: 10px;
	font-weight: 400 !important;
}

div#AnalysisProcess h3.porto-sicon-title {
    /* font-family: 'Poppins'; */
    position: absolute;
    font-size: 120px !important;
    line-height: 1;
    font-weight: 800;
    z-index: 1;
    color: #8b1538;
    -webkit-text-stroke: .5px #8b1538;
    -webkit-text-fill-color: transparent;
    top: unset;
    left: unset;
    right: 50px !important;
    bottom: -10px;
    background: unset;
    width: unset !important;
    height: unset !important;
}
div#AnalysisProcess .porto-sicon-box.services-box, .Our-Commitment-box {
    padding: 42px 20px 32px;
    background: #f9fafb;
    border-radius: 16px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), 
                var(--tw-ring-shadow, 0 0 #0000), 
                var(--tw-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: center center; /* ensure scaling is smooth */
    will-change: transform;
    /* height: 320px; */
}
.pad-l-60 {
    padding-left: 60px !important;
}
.dot-img-3 img {
    right: -130px;
    bottom: 22px;
}
#footer .text-color-grey:not(.btn) {
    color: #2e3b59 !important;
    font-size: 16px !important;
}
.deply-h .porto-sicon-box.services-box, .Our-Commitment-box {
    height: 500px !important;
}
p.text-light a {
    color: #fff !important;
}
.op-logo-right img {
    position: absolute;
    right: -130px;
    bottom: 20px;
    width: 250px;
}
.op-logo-left img {
    position: absolute;
    right: unset;
    bottom: -120px;
    width: 250px;
    left: -120px;
    z-index: 3;
}
.main-img img {
    border-radius: 35px;
}
.services-box.step-box {
    position: relative;
}

.services-box.step-box1 {
    top: 150px;
}
.services-box.step-box2 {
    top: 230px;
}
.services-box.step-box3 {
    top: 130px;
}
.services-box.step-box4 {
    top: 20px;
}
.services-box.step-box5 {
    top: 240px;
}
.porto-sicon-box.services-box.step-box {
    max-width: 325px !important;
}