/*==================================================
            PRICING HERO
==================================================*/

.pricing-hero-section{

    position:relative;

    overflow:hidden;

    padding:90px 0;

    background:
    linear-gradient(
        135deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

}

.pricing-hero-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:450px;

    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.08),
        transparent 72%
    );

}

.pricing-hero-section::after{

    content:"";

    position:absolute;

    bottom:-140px;

    left:-140px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.08),
        transparent 72%
    );

}

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

.pricing-hero-content{

    position:relative;

    z-index:2;

}

.pricing-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.pricing-badge i{

    color:#FF7A1A;

}

.pricing-hero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#081C3A;

    margin-bottom:28px;

}

.pricing-hero-content h1 span{

    color:#2563EB;

}

.pricing-hero-content p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

    margin-bottom:35px;

    max-width:720px;

}

/*==================================================
            HIGHLIGHTS
==================================================*/

.pricing-highlights{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.pricing-highlights div{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 18px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.06);

    border-radius:16px;

    color:#334155;

    font-weight:600;

    transition:.35s;

}

.pricing-highlights div:hover{

    transform:translateY(-4px);

    border-color:#2563EB;

    box-shadow:

    0 18px 40px rgba(37,99,235,.08);

}

.pricing-highlights i{

    color:#22C55E;

    font-size:18px;

}

/*==================================================
            BUTTONS
==================================================*/

.pricing-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.pricing-primary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:60px;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

    box-shadow:

    0 20px 45px rgba(37,99,235,.18);

}

.pricing-primary-btn:hover{

    color:#ffffff;

    transform:translateY(-4px);

}

.pricing-secondary-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    justify-content:center;

    padding:18px 34px;

    border-radius:60px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.08);

    color:#081C3A;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.pricing-secondary-btn:hover{

    color:#2563EB;

    border-color:#2563EB;

    transform:translateY(-4px);

}

/*==================================================
            TRUST
==================================================*/

.pricing-trust{

    display:flex;

    flex-wrap:wrap;

    gap:35px;

}

.pricing-trust div{

    color:#64748B;

    font-size:15px;

}

.pricing-trust strong{

    display:block;

    font-size:30px;

    color:#081C3A;

    font-weight:800;

    margin-bottom:6px;

}

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

.pricing-hero-card{

    position:relative;

    z-index:2;

    padding:35px;

    background:#ffffff;

    border-radius:28px;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 25px 60px rgba(15,23,42,.08);

}

.pricing-card-header{

    text-align:center;

    margin-bottom:25px;

}

.pricing-card-header h3{

    font-size:30px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:10px;

}

.pricing-card-header p{

    color:#64748B;

    line-height:1.8;

    margin:0;

}

.pricing-hero-card img{

    width:100%;

    border-radius:20px;

    margin-bottom:25px;

}

.pricing-hero-card .lead-form{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.pricing-hero-card input,
.pricing-hero-card select{

    width:100%;

    height:56px;

    padding:0 18px;

    border-radius:14px;

    border:1px solid rgba(15,23,42,.08);

    outline:none;

    transition:.3s;

    background:#ffffff;

}

.pricing-hero-card input:focus,
.pricing-hero-card select:focus{

    border-color:#2563EB;

    box-shadow:

    0 0 0 4px rgba(37,99,235,.08);

}

.pricing-hero-card button{

    height:56px;

    border:none;

    border-radius:14px;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    transition:.35s;

}

.pricing-hero-card button:hover{

    transform:translateY(-3px);

}

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

@media(max-width:1199px){

.pricing-hero-content h1{

font-size:48px;

}

}

@media(max-width:991px){

.pricing-hero-section{

padding:70px 0;

}

.pricing-hero-card{

margin-top:40px;

}

}

@media(max-width:767px){

.pricing-hero-section{

padding:50px 0;

}

.pricing-badge{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.pricing-hero-content h1{

font-size:34px;

line-height:1.3;

}

.pricing-hero-content p{

font-size:15px;

line-height:1.8;

margin-bottom:25px;

}

.pricing-highlights{

grid-template-columns:1fr;

gap:12px;

margin-bottom:30px;

}

.pricing-highlights div{

padding:14px 16px;

font-size:14px;

}

.pricing-buttons{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.pricing-primary-btn,
.pricing-secondary-btn{

width:100%;

padding:16px;

}

.pricing-trust{

justify-content:space-between;

gap:20px;

}

.pricing-trust div{

font-size:13px;

}

.pricing-trust strong{

font-size:22px;

}

.pricing-hero-card{

padding:25px;

border-radius:22px;

}

.pricing-card-header h3{

font-size:24px;

}

.pricing-card-header p{

font-size:14px;

}

.pricing-hero-card input,
.pricing-hero-card select,
.pricing-hero-card button{

height:52px;

}

}/*==================================================
        WHY PRICING VARIES
==================================================*/

.pricing-intro-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #F8FBFF 100%
    );

}

.pricing-intro-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 70%
    );

}

