/* =========================
CATEGORY BANNER
========================= */

.cat-banner{

    position:relative;

    min-height:620px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-image:

        linear-gradient(
            rgba(5,10,25,.18),
            rgba(5,10,25,.30)
        ),

        url("../images/category-banner.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

/* Overlay */

.cat-banner-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        90deg,

        rgba(5,10,25,.65) 0%,

        rgba(5,10,25,.25) 45%,

        rgba(5,10,25,.15) 100%

    );

}

/* Container */

.cat-banner-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1250px;

    margin:auto;

    padding:140px 25px 90px;

}

/* Content */

.cat-banner-content{

    max-width:620px;

}

.cat-banner-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:25px;

    border-radius:50px;

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

    backdrop-filter:blur(10px);

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

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.cat-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:64px;

    line-height:1.1;

    margin-bottom:25px;

    color:#fff;

}

.cat-banner-content p{

    font-size:20px;

    line-height:1.8;

    color:#E5E7EB;

    margin-bottom:35px;

}

.cat-banner-btns{

    display:flex;

    gap:18px;

}
@media(max-width:768px){

.cat-banner{

    min-height:620px;

    background-position:center;

}

.cat-banner-overlay{

    background:

    linear-gradient(

        rgba(5,10,25,.45),

        rgba(5,10,25,.55)

    );

}

.cat-banner-container{

    padding:120px 20px 70px;

}

.cat-banner-content{

    max-width:100%;

    text-align:center;

}

.cat-banner-content h1{

    font-size:42px;

}

.cat-banner-content p{

    font-size:17px;

    line-height:1.7;

}

.cat-banner-btns{

    justify-content:center;

    gap:12px;

}

}
/* =========================
ABOUT CATEGORY SECTION
========================= */

.about-cat-sec{

    padding:110px 20px;

    background:
    linear-gradient(
        180deg,
        #081122 0%,
        #050816 100%
    );

    position:relative;

    overflow:hidden;

}

/* GLOW */

.about-cat-sec::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-150px;
    left:-150px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

/* WRAP */

.about-cat-wrap{

    position:relative;

    z-index:2;

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:70px;

    align-items:center;

}

/* LEFT */

.about-cat-tag{

    display:inline-block;

    padding:12px 22px;

    margin-bottom:25px;

    border-radius:50px;

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

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

.about-cat-content h2{

    font-size:45px;

    line-height:1.2;

    margin-bottom:25px;

    color:#fff;

}
.about-cat-content h3{

    font-size:30px;

    line-height:1.2;

    margin-bottom:25px;

    color:#fff;

}
.about-cat-content p{

    color:#CBD5E1;

    font-size:17px;

    line-height:1.9;

    margin-bottom:22px;

}

/* FEATURES */

.about-cat-list{

    margin:35px 0;

}

.about-cat-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;

}

.about-cat-item i{

    width:54px;

    height:54px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    color:#60A5FA;

    background:

    linear-gradient(

        135deg,

        rgba(37,99,235,.22),

        rgba(96,165,250,.08)

    );

    border:

    1px solid rgba(96,165,250,.18);

}

.about-cat-item strong{

    display:block;

    margin-bottom:8px;

    font-size:21px;

    color:#fff;

}

.about-cat-item p{

    margin:0;

    font-size:15px;

    line-height:1.8;

}

/* BUTTON */

.about-cat-btn{

    margin-top:35px;

}

/* RIGHT */

.about-cat-image{

    position:relative;

}

.about-cat-image img{

    width:100%;

    display:block;

    border-radius:28px;

    object-fit:cover;

    box-shadow:

    0 25px 60px rgba(0,0,0,.45);

}

/* BADGES */

.about-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    display:flex;

    flex-direction:column;

    gap:15px;

}

.about-badge span{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 22px;

    border-radius:50px;

    color:#fff;

    backdrop-filter:blur(12px);

    background:

    rgba(10,18,35,.75);

    border:

    1px solid rgba(255,255,255,.08);

    font-size:15px;

    font-weight:600;

}

