.elementor-343 .elementor-element.elementor-element-b5e8064{--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:29px;--margin-bottom:11px;--margin-left:0px;--margin-right:0px;}.elementor-343 .elementor-element.elementor-element-b5e8064:not(.elementor-motion-effects-element-type-background), .elementor-343 .elementor-element.elementor-element-b5e8064 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #061122 0%, #061122 100%);}.elementor-343 .elementor-element.elementor-element-55768f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 0px 27px 0px;text-align:center;}.elementor-343 .elementor-element.elementor-element-01302f1{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-343 .elementor-element.elementor-element-01302f1 .elementor-divider-separator{width:100%;}.elementor-343 .elementor-element.elementor-element-01302f1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-343 .elementor-element.elementor-element-519cacb{text-align:center;}.elementor-343 .elementor-element.elementor-element-f6cb5f4{padding:14px 0px 26px 0px;text-align:center;}.elementor-343 .elementor-element.elementor-element-f6cb5f4 .elementor-heading-title{font-size:42px;letter-spacing:10px;word-spacing:50px;color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-baeb569{--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-343 .elementor-element.elementor-element-baeb569:not(.elementor-motion-effects-element-type-background), .elementor-343 .elementor-element.elementor-element-baeb569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #061122 0%, #061122 100%);}.elementor-343 .elementor-element.elementor-element-5bfbc7d{--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-343 .elementor-element.elementor-element-5bfbc7d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-343 .elementor-element.elementor-element-0735549 iframe{height:506px;}.elementor-343 .elementor-element.elementor-element-6c54ab2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;padding:117px 0px 39px 0px;}.elementor-343 .elementor-element.elementor-element-6c54ab2 .elementor-heading-title{color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-e89ad9d{--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:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-343 .elementor-element.elementor-element-6543f1d{text-align:center;}.elementor-343 .elementor-element.elementor-element-afc2131{--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:13px 13px;--row-gap:13px;--column-gap:13px;}.elementor-343 .elementor-element.elementor-element-c4238a3{--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-343 .elementor-element.elementor-element-76dc560{text-align:center;}.elementor-343 .elementor-element.elementor-element-7c7a62f{--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-343 .elementor-element.elementor-element-2678340{text-align:center;}.elementor-343 .elementor-element.elementor-element-6acaca1{--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-343 .elementor-element.elementor-element-7f71ecd{text-align:center;}.elementor-343 .elementor-element.elementor-element-131639e .elementor-heading-title{color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-2541733{--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:52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-2541733:not(.elementor-motion-effects-element-type-background), .elementor-343 .elementor-element.elementor-element-2541733 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #040D16 0%, #040D16 100%);}.elementor-343 .elementor-element.elementor-element-990a5fc{text-align:center;}.elementor-343 .elementor-element.elementor-element-990a5fc .elementor-heading-title{color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-1136a30{--display:flex;}.elementor-343 .elementor-element.elementor-element-360ae08{--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-343 .elementor-element.elementor-element-360ae08:not(.elementor-motion-effects-element-type-background), .elementor-343 .elementor-element.elementor-element-360ae08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #040D16 0%, #040D16 100%);}.elementor-343 .elementor-element.elementor-element-1eeb03a{--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-343 .elementor-element.elementor-element-e35a7c0{--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-343 .elementor-element.elementor-element-69b686d{--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-343 .elementor-element.elementor-element-6e6e6d0{text-align:center;}.elementor-343 .elementor-element.elementor-element-90874b6{--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-343 .elementor-element.elementor-element-aa71e85{text-align:center;}.elementor-343 .elementor-element.elementor-element-73e8548{--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;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-343 .elementor-element.elementor-element-86bbbc3{--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-343 .elementor-element.elementor-element-8621316{columns:1;}.elementor-343 .elementor-element.elementor-element-4018406{--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-343 .elementor-element.elementor-element-8221b43{--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:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:9px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-8221b43:not(.elementor-motion-effects-element-type-background), .elementor-343 .elementor-element.elementor-element-8221b43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #061122 0%, #061122 100%);}.elementor-343 .elementor-element.elementor-element-82b3c19{text-align:center;}.elementor-343 .elementor-element.elementor-element-82b3c19 .elementor-heading-title{color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-bf602f2{text-align:center;color:#FFFFFF;}.elementor-343 .elementor-element.elementor-element-98368bd{text-align:center;}.elementor-343 .elementor-element.elementor-element-98368bd .elementor-heading-title{letter-spacing:10px;word-spacing:50px;color:#FFFFFF;}@media(min-width:768px){.elementor-343 .elementor-element.elementor-element-5bfbc7d{--width:51.91%;}.elementor-343 .elementor-element.elementor-element-c4238a3{--width:33%;}.elementor-343 .elementor-element.elementor-element-7c7a62f{--width:33%;}.elementor-343 .elementor-element.elementor-element-6acaca1{--width:33%;}.elementor-343 .elementor-element.elementor-element-1eeb03a{--width:25%;}.elementor-343 .elementor-element.elementor-element-e35a7c0{--width:25%;}.elementor-343 .elementor-element.elementor-element-69b686d{--width:25%;}.elementor-343 .elementor-element.elementor-element-90874b6{--width:25%;}.elementor-343 .elementor-element.elementor-element-86bbbc3{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-55768f0 *//* =====================================
   SERVICES TEXT - HOVER ZOOM + BLUE
   ===================================== */