.pricing-intro-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 70%
    );

}

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

.pricing-intro-section .section-title{

    max-width:820px;

    margin:0 auto 70px;

}

.pricing-intro-section .section-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 24px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.pricing-intro-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.pricing-intro-section .section-title p{

    font-size:17px;

    color:#64748B;

    line-height:1.9;

}

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

.pricing-intro-content h3{

    font-size:34px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.pricing-intro-content>p{

    color:#64748B;

    line-height:1.9;

    margin-bottom:40px;

    font-size:16px;

}

/*==================================================
            POINTS
==================================================*/

.pricing-points{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.pricing-point{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:24px;

    border-radius:20px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.06);

    transition:.35s;

    box-shadow:

    0 15px 40px rgba(15,23,42,.04);

}

.pricing-point:hover{

    transform:translateY(-6px);

    border-color:#2563EB;

    box-shadow:

    0 25px 60px rgba(37,99,235,.10);

}

.point-icon{

    width:65px;

    height:65px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

    font-size:24px;

}

.pricing-point h4{

    font-size:21px;

    font-weight:700;

    margin-bottom:8px;

    color:#081C3A;

}

.pricing-point p{

    margin:0;

    color:#64748B;

    line-height:1.8;

    font-size:15px;

}

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

.pricing-factors-card{

    position:relative;

    padding:45px;

    border-radius:30px;

    overflow:hidden;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #1D4ED8
    );

    color:#ffffff;

    box-shadow:

    0 30px 70px rgba(37,99,235,.22);

}

.pricing-factors-card::before{

    content:"";

    position:absolute;

    top:-90px;

    right:-90px;

    width:200px;

    height:200px;

    border-radius:50%;

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

}

.pricing-factors-card::after{

    content:"";

    position:absolute;

    bottom:-70px;

    left:-70px;

    width:160px;

    height:160px;

    border-radius:50%;

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

}

.pricing-factors-card>*{

    position:relative;

    z-index:2;

}

.pricing-factors-card h3{

    font-size:32px;

    font-weight:800;

    margin-bottom:15px;

}

.pricing-factors-card>p{

    line-height:1.9;

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

    margin-bottom:35px;

}

/*==================================================
            FACTOR LIST
==================================================*/

.factor-list{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin-bottom:35px;

}

.factor-list div{

    display:flex;

    align-items:center;

    gap:14px;

    padding:15px 18px;

    border-radius:14px;

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

    backdrop-filter:blur(10px);

    font-weight:600;

}

.factor-list i{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#22C55E;

    color:#ffffff;

    font-size:14px;

}

/*==================================================
            NOTE
==================================================*/

.pricing-note{

    display:flex;

    gap:18px;

    padding:22px;

    border-radius:18px;

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

    backdrop-filter:blur(12px);

}

.pricing-note i{

    font-size:22px;

    color:#FFD54A;

    margin-top:3px;

}

.pricing-note p{

    margin:0;

    color:#ffffff;

    line-height:1.8;

    font-size:15px;

}

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

@media(max-width:1199px){

.pricing-intro-section .section-title h2{

font-size:40px;

}

.pricing-intro-content h3{

font-size:30px;

}

}

@media(max-width:991px){

.pricing-intro-section{

padding:80px 0;

}

.pricing-factors-card{

margin-top:40px;

}

}

@media(max-width:767px){

.pricing-intro-section{

padding:60px 0;

}

.pricing-intro-section .section-title{

margin-bottom:40px;

}

.pricing-intro-section .section-badge{

font-size:12px;

padding:8px 16px;

margin-bottom:15px;

}

.pricing-intro-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.pricing-intro-section .section-title p{

font-size:15px;

}

.pricing-intro-content h3{

font-size:25px;

}

.pricing-intro-content>p{

font-size:15px;

margin-bottom:25px;

}

.pricing-point{

padding:18px;

gap:15px;

}

.point-icon{

width:55px;

height:55px;

font-size:20px;

border-radius:14px;

}

.pricing-point h4{

font-size:18px;

}

.pricing-point p{

font-size:14px;

}

.pricing-factors-card{

padding:30px 25px;

border-radius:22px;

}

.pricing-factors-card h3{

font-size:25px;

}

.pricing-factors-card>p{

font-size:14px;

margin-bottom:25px;

}

.factor-list div{

padding:14px;

font-size:14px;

}

.pricing-note{

padding:18px;

}

.pricing-note p{

font-size:14px;

}

}/*==================================================
            ENGAGEMENT SECTION
==================================================*/

.engagement-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

}

.engagement-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.engagement-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.engagement-section .section-title{

    max-width:820px;

    margin:0 auto 70px;

}

.engagement-section .section-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.engagement-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.engagement-section .section-title p{

    font-size:17px;

    line-height:1.9;

    color:#64748B;

}

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

