.csws-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    /* box-shadow:0 4px 20px rgba(0,0,0,.05); */
}

.csws-header-container{
    max-width:1100px;
    margin:auto;
    padding:15px 30px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.csws-logo img{
    height:70px;
}

/* MENU */

.csws-menu{
    display:flex;
    align-items:center;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}

.csws-menu li{
    position:relative;
}

.csws-menu li a{
    text-decoration:none;
    color:#2d2357;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.csws-menu li a:hover{
    color:#c54bd9;
}

/* ACTIVE PAGE */

.csws-menu li a.active{
    color:#c54bd9;
    font-weight:700;
}

.csws-menu li a.active::after{
    content:'';
    width:100%;
    height:2px;
    background:#c54bd9;

    position:absolute;
    left:0;
    bottom:-8px;
}

/* DROPDOWN */

.csws-dropdown-menu{
    position:absolute;
    top:120%;
    left:0;

    min-width:240px;

    background:#fff;
    border-radius:12px;

    padding:12px 0;

    opacity:0;
    visibility:hidden;

    transition:.3s;

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

    list-style:none;
}

.csws-dropdown:hover .csws-dropdown-menu{
    opacity:1;
    visibility:visible;
    top:100%;
}

.csws-dropdown-menu li{
    width:100%;
}

.csws-dropdown-menu a{
    display:block;
    padding:12px 20px;
}

.csws-dropdown-menu a:hover{
    background:#faf6ff;
}

/* BUTTON */

.csws-quote-btn{
    text-decoration:none;

    background:linear-gradient(
    90deg,
    #c54bd9,
    #5e5ce6
    );

    color:#fff;

    padding:12px 22px;

    border-radius:50px;

    display:flex;
    align-items:center;
    gap:10px;

    font-weight:600;
}

.csws-arrow{
    width:28px;
    height:28px;

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

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
}
.csws-buttons{
    display:flex;
    gap:20px;
    align-items:center;
}

.csws-btn-primary{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 28px;

    background:linear-gradient(
    90deg,
    #f44fb5,
    #6d5cff
    );

    border-radius:60px;

    color:#fff !important;
    text-decoration:none;
    font-weight:600;
}

.csws-arrows{
    width:34px;
    height:34px;

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

    border-radius:50%;

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

    flex-shrink:0;
}

.csws-arrows i{
    color:#fff;
    font-size:14px;
}

/* MOBILE */

.csws-toggle{
    display:none;
    border:none;
    background:none;
    font-size:22px;
    color:#2d2357;
}

@media(max-width:991px){

    .csws-toggle{
        display:block;
    }

    .csws-navbar{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;

        display:none;
    }

    .csws-navbar.active{
        display:block;
    }

    .csws-menu{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        padding:20px;
    }

    .csws-menu li{
        width:100%;
    }

    .csws-menu li a{
        display:block;
        padding:12px 0;
    }

    .csws-dropdown-menu{
        position:static;
        opacity:1;
        visibility:visible;
        display:none;
        box-shadow:none;
        padding-left:15px;
    }

    .csws-dropdown:hover .csws-dropdown-menu{
        display:block;
    }

    .csws-quote-btn{
        display:none;
    }
}



.quote-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:12px 20px;
    background:linear-gradient(90deg,#c54ca4,#4f56d6);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:600;
    transition:all .3s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    white-space:nowrap;
}

.quote-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.2);
}

.arrow-circle{
    width:28px;
    height:28px;
    border:1.5px solid rgba(255,255,255,.8);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    line-height:1;
}

/* Responsive */
@media (max-width:768px){
    .quote-btn{
        padding:10px 18px;
        font-size:14px;
    }

    .arrow-circle{
        width:24px;
        height:24px;
        font-size:12px;
    }
}


