/*
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: #ED1E24;
}

::-webkit-scrollbar {
    background: #ed1e2417;
    width: 5px;
    height: 5px;
}

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

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

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

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #5E36F2, #FF5CEF);
    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 #ED1E24;
    /* 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 #ED1E24;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

div#sideMenu {
    height: 100dvh;
    overflow: auto;
}

div#closeMenu {
    cursor: pointer;
}

div#sideMenu {
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    visibility: hidden;
    opacity: 0;
    z-index: -3;
}

div#sideMenu.active {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}

body.menuActive {
    overflow: hidden;
}

header.header, .headert {
    -moz-transition: all ease .5s !important;
    -webkit-transition: all ease .5s !important;
    -o-transition: all ease .5s !important;
    transition: all ease .5s !important;
}

.dskbtn-ine a {
    position: relative;
}

.dskbtn.whiteline:before, .dskbtn-ine.whiteline a:before {
    border: 2px solid #ffffff;
}

.dskbtn.whiteline:hover {
    color: #fff;
}

.dskbtn-ine a:before, .dskbtn:before {
    content: "";
    border: 2px solid #714D4C;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transition: all ease .8s;
    opacity: 0;
}

.dskbtn-ine a:hover:before, .dskbtn:hover:before {
    width: 95%;
    height: 130%;
    top: -15%;
    opacity: 1;
}

.menuBtn > i {
    width: 33px;
    height: 3.7px;
    background: #fff;
    display: block;
    margin: 5px 0;
    cursor: pointer;
    transition: all ease .8s;
}

.menuBtn.active > i:nth-child(1) {
    transform: rotate(45deg) translate(-2px, 12px);
}

.menuBtn.active > i:nth-child(2) {
    opacity: 0;
}

.menuBtn.active > i:nth-child(3) {
    transform: rotate(-45deg) translate(0px, -15px);
}

header.header {
    position: fixed;
    z-index: 10;
    transition: all ease .8s !important;
    top: -79dvh;
}

.menuActive header.header.fixeds.fixeds2 , .menuActive header.header.fixeds, .menuActive header.header {
    top: 0;
}

.tpartmenu {
    margin-top: 110px;
}

.mainBgs {
    height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.theLoginI > p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 61.68px;
    letter-spacing: 0.16em;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 0 0 0 50px;
    animation: parag;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    transition: all ease 2s;
}

.mainBgs::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    animation: vranimation;
    animation-iteration-count: infinite;
    animation-duration: 300s;
    animation-timing-function: linear;
    opacity: .2;
    mix-blend-mode: overlay;
}

.logoLoader .theLoginI {
    transition: all ease 2s;
    opacity: 0.1;
    width: 435px;
}

.logoLoader.active .theLoginI {
    opacity: 0.5;
}

.logoLoader.active.active2 .theLoginI {
    opacity: 1;
}

.logoLoader.active.active2.active3 .theLoginI {
    transform: translate(0px, 55dvh);
    width: 231px;
}

.logoLoader.active.active2.active3 .theLoginI p {
    opacity: 0;
}

.logoLoader.active.active2.active3 {
    transform: translate(0px, -100dvh);
}

.logoLoader.active.active2.active3.active4 {
    opacity: 0;
}

.logoLoader {
    opacity: 1;
    transition: all ease 2s !important;
}

.first-div-slide {
    position: sticky;
    z-index: 0;
    top: 0;
    overflow: hidden;
}

.first-div-slide .first-clide {
    position: relative;
    z-index: 0;
}

.first-div-slide .cakeimage {
    width: 100vw;
    margin: 0dvh auto;
    height: 100dvh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.first-div-slide .cakeFlower {
    position: absolute;
    z-index: 1;
    top: 20dvh;
    left: 34vw;
    filter: blur(2px);
    width: 16vw;
}

.first-div-slide .container {
    width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.first-div-slide .first-clide .container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.fadingTxt {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #FFFBF3;
    text-align: center;
    position: absolute;
    right: 140px;
    top: 140px;
}

.second-clide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100dvh;
}

.second-clide .bgimage img {
}

.first-div-slide .cakeimage > img {
    object-fit: contain;
    transform: translate(-20px, 2dvh);
    height: 93dvh;
    filter: blur(6px);
    width: 64.5vw;
    max-width: none;
}

.second-clide > .container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leftTxt > h3 {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 61.68px;
    letter-spacing: 0.16em;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #714D4C;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.leftTxt > h3:before,.leftTxt > h3:after {
    width: 100px;
    height: 1px;
    background: #714D4C;
    content: "";
    display: block;
}

.leftTxt > h1 {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 45.6585px;
    line-height: 0.9;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    color: #ED1E24;
}

.leftTxt > h1 > span {
    font-size: 90px;
}

.second-clide .bgimage img {
    width: 100%;
}

.scrollerttxt > span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #714D4C;
    font-family: Poppins;
}

.scrollerttxt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    animation: upDown 2s infinite linear;
    animation-direction: alternate-reverse;
}

.rightTxt {
    position: absolute;
    bottom: 20dvh;
    right: 20dvh;
}

.theMainDiv {
    height: 600dvh;
    position: relative;
    z-index: 0;
}

header.header.fixeds {
    top: -100dvh;
}

header.header.fixeds.fixeds2 {
    top: -79dvh;
}

header.header.fixeds .fixedpartmenu {
    top: -10dvh;
}

header.header.fixeds.fixeds2 .fixedpartmenu {
    top: 0dvh;
}

header.header .fixedpartmenu {
    transition: all ease .8s;
    top: 0dvh;
}

.theMainCKList ul li h4 {
    font-family: Inter;
    font-weight: 700;
    font-size: 120px;
    letter-spacing: -0.04em;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    line-height: 1.2;
    padding: 0;
    transition: all ease .8s;
    display: inline-flex;
    flex-direction: column;
}

.theMainCKList {
}

.theMainCKList ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.theMainCKList ul li img {
    position: absolute;
    width: 465px;
    height: 285px;
    right: 0;
    top: -50px;
    transition: all ease .4s;
    opacity: 0;
    box-shadow: -14px 13px 42px 0px #00000026, -55px 53px 76px 0px #00000021, -123px 119px 102px 0px #00000014, -219px 211px 121px 0px #00000005, -341px 329px 133px 0px #00000000;
    border-radius: 25px;
    z-index: 2;
}

.theMainCKList ul li a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 11.8678px;
    line-height: 49px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #DB9E9B;
}

.theMainCKList ul li:hover img {
    opacity: 1;
}

.theMainCKList ul li:hover h4 {
    color: #F22D31;
}

.theMainCKList ul li h4:after {
    content: "";
    background: #F22D31;
    height: 6px;
    width: 0%;
    display: block;
    transition: all ease .8s;
    margin: 0 auto;
}

.theMainCKList ul li:hover h4:after {
    width: 100%;
}

.theMainCKList ul li {
    position: relative;
}

.theMainCKList:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 273px;
    left: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(247, 244, 240, 0) 0%, #F7F4F0 100%);
    right: 0;
    z-index: 2;
}

.theMainCKList:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 273px;
    left: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(247, 244, 240, 0) 0%, #F7F4F0 100%);
    transform: rotate(-180deg);
}


@keyframes upDown {
    0% {
        transform: translate(0,0);
    }

    100% {
        transform: translate(0,20px);
    }
}

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

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

@keyframes parag {
    0% {
        transform: translate(0,0);
    }

    100% {
        transform: translate(0,10px);
    }
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}