.engagement-card{

    position:relative;

    height:100%;

    padding:35px;

    border-radius:28px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 20px 50px rgba(15,23,42,.05);

    transition:.4s;

    overflow:hidden;

}

.engagement-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:

    linear-gradient(

        90deg,

        #2563EB,

        #3B82F6,

        #FF7A1A

    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.engagement-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 80px rgba(37,99,235,.12);

}

.engagement-card:hover::before{

    transform:scaleX(1);

}

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

.engagement-card.active{

    transform:scale(1.04);

    background:

    linear-gradient(

        180deg,

        #FFFFFF,

        #F8FBFF

    );

    border:2px solid #2563EB;

    box-shadow:

    0 35px 90px rgba(37,99,235,.18);

}

.engagement-card.active::before{

    transform:scaleX(1);

}

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

.engagement-icon{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    margin-bottom:25px;

    background:

    linear-gradient(

        135deg,

        #2563EB,

        #3B82F6

    );

    color:#ffffff;

    font-size:32px;

    box-shadow:

    0 18px 40px rgba(37,99,235,.20);

}

/*==================================================
            BADGE
==================================================*/

.engagement-type{

    display:inline-block;

    padding:8px 16px;

    margin-bottom:20px;

    border-radius:40px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

}

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

.engagement-card h3{

    font-size:28px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.engagement-card p{

    color:#64748B;

    line-height:1.8;

    margin-bottom:25px;

    font-size:15px;

}

/*==================================================
            LIST
==================================================*/

.engagement-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.engagement-card li{

    position:relative;

    padding-left:28px;

    margin-bottom:14px;

    color:#475569;

    font-weight:500;

}

.engagement-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#22C55E;

    font-weight:700;

}

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

.engagement-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#2563EB;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.engagement-card a i{

    transition:.3s;

}

.engagement-card:hover a i{

    transform:translateX(6px);

}

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

.engagement-bottom{

    margin-top:70px;

    padding:40px 45px;

    border-radius:28px;

    background:

    linear-gradient(

        135deg,

        #081C3A,

        #0F2C58

    );

    color:#ffffff;

}

.engagement-bottom h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:12px;

}

.engagement-bottom p{

    margin:0;

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

    line-height:1.8;

}

.engagement-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:60px;

    background:#ffffff;

    color:#2563EB;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.engagement-btn:hover{

    color:#2563EB;

    transform:translateY(-4px);

}

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

@media(max-width:1199px){

.engagement-section .section-title h2{

font-size:40px;

}

.engagement-card h3{

font-size:24px;

}

}

@media(max-width:991px){

.engagement-section{

padding:80px 0;

}

.engagement-card.active{

transform:none;

}

.engagement-bottom{

text-align:center;

}

.engagement-btn{

margin-top:25px;

}

}

@media(max-width:767px){

.engagement-section{

padding:60px 0;

}

.engagement-section .section-title{

margin-bottom:40px;

}

.engagement-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.engagement-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.engagement-section .section-title p{

font-size:15px;

}

.engagement-card{

padding:25px;

border-radius:22px;

}

.engagement-icon{

width:65px;

height:65px;

font-size:26px;

margin-bottom:20px;

}

.engagement-card h3{

font-size:22px;

}

.engagement-card p{

font-size:14px;

}

.engagement-card li{

font-size:14px;

}

.engagement-bottom{

margin-top:50px;

padding:30px 25px;

border-radius:22px;

}

.engagement-bottom h3{

font-size:26px;

}

.engagement-bottom p{

font-size:14px;

margin-bottom:20px;

}

.engagement-btn{

width:100%;

padding:16px;

}

}/*==================================================
        SERVICE STARTING PRICE
==================================================*/

.service-price-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F8FBFF 100%
    );

}

