.elementor-74 .elementor-element.elementor-element-f7d5cdb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f811600 *//* ======================================================
   GOOGLE SEARCH STATS
   GLOBAL SETTINGS
====================================================== */

.gs-stats-card{

    /* Container */

    --container-width:100%;
    --container-max-width:900px;

    --container-bg:#ffffff;
    --container-border:#DCE3E7;
    --container-border-width:2px;
    --container-radius:40px;

    --container-padding-top:70px;
    --container-padding-right:70px;
    --container-padding-bottom:55px;
    --container-padding-left:70px;

    --container-shadow:none;

    /* Typography */

    --font-family:"Poppins",sans-serif;

    /* Numbers */

    --value-font-size:30px;
    --value-font-weight:600;
    --value-line-height:1;
    --value-color:#123D46;

    /* Labels */

    --label-font-size:18px;
    --label-font-weight:400;
    --label-color:#324E55;

    /* Caption */

    --caption-font-size:21px;
    --caption-font-weight:400;
    --caption-color:#98A7AD;

    /* Bars */

    --bar-width:75px;

    --bar-radius:12px;

    --bar-height-1:145px;
    --bar-height-2:245px;
    --bar-height-3:285px;
    --bar-height-4:340px;

    /* Individual Colors */

    --bar-color-1:#2F7F8F;
    --bar-color-2:#59BEB8;
    --bar-color-3:#64C5A4;
    --bar-color-4:#063B38;

    /* Layout */

    --bar-gap:45px;

    --value-gap:18px;

    --label-gap:20px;

    --caption-margin-top:65px;

    /* Animation */

    --animation-speed:.8s;

    /* Responsive */

    --mobile-padding:30px;

    --mobile-gap:30px;

    --mobile-bar-width:55px;

    --mobile-value-size:28px;

    --mobile-label-size:15px;

    --mobile-caption-size:14px;

}
/* ======================================================
   MAIN LAYOUT
====================================================== */

.gs-stats-card{
    overflow: hidden;
    width:var(--container-width);
    max-width:var(--container-max-width);

    margin:auto;

    background:var(--container-bg);

    border:var(--container-border-width) solid var(--container-border);

    border-radius:var(--container-radius);

    padding:
        var(--container-padding-top)
        var(--container-padding-right)
        var(--container-padding-bottom)
        var(--container-padding-left);

    box-shadow:var(--container-shadow);

    box-sizing:border-box;

    font-family:var(--font-family);

}

/* ======================================================
   BARS WRAPPER
====================================================== */

.gs-bars{

    display:flex;

    justify-content:center;

    align-items:flex-end;

    gap:var(--bar-gap);

    width:100%;

}

/* ======================================================
   EACH COLUMN
====================================================== */

.gs-bar-item{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-end;

}

/* ======================================================
   VALUES
====================================================== */

.gs-value{

    margin-bottom:var(--value-gap);

    font-size:var(--value-font-size);

    font-weight:var(--value-font-weight);

    line-height:var(--value-line-height);

    color:var(--value-color);

    text-align:center;

}

/* ======================================================
   BAR
====================================================== */

.gs-bar{

    width:var(--bar-width);

    border-radius:var(--bar-radius)
                  var(--bar-radius)
                  0
                  0;

}

/* Individual Heights */

.gs-bar-1{

    height:var(--bar-height-1);

    background:var(--bar-color-1);

}

.gs-bar-2{

    height:var(--bar-height-2);

    background:var(--bar-color-2);

}

.gs-bar-3{

    height:var(--bar-height-3);

    background:var(--bar-color-3);

}

.gs-bar-4{

    height:var(--bar-height-4);

    background:var(--bar-color-4);

}

/* ======================================================
   LABEL
====================================================== */

.gs-label{

    margin-top:var(--label-gap);

    font-size:var(--label-font-size);

    font-weight:var(--label-font-weight);

    color:var(--label-color);

    text-align:center;

    line-height:1.3;

}

/* ======================================================
   CAPTION
====================================================== */

.gs-caption{

    margin-top:var(--caption-margin-top);

    text-align:center;

    font-size:var(--caption-font-size);

    font-weight:var(--caption-font-weight);

    color:var(--caption-color);

    line-height:1.5;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:767px){

.gs-stats-card{

    padding:var(--mobile-padding);

}

.gs-bars{

    gap:var(--mobile-gap);

}

.gs-bar{

    width:var(--mobile-bar-width);

}

.gs-value{

    font-size:var(--mobile-value-size);

}

.gs-label{

    font-size:var(--mobile-label-size);

}

.gs-caption{

    font-size:var(--mobile-caption-size);

}

}

/* ======================================================
   BAR ANIMATION
====================================================== */

.gs-bar{

    transform:scaleY(0);

    transform-origin:bottom center;

    animation:gsGrow var(--animation-speed) ease-out forwards;

    will-change:transform;

}

/* Animation Delay */

.gs-bar-1{

    animation-delay:.10s;

}

.gs-bar-2{

    animation-delay:.30s;

}

.gs-bar-3{

    animation-delay:.50s;

}

.gs-bar-4{

    animation-delay:.70s;

}

@keyframes gsGrow{

    from{

        transform:scaleY(0);

    }

    to{

        transform:scaleY(1);

    }

}

/* ======================================================
   HOVER EFFECT
====================================================== */

.gs-bar{

    transition:
        transform .35s ease,
        filter .35s ease,
        opacity .35s ease;

}

.gs-bar-item:hover .gs-bar{

    transform:scaleY(1) scaleX(1.04);

    filter:brightness(1.08);

}

.gs-bar-item:hover .gs-value{

    transform:translateY(-2px);

}

.gs-value{

    transition:transform .35s ease;

}

/* ======================================================
   SMOOTHER TEXT
====================================================== */

.gs-value,
.gs-label,
.gs-caption{

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    text-rendering:optimizeLegibility;

}

/* ======================================================
   BETTER RESPONSIVE
====================================================== */

@media (max-width:767px){

.gs-bars{

    align-items:flex-end;

}

.gs-label{

    line-height:1.4;

}

}

/* ======================================================
   EXTRA SMALL DEVICES
====================================================== */

@media (max-width:560px){

.gs-stats-card{

    border-radius:24px;

}

.gs-bars{

    gap:18px;

}

.gs-bar{

    width:44px;

}

.gs-value{

    font-size:22px;

}

.gs-label{

    font-size:13px;

}

.gs-caption{

    margin-top:40px;

    font-size:13px;

}

}

/* ======================================================
   VERY SMALL PHONES
====================================================== */

@media (max-width:400px){

.gs-bars{

    gap:12px;

}

.gs-bar{

    width:34px;

}

.gs-value{

    font-size:18px;

}

.gs-label{

    font-size:11px;

}

}

/* ======================================================
   ACCESSIBILITY
====================================================== */

@media (prefers-reduced-motion:reduce){

.gs-bar,
.gs-value{

    animation:none;

    transition:none;

    transform:none;

}

}/* End custom CSS */