.csws-hero{
    margin-top:0px;
min-height:100vh;
display:flex;
align-items:center;
padding:20px 10%;
background:
radial-gradient(circle at top right,#f5d6ff 0%,transparent 30%),
linear-gradient(135deg,#ffffff,#faf7ff);
}

.csws-container{
width:100%;
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
    margin-top: -36px;
align-items:center;
}

/* LEFT SIDE */

.csws-content small{
display:block;
font-size:13px;
font-weight:600;
letter-spacing:1px;
color:#333333;
margin-bottom:20px;
}

.csws-content h1{
font-size: 45px;
    line-height: 55px;
font-weight:800;
color:#17172b;
margin-bottom:25px;
}

.csws-content h1 span{
background:linear-gradient(90deg,#AA3286,#6d5cff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.csws-content p{
font-size:18px;
line-height:1.8;
color:#333333;
max-width:550px;
margin-bottom:35px;
}

.csws-content p strong{
color:#6d5cff;
}

.csws-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom: 10px;
    margin-top: -22px;}

.csws-btn-primary{
background:linear-gradient(90deg,#ff58b7,#6d5cff);
padding:15px 28px;
border-radius:50px;
text-decoration:none;
color:white;
font-weight:600;
}

.csws-btn-secondary{
border:2px solid #d8ceff;
padding:15px 28px;
border-radius:50px;
text-decoration:none;
color:#6d5cff;
font-weight:600;
background:white;
}

.csws-features{
display:flex;
flex-wrap:wrap;
gap:25px;
/* margin-top: -40px; */

}

.csws-feature{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
font-weight:500;
color:#333333;
}

.csws-feature i{
width:40px;
height:40px;
border-radius:10px;
background:white;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 20px rgba(0,0,0,.08);
color:#6d5cff;
}

/* RIGHT SIDE */

.csws-visual{
position:relative;
display:flex;
justify-content:center;
  z-index:50;
}

.csws-image-box{
width:100%;
max-width:620px;
height:520px;
/* background:url('../img/herobanner.png') center/cover; */
border-radius:120px 20px 120px 20px;
/* position:relative; */
overflow:hidden;
}


/* DASHBOARD */
 
/* RESPONSIVE */

@media(max-width:1100px){

.csws-container{
grid-template-columns:1fr;
text-align:center;
}

.csws-content p{
margin:auto auto 35px;
}

.csws-buttons,
.csws-features{
justify-content:center;
}

.csws-content h1{
font-size:48px;
}
}

@media(max-width:768px){

.csws-hero{
padding:60px 25px;
}

.csws-content h1{
font-size:38px;
}

.csws-image-box{
height:430px;
}

.csws-dashboard{
width:92%;
grid-template-columns:1fr;
}

.csws-donut-wrap{
flex-direction:column;
align-items:flex-start;
}
}


.csws-badge{
position:absolute;
left:50px;
bottom:40px;
background:#fff;
padding:12px 18px;
border-radius:16px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
font-size:14px;
line-height:1.5;
z-index:20;
}

.csws-badge strong{
color:#6d5cff;
}
.csws-dashboard{
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);

    width:95%;          /* Increase width */
    max-width:650px;    /* Wider dashboard */

    padding:14px;
    border-radius:20px;

    display:grid;
    grid-template-columns:2.5fr 1fr;

    gap:12px;
    z-index:9999;
}

.csws-card{
    padding:12px;
}

.csws-graph{
    height:90px;       /* Reduce graph height */
}

.csws-side{
    gap:10px;
}

.csws-mini{
    padding:10px 12px;
}

.csws-mini h4{
    font-size:18px;
    margin:5px 0;
}

/* .csws-donut{
    width:65px;
    height:65px;
} */

.csws-donut::after{
    width:35px;
    height:35px;
}


.csws-social{
    z-index:10000;
}


.csws-stats-section{
    width:100%;
    margin-top:22px;
    padding:0 20px;
}

.csws-stats-wrapper{
    max-width:1100px;
    margin:auto;
    background:#fff;
    border:1px solid #a75de196;
    border-radius:18px;
    padding:22px 35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    box-shadow:0 8px 25px rgba(109,92,255,.06);
}

.csws-stats-item{
    display:flex;
    align-items:center;
    gap:14px;
    flex:1;
}

.csws-stats-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    background:linear-gradient(135deg,#ff5db1,#6d5cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.csws-stats-content h3{
    font-size:32px;
    line-height:1;
    margin:0;
    color:#222;
    font-weight:700;
}

.csws-stats-content p{
    margin-top:4px;
    font-size:13px;
    color:#333333;
    font-weight:500;
}

@media(max-width:992px){

    .csws-stats-wrapper{
        flex-wrap:wrap;
        justify-content:center;
    }

    .csws-stats-item{
        flex:0 0 calc(50% - 20px);
    }
}

@media(max-width:576px){

    .csws-stats-wrapper{
        padding:20px;
    }

    .csws-stats-item{
        flex:0 0 100%;
        justify-content:center;
        text-align:center;
    }

    .csws-stats-content h3{
        font-size:26px;
    }

    .csws-stats-icon{
        font-size:24px;
    }
}

.csws-solutions-section{
    position:relative;
    padding:10px 10%;
    background:#fff;
    overflow:hidden;
}

.csws-solutions-heading{
    text-align:center;
    margin-bottom:25px;
    position:relative;
    z-index:2;
}

.csws-solutions-heading span{
    font-size:17px;
    font-weight:700;
    color:#6d5cff;
    letter-spacing:1px;
    text-transform:uppercase;
}

.csws-solutions-heading h2{
    font-size:35px;
    font-weight:800;
    color:#1a1a2e;
    margin:10px 0;
}

.csws-solutions-heading p{
    color:#333333;
    font-size:15px;
    max-width:700px;
    margin:auto;
}

.csws-service-icon img{
    width:40px;
    height:40px;
    object-fit:contain;
}
/* Grid */

.csws-solutions-grid{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:7px;
    position:relative;
    z-index:2;
}

/* Cards */

.csws-service-box{
    background:#fff;
    border:1px solid #a75de196;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
        height: 320px;
}

.csws-service-box:hover{
    transform:translateY(-8px);
    border-color:#d5c6ff;
    box-shadow:0 20px 40px rgba(109,92,255,.12);
}

.csws-service-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:16px;
    background:#f8f4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    color:#c14adf;
}

.csws-service-box h3{
    font-size:16px;
    line-height:1.5;
    margin-bottom:15px;
    color:#1c1c2d;
    font-weight:700;
}

.csws-service-box p{
    color:#333333;
    font-size:14px;
    line-height:1.8;
}

/* Background Graphics */

.csws-shape{
    position:absolute;
    border-radius:50%;
    z-index:1;
}

.csws-shape-one{
    width:450px;
    height:450px;
    background:rgba(109,92,255,.05);
    top:-200px;
    left:-150px;
}

.csws-shape-two{
    width:500px;
    height:500px;
    background:rgba(255,93,177,.05);
    bottom:-250px;
    right:-200px;
}

/* Responsive */

@media(max-width:1200px){

    .csws-solutions-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .csws-solutions-heading h2{
        font-size:34px;
    }

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

}

@media(max-width:576px){

    .csws-solutions-grid{
        grid-template-columns:1fr;
    }

    .csws-service-box{
                padding: 10px;
        height: 150px;
    }

}



.csws-mission-sec{
    padding:40px 10%;
    background:#fbfbfb;
    overflow:hidden;
    position:relative;
}

.csws-mission-container{
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.2fr 1fr;
    gap:40px;
    align-items:center;
}

/* LEFT */

.csws-mission-tag{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    color:#777;
    margin-bottom:12px;
}

.csws-mission-left h2{
    font-size:37px;
    line-height:1.1;
    font-weight:800;
    color:#1c1c32;
    margin-bottom:25px;
}

.csws-mission-left h2 span{
    background:linear-gradient(90deg,#ff5db1,#6d5cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.csws-mission-left p{
    color:#333333;
    line-height: 30px;
    font-size: 17px;
    margin-bottom:30px;
}

.csws-mission-list{
    list-style:none;
    padding:0;
        line-height: 12px;
        font-size:15px;
}

.csws-mission-list li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    color:#333;
    font-weight:500;
}

.csws-mission-list i{
    color:#7c5cff;
}

/* CENTER */

.csws-mission-center{
    position:relative;
    display:flex;
    justify-content:center;
}

.csws-mission-circle{
    width:420px;
    height:420px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    border:2px dashed #dacfff;
    padding:10px;
}

.csws-mission-circle img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.csws-mission-overlay{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:40%;
    background:linear-gradient(
    to top,
    rgba(181,73,255,.45),
    transparent);
}

.csws-mission-badge{
    position:absolute;
    bottom:35px;
    left:10px;
    background:#fff;
    padding:16px 20px;
    border-radius:20px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.csws-badge-icon{
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8a5cff;
    border:2px solid #ece4ff;
}

.csws-mission-badge h4{
    margin:0;
    color:#222;
        font-size: 15px;
    font-weight: 700;
}

.csws-mission-badge small{
    color:#777;
}

/* RIGHT CARD */

.csws-quote-card{
    background:linear-gradient(135deg,#d143a9,#4f46e5);
    padding:45px;
    border-radius:18px;
    color:#fff;
    min-height:420px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.csws-quote-icon{
    font-size:42px;
    opacity:.9;
    margin-bottom:25px;
}

.csws-quote-card h3{
    font-size:16px;
    line-height:1.45;
    font-weight:500;
    margin-bottom:25px;
}

.csws-sign{
    font-family:cursive;
    font-size:15px;
    margin-bottom:35px;
    display:block;
}

.csws-quote-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.csws-brand-icon{
    font-size:32px;
}

.csws-quote-brand strong{
    display:block;
    font-size:28px;
}

.csws-quote-brand small{
    display:block;
    letter-spacing:2px;
}

/* BACKGROUND GRAPHICS */

.csws-mission-sec::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(109,92,255,.03);
    top:-150px;
    right:-150px;
}

.csws-mission-sec::after{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(255,93,177,.03);
    bottom:-150px;
    left:-150px;
}

/* TABLET */

@media(max-width:1100px){

    .csws-mission-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .csws-mission-list li{
        justify-content:center;
    }

    .csws-mission-badge{
        left:50%;
        transform:translateX(-50%);
    }

    .csws-quote-brand{
        justify-content:center;
    }

}

/* MOBILE */

@media(max-width:768px){

    .csws-mission-left h2{
        font-size:38px;
    }

    .csws-mission-circle{
        width:300px;
        height:300px;
    }

    .csws-quote-card{
        padding:30px;
        min-height:auto;
    }

    .csws-quote-card h3{
        font-size:15px;
    }

    .csws-sign{
        font-size:20px;
    }

}

.csss img{
        margin-top: -70px;
    width: 130px;
}



.cswp-process-sec{
    padding:25px 8%;
    background:#fff;
}

.cswp-heading{
    text-align:center;
    margin-bottom:30px;
}

.cswp-heading span{
    color:#7b5cff;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.cswp-heading h2{
    font-size:35px;
    font-weight:800;
    color:#16162b;
    margin-top:10px;
}

/* TIMELINE */

.cswp-timeline{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    position:relative;
}

.cswp-timeline::before{
    content:'';
    position:absolute;
    top:32px;
    left:12%;
    width:76%;
    border-top:3px dotted #bda8ff;
}

.cswp-step{
    position:relative;
    text-align:left;
    padding:0 20px;
}

.cswp-circle{
    width:64px;
    height:64px;
    border-radius:50%;
    color:#fff;
    font-weight:700;
    font-size:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 40px;
    border:6px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
    z-index:2;
}

.pink{
    background:linear-gradient(135deg,#ea4bb8,#c13cff);
}

.purple{
    background:linear-gradient(135deg,#9a4dff,#7b5cff);
}

.blue{
    background:linear-gradient(135deg,#4b7cff,#3566ea);
}

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

.cswp-content i{
    display:block;
    font-size:38px;
    color:#b04adf;
    margin-bottom:18px;
}

.cswp-content h3{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:12px;
}

.cswp-content p{
    font-size:15px;
    line-height:1.8;
    color:#333333;
    max-width:220px;
    margin:auto;
}
/* Tablet */

@media(max-width:991px){

    .cswp-timeline{
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }

    .cswp-timeline::before{
        display:none;
    }
}

/* Mobile */

@media(max-width:576px){

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

    .cswp-timeline{
        grid-template-columns:1fr;
    }

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


.csws-results-sec{
    padding:30px 8%;
    background:#fbfbfb;
}

.csws-results-header span{
    color:#d946ef;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.csws-results-header h2{
    font-size:35px;
    margin-top:10px;
    color:#15152d;
        font-weight: 800;
}
.csws-results-wrapper{
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:30px;
    align-items:stretch;
}

.csws-results-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.csws-result-card{
    position:relative;
    background:#fff;
    border:1px solid #a75de196;
    border-radius:20px;
    padding:25px;
    /* min-height:260px; */
        margin-bottom: 30px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
}

.csws-result-card h3{
    font-size:18px;
    color:#7c3aed;
    margin-bottom:10px;
    font-weight:700;
}

.csws-result-card h4{
      font-size: 13px;
    font-weight: bold;
    margin-bottom:12px;
    color:#222;
}

.csws-result-card p{
   font-size: 12px;
    line-height: 15px;
    color: #404040;
    max-width:150px;
}

/* GRAPH */
.csws-result-card svg{
    position:absolute;
    right:15px;
    /* bottom:15px; */
    width:95px;
    height:60px;
    opacity:.9;
}

/* BAR CHART */
.csws-bars{
    position:absolute;
    right:20px;
    /* bottom:15px; */
    display:flex;
    align-items:flex-end;
    gap:6px;
}

.csws-bars span{
    width:12px;
    border-radius:3px;
    background:#b794f4;
}

.csws-bars span:nth-child(1){height:10px;}
.csws-bars span:nth-child(2){height:28px;}
.csws-bars span:nth-child(3){height:50px;}
.csws-bars span:nth-child(4){height:35px;}
.csws-bars span:nth-child(5){height:75px;}

/* TARGET ICON */
.csws-result-card .fa-bullseye{
    position:absolute;
    right:18px;
    /* bottom:18px; */
    font-size:60px;
    color:#d946ef;
}

/* REVIEW CARD */

.csws-review-slider{
    position:relative;
    padding:35px;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #a75de196;

    background:
    radial-gradient(circle at top left,
    rgba(196,154,255,.20),
    transparent 45%),

    radial-gradient(circle at bottom right,
    rgba(255,196,230,.18),
    transparent 45%),

    linear-gradient(
    135deg,
    #ffffff 0%,
    #fcf9ff 50%,
    #f8f4ff 100%
    );

    box-shadow:0 15px 40px rgba(109,92,255,.08);
}

.csws-review-slide{
    display:none;
}

.csws-review-slide.active{
    display:block;
}

.csws-review-top{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.csws-review-quote{
    font-size:42px;
    color:#b76cff;
    line-height:1;
}

.csws-stars{
    color:#fbbf24;
    font-size:18px;
    letter-spacing:2px;
    margin:0;
}

.csws-review-slide p{
        font-size: 15px;
    line-height: 20px;
    color:#444;
}

.csws-review-user{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:25px;
}

.csws-review-user img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

/* ARROWS */

.csws-review-nav{
    position:absolute;
    right:25px;
    bottom:25px;
    display:flex;
    gap:10px;
}

.csws-prev,
.csws-next{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#f6f3ff;
    color:#7c3aed;
    cursor:pointer;
    transition:.3s;
}

.csws-prev:hover,
.csws-next:hover{
    background:#7c3aed;
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .csws-results-wrapper{
        grid-template-columns:1fr;
    }

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

@media(max-width:768px){

    .csws-results-grid{
        grid-template-columns:1fr;
    }

    .csws-result-card{
        min-height:220px;
    }
}

.csws-review-user h4{
    margin:0;
}

.csws-review-user span{
    color:#777;
    font-size:14px;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .csws-results-wrapper{
        grid-template-columns:1fr;
    }

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

}

@media(max-width:768px){

    .csws-results-grid{
        grid-template-columns:1fr;
    }

    .csws-results-header h2{
        font-size:34px;
    }

}


.csws-review-slide{
    display:none;
}

.csws-review-slide.active{
    display:block;
    animation:fadeReview .5s ease;
}

@keyframes fadeReview{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


.csws-review-slider{
    position:relative;
    margin-top: -30px;
    margin-bottom: 35px;
}

.csws-review-nav{
    position:absolute;
    right:25px;
    bottom:25px;
    display:flex;
    gap:10px;
}

.csws-prev,
.csws-next{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#7c3aed;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.csws-prev:hover,
.csws-next:hover{
    background:#7c3aed;
    color:#fff;
}


.csws-cta-section{
    padding:20px 10%;
        background-color: #fbfbfb;
}

.csws-cta-wrapper{
    max-width:1400px;
    margin:auto;

    background:linear-gradient(
        90deg,
        #4f46e5 0%,
        #7c3aed 35%,
        #a855f7 70%,
        #ec4899 100%
    );

    border-radius:12px;

    padding:20px 30px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    overflow:hidden;
    position:relative;
}

/* Background Glow */

.csws-cta-wrapper::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-180px;
    right:-100px;
}

.csws-cta-wrapper::after{
    content:'';
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    left:35%;
    bottom:-140px;
}

/* IMAGE */

.csws-cta-image{
    flex-shrink:0;
}

.csws-cta-image img{
    width:168px;
    display:block;
}

/* CONTENT */

.csws-cta-content{
    flex:1;
    color:#fff;
    position:relative;
    z-index:2;
}

.csws-cta-content h2{
    font-size:23px;
    font-weight:700;
    margin-bottom:8px;
    color:#fff;
}

.csws-cta-content p{
    font-size:15px;
    color:rgba(255,255,255,.92);
    line-height:1.7;
    margin:0;
}

/* BUTTONS */

.csws-cta-buttons{
    display:flex;
    gap:15px;
    position:relative;
    z-index:2;
}

.csws-cta-btn-primary{
    background:#fff;
    color:#7c3aed;
    padding:14px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.csws-cta-btn-primary:hover{
    transform:translateY(-3px);
}

.csws-cta-btn-secondary{
    border:1px solid rgba(255,255,255,.6);
    color:#fff;
    padding:14px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.3s;
}

.csws-cta-btn-secondary:hover{
    background:rgba(255,255,255,.08);
}

/* RESPONSIVE */

@media(max-width:992px){

    .csws-cta-wrapper{
        flex-direction:column;
        text-align:center;
        padding:35px 25px;
    }

    .csws-cta-content h2{
        font-size:34px;
    }

    .csws-cta-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .csws-cta-image img{
        width:120px;
    }
}

@media(max-width:576px){

    .csws-cta-content h2{
        font-size:28px;
    }

    .csws-cta-content p{
        font-size:15px;
    }

    .csws-cta-btn-primary,
    .csws-cta-btn-secondary{
        width:100%;
        justify-content:center;
    }

    .csws-cta-buttons{
        width:100%;
        flex-direction:column;
    }
}


.cswsf-footer{
    background:linear-gradient(
        90deg,
        #1a1240 0%,
        #22184f 35%,
        #2b1d60 70%,
        #311f69 100%
    );

    padding:60px 10% 45px;
    position:relative;
    overflow:hidden;
}

/* Decorative Glow */

.cswsf-footer::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    top:-180px;
    left:-150px;
}

.cswsf-footer::after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(255,255,255,.02);
    bottom:-120px;
    right:-80px;
}

.cswsf-container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1.3fr;
    gap:50px;

    position:relative;
    z-index:2;
}

.cswsf-logo{
    max-width:180px;
        margin-bottom: -28px;
    margin-top: -55px;
}

.cswsf-about p{
    color:rgba(255,255,255,.75);
    line-height:1.8;
    font-size:14px;
    margin-bottom:25px;
}

/* Social */

.cswsf-social{
    display:flex;
    gap:10px;
}

.cswsf-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.cswsf-social a:nth-child(1){
    background:#1877f2;
}

.cswsf-social a:nth-child(2){
    background:#e1306c;
}

.cswsf-social a:nth-child(3){
    background:#0077b5;
}

.cswsf-social a:nth-child(4){
    background:#ff0000;
}

.cswsf-social a:hover{
    transform:translateY(-3px);
}

/* Headings */

.cswsf-footer h4{
    color:#fff;
    font-size:18px;
    margin-bottom:22px;
    font-weight:600;
}

/* Lists */

.cswsf-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cswsf-footer ul li{
    margin-bottom:12px;
}

.cswsf-footer ul li a{
    color:rgba(255,255,255,.75);
    text-decoration:none;
    transition:.3s;
    font-size:14px;
}

.cswsf-footer ul li a:hover{
    color:#c084fc;
    padding-left:5px;
}

/* Contact */

.cswsf-contact li{
    color:rgba(255,255,255,.75);
    display:flex;
    gap:10px;
    line-height:1.7;
    margin-bottom:15px;
    font-size:14px;
}

.cswsf-contact i{
    color:#ffffff;
    margin-top:4px;
    min-width:15px;
}

/* Responsive */

@media(max-width:991px){

    .cswsf-container{
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }

}

@media(max-width:576px){

    .cswsf-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .cswsf-social{
        justify-content:center;
    }

    .cswsf-contact li{
        justify-content:center;
        text-align:center;
        flex-direction:column;
        gap:5px;
    }

}


.cswsc-copyright-bar{
    position:relative;

    background:linear-gradient(
        90deg,
        #2b1b68 0%,
        #3a2483 50%,
        #4b2f98 100%
    );

    padding:14px 0;

    overflow:hidden;
}

/* Top Center Curve */
/* 
.cswsc-copyright-bar::before{
    content:'';
    position:absolute;

    width:120px;
    height:50px;

    background:#0d0824;

    left:50%;
    top:-25px;

    transform:translateX(-50%);

    border-radius:0 0 60px 60px;
} */

/* Container */

.cswsc-copyright-container{
    max-width:1400px;
    margin:auto;

    padding:0 30px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Left */

.cswsc-left{
    color:rgba(255,255,255,.90);
    font-size:13px;
    font-weight:400;
}

/* Right */

.cswsc-right{
    display:flex;
    align-items:center;
    gap:14px;
}

.cswsc-right a{
    color:rgba(255,255,255,.92);
    text-decoration:none;
    font-size:13px;
    transition:.3s;
}

.cswsc-right a:hover{
    color:#ffffff;
}

.cswsc-right span{
    color:rgba(255,255,255,.40);
}

/* Mobile */

@media(max-width:768px){

    .cswsc-copyright-container{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .cswsc-right{
        justify-content:center;
        flex-wrap:wrap;
    }

    .cswsc-copyright-bar::before{
        width:90px;
        height:40px;
        top:-20px;
    }

}


@media (max-width: 768px) {
    .quote-btn {
        display: none !important;
    }
}


@media (max-width: 576px) {
    .quote-btn {
        display: none !important;
    }
}


.procx-section{
    padding:25px 20px;
    background:#ffffff;
    /* font-family:'Poppins',sans-serif; */
}

.procx-container{
    max-width:1200px;
    margin:auto;
}

.procx-subtitle{
    text-align:center;
    color:#7c5cff;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.procx-title{
    text-align:center;
    font-size:42px;
    font-weight:800;
    color:#111827;
    margin-bottom:30px;
}

/* ===== TIMELINE ===== */

.procx-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.procx-timeline::before{
    content:'';
    position:absolute;
    top:26px;
    left:12%;
    width:76%;
    border-top:2px dashed #d6c8ff;
    z-index:1;
}

.procx-step{
    position:relative;
    z-index:2;
}

/* ===== NUMBER CIRCLE ===== */

.procx-circle{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    font-size:16px;
    margin:0 auto;
    box-shadow:0 8px 20px rgba(0,0,0,0.10);
}

.procx-step:nth-child(1) .procx-circle{
    background:linear-gradient(135deg,#ff5bb0,#c94cff);
}

.procx-step:nth-child(2) .procx-circle{
    background:linear-gradient(135deg,#b060ff,#8657ff);
}

.procx-step:nth-child(3) .procx-circle{
    background:linear-gradient(135deg,#5d86ff,#5b6cff);
}

.procx-step:nth-child(4) .procx-circle{
    background:linear-gradient(135deg,#6a90ff,#4d6eff);
}

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

.procx-content{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-top:35px;
    margin-left: 65px;
}

.procx-icon{
    flex-shrink:0;
    font-size:32px;
    color:#8b5cf6;
    /* margin-top:3px; */
}

.procx-text h3{
    font-size:22px;
    font-weight:600;
    margin:0 0 10px;
    color:#111827;
}

.procx-text p{
    margin:0;
    color:#6b7280;
    line-height:1.8;
    font-size:14px;
}


   

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

@media(max-width:991px){

    .procx-timeline{
        grid-template-columns:repeat(2,1fr);
        gap:50px;
    }

    .procx-timeline::before{
        display:none;
    }

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

    .procx-content p{
        max-width:100%;
    }
}

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

@media(max-width:767px){

    .procx-title{
        font-size:30px;
    }

    .procx-timeline{
        grid-template-columns:1fr;
        gap:40px;
    }

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

    .procx-content p{
        max-width:100%;
    }
}



.csws-industry-section{
    /* padding:30px 10%; */
    background:#fff;
    text-align:center;
    margin-top:50px;
}

.csws-industry-header span{
    color:#8b5cf6;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px;
}

.csws-industry-header h2{
    font-size:40px;
    font-weight:800;
    color:#15152d;
    margin:10px 0;
}

.csws-industry-header p{
    max-width:700px;
    margin:auto;
    color:#3a3a3a;
        FONT-SIZE: 15px;
}

.csws-industry-wrapper{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
}

.csws-industry-item{
    position:relative;
}

.csws-industry-item span{
    display:block;
    font-size:11px;
    font-weight:700;
    margin-bottom:12px;
}

.csws-industry-icon{
    width:60px;
    height:60px;
    margin:auto;

    border:2px solid #4fd1c5;
    border-radius:50%;

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

    color:#14b8a6;
    font-size:24px;
}

.csws-industry-item::after{
    content:'';
    position:absolute;
    left:50%;
    top:75px;

    width:2px;
    height:80px;

    transform:translateX(-50%);

    background:
    repeating-linear-gradient(
        to bottom,
        #14b8a6,
        #14b8a6 5px,
        transparent 5px,
        transparent 10px
    );
}

.csws-city-image{
    margin-top:100px;
}

.csws-city-image img{
    width:100%;
    max-width:1400px;
    margin-top: -90px;
}




.fxncs-header-wrap{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
}

.fxncs-navbar-shell{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 30px;
}

.fxncs-logo-box img{
    max-width:170px;
}

.fxncs-menu-holder{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}

.fxncs-menu-holder li{
    position:relative;
}

.fxncs-menu-holder li a{
    text-decoration:none;
    color:#2b2b2b;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

/* Active Menu */

.fxncs-menu-holder li.fxncs-current-page a{
    color:#c236d6;
}

.fxncs-menu-holder li.fxncs-current-page::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:100%;
    height:3px;
    border-radius:50px;
    background:#c236d6;
}

/* Hover Underline */

.fxncs-menu-holder li::before{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0%;
    height:3px;
    background:#c236d6;
    transition:.4s;
}

.fxncs-menu-holder li:hover::before{
    width:100%;
}

/* Dropdown */

.fxncs-drop-parent{
    position:relative;
}

.fxncs-dropdown-menu{
    position:absolute;
    top:45px;
    left:0;
    min-width:220px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transition:.4s;
}

.fxncs-drop-parent:hover .fxncs-dropdown-menu{
    opacity:1;
    visibility:visible;
}

.fxncs-dropdown-menu a{
    display:block;
    padding:12px 18px;
    border-bottom:1px solid #eee;
}

.fxncs-dropdown-menu a:last-child{
    border:none;
}

.fxncs-dropdown-menu a:hover{
    background:#f7f1ff;
    color:#c236d6;
}

.fxncs-quote-btn{
    background:linear-gradient(90deg,#d53ef2,#7b3eff);
    color:#fff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.fxncs-quote-btn:hover{
    transform:translateY(-3px);
}

/*=========================
HERO SECTION
=========================*/

.fxncs-hero-banner{
     
     background:url("../img/banner1.webp") center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color:#f8f5ff;
    min-height:100vh;
        margin-top: -65px;
}

.fxncs-hero-banner::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.15);
}

.fxncs-hero-inner{
    max-width:1300px;
    margin:auto;
    width:100%;
    padding:0px 30px 0px;
    position:relative;
}

.fxncs-left-content{
    max-width:560px;
    margin-top: 100px;
}

.fxncs-mini-title{
    color:#666;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:5px;
    font-weight:600;
}

.fxncs-main-heading{
    font-size:40px;
    line-height:1.15;
    color:#1e1e1e;
    font-weight:800;
    margin-bottom:20px;
}

.fxncs-main-heading span{
    color:#c236d6;
}

.fxncs-description{
    font-size:17px;
    color:#555;
    line-height:1.8;
    margin-bottom:35px;
}

.fxncs-btn-row{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.fxncs-primary-btn{
    background:#d63bf1;
    color:#fff;
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.fxncs-secondary-btn{
    background:#fff;
    color:#7b3eff;
    border:2px solid #e4d2ff;
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

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

.fxncs-feature-strip{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
    margin-top:55px;
}

.fxncs-feature-card{
    display:flex;
    align-items:center;
    gap:10px;
    color:#666;
    font-size:14px;
    font-weight:600;
}

.fxncs-feature-card i{
    color:#c236d6;
}

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

.fxncs-mobile-toggle{
    display:none;
    font-size:28px;
    cursor:pointer;
}

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

@media(max-width:991px){

.fxncs-mobile-toggle{
    display:block;
}

.fxncs-menu-holder{
    position:absolute;
    top:90px;
    left:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    padding:20px;
    display:none;
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.fxncs-menu-holder.active{
    display:flex;
}

.fxncs-navbar-shell{
    padding:20px;
}

.fxncs-main-heading{
    font-size:42px;
}

}

@media(max-width:768px){

.fxncs-hero-inner{
    padding-top:120px;
}

.fxncs-main-heading{
    font-size:34px;
}

.fxncs-description{
    font-size:15px;
}

.fxncs-feature-strip{
    gap:15px;
}

}

@media(max-width:480px){

.fxncs-main-heading{
    font-size:28px;
}

.fxncs-btn-row{
    flex-direction:column;
}

.fxncs-primary-btn,
.fxncs-secondary-btn{
    text-align:center;
}

}

             





























 

.csweb-logo img{
    max-height:50px;
}

.csweb-nav-menu{
    display:flex;
    list-style:none;
    gap:30px;
}

.csweb-nav-menu a{
    text-decoration:none;
    color:#222;
    font-weight:600;
    transition:.3s;
}

.csweb-nav-menu a:hover{
    color:#8e2de2;
}

.csweb-quote-btn{
    background:#8e2de2;
    color:#fff;
    text-decoration:none;
    padding:12px 25px;
    border-radius:40px;
    font-weight:600;
}

.csweb-mobile-toggle{
    display:none;
    font-size:28px;
    cursor:pointer;
}

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

.csweb-banner-section{
    width:100%;
    min-height:100vh;
    position:relative;

    background:url("../img/banner1.webp") no-repeat center top;
    background-size:100% auto;
    /* background-color:#f8f6fc; */

    display:flex;
    align-items:center;
}

/* .csweb-banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.08);
} */

.csweb-banner-content{
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:120px 5% 80px;
    position:relative;
    z-index:2;
}

.csweb-left-content{
    max-width:600px;
        margin-top: -20px;
}

.csweb-small-title{
    display:block;
    letter-spacing:2px;
    font-size:13px;
    color:#444;
    margin-bottom:15px;
    font-weight:700;
}

.csweb-left-content h1{
    font-size:35px;
    line-height:1.2;
    /* margin-bottom:20px; */
    color:#111;
}

.csweb-left-content h1 span{
    color:#b100ff;
}

.csweb-left-content p{
    color:#555;
    line-height:1.8;
    margin-bottom:35px;
    max-width:500px;
}

.csweb-btn-group{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.csweb-primary-btn{
    background:#b100ff;
    color:#fff;
    padding:15px 30px;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
}

.csweb-primary-btn:hover{
    background:#b100ff;
    color:#fff;
    padding:15px 30px;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
}

.csweb-secondary-btn{
    border:2px solid #b100ff;
    color:#b100ff;
    padding:15px 30px;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
}

.csweb-secondary-btn:hover{
    border:2px solid #b100ff;
    color:#b100ff;
    padding:15px 30px;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
}
.csweb-feature-list{
    margin-top:25px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.csweb-feature-list div{
    font-size:17px;
    color:#333;
}

.csweb-feature-list i{
    color:#8e2de2;
    margin-right:6px;
}

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

@media(max-width:992px){

.csweb-nav-menu{
    gap:15px;
}

.csweb-left-content h1{
    font-size:45px;
}

}

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

@media(max-width:768px){

.csweb-mobile-toggle{
    display:block;
}

.csweb-nav-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    padding:20px;
    display:none;
}

.csweb-nav-menu.active{
    display:flex;
}

.csweb-quote-btn{
    display:none;
}

.csweb-left-content{
    text-align:center;
}

.csweb-left-content h1{
    font-size:34px;
    margin-top: 35px;
}

.csweb-btn-group{
    justify-content:center;
}

.csweb-feature-list{
    justify-content:center;
}
}

.csweb-navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 6%;
    transition:.4s;
    background:transparent;
}

.csweb-navbar.csweb-sticky{
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.csweb-dropdown{
    position:relative;
}

.csweb-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#fff;
    list-style:none;
    padding:10px 0;
    margin:0;
    box-shadow:0 10px 25px rgba(0,0,0,.1);
    display:none;
    z-index:9999;
}

.csweb-dropdown-menu li a{
    display: block;
    padding: 7px 12px;
    width: 279px;
    color: #222;
    text-decoration: none;
}

.csweb-dropdown-menu li a:hover{
    background:#f5f5f5;
    color:#8e2de2;
}

/* .csweb-dropdown:hover .csweb-dropdown-menu{
    display:block;
} */



@media(max-width:768px){

    .csweb-dropdown-menu{
        display:none;
        position:static;
        width:100%;
        background:#f8f8f8;
        box-shadow:none;
     }

    .csweb-dropdown.active .csweb-dropdown-menu{
        display:block;
    }

}


@media (min-width:769px){

    .csweb-dropdown:hover .csweb-dropdown-menu{
        display:block;
    }

}
/* ==========================
   MOBILE RESPONSIVE BANNER
========================== */
@media (max-width:768px){

    /* Navbar */
    .csweb-navbar{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        /* background:#fff; */
       background: linear-gradient(90deg, #f9f9f9 0%, #f7f1f1 50%, #d2bfef 100%);
        padding:6px 14px;
        z-index:9999;
    }

    .csweb-mobile-toggle{
        display:block;
        font-size:30px;
        cursor:pointer;
        color:#222;
    }

    .csweb-nav-menu{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        display:none;
        flex-direction:column;
        gap:0;
        padding:0;
        box-shadow:0 10px 20px rgba(0,0,0,.08);
    }

    .csweb-nav-menu.active{
        display:flex;
    }

    .csweb-nav-menu li{
        width:100%;
        list-style:none;
    }

    .csweb-nav-menu li a{
        display:block;
        padding:15px 20px;
        border-bottom:1px solid #eee;
    }

    .csweb-quote-btn{
        display:none;
    }

    .csweb-logo img{
        max-height:40px;
    }
@media (max-width:768px){

    .csweb-banner-section{
        position:relative;
        /* background:url("../img/banner2.png") center center no-repeat !important; */
        background-size:cover !important;
        min-height:650px;
        display:flex;
        align-items:center;
        /* padding:100px 20px 50px; */
        z-index:1;
    }

    .csweb-banner-section::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
      background: rgb(0 0 0 / 75%);
        z-index:-1;
    }

    .csweb-banner-content{
        position:relative;
        z-index:2;
    }

    .csweb-left-content h1{
        color:#222;
    }

    .csweb-left-content p{
        color:#555;
    }

    .csweb-small-title{
        color:#666;
    }

}

    .csweb-small-title,
    .csweb-left-content h1,
    .csweb-left-content p{
        color:#fff;
    }

    .csweb-left-content h1 span{
        color:#b100ff;
    }

    .csweb-btn-group{
        justify-content:center;
    }

    .csweb-feature-list{
        justify-content:center;
    }

    .csweb-feature-list div{
        color:#fff;
    }

    .csweb-feature-list i{
        color:#b100ff;
    }

}


/* =========================
   FAQ SECTION
========================= */
.csfaq-section{
    padding:30px 15px;
    background:#f8f7fd;
}

.csfaq-container{
    max-width:1200px;
    margin:auto;
}

.csfaq-heading{
    text-align:center;
    margin-bottom:50px;
}

.csfaq-heading h2{
    font-size:40px;
    font-weight:800;
    margin-bottom:10px;
    color:#1e1e2f;
}

.csfaq-heading p{
    color:#666;
    font-size:17px;
}

.csfaq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.csfaq-item{
    background:#fff;
    border:1px solid #a75de196;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(177,0,255,.06);
    transition:.3s;
}

.csfaq-item:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 35px rgba(177,0,255,.12);
}

.csfaq-question{
    width:100%;
    border:none;
    background:#fff;
    padding:22px 25px;
    text-align:left;
    cursor:pointer;
    font-size:18px;
    font-weight:600;
    color:#2a2a2a;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.csfaq-question span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    /* background:linear-gradient(135deg,#c45eff,#8e2de2); */
    color:#8e2de2;
    font-size:20px;
    font-weight:700;
}

.csfaq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:#fcfaff;
}

.csfaq-answer p{
    padding:0 25px 25px;
    color:#555;
    line-height:1.8;
    margin:0;
}

.csfaq-item.active .csfaq-answer{
    max-height:200px;
}

.csfaq-item.active .csfaq-question{
    color:#8e2de2;
}

/* =========================
   MOBILE
========================= */
@media(max-width:768px){

    .csfaq-heading h2{
        font-size:28px;
    }

    .csfaq-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .csfaq-question{
        font-size:16px;
        padding:18px;
    }

    .csfaq-answer p{
        padding:0 18px 20px;
    }

}









/*=========================================
CS WEB SOLUTION PRICING CSS
PART-2
=========================================*/

.csws-price-section{
    padding:90px 20px;
    background:#ffffff;
    position:relative;
    overflow:hidden;
    /* font-family:'Poppins',sans-serif; */
}

.csws-price-section::before{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(139,92,246,.08);
    top:-120px;
    left:-120px;
    filter:blur(40px);
}

.csws-price-section::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(236,72,153,.08);
    right:-120px;
    bottom:-120px;
    filter:blur(40px);
}

.csws-price-title{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.csws-price-title span{
    display:inline-block;
    color:#8b5cf6;
    letter-spacing:3px;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
}

.csws-price-title h2{
    font-size:50px;
    font-weight:800;
    color:#222;
    margin-bottom:12px;
    line-height:1.2;
}

.csws-price-title h2 strong{
    background:linear-gradient(90deg,#6C4DFF,#F74CB8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.csws-price-title p{
        color: #777;
    font-size: 15px;
    line-height: 22px;
}

.csws-price-wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.csws-price-card{
    background:#fff;
    border-radius:22px;
    padding:38px 28px;
    border: 1px solid #8b5cf6;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    transition:.4s;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.csws-price-card::before{
    content:'';
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#8b5cf615,#ec489915);
    top:-70px;
    right:-70px;
}

.csws-price-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.active-card{
    transform:translateY(-12px);
    border:1px solid #8b5cf6;
    box-shadow:0 25px 60px rgba(108,77,255,.18);
}

.csws-card-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    background:linear-gradient(135deg,#6C4DFF,#F74CB8);
}

.csws-card-icon i{
    color:#fff;
    font-size:28px;
}

.csws-price-card h3{
    font-size:23px;
    font-weight:700;
    color:#6C4DFF;
    margin-bottom:25px;
    line-height:1.3;
}

.csws-price-card ul{
    padding:0;
    margin:0;
    list-style:none;
    flex:1;
}

.csws-price-card ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:15px;
    color:#444;
    margin-bottom:14px;
    line-height:1.6;
}

.csws-price-card ul li i{
    color:#8b5cf6;
    font-size:18px;
    margin-top:3px;
    min-width:18px;
}

.csws-price{
    text-align:center;
    margin:30px 0;
    font-size:30px !important;
    font-weight:800;
    background:linear-gradient(90deg,#000000,#000000);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.csws-btn{
    height:56px;
    border-radius:50px;
    background:linear-gradient(90deg,#6C4DFF,#F74CB8);
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    font-size:17px;
    font-weight:700;
    transition:.35s;
}

.csws-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(108,77,255,.35);
    color:#fff;
}

.csws-btn i{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#fff;
    color:#6C4DFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:.35s;
}

.csws-btn:hover i{
    transform:translateX(5px);
}

.csws-price-card:hover .csws-card-icon{
    transform:rotate(360deg);
    transition:.8s;
}

.csws-price-card:hover h3{
    color:#F74CB8;
}


/*=========================================
CS WEB SOLUTION
PART-3 (RESPONSIVE CSS)
=========================================*/

/************** Large Laptop **************/
@media (max-width:1400px){

.csws-price-wrapper{
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.csws-price-card{
    padding:30px 22px;
}

.csws-price-title h2{
    font-size:44px;
}

.csws-price{
    font-size:36px;
}

}


/************** Laptop **************/
@media (max-width:1200px){

.csws-price-wrapper{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.csws-price-card{
    padding:35px 25px;
}

.csws-price-title h2{
    font-size:42px;
}

}


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

.csws-price-section{
    padding:70px 18px;
}

.csws-price-wrapper{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.csws-price-title{
    margin-bottom:45px;
}

.csws-price-title h2{
    font-size:36px;
}

.csws-price-title p{
    font-size:16px;
}

.csws-card-icon{
    width:65px;
    height:65px;
}

.csws-card-icon i{
    font-size:24px;
}

.csws-price-card h3{
    font-size:24px;
}

.csws-price-card ul li{
    font-size:14px;
}

.csws-price{
    font-size:34px;
}

.csws-btn{
    height:52px;
    font-size:16px;
}

}


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

.csws-price-section{
    padding:60px 15px;
}

.csws-price-wrapper{
    grid-template-columns:1fr;
    gap:25px;
}

.csws-price-title span{
    font-size:13px;
    letter-spacing:2px;
}

.csws-price-title h2{
    font-size:32px;
    line-height:1.3;
}

.csws-price-title p{
    font-size:15px;
}

.csws-price-card{
    max-width:500px;
    width:100%;
    margin:auto;
}

.active-card{
    transform:none;
}

.csws-price-card:hover{
    transform:none;
}

}


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

.csws-price-section{
    padding:50px 12px;
}

.csws-price-title{
    margin-bottom:35px;
}

.csws-price-title h2{
    font-size:28px;
}

.csws-price-title p{
    font-size:14px;
    line-height:24px;
}

.csws-price-card{
    padding:28px 20px;
    border-radius:18px;
}

.csws-card-icon{
    width:60px;
    height:60px;
    margin-bottom:18px;
}

.csws-card-icon i{
    font-size:22px;
}

.csws-price-card h3{
    font-size:22px;
    margin-bottom:20px;
}

.csws-price-card ul li{
    font-size:14px;
    margin-bottom:12px;
    line-height:22px;
}

.csws-price{
    font-size:32px;
    margin:22px 0;
}

.csws-btn{
    height:50px;
    font-size:15px;
}

.csws-btn i{
    width:28px;
    height:28px;
    font-size:12px;
}

}


/************** Extra Small Mobile **************/
@media (max-width:400px){

.csws-price-title h2{
    font-size:25px;
}

.csws-price-card{
    padding:25px 18px;
}

.csws-price-card h3{
    font-size:20px;
}

.csws-price-card ul li{
    font-size:13px;
}

.csws-price{
    font-size:28px;
}

.csws-btn{
    height:48px;
    font-size:14px;
}

}


/************** Smooth Animation **************/

.csws-price-card{
    animation:cswsFadeUp .8s ease forwards;
}

.csws-price-card:nth-child(2){
    animation-delay:.15s;
}

.csws-price-card:nth-child(3){
    animation-delay:.30s;
}

.csws-price-card:nth-child(4){
    animation-delay:.45s;
}

@keyframes cswsFadeUp{

0%{
opacity:0;
transform:translateY(50px);
}

100%{
opacity:1;
transform:translateY(0);
}

}


/************** Button Ripple **************/

.csws-btn{
    position:relative;
    overflow:hidden;
}

.csws-btn::before{
    content:'';
    position:absolute;
    width:0;
    height:100%;
    left:0;
    top:0;
    background:rgba(255,255,255,.15);
    transition:.5s;
}

.csws-btn:hover::before{
    width:100%;
}


/************** Card Hover Border **************/

.csws-price-card::after{

content:'';

position:absolute;

left:0;

bottom:0;

width:0;

height:4px;

background:linear-gradient(90deg,#6C4DFF,#F74CB8);

transition:.4s;

}

.csws-price-card:hover::after{

width:100%;

}



/*==============================
   WEBSITE PACKAGE CSS
===============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.cswpkg-section{
    padding:80px 20px;
    background:#f7f8fd;
 }

.cswpkg-container{
    max-width:1150px;
    margin:auto;
}

.cswpkg-title{
    text-align:center;
    margin-bottom:55px;
}

.cswpkg-title span{
    display:inline-block;
    color:#6d3df5;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:10px;
}

.cswpkg-title h2{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:12px;
}

.cswpkg-title p{
    color:#666;
    font-size:16px;
}

.cswpkg-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.cswpkg-card{
    background:#fff;
    border-radius:22px;
    padding:35px 24px 25px;
    position:relative;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.cswpkg-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

.cswpkg-corner{
    position:absolute;
    width:72px;
    height:72px;
    right:-8px;
    top:-8px;
    border-radius:0 20px 0 100%;
}

/*============ Colors ============*/

.cswpkg-purple .cswpkg-corner,
.cswpkg-purple .cswpkg-icon,
.cswpkg-purple .cswpkg-btn{
    background:linear-gradient(135deg,#6b39f7,#9d4cff);
}

.cswpkg-blue .cswpkg-corner,
.cswpkg-blue .cswpkg-icon,
.cswpkg-blue .cswpkg-btn{
    background:linear-gradient(135deg,#2168ff,#4f9dff);
}

.cswpkg-pink .cswpkg-corner,
.cswpkg-pink .cswpkg-icon,
.cswpkg-pink .cswpkg-btn{
    background:linear-gradient(135deg,#ff2f7d,#ff5aa7);
}

.cswpkg-purple h3{
    color:#5c33db;
}

.cswpkg-blue h3{
    color:#2568ef;
}

.cswpkg-pink h3{
    color:#ff2f7d;
}

/*============ Icon ============*/

.cswpkg-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.cswpkg-card h3{
    text-align:center;
    font-size:22px;
    margin-bottom:18px;
    font-weight:700;
}

/*============ Description ============*/

.cswpkg-desc{
    background:#f4f2ff;
    border-radius:12px;
    padding:18px;
    text-align:center;
    color:#555;
    font-size:15px;
    line-height:26px;
    margin-bottom:25px;
}

.cswpkg-blue .cswpkg-desc{
    background:#eef5ff;
}

.cswpkg-pink .cswpkg-desc{
    background:#fff0f6;
}

/*============ Feature List ============*/

.cswpkg-list{
    list-style:none;
    margin-bottom:30px;
}

.cswpkg-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
    font-size:14px;
    color:#444;
    line-height:24px;
}

.cswpkg-purple .cswpkg-list i{
    color:#6b39f7;
    margin-top: 5px;
}

.cswpkg-blue .cswpkg-list i{
    color:#2f74ff;
}

.cswpkg-pink .cswpkg-list i{
    color:#ff2f7d;
}

/*============ Price ============*/

.cswpkg-price{
    text-align:center;
    font-size:34px;
    font-weight:700;
    margin:28px 0;
}

.cswpkg-purple .cswpkg-price{
    color:#5735d5;
}

.cswpkg-blue .cswpkg-price{
    color:#2568ef;
}

.cswpkg-pink .cswpkg-price{
    color:#ff2f7d;
}

/*============ Button ============*/

.cswpkg-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    text-decoration:none;
    color:#fff;
    height:58px;
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

.cswpkg-btn:hover{
    transform:scale(1.03);
}

.cswpkg-btn span{
    width:34px;
    height:34px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cswpkg-purple .cswpkg-btn span{
    color:#6b39f7;
}

.cswpkg-blue .cswpkg-btn span{
    color:#2168ff;
}

.cswpkg-pink .cswpkg-btn span{
    color:#ff2f7d;
}


/*=============================
    HERO SECTION
==============================*/

.spdm_hero_section{
    position:relative;
    width:100%;
    min-height:650px;

    background:url("../img/digital-marketing-banner.png") center center/cover no-repeat;

    display:flex;
    align-items:center;
    overflow:hidden;
}



/* Tablet */
@media (max-width: 991px){
    .spdm_hero_section{
        background-image: none;
        background-color: #f8f8f8; /* Change to your preferred background color */
    }
}

/* Mobile */
@media (max-width: 767px){
    .spdm_hero_section{
        min-height: auto;
        padding: 80px 20px;
        background-image: none;
        background-color: #f8f8f8; /* Change to your preferred background color */
    }
}

/* .spdm_overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
    rgba(255,255,255,.96) 0%,
    rgba(255,255,255,.90) 38%,
    rgba(255,255,255,.45) 60%,
    rgba(255,255,255,.05) 100%);
} */

.spdm_container{
    position:relative;
    width:100%;
    max-width:1200px;
    margin:auto;
    /* padding:70px 20px; */
}

.spdm_content{
    width:100%;
    max-width:520px;
    position:relative;
    z-index:2;
}

.spdm_tag{
    display:inline-block;
    padding:8px 18px;
    background:#f2e9ff;
    color:#8d35ff;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
   margin-top: 25px;
}

.spdm_content h1{
    font-size:45px;
    line-height:1.15;
    font-weight:800;
    color:#181828;
    margin-bottom:20px;
}

.spdm_content h1 span{
    color:#d341d8;
}

.spdm_content p{
    font-size:17px;
    line-height:1.8;
    color:#666;
    margin-bottom:35px;
}

.spdm_features{
      display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-bottom: 20px;
}

.spdm_feature_box{
    display:flex;
    align-items:center;
    gap:12px;
}

.spdm_icon{
    width:46px;
    height:46px;
    background:#faf4ff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b03cff;
    font-size:18px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.spdm_feature_box span{
    font-size:15px;
    color:#333;
    font-weight:600;
}

.spdm_buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.spdm_btn_primary,
.spdm_btn_outline{
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 32px;
    border-radius:10px;
    font-weight:700;
    transition:.35s;
}

.spdm_btn_primary{
    background:linear-gradient(90deg,#8d35ff,#d241d8);
    color:#fff;
    box-shadow:0 10px 25px rgba(176,60,255,.35);
}

.spdm_btn_primary:hover{
    transform:translateY(-4px);
}

.spdm_btn_outline{
    border:2px solid #9c3fff;
    color:#8d35ff;
    background:#fff;
}

.spdm_btn_outline:hover{
    background:#8d35ff;
    color:#fff;
}

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

@media(max-width:991px){

.spdm_hero_section{
min-height:auto;
background-position:right center;
}

.spdm_overlay{
background:rgba(255,255,255,.90);
}

.spdm_container{
padding:60px 25px;
}

.spdm_content{
max-width:100%;
}

.spdm_content h1{
font-size:44px;
}

}

@media(max-width:767px){

.spdm_container{
padding:00px 18px;
}

.spdm_content h1{
font-size:25px;
}

.spdm_content p{
font-size:15px;
}

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

.spdm_buttons{
flex-direction:column;
}

.spdm_btn_primary,
.spdm_btn_outline{
justify-content:center;
width:100%;
}

}



/*==============================
 DIGITAL MARKETING SERVICES
===============================*/

.dmoffer_section{
    padding:30px 20px;
    background:#f8f9fc;
}

.dmoffer_container{
    max-width:1200px;
    margin:auto;
}

.dmoffer_heading{
    text-align:center;
    margin-bottom:30px;
}

.dmoffer_subtitle{
    display:inline-block;
    color:#8d4dff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.dmoffer_heading h2{
    font-size:42px;
    color:#222;
    font-weight:700;
    margin-bottom:15px;
}

.dmoffer_heading h2 span{
    color:#c640d9;
}

.dmoffer_heading p{
    max-width:650px;
    margin:auto;
    color:#666;
    line-height:28px;
    font-size:16px;
}

.dmoffer_grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:5px;
}

.dmoffer_card{
    background:#fff;
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
    border:1px solid #eee;
}

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

.dmoffer_icon{
    width:75px;
    height:75px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin:auto auto 25px;
}

.dmoffer_purple{
    background:#f2e9ff;
    color:#8b4cff;
}

.dmoffer_blue{
    background:#edf2ff;
    color:#4d6fff;
}

.dmoffer_pink{
    background:#ffeaf4;
    color:#ff4f93;
}

.dmoffer_orange{
    background:#fff2df;
    color:#ff9800;
}

.dmoffer_green{
    background:#e7fbf3;
    color:#11b87b;
}

.dmoffer_violet{
    background:#f3eaff;
    color:#9747ff;
}

.dmoffer_card h3{
    font-size:16px;
    color:#222;
    margin-bottom:15px;
    line-height:20px;
}

.dmoffer_card p{
    color:#666;
    font-size:15px;
    line-height:28px;
    margin-bottom:25px;
}

.dmoffer_card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#c640d9;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.dmoffer_card:hover a{
    gap:12px;
}

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

@media(max-width:1200px){

.dmoffer_grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.dmoffer_heading h2{
font-size:32px;
}

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

}

@media(max-width:576px){

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

.dmoffer_card{
padding:30px 20px;
}

.dmoffer_heading h2{
font-size:28px;
}

.dmoffer_heading p{
font-size:15px;
}

}



/*==============================
WHY CHOOSE SECTION
===============================*/

.cswhy_section{
    padding:70px 25px;
    background:#f8f8fb;
}

.cswhy_container{

    max-width:1215px;
    margin:auto;

    background:linear-gradient(135deg,#1d1672,#4721a7,#6826b8);

    border-radius:18px;

    padding:55px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;

    overflow:hidden;
    position:relative;
}

.cswhy_container:before{

content:"";

position:absolute;
right:-100px;
top:-100px;

width:320px;
height:320px;

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

border-radius:50%;

}

.cswhy_left{

flex:0 0 32%;
color:#fff;

}

.cswhy_subtitle{

display:inline-block;

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

letter-spacing:1px;
text-transform:uppercase;

margin-bottom:18px;

color:#ddd;

}

.cswhy_left h2{

font-size:28px;
line-height:1.2;
font-weight:700;
margin-bottom:20px;

}

.cswhy_left h2 span{

display:block;
color:#ff6f8d;

}

.cswhy_left p{

font-size:16px;
line-height:25px;
color:#d9d9e6;

}

.cswhy_right{

flex:1;

display:grid;

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

gap:35px;

}

.cswhy_item{

color:#fff;

}

.cswhy_icon{

width:72px;
height:72px;

border-radius:50%;

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

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

font-size:28px;

margin-bottom:22px;

color:#fff;

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

transition:.35s;

}

.cswhy_item:hover .cswhy_icon{

background:#ff5d8f;
border-color:#ff5d8f;

transform:translateY(-8px);

}

.cswhy_item h4{

font-size:15px;
margin-bottom:12px;
font-weight:600;

}

.cswhy_item p{

font-size:15px;
line-height:21px;
color:#d8d8ea;

}

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

@media(max-width:1200px){

.cswhy_container{

flex-direction:column;
text-align:center;

}

.cswhy_left{

max-width:750px;

}

.cswhy_right{

width:100%;

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

}

}

@media(max-width:768px){

.cswhy_container{

padding:45px 30px;

}

.cswhy_left h2{

font-size:30px;

}

.cswhy_right{

grid-template-columns:1fr;

gap:40px;

}

.cswhy_icon{

margin:0 auto 20px;

}

}

@media(max-width:576px){

.cswhy_container{

padding:35px 20px;

}

.cswhy_left h2{

font-size:28px;

}

.cswhy_left p{

font-size:15px;

}

}


/*==========================
DIGITAL PROCESS
===========================*/

.dmprocess_section{
    padding:30px 20px;
    background:#ffffff;
}

.dmprocess_container{
    max-width:1220px;
    margin:auto;
}

.dmprocess_heading{
    text-align:center;
    margin-bottom:70px;
}

.dmprocess_heading span{
    color:#7a3cff;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.dmprocess_heading h2{
    margin:12px 0;
    font-size:42px;
    font-weight:700;
    color:#1f1f1f;
}

.dmprocess_heading p{
    color:#666;
    font-size:17px;
}

.dmprocess_wrapper{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0px;
}

.dmprocess_line{
    position:absolute;
    left:8%;
    right:8%;
    top:40px;
    height:2px;
    background:#ece8ff;
    z-index:1;
}

.dmprocess_item{
    position:relative;
    text-align:center;
    z-index:2;
}

.dmprocess_icon{
    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    background:#fff;
    border:2px solid #ece8ff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    color:#8a4dff;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.dmprocess_item:hover .dmprocess_icon{
    background:#8a4dff;
    color:#fff;
    transform:translateY(-10px);
}

.dmprocess_number{
    display:block;
    margin:18px 0 12px;
    color:#999;
    font-size:14px;
    font-weight:700;
}

.dmprocess_item h4{
    font-size:17px;
    color:#7a3cff;
    margin-bottom:12px;
    line-height:28px;
}

.dmprocess_item p{
    color:#666;
    font-size:15px;
    line-height:28px;
}

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

@media(max-width:1199px){

.dmprocess_wrapper{
grid-template-columns:repeat(3,1fr);
}

.dmprocess_line{
display:none;
}

}

@media(max-width:768px){

.dmprocess_heading h2{
font-size:32px;
}

.dmprocess_wrapper{
grid-template-columns:repeat(2,1fr);
gap:30px;
}

}

@media(max-width:576px){

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

.dmprocess_heading h2{
font-size:28px;
}

.dmprocess_heading p{
font-size:15px;
}

.dmprocess_icon{
width:75px;
height:75px;
font-size:26px;
}

}



/*======================================
   DIGITAL MARKETING PACKAGE
======================================*/

.cswpkg_section{
    padding:90px 20px;
    background:#f5f7fb;
}

.cswpkg_container{
    max-width:1200px;
    margin:auto;
}

.cswpkg_heading{
    text-align:center;
    margin-bottom:60px;
}

.cswpkg_subtitle{
    display:inline-block;
    color:#6c3cff;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.cswpkg_heading h2{
    font-size:42px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:15px;
}

.cswpkg_heading h2 span{
    color:#ff3b8d;
}

.cswpkg_heading p{
    max-width:650px;
    margin:auto;
    color:#666;
    font-size:16px;
    line-height:28px;
}

/*========================*/

.cswpkg_grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;

}

/*========================*/

.cswpkg_card{

    position:relative;

    background:#fff;

    border-radius:28px;

    padding:35px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

    display:flex;

    flex-direction:column;

    min-height:630px;

}

.cswpkg_card:hover{

    transform:translateY(-12px);

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

}

/*========================*/

.cswpkg_top{

    text-align:center;

    margin-bottom:30px;

}

.cswpkg_top h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:20px;

}

.cswpkg_desc{
    padding: 5px 22px;
    border-radius: 18px;
    line-height: 32px;
    font-size: 14px;
    color: #000000;
    font-weight: 700;

}

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

.cswpkg_basic h3{

    color:#6d38ff;

}

.cswpkg_basic .cswpkg_desc{

    background:#f0ebff;

}

.cswpkg_btn_basic{

    background:linear-gradient(90deg,#6d38ff,#985dff);

}

.cswpkg_standard h3{

    color:#2468ff;

}

.cswpkg_standard .cswpkg_desc{

    background:#edf4ff;

}

.cswpkg_btn_standard{

    background:linear-gradient(90deg,#2468ff,#4b8fff);

}

.cswpkg_premium h3{

    color:#ff2f7b;

}

.cswpkg_premium .cswpkg_desc{

    background:#ffeef5;

}

.cswpkg_btn_premium{

    background:linear-gradient(90deg,#ff2f7b,#ff5a92);

}

/*========================*/

.cswpkg_popular{

    position:absolute;

    top:-10px;

    left:50%;

    transform:translateX(-50%);

    background:linear-gradient(90deg,#ff4f92,#ff7a6c);

    color:#fff;

    padding:8px 22px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

}

/*========================*/

.cswpkg_features{

    list-style:none;

    padding:0;

    margin:0;
/* 
    flex:1; */

}

.cswpkg_features li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

    font-size:16px;

    line-height:30px;

    color:#444;

}

.cswpkg_features i{

    color:#4a6dff;

    margin-top:6px;

    font-size:16px;

}

.cswpkg_premium .cswpkg_features i{

    color:#ff3b82;

}

/*========================*/

.cswpkg_price{

    margin-top:20px;

    margin-bottom:30px;

    text-align:center;

}

.cswpkg_price h2{

    font-size:30px;

    font-weight:700;

    margin-bottom:8px;

}

.cswpkg_basic .cswpkg_price h2{

    color:#6d38ff;

}

.cswpkg_standard .cswpkg_price h2{

    color:#2468ff;

}

.cswpkg_premium .cswpkg_price h2{

    color:#ff2f7b;

}

.cswpkg_price span{

    color:#777;

    font-size:15px;

}

/*========================*/

.cswpkg_btn{

    text-decoration:none;

    color:#fff;

    font-size:18px;

    font-weight:600;

    padding:18px 30px;

    border-radius:60px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    transition:.35s;

}

.cswpkg_btn span{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#fff;

    color:#444;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.cswpkg_btn:hover{

    transform:scale(1.02);

}

.cswpkg_btn:hover span{

    transform:translateX(8px) rotate(-45deg);

}

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

@media(max-width:1199px){

.cswpkg_grid{

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

}

}

@media(max-width:768px){

.cswpkg_grid{

grid-template-columns:1fr;

}

.cswpkg_heading h2{

font-size:32px;

}

.cswpkg_card{

min-height:auto;

padding:30px;

}

.cswpkg_price h2{

font-size:40px;

}

}

@media(max-width:576px){

.cswpkg_section{

padding:70px 15px;

}

.cswpkg_heading h2{

font-size:28px;

}

.cswpkg_desc{

font-size:15px;

line-height:28px;

}

.cswpkg_features li{

font-size:15px;

}

.cswpkg_btn{

font-size:16px;

padding:16px 24px;

}

}


/*=========================================
PREMIUM CARD ANIMATIONS
=========================================*/

.cswpkg_card{
    overflow:hidden;
}

.cswpkg_card::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-25deg);
    transition:1s;
}

.cswpkg_card:hover::before{
    left:160%;
}

/*=========================================
TOP COLOR BAR
=========================================*/

.cswpkg_card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:8px;
}

/* .cswpkg_basic::after{
    background:#6d38ff;
}

.cswpkg_standard::after{
    background:#2468ff;
}

.cswpkg_premium::after{
    background:#ff2f7b;
} */

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

.cswpkg_price h2{
    transition:.35s;
}

.cswpkg_card:hover .cswpkg_price h2{
    transform:scale(1.08);
}

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

.cswpkg_features li{
    transition:.35s;
}

.cswpkg_features li:hover{
    transform:translateX(8px);
}

.cswpkg_features i{
    width:24px;
    height:24px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#eef3ff;
    color:#2468ff;
    flex-shrink:0;
}

.cswpkg_basic .cswpkg_features i{
    background:#efe8ff;
    color:#6d38ff;
}

.cswpkg_standard .cswpkg_features i{
    background:#edf4ff;
    color:#2468ff;
}

.cswpkg_premium .cswpkg_features i{
    background:#ffeaf2;
    color:#ff2f7b;
}

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

.cswpkg_btn{
    position:relative;
    overflow:hidden;
}

.cswpkg_btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:100%;

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

    transition:.5s;

}

.cswpkg_btn:hover::before{

    left:100%;

}

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

.cswpkg_standard{

    /* border:3px solid #2468ff; */

    transform:scale(1.03);

}

.cswpkg_standard:hover{

    transform:translateY(-14px) scale(1.05);

}

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

.cswpkg_popular{

    /* box-shadow:0 15px 35px rgba(255,78,142,.35); */

}

/*=========================================
BOTTOM SHADOW
=========================================*/

.cswpkg_btn_basic{

box-shadow:0 15px 35px rgba(109,56,255,.28);

}

.cswpkg_btn_standard{

box-shadow:0 15px 35px rgba(36,104,255,.28);

}

.cswpkg_btn_premium{

box-shadow:0 15px 35px rgba(255,47,123,.28);

}

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

.cswpkg_card:hover{

    border-color:transparent;

}

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

@media(max-width:991px){

.cswpkg_standard{

transform:none;

}

.cswpkg_standard:hover{

transform:translateY(-10px);

}

}

@media(max-width:576px){

.cswpkg_popular{

font-size:11px;

padding:7px 18px;

}

.cswpkg_price h2{

font-size:34px;

}

.cswpkg_btn span{

width:38px;
height:38px;

}

}


/*========================================
CALL TO ACTION
========================================*/

.cscta_section{

    padding:50px 20px;

    background:#ffffff;

}

.cscta_container{

    max-width:1200px;

    margin:auto;

    background:linear-gradient(90deg,#5c2dff 0%,#8d3dff 45%,#ff4c78 100%);

    border-radius:16px;

    padding:35px 45px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    position:relative;

    overflow:hidden;

}

/* Decorative Shapes */

.cscta_container::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

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

    border-radius:50%;

    top:-140px;

    right:-120px;

}

.cscta_container::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

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

    border-radius:50%;

    bottom:-120px;

    left:-80px;

}

/* Left */

.cscta_left{

    position:relative;

    z-index:2;

}

.cscta_left h2{

    color:#fff;

    font-size:38px;

    font-weight:700;

    margin-bottom:12px;

    line-height:1.2;

}

.cscta_left p{

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

    font-size:17px;

}

/* Right */

.cscta_right{

    display:flex;

    align-items:center;

    gap:18px;

    position:relative;

    z-index:2;

}

/* Buttons */

.cscta_btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 30px;

    background:#fff;

    border-radius:10px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.10);

}

.cscta_btn i{

    font-size:22px;

}

.cscta_whatsapp{

    color:#25D366;

}

.cscta_call{

    color:#6d38ff;

}

/* Hover */

.cscta_btn:hover{

    transform:translateY(-6px);

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

}

.cscta_whatsapp:hover{

    background:#25D366;

    color:#fff;

}

.cscta_call:hover{

    background:#6d38ff;

    color:#fff;

}

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

@media(max-width:991px){

.cscta_container{

flex-direction:column;

text-align:center;

padding:40px 30px;

}

.cscta_left h2{

font-size:30px;

}

}

@media(max-width:767px){

.cscta_right{

flex-direction:column;

width:100%;

}

.cscta_btn{

width:100%;

justify-content:center;

}

.cscta_left h2{

font-size:26px;

}

.cscta_left p{

font-size:15px;

}

}

@media(max-width:480px){

.cscta_container{

padding:30px 20px;

}

.cscta_left h2{

font-size:22px;

}

}


/*==================================
SEO HERO
==================================*/


    .seobnr_section{

    /* min-height:780px; */
 
    background-image:url("../img/seo-banner.png");

    background-repeat:no-repeat;

    background-position:right  center;

    background-size:contain;

    background-color:#f9f8ff;

}



 

.seobnr_container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1200px;

    margin:auto;

    padding:80px 20px;

}

.seobnr_content{

    max-width:560px;

}

.seobnr_subtitle{

    display:inline-block;

    color:#7a3cff;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-top:20px;

}

.seobnr_content h1{

    font-size:45px;

    line-height:1.15;

    color:#171735;

    font-weight:800;

    margin-bottom:25px;

}

.seobnr_content h1 span{

    display:block;

    color:#d83bb9;

}

.seobnr_content p{

       font-size: 17px;
    line-height: 26px;
    color: #666;
    margin-bottom: 35px;

}

/*========================*/

.seobnr_list{

    display:grid;

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

    gap:18px 40px;

    margin-bottom:45px;

}

.seobnr_item{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    font-weight:500;

    color:#333;

}

.seobnr_item i{

    color:#7a3cff;

    font-size:20px;

}

/*========================*/

.seobnr_buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.seobnr_btn_fill,

.seobnr_btn_border{

    padding:17px 32px;

    border-radius:10px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.seobnr_btn_fill{

    color:#fff;

    background:linear-gradient(90deg,#6d38ff,#ff4c84);

    box-shadow:0 15px 35px rgba(109,56,255,.35);

}

.seobnr_btn_fill:hover{

    transform:translateY(-5px);

}

.seobnr_btn_border{

    border:2px solid #7a3cff;

    color:#6d38ff;

    background:#fff;

}

.seobnr_btn_border:hover{

    background:#6d38ff;

    color:#fff;

}

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

@media(max-width:992px){

.seobnr_overlay{

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

}

.seobnr_section{

min-height:auto;

}

.seobnr_content{

max-width:100%;

}

.seobnr_content h1{

font-size:46px;

}

}

@media(max-width:768px){

.seobnr_container{

padding:70px 20px;

}

.seobnr_content h1{

font-size:36px;

}

.seobnr_content p{

font-size:16px;

line-height:30px;

}

.seobnr_list{

grid-template-columns:1fr;

}

.seobnr_buttons{

flex-direction:column;

}

.seobnr_btn_fill,

.seobnr_btn_border{

width:100%;

justify-content:center;

}

}

@media(max-width:480px){

.seobnr_content h1{

font-size:30px;

}

.seobnr_subtitle{

font-size:12px;

}

}


/* Tablet & Mobile hide*/
@media (max-width:992px){

    .seobnr_section{
        background:none;
        min-height:auto;
    }

    .seobnr_mobile_image{
        display:block;
        text-align:center;
        margin-top:40px;
    }

    .seobnr_mobile_image img{
        width:100%;
        max-width:650px;
        height:auto;
    }

    .seobnr_content{
        max-width:100%;
        text-align:center;
    }

}


/*=========================
SEO SERVICES
=========================*/

.csseo_service_section{

    padding:50px 20px;

    background:#fff;

}

.csseo_service_container{

    max-width:1200px;

    margin:auto;

}

.csseo_service_heading{

    text-align:center;

    margin-bottom:55px;

}

.csseo_service_heading span{

    display:inline-block;

    color:#7b3cff;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:12px;

}

.csseo_service_heading h2{

    font-size:42px;

    color:#1d2142;

    font-weight:700;

    margin-bottom:15px;

}

.csseo_service_heading p{

    color:#666;

    font-size:17px;

    max-width:700px;

    margin:auto;

    line-height:28px;

}

/*========================*/

.csseo_service_grid{

    display:grid;

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

    gap:28px;

}

/*========================*/

.csseo_service_card{

    display:flex;

    align-items:flex-start;

    gap:20px;

    background:#fff;

    padding:28px;

    border-radius:16px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

    border:1px solid #f1f1f1;

}

.csseo_service_card:hover{

    transform:translateY(-8px);

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

}

/*========================*/

.csseo_service_icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:linear-gradient(135deg,#f3ebff,#efe9ff);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.csseo_service_icon i{

    font-size:30px;

    color:#7b3cff;

}

.csseo_service_content h3{

    font-size:21px;

    margin-bottom:10px;

    color:#1d2142;

    font-weight:700;

}

.csseo_service_content p{

    color:#666;

    font-size:15px;

    line-height:27px;

}

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

@media(max-width:991px){

.csseo_service_grid{

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

}

.csseo_service_heading h2{

font-size:34px;

}

}

@media(max-width:767px){

.csseo_service_grid{

grid-template-columns:1fr;

}

.csseo_service_card{

padding:22px;

}

.csseo_service_heading h2{

font-size:28px;

}

.csseo_service_heading p{

font-size:15px;

}

.csseo_service_icon{

width:60px;

height:60px;

}

.csseo_service_icon i{

font-size:26px;

}

.csseo_service_content h3{

font-size:18px;

}

}


/*=============================
WHY CHOOSE SEO
==============================*/

.cswhyseo_section{

    padding:10px 20px;

    background:#ffffff;

}

.cswhyseo_container{

    max-width:1200px;

    margin:auto;

    background:linear-gradient(135deg,#0d1548 0%,#231d69 55%,#2d176d 100%);

    border-radius:18px;

    padding:30px 1px;

    overflow:hidden;

    position:relative;

}

/* Decorative Background */

.cswhyseo_container::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

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

    border-radius:50%;

    top:-180px;

    right:-120px;

}

.cswhyseo_container::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

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

    border-radius:50%;

    left:-80px;

    bottom:-90px;

}

.cswhyseo_heading{

    text-align:center;

    margin-bottom:40px;

    position:relative;

    z-index:2;

}

.cswhyseo_heading h2{

    color:#fff;

    font-size:38px;

    font-weight:700;

    margin:0;

}

.cswhyseo_heading span{

    color:#ff4ea3;

}

/*=========================*/

.cswhyseo_wrapper{

    display:grid;

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

    position:relative;

    z-index:2;

}

.cswhyseo_item{

    text-align:center;

    padding:0 22px;

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

}

.cswhyseo_item:last-child{

    border-right:none;

}

/*=========================*/

.cswhyseo_icon{

    width:70px;

    height:70px;

    margin:auto;

    margin-bottom:18px;

    border-radius:50%;

    border:2px solid rgba(180,110,255,.45);

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

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.cswhyseo_icon i{

    font-size:28px;

    color:#c26cff;

}

.cswhyseo_item:hover .cswhyseo_icon{

    background:#7b3cff;

    transform:translateY(-6px);

}

.cswhyseo_item:hover .cswhyseo_icon i{

    color:#fff;

}

.cswhyseo_item h3{

    color:#fff;

    font-size:20px;

    margin-bottom:12px;

    font-weight:600;

}

.cswhyseo_item p{

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

    font-size:15px;

    line-height:26px;

    margin:0;

}

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

@media(max-width:991px){

.cswhyseo_wrapper{

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

gap:35px;

}

.cswhyseo_item{

border-right:none;

padding:0 10px;

}

.cswhyseo_heading h2{

font-size:32px;

}

}

@media(max-width:767px){

.cswhyseo_container{

padding:35px 25px;

}

.cswhyseo_wrapper{

grid-template-columns:1fr;

gap:30px;

}

.cswhyseo_heading h2{

font-size:28px;

line-height:1.4;

}

.cswhyseo_icon{

width:60px;

height:60px;

}

.cswhyseo_icon i{

font-size:24px;

}

.cswhyseo_item h3{

font-size:18px;

}

.cswhyseo_item p{

font-size:14px;

line-height:24px;

}

}


/*====================================
SEO PROCESS
=====================================*/

.csseoprocess_section{

    padding:20px 20px;

    background:#fff;

}

.csseoprocess_container{

    max-width:1200px;

    margin:auto;

}

.csseoprocess_heading{

    text-align:center;

    margin-bottom:70px;

}

.csseoprocess_heading span{

    display:inline-block;

    color:#6d3df5;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:10px;

}

.csseoprocess_heading h2{

    font-size:20px;

    color:#444;

    font-weight:500;

}

/*============================*/

.csseoprocess_wrapper{

    display:grid;

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

    gap:25px;

    position:relative;

}

.csseoprocess_wrapper::before{

    content:"";

    position:absolute;

    left:10%;

    right:10%;

    top:36px;

    height:2px;

    background:#ece8ff;

    z-index:0;

}

/*============================*/

.csseoprocess_item{

    position:relative;

    text-align:center;

    z-index:2;

}

.csseoprocess_item::after{

    content:"";

    position:absolute;

    top:34px;

    right:-14px;

    width:8px;

    height:8px;

    background:#6d3df5;

    border-radius:50%;

}

.csseoprocess_item:last-child::after{

    display:none;

}

/*============================*/

.csseoprocess_icon{

    width:72px;

    height:72px;

    margin:auto;

    border-radius:50%;

    background:#6d3df5;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    box-shadow:0 15px 30px rgba(109,61,245,.25);

    transition:.35s;

}

.csseoprocess_item:hover .csseoprocess_icon{

    transform:translateY(-8px);

    background:#8b4bff;

}

.csseoprocess_number{

    display:block;

    margin-top:18px;

    font-size:14px;

    color:#999;

    font-weight:600;

}

.csseoprocess_item h3{

    margin:8px 0 12px;

    font-size:18px;

    color:#5b3ff5;

    font-weight:700;

}

.csseoprocess_item p{

    color:#666;

    font-size:15px;

    line-height:26px;

    padding:0 10px;

}

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

@media(max-width:991px){

.csseoprocess_wrapper{

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

gap:50px 30px;

}

.csseoprocess_wrapper::before{

display:none;

}

.csseoprocess_item::after{

display:none;

}

}

@media(max-width:767px){

.csseoprocess_section{

padding:70px 20px;

}

.csseoprocess_wrapper{

grid-template-columns:1fr;

}

.csseoprocess_heading h2{

font-size:18px;

}

.csseoprocess_icon{

width:65px;

height:65px;

font-size:24px;

}

.csseoprocess_item h3{

font-size:17px;

}

.csseoprocess_item p{

font-size:14px;

line-height:24px;

}

}


/*==========================================
SEO HERO SECTION
==========================================*/

.cswseo_hero{

    position:relative;

    width:100%;

    min-height:760px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:url("images/seo-banner.webp") center center/cover no-repeat;
     

}

.cswseo_overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.94) 28%,
        rgba(255,255,255,.88) 45%,
        rgba(255,255,255,.55) 62%,
        rgba(255,255,255,.18) 82%,
        rgba(255,255,255,.05) 100%
    );

}

.cswseo_container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1320px;

    margin:auto;

    padding:90px 20px;

}

.cswseo_content{

    width:100%;

    max-width:560px;

}

/*====================*/

.cswseo_subtitle{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    color:#7b3dff;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

/*====================*/

.cswseo_content h1{

    font-size:64px;

    line-height:1.12;

    color:#1d2144;

    font-weight:800;

    margin-bottom:25px;

}

.cswseo_content h1 span{

    display:block;

    color:#b737df;

}

/*====================*/

.cswseo_content p{

    font-size:19px;

    color:#5d6476;

    line-height:1.9;

    margin-bottom:40px;

}

/*====================*/

.cswseo_features{

    display:grid;

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

    gap:18px 40px;

    margin-bottom:45px;

}

.cswseo_feature{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    color:#333;

    font-weight:600;

}

.cswseo_feature i{

    width:28px;

    height:28px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#f4edff;

    color:#7b3dff;

    font-size:14px;

}

/*====================*/

.cswseo_buttons{

    display:flex;

    gap:22px;

    flex-wrap:wrap;

}

/*====================*/

.cswseo_btn_primary{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 34px;

    border-radius:12px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    font-size:17px;

    background:linear-gradient(90deg,#6b38ff,#ff3d87);

    transition:.35s;

    box-shadow:0 18px 40px rgba(110,56,255,.25);

}

.cswseo_btn_primary:hover{

    transform:translateY(-6px);

}

/*====================*/

.cswseo_btn_outline{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 34px;

    border-radius:12px;

    border:2px solid #7b3dff;

    color:#7b3dff;

    background:#fff;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    transition:.35s;

}

.cswseo_btn_outline:hover{

    background:#7b3dff;

    color:#fff;

}

/*====================*/

.cswseo_btn_primary i,
.cswseo_btn_outline i{

    transition:.35s;

}

.cswseo_btn_primary:hover i,
.cswseo_btn_outline:hover i{

    transform:translateX(6px);

}

/*====================*/
/* Decorative Blur */
/*====================*/

.cswseo_hero::before{

content:"";

position:absolute;

width:380px;
height:380px;

border-radius:50%;

background:radial-gradient(rgba(138,77,255,.12),transparent 70%);

right:8%;
top:8%;

z-index:1;

}

.cswseo_hero::after{

content:"";

position:absolute;

width:220px;
height:220px;

border-radius:50%;

background:radial-gradient(rgba(255,77,150,.10),transparent 70%);

left:-50px;
bottom:-50px;

z-index:1;

}

/*=====================================
2560px / 2K / Ultra Wide Desktop
======================================*/

@media screen and (min-width:2200px){

.seobnr_section{

    height:900px;

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

}

.seobnr_container{

    max-width:1800px;

    margin:auto;

    padding:0 60px;

    display:flex;
    align-items:center;

}

.seobnr_content{

    max-width:720px;
            margin-top: 54px;

}

.seobnr_subtitle{

    font-size:18px;

    margin-bottom:20px;

}

.seobnr_content h1{

    font-size:70px;

    line-height:1.08;

    margin-bottom:30px;

}

.seobnr_content p{

    font-size:24px;

    line-height:42px;

    margin-bottom:55px;

}

.seobnr_list{

    gap:26px 70px;

    margin-bottom:60px;

}

.seobnr_item{

    font-size:22px;

}

.seobnr_item i{

    width:36px;

    height:36px;

    font-size:18px;

}

.seobnr_buttons{

    gap:30px;

}

.seobnr_btn_fill,
.seobnr_btn_border{

    padding:24px 42px;

    font-size:20px;

    border-radius:14px;

}

}







.cwsseo-pricing-section{
padding:50px 0;
background:linear-gradient(180deg,#f8fbff,#eef3ff);
overflow:hidden;
position:relative;
}

.cwsseo-container{
width:92%;
max-width:1200px;
margin:auto;
}

/*==========================
Heading
==========================*/

.cwsseo-heading{
text-align:center;
margin-bottom:70px;
}

.cwsseo-subtitle{
display:inline-block;
padding:10px 22px;
border-radius:50px;
background:#7234FF;
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}

.cwsseo-heading h2{
font-size:52px;
font-weight:800;
line-height:1.2;
margin-bottom:18px;
color:black;
}

.cwsseo-heading h2 span{
color:#7234FF;
}

.cwsseo-heading p{
font-size:18px;
color:#6b7280;
max-width:700px;
margin:auto;
line-height:1.8;
}

/*==========================
Package Row
==========================*/

.cwsseo-package-row{
margin-bottom:90px;
}

.cwsseo-package-title{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
padding-bottom:18px;
border-bottom:2px solid #e5e7eb;
}

.cwsseo-package-title h3{
font-size:32px;
font-weight:700;
color:#111827;
}

.cwsseo-package-title p{
font-size:17px;
color:#64748b;
}

/*==========================
Cards Grid
==========================*/

.cwsseo-card-wrapper{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
align-items:stretch;
}

/*==========================
Pricing Card
==========================*/

.cwsseo-card{
background:#fff;
border-radius:28px;
padding:40px;
position:relative;
overflow:hidden;
border:1px solid #e5e7eb;
transition:.45s;
display:flex;
flex-direction:column;
box-shadow:0 12px 35px rgba(0,0,0,.05);
}

/* Animated Gradient Border */

.cwsseo-card::before{

content:"";

position:absolute;

top:-2px;
left:-2px;
right:-2px;
bottom:-2px;

background-color:#C044C3
;

background-size:400%;
z-index:-1;
border-radius:30px;
opacity:0;
transition:.45s;

}

.cwsseo-card:hover::before{
opacity:1;
animation:cwsborder 6s linear infinite;
}

@keyframes cwsborder{

0%{
background-position:0%;
}

100%{
background-position:400%;
}

}

.cwsseo-card:hover{

transform:translateY(-14px);

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

}

/*==========================
Featured Card
==========================*/

.cwsseo-featured{

background:#7234FF;
color:#fff;
transform:scale(1.05);

}

.cwsseo-featured ul li{
color:#f3f4f6;
}

.cwsseo-featured .cwsseo-plan-name{
color:#fff;
}

.cwsseo-featured .cwsseo-price{
color:#fff;
}

.cwsseo-featured span{
color:#cbd5e1;
}

.cwsseo-featured .cwsseo-btn{

background:#2563eb;
color:#fff;

}

/*==========================
Badge
==========================*/

.cwsseo-badge{

position:absolute;

top:22px;
right:-40px;

background:#f59e0b;

color:#fff;

padding:10px 45px;

font-size:13px;

font-weight:700;

transform:rotate(45deg);

letter-spacing:1px;

}

/*==========================
Plan Name
==========================*/

.cwsseo-plan-name{

font-size:28px;

font-weight:700;

margin-bottom:20px;

}

/*==========================
Price
==========================*/

.cwsseo-price{

font-size:52px;

font-weight:800;

color:#2563eb;

margin-bottom:30px;

}

.cwsseo-price span{

font-size:16px;

font-weight:500;

color:#64748b;

}

/*==========================
Feature List
==========================*/

.cwsseo-card ul{

list-style:none;

margin-bottom:35px;

flex:1;

}

.cwsseo-card ul li{

padding:13px 0;

font-size:16px;

border-bottom:1px dashed #e5e7eb;

color:#475569;

}


 .csd ul li{
    color:white ;
 }
/*==========================
Button
==========================*/

.cwsseo-btn{

display:inline-flex;

justify-content:center;

align-items:center;

padding:16px;

border-radius:50px;

background:#111827;

color:#fff;

text-decoration:none;

font-weight:700;

transition:.35s;

position:relative;

overflow:hidden;

}

.cwsseo-btn::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

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

transform:skewX(-30deg);

transition:.5s;

}

.cwsseo-btn:hover::before{

left:130%;

}

.cwsseo-btn:hover{

background:#2563eb;

}

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

@media(max-width:1200px){

.cwsseo-card-wrapper{

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

}

}

@media(max-width:768px){

.cwsseo-heading h2{

font-size:36px;

}

.cwsseo-package-title{

flex-direction:column;

align-items:flex-start;

gap:8px;

}

.cwsseo-card-wrapper{

grid-template-columns:1fr;

}

.cwsseo-featured{

transform:none;

}

.cwsseo-card{

padding:30px;

}

.cwsseo-price{

font-size:42px;

}

}

@media(max-width:480px){

.cwsseo-pricing-section{

padding:70px 0;

}

.cwsseo-heading h2{

font-size:30px;

}

.cwsseo-package-title h3{

font-size:24px;

}

.cwsseo-price{

font-size:36px;

}

.cwsseo-card{

padding:25px;

}

}


/* Change all content to white on hover */

.cwsseo-card:hover .cwsseo-plan-name,
.cwsseo-card:hover .cwsseo-price,
.cwsseo-card:hover .cwsseo-price span,
.cwsseo-card:hover ul li,
.cwsseo-card:hover .cwsseo-badge {
    color: #fff;
}

/* Tick icon color */
.cwsseo-card:hover ul li::marker {
    color: #fff;
}

/* If you're using a custom tick with ::before */
.cwsseo-card:hover ul li::before {
    color: #fff;
}

/* Button */
.cwsseo-card:hover .cwsseo-btn {
    background: #fff;
    color: #000;
    border-color: #fff;
}


/*=========================================
PACKAGE SECTION
=========================================*/

.cwspkg_section{

    padding:90px 20px;

    background:#f7f8fc;

}

.cwspkg_container{

    max-width:1200px;

    margin:auto;

}

.cwspkg_heading{

    text-align:center;

    margin-bottom:60px;

}

.cwspkg_heading span{

    display:inline-block;

    color:#6d38ff;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:12px;

}

.cwspkg_heading h2{

    font-size:44px;

    color:#222;

    margin-bottom:15px;

    font-weight:800;

}

.cwspkg_heading p{

    font-size:17px;

    color:#666;

}

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

.cwspkg_grid{

    display:grid;

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

    gap:32px;

}

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

.cwspkg_card{

    background:#fff;

    border-radius:28px;

    padding:28px;

    position:relative;

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

    transition:.4s;

    display:flex;

    flex-direction:column;

    height:100%;

}

.cwspkg_card:hover{

    transform:translateY(-10px);

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

}

/*=========================================
POPULAR
=========================================*/

.cwspkg_badge{

    position:absolute;

    top:-6px;

    left:50%;

    transform:translateX(-50%);

    background:linear-gradient(90deg,#7d3cff,#ff4c86);

    color:#fff;

    padding:8px 22px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

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

.cwspkg_title{

    text-align:center;

    font-size:34px;

    font-weight:700;

    margin-bottom:22px;

}

.cwspkg_basic .cwspkg_title{

    color:#6d38ff;

}

.cwspkg_standard .cwspkg_title{

    color:#2468ff;

}

.cwspkg_premium .cwspkg_title{

    color:#ff2f7b;

}

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

.cwspkg_desc{

    text-align:center;

    padding:25px;

    border-radius:16px;

    margin-bottom:30px;

    font-size:17px;

    color:#555;

    line-height:30px;

}

.cwspkg_basic .cwspkg_desc{

    background:#f2ecff;

}

.cwspkg_standard .cwspkg_desc{

    background:#edf4ff;

}

.cwspkg_premium .cwspkg_desc{

    background:#ffeaf2;

}

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

.cwspkg_list{

    list-style:none;

    padding:0;

    margin:0;

    flex:1;

}

.cwspkg_list li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

    font-size:17px;

    color:#444;

    line-height:28px;

}

.cwspkg_list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:2px;

    width:20px;

    height:20px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:11px;

}

.cwspkg_basic .cwspkg_list li::before{

    background:#6d38ff;

}

.cwspkg_standard .cwspkg_list li::before{

    background:#2468ff;

}

.cwspkg_premium .cwspkg_list li::before{

    background:#ff2f7b;

}

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

.cwspkg_price{

    text-align:center;

    font-size:30px;

    font-weight:800;

    margin:20px 0 28px;

}

.cwspkg_basic .cwspkg_price{

    color:#6d38ff;

}

.cwspkg_standard .cwspkg_price{

    color:#2468ff;

}

.cwspkg_premium .cwspkg_price{

    color:#ff2f7b;

}


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

.cwspkg_btn{
    width: 100%;
    height: 58px;
    border-radius: 60px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transition: .35s;

}

.cwspkg_basic .cwspkg_btn{

    background:linear-gradient(90deg,#6d38ff,#8c47ff);

}

.cwspkg_standard .cwspkg_btn{

    background:linear-gradient(90deg,#2468ff,#4b8cff);

}

.cwspkg_premium .cwspkg_btn{

    background:linear-gradient(90deg,#ff2f7b,#ff5598);

}

/*=============================*/

.cwspkg_btn span{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.cwspkg_basic .cwspkg_btn span{

    color:#6d38ff;

}

.cwspkg_standard .cwspkg_btn span{

    color:#2468ff;

}

.cwspkg_premium .cwspkg_btn span{

    color:#ff2f7b;

}

/*=============================*/

.cwspkg_btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

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

    transition:.6s;

}

.cwspkg_btn:hover::before{

    left:100%;

}

.cwspkg_btn:hover{

    transform:translateY(-5px);

}

.cwspkg_btn:hover span{

    transform:translateX(6px) rotate(-45deg);

}

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

.cwspkg_card{

    overflow:hidden;

}

.cwspkg_card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    transition:1s;

}

.cwspkg_card:hover::before{

    left:170%;

}

.cwspkg_card:hover{

    transform:translateY(-12px);

}

.cwspkg_standard{

    transform:scale(1.03);

}

.cwspkg_standard:hover{

    transform:translateY(-12px) scale(1.05);

}

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

@media(max-width:1199px){

.cwspkg_grid{

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

}

.cwspkg_premium{

grid-column:1/3;

max-width:520px;

margin:auto;

}

}

@media(max-width:991px){

.cwspkg_section{

padding:70px 20px;

}

.cwspkg_heading h2{

font-size:36px;

}

.cwspkg_title{

font-size:28px;

}

.cwspkg_price{

font-size:44px;

}

.cwspkg_standard{

transform:none;

}

.cwspkg_standard:hover{

transform:translateY(-10px);

}

}

@media(max-width:767px){

.cwspkg_grid{

grid-template-columns:1fr;

}

.cwspkg_premium{

grid-column:auto;

max-width:100%;

}

.cwspkg_card{

padding:25px;

}

.cwspkg_title{

font-size:26px;

}

.cwspkg_desc{

font-size:16px;

line-height:28px;

padding:20px;

}

.cwspkg_list li{

font-size:15px;

margin-bottom:15px;

}

.cwspkg_price{

font-size:40px;

margin:20px 0;

}

.cwspkg_btn{

height:60px;

font-size:18px;

}

.cwspkg_btn span{

width:36px;

height:36px;

}

}

@media(max-width:480px){

.cwspkg_section{

padding:60px 15px;

}

.cwspkg_heading h2{

font-size:30px;

}

.cwspkg_heading p{

font-size:15px;

}

.cwspkg_card{

border-radius:22px;

padding:22px;

}

.cwspkg_title{

font-size:24px;

}

.cwspkg_desc{

font-size:15px;

}

.cwspkg_price{

font-size:36px;

}

.cwspkg_badge{

font-size:11px;

padding:7px 18px;

}

}


/*=========================================
LEADING SEO SECTION
=========================================*/

.cwsleadseo_section{

    position:relative;

    width:100%;

    overflow:hidden;

    padding:40px 0;

    background: #f2f0fc url("../img/seo-company-bg.png") right center/contain no-repeat;

}


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

    .cwsleadseo_section{

        background:#f2f0fc;

    }

}

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

    .cwsleadseo_section{

        background:#f2f0fc;

        padding:50px 0;

    }

}

/*===========================*/

.cwsleadseo_overlay{

    position:absolute;

    inset:0;

    /* background:linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.95) 38%,
        rgba(255,255,255,.82) 55%,
        rgba(255,255,255,.25) 78%,
        rgba(255,255,255,0) 100%
    ); */

    z-index:1;

}

/*===========================*/

.cwsleadseo_container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1200px;

    margin:auto;

    padding:0 20px;

}

/*===========================*/

.cwsleadseo_content{

    width:100%;

    max-width:620px;

}

/*===========================*/

.cwsleadseo_subtitle{

    display:inline-block;

    font-size:13px;

    font-weight:700;

    color:#7c3cff;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

/*===========================*/

.cwsleadseo_content h2{

    font-size:29px;

    font-weight:800;

    line-height:1.15;

    color:#18213b;

    margin-bottom:24px;

}

.cwsleadseo_content h2 span{

    color:#a93cff;

}

/*===========================*/

.cwsleadseo_content p{

    font-size:17px;

    color:#5b6477;

    line-height:1.9;

    margin-bottom:18px;

}

.cwsleadseo_content strong{

    color:#1b2340;

}

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

.cwsleadseo_feature_wrap{

    display:grid;

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

    gap:18px;

    margin-top:45px;

}

/*===========================*/

.cwsleadseo_feature{

    background:#fff;

    border-radius:16px;

    padding:10px;

    display:flex;

    align-items:center;

    gap:16px;

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

    transition:.35s;

}

.cwsleadseo_feature:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(124,60,255,.15);

}

/*===========================*/

.cwsleadseo_icon{

    width:30px;

    height:30px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#7b3cff,#b53cff);

    color:#fff;

    font-size:17px;

    flex-shrink:0;

}

/*===========================*/

.cwsleadseo_text h4{

    margin:0 0 5px;

    font-size:18px;

    color:#1d2144;

    font-weight:700;

}

.cwsleadseo_text span{

    font-size:14px;

    color:#6d7486;

}

/*=================================
DECORATION
=================================*/

.cwsleadseo_section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

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

    left:-120px;

    top:-100px;

}

.cwsleadseo_section::after{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    border-radius:50%;

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

    right:120px;

    bottom:-100px;

}

/*=========================================
SERVICES SECTION
=========================================*/

.cwsserv_section{
    position:relative;
    padding:70px 0;
    background:#f8f9ff;
}

.cwsserv_container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

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

.cwsserv_grid{
    display:grid;
    grid-template-columns:340px repeat(3,1fr);
    gap:18px;
    align-items:stretch;
}

/*=========================================
LEFT TITLE CARD
=========================================*/

.cwsserv_left{

    background:#ffffff;

    border:1px solid #ececff;

    border-radius:16px;

    padding:35px 30px;

    display:flex;

    align-items:flex-start;

    gap:18px;

    min-height:210px;

    grid-row:span 2;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

}

.cwsserv_left:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(124,60,255,.10);

}

.cwsserv_line{

    width:4px;

    height:85px;

    border-radius:50px;

    background:linear-gradient(180deg,#6f42ff,#c43cff);

    flex-shrink:0;

    margin-top:3px;

}

.cwsserv_left h2{

    margin:0;

    font-size:30px;

    line-height:1.35;

    font-weight:800;

    color:#1d2144;

}

/*=========================================
SERVICE BOX
=========================================*/

.cwsserv_box{

    background:#ffffff;

    border:1px solid #ececff;

    border-radius:16px;

    min-height:96px;

    padding:20px 24px;

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

}

.cwsserv_box:hover{

    transform:translateY(-6px);

    border-color:#7b3cff;

    box-shadow:0 20px 45px rgba(123,60,255,.15);

}

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

.cwsserv_icon{

    width:58px;

    height:58px;

    border-radius:14px;

    background:#f5efff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#7b3cff;

    font-size:26px;

    transition:.35s;

    flex-shrink:0;

}

.cwsserv_box:hover .cwsserv_icon{

    background:linear-gradient(135deg,#6f42ff,#b43dff);

    color:#fff;

    transform:rotate(-10deg);

}

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

.cwsserv_box h3{

    margin:0;

    font-size:19px;

    line-height:1.4;

    color:#222;

    font-weight:700;

}

/*=========================================
LAPTOP
=========================================*/

@media(max-width:1199px){

.cwsserv_grid{

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

}

.cwsserv_left{

    grid-row:span 3;

}

.cwsserv_left h2{

    font-size:30px;

}

.cwsserv_box{

    min-height:90px;

}

}

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

@media(max-width:991px){

.cwsserv_grid{

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

}

.cwsserv_left{

    grid-column:1/-1;

    grid-row:auto;

    min-height:auto;

    padding:30px;

}

.cwsserv_left h2{

    font-size:28px;

}

}

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

@media(max-width:767px){

.cwsserv_grid{

    grid-template-columns:1fr;

}

.cwsserv_left{

    grid-column:auto;

    padding:25px;

    gap:15px;

}

.cwsserv_line{

    height:65px;

}

.cwsserv_left h2{

    font-size:24px;

}

.cwsserv_box{

    min-height:80px;

    padding:18px;

    gap:15px;

}

.cwsserv_icon{

    width:50px;

    height:50px;

    font-size:22px;

}

.cwsserv_box h3{

    font-size:17px;

}

}

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

@media(max-width:480px){

.cwsserv_section{

    padding:50px 0;

}

.cwsserv_container{

    padding:0 15px;

}

.cwsserv_left{

    padding:20px;

}

.cwsserv_left h2{

    font-size:22px;

}

.cwsserv_line{

    height:55px;

}

.cwsserv_box{

    padding:16px;

}

.cwsserv_icon{

    width:46px;

    height:46px;

    font-size:20px;

}

.cwsserv_box h3{

    font-size:16px;

}

}


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

@media only screen and (max-width:767px){

    .cwsleadseo_feature_wrap{

        grid-template-columns:1fr !important;

        gap:15px !important;

        margin-top:25px;

    }

    .cwsleadseo_feature{

        width:100% !important;

        display:flex;

        align-items:center;

        padding:15px;

    }

    .cwsleadseo_icon{

        width:45px;

        height:45px;

        font-size:18px;

    }

    .cwsleadseo_text h4{

        font-size:17px;

    }

    .cwsleadseo_text span{

        font-size:14px;

    }

}


/*=========================================
SERVICE LOCATION SECTION
=========================================*/

.cwslocation_section{

    padding:50px 0;

    background:#f8f9ff;

}

.cwslocation_container{

    max-width:1250px;

    margin:auto;

    padding:0 20px;

}

/*====================================*/

.cwslocation_heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin-bottom:30px;

}

.cwslocation_heading span{

    width:80px;

    height:2px;

    /* background:#7b3cff; */

}

.cwslocation_heading h2{

    margin:0;

    font-size:34px;

    color:#1d2144;

    font-weight:800;

}

/*====================================*/

.cwslocation_tabs{

    display:flex;

    justify-content:center;

    gap:0;

    margin-bottom:35px;

}

.cwslocation_tab{

    border:none;

    background:#fff;

    color:#444;

    padding:14px 45px;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

    border:1px solid #ececff;

}

.cwslocation_tab:first-child{

    border-radius:10px 0 0 10px;

}

.cwslocation_tab:last-child{

    border-radius:0 10px 10px 0;

}

.cwslocation_tab.active{

    background:linear-gradient(90deg,#6d39ff,#a83cff);

    color:#fff;

}

/*====================================*/

.cwslocation_content{

    display:none;

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

    gap:18px;

}

.cwslocation_content.active{

    display:grid;

}

/*====================================*/

.cwslocation_content a{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 18px;

    background:#fff;

    border-radius:50px;

    text-decoration:none;

    color:#333;

    font-size:14px;

    font-weight:600;

    border:1px solid #ececff;

    transition:.35s;

    box-shadow:0 5px 15px rgba(0,0,0,.04);

}

.cwslocation_content a:hover{

    background:#7b3cff;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 15px 30px rgba(123,60,255,.18);

}

/*=====================================
Laptop
=====================================*/

@media(max-width:1199px){

.cwslocation_content{

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

}

}

/*=====================================
Tablet
=====================================*/

@media(max-width:991px){

.cwslocation_heading h2{

font-size:30px;

}

.cwslocation_content{

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

}

.cwslocation_tab{

padding:12px 35px;

font-size:16px;

}

}

/*=====================================
Mobile
=====================================*/

@media(max-width:767px){

.cwslocation_section{

padding:50px 0;

}

.cwslocation_heading{

flex-direction:column;

gap:12px;

}

.cwslocation_heading span{

display:none;

}

.cwslocation_heading h2{

font-size:26px;

text-align:center;

}

.cwslocation_tabs{

width:100%;

}

.cwslocation_tab{

flex:1;

padding:12px 10px;

font-size:15px;

}

.cwslocation_content{

grid-template-columns:1fr;

gap:12px;

}

.cwslocation_content a{

font-size:15px;

padding:14px 16px;

}

}

/*=====================================
Small Mobile
=====================================*/

@media(max-width:480px){

.cwslocation_container{

padding:0 15px;

}

.cwslocation_heading h2{

font-size:22px;

}

.cwslocation_tab{

font-size:14px;

padding:11px;

}

.cwslocation_content a{

font-size:14px;

}

}


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

.cwsfaq_section{
    padding:10px 0;
    background:#f8f9ff;
}

.cwsfaq_container{
    width:100%;
    max-width:900px;
    margin:auto;
    padding:0 20px;
}

.cwsfaq_heading{
    text-align:center;
    margin-bottom:40px;
}

.cwsfaq_heading h2{
    font-size:40px;
    font-weight:800;
    color:#1c2343;
    margin-bottom:10px;
}

.cwsfaq_heading p{
    color:#666;
    font-size:17px;
}

.cwsfaq_item{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    margin-bottom:16px;
    overflow:hidden;
    transition:.3s;
}

.cwsfaq_question{
    width:100%;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 25px;
    font-size:18px;
    font-weight:700;
    color:#1b2144;
    text-align:left;
}

.cwsfaq_question i{
    color:#7b3cff;
    transition:.3s;
}

.cwsfaq_answer{
    max-height:0;
    overflow:hidden;
    transition:.4s;
}

.cwsfaq_answer p{
    padding:0 25px 22px;
    color:#666;
    line-height:1.8;
}

.cwsfaq_item.active .cwsfaq_answer{
    max-height:250px;
}

.cwsfaq_item.active .fa-plus{
    transform:rotate(45deg);
}

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

@media(max-width:991px){

.cwsfaq_heading h2{
    font-size:34px;
}

}

@media(max-width:767px){

.cwsfaq_section{
    padding:60px 0;
}

.cwsfaq_heading h2{
    font-size:28px;
}

.cwsfaq_question{
    font-size:16px;
    padding:18px;
}

.cwsfaq_answer p{
    padding:0 18px 18px;
    font-size:15px;
}

}


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

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

    .csws-stats-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .cswpkg-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

}

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

    .csws-stats-section{
        padding:40px 15px;
    }

    .csws-stats-wrapper{
        display:grid;
        grid-template-columns:1fr;
        gap:15px;
    }

    .csws-stats-item{
        width:100%;
    }

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

    .csws-stats-content p{
        font-size:15px;
    }

    .cswpkg-section{
        padding:50px 15px;
    }

    .cswpkg-container{
        width:100%;
    }

    .csws-price-title h2{
        font-size:30px;
        line-height:1.3;
    }

    .csws-price-title p{
        font-size:15px;
    }

    .cswpkg-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:25px;
    }

    .cswpkg-card{
        width:100%;
        padding:30px 22px;
    }

    .cswpkg-card h3{
        font-size:24px;
    }

    .cswpkg-desc{
        font-size:15px;
        line-height:1.7;
    }

    .cswpkg-list li{
        font-size:15px;
        line-height:1.8;
    }

    .cswpkg-price{
        font-size:34px;
    }

    .cswpkg-btn{
        width:100%;
        justify-content:center;
        text-align:center;
    }

}

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

    .csws-price-title h2{
        font-size:26px;
    }

    .cswpkg-card{
        padding:25px 18px;
    }

    .cswpkg-price{
        font-size:30px;
    }

    .cswpkg-list li{
        font-size:14px;
    }

}


/*==============================
Mobile Floating Buttons
==============================*/
.cws-mobile-float-btns{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    display:none;
    z-index:99999;
    gap:8px;
    padding:8px;
    background:#fff;
    box-shadow:0 -2px 12px rgba(0,0,0,.15);
}

.cws-mobile-float-btns a{
    flex:1;
    text-decoration:none;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 10px;
    font-size:18px;
    font-weight:600;
    border-radius:10px;
}

.cws-call-btn{
    background:#5a2ca0;
}

.cws-whatsapp-btn{
    background:#25D366;
}

.cws-mobile-float-btns i{
    font-size:20px;
}

@media (max-width:767px){
    .cws-mobile-float-btns{
        display:flex;
    }

    body{
        padding-bottom:75px;
    }
}

@media (min-width:768px){
    .cws-mobile-float-btns{
        display:none;
    }
}



/* Mobile Bottom Action Bar */
.cwsx_mobile_actionbar{
  position: fixed;
    bottom: 5px;
    left: 2px;
    right: 2px;
    z-index: 9999;

    display: flex;
    gap: 3px;
      padding: 8px;
    border-radius: 50px;
}

.cwsx_action_btn{
    flex:1;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:7px;
    text-decoration:none;
    color:#fff;
    font-size:12px;
    font-weight:600;
    /* font-family:Poppins,sans-serif; */
    transition:.3s;
    border:1px solid rgba(255,255,255,.15);
}

.cwsx_action_btn i{
    font-size:20px;
}

.cwsx_whatsapp{
    background:#940ef5;
}

.cwsx_whatsapp:hover{
    background:#940ef5;
}

.cwsx_map{
    background:#e94cc0;
}

.cwsx_map:hover{
    background:#e94cc0;
}

.cwsx_call{
    background:#492d95;
}

.cwsx_call:hover{
    background:#000;
}

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

    .cwsx_mobile_actionbar{
        display:flex;
    }

    .cwsx_action_btn{
        height:40px;
        font-size:13px;
    }

    .cwsx_action_btn i{
        font-size:14px;
    }

}

/* Hide on Tablet/Desktop */
@media(min-width:768px){
    .cwsx_mobile_actionbar{
        display:none;
    }
}














.cwspro_container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/*==========================
Section
==========================*/

.cwspro_services_section{
    padding:90px 0;
    overflow:hidden;
    position:relative;
}

.cwspro_services_section::before{

    content:'';

    width:350px;
    height:350px;

    background:#eaf3ff;

    position:absolute;

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

    border-radius:50%;

    z-index:-1;

}

.cwspro_services_section::after{

    content:'';

    width:300px;
    height:300px;

    background:#edf5ff;

    position:absolute;

    bottom:-100px;
    left:-100px;

    border-radius:50%;

    z-index:-1;

}

/*==========================
Heading
==========================*/

.cwspro_heading{

    text-align:center;

    margin-bottom:70px;

}

.cwspro_badge{

    display:inline-block;

    padding:10px 25px;

    background:#e7f0ff;

    color:#0d5be1;

    font-size:14px;

    font-weight:600;

    border-radius:40px;

    letter-spacing:1px;

    margin-bottom:20px;

}

.cwspro_heading h2{

    font-size:48px;

    font-weight:700;

    color:#0b2559;

    margin-bottom:20px;

    line-height:1.2;

}

.cwspro_heading p{

    width:750px;

    max-width:100%;

    margin:auto;

    color:#666;

    font-size:18px;

}

/*==========================
Service Card
==========================*/

.cwspro_service_card{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    background:#fff;

    border-radius:25px;

    padding:50px;

    margin-bottom:60px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.cwspro_service_card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 80px rgba(0,0,0,.12);

}

.cwspro_reverse_card{

    flex-direction:row-reverse;

}

.cwspro_service_content{

    flex:1;

}

.cwspro_gallery{

    flex:1;

}

/*==========================
Icon
==========================*/

.cwspro_icon_box{

    width:75px;

    height:75px;

    border-radius:20px;

    background:linear-gradient(135deg,#8e2de2,#003ecb);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

    box-shadow:0 15px 40px rgba(13,110,253,.25);

}

.cwspro_service_content h3{

    font-size:36px;

    color:#142850;

    margin-bottom:18px;
    font-weight: 800;

}

.cwspro_service_content h3 span{

    color:#8e2de2;

}

.cwspro_service_content p{

    color:#666;

    font-size:16px;

    margin-bottom:30px;
    text-align: justify;

}


/*==========================================
Feature List
==========================================*/

.cwspro_feature_list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;
    margin-bottom:40px;
}

.cwspro_feature{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 18px;
    background:#f8fbff;
    border:1px solid #e8eefc;
    border-radius:12px;
    font-size:15px;
    font-weight:500;
    color:#444;
    transition:.35s ease;
}

.cwspro_feature:hover{
    background:#8e2de2;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(13,110,253,.18);
}

.cwspro_feature i{
    color:#8e2de2;
    font-size:18px;
    transition:.35s;
}

.cwspro_feature:hover i{
    color:#fff;
}


/*==========================================
Button
==========================================*/

.cwspro_btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    background:linear-gradient(135deg,#8e2de2,#0047d8);
    color:#fff;
    border-radius:50px;
    font-weight:600;
    font-size:16px;
    transition:.35s;
    /* box-shadow:0 15px 35px rgba(13,110,253,.25); */
}

.cwspro_btn:hover{
    transform:translateY(-6px);
    /* box-shadow:0 20px 45px rgba(13,110,253,.35); */
}

.cwspro_btn i{
    transition:.35s;
}

.cwspro_btn:hover i{
    transform:translateX(8px);
}


/*==========================================
Gallery
==========================================*/

.cwspro_gallery_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.cwspro_gallery_item{
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.cwspro_gallery_item img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.45s;
}

.cwspro_gallery_item:hover img{
    transform:scale(1.08);
}

.cwspro_gallery_item:hover{
    transform:translateY(-8px);
}


/*==========================================
Scroll Animation
==========================================*/

.cwspro_service_card{
    opacity:0;
    transform:translateY(60px);
    transition:1s ease;
}

.cwspro_service_card.cwspro_show{
    opacity:1;
    transform:translateY(0);
}


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

@media(max-width:1200px){

.cwspro_service_card{
    gap:40px;
    padding:40px;
}

.cwspro_heading h2{
    font-size:40px;
}

}


@media(max-width:992px){

.cwspro_service_card,
.cwspro_reverse_card{
    flex-direction:column;
}

.cwspro_gallery,
.cwspro_service_content{
    width:100%;
}

.cwspro_heading h2{
    font-size:34px;
}

.cwspro_service_content h3{
    font-size:30px;
}

}


@media(max-width:768px){

.cwspro_services_section{
    padding:70px 0;
}

.cwspro_service_card{
    padding:30px;
    border-radius:20px;
}

.cwspro_heading{
    margin-bottom:50px;
}

.cwspro_heading h2{
    font-size:30px;
}

.cwspro_heading p{
    font-size:16px;
}

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

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

.cwspro_gallery_item img{
    height:180px;
}

.cwspro_icon_box{
    width:65px;
    height:65px;
    font-size:26px;
}

.cwspro_service_content h3{
    font-size:28px;
}

}


@media(max-width:576px){

.cwspro_container{
    width:94%;
}

.cwspro_services_section{
    padding:60px 0;
}

.cwspro_service_card{
    padding:22px;
    gap:30px;
}

.cwspro_heading h2{
    font-size:26px;
}

.cwspro_heading p{
    font-size:15px;
}

.cwspro_service_content h3{
    font-size:19px;
}

.cwspro_service_content p{
    font-size:15px;
}

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

.cwspro_gallery_item img{
    height:220px;
}

.cwspro_feature{
    font-size:14px;
    padding:12px 15px;
}

.cwspro_btn{
    width:100%;
    justify-content:center;
}

}


/*==========================================
Floating Background Animation
==========================================*/

@keyframes cwsproFloat{

0%{
transform:translateY(0px);
}

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

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

}

.cwspro_icon_box{
    animation:cwsproFloat 4s ease-in-out infinite;
}


/*==========================================
Image Hover Glow
==========================================*/

.cwspro_gallery_item:hover{
    box-shadow:0 25px 60px rgba(13,110,253,.18);
}



/*=====================================
Service Image
======================================*/

.cwspro_service_image{
    flex:1;
}

.cwspro_service_image img{
    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.5s ease;
}

.cwspro_service_image img:hover{
    transform:scale(1.04);
}


@media(max-width:992px){

.cwspro_service_card,
.cwspro_reverse_card{

    flex-direction:column;

}

.cwspro_service_image{

    width:100%;

}

.cwspro_service_image img{

    height:380px;

}

}

@media(max-width:576px){

.cwspro_service_image img{

    height:240px;

}

}


/* ===========================
   Mobile Only Image
=========================== */

.cwspro_mobile_only_image{
    display:none;
}

.cwspro_mobile_only_image img{
    width:100%;
    height:auto;
    display:block;
    /* border-radius:15px; */
    margin:56px 0;
}

/* Show Only on Mobile */

@media only screen and (max-width:767px){

    .cwspro_mobile_only_image{
        display:block;
    }

}


/*==============================
Mobile CTA Buttons
===============================*/

.cwspro_mobile_cta{
    display:none;
}

@media only screen and (max-width:767px){

.cwspro_mobile_cta{

    /* display:flex;
    gap:5px;
            margin-top: -60px;
        background-color: #f7f3f9;
        height: 35px; */

  
     left: 15px;
    right: 15px;
    width: auto;
     height: 35px;
 margin-top: -60px;
    display: flex;
    gap: 5px;
    margin-left: 5px;
        margin-right: 5px;

     
        

}

.cwspro_mobile_btn{

    flex:1;
    text-align:center;
    padding:5px 12px;
    border-radius:5px;
    font-size:11px;
    font-weight:600;
    text-decoration:none;
    transition:.3s ease;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

 

}
.cwspro_mobile_cta{
    left: 15px !important;
    right: 15px !important;
    width: auto;
}
.cwspro_consult_btn{

    background:#6f06e9;
    color:#fff;

}

.cwspro_consult_btn:hover{

    background:#0049c7;

}

.cwspro_service_btn{

   background: #ee77cf;
        color: #ffffff;

}

.cwspro_service_btn:hover{

    background:#6f06e9;
    color:#fff;

}

}



@media only screen and (max-width:767px){

  

    /* Center Button */
.cswpkg-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:180px;          /* Button width */
    font-size:17px;
    margin:20px auto 0;   /* Centers horizontally */
}

}



/* ===============================
   Mobile Responsive (2 Columns)
================================= */
@media only screen and (max-width: 767px) {

    .csws-solutions-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .csws-service-box{
        padding: 20px 15px;
        text-align: center;
    }

    .csws-service-icon{
        width: 55px;
        height: 55px;
        margin: 0 auto 15px;
    }

    .csws-service-icon i{
        font-size: 24px;
    }

    .csws-service-box h3{
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 0;
    }

}


@media (max-width:767px){

    .cwspro_btn{
          display:flex;
    align-items:center;
    justify-content:center;
            width: 192px;
        font-size: 15px;
        margin: 25px auto 0;
    }

}



.cwspro_service_card{
    display:flex;
    align-items:center;
    gap:50px;
}

@media (max-width:767px){

    .cwspro_service_card{
        flex-direction:column-reverse;
    }

}



/* ============================
   Mobile Layout Order
============================ */

@media (max-width:767px){

    .cwspro_service_card{
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    .cwspro_service_image{
        order:1;
        width:100%;
    }

    .cwspro_service_content{
        order:2;
        width:100%;
    }

    .cwspro_service_content h3{
        margin-top:5px;
        margin-bottom:15px;
    }

    .cwspro_service_content p{
        margin-bottom:20px;
    }

    .cwspro_feature_list{
        margin-bottom:20px;
    }

    .cwspro_btn{
        display:flex;
        justify-content:center;
        align-items:center;
        width:170px;
        margin:0 auto;
                font-size: 12px;
    }

}



.cwspro_service_image{
    width:100%;
}

.cwspro_slider_img{
    width:100%;
    height:520px;
    object-fit:cover;
    border:8px solid #ffffff;
    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

#cwsproImageCarousel{
    overflow:hidden;
    border-radius:20px;
}

.carousel-control-prev,
.carousel-control-next{
    width:45px;
    height:45px;
    background:#ffffff;
    border-radius:50%;
    top:50%;
    transform:translateY(-50%);
    opacity:1;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.carousel-control-prev{
    left:15px;
}

.carousel-control-next{
    right:15px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    filter:invert(1);
}

@media(max-width:768px){

.cwspro_slider_img{
    height:320px;
    border:6px solid #fff;
}

.carousel-control-prev,
.carousel-control-next{
    width:38px;
    height:38px;
}

}


.cwspro_service_image{
    width:100%;
}

#websitePortfolioSlider{
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    padding:10px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.cwspro_slider_img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:15px;
}

.carousel-control-prev,
.carousel-control-next{
    width:35px;
    height:35px;
    background:#fff;
    border-radius:50%;
    top:50%;
    transform:translateY(-50%);
    opacity:1;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}

.carousel-control-prev{
    left:15px;
}

.carousel-control-next{
    right:15px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    filter:invert(1);
    width: 1rem !important;
    height:1rem !important;
}

.carousel-indicators{
    margin-bottom:10px;
}

.carousel-indicators button{
    width:10px !important;
    height:10px !important;
    border-radius:50%;
}

@media(max-width:768px){

.cwspro_slider_img{
    height:300px;
}

.carousel-control-prev,
.carousel-control-next{
    width:36px;
    height:36px;
}

}


/* ===========================
   1024px Tablet Responsive
=========================== */
@media (min-width:992px) and (max-width:1024px){

.csweb-navbar{
    padding:12px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.csweb-logo{
    flex:0 0 180px;
}

.csweb-logo img{
    max-width:180px;
    height:auto;
}

.csweb-nav-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin:0;
    padding:0;
    flex:1;
}

.csweb-nav-menu li{
    list-style:none;
}

.csweb-nav-menu li a{
    font-size:17px;
    font-weight:500;
    padding:8px 0;
    white-space:nowrap;
}

.csweb-dropdown>a i{
    font-size:12px;
    margin-left:5px;
}

.csweb-dropdown-menu{
    min-width:250px;
}

.csweb-quote-btn{
    padding:13px 22px;
    font-size:17px;
    border-radius:40px;
    white-space:nowrap;
}

.csweb-mobile-toggle{
    display:none;
}

}



.cwsloc_section{
    padding:50px 0;
    /* background:#f7f9fc; */
}

.cwsloc_heading{
    text-align:center;
    margin-bottom:40px;
}

.cwsloc_heading h2{
    font-size:42px;
    font-weight:700;
    color:#B053E7;
}

.cwsloc_heading p{
    color:#666;
}

.cwsloc_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
}

.cwsloc_card{
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
    padding:16px 20px;
    border-radius:14px;
    text-decoration:none;
    color:#222;
    font-weight:500;
    border:1px solid #ececec;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    transition:.35s;
    font-size: 13px;
}

.cwsloc_card i{
    width:38px;
    height:38px;
    border-radius:50%;
        background: #b053e7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
}

.cwsloc_card:hover{
        background: #b053e7;
    color:#fff;
    transform:translateY(-5px);
}

.cwsloc_card:hover i{
    background:#fff;
    color:#b053e7;
}

.cwsloc_btnbox{
    text-align:center;
    margin-top:35px;
}

.cwsloc_btn{
        background: #b053e7;
    color:#fff;
    border:none;
    padding:14px 36px;
    border-radius:50px;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cwsloc_btn:hover{
     background: #b053e7;
}

@media(max-width:991px){
.cwsloc_grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:576px){
.cwsloc_grid{
grid-template-columns:1fr;
}

.cwsloc_heading h2{
font-size:30px;
}
}


.cwspro_btn_group{
    display:flex;
    gap:15px;
    margin-top:25px;
}

.cwspro_btn_group .cwspro_btn{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    text-decoration:none;
    padding:14px 20px;
    border-radius:50px;
    font-weight:600;
}

.cwspro_btn_outline{
    background:#e94dc0;
    color:white;
    border:2px solid #e94dc0;
}

.cwspro_btn_outline:hover{
    background:#e94dc0;
    color:#fff;
}

@media (max-width:767px){

    .cwspro_btn_group{
        display:flex;
        flex-direction:row;
        gap:10px;
    }

    .cwspro_btn_group .cwspro_btn{
        flex:1;
        font-size:12px;
        padding:10px 10px;
    }
}



.cwsgr_reviews_section{
padding:80px 20px;
background:#f8f9fc;
}

.cwsgr_container{
max-width:1150px;
margin:auto;
}

.cwsgr_heading{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:45px;
flex-wrap:wrap;
gap:20px;
}

.cwsgr_title{
display:flex;
align-items:center;
gap:15px;
}

.cwsgr_title img{
width:55px;
}

.cwsgr_title h2{
margin:0;
font-size:36px;
font-weight:700;
color:#1b1b1b;
}

.cwsgr_rating{
display:flex;
align-items:center;
gap:12px;
margin-top:8px;
flex-wrap:wrap;
}

.cwsgr_score{
font-size:30px;
font-weight:700;
}

.cwsgr_star{
color:#FFC107;
font-size:17px;
letter-spacing:2px;
}

.cwsgr_rating p{
margin:0;
color:#666;
}

.cwsgr_view_btn{
padding:14px 28px;
background:linear-gradient(90deg,#6a11cb,#2575fc);
color:#fff;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.cwsgr_view_btn:hover{
transform:translateY(-4px);
color:#fff;
}

.cwsgr_grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.cwsgr_card{
background:#fff;
padding:25px;
border-radius:18px;
border:1px solid #ececec;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
}

.cwsgr_card:hover{
transform:translateY(-8px);
}

.cwsgr_card_top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}

.cwsgr_card_top h4{
margin:0;
font-size:20px;
}

.cwsgr_card_top img{
width:22px;
}

.cwsgr_card p{
color:#555;
line-height:1.8;
margin:15px 0;
}

.cwsgr_bottom{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:20px;
}

.cwsgr_bottom span{
font-size:14px;
color:#888;
}

.cwsgr_bottom a{
text-decoration:none;
font-weight:600;
color:#6a11cb;
}

.cwsgr_bottom a:hover{
color:#2575fc;
}

@media(max-width:991px){

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

}

@media(max-width:767px){

.cwsgr_heading{
flex-direction:column;
align-items:flex-start;
}

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

.cwsgr_title h2{
font-size:18px;
}

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

}



.cswtab-nav{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:15px;
margin:40px 0;
}

.cswtab-btn{
padding:14px 30px;
border:none;
background:#f4f4f4;
border-radius:50px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.cswtab-btn:hover{
background:#7B4CF7;
color:#fff;
}

.cswtab-btn.active{
background:#7B4CF7;
color:#fff;
box-shadow:0 10px 25px rgba(13,110,253,.25);
}

.cswtab-content{
display:none;
animation:fade .4s ease;
}

.cswtab-content.active{
display:block;
}

@keyframes fade{

from{
opacity:0;
transform:translateY(15px);
}

to{
opacity:1;
transform:translateY(0);
}

}

@media(max-width:768px){

.cswtab-nav{
gap:10px;
}

.cswtab-btn{
font-size:14px;
padding:10px 18px;
}

}


/* ============================
   Desktop Floating Buttons
============================ */

.cws_desktop_float_contact{
    position:fixed;
    right:25px;
    bottom:30px;
    display:flex;
    flex-direction:column;
    gap:15px;
    z-index:99999;
}

/* Common Style */
.cws_desktop_float_contact a{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    transition:.3s ease;
}

.cws_desktop_float_contact a:hover{
    transform:translateY(-4px) scale(1.08);
}

/* Call */
.cws_desktop_call{
    background:#e94cc0;
}

/* WhatsApp */
.cws_desktop_whatsapp{
    background:#940ef5;
}

/* Hide on Mobile & Tablet */
@media (max-width:991px){
    .cws_desktop_float_contact{
        display:none;
    }
}



/*==========================================================
 CS WEB SOLUTION PREMIUM FOOTER
 Part 1
 Unique Class Name : csws_
==========================================================*/

.csws_footer_main{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#170A45 0%,#12083D 100%);
    color:#fff;
    padding:90px 0 0;
    z-index:1;
}

/* Decorative Pattern */

.csws_footer_main::before{
    content:"";
    position:absolute;
    inset:0;
    background:url(images/footer-pattern.png);
    background-size:cover;
    background-position:center;
    opacity:.08;
    pointer-events:none;
}

/* Temple Image */

.csws_footer_main::after{
    content:"";
    position:absolute;
    left:0;
    bottom:165px;
    width:290px;
    height:320px;
    background:url(images/footer-temple.png) no-repeat;
    background-size:contain;
    background-position:left bottom;
    opacity:.95;
}

/* Container */

.csws_footer_main .container{
    position:relative;
    z-index:5;
}

/* Columns */

.csws_footer_column{
    position:relative;
    margin-bottom:35px;
}

.csws_footer_column:not(:last-child){
    border-right:1px solid rgba(255,255,255,.08);
}

/* Logo */

.csws_footer_logo img{
    max-width:220px;
        margin-top: -65px;
}

/* About */

.csws_footer_about{
    color:#d9d5ff;
    line-height:2;
    margin-top: -32px;
        font-size:15px;
}

/* Social */

.csws_social{
    display:flex;
    gap:14px;
    margin-top:25px;
}

.csws_social a{

    width:46px;
    height:46px;

    border-radius:50%;

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

    text-decoration:none;

    color:#fff;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.csws_social a:nth-child(1){

background:#1877f2;

}

.csws_social a:nth-child(2){

background:#E1306C;

}

.csws_social a:nth-child(3){

background:#1DA1F2;

}

.csws_social a:nth-child(4){

background:#ff0000;

}

.csws_social a:hover{

transform:translateY(-7px);

}

/* Title */

.csws_footer_title{

font-size:28px;

font-weight:700;

margin-bottom:35px;

position:relative;

color:#fff;

}

.csws_footer_title::after{

content:"";

position:absolute;

left:0;

bottom:-12px;

width:55px;

height:3px;

background:linear-gradient(90deg,#ff7d1a,#ff3fc0);

border-radius:20px;

}

/* Lists */

.csws_footer_menu{

padding:0;

margin:0;

list-style:none;

}

.csws_footer_menu li{

/* margin-bottom:18px; */

}

.csws_footer_menu li a{

text-decoration:none;

color:#ece7ff;

transition:.35s;

display:inline-flex;

align-items:center;

}

.csws_footer_menu li a::before{

content:"›";

font-size:24px;

margin-right:10px;

color:#ff8a18;

font-weight:bold;

transition:.35s;

}

.csws_footer_menu li a:hover{

color:#fff;

padding-left:8px;

}

.csws_footer_menu li a:hover::before{

margin-right:15px;

}

/* Contact */

.csws_contact_list{

list-style:none;

padding:0;

margin:0;

}

.csws_contact_list li{

display:flex;

align-items:flex-start;

gap:15px;

margin-bottom:15px;

color:#ece7ff;

line-height:1.8;

}

.csws_contact_list i{

color:#ff8b17;

font-size:20px;

width:22px;

margin-top:4px;

}

/* Newsletter */

.csws_newsletter{

position:relative;

padding:35px;

border-radius:25px;

background:linear-gradient(160deg,#7a24f6,#ff4fcb);

overflow:hidden;

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

}

.csws_newsletter::before{

content:"";

position:absolute;

right:-40px;

top:-40px;

width:160px;

height:160px;

border-radius:50%;

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

}

.csws_newsletter::after{

content:"";

position:absolute;

left:-60px;

bottom:-60px;

width:180px;

height:180px;

border-radius:50%;

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

}

.csws_newsletter h4{

font-size:34px;

font-weight:700;

margin-bottom:18px;

position:relative;

z-index:2;

}

.csws_newsletter p{

color:#fff;

opacity:.95;

line-height:2;

position:relative;

z-index:2;

}

.csws_newsletter_box{

position:relative;

display:flex;

margin-top:28px;

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

border-radius:40px;

overflow:hidden;

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

backdrop-filter:blur(10px);

z-index:2;

}

.csws_newsletter_box input{

flex:1;

height:54px;

border:none;

background:none;

outline:none;

padding:0 20px;

color:#fff;

}

.csws_newsletter_box input::placeholder{

color:#f6f6f6;

}

.csws_newsletter_box button{

width:60px;

border:none;

background:none;

color:#ffb347;

font-size:20px;

cursor:pointer;

transition:.3s;

}

.csws_newsletter_box button:hover{

transform:scale(1.15);

}


/*==========================================================
 CS WEB SOLUTION PREMIUM FOOTER
 Part 2
==========================================================*/

/*=========================================
 Top Decorative Wave
=========================================*/

.csws_footer_wave{
    position:relative;
    width:100%;
    margin-top:70px;
    overflow:hidden;
    line-height:0;
}

.csws_footer_wave svg{
    display:block;
    width:100%;
    height:110px;
}

/*=========================================
 Odisha Decorative Strip
=========================================*/

.csws_footer_pattern{
    position:absolute;
    left:0;
    right:0;
    bottom:255px;
    height:75px;
    background:url(images/footer-border.png) repeat-x center;
    background-size:auto 75px;
    opacity:.8;
}

/*=========================================
 Festival Silhouette
=========================================*/

.csws_footer_silhouette{
    position:absolute;
    right:280px;
    bottom:240px;
    width:420px;
    height:90px;
    background:url(images/footer-silhouette.png) no-repeat center;
    background-size:contain;
    opacity:.9;
}

/*=========================================
 Jagannath Image
=========================================*/

.csws_footer_jagannath{
    position:absolute;
    left:20px;
    bottom:8px;
    width:120px;
    z-index:30;
}

.csws_footer_jagannath img{
    width:100%;
}

/*=========================================
 Odissi Dancer
=========================================*/

.csws_footer_dancer{
    position:absolute;
    right:10px;
    bottom:0;
    width:170px;
    z-index:20;
}

.csws_footer_dancer img{
    width:100%;
}

/*=========================================
 Feature Box
=========================================*/

.csws_feature_box{

    margin-top:70px;

    background:rgba(34,20,89,.92);

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

    border-radius:22px;

    padding:35px;

    backdrop-filter:blur(10px);

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

    position:relative;

    z-index:5;

}

/* Divider */

.csws_feature_item{

    display:flex;

    align-items:center;

    gap:18px;

    position:relative;

    padding:0 15px;

}

.csws_feature_item::after{

    content:"";

    position:absolute;

    right:-15px;

    top:8px;

    width:1px;

    height:65px;

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

}

.csws_feature_box .col-lg-3:last-child .csws_feature_item::after{

    display:none;

}

/* Icon */

.csws_feature_item i{

    width:72px;

    height:72px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    background:linear-gradient(135deg,#7b29f7,#d53ac9);

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

    flex-shrink:0;

}

/* Text */

.csws_feature_item h5{

    color:#fff;

    font-size:16px;

    margin-bottom:6px;

    font-weight:700;

}

.csws_feature_item p{

    color:#d6d0ff;

    margin:0;

    line-height:1.8;

    font-size:14px;

}

/* Hover */

.csws_feature_item:hover i{

    transform:rotate(360deg);

    transition:.8s;

}

.csws_feature_item:hover{

    transform:translateY(-6px);

    transition:.4s;

}

/*=========================================
 Bottom Section
=========================================*/

.csws_footer_bottom{

    margin-top:55px;

    padding:28px 0;

    position:relative;

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

    background:rgba(14,8,48,.95);

}

/* Decorative Line */

.csws_footer_bottom::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:2px;

    background:linear-gradient(90deg,#ff7b19,#d73dcf,#7c34f7);

}

/* Text */

.csws_footer_bottom p{

    margin:0;

    color:#ddd6ff;

    font-size:15px;

}

/* Links */

.csws_footer_bottom a{

    color:#ddd6ff;

    text-decoration:none;

    margin:0 10px;

    transition:.3s;

}

.csws_footer_bottom a:hover{

    color:#fff;

}

/* Heart */

.csws_footer_heart{

    color:#ff4b8a;

    margin:0 6px;

    animation:cswsHeart 1.2s infinite;

}

@keyframes cswsHeart{

0%{

transform:scale(1);

}

50%{

transform:scale(1.25);

}

100%{

transform:scale(1);

}

}

/*=========================================
 Bottom Border Pattern
=========================================*/

.csws_footer_bottom_pattern{

    position:absolute;

    left:0;

    right:0;

    top:-18px;

    height:18px;

    background:url(images/footer-pattern-line.png) repeat-x center;

    background-size:auto 18px;

    opacity:.7;

}


/*==========================================================
 CS WEB SOLUTION PREMIUM FOOTER
 Part 3 (Responsive + Animation)
==========================================================*/

/*==============================
 Smooth Animation
==============================*/

.csws_footer_main *{
    transition:all .35s ease;
}

/* Hover Effects */

.csws_footer_menu li:hover{
    transform:translateX(6px);
}

.csws_contact_list li:hover{
    color:#ffffff;
    transform:translateX(5px);
}

.csws_contact_list li:hover i{
    color:#ff9c22;
    transform:scale(1.15);
}

.csws_newsletter{
    transition:.45s;
}

.csws_newsletter:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 70px rgba(0,0,0,.45);
}

.csws_social a:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.35);
}

.csws_newsletter_box input:focus{
    background:rgba(255,255,255,.05);
}

.csws_newsletter_box button:hover{
    color:#fff;
}

/*==============================
 Scroll Animation Ready
==============================*/

.csws_footer_column{
    animation:cswsFadeUp .8s ease;
}

@keyframes cswsFadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/*==============================
 Tablet
==============================*/

@media(max-width:1199px){

.csws_footer_title{
font-size:24px;
}

.csws_newsletter{
padding:30px;
}

.csws_newsletter h4{
font-size:28px;
}

.csws_feature_item{
margin-bottom:25px;
}

.csws_feature_item::after{
display:none;
}

.csws_footer_main::after{
width:220px;
height:250px;
}

.csws_footer_dancer{
width:130px;
}

.csws_footer_silhouette{
width:300px;
right:180px;
}

}

/*==============================
 Tablet Portrait
==============================*/

@media(max-width:991px){

.csws_footer_main{
padding-top:70px;
}

.csws_footer_column{
margin-bottom:40px;
border:none !important;
}

.csws_footer_title{
margin-top:20px;
}

.csws_newsletter{
margin-top:20px;
}

.csws_feature_box{
padding:25px;
}

.csws_feature_item{
margin-bottom:30px;
}

.csws_footer_pattern,
.csws_footer_silhouette{
display:none;
}

.csws_footer_main::after{
opacity:.20;
width:170px;
bottom:130px;
}

.csws_footer_dancer{
display:none;
}

}

/*==============================
 Mobile
==============================*/

@media(max-width:767px){

.csws_footer_main{

padding:55px 0 0;

text-align:center;

}

.csws_footer_logo img{

/* max-width:170px; */
margin: auto;
        display: block;
        margin-bottom: -60px;
        margin-top: -80px;

}

.csws_footer_about{

margin:20px auto;

}

.csws_social{

justify-content:center;
        margin-bottom: 10px;

}

.csws_footer_title{

font-size:22px;

}

.csws_footer_title::after{

left:50%;

transform:translateX(-50%);

}

.csws_footer_menu li a{

justify-content:center;

}

.csws_contact_list li{

justify-content:center;

text-align:center;

flex-direction:column;

gap:8px;

}

.csws_contact_list i{

margin:0;

}

.csws_newsletter{

padding:25px;

border-radius:20px;

}

.csws_newsletter h4{

font-size:28px;

}

.csws_newsletter_box{

height:50px;

}

.csws_newsletter_box input{

font-size:14px;

}

.csws_feature_box{

padding:20px;

margin-top:45px;

}

.csws_feature_item{

flex-direction:column;

text-align:center;

/* padding:20px 10px; */

}

.csws_feature_item i{

margin-bottom:12px;

}

.csws_feature_item h5{

font-size:20px;

}

.csws_footer_bottom{

text-align:center;

}

.csws_footer_bottom .row>div{

margin-bottom:15px;

}

.csws_footer_jagannath{

width:80px;

left:10px;

bottom:5px;

}

.csws_footer_main::after{

display:none;

}

}

/*==============================
 Small Mobile
==============================*/

@media(max-width:480px){

.csws_footer_main{

padding-top:45px;

}

.csws_footer_title{

font-size:20px;

}

.csws_newsletter{

padding:20px;

}

.csws_newsletter h4{

font-size:24px;

}

.csws_newsletter_box{

height:48px;

}

.csws_newsletter_box button{

width:50px;

}

.csws_social a{

width:42px;

height:42px;

}

.csws_feature_item i{

width:60px;

height:60px;

font-size:22px;

}

.csws_feature_item h5{

font-size:18px;

}

.csws_feature_item p{

font-size:14px;

}

}

/*==============================
 Backdrop Blur Support
==============================*/

@supports(backdrop-filter:blur(15px)){

.csws_feature_box{

backdrop-filter:blur(15px);

}

.csws_newsletter{

backdrop-filter:blur(12px);

}

}

/*==============================
 Selection Color
==============================*/

::selection{

background:#ff4fc8;

color:#fff;

}

/*==============================
 Scrollbar
==============================*/

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#15093f;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(#6c3ef4,#ff4fc8);

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:linear-gradient(#7d4cff,#ff69d2);

}









/* Footer Graphic */
.csws_footer_graphic{
    text-align:center;
    margin-bottom:-12px;   /* makes it touch the feature box */
    position:relative;
    z-index:2;
}

.csws_footer_graphic img{
    max-width:100%;
  width: 900px;
    margin-top: 30px;
    height:auto;
    display:inline-block;
}

/* Feature Box */
.csws_feature_box{
    position:relative;
    background:#26145d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:40px 30px;
    z-index:1;
}




.csws_footer_graphic{
    position:relative;
    text-align:center;
    margin-bottom:0px;
    z-index:5;
}

.csws_feature_box{
    margin-top:0;
    padding-top:45px;
}
.th-contact-link{
    color: inherit;
    text-decoration: none;
    transition: 0.3s ease;
}

.th-contact-link:hover{
    color: white; /* Change to your theme color */
}


.footer-phone-link{
    color: inherit;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer-phone-link:hover{
    color: white; /* Change to your theme color */
}


.footer-email-link{
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-email-link:hover{
    color: white; /* Change to your theme color */
}



.footer-address-link{
    color: inherit;
    text-decoration: none;
    line-height: 1.8;
    transition: all 0.3s ease;
}

.footer-address-link:hover{
    color: white; /* Change to your theme color */
}