.service-price-section::before{

    content:"";

    position:absolute;

    top:-200px;

    right:-200px;

    width:450px;

    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.service-price-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.service-price-section .section-title{

    max-width:850px;

    margin:0 auto 70px;

}

.service-price-section .section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.service-price-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.service-price-section .section-title p{

    font-size:17px;

    line-height:1.9;

    color:#64748B;

}

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

.price-card{

    position:relative;

    height:100%;

    padding:35px;

    border-radius:28px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 18px 50px rgba(15,23,42,.05);

    transition:.4s;

    overflow:hidden;

}

.price-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:

    linear-gradient(

        90deg,

        #2563EB,

        #3B82F6,

        #FF7A1A

    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.price-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 80px rgba(37,99,235,.10);

}

.price-card:hover::before{

    transform:scaleX(1);

}

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

.price-card.featured{

    border:2px solid #2563EB;

    transform:scale(1.04);

    background:

    linear-gradient(
        180deg,
        #FFFFFF,
        #F8FBFF
    );

    box-shadow:

    0 35px 80px rgba(37,99,235,.18);

}

.price-card.featured::before{

    transform:scaleX(1);

}

.popular-tag{

    position:absolute;

    top:20px;

    right:-38px;

    background:

    linear-gradient(
        135deg,
        #FF7A1A,
        #FF9A3D
    );

    color:#ffffff;

    padding:8px 40px;

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;

    transform:rotate(45deg);

    text-transform:uppercase;

}

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

.price-icon{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    border-radius:22px;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

    font-size:34px;

    box-shadow:

    0 18px 45px rgba(37,99,235,.20);

}

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

.price-card h3{

    font-size:26px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.starting-price{

    color:#64748B;

    font-size:14px;

    text-transform:uppercase;

    font-weight:600;

    letter-spacing:.5px;

}

.price{

    margin:8px 0 25px;

    font-size:42px;

    font-weight:800;

    color:#2563EB;

    line-height:1;

}

.price span{

    font-size:18px;

    color:#64748B;

    margin-left:4px;

}

/*==================================================
            LIST
==================================================*/

.price-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.price-card li{

    position:relative;

    padding-left:28px;

    margin-bottom:15px;

    color:#475569;

    font-size:15px;

    font-weight:500;

}

.price-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22C55E;

    font-weight:700;

}

/*==================================================
        DISCLAIMER
==================================================*/

.pricing-disclaimer{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-top:60px;

    padding:28px 35px;

    border-radius:22px;

    background:#FFF8EC;

    border-left:5px solid #FF7A1A;

}

.pricing-disclaimer i{

    font-size:24px;

    color:#FF7A1A;

    margin-top:2px;

}

.pricing-disclaimer p{

    margin:0;

    color:#64748B;

    line-height:1.9;

    font-size:15px;

}

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

@media(max-width:1199px){

.service-price-section .section-title h2{

font-size:40px;

}

.price{

font-size:36px;

}

}

@media(max-width:991px){

.service-price-section{

padding:80px 0;

}

.price-card.featured{

transform:none;

}

}

@media(max-width:767px){

.service-price-section{

padding:60px 0;

}

.service-price-section .section-title{

margin-bottom:40px;

}

.service-price-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.service-price-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.service-price-section .section-title p{

font-size:15px;

}

.price-card{

padding:25px;

border-radius:22px;

}

.price-icon{

width:65px;

height:65px;

font-size:28px;

margin-bottom:20px;

}

.price-card h3{

font-size:22px;

}

.price{

font-size:34px;

}

.price span{

font-size:15px;

}

.price-card li{

font-size:14px;

}

.popular-tag{

font-size:10px;

padding:6px 35px;

right:-42px;

}

.pricing-disclaimer{

padding:22px;

flex-direction:column;

gap:12px;

}

.pricing-disclaimer p{

font-size:14px;

}

}/*==================================================
            WHAT'S INCLUDED
==================================================*/

.included-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

}

.included-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.included-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.included-section .section-title{

    max-width:850px;

    margin:0 auto 70px;

}

.included-section .section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.included-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.included-section .section-title p{

    font-size:17px;

    color:#64748B;

    line-height:1.9;

}

/*==================================================
        PROCESS WRAPPER
==================================================*/

.included-wrapper{

    position:relative;

}

.included-wrapper::before{

    content:"";

    position:absolute;

    top:65px;

    left:8%;

    right:8%;

    height:2px;

    background:

    linear-gradient(

        90deg,

        #2563EB,

        #3B82F6,

        #FF7A1A

    );

    z-index:0;

    opacity:.15;

}

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

.included-card{

    position:relative;

    z-index:2;

    height:100%;

    padding:35px 28px;

    text-align:center;

    border-radius:28px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 20px 50px rgba(15,23,42,.05);

    transition:.35s;

}

.included-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 80px rgba(37,99,235,.10);

    border-color:#2563EB;

}

/*==================================================
            STEP NUMBER
==================================================*/

.included-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:50px;

    font-weight:800;

    color:rgba(37,99,235,.07);

    line-height:1;

}

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

.included-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:24px;

    background:

    linear-gradient(

        135deg,

        #2563EB,

        #3B82F6

    );

    color:#ffffff;

    font-size:34px;

    box-shadow:

    0 20px 45px rgba(37,99,235,.18);

}

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

.included-card h3{

    font-size:24px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:16px;

}

.included-card p{

    color:#64748B;

    line-height:1.9;

    font-size:15px;

    margin:0;

}

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

.included-bottom{

    margin-top:70px;

    padding:45px;

    border-radius:28px;

    background:

    linear-gradient(

        135deg,

        #081C3A,

        #0F2C58

    );

    color:#ffffff;

}

.included-bottom h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:15px;

}

.included-bottom p{

    margin:0;

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

    line-height:1.9;

}

.included-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:60px;

    background:#ffffff;

    color:#2563EB;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.included-btn:hover{

    color:#2563EB;

    transform:translateY(-4px);

}

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

@media(max-width:1199px){

.included-section .section-title h2{

font-size:40px;

}

.included-card h3{

font-size:22px;

}

}

