.elementor-17 .elementor-element.elementor-element-99e95dd{--display:flex;}.elementor-17 .elementor-element.elementor-element-4340b5d{--display:flex;--border-radius:95px 95px 95px 95px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-be15ff8{--display:flex;}.elementor-17 .elementor-element.elementor-element-1e9b9bc{--display:flex;}.elementor-17 .elementor-element.elementor-element-9a031a3{--display:flex;}.elementor-17 .elementor-element.elementor-element-b0023b6{--display:flex;}.elementor-17 .elementor-element.elementor-element-48872f3{--display:flex;}.elementor-17 .elementor-element.elementor-element-2c40844{--display:flex;}.elementor-17 .elementor-element.elementor-element-cbafc70{--display:flex;}.elementor-17 .elementor-element.elementor-element-d3e1996{--display:flex;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-ba46497 *//* ===============================
   ABOUT IMPERIUM DIGITAL
=============================== */

.about-company{
    background:#0f172a;
    padding:55px 70px;
    color:#fff;
    overflow:hidden;
}

.about-container{
    max-width:1250px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:55px;
}

/* LEFT SIDE */
.about-content{
    flex:1;
    max-width:560px;
}

.about-badge{
    display:inline-block;
    background:#20283d;
    color:#ffffff;
    font-size:11px;
    letter-spacing:2px;
    font-weight:600;
    text-transform:uppercase;
    padding:10px 22px;
    border-radius:50px;
    margin-bottom:20px;
}

.about-content h2{
    font-size:56px;
    line-height:1.05;
    font-weight:800;
    color:#ffffff;
    margin-bottom:22px;
}

.about-content p{
    font-size:17px;
    line-height:1.9;
    color:#c8d0df;
    margin-bottom:18px;
    font-weight:400;
}

.about-content strong{
    color:#ffffff;
    font-weight:700;
}

/* IMAGE */
.about-image{
    flex:1;
    display:flex;
    justify-content:flex-end;
}

.about-image img{
    width:100%;
    max-width:620px;
    border-radius:28px;
    display:block;
    object-fit:cover;
    transition:.4s;
    box-shadow:0 25px 70px rgba(0,0,0,.45);
}

.about-image img:hover{
    transform:translateY(-8px);
}

/* RESPONSIVE */
@media(max-width:991px){

.about-company{
    padding:45px 25px;
}

.about-container{
    flex-direction:column;
    text-align:center;
    gap:35px;
}

.about-content{
    max-width:100%;
}

.about-content h2{
    font-size:38px;
}

.about-content p{
    font-size:15px;
    line-height:1.8;
}

.about-image{
    justify-content:center;
}

.about-image img{
    max-width:100%;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d53868 *//*=============================
      IMPERIUM DIGITAL STATS
==============================*/

.id-stats{
    background: linear-gradient(135deg,#7663F4,#7E67F7);
    padding: 32px 20px;
    border-radius:18px;
    overflow:hidden;
}

.id-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.id-stat-box{
    flex:1;
    text-align:center;
}

.id-stat-box h2{
    font-size:58px;
    line-height:1;
    color:#fff;
    font-weight:800;
    margin:0;
}

.id-stat-box p{
    margin-top:8px;
    color:rgba(255,255,255,.88);
    font-size:20px;
    font-weight:400;
}

.id-divider{
    width:1px;
    height:90px;
    background:rgba(255,255,255,.28);
}

/* Tablet */
@media(max-width:991px){

.id-container{
    flex-wrap:wrap;
    gap:40px;
}

.id-divider{
    display:none;
}

.id-stat-box{
    width:45%;
    flex:none;
}

.id-stat-box h2{
    font-size:48px;
}

.id-stat-box p{
    font-size:18px;
}

}

/* Mobile */
@media(max-width:767px){

.id-container{
    flex-direction:column;
    gap:30px;
}

.id-stat-box{
    width:100%;
}

.id-stat-box h2{
    font-size:42px;
}

.id-stat-box p{
    font-size:17px;
}

.id-stats{
    padding:30px 15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6d86e3 *//* ===== OUR STORY ===== */

.our-story{
    padding:50px 7%;
    background:#fff;
    font-family:'Poppins',sans-serif;
}

.story-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.45fr .75fr;
    gap:45px;
    align-items:center;
}

.story-badge{
    display:inline-block;
    padding:8px 18px;
    background:#f3efff;
    color:#6a5af9;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.story-line{
    width:55px;
    height:4px;
    background:#6a5af9;
    border-radius:30px;
    margin-bottom:18px;
}

.story-left h2{
    font-size:44px;
    line-height:1.08;
    color:#1b2138;
    font-weight:800;
    margin-bottom:18px;
}

.story-left p{
    font-size:16px;
    color:#5b6176;
    line-height:1.8;
    margin-bottom:18px;
}

.story-left strong{
    color:#1b2138;
}

/* RIGHT CARD */

.story-right{
    background:#fff;
    border:1px solid #ece8ff;
    border-radius:18px;
    padding:26px 30px;
    box-shadow:0 10px 35px rgba(108,90,249,.08);
}

.story-right h3{
    font-size:24px;
    color:#1b2138;
    font-weight:800;
    margin-bottom:18px;
}

.info-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:14px 0;
    border-bottom:1px solid #f0effa;
}

.info-row:last-child{
    border:none;
}

.info-row span{
    color:#7d86a3;
    font-size:14px;
    font-weight:600;
}

.info-row strong{
    color:#1b2138;
    font-size:14px;
    font-weight:700;
    text-align:right;
    line-height:1.5;
    max-width:180px;
}

/* Responsive */

@media(max-width:991px){

.story-container{
    grid-template-columns:1fr;
    gap:30px;
}

.story-left h2{
    font-size:34px;
}

.story-left p{
    font-size:15px;
}

.story-right{
    padding:22px;
}

.story-right h3{
    font-size:22px;
}

.info-row{
    flex-direction:column;
    gap:6px;
}

.info-row strong{
    text-align:left;
    max-width:100%;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a5a7d */.imperium-mission-vision{
    max-width:1320px;
    margin:80px auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    font-family:'Poppins',sans-serif;
}

.mv-card{
    background:#F6F4FF;
    border:1px solid #E8E2FF;
    border-top:5px solid #735DFF;
    border-radius:22px;
    padding:40px;
    transition:.35s ease;
}

.mv-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.mv-card h2{
    font-size:52px;
    font-weight:800;
    color:#6B5BFF;
    margin:0 0 20px;
    line-height:1.2;
}

.mv-card p{
    font-size:20px;
    line-height:1.9;
    color:#374151;
    margin:0;
}

@media(max-width:992px){

.imperium-mission-vision{
    grid-template-columns:1fr;
}

}

@media(max-width:768px){

.mv-card{
    padding:30px;
}

.mv-card h2{
    font-size:38px;
}

.mv-card p{
    font-size:17px;
    line-height:1.8;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-804d6de *//* ==========================
   IMPERIUM DIGITAL TIMELINE
========================== */

.imperium-timeline{
    background:#0F1423;
    padding:100px 20px;
    font-family:'Poppins',sans-serif;
    overflow:hidden;
}

.imperium-timeline .timeline-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 90px;
}

.imperium-timeline .timeline-heading span{
    display:inline-block;
    background:#242A3D;
    color:#B7A6FF;
    padding:8px 22px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.imperium-timeline .timeline-heading h2{
    color:#ffffff;
    font-size:60px;
    font-weight:800;
    margin:25px 0;
    line-height:1.15;
}

.imperium-timeline .timeline-heading p{
    color:#9EA6B5;
    font-size:20px;
    line-height:1.8;
}

.timeline{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:3px;
    height:100%;
    background:#5143C6;
    transform:translateX(-50%);
}

/* Timeline Item */

.timeline-item{
    position:relative;
    width:50%;
    padding:40px 60px;
    box-sizing:border-box;
}

.timeline-item.left{
    left:0;
    text-align:right;
}

.timeline-item.right{
    left:50%;
    text-align:left;
}

.timeline-content{
    max-width:430px;
}

.timeline-item.left .timeline-content{
    margin-left:auto;
}

.timeline-item.right .timeline-content{
    margin-right:auto;
}

.year{
    display:block;
    color:#8C7BFF;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
}

.timeline-content h3{
    color:#ffffff;
    font-size:36px;
    font-weight:700;
    margin-bottom:20px;
}

.timeline-content p{
    color:#9EA6B5;
    line-height:1.9;
    font-size:18px;
}

/* Timeline Dot */

.timeline-dot{
    position:absolute;
    top:45px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#7B61FF;
    border:6px solid rgba(123,97,255,.25);
    z-index:10;
    box-shadow:0 0 25px rgba(123,97,255,.6);
}

.timeline-item.left .timeline-dot{
    right:-12px;
}

.timeline-item.right .timeline-dot{
    left:-12px;
}

/* Hover */

.timeline-content{
    transition:.35s;
}

.timeline-item:hover .timeline-content{
    transform:translateY(-8px);
}

/* Responsive */

@media(max-width:991px){

.timeline::before{
left:30px;
}

.timeline-item,
.timeline-item.left,
.timeline-item.right{
width:100%;
left:0;
padding-left:80px;
padding-right:20px;
text-align:left;
}

.timeline-item.left .timeline-content,
.timeline-item.right .timeline-content{
margin:0;
max-width:100%;
}

.timeline-item.left .timeline-dot,
.timeline-item.right .timeline-dot{
left:18px;
right:auto;
}

.imperium-timeline .timeline-heading h2{
font-size:42px;
}

.imperium-timeline .timeline-heading p{
font-size:17px;
}

.timeline-content h3{
font-size:28px;
}

.timeline-content p{
font-size:16px;
}

}

@media(max-width:600px){

.imperium-timeline{
padding:70px 20px;
}

.imperium-timeline .timeline-heading h2{
font-size:34px;
}

.imperium-timeline .timeline-heading span{
font-size:11px;
}

.timeline-content h3{
font-size:24px;
}

.timeline-content p{
font-size:15px;
line-height:1.8;
}

.year{
font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f93a92 *//*==========================
      FOUNDER SECTION
===========================*/

.founder-section{
    padding:80px 20px;
    background:#F8F8FF;
    font-family:Poppins,sans-serif;
}

.founder-container{
    max-width:1180px;
    margin:auto;
    display:grid;
    grid-template-columns:390px 1fr;
    gap:55px;
    align-items:center;

    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.founder-image img{
    width:100%;
    border-radius:20px;
    display:block;
    object-fit:cover;
    transition:.35s;
}

.founder-image:hover img{
    transform:scale(1.02);
}

.small-heading{
    color:#6C63FF;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.founder-content h2{
    font-size:48px;
    line-height:1.1;
    color:#1F2037;
    margin:12px 0;
    font-weight:800;
}

.founder-content h4{
    color:#6C63FF;
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
}

.founder-content p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:18px;
}

.founder-content strong{
    color:#20223B;
}

@media(max-width:992px){

.founder-container{
    grid-template-columns:1fr;
    text-align:center;
    padding:30px;
}

.founder-image{
    max-width:320px;
    margin:auto;
}

.founder-content h2{
    font-size:38px;
}

}

@media(max-width:768px){

.founder-section{
    padding:60px 15px;
}

.founder-container{
    gap:30px;
}

.founder-content h2{
    font-size:32px;
}

.founder-content h4{
    font-size:18px;
}

.founder-content p{
    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1ad849 */.team-section{
    padding:90px 20px;
    background:#fff;
    font-family:'Poppins',sans-serif;
}

.team-heading{
    max-width:820px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.team-heading span{
    display:inline-block;
    padding:8px 18px;
    background:#F1EEFF;
    color:#6C63FF;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.team-heading h2{
    font-size:58px;
    color:#1F2037;
    margin:20px 0;
    font-weight:800;
}

.team-heading p{
    color:#6B7280;
    font-size:18px;
    line-height:1.8;
}

.team-grid{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.team-card{
    background:#fff;
    border:1px solid #E8E2FF;
    border-radius:22px;
    padding:40px 35px;
    text-align:center;
    transition:.35s;
}

.team-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.team-card img{
    width:115px;
    height:115px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid #ECE8FF;
    margin-bottom:25px;
}

.team-card h3{
    font-size:30px;
    color:#1F2037;
    margin-bottom:12px;
    font-weight:700;
}

.team-card span{
    display:inline-block;
    background:#F2EEFF;
    color:#6C63FF;
    padding:8px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin-bottom:22px;
}

.team-card p{
    color:#6B7280;
    line-height:1.9;
    font-size:16px;
}

@media(max-width:1024px){

.team-grid{
grid-template-columns:repeat(2,1fr);
}

.team-heading h2{
font-size:46px;
}

}

@media(max-width:768px){

.team-grid{
grid-template-columns:1fr;
}

.team-heading h2{
font-size:36px;
}

.team-card{
padding:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-158a66a *//*==============================
    SERVICES SECTION
==============================*/

.services-section{
    background:#141826;
    padding:80px 20px;
    font-family:'Poppins',sans-serif;
}

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

.section-heading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.section-heading span{
    display:inline-block;
    background:#2B3142;
    color:#fff;
    padding:8px 20px;
    border-radius:40px;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-heading h2{
    color:#fff;
    font-size:48px;
    font-weight:800;
    margin:18px 0 15px;
    line-height:1.2;
}

.section-heading p{
    color:#AEB5C5;
    font-size:17px;
    line-height:1.8;
}

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

.services-grid{
    max-width:1180px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

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

.service-card{
    background:#1C2230;
    border:1px solid #31384B;
    border-radius:18px;
    padding:28px;
    transition:.35s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    border-color:#6C63FF;
    box-shadow:0 18px 40px rgba(108,99,255,.15);
}

/*==============================
        ICON
==============================*/

.service-icon{
    width:58px;
    height:58px;
    background:#302B5A;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:20px;
}

/*==============================
        TITLE
==============================*/

.service-card h3{
    color:#fff;
    font-size:25px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:15px;
}

/*==============================
        DESCRIPTION
==============================*/

.service-card p{
    color:#BAC2D3;
    font-size:15px;
    line-height:1.75;
    margin-bottom:22px;
}

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

.service-card a{
    color:#7E74FF;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.service-card a:hover{
    color:#fff;
    letter-spacing:.5px;
}

/*==============================
        RESPONSIVE
==============================*/

@media(max-width:992px){

.services-grid{
    grid-template-columns:repeat(2,1fr);
}

.section-heading h2{
    font-size:40px;
}

}

@media(max-width:768px){

.services-section{
    padding:70px 18px;
}

.services-grid{
    grid-template-columns:1fr;
}

.section-heading h2{
    font-size:32px;
}

.section-heading p{
    font-size:16px;
}

.service-card{
    padding:24px;
}

.service-card h3{
    font-size:22px;
}

.service-card p{
    font-size:14px;
}

.service-icon{
    width:52px;
    height:52px;
    font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62d65db *//*=========================
      WHY CHOOSE US
=========================*/

.why-choose-us{
    padding:70px 20px;
    background:#F8F8FF;
    font-family:'Poppins',sans-serif;
}

.why-container{
    max-width:1180px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 0.95fr;
    gap:50px;
    align-items:center;
}

/* Heading */

.section-tag{
    display:inline-block;
    color:#6C63FF;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.why-content h2{
    font-size:46px;
    font-weight:800;
    color:#20223B;
    line-height:1.15;
    margin-bottom:25px;
}

/* List */

.why-list{
    list-style:none;
    padding:0;
    margin:0;
}

.why-list li{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:16px;
    font-size:16px;
    line-height:1.7;
    color:#4B5563;
}

.why-list i{
    width:28px;
    height:28px;
    min-width:28px;
    background:#EEE9FF;
    color:#6C63FF;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    margin-top:3px;
}

/* Button */

.why-btn{
    display:inline-block;
    margin-top:18px;
    background:#6C63FF;
    color:#fff;
    text-decoration:none;
    padding:14px 32px;
    border-radius:10px;
    font-size:15px;
    font-weight:600;
    border:2px solid #6C63FF;
    transition:.3s ease;
}

.why-btn:hover{
    background:#fff;
    color:#6C63FF;
    border-color:#6C63FF;
    transform:translateY(-4px);
}

/* Image */

.why-image{
    text-align:center;
}

.why-image img{
    width:100%;
    max-width:520px;
    border-radius:20px;
    display:block;
    margin:auto;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.why-image img:hover{
    transform:scale(1.02);
}

/* Tablet */

@media(max-width:992px){

.why-container{
    grid-template-columns:1fr;
    gap:40px;
}

.why-image{
    order:-1;
}

.why-content h2{
    font-size:38px;
}

}

/* Mobile */

@media(max-width:768px){

.why-choose-us{
    padding:60px 18px;
}

.why-content{
    text-align:center;
}

.why-content h2{
    font-size:30px;
}

.why-list li{
    font-size:15px;
    text-align:left;
}

.why-btn{
    width:100%;
    text-align:center;
}

.why-image img{
    max-width:380px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c719ab *//*=========================
        CTA SECTION
=========================*/

.cta-section{
    padding:90px 20px;
    background:linear-gradient(135deg,#6C63FF,#5B50E8);
    font-family:'Poppins',sans-serif;
}

.cta-content{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.cta-content h2{
    color:#fff;
    font-size:60px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:25px;
}

.cta-content h2 span{
    color:#fff;
}

.cta-content p{
    max-width:720px;
    margin:0 auto 40px;
    color:rgba(255,255,255,.92);
    font-size:20px;
    line-height:1.8;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    padding:16px 34px;
    border-radius:12px;
    transition:.35s;
}

/* Primary */

.btn-primary{

    background:#fff;
    color:#6C63FF;
    border:2px solid #fff;

}

.btn-primary:hover{

    background:transparent;
    color:#fff;
    border-color:#fff;
    transform:translateY(-4px);

}

/* Secondary */

.btn-secondary{

    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.35);

}

.btn-secondary:hover{

    background:#fff;
    color:#6C63FF;
    border-color:#fff;
    transform:translateY(-4px);

}

/*=========================
      Responsive
=========================*/

@media(max-width:768px){

.cta-section{

padding:70px 20px;

}

.cta-content h2{

font-size:38px;

}

.cta-content p{

font-size:17px;

}

.btn-primary,
.btn-secondary{

width:100%;

}

}/* End custom CSS */