.elementor-2066 .elementor-element.elementor-element-7012b638{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2066 .elementor-element.elementor-element-7012b638:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://green-dog-204455.hostingersite.com/wp-content/uploads/2026/08/IMG_3167-scaled.jpg");background-position:0px -56px;}.elementor-2066 .elementor-element.elementor-element-7012b638::before, .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-background-video-container::before, .elementor-2066 .elementor-element.elementor-element-7012b638 > .e-con-inner > .elementor-background-video-container::before, .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-background-slideshow::before, .elementor-2066 .elementor-element.elementor-element-7012b638 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2066 .elementor-element.elementor-element-3c6f1c65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF60;--border-color:#FFFFFF60;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-bdbac0f{text-align:center;}.elementor-2066 .elementor-element.elementor-element-bdbac0f .elementor-heading-title{font-family:"RR Beaver Font", Sans-serif;font-size:24px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:58px;letter-spacing:0.3px;color:var( --e-global-color-9c6a161 );}.elementor-2066 .elementor-element.elementor-element-6cc837ad{text-align:center;}.elementor-2066 .elementor-element.elementor-element-6cc837ad .elementor-heading-title{font-family:var( --e-global-typography-41784d2-font-family ), Sans-serif;font-size:var( --e-global-typography-41784d2-font-size );font-weight:var( --e-global-typography-41784d2-font-weight );text-transform:var( --e-global-typography-41784d2-text-transform );font-style:var( --e-global-typography-41784d2-font-style );text-decoration:var( --e-global-typography-41784d2-text-decoration );line-height:var( --e-global-typography-41784d2-line-height );letter-spacing:var( --e-global-typography-41784d2-letter-spacing );color:var( --e-global-color-9c6a161 );}.elementor-2066 .elementor-element.elementor-element-20dd8cd{margin:27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2066 .elementor-element.elementor-element-20dd8cd .elementor-heading-title{font-size:22px;}.elementor-2066 .elementor-element.elementor-element-2ea94fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-2ea94fe.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2066 .elementor-element.elementor-element-3c6f1c65{--width:100%;}.elementor-2066 .elementor-element.elementor-element-2ea94fe{--width:100%;}}@media(max-width:1024px){.elementor-2066 .elementor-element.elementor-element-7012b638:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-2066 .elementor-element.elementor-element-7012b638{--padding-top:150px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2066 .elementor-element.elementor-element-3c6f1c65{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-bdbac0f .elementor-heading-title{font-size:38px;line-height:44px;}.elementor-2066 .elementor-element.elementor-element-6cc837ad .elementor-heading-title{font-size:var( --e-global-typography-41784d2-font-size );line-height:var( --e-global-typography-41784d2-line-height );letter-spacing:var( --e-global-typography-41784d2-letter-spacing );}}@media(max-width:767px){.elementor-2066 .elementor-element.elementor-element-7012b638:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-7012b638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-2066 .elementor-element.elementor-element-7012b638{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2066 .elementor-element.elementor-element-3c6f1c65{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-bdbac0f .elementor-heading-title{font-size:28px;line-height:34px;}.elementor-2066 .elementor-element.elementor-element-6cc837ad .elementor-heading-title{font-size:var( --e-global-typography-41784d2-font-size );line-height:var( --e-global-typography-41784d2-line-height );letter-spacing:var( --e-global-typography-41784d2-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-7012b638 *//* =========================================
   PORTFOLIO BANNER PREMIUM
========================================= */

.BnnerPort{

    position:relative !important;

    overflow:hidden !important;

    isolation:isolate;

    background-size:cover !important;
    background-position:center center !important;
}

/* =========================================
   DARK CINEMATIC OVERLAY
========================================= */

.BnnerPort::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,.82) 0%,
            rgba(0,10,25,.72) 35%,
            rgba(0,0,0,.58) 100%
        );

    z-index:1;

    animation:overlayPort 8s ease-in-out infinite;
}

/* =========================================
   GLOW LIGHT
========================================= */