@media(max-width:991px){

.included-section{

padding:80px 0;

}

.included-wrapper::before{

display:none;

}

.included-bottom{

text-align:center;

}

.included-btn{

margin-top:25px;

}

}

@media(max-width:767px){

.included-section{

padding:60px 0;

}

.included-section .section-title{

margin-bottom:40px;

}

.included-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.included-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.included-section .section-title p{

font-size:15px;

}

.included-card{

padding:28px 22px;

border-radius:22px;

}

.included-number{

font-size:42px;

top:16px;

right:16px;

}

.included-icon{

width:70px;

height:70px;

font-size:28px;

border-radius:20px;

margin-bottom:20px;

}

.included-card h3{

font-size:20px;

}

.included-card p{

font-size:14px;

}

.included-bottom{

padding:30px 25px;

margin-top:50px;

border-radius:22px;

}

.included-bottom h3{

font-size:26px;

}

.included-bottom p{

font-size:14px;

margin-bottom:20px;

}

.included-btn{

width:100%;

padding:16px;

}

}/*==================================================
            PRICE COMPARISON
==================================================*/

.comparison-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

}

.comparison-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:450px;

    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.comparison-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.comparison-section .section-title{

    max-width:850px;

    margin:0 auto 70px;

}

.comparison-section .section-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.comparison-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.comparison-section .section-title p{

    font-size:17px;

    line-height:1.9;

    color:#64748B;

}

/*==================================================
            TABLE
==================================================*/

.comparison-table{

    background:#ffffff;

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 30px 70px rgba(15,23,42,.06);

}

.comparison-table table{

    width:100%;

    border-collapse:collapse;

    min-width:900px;

}

/*==================================================
            HEADER
==================================================*/

.comparison-table thead th{

    padding:26px 22px;

    text-align:center;

    background:#081C3A;

    color:#ffffff;

    font-size:18px;

    font-weight:700;

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

}

.comparison-table thead th:first-child{

    text-align:left;

    width:28%;

}

.comparison-table thead th.highlight{

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

}

/*==================================================
            BODY
==================================================*/

.comparison-table tbody td{

    padding:20px 22px;

    text-align:center;

    border-bottom:1px solid rgba(15,23,42,.06);

    font-size:15px;

    color:#475569;

    transition:.3s;

}

.comparison-table tbody tr:hover td{

    background:#F8FBFF;

}

.comparison-table tbody td:first-child{

    text-align:left;

    font-weight:600;

    color:#081C3A;

}

/*==================================================
        HIGHLIGHT COLUMN
==================================================*/

.comparison-table td.highlight{

    background:#EFF6FF;

    font-weight:700;

    color:#2563EB;

}

.comparison-table tbody tr:hover td.highlight{

    background:#E3F0FF;

}

/*==================================================
            ICONS
==================================================*/

.comparison-table .fa-check{

    color:#22C55E;

    font-size:18px;

}

.comparison-table .fa-check-double{

    color:#2563EB;

    font-size:19px;

}

.comparison-table .fa-minus{

    color:#F59E0B;

    font-size:18px;

}

.comparison-table .fa-xmark{

    color:#EF4444;

    font-size:18px;

}

/*==================================================
            NOTE
==================================================*/

.comparison-note{

    display:flex;

    align-items:flex-start;

    gap:25px;

    margin-top:50px;

    padding:35px;

    border-radius:24px;

    background:#FFF8EC;

    border-left:5px solid #FF7A1A;

}

.comparison-icon{

    width:60px;

    height:60px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#FF7A1A;

    color:#ffffff;

    font-size:24px;

}

.comparison-note h4{

    font-size:28px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:12px;

}

.comparison-note p{

    margin:0;

    color:#64748B;

    line-height:1.9;

    font-size:15px;

}

/*==================================================
        SCROLLBAR
==================================================*/

.table-responsive{

    overflow-x:auto;

    scrollbar-width:thin;

}

.table-responsive::-webkit-scrollbar{

    height:8px;

}

.table-responsive::-webkit-scrollbar-track{

    background:#E2E8F0;

}

.table-responsive::-webkit-scrollbar-thumb{

    background:#2563EB;

    border-radius:20px;

}

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

@media(max-width:1199px){

.comparison-section .section-title h2{

font-size:40px;

}

}

@media(max-width:991px){

.comparison-section{

padding:80px 0;

}

}

@media(max-width:767px){

.comparison-section{

padding:60px 0;

}

.comparison-section .section-title{

margin-bottom:35px;

}

.comparison-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.comparison-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.comparison-section .section-title p{

font-size:15px;

}

.comparison-table{

border-radius:22px;

}

.comparison-table table{

min-width:700px;

}

.comparison-table thead th{

padding:18px 16px;

font-size:15px;

}

.comparison-table tbody td{

padding:16px;

font-size:14px;

}

.comparison-note{

padding:25px;

gap:18px;

flex-direction:column;

}

.comparison-icon{

width:50px;

height:50px;

font-size:20px;

}

.comparison-note h4{

font-size:22px;

}

.comparison-note p{

font-size:14px;

}

}/*==================================================
            PROJECT ESTIMATOR
==================================================*/

