@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');

:root{
  --navy:#061b45;
  --navy-2:#0b2d68;
  --gold:#f3a600;
  --gold-2:#ffc94d;
  --cream:#fffaf0;
  --white:#fff;
  --ink:#10203a;
  --muted:#68758a;
  --line:#e7ebf2;
  --shadow:0 18px 55px rgba(4,22,52,.12);
  --radius:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:13px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center}
.topbar a{color:#fff}
header{position:sticky;top:0;z-index:1000;background: rgb(255 255 255);backdrop-filter:blur(15px);border-bottom:1px solid rgba(6,27,69,.08)}
.navbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{width: 100px;height:auto}
.nav-links{display:flex;align-items:center;gap:24px;font-weight:600;font-size:14px}
.nav-links>a,.nav-trigger{padding:31px 0;position:relative;cursor:pointer}
.nav-links>a:hover,.nav-trigger:hover{color:var(--gold)}
.nav-cta{background:var(--navy);color:#fff!important;padding:12px 18px!important;border-radius:999px}
.nav-cta:hover{background:var(--gold)}
.mega{position:absolute;left:50%;transform:translateX(-50%);top:84px;width:min(1000px,92vw);background:#fff;border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:var(--shadow);padding:24px;display:none}
.has-mega:hover .mega,.has-mega:focus-within .mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 25px}
.mega a{padding:9px 10px;border-radius:10px;font-size:13px;color:#33415c}
.mega a:hover{background:var(--cream);color:var(--navy)}
.mega-title{grid-column:1/-1;font-family:"Playfair Display";font-size:24px;color:var(--navy);margin-bottom:3px}
.mobile-toggle{display:none;border:0;background:var(--navy);color:#fff;width:44px;height:44px;border-radius:12px;font-size:20px}
.mobile-panel{display:none}
.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:
 radial-gradient(circle at 78% 30%,rgba(243,166,0,.24),transparent 27%),
 linear-gradient(125deg,#041638 0%,#0a2a63 53%,#102f69 100%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;background:
 linear-gradient(120deg,transparent 45%,rgba(255,255,255,.04) 45%,transparent 46%),
 radial-gradient(circle at 90% 80%,rgba(243,166,0,.18),transparent 22%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:14px}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.15;color:var(--navy)}
.hero h1{color:#fff;font-size:clamp(42px,5vw,72px);margin-bottom:22px}
.hero h1 span{color:var(--gold-2)}
.hero p{color:#dce5f5;max-width:650px;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.3s}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(243,166,0,.28)}
.btn-outline{border-color:rgba(255,255,255,.35);color:#fff}
.btn-outline:hover{background:#fff;color:var(--navy)}
.hero-card{position:relative;min-height:430px;border-radius:32px;background:
 linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),
 radial-gradient(circle at 50% 28%,rgba(243,166,0,.36),transparent 30%);
border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 80px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-card:after{content:"";width:300px;height:300px;border:1px solid rgba(255,255,255,.22);border-radius:50%;position:absolute}
.hero-card .card-content{position:relative;z-index:2;text-align:center}
.hero-card .mini{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#fff8df}
.hero-card .big{font-family:"Playfair Display";font-size:72px;color:#fff;margin:8px 0}
.hero-card .gold-line{width:90px;height:3px;background:var(--gold);margin:12px auto}
.section{padding:90px 0}
.section.alt{background:#f7f9fc}
.section-head{text-align:center;max-width:760px;margin:0 auto 42px}
.section-head h2{font-size:clamp(32px,4vw,48px);margin:10px 0 13px}
.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.35s;box-shadow:0 8px 25px rgba(7,29,65,.05)}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(243,166,0,.45)}
.icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--cream);color:var(--gold);font-size:22px;margin-bottom:20px}
.card h3{font-size:22px;margin-bottom:10px}
.card p{color:var(--muted);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.visual{min-height:420px;border-radius:32px;background:
 radial-gradient(circle at 35% 30%,rgba(243,166,0,.4),transparent 22%),
 linear-gradient(145deg,#071c45,#173d7b);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.visual:before,.visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.visual:before{width:360px;height:360px;right:-120px;top:-100px}
.visual:after{width:250px;height:250px;left:-90px;bottom:-80px}
.visual-content{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;padding:35px}
.visual-content strong{display:block;font-family:"Playfair Display";font-size:48px;color:#fff}
.visual-content span{color:#ffe3a1}
.check-list{list-style:none;margin:25px 0}
.check-list li{margin:12px 0;display:flex;gap:10px;align-items:flex-start}
.check-list li:before{content:"✓";display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:900;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}
.stat{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px;text-align:center}
.stat strong{display:block;font-family:"Playfair Display";font-size:32px;color:var(--navy)}
.stat span{font-size:12px;color:var(--muted)}
.cta{background:linear-gradient(120deg,#061b45,#0c3374);color:#fff;border-radius:32px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-130px;top:-120px}
.cta h2{color:#fff;font-size:38px}
.cta p{color:#d9e3f5;margin-top:8px}
.page-hero{padding:105px 0 75px;background:linear-gradient(120deg,#061b45,#0d3270);color:#fff}
.page-hero h1{color:#fff;font-size:clamp(42px,5vw,62px)}
.page-hero p{max-width:760px;color:#dbe5f5;margin-top:15px}
.breadcrumb{margin-top:18px;color:#c8d6ee;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-item{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.3s}
.service-item:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-item h3{font-size:19px;margin-bottom:7px}
.service-item p{font-size:13px;color:var(--muted)}
.service-item a{color:var(--navy);font-weight:700;font-size:13px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.gallery-card{min-height:230px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0a285d,#f3a600)}
.gallery-card:nth-child(2n){background:linear-gradient(135deg,#142f68,#c97e00)}
.gallery-card:nth-child(3n){background:linear-gradient(135deg,#071a42,#e6a20e)}
.gallery-card .gtext{position:absolute;inset:auto 16px 16px;color:#fff;font-family:"Playfair Display";font-size:22px;text-shadow:0 2px 12px #000}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}
.contact-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 8px 30px rgba(5,25,60,.05)}
.contact-row{display:flex;gap:14px;margin:20px 0}
.contact-row .icon{margin:0;flex:0 0 46px;width:46px;height:46px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form .full{grid-column:1/-1}
.form input,.form textarea,.form select{width:100%;border:1px solid #dfe5ef;border-radius:12px;padding:13px 15px;font:inherit;outline:none}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,166,0,.12)}
.form textarea{min-height:145px;resize:vertical}
footer{background:#041531;color:#cbd6e7;padding:60px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}
footer h3{color:#fff;font-size:19px;margin-bottom:15px}
footer a{display:block;color:#cbd6e7;font-size:13px;margin:8px 0}
footer a:hover{color:var(--gold)}
.footer-logo{width:190px;background:#fff;border-radius:12px;padding:7px;margin-bottom:15px}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;text-align:center;font-size:12px}
.float-actions{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;flex-direction:column;gap:10px}
.float-actions a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.2);font-weight:800}
.whatsapp{background:#19b75a}.call{background:var(--navy)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}
.reveal.show{opacity:1;transform:none}
@media(max-width:980px){
  .nav-links{display:none}.mobile-toggle{display:block}
  .mobile-panel{position:absolute;left:0;right:0;top:84px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:15px;max-height:calc(100vh - 84px);overflow:auto}
  .mobile-panel.open{display:block}
  .mobile-panel>a,.mobile-panel button{display:block;width:100%;padding:14px;text-align:left;border:0;background:#fff;border-radius:10px;font:inherit;font-weight:700;color:var(--navy)}
  .mobile-panel a:hover,.mobile-panel button:hover{background:var(--cream)}
  .mobile-services{display:none;padding:5px 10px 10px}
  .mobile-services.open{display:block}
  .mobile-services a{display:block;padding:10px;font-size:13px;color:#3c4960}
  .hero-inner,.split,.contact-grid{grid-template-columns:1fr}
  .hero{min-height:auto;padding:90px 0}.hero-card{min-height:320px}
  .cards,.service-grid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .topbar .container{flex-direction:column;align-items:flex-start;gap:3px}
  .navbar{min-height:74px}.logo{width: 100px;}
  .mobile-panel{top:74px}
  .hero{padding:70px 0}.hero h1{font-size:43px}.hero p{font-size:15px}
  .section{padding:65px 0}
  .cards,.service-grid,.gallery,.stats,.form{grid-template-columns:1fr}
  .form .full{grid-column:auto}
  .visual{min-height:330px}
  .cta{padding:35px 25px;flex-direction:column;align-items:flex-start}
  .cta h2{font-size:30px}
  .page-hero{padding:75px 0 55px}
  .page-hero h1{font-size:42px}
}
/* ==========================================
   DIGITAL POWER EVENT
   SINGLE IMAGE FULL WIDTH SLIDER
========================================== */

.dpe-single-slider {
    position: relative;
    width: 100%;
    height: calc(100vh - 82px);
    min-height: 650px;
    max-height: 850px;
    overflow: hidden;
    background: #06183c;
}


/* SLIDES */

.dpe-single-slide {
    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;

    transform: scale(1.04);

    transition:
        opacity 1.2s ease,
        visibility 1.2s ease,
        transform 7s ease;
}


.dpe-single-slide.active {
    opacity: 1;
    visibility: visible;

    transform: scale(1);
}


/* DARK OVERLAY */

.dpe-single-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,13,35,.90) 0%,
            rgba(4,20,49,.72) 35%,
            rgba(4,20,49,.35) 65%,
            rgba(3,13,35,.25) 100%
        );
}


/* BOTTOM DARK GRADIENT */

.dpe-single-slide:after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 220px;

    background:
        linear-gradient(
            transparent,
            rgba(3,13,35,.7)
        );

    pointer-events: none;
}


/* CONTENT */

.dpe-single-content {
    position: relative;
    z-index: 5;

    height: 100%;

    display: flex;
    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding-bottom: 40px;
}


/* TEXT ANIMATION */

.dpe-single-content > * {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22,1,.36,1);
}


.dpe-single-slide.active .dpe-single-content > * {
    opacity: 1;

    transform: translateY(0);
}


/* DELAY */

.dpe-single-slide.active
.dpe-single-content h1 {
    transition-delay: .15s;
}


.dpe-single-slide.active
.dpe-single-content p {
    transition-delay: .3s;
}


.dpe-single-slide.active
.dpe-single-buttons {
    transition-delay: .45s;
}


/* TAG */

.dpe-single-tag {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #ffc84d;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2.5px;

    text-transform: uppercase;

    margin-bottom: 18px;
}


.dpe-single-tag:before {
    content: "";

    width: 34px;
    height: 2px;

    background: #f5aa16;
}


/* HEADING */

.dpe-single-content h1 {

    max-width: 850px;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(48px, 6vw, 82px);

    line-height: 1.03;

    letter-spacing: -2px;

    color: #fff;

    margin: 0 0 22px;
}


.dpe-single-content h1 span {
    display: block;

    color: #f7b52c;
}


/* DESCRIPTION */

.dpe-single-content p {

    max-width: 650px;

    color: #e2e9f5;

    font-size: 16px;

    line-height: 1.85;

    margin-bottom: 28px;
}


/* BUTTONS */

.dpe-single-buttons {

    display: flex;

    align-items: center;

    gap: 13px;

    flex-wrap: wrap;
}


.dpe-single-btn {

    min-height: 54px;

    padding:
        0 24px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 800;

    transition: .35s ease;
}


.dpe-single-btn.gold {

    background: #f5aa16;

    color: #06183c;

    box-shadow:
        0 12px 35px rgba(245,170,22,.28);
}


.dpe-single-btn.gold:hover {

    background: #ffc94d;

    transform: translateY(-4px);

    box-shadow:
        0 18px 45px rgba(245,170,22,.38);
}


.dpe-single-btn.gold b {

    margin-left: 9px;

    font-size: 19px;
}


.dpe-single-btn.outline {

    color: #fff;

    border:
        1px solid rgba(255,255,255,.45);
}


.dpe-single-btn.outline:hover {

    background: #fff;

    color: #06183c;

    transform: translateY(-4px);
}


/* CAPTION */

.dpe-single-caption {

    position: absolute;

    z-index: 10;

    right: 70px;

    bottom: 70px;

    display: flex;

    align-items: center;

    gap: 12px;

    color: #fff;
}


.dpe-single-caption span {

    font-family:
        "Playfair Display",
        serif;

    font-size: 32px;

    color: #f5aa16;
}


.dpe-single-caption div {

    width: 50px;

    height: 1px;

    background:
        rgba(255,255,255,.5);
}


.dpe-single-caption small {

    color: #dbe4f2;

    font-size: 11px;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ARROWS */

.dpe-single-arrow {

    position: absolute;

    z-index: 20;

    top: 50%;

    transform:
        translateY(-50%);

    width: 54px;
    height: 54px;

    border-radius: 50%;

    border:
        1px solid rgba(255,255,255,.35);

    background:
        rgba(3,15,40,.35);

    backdrop-filter:
        blur(10px);

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    transition: .35s ease;
}


.dpe-single-arrow:hover {

    background: #f5aa16;

    color: #06183c;

    border-color: #f5aa16;

    transform:
        translateY(-50%)
        scale(1.1);
}


.dpe-single-arrow.prev {
    left: 25px;
}


.dpe-single-arrow.next {
    right: 25px;
}


/* DOTS */

.dpe-single-dots {

    position: absolute;

    z-index: 30;

    left: 50%;

    bottom: 25px;

    transform:
        translateX(-50%);

    display: flex;

    gap: 8px;
}


.dpe-single-dots button {

    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(255,255,255,.45);

    cursor: pointer;

    transition: .35s ease;
}


.dpe-single-dots button.active {

    width: 34px;

    border-radius: 20px;

    background: #f5aa16;
}


/* PROGRESS */

.dpe-single-progress {

    position: absolute;

    z-index: 40;

    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        rgba(255,255,255,.18);
}


.dpe-single-progress span {

    display: block;

    height: 100%;

    width: 0;

    background: #f5aa16;
}


.dpe-single-progress.running span {

    animation:
        dpeSingleProgress 6s linear forwards;
}


@keyframes dpeSingleProgress {

    from {
        width: 0;
    }

    to {
        width: 100%;
    }

}


/* ==========================================
   TABLET
========================================== */

@media(max-width: 900px) {

    .dpe-single-slider {

        height: 680px;

        min-height: 680px;
    }


    .dpe-single-content h1 {

        font-size: 55px;
    }


    .dpe-single-caption {

        right: 45px;
    }

}


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

@media(max-width: 600px) {

    .dpe-single-slider {

        height:
            calc(100svh - 74px);

        min-height: 650px;

        max-height: none;
    }


    /*
       Mobile image position
       prevents important subject
       from disappearing.
    */

    .dpe-single-slide {

        background-position:
            center center;
    }


    .dpe-single-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(3,13,35,.40),
                rgba(3,13,35,.82) 65%,
                rgba(3,13,35,.96)
            );
    }


    .dpe-single-content {

        justify-content:
            flex-end;

        padding-bottom:
            90px;

        text-align:
            center;

        align-items:
            center;
    }


    .dpe-single-tag {

        font-size:
            9px;

        letter-spacing:
            1.5px;
    }


    .dpe-single-content h1 {

        font-size:
            clamp(38px, 10vw, 50px);

        letter-spacing:
            -1px;

        margin-bottom:
            15px;
    }


    .dpe-single-content p {

        font-size:
            12px;

        line-height:
            1.7;

        max-width:
            500px;

        margin-bottom:
            18px;
    }


    .dpe-single-buttons {

        justify-content:
            center;
    }


    .dpe-single-btn {

        min-height:
            46px;

        padding:
            0 17px;

        font-size:
            12px;
    }


    .dpe-single-caption {

        display:
            none;
    }


    .dpe-single-arrow {

        width:
            38px;

        height:
            38px;

        font-size:
            14px;
    }


    .dpe-single-arrow.prev {

        left:
            10px;
    }


    .dpe-single-arrow.next {

        right:
            10px;
    }


    .dpe-single-dots {

        bottom:
            17px;
    }

}
/* =========================================
   DIGITAL POWER EVENT
   PREMIUM ABOUT US SECTION
========================================= */

.dpe-about-section {

    position: relative;

    padding:
        110px 0;

    background:
        #f8f9fc;

    overflow: hidden;
}


/* Decorative Background */

.dpe-about-section::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.06);

    left: -250px;
    top: -200px;
}

.dpe-about-section::after {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    border-radius: 50%;

    border:
        1px solid rgba(244,170,25,.10);

    right: -200px;
    bottom: -200px;
}


/* =========================================
   MAIN GRID
========================================= */

.dpe-about-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .95fr
        1.05fr;

    gap: 80px;

    align-items: center;
}


/* =========================================
   IMAGE AREA
========================================= */

.dpe-about-visual {

    position: relative;

    min-height: 590px;

}


/* Main Image */

.dpe-about-main-image {

    position: absolute;

    width: 76%;

    height: 500px;

    right: 0;

    top: 0;

    border-radius:
        30px;

    overflow: hidden;

    box-shadow:
        0 30px 70px
        rgba(5,25,60,.20);

    z-index: 2;
}


.dpe-about-main-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 1s
        cubic-bezier(.22,1,.36,1);
}


.dpe-about-main-image:hover img {

    transform:
        scale(1.07);
}


/* Small Image */

.dpe-about-small-image {

    position: absolute;

    width: 47%;

    height: 280px;

    left: 0;

    bottom: 0;

    padding: 9px;

    background: #fff;

    border-radius:
        25px;

    box-shadow:
        0 25px 60px
        rgba(5,25,60,.18);

    z-index: 4;

    overflow: hidden;
}


.dpe-about-small-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius:
        18px;

    transition:
        transform .8s ease;
}


.dpe-about-small-image:hover img {

    transform:
        scale(1.08);
}


/* =========================================
   GOLD CIRCLE
========================================= */

.dpe-about-circle {

    position: absolute;

    width: 155px;

    height: 155px;

    border-radius: 50%;

    border:
        1px dashed
        rgba(244,170,25,.55);

    left: 18px;

    top: 55px;

    animation:
        dpeRotate 18s
        linear infinite;

    z-index: 1;
}


@keyframes dpeRotate {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================
   EXPERIENCE CARD
========================================= */

.dpe-experience-card {

    position: absolute;

    z-index: 10;

    right: -25px;

    bottom: 75px;

    display: flex;

    align-items: center;

    gap: 13px;

    background:
        #06183c;

    color: #fff;

    padding:
        17px 23px;

    border-radius:
        17px;

    box-shadow:
        0 20px 45px
        rgba(5,20,50,.28);

    animation:
        dpeFloat 4s
        ease-in-out infinite;
}


@keyframes dpeFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-10px);
    }

}


.dpe-experience-icon {

    width: 46px;
    height: 46px;

    border-radius: 13px;

    display: grid;

    place-items: center;

    background:
        #f4aa19;

    color:
        #06183c;

    font-size: 22px;
}


.dpe-experience-card strong {

    display: block;

    font-family:
        "Playfair Display",
        serif;

    font-size: 29px;

    line-height: 1;

    color: #fff;
}


.dpe-experience-card span {

    display: block;

    margin-top: 3px;

    color: #cbd7ea;

    font-size: 11px;

    text-transform:
        uppercase;

    letter-spacing:
        1px;
}


/* =========================================
   CONTENT
========================================= */

.dpe-about-content {

    position: relative;

    z-index: 3;
}


.dpe-section-tag {

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        #d79608;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        2.2px;

    text-transform:
        uppercase;

    margin-bottom:
        15px;
}


.dpe-section-tag span {

    width: 32px;

    height: 2px;

    background:
        #f4aa19;

    display: block;
}


/* Heading */

.dpe-about-content h2 {

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(37px,4vw,55px);

    line-height:
        1.1;

    color:
        #06183c;

    margin-bottom:
        20px;
}


.dpe-about-content h2 strong {

    display:
        block;

    color:
        #d79608;

    font-weight:
        700;
}


/* Paragraph */

.dpe-about-content > p {

    color:
        #68758a;

    font-size:
        14px;

    line-height:
        1.85;

    margin-bottom:
        13px;

    max-width:
        650px;
}


.dpe-about-intro {

    font-size:
        16px !important;

    color:
        #45536a !important;
}


.dpe-about-content p strong {

    color:
        #182a48;
}


/* =========================================
   FEATURES
========================================= */

.dpe-about-features {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        17px;

    margin-top:
        27px;

    margin-bottom:
        30px;
}


.dpe-about-feature {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        11px;

    padding:
        16px;

    background:
        #fff;

    border:
        1px solid
        #e8ecf3;

    border-radius:
        15px;

    transition:
        all .35s ease;
}


.dpe-about-feature:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(244,170,25,.45);

    box-shadow:
        0 15px 35px
        rgba(6,24,60,.08);
}


.feature-icon {

    width:
        28px;

    height:
        28px;

    flex:
        0 0 28px;

    border-radius:
        50%;

    display:
        grid;

    place-items:
        center;

    background:
        #f4aa19;

    color:
        #06183c;

    font-size:
        12px;

    font-weight:
        900;
}


.dpe-about-feature h4 {

    font-size:
        14px;

    color:
        #06183c;

    margin-bottom:
        2px;
}


.dpe-about-feature p {

    font-size:
        11px;

    line-height:
        1.55;

    color:
        #7a8494;
}


/* =========================================
   BOTTOM AREA
========================================= */

.dpe-about-bottom {

    display:
        flex;

    align-items:
        center;

    gap:
        30px;

    margin-top:
        10px;
}


.dpe-about-btn {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    background:
        #06183c;

    color:
        #fff;

    padding:
        13px 20px;

    border-radius:
        50px;

    font-size:
        13px;

    font-weight:
        800;

    transition:
        .35s ease;
}


.dpe-about-btn:hover {

    background:
        #f4aa19;

    color:
        #06183c;

    transform:
        translateY(-3px);
}


.dpe-about-btn span {

    font-size:
        18px;
}


/* Contact */

.dpe-about-contact {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}


.dpe-contact-icon {

    width:
        43px;

    height:
        43px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #fff;

    color:
        #d79608;

    border:
        1px solid
        #eceff4;
}


.dpe-about-contact small {

    display:
        block;

    color:
        #7a8494;

    font-size:
        10px;

    text-transform:
        uppercase;

    letter-spacing:
        1px;
}


.dpe-about-contact a {

    display:
        block;

    color:
        #06183c;

    font-weight:
        800;

    font-size:
        13px;
}


/* =========================================
   STATS
========================================= */

.dpe-about-stats {

    position:
        relative;

    z-index:
        5;

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:
        16px;

    margin-top:
        70px;

    padding:
        12px;

    background:
        #06183c;

    border-radius:
        23px;

    box-shadow:
        0 25px 60px
        rgba(6,24,60,.18);
}


.dpe-stat-box {

    padding:
        24px 15px;

    text-align:
        center;

    border-right:
        1px solid
        rgba(255,255,255,.1);

}


.dpe-stat-box:last-child {

    border-right:
        0;
}


.dpe-stat-box strong {

    display:
        block;

    font-family:
        "Playfair Display",
        serif;

    color:
        #f4aa19;

    font-size:
        34px;

    line-height:
        1.1;

    margin-bottom:
        5px;
}


.dpe-stat-box span {

    color:
        #c7d2e5;

    font-size:
        11px;

    text-transform:
        uppercase;

    letter-spacing:
        1px;
}


/* =========================================
   TABLET
========================================= */

@media(max-width: 1000px) {

    .dpe-about-grid {

        grid-template-columns:
            1fr;

        gap:
            70px;
    }


    .dpe-about-visual {

        max-width:
            650px;

        width:
            100%;

        margin:
            auto;
    }

}


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

@media(max-width: 600px) {

    .dpe-about-section {

        padding:
            70px 0;
    }


    .dpe-about-grid {

        gap:
            50px;
    }


    .dpe-about-visual {

        min-height:
            430px;
    }


    .dpe-about-main-image {

        width:
            82%;

        height:
            350px;
    }


    .dpe-about-small-image {

        width:
            50%;

        height:
            190px;

        bottom:
            0;
    }


    .dpe-experience-card {

        right:
            5px;

        bottom:
            45px;

        padding:
            12px 15px;
    }


    .dpe-experience-icon {

        width:
            38px;

        height:
            38px;
    }


    .dpe-experience-card strong {

        font-size:
            23px;
    }


    .dpe-about-content h2 {

        font-size:
            37px;
    }


    .dpe-about-features {

        grid-template-columns:
            1fr;

        gap:
            10px;
    }


    .dpe-about-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            18px;
    }


    .dpe-about-stats {

        grid-template-columns:
            1fr 1fr;

        margin-top:
            45px;

        gap:
            0;
    }


    .dpe-stat-box {

        padding:
            20px 10px;

        border-right:
            1px solid
            rgba(255,255,255,.1);

        border-bottom:
            1px solid
            rgba(255,255,255,.1);
    }


    .dpe-stat-box:nth-child(2),
    .dpe-stat-box:nth-child(4) {

        border-right:
            0;
    }


    .dpe-stat-box:nth-child(3),
    .dpe-stat-box:nth-child(4) {

        border-bottom:
            0;
    }


    .dpe-stat-box strong {

        font-size:
            27px;
    }

}
/* =========================================
   DIGITAL POWER EVENT
   PREMIUM WHY CHOOSE US
========================================= */

.dpe-why-section {

    position: relative;

    padding: 115px 0;

    background: #ffffff;

    overflow: hidden;
}


/* Background Decoration */

.dpe-why-section::before {

    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    border-radius: 50%;

    border: 1px solid
        rgba(6,24,60,.05);

    top: -260px;

    right: -160px;
}


.dpe-why-section::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.045);

    bottom: -180px;

    left: -150px;
}


/* =========================================
   TOP HEADING
========================================= */

.dpe-why-heading {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1fr .75fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 65px;
}


.dpe-why-tag {

    display: flex;

    align-items: center;

    gap: 11px;

    color: #d79608;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2.5px;

    margin-bottom: 16px;
}


.dpe-why-tag::before {

    content: "";

    width: 32px;

    height: 2px;

    background: #f4aa19;
}


.dpe-why-heading h2 {

    margin: 0;

    max-width: 700px;

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(40px, 4.5vw, 61px);

    line-height: 1.05;

    letter-spacing: -1.5px;
}


.dpe-why-heading h2 span {

    display: block;

    color: #d79608;
}


.dpe-why-heading > p {

    color: #6d788a;

    font-size: 14px;

    line-height: 1.9;

    margin: 0;

    padding-bottom: 4px;
}


/* =========================================
   MAIN GRID
========================================= */

.dpe-why-layout {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap: 75px;

    align-items: center;
}


/* =========================================
   VISUAL
========================================= */

.dpe-why-visual {

    position: relative;

    min-height: 590px;
}


.dpe-why-image {

    position: absolute;

    inset: 0;

    overflow: hidden;

    border-radius: 30px;

    box-shadow:
        0 30px 70px
        rgba(6,24,60,.18);
}


.dpe-why-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform 1.2s
        cubic-bezier(.22,1,.36,1);
}


.dpe-why-image:hover img {

    transform:
        scale(1.07);
}


/* Image Overlay */

.dpe-why-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3,15,40,.05),
            rgba(3,15,40,.85)
        );
}


/* Image Content */

.dpe-why-image-content {

    position: absolute;

    left: 35px;

    right: 35px;

    bottom: 40px;

    color: #fff;
}


.dpe-why-image-content span {

    color: #f4aa19;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dpe-why-image-content h3 {

    font-family:
        "Playfair Display",
        serif;

    font-size: 40px;

    line-height: 1.05;

    margin: 10px 0;
}


.dpe-why-image-content h3 strong {

    display: block;

    color: #f4aa19;
}


.dpe-why-image-content p {

    margin: 0;

    color: #dbe4f1;

    font-size: 13px;
}


/* =========================================
   EXPERIENCE CARD
========================================= */

.dpe-why-experience {

    position: absolute;

    top: 35px;

    right: -28px;

    z-index: 5;

    width: 135px;

    height: 135px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: #f4aa19;

    color: #06183c;

    border-radius: 50%;

    box-shadow:
        0 20px 40px
        rgba(6,24,60,.20);

    animation:
        dpeWhyFloat 4s
        ease-in-out infinite;
}


.dpe-why-experience strong {

    font-family:
        "Playfair Display",
        serif;

    font-size: 32px;

    line-height: 1;
}


.dpe-why-experience span {

    width: 80px;

    margin-top: 5px;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .7px;
}


@keyframes dpeWhyFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

}


/* =========================================
   FLOATING CARD
========================================= */

.dpe-why-floating {

    position: absolute;

    left: -25px;

    bottom: 45px;

    z-index: 6;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 19px;

    background: #06183c;

    color: #fff;

    border-radius: 15px;

    box-shadow:
        0 20px 45px
        rgba(6,24,60,.28);
}


.dpe-why-floating-icon {

    width: 40px;

    height: 40px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    background: #f4aa19;

    color: #06183c;

    font-size: 16px;
}


.dpe-why-floating strong {

    display: block;

    font-size: 13px;
}


.dpe-why-floating span {

    display: block;

    color: #aebdd3;

    font-size: 10px;

    margin-top: 2px;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.dpe-why-intro > span {

    color: #d79608;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dpe-why-intro h3 {

    margin: 9px 0 13px;

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size: 36px;

    line-height: 1.15;
}


.dpe-why-intro h3 em {

    color: #d79608;

    font-style: normal;
}


.dpe-why-intro p {

    color: #6c788b;

    font-size: 13px;

    line-height: 1.8;

    margin: 0 0 27px;
}


/* =========================================
   FEATURES
========================================= */

.dpe-why-features {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 13px;
}


.dpe-why-feature {

    position: relative;

    display: grid;

    grid-template-columns:
        32px 42px 1fr;

    gap: 10px;

    align-items: start;

    padding: 18px;

    border: 1px solid #e9edf3;

    background: #fff;

    border-radius: 16px;

    transition:
        all .35s ease;

    overflow: hidden;
}


.dpe-why-feature::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background: #f4aa19;

    transform: scaleY(0);

    transform-origin: bottom;

    transition: .35s ease;
}


.dpe-why-feature:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(244,170,25,.4);

    box-shadow:
        0 18px 40px
        rgba(6,24,60,.08);
}


.dpe-why-feature:hover::before {

    transform:
        scaleY(1);
}


/* Number */

.dpe-feature-number {

    color: #aeb7c5;

    font-family:
        "Playfair Display",
        serif;

    font-size: 13px;

    padding-top: 7px;
}


/* Icon */

.dpe-feature-icon {

    width: 39px;

    height: 39px;

    display: grid;

    place-items: center;

    background: #fff5dc;

    color: #d79608;

    border-radius: 11px;

    font-size: 14px;

    transition: .35s ease;
}


.dpe-why-feature:hover
.dpe-feature-icon {

    background: #f4aa19;

    color: #06183c;

    transform:
        rotate(8deg);
}


.dpe-why-feature h4 {

    color: #06183c;

    font-size: 13px;

    margin: 2px 0 4px;
}


.dpe-why-feature p {

    color: #7a8595;

    font-size: 10px;

    line-height: 1.6;

    margin: 0;
}


/* =========================================
   CTA
========================================= */

.dpe-why-cta {

    margin-top: 25px;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    background:
        linear-gradient(
            135deg,
            #06183c,
            #102c60
        );

    border-radius: 17px;

    box-shadow:
        0 18px 40px
        rgba(6,24,60,.15);
}


.dpe-why-cta strong {

    display: block;

    color: #fff;

    font-size: 14px;
}


.dpe-why-cta span {

    display: block;

    margin-top: 4px;

    color: #aebdd3;

    font-size: 10px;
}


.dpe-why-cta a {

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 11px 17px;

    background: #f4aa19;

    color: #06183c;

    border-radius: 50px;

    font-size: 11px;

    font-weight: 800;

    transition: .35s ease;
}


.dpe-why-cta a:hover {

    background: #ffc84d;

    transform:
        translateY(-3px);
}


.dpe-why-cta a b {

    font-size: 15px;
}


/* =========================================
   STATS
========================================= */

.dpe-why-stats {

    position: relative;

    z-index: 5;

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    margin-top: 65px;

    padding: 8px;

    background: #06183c;

    border-radius: 22px;

    box-shadow:
        0 25px 60px
        rgba(6,24,60,.17);
}


.dpe-why-stat {

    padding: 24px;

    text-align: center;

    border-right:
        1px solid
        rgba(255,255,255,.1);
}


.dpe-why-stat:last-child {

    border-right: 0;
}


.dpe-why-stat strong {

    display: block;

    color: #f4aa19;

    font-family:
        "Playfair Display",
        serif;

    font-size: 30px;

    line-height: 1.1;
}


.dpe-why-stat span {

    display: block;

    margin-top: 5px;

    color: #bdc9db;

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;
}


/* =========================================
   TABLET
========================================= */

@media(max-width: 1000px) {

    .dpe-why-heading {

        grid-template-columns:
            1fr;

        gap: 20px;
    }


    .dpe-why-layout {

        grid-template-columns:
            1fr;

        gap: 65px;
    }


    .dpe-why-visual {

        max-width: 650px;

        width: 100%;

        margin: auto;
    }

}


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

@media(max-width: 600px) {

    .dpe-why-section {

        padding: 75px 0;
    }


    .dpe-why-heading {

        margin-bottom: 45px;
    }


    .dpe-why-heading h2 {

        font-size: 38px;
    }


    .dpe-why-visual {

        min-height: 460px;
    }


    .dpe-why-image-content {

        left: 22px;

        right: 22px;

        bottom: 25px;
    }


    .dpe-why-image-content h3 {

        font-size: 31px;
    }


    .dpe-why-experience {

        width: 105px;

        height: 105px;

        right: -5px;

        top: 20px;
    }


    .dpe-why-experience strong {

        font-size: 26px;
    }


    .dpe-why-experience span {

        font-size: 7px;
    }


    .dpe-why-floating {

        left: 10px;

        bottom: 25px;

        padding: 11px 14px;
    }


    .dpe-why-features {

        grid-template-columns:
            1fr;
    }


    .dpe-why-intro h3 {

        font-size: 31px;
    }


    .dpe-why-cta {

        flex-direction: column;

        align-items: flex-start;
    }


    .dpe-why-stats {

        grid-template-columns:
            1fr 1fr;

        gap: 0;
    }


    .dpe-why-stat {

        padding: 18px 8px;

        border-bottom:
            1px solid
            rgba(255,255,255,.1);
    }


    .dpe-why-stat:nth-child(2) {

        border-right: 0;
    }


    .dpe-why-stat:nth-child(3),
    .dpe-why-stat:nth-child(4) {

        border-bottom: 0;
    }


    .dpe-why-stat:nth-child(4) {

        border-right: 0;
    }


    .dpe-why-stat strong {

        font-size: 25px;
    }

}
/* =========================================
   DIGITAL POWER EVENT
   PREMIUM FAQ SECTION
========================================= */

.dpe-faq-section {

    position: relative;

    padding: 110px 0;

    background:
        #f7f9fc;

    overflow: hidden;
}


/* Decorative Background */

.dpe-faq-section::before {

    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    border-radius: 50%;

    border: 1px solid
        rgba(6,24,60,.05);

    left: -260px;
    top: -220px;
}


.dpe-faq-section::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.055);

    right: -150px;
    bottom: -150px;
}


/* =========================================
   MAIN WRAPPER
========================================= */

.dpe-faq-wrapper {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .75fr 1.25fr;

    gap: 80px;

    align-items: start;
}


/* =========================================
   LEFT SIDE
========================================= */

.dpe-faq-left {

    position: sticky;

    top: 110px;
}


.dpe-faq-tag {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #d79608;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.2px;

    margin-bottom: 16px;
}


.dpe-faq-tag i {

    display: block;

    width: 32px;

    height: 2px;

    background:
        #f4aa19;
}


.dpe-faq-left h2 {

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(40px,4vw,57px);

    line-height: 1.05;

    letter-spacing: -1px;

    margin: 0 0 20px;
}


.dpe-faq-left h2 span {

    display: block;

    color: #d79608;
}


.dpe-faq-left > p {

    max-width: 460px;

    color: #6c788b;

    font-size: 13px;

    line-height: 1.85;

    margin-bottom: 28px;
}


/* =========================================
   QUESTION CARD
========================================= */

.dpe-faq-card {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 17px;

    background: #06183c;

    border-radius: 16px;

    box-shadow:
        0 20px 45px
        rgba(6,24,60,.16);

    margin-bottom: 20px;
}


.dpe-faq-card-icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: grid;

    place-items: center;

    border-radius: 13px;

    background: #f4aa19;

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size: 25px;

    font-weight: 700;
}


.dpe-faq-card strong {

    display: block;

    color: #fff;

    font-size: 13px;

    margin-bottom: 3px;
}


.dpe-faq-card span {

    display: block;

    color: #aebdd3;

    font-size: 10px;

    line-height: 1.5;
}


/* CTA */

.dpe-faq-btn {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 13px 20px;

    background: #f4aa19;

    color: #06183c;

    border-radius: 50px;

    font-size: 12px;

    font-weight: 800;

    transition:
        all .35s ease;
}


.dpe-faq-btn:hover {

    background: #06183c;

    color: #fff;

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 30px
        rgba(6,24,60,.18);
}


.dpe-faq-btn b {

    font-size: 17px;
}


/* =========================================
   RIGHT FAQ
========================================= */

.dpe-faq-right {

    display: flex;

    flex-direction: column;

    gap: 11px;
}


/* FAQ ITEM */

.dpe-faq-item {

    background: #fff;

    border: 1px solid
        #e5eaf1;

    border-radius: 16px;

    overflow: hidden;

    transition:
        all .35s ease;
}


.dpe-faq-item:hover {

    border-color:
        rgba(244,170,25,.45);

    box-shadow:
        0 12px 35px
        rgba(6,24,60,.07);
}


.dpe-faq-item.active {

    border-color:
        rgba(244,170,25,.65);

    box-shadow:
        0 15px 40px
        rgba(6,24,60,.08);
}


/* QUESTION */

.dpe-faq-question {

    width: 100%;

    border: 0;

    outline: 0;

    background: transparent;

    padding: 20px 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    text-align: left;

    cursor: pointer;

    color: #06183c;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;
}


.dpe-faq-question span {

    padding-right: 10px;
}


.dpe-faq-question i {

    width: 30px;

    height: 30px;

    flex: 0 0 30px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        #f2f5f9;

    color: #06183c;

    font-size: 19px;

    font-style: normal;

    transition:
        all .35s ease;
}


.dpe-faq-item.active
.dpe-faq-question i {

    background:
        #f4aa19;

    color:
        #06183c;

    transform:
        rotate(45deg);
}


/* =========================================
   ANSWER
========================================= */

.dpe-faq-answer {

    display: grid;

    grid-template-rows: 0fr;

    transition:
        grid-template-rows .45s
        cubic-bezier(.22,1,.36,1);
}


.dpe-faq-answer p {

    overflow: hidden;

    margin: 0;

    padding: 0 22px;

    color: #6d788a;

    font-size: 12px;

    line-height: 1.8;

    opacity: 0;

    transition:
        opacity .3s ease,
        padding .45s ease;
}


.dpe-faq-item.active
.dpe-faq-answer {

    grid-template-rows: 1fr;
}


.dpe-faq-item.active
.dpe-faq-answer p {

    padding:
        0 22px 20px;

    opacity: 1;
}


.dpe-faq-answer a {

    color: #d79608;

    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media(max-width: 950px) {

    .dpe-faq-wrapper {

        grid-template-columns:
            1fr;

        gap: 50px;
    }


    .dpe-faq-left {

        position: relative;

        top: auto;
    }


    .dpe-faq-left > p {

        max-width: 700px;
    }

}


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

@media(max-width: 600px) {

    .dpe-faq-section {

        padding: 75px 0;
    }


    .dpe-faq-left h2 {

        font-size: 38px;
    }


    .dpe-faq-question {

        padding:
            17px 15px;

        font-size: 12px;

        line-height: 1.5;
    }


    .dpe-faq-question i {

        width: 27px;

        height: 27px;

        flex-basis: 27px;

        font-size: 17px;
    }


    .dpe-faq-answer p {

        padding-left: 15px;

        padding-right: 15px;

        font-size: 11px;

        line-height: 1.7;
    }


    .dpe-faq-item.active
    .dpe-faq-answer p {

        padding:
            0 15px 17px;
    }

}
/* =========================================
   DIGITAL POWER EVENT
   PREMIUM CONTACT SECTION
========================================= */

.dpe-contact-section {

    position: relative;

    padding: 110px 0;

    background:
        #f7f9fc;

    overflow: hidden;
}


/* Background Decoration */

.dpe-contact-section::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.045);

    top: -300px;

    right: -250px;
}


.dpe-contact-section::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    border:
        1px solid
        rgba(6,24,60,.05);

    bottom: -170px;

    left: -130px;
}


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

.dpe-contact-heading {

    position: relative;

    z-index: 2;

    max-width: 750px;

    margin: 0 auto 60px;

    text-align: center;
}


.dpe-contact-tag {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #d79608;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.4px;

    margin-bottom: 15px;
}


.dpe-contact-tag i {

    width: 30px;

    height: 2px;

    background: #f4aa19;
}


.dpe-contact-heading h2 {

    margin: 0 0 17px;

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(42px,5vw,62px);

    line-height: 1.04;

    letter-spacing: -1.5px;
}


.dpe-contact-heading h2 span {

    color: #d79608;
}


.dpe-contact-heading p {

    max-width: 650px;

    margin: auto;

    color: #6c788b;

    font-size: 13px;

    line-height: 1.85;
}


/* =========================================
   MAIN GRID
========================================= */

.dpe-contact-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap: 45px;

    align-items: stretch;
}


/* =========================================
   LEFT SIDE
========================================= */

.dpe-contact-info {

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* Visual */

.dpe-contact-visual {

    position: relative;

    min-height: 310px;

    overflow: hidden;

    border-radius: 27px;

    background:
        linear-gradient(
            135deg,
            #06183c,
            #102f67
        );

    box-shadow:
        0 25px 60px
        rgba(6,24,60,.20);
}


.dpe-contact-glow {

    position: absolute;

    width: 260px;

    height: 260px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.20);

    filter:
        blur(55px);

    top: -70px;

    right: -40px;

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


@keyframes dpeContactGlow {

    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.18);
    }

}


.dpe-contact-visual::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border: 1px solid
        rgba(255,255,255,.10);

    border-radius: 50%;

    right: -90px;

    bottom: -150px;
}


.dpe-contact-visual-content {

    position: relative;

    z-index: 2;

    padding: 40px;
}


.dpe-contact-visual-content > span {

    color: #f4aa19;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dpe-contact-visual-content h3 {

    max-width: 380px;

    color: #fff;

    font-family:
        "Playfair Display",
        serif;

    font-size: 37px;

    line-height: 1.08;

    margin: 18px 0 13px;
}


.dpe-contact-visual-content h3 strong {

    display: block;

    color: #f4aa19;
}


.dpe-contact-visual-content p {

    color: #c5d1e3;

    font-size: 11px;

    letter-spacing: .8px;

    margin: 0;
}


/* Circle */

.dpe-contact-circle {

    position: absolute;

    z-index: 2;

    right: 38px;

    bottom: 35px;

    width: 105px;

    height: 105px;

    border-radius: 50%;

    display: grid;

    place-items: center;

    border:
        1px solid
        rgba(255,255,255,.25);

    color: rgba(255,255,255,.85);

    font-family:
        "Playfair Display",
        serif;

    font-size: 25px;

    animation:
        dpeContactRotate 15s
        linear infinite;
}


@keyframes dpeContactRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


/* =========================================
   CONTACT DETAILS
========================================= */

.dpe-contact-details {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;
}


.dpe-contact-detail {

    position: relative;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 14px;

    background: #fff;

    border:
        1px solid
        #e5eaf1;

    border-radius: 14px;

    transition:
        all .35s ease;
}


.dpe-contact-detail:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(244,170,25,.45);

    box-shadow:
        0 15px 35px
        rgba(6,24,60,.08);
}


.dpe-contact-detail-icon {

    width: 37px;

    height: 37px;

    flex: 0 0 37px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    background: #fff5dc;

    color: #d79608;

    font-size: 13px;

    font-weight: 800;
}


.dpe-contact-detail-icon.whatsapp {

    background:
        #e5f8ec;

    color:
        #18a958;

    font-size: 10px;
}


.dpe-contact-detail small {

    display: block;

    color: #9aa4b2;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.2px;

    margin-bottom: 3px;
}


.dpe-contact-detail strong {

    display: block;

    color: #06183c;

    font-size: 11px;
}


.dpe-contact-detail span {

    display: block;

    color: #8791a0;

    font-size: 8px;

    margin-top: 2px;
}


.dpe-contact-detail > b {

    margin-left: auto;

    color: #c4cbd5;

    font-size: 15px;

    transition: .3s;
}


.dpe-contact-detail:hover > b {

    color: #d79608;

    transform:
        translateX(3px);
}


/* =========================================
   FORM BOX
========================================= */

.dpe-contact-form-box {

    padding: 35px;

    background: #fff;

    border:
        1px solid
        #e5eaf1;

    border-radius: 27px;

    box-shadow:
        0 25px 60px
        rgba(6,24,60,.09);
}


/* Form Top */

.dpe-form-top {

    display: flex;

    justify-content:
        space-between;

    align-items: flex-start;

    margin-bottom: 27px;
}


.dpe-form-top > div:first-child > span {

    color: #d79608;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dpe-form-top h3 {

    color: #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size: 29px;

    line-height: 1.1;

    margin: 7px 0 0;
}


.dpe-form-top h3 strong {

    color: #d79608;
}


.dpe-form-number {

    color: #e2e6ec;

    font-family:
        "Playfair Display",
        serif;

    font-size: 50px;

    line-height: 1;
}


/* =========================================
   FORM GRID
========================================= */

.dpe-contact-form {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 17px 15px;
}


.dpe-form-group {

    display: flex;

    flex-direction: column;

    gap: 7px;
}


.dpe-form-group.full {

    grid-column:
        1 / -1;
}


.dpe-form-group label {

    color: #394861;

    font-size: 10px;

    font-weight: 800;
}


.dpe-form-group input,
.dpe-form-group select,
.dpe-form-group textarea {

    width: 100%;

    border:
        1px solid
        #e1e6ed;

    background:
        #f9fafc;

    color:
        #06183c;

    font-family: inherit;

    font-size: 11px;

    border-radius: 10px;

    outline: none;

    transition:
        all .3s ease;
}


.dpe-form-group input,
.dpe-form-group select {

    height: 45px;

    padding:
        0 13px;
}


.dpe-form-group textarea {

    min-height: 105px;

    padding:
        12px 13px;

    resize:
        vertical;
}


.dpe-form-group input:focus,
.dpe-form-group select:focus,
.dpe-form-group textarea:focus {

    background: #fff;

    border-color:
        #f4aa19;

    box-shadow:
        0 0 0 3px
        rgba(244,170,25,.09);
}


.dpe-form-group input::placeholder,
.dpe-form-group textarea::placeholder {

    color: #a6afbc;
}


/* Submit */

.dpe-form-submit {

    grid-column:
        1 / -1;

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 3px;
}


.dpe-contact-submit {

    border: 0;

    min-height: 48px;

    padding:
        0 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    background:
        #f4aa19;

    color:
        #06183c;

    border-radius:
        50px;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        800;

    cursor: pointer;

    transition:
        all .35s ease;
}


.dpe-contact-submit:hover {

    background:
        #06183c;

    color:
        #fff;

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 30px
        rgba(6,24,60,.18);
}


.dpe-contact-submit span {

    font-size: 17px;
}


.dpe-form-submit small {

    color:
        #9aa4b2;

    font-size:
        8px;

    line-height:
        1.5;

    max-width:
        180px;
}


/* =========================================
   LOCATION BAR
========================================= */

.dpe-contact-location {

    position: relative;

    z-index: 2;

    margin-top: 25px;

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 18px 22px;

    background:
        #06183c;

    color: #fff;

    border-radius: 16px;

    box-shadow:
        0 20px 45px
        rgba(6,24,60,.15);
}


.dpe-location-icon {

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        #f4aa19;

    color:
        #06183c;

    font-size: 17px;
}


.dpe-contact-location small {

    display: block;

    color:
        #9fafc4;

    font-size:
        8px;

    letter-spacing:
        1.5px;

    margin-bottom:
        3px;
}


.dpe-contact-location strong {

    display: block;

    color:
        #fff;

    font-size:
        12px;
}


.dpe-contact-location > a {

    margin-left:
        auto;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #f4aa19;

    font-size:
        11px;

    font-weight:
        800;
}


.dpe-contact-location > a span {

    font-size:
        15px;

    transition:
        .3s;
}


.dpe-contact-location > a:hover span {

    transform:
        translate(3px,-3px);
}


/* =========================================
   TABLET
========================================= */

@media(max-width: 950px) {

    .dpe-contact-grid {

        grid-template-columns:
            1fr;
    }


    .dpe-contact-info {

        max-width:
            750px;

        width:
            100%;

        margin:
            auto;
    }

}


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

@media(max-width: 600px) {

    .dpe-contact-section {

        padding:
            75px 0;
    }


    .dpe-contact-heading {

        margin-bottom:
            40px;
    }


    .dpe-contact-heading h2 {

        font-size:
            39px;
    }


    .dpe-contact-visual {

        min-height:
            280px;
    }


    .dpe-contact-visual-content {

        padding:
            28px 23px;
    }


    .dpe-contact-visual-content h3 {

        font-size:
            30px;
    }


    .dpe-contact-circle {

        width:
            80px;

        height:
            80px;

        right:
            20px;

        bottom:
            20px;

        font-size:
            19px;
    }


    .dpe-contact-details {

        grid-template-columns:
            1fr;
    }


    .dpe-contact-form-box {

        padding:
            23px 17px;

        border-radius:
            20px;
    }


    .dpe-form-top h3 {

        font-size:
            25px;
    }


    .dpe-form-number {

        font-size:
            38px;
    }


    .dpe-contact-form {

        grid-template-columns:
            1fr;
    }


    .dpe-form-group.full {

        grid-column:
            auto;
    }


    .dpe-form-submit {

        grid-column:
            auto;

        flex-direction:
            column;

        align-items:
            flex-start;
    }


    .dpe-contact-location {

        align-items:
            flex-start;

        flex-wrap:
            wrap;
    }


    .dpe-contact-location > a {

        margin-left:
            56px;
    }

}
/* =========================================
   FLOATING ENQUIRY BUTTON
========================================= */

.dpe-enquiry-float {

    position: fixed;

    left: 0;

    bottom: 28px;

    z-index: 9998;

    height: 52px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 0 18px 0 8px;

    border: 0;

    border-radius:
        0 30px 30px 0;

    background:
        #f4aa19;

    color:
        #06183c;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        800;

    cursor:
        pointer;

    box-shadow:
        0 10px 30px
        rgba(6,24,60,.25);

    transition:
        all .35s
        cubic-bezier(.22,1,.36,1);
}


.dpe-enquiry-float:hover {

    padding-right:
        23px;

    background:
        #06183c;

    color:
        #fff;

    transform:
        translateX(3px);

    box-shadow:
        0 15px 35px
        rgba(6,24,60,.30);
}


/* Icon */

.dpe-enquiry-icon {

    width: 37px;

    height: 37px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        #06183c;

    color:
        #f4aa19;

    font-size:
        15px;

    transition:
        .35s ease;
}


.dpe-enquiry-float:hover
.dpe-enquiry-icon {

    background:
        #f4aa19;

    color:
        #06183c;

    transform:
        rotate(-8deg);
}


/* =========================================
   MODAL
========================================= */

.dpe-enquiry-modal {

    position: fixed;

    inset: 0;

    z-index: 10000;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 25px;

    visibility: hidden;

    opacity: 0;

    transition:
        opacity .35s ease,
        visibility .35s ease;
}


.dpe-enquiry-modal.active {

    visibility: visible;

    opacity: 1;
}


/* Backdrop */

.dpe-enquiry-backdrop {

    position: absolute;

    inset: 0;

    background:
        rgba(2,10,27,.78);

    backdrop-filter:
        blur(8px);
}


/* =========================================
   MODAL BOX
========================================= */

.dpe-enquiry-box {

    position: relative;

    z-index: 2;

    width: min(900px, 100%);

    max-height:
        calc(100vh - 50px);

    display: grid;

    grid-template-columns:
        .82fr 1.18fr;

    overflow: hidden;

    border-radius:
        25px;

    background:
        #fff;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.35);

    transform:
        translateY(30px)
        scale(.97);

    transition:
        transform .45s
        cubic-bezier(.22,1,.36,1);
}


.dpe-enquiry-modal.active
.dpe-enquiry-box {

    transform:
        translateY(0)
        scale(1);
}


/* =========================================
   CLOSE
========================================= */

.dpe-enquiry-close {

    position: absolute;

    z-index: 10;

    right: 15px;

    top: 15px;

    width: 36px;

    height: 36px;

    border: 0;

    border-radius: 50%;

    background:
        rgba(255,255,255,.12);

    color:
        #fff;

    font-size:
        24px;

    line-height: 1;

    cursor:
        pointer;

    transition:
        .3s ease;
}


.dpe-enquiry-close:hover {

    background:
        #f4aa19;

    color:
        #06183c;

    transform:
        rotate(90deg);
}


/* =========================================
   LEFT INFO
========================================= */

.dpe-enquiry-info {

    position: relative;

    overflow: hidden;

    padding:
        48px 35px;

    background:
        linear-gradient(
            145deg,
            #06183c,
            #102f67
        );

    color: #fff;
}


.dpe-enquiry-info::before {

    content: "";

    position: absolute;

    width: 270px;

    height: 270px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius: 50%;

    right:
        -120px;

    bottom:
        -100px;
}


.dpe-enquiry-info::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    background:
        rgba(244,170,25,.13);

    filter:
        blur(45px);

    top:
        -60px;

    right:
        -40px;
}


.dpe-enquiry-small {

    position: relative;

    z-index: 2;

    color:
        #f4aa19;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.dpe-enquiry-info h2 {

    position: relative;

    z-index: 2;

    margin:
        17px 0 15px;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        37px;

    line-height:
        1.08;
}


.dpe-enquiry-info h2 span {

    display: block;

    color:
        #f4aa19;
}


.dpe-enquiry-info > p {

    position: relative;

    z-index: 2;

    color:
        #c2cee0;

    font-size:
        11px;

    line-height:
        1.8;
}


/* Points */

.dpe-enquiry-points {

    position: relative;

    z-index: 2;

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

    margin-top:
        27px;
}


.dpe-enquiry-points div {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        #dce5f2;

    font-size:
        10px;
}


.dpe-enquiry-points i {

    width:
        21px;

    height:
        21px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #f4aa19;

    color:
        #06183c;

    font-size:
        8px;
}


/* Call */

.dpe-enquiry-call {

    position:
        absolute;

    z-index:
        3;

    left:
        35px;

    bottom:
        30px;
}


.dpe-enquiry-call small {

    display:
        block;

    color:
        #8fa2bd;

    font-size:
        8px;

    letter-spacing:
        1.5px;
}


.dpe-enquiry-call a {

    display:
        block;

    margin-top:
        3px;

    color:
        #fff;

    font-size:
        14px;

    font-weight:
        800;
}


/* =========================================
   FORM AREA
========================================= */

.dpe-enquiry-form-area {

    padding:
        40px;

    overflow-y:
        auto;
}


.dpe-enquiry-form-heading {

    margin-bottom:
        22px;
}


.dpe-enquiry-form-heading span {

    display:
        block;

    color:
        #d79608;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;

    margin-bottom:
        5px;
}


.dpe-enquiry-form-heading strong {

    display:
        block;

    color:
        #06183c;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        26px;
}


/* Form */

#dpeQuickEnquiryForm {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        14px;
}