.about-badge i{

    color:#60A5FA;

}

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

@media(max-width:992px){

.about-cat-wrap{

    grid-template-columns:1fr;

    gap:50px;

}

.about-cat-content h2{

    font-size:38px;

}

}

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

@media(max-width:768px){

.about-cat-sec{

    padding:80px 20px;

}

.about-cat-wrap{

    gap:40px;

}

.about-cat-content{

    order:2;

}

.about-cat-image{

    order:1;

}

.about-cat-content h2{

    font-size:34px;

    line-height:1.3;

}

.about-cat-content p{

    font-size:16px;

    line-height:1.8;

}

.about-cat-item{

    gap:15px;

}

.about-cat-item i{

    width:48px;

    height:48px;

    font-size:18px;

}

.about-cat-item strong{

    font-size:18px;

}

.about-badge{

    left:20px;

    bottom:20px;

}

.about-badge span{

    padding:12px 18px;

    font-size:14px;

}

}
/* =========================
WHY SECTION
========================= */

.why-sec{

    position:relative;

    padding:110px 20px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #050816 0%,
        #081122 100%
    );

}

/* GLOW */

.why-sec::before{

    content:"";

    position:absolute;

    right:-140px;
    top:-120px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

/* =========================
HEAD
========================= */

.why-head{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

/* TAG */

.why-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:24px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

/* TITLE */

.why-head h2{

    margin-bottom:24px;

    font-size:48px;

    line-height:1.2;

    color:#fff;

}

/* TEXT */

.why-head p{

    font-size:17px;

    line-height:1.9;

    color:#CBD5E1;

}

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

.why-grid{

    position:relative;

    z-index:2;

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

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

.why-card{

    position:relative;

    padding:38px 30px;

    border-radius:28px;

    overflow:hidden;

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

    backdrop-filter:blur(14px);

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

    transition:.35s ease;

}

/* CARD GLOW */

.why-card::before{

    content:"";

    position:absolute;

    top:-60px;
    right:-60px;

    width:140px;
    height:140px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(50px);

}

/* HOVER */

.why-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(96,165,250,.22);

    box-shadow:
    0 20px 45px rgba(37,99,235,.15);

}

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

.why-icon{

    width:70px;
    height:70px;

    margin-bottom:28px;

    border-radius:22px;

    display:flex;

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

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.22),
        rgba(96,165,250,.08)
    );

    border:
    1px solid rgba(96,165,250,.18);

}

.why-icon i{

    font-size:28px;

    color:#60A5FA;

}

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

.why-card h3{

    margin-bottom:16px;

    font-size:24px;

    line-height:1.3;

    color:#fff;

}

/* TEXT */

.why-card p{

    font-size:15px;

    line-height:1.8;

    color:#CBD5E1;

}

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

@media(max-width:992px){

    .why-grid{

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

    }

    .why-head h2{

        font-size:38px;

    }

}

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

@media(max-width:768px){

    .why-sec{

        padding:80px 20px;

    }

    .why-head{

        margin-bottom:50px;

    }

    .why-head h2{

        font-size:34px;

        line-height:1.3;

    }

    .why-head p{

        font-size:16px;

        line-height:1.8;

    }

    .why-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .why-card{

        padding:30px 24px;

    }

    .why-icon{

        width:60px;
        height:60px;

        margin-bottom:22px;

    }

    .why-icon i{

        font-size:24px;

    }

    .why-card h3{

        font-size:21px;

    }

    .why-card p{

        font-size:15px;

    }

}

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

@media(max-width:480px){

    .why-head h2{

        font-size:30px;

    }

}
/* =========================
PROFILE SECTION
========================= */

.profile-sec{

    position:relative;

    padding:110px 20px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #081122 0%,
        #050816 100%
    );

}

/* GLOW */