#services-hover .elementor-heading-title {
    display: inline-block !important;

    color: #FFFFFF !important;

    cursor: pointer;

    transition:
        color 0.35s ease,
        transform 0.35s ease,
        text-shadow 0.35s ease;
}


/* MOUSE ARROW LE JAANE PAR */

#services-hover .elementor-heading-title:hover {
    color: #087cff !important;

    transform: scale(1.12);

    text-shadow:
        0 0 10px rgba(8,124,255,0.35),
        0 0 25px rgba(8,124,255,0.15);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-01302f1 *//* =========================================
   DIGITALPROMOVA DARK DIVIDER
   NO WHITE BACKGROUND
   ========================================= */

#services-divider {
    position: relative;

    width: 100%;
    height: 10px;

    background: transparent !important;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
}


/* Remove Elementor default divider */

#services-divider .elementor-divider-separator {
    display: none !important;
}


/* =========================================
   ANIMATED NAVY / BLUE LINE
   ========================================= */

#services-divider::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 100%;
    height: 2px;

    transform:
        translateY(-50%)
        scaleX(0);

    transform-origin: center;

    background: linear-gradient(
        90deg,
        transparent,
        #087cff,
        #ffffff,
        #087cff,
        transparent
    );

    box-shadow:
        0 0 8px rgba(8,124,255,0.7),
        0 0 20px rgba(8,124,255,0.3);

    animation: navyLine 5s ease-in-out infinite;
}


/* =========================================
   BLUE DOTS
   ========================================= */

#services-divider::after {
    content: "•  •  •  •  •";

    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%)
        scale(0);

    color: #168cff;

    font-size: 20px;
    font-weight: 700;

    letter-spacing: 7px;

    opacity: 0;

    white-space: nowrap;

    text-shadow:
        0 0 8px #168cff,
        0 0 20px rgba(22,140,255,0.7);

    animation: navyDots 5s ease-in-out infinite;
}


/* =========================================
   LINE ANIMATION
   ========================================= */

@keyframes navyLine {

    0% {
        transform:
            translateY(-50%)
            scaleX(0);

        opacity: 0;
    }

    15% {
        transform:
            translateY(-50%)
            scaleX(1);

        opacity: 1;
    }

    45% {
        transform:
            translateY(-50%)
            scaleX(1);

        opacity: 1;
    }

    60% {
        transform:
            translateY(-50%)
            scaleX(0);

        opacity: 0;
    }

    100% {
        transform:
            translateY(-50%)
            scaleX(0);

        opacity: 0;
    }
}


/* =========================================
   DOT ANIMATION
   ========================================= */

@keyframes navyDots {

    0% {
        transform:
            translate(-50%, -50%)
            scale(0);

        opacity: 0;
    }

    48% {
        transform:
            translate(-50%, -50%)
            scale(0);

        opacity: 0;
    }

    60% {
        transform:
            translate(-50%, -50%)
            scale(1);

        opacity: 1;
    }

    80% {
        transform:
            translate(-50%, -50%)
            scale(1);

        opacity: 1;
    }

    94% {
        transform:
            translate(-50%, -50%)
            scale(0);

        opacity: 0;
    }

    100% {
        transform:
            translate(-50%, -50%)
            scale(0);

        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a470efc *//* =========================================
   DIGITALPROMOVA PREMIUM BUTTON
   ZOOM + GLOW + SHINE + HOVER
   ========================================= */

#premium-button .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    cursor: pointer;

    padding: 15px 30px;

    background: #071a31 !important;
    color: #ffffff !important;

    border: 1px solid rgba(80,170,255,0.35);

    border-radius: 10px;

    box-shadow:
        0 8px 22px rgba(0,50,120,0.20);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease;
}


/* =========================================
   MOVING SHINE
   ========================================= */

#premium-button .elementor-button::before {
    content: "";

    position: absolute;

    top: -100%;
    left: -70%;

    width: 40%;
    height: 300%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transform: rotate(25deg);

    animation: buttonShine 4s ease-in-out infinite;

    pointer-events: none;
}