.dpe-enquiry-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;
}


.dpe-enquiry-field.full {

    grid-column:
        1 / -1;
}


.dpe-enquiry-field label {

    color:
        #405069;

    font-size:
        9px;

    font-weight:
        800;
}


.dpe-enquiry-field input,
.dpe-enquiry-field select,
.dpe-enquiry-field textarea {

    width:
        100%;

    border:
        1px solid
        #e1e6ed;

    border-radius:
        9px;

    background:
        #f9fafc;

    color:
        #06183c;

    font-family:
        inherit;

    font-size:
        11px;

    outline:
        none;

    transition:
        .3s ease;
}


.dpe-enquiry-field input,
.dpe-enquiry-field select {

    height:
        42px;

    padding:
        0 12px;
}


.dpe-enquiry-field textarea {

    padding:
        11px 12px;

    resize:
        vertical;

    min-height:
        78px;
}


.dpe-enquiry-field input:focus,
.dpe-enquiry-field select:focus,
.dpe-enquiry-field textarea:focus {

    background:
        #fff;

    border-color:
        #f4aa19;

    box-shadow:
        0 0 0 3px
        rgba(244,170,25,.10);
}


/* Submit */

.dpe-enquiry-submit {

    grid-column:
        1 / -1;

    height:
        48px;

    border:
        0;

    border-radius:
        50px;

    background:
        #f4aa19;

    color:
        #06183c;

    font-family:
        inherit;

    font-size:
        11px;

    font-weight:
        800;

    cursor:
        pointer;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    transition:
        .35s ease;
}