.profile-sec::before{

    content:"";

    position:absolute;

    left:-140px;
    top:-120px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

/* =========================
HEAD
========================= */

.profile-head{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

.profile-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:24px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

.profile-head h2{

    margin-bottom:22px;

    font-size:46px;

    line-height:1.2;

    color:#fff;

}

.profile-head p{

    font-size:17px;

    line-height:1.9;

    color:#CBD5E1;

}

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

.profile-grid{

    position:relative;

    z-index:2;

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

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

.profile-card{

    overflow:hidden;

    border-radius:26px;

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

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

    backdrop-filter:blur(14px);

    transition:.35s;

}

.profile-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(96,165,250,.22);

    box-shadow:
    0 20px 45px rgba(37,99,235,.15);

}

/* IMAGE */

.profile-img{

    position:relative;

    overflow:hidden;

}

.profile-img img{

    width:100%;

    display:block;

    aspect-ratio:3/4;

    object-fit:cover;

    transition:.4s;

}

.profile-card:hover .profile-img img{

    transform:scale(1.05);

}

/* STATUS */

.profile-status{

    position:absolute;

    top:16px;

    left:16px;

    padding:8px 16px;

    border-radius:30px;

    background:#16A34A;

    color:#fff;

    font-size:13px;

    font-weight:600;

}

/* INFO */

.profile-info{

    padding:24px;

    text-align:center;

}

.profile-info h3{

    margin-bottom:10px;

    font-size:24px;

    color:#fff;

}

.profile-info p{

    margin-bottom:22px;

    font-size:15px;

    color:#CBD5E1;

}

/* BUTTON */

.profile-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:52px;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #2563EB,
        #60A5FA
    );

    transition:.35s;

}

.profile-btn:hover{

    transform:translateY(-2px);

}

/* VIEW ALL */

.profile-more{

    margin-top:60px;

    text-align:center;

}

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

@media(max-width:992px){

.profile-grid{

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

}

.profile-head h2{

    font-size:36px;

}

}

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

@media(max-width:768px){

.profile-sec{

    padding:80px 20px;

}

.profile-head{

    margin-bottom:50px;

}

.profile-head h2{

    font-size:34px;

}

.profile-head p{

    font-size:16px;

}

.profile-grid{

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

    gap:18px;

}

.profile-info{

    padding:18px;

}

.profile-info h3{

    font-size:20px;

}

.profile-info p{

    font-size:14px;

}

.profile-btn{

    height:46px;

    font-size:14px;

}

}

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

@media(max-width:480px){

.profile-grid{

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

    gap:14px;

}

.profile-info{

    padding:16px;

}

.profile-info h3{

    font-size:18px;

}

.profile-status{

    top:12px;

    left:12px;

    font-size:12px;

    padding:6px 12px;

}

}

/* =========================
PREMIUM SERVICES
========================= */

.service-sec{

    position:relative;

    padding:110px 20px;

    background:
    linear-gradient(
        180deg,
        #050816 0%,
        #081122 100%
    );

    overflow:hidden;

}

/* GLOW */

.service-sec::before{

    content:"";

    position:absolute;

    left:-140px;
    bottom:-120px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:rgba(96,165,250,.08);

    filter:blur(120px);

}

/* HEAD */

.service-head{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

.service-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:24px;

    border-radius:50px;

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

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

.service-head h2{

    margin-bottom:22px;

    font-size:46px;

    color:#fff;

    line-height:1.2;

}

.service-head p{

    color:#CBD5E1;

    font-size:17px;

    line-height:1.9;

}

/* GRID */

.service-grid{

    position:relative;

    z-index:2;

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

/* CARD */

.service-card{

    padding:38px 30px;

    border-radius:28px;

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

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

    backdrop-filter:blur(14px);

    transition:.35s;

}

.service-card:hover{

    transform:translateY(-8px);

    border-color:rgba(96,165,250,.22);

    box-shadow:0 20px 45px rgba(37,99,235,.15);

}

/* ICON */

.service-icon{

    width:70px;
    height:70px;

    margin-bottom:26px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.22),
        rgba(96,165,250,.08)
    );

    border:1px solid rgba(96,165,250,.18);

}

.service-icon i{

    font-size:28px;

    color:#60A5FA;

}

/* TITLE */

.service-card h3{

    margin-bottom:16px;

    color:#fff;

    font-size:24px;

}

