/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1739195076
Updated: 2025-02-10 13:44:36

*/
* {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

::selection {
    color: #ffffff;
    background: #2c5057;
}

::-webkit-scrollbar {
    background: rgba(219,158,155,.22);
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track {
    display: none;
}

::-webkit-scrollbar-track-piece {
    display: none;
}

::-webkit-scrollbar-thumb {
    background: #2c5057;
    background-clip: content-box;
    border-radius: 9px;
}

::-webkit-scrollbar-corner {
    display: none;
}

::-webkit-resizer {
    display: none;
}

html, body {
    overscroll-behavior: none;
}

select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url('/wp-content/uploads/2025/06/weui_arrow-outlined.svg') !important;
    background-repeat: no-repeat;
    background-position: 98% 50% !important;
}

input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 24px;
    height: 24px;
    border: 1px solid #DD9996;
    /* Light pink */
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}

input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 7px;
    width: 7px;
    height: 12px;
    border: solid #DD9996;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.singlePorms .singleImg1 {
    transition: all .4s ease .4s !important;
    opacity: 0;
    pointer-events: none;
}

.singlePorms:hover .singleImg1 {
    opacity: 1;
    right: 100px;
}

.singlePorms .singlehead1 h2.elementor-heading-title.elementor-size-default, .singlePorms .singleTitle1 h2.elementor-heading-title.elementor-size-default {
    transition: all ease .8s;
}

.singlePorms:hover .singlehead1 h2.elementor-heading-title.elementor-size-default, .singlePorms:hover .singleTitle1 h2.elementor-heading-title.elementor-size-default {
    color: #fff !important;
}

.singlePorms .singleLine1 span.elementor-divider-separator {
    transition: all ease .8s;
}

.singlePorms:hover .singleLine1 span.elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) #828a94 !important; }

.singlePorms: hover .singleTitle1 .uc-typewriter-element {
    color: teal;
}

.singlePorms .singleTitle1 .uc-typewriter-element {
    transition: all ease .6s;
}

div#loopGrids1:hover .singleTitle1 h2 {
    color: #828a94;
}

@keyframes vranimation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -3500px;
    }
}

.alltitles > a {
    font-family: "stolzl", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #fff;
    transition: all ease .5s;
    transform: none !important;
    opacity: 0;
}

.alltitles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    z-index: 1;
    position: relative;
}

.allprojects .allimages img {
    object-fit: cover;
    object-position: center center;
    opacity: 0.4;
    height: 100%;
    width: 100%;
}

.allimages {
    position: relative;
    top: -200px;
}

.fadein {
    opacity: 0;
    animation: fadeInUp 0.6s forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
    }
}

.alltitles > a.fadein:hover {
    color: #fff !important;
}

.alltitles:hover > a.fadein {
    color: #828a94;
}
.allimages > div {
    width: 480px;
    height: 700px;
    position: absolute;
    background: #000;
    right: 140px;
    top: 0;
    transition: all ease .5s;
    opacity: 0;
}