.estimator-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F8FBFF 100%
    );

}

.estimator-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.estimator-section::after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-180px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.estimator-section .section-title{

    max-width:850px;

    margin:0 auto 70px;

}

.estimator-section .section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.estimator-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.estimator-section .section-title p{

    font-size:17px;

    line-height:1.9;

    color:#64748B;

}

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

.estimator-wrapper{

    background:#ffffff;

    border-radius:32px;

    overflow:hidden;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:

    0 35px 90px rgba(15,23,42,.08);

}

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

.estimator-form{

    padding:45px;

}

.estimator-group{

    margin-bottom:25px;

}

.estimator-group label{

    display:block;

    margin-bottom:10px;

    color:#081C3A;

    font-size:15px;

    font-weight:700;

}

.estimator-group select{

    width:100%;

    height:58px;

    padding:0 18px;

    border-radius:16px;

    border:1px solid rgba(15,23,42,.08);

    background:#ffffff;

    font-size:15px;

    color:#334155;

    transition:.3s;

    outline:none;

}

.estimator-group select:focus{

    border-color:#2563EB;

    box-shadow:

    0 0 0 4px rgba(37,99,235,.08);

}

.estimate-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:16px;

    background:

    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

    box-shadow:

    0 20px 45px rgba(37,99,235,.18);

}

.estimate-btn:hover{

    transform:translateY(-4px);

}

/*==================================================
            RESULT
==================================================*/

.estimate-result{

    height:100%;

    padding:45px;

    text-align:center;

    background:

    linear-gradient(
        135deg,
        #081C3A,
        #0F2C58
    );

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.estimate-result::before{

    content:"";

    position:absolute;

    top:-100px;

    right:-100px;

    width:220px;

    height:220px;

    border-radius:50%;

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

}

.estimate-result::after{

    content:"";

    position:absolute;

    bottom:-70px;

    left:-70px;

    width:160px;

    height:160px;

    border-radius:50%;

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

}

.estimate-result>*{

    position:relative;

    z-index:2;

}

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

.estimate-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    backdrop-filter:blur(10px);

    font-size:34px;

}

.estimate-result span{

    display:block;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

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

    margin-bottom:12px;

}

.estimate-result h3{

    font-size:52px;

    font-weight:800;

    margin-bottom:20px;

    color:#ffffff;

}

.estimate-result p{

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

    line-height:1.9;

    margin-bottom:30px;

}

/*==================================================
            LIST
==================================================*/

.estimate-result ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

    text-align:left;

}

.estimate-result li{

    margin-bottom:15px;

    color:#ffffff;

    font-size:15px;

    padding-left:30px;

    position:relative;

}

.estimate-result li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22C55E;

    font-weight:700;

}

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

.estimate-cta{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:100%;

    padding:18px;

    border-radius:60px;

    background:#ffffff;

    color:#2563EB;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.estimate-cta:hover{

    color:#2563EB;

    transform:translateY(-4px);

}

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

@media(max-width:1199px){

.estimator-section .section-title h2{

font-size:40px;

}

}

@media(max-width:991px){

.estimator-section{

padding:80px 0;

}

.estimate-result{

margin-top:0;

}

}

@media(max-width:767px){

.estimator-section{

padding:60px 0;

}

.estimator-section .section-title{

margin-bottom:40px;

}

.estimator-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.estimator-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.estimator-section .section-title p{

font-size:15px;

}

.estimator-wrapper{

border-radius:24px;

}

.estimator-form{

padding:25px;

}

.estimate-result{

padding:30px 25px;

}

.estimate-icon{

width:70px;

height:70px;

font-size:28px;

margin-bottom:20px;

}

.estimate-result h3{

font-size:36px;

}

.estimate-result p{

font-size:14px;

margin-bottom:22px;

}

.estimator-group{

margin-bottom:18px;

}

.estimator-group select{

height:52px;

font-size:14px;

}

.estimate-btn{

height:52px;

font-size:15px;

}

.estimate-result li{

font-size:14px;

margin-bottom:12px;

}

.estimate-cta{

padding:16px;

font-size:15px;

}

}/*==================================================
                FAQ SECTION
==================================================*/

.faq-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

}

.faq-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(37,99,235,.06),
        transparent 72%
    );

}

.faq-section::after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-180px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,122,26,.06),
        transparent 72%
    );

}

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

.faq-section .section-title{

    max-width:850px;

    margin:0 auto 70px;

}

.faq-section .section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.faq-section .section-title h2{

    font-size:46px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;

}

.faq-section .section-title p{

    font-size:17px;

    color:#64748B;

    line-height:1.9;

}

/*==================================================
            LEFT PANEL
==================================================*/