.dpe-enquiry-submit:hover {

    background:
        #06183c;

    color:
        #fff;

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(6,24,60,.18);
}


.dpe-enquiry-submit i {

    font-size:
        16px;
}


.dpe-enquiry-note {

    grid-column:
        1 / -1;

    text-align:
        center;

    margin:
        -4px 0 0;

    color:
        #9aa4b2;

    font-size:
        8px;
}


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

@media(max-width:700px) {

    .dpe-enquiry-float {

        bottom:
            18px;

        height:
            46px;

        padding:
            0 15px 0 6px;

        font-size:
            11px;
    }


    .dpe-enquiry-icon {

        width:
            34px;

        height:
            34px;
    }


    .dpe-enquiry-modal {

        padding:
            12px;
    }


    .dpe-enquiry-box {

        display:
            block;

        max-height:
            calc(100vh - 24px);

        overflow-y:
            auto;

        border-radius:
            20px;
    }


    .dpe-enquiry-info {

        padding:
            30px 23px 25px;
    }


    .dpe-enquiry-info h2 {

        font-size:
            30px;

        padding-right:
            25px;
    }


    .dpe-enquiry-points {

        gap:
            8px;

        margin-top:
            18px;
    }


    .dpe-enquiry-call {

        position:
            relative;

        left:
            auto;

        bottom:
            auto;

        margin-top:
            22px;
    }


    .dpe-enquiry-form-area {

        padding:
            25px 18px 20px;
    }


    #dpeQuickEnquiryForm {

        grid-template-columns:
            1fr;
    }


    .dpe-enquiry-field.full,
    .dpe-enquiry-submit,
    .dpe-enquiry-note {

        grid-column:
            auto;
    }

}