.elementor-7 .elementor-element.elementor-element-7eeb5e7{--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;--overlay-opacity:0.66;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7eeb5e7:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chaltetaare.com/wp-content/uploads/2025/07/bokeh-abstract-background-with-glitter-lights-blu-2024-10-18-07-48-11-utc-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-7eeb5e7::before, .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-7eeb5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-a04d687{text-align:center;}.elementor-7 .elementor-element.elementor-element-a04d687 .elementor-heading-title{font-size:50px;line-height:73px;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-93e6cb3{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-8c79a9e .elementor-button{background-color:var( --e-global-color-f8f7308 );font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-radius:39px 39px 39px 39px;padding:15px 32px 15px 32px;}.elementor-7 .elementor-element.elementor-element-43c409e{--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;}.elementor-7 .elementor-element.elementor-element-43c409e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-43c409e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-7 .elementor-element.elementor-element-788bc3b{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-788bc3b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-788bc3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-3e5556d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-addfb46{--display:flex;}.elementor-7 .elementor-element.elementor-element-a533864{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:75px;}.elementor-7 .elementor-element.elementor-element-2f11868{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-d9eecf3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d9eecf3:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d9eecf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f5ad624 );}.elementor-7 .elementor-element.elementor-element-0337ad9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-60dab57{--display:flex;--margin-top:69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-8d41fdd{text-align:left;}.elementor-7 .elementor-element.elementor-element-8d41fdd .elementor-heading-title{font-family:"Rosarivo", Sans-serif;font-size:32px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-d1bf7e7{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-f88ead4 .elementor-blockquote__content{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-f88ead4 .elementor-blockquote__author{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-f88ead4 .elementor-blockquote__tweet-button{font-size:calc(0.5px * 10);color:var( --e-global-color-b6b2b38 );}.elementor-7 .elementor-element.elementor-element-f88ead4 .elementor-blockquote__tweet-button svg{fill:var( --e-global-color-b6b2b38 );}.elementor-7 .elementor-element.elementor-element-f88ead4 .elementor-blockquote{border-color:var( --e-global-color-astglobalcolor5 );}.elementor-7 .elementor-element.elementor-element-b71f373 img{border-style:solid;border-radius:14px 14px 14px 14px;}.elementor-7 .elementor-element.elementor-element-ba9fa87{--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;--padding-top:50px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-ba9fa87:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-ba9fa87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3E7;}.elementor-7 .elementor-element.elementor-element-7a1576b{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7a1576b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7a1576b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3E7;}.elementor-7 .elementor-element.elementor-element-0cdddf9{--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;}.elementor-7 .elementor-element.elementor-element-b34054e .elementor-button{background-color:var( --e-global-color-5d3dd76 );font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-radius:39px 39px 39px 39px;padding:15px 32px 15px 32px;}.elementor-7 .elementor-element.elementor-element-fd7b0b1{--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;}.elementor-7 .elementor-element.elementor-element-81df67f .elementor-button{background-color:var( --e-global-color-5d3dd76 );font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-radius:39px 39px 39px 39px;padding:15px 32px 15px 32px;}.elementor-7 .elementor-element.elementor-element-6c445d3{--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;}.elementor-7 .elementor-element.elementor-element-fa8432c .elementor-button{background-color:var( --e-global-color-5d3dd76 );font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-radius:39px 39px 39px 39px;padding:15px 32px 15px 32px;}.elementor-7 .elementor-element.elementor-element-2de23ff{--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;--padding-top:20px;--padding-bottom:73px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2de23ff:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-2de23ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFF3E7 0%, #FFFFFF 100%);}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-d9eecf3{--content-width:1140px;}.elementor-7 .elementor-element.elementor-element-0cdddf9{--width:33.3%;}.elementor-7 .elementor-element.elementor-element-fd7b0b1{--width:33.3%;}.elementor-7 .elementor-element.elementor-element-6c445d3{--width:33.3%;}.elementor-7 .elementor-element.elementor-element-2de23ff{--content-width:1140px;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-3e5556d{--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-0337ad9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-7eeb5e7{--padding-top:40px;--padding-bottom:040px;--padding-left:30px;--padding-right:30px;}.elementor-7 .elementor-element.elementor-element-a04d687 .elementor-heading-title{font-size:31px;line-height:1.6em;}.elementor-7 .elementor-element.elementor-element-788bc3b{--padding-top:0px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3e5556d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-a533864{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-7 .elementor-element.elementor-element-d9eecf3{--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0337ad9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-60dab57{--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-2de23ff{--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:33px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for html, class: .elementor-element-bbf47e4 *//* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */

.content {
    font-family: "Rosarivo", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    color: #ff9d00;
    padding-left: 1em;
}

@media only screen and (max-width: 767px) {
    .content {
        font-size: 1.5rem !important;
        padding-left: 0.25em;
    }
}

.outer {
    overflow: hidden;  !important;
}

.outer div {
    display: inline-block;
}

.loop {
    white-space: nowrap;
    animation: loop-anim 1s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 1s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}


--------------------------------------


Adjustments and additional code 👇

/* An example of a media query for devices between 767 and 1024 pixels (tablets). Change out the pixel values to control the breakpoints. Target the correct class and make your changes. */

@media only screen and (min-width: 767px) and (max-width: 1024px) {
   .content {
        font-size: 2.25rem !important;
        padding-left: 0.25em;
    }
}


/* What your ''loop'' class should look like if you decide to reverse the direction. */

.loop {
    white-space: nowrap;
    animation: loop-anim 15s linear infinite;
    animation-direction: reverse;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 3.5s linear infinite;
        animation-direction: reverse;
    }
}


/* How to rotate the sliding text. Just add the transform property to your ''outer'' class and change the degrees to whatever you need. When rotated, the text doesn't go perfectly from the left edge of the screen to the right edge of the screen, but if you're just using text without a background, it's pretty much unnoticeable. If you want to fix it, however, the process is the same as for the banner. Add in width, a negative margin and hide the overflow - an example is available a little further down and the process is explained in the video. */

.outer {
    overflow: hidden;  !important;
    transform: rotate(0deg);
}


/* An example of two ''outer'' classes, styled to look like banners. The margin-top, the z-index and the position: relative are there to make them overlap. Don't forget to fix the overflow if you use this. */

.outer-top {
    overflow: hidden;  !important;
    background-color: #111111;
    padding: 1% 0;
    transform: rotate(-3deg);
    width: 110%;
    margin-left: -5%;
    z-index: 2;
    position: relative;
}

.outer-bottom {
    overflow: hidden;  !important;
    background-color: #635bff;
    padding: 1% 0;
    transform: rotate(3deg);
    width: 110%;
    margin-left: -5%;
    z-index: 1;
    margin-top: -3%;
    position: relative;
    border: solid 4px #111111;
}


/* How to hide the horizontal overflow for a specific container. */

.container {
overflow-x: hidden;
}


/* How to hide the horizontal overflow for the entire website (add this under your admin bar - ''Customize'' - ''Additional CSS''. */

body {
    overflow-x: hidden;
}


/* Non-breaking space. Copy and paste this as many times as needed whenever you want to use multiple spaces. */

 


/* Don't forget to like the video and subscribe to the channel! ;) *//* End custom CSS */