/* =========================================
   HOVER = ZOOM + LIFT + GLOW
   ========================================= */

#premium-button .elementor-button:hover {

    transform: translateY(-5px) scale(1.08);

    background: #087cff !important;

    color: #ffffff !important;

    border-color: #4db1ff;

    box-shadow:
        0 15px 35px rgba(0,110,255,0.35),
        0 0 25px rgba(0,130,255,0.25);
}


/* =========================================
   CLICK EFFECT
   ========================================= */

#premium-button .elementor-button:active {

    transform: translateY(-1px) scale(0.98);

    box-shadow:
        0 5px 15px rgba(0,100,255,0.25);
}


/* =========================================
   BUTTON TEXT
   ========================================= */

#premium-button .elementor-button-text {
    position: relative;
    z-index: 2;

    transition:
        letter-spacing 0.3s ease;
}


#premium-button .elementor-button:hover
.elementor-button-text {

    letter-spacing: 0.5px;
}


/* =========================================
   SHINE ANIMATION
   ========================================= */

@keyframes buttonShine {

    0% {
        left: -70%;
    }

    45% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    #premium-button .elementor-button {
        padding: 13px 24px;
    }

    #premium-button .elementor-button:hover {
        transform: translateY(-3px) scale(1.04);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4238a3 *//* =========================================
   DIGITALPROMOVA
   DARK NAVY / BLACK SERVICE CARDS
   ========================================= */

#strategy-box,
#creative-box,
#data-box,
#growth-box {

    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 38px 30px;

    min-height: 270px;

    border-radius: 22px;

    /* DARK NAVY / BLACK */
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(0, 110, 255, 0.16),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #03070d 0%,
            #071426 55%,
            #020407 100%
        );

    border: 1px solid rgba(100, 170, 255, 0.14);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


/* =========================================
   ANIMATED BORDER
   ========================================= */

#strategy-box::before,
#creative-box::before,
#data-box::before,
#growth-box::before {

    content: "";

    position: absolute;
    inset: 0;

    padding: 1px;

    border-radius: 22px;

    background: linear-gradient(
        120deg,
        transparent 5%,
        rgba(255,255,255,0.7) 20%,
        #168cff 38%,
        transparent 52%,
        #4db5ff 70%,
        transparent 90%
    );

    background-size: 300% 300%;

    animation: darkCardBorder 7s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;

    z-index: 10;
}


/* =========================================
   BLUE GLOW
   ========================================= */

#strategy-box::after,
#creative-box::after,
#data-box::after,
#growth-box::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    top: -130px;
    right: -100px;

    border-radius: 50%;

    background: rgba(0, 115, 255, 0.16);

    filter: blur(60px);

    transition:
        transform 0.6s ease,
        opacity 0.6s ease;

    z-index: -1;
}


/* =========================================
   HEADINGS
   ========================================= */

#strategy-box h2,
#creative-box h2,
#data-box h2,
#growth-box h2 {

    position: relative;
    z-index: 5;

    color: #ffffff;

    font-size: 32px;

    font-weight: 750;

    letter-spacing: -1px;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* =========================================
   PARAGRAPHS
   ========================================= */

#strategy-box p,
#creative-box p,
#data-box p,
#growth-box p {

    position: relative;
    z-index: 5;

    color: rgba(255,255,255,0.65);

    font-size: 17px;

    line-height: 1.55;

    transition:
        color 0.35s ease;
}


/* =========================================
   HOVER
   ========================================= */

#strategy-box:hover,
#creative-box:hover,
#data-box:hover,
#growth-box:hover {

    transform: translateY(-9px);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.55),
        0 0 35px rgba(0, 110, 255, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.10);
}


/* =========================================
   HEADING HOVER
   ========================================= */

#strategy-box:hover h2,
#creative-box:hover h2,
#data-box:hover h2,
#growth-box:hover h2 {

    color: #55b5ff;

    transform: translateX(6px);

    text-shadow:
        0 0 18px rgba(40,160,255,0.35);
}


/* =========================================
   TEXT HOVER
   ========================================= */

#strategy-box:hover p,
#creative-box:hover p,
#data-box:hover p,
#growth-box:hover p {

    color: rgba(255,255,255,0.82);
}


/* =========================================
   GLOW HOVER
   ========================================= */

#strategy-box:hover::after,
#creative-box:hover::after,
#data-box:hover::after,
#growth-box:hover::after {

    transform: scale(1.5);

    opacity: 1;
}