.faq-left{

    position:sticky;

    top:120px;

    padding:45px;

    border-radius:30px;

    background:

    linear-gradient(

        135deg,

        #081C3A,

        #0F2C58

    );

    color:#ffffff;

    overflow:hidden;

    box-shadow:

    0 35px 80px rgba(15,23,42,.15);

}

.faq-left::before{

    content:"";

    position:absolute;

    top:-100px;

    right:-100px;

    width:220px;

    height:220px;

    border-radius:50%;

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

}

.faq-left::after{

    content:"";

    position:absolute;

    bottom:-70px;

    left:-70px;

    width:180px;

    height:180px;

    border-radius:50%;

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

}

.faq-left>*{

    position:relative;

    z-index:2;

}

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

.faq-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    margin-bottom:30px;

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

    backdrop-filter:blur(10px);

    font-size:34px;

}

.faq-left h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:18px;

}

.faq-left p{

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

    line-height:1.9;

    margin-bottom:30px;

}

/*==================================================
            LIST
==================================================*/

.faq-left ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.faq-left li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-size:15px;

    color:#ffffff;

}

.faq-left li i{

    color:#22C55E;

    font-size:18px;

}

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

.faq-contact-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:56px;

    border-radius:60px;

    background:#ffffff;

    color:#2563EB;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.faq-contact-btn:hover{

    color:#2563EB;

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px rgba(255,255,255,.18);

}

/*==================================================
        ACCORDION SPACING
==================================================*/

.custom-faq{

    margin-left:25px;

}

.custom-faq .accordion-item{

    margin-bottom:18px;

}

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

@media(max-width:1199px){

.faq-section .section-title h2{

font-size:40px;

}

}

@media(max-width:991px){

.faq-section{

padding:80px 0;

}

.faq-left{

position:relative;

top:auto;

margin-bottom:40px;

}

.custom-faq{

margin-left:0;

}

}

@media(max-width:767px){

.faq-section{

padding:60px 0;

}

.faq-section .section-title{

margin-bottom:40px;

}

.faq-section .section-badge{

font-size:12px;

padding:8px 16px;

}

.faq-section .section-title h2{

font-size:30px;

line-height:1.3;

}

.faq-section .section-title p{

font-size:15px;

}

.faq-left{

padding:30px 25px;

border-radius:24px;

}

.faq-icon{

width:70px;

height:70px;

font-size:28px;

margin-bottom:20px;

}

.faq-left h3{

font-size:26px;

}

.faq-left p{

font-size:14px;

margin-bottom:25px;

}

.faq-left li{

font-size:14px;

margin-bottom:15px;

}

.faq-contact-btn{

height:52px;

font-size:15px;

}

}


/* custom faq css */
/*==========================================
        PREMIUM FAQ
==========================================*/

.custom-faq{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.custom-faq .accordion-item{

    border:none;

    overflow:hidden;

    border-radius:22px;

    background:#ffffff;

    border:1px solid rgba(15,23,42,.08);

    box-shadow:
    0 10px 35px rgba(15,23,42,.05);

    transition:.35s;

}

.custom-faq .accordion-item:hover{

    transform:translateY(-4px);

    box-shadow:
    0 25px 60px rgba(37,99,235,.10);

    border-color:#2563EB;

}

/*==========================================
        HEADER
==========================================*/

.custom-faq .accordion-header{

    margin:0;

}

.custom-faq .accordion-button{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    width:100%;

    padding:28px 75px 28px 30px;

    background:#ffffff;

    color:#081C3A;

    font-size:20px;

    font-weight:700;

    line-height:1.5;

    box-shadow:none;

    border:none;

}

.custom-faq .accordion-button:focus{

    box-shadow:none;

}

/*==========================================
        ACTIVE
==========================================*/

.custom-faq .accordion-button:not(.collapsed){

    background:
    linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    );

    color:#ffffff;

}

/*==========================================
        REMOVE DEFAULT ICON
==========================================*/

.custom-faq .accordion-button::after{

    display:none;

}

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

.custom-faq .accordion-button::before{

    content:"+";

    position:absolute;

    right:25px;

    top:50%;

    transform:translateY(-50%);

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    background:#EFF6FF;

    color:#2563EB;

    transition:.35s;

}

.custom-faq .accordion-button:not(.collapsed)::before{

    content:"−";

    background:#ffffff;

    color:#2563EB;

}

/*==========================================
        BODY
==========================================*/

.custom-faq .accordion-collapse{

    border:none;

}

.custom-faq .accordion-body{

    padding:0 30px 30px;

    background:#ffffff;

    color:#64748B;

    font-size:16px;

    line-height:1.9;

}

/*==========================================
        LEFT BORDER
==========================================*/

.custom-faq .accordion-item{

    position:relative;

}

.custom-faq .accordion-item::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:transparent;

    transition:.35s;

}

.custom-faq .accordion-item:has(.accordion-button:not(.collapsed))::before{

    background:

    linear-gradient(

        180deg,

        #2563EB,

        #3B82F6,

        #FF7A1A

    );

}

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