/* TEXT */

.service-card p{

    color:#CBD5E1;

    font-size:15px;

    line-height:1.8;

}

/* TABLET */

@media(max-width:992px){

.service-grid{

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

}

.service-head h2{

    font-size:38px;

}

}

/* MOBILE */

@media(max-width:768px){

.service-sec{

    padding:80px 20px;

}

.service-head{

    margin-bottom:50px;

}

.service-head h2{

    font-size:34px;

}

.service-head p{

    font-size:16px;

}

.service-grid{

    grid-template-columns:1fr;

    gap:20px;

}

.service-card{

    padding:30px 24px;

}

.service-icon{

    width:60px;
    height:60px;

}

.service-icon i{

    font-size:24px;

}

.service-card h3{

    font-size:21px;

}

}
/* =========================
CONTENT SECTION
========================= */

.content-sec{

    position:relative;

    padding:100px 20px;

    background:
    linear-gradient(
        180deg,
        #081122 0%,
        #050816 100%
    );

    overflow:hidden;

}

/* GLOW */

.content-sec::before{

    content:"";

    position:absolute;

    left:-150px;
    top:-150px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

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

.content-wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:900px;

    margin:0 auto;

    display:block !important;

}

/* TAG */

.content-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:30px;

    border-radius:50px;

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

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

    backdrop-filter:blur(10px);

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

/* HEADING */

.content-wrap h2{

    display:block;

    width:100%;

    margin:0 0 24px;

    font-size:42px;

    line-height:1.25;

    color:#ffffff;

    font-weight:700;

}

/* PARAGRAPH */

.content-wrap p{

    display:block;

    width:100%;

    margin:0 0 24px;

    font-size:17px;

    line-height:1.9;

    color:#CBD5E1;

}

/* SECOND HEADING */

.content-wrap h2 + p{

    margin-bottom:24px;

}

.content-wrap h2:last-of-type{

    margin-top:60px;

}

/* STRONG */

.content-wrap strong{

    color:#ffffff;

    font-weight:600;

}

/* LINKS */

.content-wrap a{

    color:#60A5FA;

    text-decoration:none;

}

.content-wrap a:hover{

    color:#8CBEFF;

}

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

@media(max-width:992px){

    .content-wrap{

        max-width:800px;

    }

    .content-wrap h2{

        font-size:36px;

    }

}

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

@media(max-width:768px){

    .content-sec{

        padding:70px 20px;

    }

    .content-wrap{

        max-width:100%;

    }

    .content-tag{

        margin-bottom:24px;

    }

    .content-wrap h2{

        font-size:28px;

        line-height:1.35;

    }
	
    .content-wrap p{

        font-size:16px;

        line-height:1.8;

    }

    .content-wrap h2:last-of-type{

        margin-top:35px;

    }

}
/* =========================
CONTENT SECTION
========================= */

.content-sec{

    position:relative;

    padding:100px 20px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #081122 0%,
        #050816 100%
    );

}

/* GLOW */

.content-sec::before{

    content:"";

    position:absolute;

    left:-140px;
    top:-140px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

/* WRAP */

.content-wrap{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 auto;

}

/* TAG */

.content-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:28px;

    border-radius:50px;

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

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

    backdrop-filter:blur(10px);

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

/* TITLE */

.content-wrap h2{

    margin:0 0 24px;

    font-size:42px;

    line-height:1.25;

    color:#fff;

}

/* PARAGRAPH */

.content-wrap p{

    margin-bottom:24px;

    font-size:17px;

    line-height:1.95;

    color:#CBD5E1;

}

/* SPACE BETWEEN HEADINGS */

.content-wrap h2:not(:first-of-type){

    margin-top:60px;

}

/* STRONG */

.content-wrap strong{

    color:#ffffff;

}

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

@media(max-width:992px){

.content-wrap{

    max-width:800px;

}

.content-wrap h2{

    font-size:36px;

}

}

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

@media(max-width:768px){

.content-sec{

    padding:70px 20px;

}

.content-wrap{

    max-width:100%;

}

.content-tag{

    margin-bottom:22px;

}

.content-wrap h2{

    font-size:30px;

    line-height:1.35;

}
.content-wrap h3{

    font-size:28px;

    line-height:1.35;

}
.content-wrap p{

    font-size:16px;

    line-height:1.85;

}

.content-wrap h2:not(:first-of-type){

    margin-top:45px;

}

}
/* =========================
BOOKING PROCESS
========================= */

.process-sec{

    position:relative;

    padding:110px 20px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #081122 0%,
        #050816 100%
    );

}