/* =========================================
   ANIMATION
   ========================================= */

@keyframes darkCardBorder {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    #strategy-box,
    #creative-box,
    #data-box,
    #growth-box {

        min-height: auto;

        padding: 30px 24px;

        border-radius: 18px;
    }

    #strategy-box:hover,
    #creative-box:hover,
    #data-box:hover,
    #growth-box:hover {

        transform: translateY(-5px);
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-a7df668 *//* =====================================
   DIGITALPROMOVA PREMIUM WPFORM
   WHITE TEXT + ANIMATED BORDER
   ===================================== */

.digitalpromova-form {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    background: #171719 !important;
    z-index: 1;
    overflow: hidden;
}

/* MOVING GOLD BORDER */
.digitalpromova-form::before {
    content: "";
    position: absolute;
    inset: -3px;

    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        #ffd21f 55deg,
        transparent 110deg,
        transparent 180deg,
        #ffd21f 235deg,
        transparent 290deg,
        #ffd21f 360deg
    );

    animation: wpAnimatedBorder 4s linear infinite;
    z-index: -2;
}

/* INNER BACKGROUND */
.digitalpromova-form::after {
    content: "";
    position: absolute;
    inset: 3px;

    background: #171719;
    border-radius: 17px;

    z-index: -1;
}

/* BORDER ROTATION */
@keyframes wpAnimatedBorder {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =====================================
   ALL FORM TEXT WHITE
   ===================================== */

.digitalpromova-form label,
.digitalpromova-form .wpforms-field-label,
.digitalpromova-form .wpforms-field-sublabel,
.digitalpromova-form .wpforms-field-description,
.digitalpromova-form .wpforms-required-label {
    color: #ffffff !important;
}


/* =====================================
   INPUT / TEXTAREA / SELECT
   ===================================== */

.digitalpromova-form input[type="text"],
.digitalpromova-form input[type="email"],
.digitalpromova-form input[type="tel"],
.digitalpromova-form input[type="url"],
.digitalpromova-form input[type="number"],
.digitalpromova-form textarea,
.digitalpromova-form select {
    background: #202024 !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 210, 31, 0.30) !important;

    border-radius: 10px !important;

    transition: all 0.3s ease !important;
}


/* INPUT TEXT */
.digitalpromova-form input::placeholder,
.digitalpromova-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.65) !important;
    opacity: 1 !important;
}


/* FOCUS */
.digitalpromova-form input:focus,
.digitalpromova-form textarea:focus,
.digitalpromova-form select:focus {
    color: #ffffff !important;

    border-color: #ffd21f !important;

    box-shadow:
        0 0 10px rgba(255, 210, 31, 0.30),
        0 0 22px rgba(255, 210, 31, 0.10) !important;

    outline: none !important;
}


/* =====================================
   DROPDOWN TEXT
   ===================================== */

.digitalpromova-form select {
    color: #ffffff !important;
}

.digitalpromova-form select option {
    background: #171719 !important;
    color: #ffffff !important;
}


/* =====================================
   CHECKBOX / RADIO TEXT
   ===================================== */

.digitalpromova-form .wpforms-field-checkbox label,
.digitalpromova-form .wpforms-field-radio label {
    color: #ffffff !important;
}


/* =====================================
   SUBMIT BUTTON
   ===================================== */

.digitalpromova-form button[type="submit"] {
    background: #ffd21f !important;

    color: #111111 !important;

    border: none !important;

    border-radius: 10px !important;

    padding: 14px 28px !important;

    font-weight: 700 !important;

    letter-spacing: 0.5px;

    transition: all 0.35s ease !important;
}


/* BUTTON HOVER */
.digitalpromova-form button[type="submit"]:hover {
    background: #ffe45c !important;

    color: #111111 !important;

    transform: translateY(-3px);

    box-shadow:
        0 0 15px rgba(255, 210, 31, 0.65),
        0 8px 25px rgba(0, 0, 0, 0.40) !important;
}


/* =====================================
   VALIDATION / ERROR TEXT
   ===================================== */

.digitalpromova-form .wpforms-error {
    color: #ff6b6b !important;
}


/* SUCCESS MESSAGE */
.digitalpromova-form .wpforms-confirmation-container-full {
    color: #ffffff !important;
    background: #202024 !important;
    border-color: #ffd21f !important;
}


/* =====================================
   MOBILE
   ===================================== */

@media (max-width: 767px) {

    .digitalpromova-form {
        padding: 20px;
        border-radius: 16px;
    }

    .digitalpromova-form input,
    .digitalpromova-form textarea,
    .digitalpromova-form select {
        font-size: 14px !important;
    }
}/* End custom CSS */