.elementor-1294 .elementor-element.elementor-element-39b0e40{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-9d9b86b{--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-1294 .elementor-element.elementor-element-5b6f8f3{--display:flex;}.elementor-1294 .elementor-element.elementor-element-b3b93d8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-07f22ae{--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-1294 .elementor-element.elementor-element-abe5fce{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-6e79e5c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-6568e03{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-ef938d0{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-b344382{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-00b6308{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-ca31f7e{--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-1294 .elementor-element.elementor-element-7a3adbc{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1294 .elementor-element.elementor-element-a5bdc02{--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;}.elementor-1294 .elementor-element.elementor-element-a5bdc02:not(.elementor-motion-effects-element-type-background), .elementor-1294 .elementor-element.elementor-element-a5bdc02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAAC04;}.elementor-1294 .elementor-element.elementor-element-413936a{--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:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1294 .elementor-element.elementor-element-07f7682{text-align:start;}.elementor-1294 .elementor-element.elementor-element-07f7682 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#000000;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1294 .elementor-element.elementor-element-0c501d6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-1294 .elementor-element.elementor-element-0c501d6 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-1294 .elementor-element.elementor-element-18cfd3a{--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-1294 .elementor-element.elementor-element-b0d79d4{--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-1294 .elementor-element.elementor-element-b0d79d4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1294 .elementor-element.elementor-element-b11638d{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:56px;--padding-bottom:56px;--padding-left:50px;--padding-right:50px;}.elementor-1294 .elementor-element.elementor-element-b11638d:not(.elementor-motion-effects-element-type-background), .elementor-1294 .elementor-element.elementor-element-b11638d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1294 .elementor-element.elementor-element-a8f8d17 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FAAC04;}.elementor-1294 .elementor-element.elementor-element-ce9fdb2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1294 .elementor-element.elementor-element-ce9fdb2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1294 .elementor-element.elementor-element-47a64e3{padding:20px 22px 22px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-type-html{padding-bottom:0px;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group .elementor-field, .elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#FAAC04;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button[type="submit"]{background-color:#000000;color:#FAAC04;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button[type="submit"] svg *{fill:#FAAC04;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1294 .elementor-element.elementor-element-47a64e3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(min-width:768px){.elementor-1294 .elementor-element.elementor-element-413936a{--width:50%;}.elementor-1294 .elementor-element.elementor-element-18cfd3a{--width:50%;}.elementor-1294 .elementor-element.elementor-element-b0d79d4{--width:98.266%;}.elementor-1294 .elementor-element.elementor-element-b11638d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-982501f *//* DIGITAL MARKETING HERO */
.dm-hero {
    height: 90vh;
    padding:20px 8%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a0a0a;
    overflow: hidden;
}

/* animated gradient glow */
.dm-hero::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(245,163,0,0.25), transparent 70%);
    top: -100px;
    left: -100px;
    filter: blur(100px);
    animation: moveGlow 6s infinite alternate ease-in-out;
}

@keyframes moveGlow {
    from { transform: translate(0,0); }
    to { transform: translate(100px, 80px); }
}

/* overlay for depth */
.dm-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), #0a0a0a);
}

/* content */
.dm-content {
    position: relative;
    max-width: 800px;
    text-align: center;
    z-index: 2;
    animation: fadeUp 1s ease forwards;
}

/* heading */
.dm-content h1 {
    font-size: 65px;
    color: #ffffff;
    font-family: poppins;
    letter-spacing: 3px;
    margin-bottom: 20px;
    position: relative;
}

/* underline accent */
.dm-content h1::after {
    content: "";
    width: 90px;
    
    height: 3px;
    background: #f5a300;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
}

/* paragraph */
.dm-content p {
    color: #bfbfbf;
    line-height: 1.8;
    font-family: poppins;
    margin-top: 30px;
    font-size: 18px;
}

/* button */
.dm-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 30px;
    background: #f5a300;
    color: #000;
    font-family: poppins;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    transition: 0.3s;
}

.dm-btn:hover {
    background: #fff;
    color: #000;
}

/* animation */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73e854e */.motion-section{
padding:20px 8%;
background:#ffffff;
text-align:center;
font-family:'Poppins',sans-serif;
}

/* 🔥 UNIQUE BACKGROUND PATTERN */
.motion-advanced::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background-image: 
        linear-gradient(45deg, rgba(0,0,0,0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(0,0,0,0.05) 25%, transparent 25%);
    background-size: 60px 60px;
    animation: movePattern 10s linear infinite;
}

/* pattern animation */
@keyframes movePattern {
    from { transform: translate(0,0); }
    to { transform: translate(-60px, -60px); }
}

/* HEADING */

.motion-section h2{
font-size:42px;
font-weight:700;
color:#111;
margin-bottom:15px;
}
/* TEXT */
.design-left {
    flex: 1;
}

.design-left h2 {
    font-size: 48px;
    font-family: poppins;
    color: #111;
}

.design-left h2 span {
    color: #f5a300;
}

.design-left p {
    margin-top: 25px;
    color: #555;
    font-family: poppins;
    line-height: 1.8;
}


/* SUBTITLE */

.subtitle{
max-width:700px;
margin:auto;
color:#555;
font-size:16px;
font-weight:bold;
line-height:1.6;
margin-bottom:60px;
}

/* GRID */

.motion-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
}

/* CARD */

.motion-card{
background:#fff;
padding:15px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:0.4s;
position:relative;
overflow:hidden;
}

/* HOVER EFFECT */

.motion-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* VIDEO */

.motion-card video{
width:100%;
border-radius:15px;
}

/* OPTIONAL GLOW BORDER */

.motion-card::before{
content:"";
position:absolute;
inset:0;
border-radius:20px;
padding:1px;
background:linear-gradient(120deg,#d4af37,#4caf50);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity:0;
transition:0.4s;
}

.motion-card:hover::before{
opacity:1;
}

/* RESPONSIVE */

@media(max-width:900px){
.motion-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-beef4d9 *//* SECTION */
.motion-advanced {
    padding: 20px 20px;
    background: #f5a300;
    position: relative;
    overflow: hidden;
}

/* 🔥 UNIQUE BACKGROUND PATTERN */
.motion-advanced::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background-image: 
        linear-gradient(45deg, rgba(0,0,0,0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(0,0,0,0.05) 25%, transparent 25%);
    background-size: 60px 60px;
    animation: movePattern 10s linear infinite;
}

/* pattern animation */
@keyframes movePattern {
    from { transform: translate(0,0); }
    to { transform: translate(-60px, -60px); }
}

/* TITLE */
.motion-title {
    text-align: center;
    font-size: 42px;
    color: #111;
    font-family: poppins;
    position: relative;
    z-index: 2;
}

.motion-desc {
    text-align: center;
    max-width: 700px;
    margin: 20px auto 60px;
    color: #222;
    font-family: poppins;
    position: relative;
    z-index: 2;
}

/* SCROLL AREA */
.scroll-wrapper {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    scroll-snap-type:x mandatory;
    padding: 20px;
    font-family: poppins;
    position: relative;
    z-index: 2;
}

/* hide scrollbar */
.scroll-wrapper::-webkit-scrollbar {
    display: none;
}

/* CARD */
.scroll-card {
    min-width: 320px;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    scroll-snap-align: center;
    transition: 0.4s ease;
    transform: scale(0.9);
    opacity: 0.7;
}

/* 🔥 FOCUS EFFECT (center feeling) */
.scroll-card:hover {
    transform: scale(1.05);
    opacity: 1;
}

/* VIDEO */
.scroll-card video {
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
}

/* subtle floating animation */
.scroll-card {
    animation: float 4s ease-in-out infinite alternate;
}

@keyframes float {
    from { transform: translateY(0) scale(0.95); }
    to { transform: translateY(-10px) scale(1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82e25d *//* SECTION */
.graphic-section {
    padding: 20px 20px;
    background: #ffffff;
}

/* TITLE */
.graphic-title {
    text-align: center;
    font-size: 42px;
    font-family: poppins;
    color: #111;
}

.graphic-desc {
    text-align: center;
    max-width: 700px;
    font-family: poppins;
    margin: 20px auto 60px;
    color: #555;
}

/* MASONRY GRID */
.masonry {
    column-count: 3;
    column-gap: 15px;
    max-width: 1200px;
    margin: auto;
}

/* ITEMS */
.item {
    break-inside: avoid;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

/* IMAGE + VIDEO */
.item img,
.item video {
    width: 100%;
    display: block;
    border-radius: 15px;
    transition: 0.4s;
}

/* HOVER EFFECT */
.item:hover img,
.item:hover video {
    transform: scale(1.08);
}

/* DARK OVERLAY */
.item::after {
    
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    font-size: 18px;
    transition: 0.3s;
}

.item:hover::after {
    opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .masonry {
        column-count: 2;
    }
}

@media (max-width: 500px) {
    .masonry {
        column-count: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3acd34 *//* SECTION */
.seo-dark {
    padding: 60px 20px;
    background: #0d0d0d;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* ✨ subtle glowing background */
.seo-dark::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(245,163,0,0.15), transparent 70%);
    top: -100px;
    left: -100px;
}

/* CONTAINER */
.seo-container {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* LEFT */
.seo-left {
    flex: 1;
}

.seo-left h2 {
    font-size: 42px;
    color: #ffff ; 
    font-family: poppins;
    margin-bottom: 20px;
}

.seo-left p {
    color: #ccc;
    font-family: poppins;
    line-height: 1.9;
    margin-bottom: 15px;
}

/* BUTTON */
.seo-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 22px;
    background: #f5a300;
    color: #111;
    font-family: poppins;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

/* hover glow */
.seo-btn:hover {
    background: #fff;
    color: #111;
    box-shadow: 0 0 15px #f5a300;
}

/* RIGHT TIMELINE */
.seo-right {
    flex: 1;
    border-left: 2px solid rgba(245,163,0,0.5);
    padding-left: 30px;
}

/* STEPS */
.seo-step {
    margin-bottom: 40px;
    position: relative;
}

/* NUMBER */
.seo-step span {
    position: absolute;
    left: -45px;
    top: 0;
    font-family: poppins;
    background: #f5a300;
    color: #111;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* TEXT */
.seo-step h3 {
    margin-bottom: 5px;
    color: #fff;
    font-family: poppins;
}

.seo-step p {
    color: #aaa;
    font-family: poppins;
}

/* HOVER EFFECT */
.seo-step:hover {
    transform: translateX(5px);
    transition: 0.3s;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .seo-container {
        flex-direction: column;
    }

    .seo-right {
        border-left: none;
        padding-left: 0;
    }

    .seo-step span {
        position: relative;
        left: 0;
        margin-bottom: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7df8f89 */.hf-ppc-white {
  background: #F4A300;
  color: #000;
  padding: 100px 8%;
  font-family: 'Poppins', sans-serif;
}

/* CONTAINER */
.hf-ppc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

/* LEFT CONTENT */
.hf-ppc-content {
  flex: 1;
  min-width: 300px;
}

.hf-ppc-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

.hf-ppc-content h2 span {
  color: #fff;
}

.hf-ppc-content p {
  color: #000;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* LIST */
.hf-ppc-content ul {
  margin-bottom: 25px;
  padding-left: 18px;
}

.hf-ppc-content ul li {
  margin-bottom: 10px;
  color: #3;
}

/* BUTTON */
.hf-btn {
  display: inline-block;
  background: #Ffff;
  color: #000;
  padding: 12px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}

.hf-btn:hover {
  background: #ffff;
}

/* RIGHT CARD */
.hf-ppc-card {
  flex: 1;
  min-width: 280px;
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  border: 1px solid #eee;
}

.hf-ppc-card h3 {
  margin-bottom: 10px;
}

.hf-ppc-card p {
  color: #666;
  margin-bottom: 30px;
}

/* STATS */
.hf-stats {
  display: flex;
  justify-content: space-around;
}

.hf-stats h4 {
  color: #F4A300;
  font-size: 28px;
}

.hf-stats p {
  font-size: 14px;
  color: #555;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hf-ppc-container {
    flex-direction: column;
    text-align: center;
  }

  .hf-ppc-content h2 {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e63222a */.hf-brand-dark {
  padding: 60px 8%;
  background: #000;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* SOFT GLOW BACKGROUND */
.hf-brand-dark::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(244,163,0,0.2), transparent);
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(120px);
}

/* TITLE */
.hf-brand-title {
  font-size: 42px;
  margin-bottom: 15px;
  color: #fff;
}

.hf-brand-title span {
  color: #F4A300;
}

/* SUBTEXT */
.hf-brand-sub {
  max-width: 600px;
  margin: 0 auto 80px;
  color: #bbb;
}

/* STACK */
.hf-brand-stack {
  position: relative;
  height: 460px;
  z-index: 2;
}

/* CARD */
.hf-card {
  position: absolute;
  width: 260px;
  padding: 15px;
  border-radius: 20px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(244,163,0,0.2);
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
  text-align: left;
  transition: 0.4s;
  overflow: hidden;
}

/* IMAGE & VIDEO */
.hf-card img,
.hf-card video {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 10px;
}

/* TEXT */
.hf-card h3 {
  color: #F4A300;
  margin-bottom: 5px;
}

.hf-card p {
  font-size: 13px;
  color: #ccc;
}

/* POSITIONS */
.hf-card1 {
  top: 0;
  left: 10%;
}

.hf-card2 {
  top: 90px;
  left: 30%;
}

.hf-card3 {
  top: 200px;
  left: 50%;
}

.hf-card4 {
  top: 90px;
  left: 70%;
}

/* HOVER EFFECT */
.hf-card:hover {
  transform: translateY(-12px) scale(1.05);
  box-shadow: 0 30px 80px rgba(244,163,0,0.4);
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .hf-brand-stack {
    height: auto;
  }

  .hf-card {
    position: static;
    width: 100%;
    margin-bottom: 20px;
  }

  .hf-brand-title {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93a8778 */.hf-app {
  padding: 60px 8%;
  background: #fff;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

/* TITLE */
.hf-app-title {
  font-size: 42px;
  margin-bottom: 15px;
  color: #000;
}

.hf-app-title span {
  color: #F4A300;
}

/* SUBTEXT */
.hf-app-sub {
  max-width: 600px;
  margin: 0 auto 80px;
  color: #666;
}

/* CONTAINER */
.hf-app-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  position: relative;
}

/* PHONE */
.hf-app-phone img {
  width: 350px;
  border-radius: 30px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

/* CARDS */
.hf-app-card {
  width: 250px;
  padding: 25px;
  background: #f9f9f9;
  border-radius: 20px;
  text-align: left;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: 0.3s;
}

/* POSITION */
.hf-left {
  transform: translateY(-30px);
}

.hf-right {
  transform: translateY(30px);
}

/* TEXT */
.hf-app-card h3 {
  color: #F4A300;
  margin-bottom: 10px;
}

.hf-app-card p {
  font-size: 14px;
  color: #555;
}

/* HOVER */
.hf-app-card:hover {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 20px 50px rgba(244,163,0,0.3);
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .hf-app-container {
    flex-direction: column;
  }

  .hf-left,
  .hf-right {
    transform: none;
  }

  .hf-app-phone img {
    width: 200px;
  }

  .hf-app-title {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94999c8 */.hf-hr-sec {
  padding: 50px 5%;
  background: #E6E6FF;
  text-align: center;
}

/* TITLES */
.hf-hr-sub {
  color: #F4A300;
  font-weight: 600;
  margin-bottom: 10px;
}

.hf-hr-title {
  font-size: 34px;
  margin-bottom: 10px;
}

.hf-hr-desc {
  max-width: 600px;
  margin: auto;
  color: #555;
  margin-bottom: 50px;
}

/* GRID */
.hf-hr-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 60px;
}

/* CARD */
.hf-hr-card {
  background: #f9f9f9;
  padding: 25px;
  border-radius: 12px;
  transition: 0.3s;
}

.hf-hr-card h3 {
  font-size: 28px;
  margin-bottom: 10px;
}

.hf-hr-card h5 {
  margin-bottom: 8px;
}

.hf-hr-card p {
  font-size: 14px;
  color: #666;
}

/* HOVER */
.hf-hr-card:hover {
  background: #F4A300;
  color: #000;
}

/* PROCESS */
.hf-hr-process {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.hf-step {
  padding: 10px 20px;
  border: 2px dashed #F4A300;
  border-radius: 25px;
  font-weight: 500;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hf-hr-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-897052e *//* SECTION */
.hf-course-sec {
  padding: 50px 5%;
  background: #fff;
  text-align: center;
}

/* TITLES */
.hf-course-sub {
  color: #F4A300;
  margin-bottom: 10px;
  font-weight: 600;
}

.hf-course-title {
  font-size: 34px;
  margin-bottom: 10px;
}

.hf-course-desc {
  max-width: 600px;
  margin: auto;
  color: #555;
  margin-bottom: 50px;
}

/* GRID */
.hf-course-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.hf-course-card {
  background:  #E6E6FF;
  padding: 25px;
  border-radius: 12px;
  transition: 0.3s;
}

.hf-course-card h5 {
  margin-bottom: 10px;
  font-size: 18px;
}

.hf-course-card p {
  font-size: 14px;
  color: #666;
}

/* HOVER */
.hf-course-card:hover {
  background: #F4A300;
  color: #000;
}

/* BUTTON */
.hf-course-btn-wrap {
  margin-top: 50px;
}

.hf-course-btn {
  padding: 12px 30px;
  background: #F4A300;
  color: #000;
  text-decoration: none;
  border-radius: 25px;
  font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hf-course-grid {
    grid-template-columns: 1fr;
  }

  .hf-course-title {
    font-size: 26px;
  }
}/* End custom CSS */