/* GLOW */

.process-sec::before{

    content:"";

    position:absolute;

    right:-140px;
    bottom:-120px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    rgba(96,165,250,.08);

    filter:blur(120px);

}

/* HEAD */

.process-head{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

.process-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:24px;

    border-radius:50px;

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

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

.process-head h2{

    margin-bottom:22px;

    font-size:46px;

    line-height:1.2;

    color:#fff;

}

.process-head p{

    color:#CBD5E1;

    font-size:17px;

    line-height:1.9;

}

/* GRID */

.process-grid{

    position:relative;

    z-index:2;

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

/* CARD */

.process-card{

    position:relative;

    padding:40px 28px;

    text-align:center;

    border-radius:28px;

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

    backdrop-filter:blur(14px);

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

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(96,165,250,.22);

    box-shadow:
    0 20px 45px rgba(37,99,235,.15);

}

/* NUMBER */

.process-number{

    width:74px;

    height:74px;

    margin:0 auto 28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #2563EB,
        #60A5FA
    );

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

}

/* TITLE */

.process-card h3{

    margin-bottom:16px;

    color:#fff;

    font-size:24px;

}

/* TEXT */

.process-card p{

    color:#CBD5E1;

    font-size:15px;

    line-height:1.8;

}

/* TABLET */

@media(max-width:992px){

.process-grid{

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

}

.process-head h2{

    font-size:38px;

}

}

/* MOBILE */

@media(max-width:768px){

.process-sec{

    padding:80px 20px;

}

.process-head{

    margin-bottom:50px;

}

.process-head h2{

    font-size:34px;

}

.process-head p{

    font-size:16px;

}

.process-grid{

    grid-template-columns:1fr;

    gap:20px;

}

.process-card{

    padding:30px 24px;

}

.process-number{

    width:62px;

    height:62px;

    font-size:20px;

    margin-bottom:22px;

}

.process-card h3{

    font-size:21px;

}

}
/* =========================
CTA SECTION
========================= */

.cta-sec{

    position:relative;

    padding:120px 20px;

    overflow:hidden;

    background:

    linear-gradient(

        rgba(5,10,25,.55),

        rgba(5,10,25,.70)

    ),

    url("../images/cta-banner.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        90deg,

        rgba(5,10,25,.70),

        rgba(5,10,25,.40)

    );

}

.cta-wrap{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

    text-align:center;

}

.cta-tag{

    display:inline-block;

    padding:12px 24px;

    margin-bottom:24px;

    border-radius:50px;

    background:

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

    backdrop-filter:blur(10px);

    border:

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

    color:#60A5FA;

    font-size:14px;

    font-weight:600;

}

.cta-wrap h2{

    margin-bottom:25px;

    font-size:52px;

    line-height:1.2;

    color:#fff;

}

.cta-wrap p{

    max-width:720px;

    margin:0 auto 40px;

    color:#E2E8F0;

    font-size:18px;

    line-height:1.9;

}

.cta-btns{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

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

@media(max-width:992px){

.cta-wrap h2{

    font-size:42px;

}

}

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

@media(max-width:768px){

.cta-sec{

    padding:90px 20px;

}

.cta-wrap h2{

    font-size:34px;

}

.cta-wrap p{

    font-size:16px;

}

.cta-btns{

    gap:14px;

}

}

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

@media(max-width:480px){

.cta-wrap h2{

    font-size:30px;

}

.cta-btns{

    flex-direction:column;

}

.cta-btns .banner-btn{

    width:100%;

}

}