.custom-faq .accordion-collapse{

    transition:.35s ease;

}

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

@media(max-width:991px){

.custom-faq .accordion-button{

font-size:18px;

padding:24px 65px 24px 24px;

}

}

@media(max-width:767px){

.custom-faq{

gap:16px;

}

.custom-faq .accordion-item{

border-radius:18px;

}

.custom-faq .accordion-button{

font-size:16px;

line-height:1.5;

padding:20px 60px 20px 20px;

}

.custom-faq .accordion-button::before{

width:36px;

height:36px;

font-size:20px;

right:18px;

}

.custom-faq .accordion-body{

padding:0 20px 20px;

font-size:15px;

line-height:1.8;

}

}/*==================================================
            CONSULTATION CTA
==================================================*/

.consultation-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #081C3A 0%,
        #0F2C58 50%,
        #2563EB 100%
    );

}

.consultation-section::before{

    content:"";

    position:absolute;

    top:-220px;

    right:-220px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,255,255,.08),
        transparent 70%
    );

}

.consultation-section::after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-180px;

    width:380px;

    height:380px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,255,255,.06),
        transparent 70%
    );

}

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

.consultation-wrapper{

    position:relative;

    z-index:2;

    padding:70px;

    border-radius:36px;

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

    backdrop-filter:blur(20px);

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

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

}

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

.consultation-content{

    color:#ffffff;

}

.consultation-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    margin-bottom:28px;

}

.consultation-badge i{

    color:#FFD54A;

}

.consultation-content h2{

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

    color:#ffffff;

}

.consultation-content p{

    font-size:17px;

    line-height:1.9;

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

    margin-bottom:35px;

}

/*==========================================
        BENEFITS
==========================================*/

.consultation-benefits{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.consultation-benefits div{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    color:#ffffff;

}

.consultation-benefits i{

    color:#22C55E;

    font-size:18px;

}

/*==========================================
        BUTTONS
==========================================*/

.consultation-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.consultation-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:60px;

    background:#ffffff;

    color:#2563EB;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.consultation-primary:hover{

    color:#2563EB;

    transform:translateY(-4px);

    box-shadow:
    0 20px 45px rgba(255,255,255,.18);

}

.consultation-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px 36px;

    border-radius:60px;

    background:transparent;

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

    color:#ffffff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.consultation-secondary:hover{

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

    color:#ffffff;

}

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

.consultation-card{

    padding:40px;

    border-radius:30px;

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

    backdrop-filter:blur(18px);

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

    color:#ffffff;

}

.consultation-card-header{

    margin-bottom:35px;

}

.consultation-card-header h3{

    font-size:30px;

    font-weight:800;

    margin-bottom:12px;

}

.consultation-card-header p{

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

    line-height:1.8;

}

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

.consultation-stats{

    display:grid;

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

    gap:20px;

    margin-bottom:35px;

}

.stat-item{

    text-align:center;

    padding:24px 18px;

    border-radius:20px;

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

}

.stat-item h4{

    font-size:36px;

    font-weight:800;

    color:#FFD54A;

    margin-bottom:6px;

}

.stat-item span{

    font-size:14px;

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

}

/*==========================================
        NOTE
==========================================*/

.consultation-note{

    display:flex;

    align-items:flex-start;

    gap:15px;

    padding:22px;

    border-radius:18px;

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

}

.consultation-note i{

    color:#FFD54A;

    font-size:22px;

    margin-top:3px;

}

.consultation-note p{

    margin:0;

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

    line-height:1.8;

    font-size:15px;

}

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

@media(max-width:1199px){

.consultation-content h2{

font-size:44px;

}

}

@media(max-width:991px){

.consultation-section{

padding:80px 0;

}

.consultation-wrapper{

padding:50px;

}

.consultation-card{

margin-top:40px;

}

}

@media(max-width:767px){

.consultation-section{

padding:60px 0;

}

.consultation-wrapper{

padding:30px 22px;

border-radius:24px;

}

.consultation-badge{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.consultation-content h2{

font-size:32px;

line-height:1.3;

}

.consultation-content p{

font-size:15px;

margin-bottom:25px;

}

.consultation-benefits{

grid-template-columns:1fr;

gap:14px;

margin-bottom:30px;

}

.consultation-benefits div{

font-size:14px;

}

.consultation-buttons{

flex-direction:column;

}

.consultation-primary,
.consultation-secondary{

width:100%;

padding:16px;

}

.consultation-card{

padding:28px 22px;

border-radius:22px;

}

.consultation-card-header h3{

font-size:24px;

}

.consultation-card-header p{

font-size:14px;

}

.consultation-stats{

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

gap:14px;

}

.stat-item{

padding:18px 12px;

}

.stat-item h4{

font-size:28px;

}

.stat-item span{

font-size:12px;

}

.consultation-note{

padding:18px;

}

.consultation-note p{

font-size:14px;

}

}