.BnnerPort::after{

    content:"";

    position:absolute;

    width:800px;
    height:800px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,128,255,.16),
            rgba(128,0,128,.14),
            transparent 70%
        );

    top:-250px;
    right:-200px;

    filter:blur(70px);

    animation:glowMovePort 10s ease-in-out infinite;

    z-index:1;
}

/* =========================================
   CONTENT
========================================= */

.BnnerPort .e-con-inner{

    position:relative;

    z-index:3;
}

/* =========================================
   TITLE
========================================= */

.BnnerPort h2{

    position:relative;

    animation:titleRevealPort 1.2s cubic-bezier(.2,.8,.2,1);

    text-shadow:
        0 10px 35px rgba(0,0,0,.45);

    will-change:transform,opacity;
}

/* UNDERLINE EFFECT */

.BnnerPort h2::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-22px;

    transform:translateX(-50%);

    width:170px;
    height:4px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #0080FF,
            #800080,
            #00CC66
        );

    box-shadow:
        0 0 25px rgba(0,128,255,.45);

    animation:lineRevealPort 1.5s ease;
}

/* =========================================
   BREADCRUMBS
========================================= */

.BnnerPort .elementor-icon-list-items{

    animation:fadeUpPort 1.5s ease both;

    animation-delay:.35s;
}

.BnnerPort .elementor-icon-list-text{

    transition:.35s ease;
}

.BnnerPort .elementor-icon-list-item:hover .elementor-icon-list-text{

    color:#00CC66 !important;

    transform:translateY(-2px);
}

/* =========================================
   LIGHT SWEEP
========================================= */

.BnnerPort .e-con-inner::before{

    content:"";

    position:absolute;

    top:-60%;
    left:-120%;

    width:50%;
    height:240%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );

    transform:rotate(25deg);

    animation:lightSweepPort 9s linear infinite;

    pointer-events:none;
}

/* =========================================
   FLOATING PARTICLES
========================================= */

.BnnerPort .e-con-inner::after{

    content:"";

    position:absolute;

    width:12px;
    height:12px;

    border-radius:50%;

    background:#0080FF;

    top:12%;
    left:18%;

    box-shadow:
        0 0 25px #0080FF;

    animation:particlePort 6s ease-in-out infinite;
}

/* =========================================
   PARALLAX BACKGROUND
========================================= */

.BnnerPort{

    animation:bgMovePort 12s ease-in-out infinite alternate;
}

/* =========================================
   KEYFRAMES
========================================= */

@keyframes titleRevealPort{

    0%{

        opacity:0;

        transform:
            translateY(70px)
            scale(.92);

        filter:blur(10px);
    }

    100%{

        opacity:1;

        transform:
            translateY(0)
            scale(1);

        filter:blur(0);
    }
}

@keyframes fadeUpPort{

    0%{

        opacity:0;

        transform:translateY(30px);
    }

    100%{

        opacity:1;

        transform:translateY(0);
    }
}

@keyframes overlayPort{

    0%{

        opacity:.88;
    }

    50%{

        opacity:1;
    }

    100%{

        opacity:.88;
    }
}

@keyframes glowMovePort{

    0%{

        transform:
            translateX(0px)
            translateY(0px);
    }

    50%{

        transform:
            translateX(-40px)
            translateY(30px);
    }

    100%{

        transform:
            translateX(0px)
            translateY(0px);
    }
}

@keyframes lineRevealPort{

    0%{

        width:0;

        opacity:0;
    }

    100%{

        width:170px;

        opacity:1;
    }
}

@keyframes lightSweepPort{

    0%{

        left:-120%;
    }

    100%{

        left:160%;
    }
}

@keyframes particlePort{

    0%{

        transform:
            translateY(0px)
            scale(1);
    }

    50%{

        transform:
            translateY(-28px)
            scale(1.25);
    }

    100%{

        transform:
            translateY(0px)
            scale(1);
    }
}

@keyframes bgMovePort{

    0%{

        background-position:center center;
    }

    100%{

        background-position:center top;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'RR Beaver Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://green-dog-204455.hostingersite.com/wp-content/uploads/2026/04/beaver.ttf') format('truetype');
}
/* End Custom Fonts CSS */