.elementor-29 .elementor-element.elementor-element-86140d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-f31e62c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-56bf55e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-f066b2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c530e6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3300e30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f599926 *//* Hero Section */

.soft-hero-section{
    position:relative;
    overflow:hidden;
    background:#0A0E15;
    padding:120px 24px 110px;
}

.soft-hero-container{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    align-items:center;
    gap:80px;
}

/* Left Content */

.soft-hero-content{
    position:relative;
    z-index:2;
}

.soft-hero-label{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#212631;
    border:1px solid #373F4E;
    color:#D6DBE5;
    font-size:13px;
    font-weight:600;
    letter-spacing:0.3px;
    margin-bottom:28px;
}

.soft-hero-title{
    margin:0;
    color:#FFFFFF;
    font-size:64px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-2px;
    max-width:760px;
}

.soft-hero-text{
    margin:28px 0 0;
    color:#AEB6C5;
    font-size:18px;
    line-height:1.8;
    max-width:620px;
}

/* Hero Buttons */

.soft-hero-buttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:42px;
}

.soft-hero-btn{
    height:54px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:0.3s ease;
    border:1px solid transparent;
    white-space:nowrap;
}

.soft-hero-btn-dark{
    background:#FFFFFF;
    color:#0A0E15;
    border-color:#FFFFFF;
}

.soft-hero-btn-dark:hover{
    background:#E0E4EB;
    color:#0A0E15;
    border-color:#E0E4EB;
}

.soft-hero-btn-light{
    background:transparent;
    color:#FFFFFF;
    border-color:#373F4E;
}

.soft-hero-btn-light:hover{
    background:#212631;
    color:#FFFFFF;
    border-color:#212631;
}

/* Features */

.soft-hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:42px;
}

.soft-hero-feature{
    padding:12px 16px;
    border:1px solid #2E3542;
    background:#11161F;
    color:#D6DBE5;
    font-size:14px;
    font-weight:500;
}

/* Right Side */

.soft-hero-visual{
    position:relative;
    display:flex;
    justify-content:flex-end;
}

.soft-hero-card{
    width:100%;
    max-width:500px;
    background:#11161F;
    border:1px solid #2B3340;
    padding:40px;
}

.soft-hero-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:36px;
}

.soft-card-badge{
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    color:#FFFFFF;
}

.soft-card-status{
    padding:8px 12px;
    background:#1B2430;
    border:1px solid #313B4A;
    color:#D9DEE7;
    font-size:12px;
    font-weight:600;
}

.soft-hero-card h3{
    margin:0;
    color:#FFFFFF;
    font-size:34px;
    line-height:1.25;
    letter-spacing:-1px;
}

.soft-hero-card p{
    margin:22px 0 0;
    color:#AEB6C5;
    font-size:16px;
    line-height:1.8;
}

/* Services Tags */

.soft-hero-services{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:36px;
}

.soft-hero-services span{
    padding:12px 14px;
    background:#1A202A;
    border:1px solid #303948;
    color:#E5EAF3;
    font-size:13px;
    font-weight:500;
}

/* Responsive */

@media (max-width:1200px){

    .soft-hero-title{
        font-size:56px;
    }

}

@media (max-width:991px){

    .soft-hero-section{
        padding:90px 20px 80px;
    }

    .soft-hero-container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .soft-hero-title{
        font-size:48px;
        max-width:100%;
    }

    .soft-hero-text{
        max-width:100%;
    }

    .soft-hero-visual{
        justify-content:flex-start;
    }

    .soft-hero-card{
        max-width:100%;
    }

}

@media (max-width:767px){

    .soft-hero-section{
        padding:70px 16px 60px;
    }

    .soft-hero-title{
        font-size:38px;
        line-height:1.15;
        letter-spacing:-1px;
    }

    .soft-hero-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-hero-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .soft-hero-btn{
        width:100%;
    }

    .soft-hero-features{
        gap:10px;
    }

    .soft-hero-feature{
        width:100%;
    }

    .soft-hero-card{
        padding:28px;
    }

    .soft-hero-card h3{
        font-size:28px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a2849d *//* Our Services Section */

.soft-services-section{
    position:relative;
    overflow:hidden;
    background:#E0E4EB;
    padding:110px 24px;
}

.soft-services-container{
    max-width:1320px;
    margin:0 auto;
}

/* Heading */

.soft-services-heading{
    max-width:760px;
    margin-bottom:70px;
}

.soft-services-label{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#FFFFFF;
    border:1px solid #CFD4DA;
    color:#373F4E;
    font-size:13px;
    font-weight:600;
    margin-bottom:24px;
}

.soft-services-title{
    margin:0;
    color:#0A0E15;
    font-size:56px;
    line-height:1.1;
    letter-spacing:-2px;
    font-weight:700;
}

.soft-services-text{
    margin:24px 0 0;
    color:#4E576A;
    font-size:18px;
    line-height:1.8;
    max-width:680px;
}

/* Grid */

.soft-services-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

/* Card */

.soft-service-card{
    position:relative;
    background:#F7F8FA;
    border:1px solid #CFD4DA;
    padding:40px;
    transition:0.35s ease;
}

.soft-service-card:hover{
    background:#0A0E15;
    border-color:#0A0E15;
}

/* Top */

.soft-service-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:36px;
}

.soft-service-number{
    color:#0A0E15;
    font-size:14px;
    font-weight:700;
    transition:0.35s ease;
}

.soft-service-tag{
    padding:10px 14px;
    border:1px solid #CFD4DA;
    background:#FFFFFF;
    color:#4E576A;
    font-size:12px;
    font-weight:600;
    transition:0.35s ease;
}

/* Title */

.soft-service-title{
    margin:0;
    color:#0A0E15;
    font-size:34px;
    line-height:1.2;
    letter-spacing:-1px;
    font-weight:700;
    transition:0.35s ease;
}

/* Description */

.soft-service-description{
    margin:22px 0 0;
    color:#555C66;
    font-size:16px;
    line-height:1.8;
    transition:0.35s ease;
}

/* List */

.soft-service-list{
    margin:34px 0 0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.soft-service-list li{
    position:relative;
    padding-left:18px;
    color:#373F4E;
    font-size:15px;
    line-height:1.7;
    transition:0.35s ease;
}

.soft-service-list li::before{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    width:6px;
    height:6px;
    background:#0A0E15;
    transition:0.35s ease;
}

/* Link */

.soft-service-link{
    display:inline-flex;
    align-items:center;
    margin-top:38px;
    color:#0A0E15;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:0.35s ease;
}

/* Hover States */

.soft-service-card:hover .soft-service-number,
.soft-service-card:hover .soft-service-title,
.soft-service-card:hover .soft-service-link{
    color:#FFFFFF;
}

.soft-service-card:hover .soft-service-description,
.soft-service-card:hover .soft-service-list li{
    color:#BFC5D4;
}

.soft-service-card:hover .soft-service-tag{
    background:#1D242F;
    border-color:#303948;
    color:#E0E4EB;
}

.soft-service-card:hover .soft-service-list li::before{
    background:#FFFFFF;
}

/* Responsive */

@media (max-width:1200px){

    .soft-services-title{
        font-size:48px;
    }

    .soft-service-title{
        font-size:30px;
    }

}

@media (max-width:991px){

    .soft-services-section{
        padding:90px 20px;
    }

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

    .soft-services-title{
        font-size:42px;
        letter-spacing:-1px;
    }

}

@media (max-width:767px){

    .soft-services-section{
        padding:70px 16px;
    }

    .soft-services-heading{
        margin-bottom:50px;
    }

    .soft-services-title{
        font-size:34px;
        line-height:1.2;
    }

    .soft-services-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-service-card{
        padding:28px;
    }

    .soft-service-top{
        margin-bottom:28px;
    }

    .soft-service-title{
        font-size:26px;
    }

    .soft-service-description{
        font-size:15px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-371603e *//* Our Process Section */

.soft-process-section{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    padding:120px 24px;
}

.soft-process-container{
    max-width:1320px;
    margin:0 auto;
}

/* Heading */

.soft-process-heading{
    max-width:760px;
    margin:0 auto 90px;
    text-align:center;
}

.soft-process-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    background:#FFFFFF;
    border:1px solid #CFD4DA;
    color:#373F4E;
    font-size:13px;
    font-weight:600;
    margin-bottom:24px;
}

.soft-process-title{
    margin:0;
    color:#0A0E15;
    font-size:56px;
    line-height:1.1;
    letter-spacing:-2px;
    font-weight:700;
}

.soft-process-text{
    margin:24px auto 0;
    max-width:760px;
    color:#555C66;
    font-size:18px;
    line-height:1.8;
}

/* Process Wrapper */

.soft-process-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* Center Line */

.soft-process-line{
    position:absolute;
    top:80px;
    left:8%;
    width:84%;
    height:1px;
    border-top:2px dashed #AEB6C5;
    z-index:1;
}

/* Card */

.soft-process-card{
    position:relative;
    z-index:2;
    text-align:center;
}

/* Circle */

.soft-process-circle{
    position:relative;
    width:170px;
    height:170px;
    margin:0 auto 40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Glow Effects */

.soft-process-circle::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:0.18;
    filter:blur(2px);
}

.soft-process-circle::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    opacity:0.22;
    filter:blur(2px);
}

/* Individual Colors */

.soft-process-circle-1::before,
.soft-process-circle-1::after{
    background:#8EBBFF;
}

.soft-process-circle-2::before,
.soft-process-circle-2::after{
    background:#A48DFF;
}

.soft-process-circle-3::before,
.soft-process-circle-3::after{
    background:#FF8C8C;
}

.soft-process-circle-4::before,
.soft-process-circle-4::after{
    background:#FFB36B;
}

/* Dot */

.soft-process-dot{
    position:relative;
    z-index:3;
    width:18px;
    height:18px;
    background:#FFFFFF;
    border:4px solid #0A0E15;
}

/* Number */

.soft-process-number{
    display:block;
    margin-bottom:16px;
    color:#0A0E15;
    font-size:14px;
    font-weight:700;
    letter-spacing:0.5px;
}

/* Title */

.soft-process-card-title{
    margin:0;
    color:#0A0E15;
    font-size:34px;
    line-height:1.2;
    letter-spacing:-1px;
    font-weight:700;
}

/* Text */

.soft-process-card-text{
    margin:18px auto 0;
    max-width:290px;
    color:#555C66;
    font-size:16px;
    line-height:1.8;
}

/* Responsive */

@media (max-width:1200px){

    .soft-process-title{
        font-size:48px;
    }

    .soft-process-card-title{
        font-size:30px;
    }

}

@media (max-width:991px){

    .soft-process-section{
        padding:90px 20px;
    }

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

    .soft-process-line{
        display:none;
    }

    .soft-process-title{
        font-size:42px;
        letter-spacing:-1px;
    }

}

@media (max-width:767px){

    .soft-process-section{
        padding:70px 16px;
    }

    .soft-process-heading{
        margin-bottom:60px;
    }

    .soft-process-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .soft-process-title{
        font-size:34px;
        line-height:1.2;
    }

    .soft-process-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-process-circle{
        width:140px;
        height:140px;
        margin-bottom:30px;
    }

    .soft-process-circle::after{
        width:90px;
        height:90px;
    }

    .soft-process-card-title{
        font-size:26px;
    }

    .soft-process-card-text{
        font-size:15px;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4f8c57 *//* Our Portfolio Section */

.soft-portfolio-section{
    position:relative;
    overflow:hidden;
    background:#0A0E15;
    padding:120px 24px;
}

.soft-portfolio-container{
    max-width:1320px;
    margin:0 auto;
}

/* Heading */

.soft-portfolio-heading{
    max-width:760px;
    margin-bottom:70px;
}

.soft-portfolio-label{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#161C25;
    border:1px solid #2E3542;
    color:#D9DEE7;
    font-size:13px;
    font-weight:600;
    margin-bottom:24px;
}

.soft-portfolio-title{
    margin:0;
    color:#FFFFFF;
    font-size:56px;
    line-height:1.1;
    letter-spacing:-2px;
    font-weight:700;
}

.soft-portfolio-text{
    margin:24px 0 0;
    color:#AEB6C5;
    font-size:18px;
    line-height:1.8;
    max-width:700px;
}

/* Grid */

.soft-portfolio-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

/* Card */

.soft-portfolio-card{
    position:relative;
    background:#11161F;
    border:1px solid #2C3441;
    overflow:hidden;
    transition:0.4s ease;
}

.soft-portfolio-card:hover{
    border-color:#434C5C;
    transform:translateY(-4px);
}

/* Image */

.soft-portfolio-image-wrap{
    position:relative;
    display:block;
    overflow:hidden;
}

.soft-portfolio-image{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    transition:0.5s ease;
}

.soft-portfolio-card:hover .soft-portfolio-image{
    transform:scale(1.04);
}

/* Content */

.soft-portfolio-content{
    padding:34px;
}

/* Category */

.soft-portfolio-category{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    background:#1B2430;
    border:1px solid #303948;
    color:#D9DEE7;
    font-size:12px;
    font-weight:600;
    margin-bottom:24px;
}

/* Title */

.soft-portfolio-project-title{
    margin:0;
    color:#FFFFFF;
    font-size:34px;
    line-height:1.25;
    letter-spacing:-1px;
    font-weight:700;
}

/* Button */

.soft-portfolio-btn{
    margin-top:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:50px;
    padding:0 24px;
    background:#FFFFFF;
    border:1px solid #FFFFFF;
    color:#0A0E15;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:0.35s ease;
}

.soft-portfolio-btn:hover{
    background:#212631;
    border-color:#212631;
    color:#FFFFFF;
}

/* Responsive */

@media (max-width:1200px){

    .soft-portfolio-title{
        font-size:48px;
    }

    .soft-portfolio-project-title{
        font-size:30px;
    }

}

@media (max-width:991px){

    .soft-portfolio-section{
        padding:90px 20px;
    }

    .soft-portfolio-grid{
        grid-template-columns:1fr;
    }

    .soft-portfolio-title{
        font-size:42px;
        letter-spacing:-1px;
    }

}

@media (max-width:767px){

    .soft-portfolio-section{
        padding:70px 16px;
    }

    .soft-portfolio-heading{
        margin-bottom:50px;
    }

    .soft-portfolio-title{
        font-size:34px;
        line-height:1.2;
    }

    .soft-portfolio-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-portfolio-image{
        height:260px;
    }

    .soft-portfolio-content{
        padding:24px;
    }

    .soft-portfolio-project-title{
        font-size:26px;
    }

    .soft-portfolio-btn{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b95b6 *//* Why Choose Us Section */

.soft-why-section{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    padding:120px 24px;
}

.soft-why-container{
    max-width:1320px;
    margin:0 auto;
}

/* Heading */

.soft-why-heading{
    max-width:760px;
    margin-bottom:70px;
}

.soft-why-label{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#FFFFFF;
    border:1px solid #CFD4DA;
    color:#373F4E;
    font-size:13px;
    font-weight:600;
    margin-bottom:24px;
}

.soft-why-title{
    margin:0;
    color:#0A0E15;
    font-size:56px;
    line-height:1.1;
    letter-spacing:-2px;
    font-weight:700;
}

.soft-why-text{
    margin:24px 0 0;
    color:#555C66;
    font-size:18px;
    line-height:1.8;
    max-width:700px;
}

/* Grid */

.soft-why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* Card */

.soft-why-card{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:28px;
    border:1px solid transparent;
    transition:0.35s ease;
}

.soft-why-card:hover{
    transform:translateY(-3px);
}

/* Icon */

.soft-why-icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:18px;
    font-weight:700;
}

/* Content */

.soft-why-content h3{
    margin:0;
    color:#0A0E15;
    font-size:28px;
    line-height:1.2;
    letter-spacing:-1px;
    font-weight:700;
}

.soft-why-content p{
    margin:10px 0 0;
    color:#555C66;
    font-size:15px;
    line-height:1.8;
}

/* Light Color Variants */

.soft-why-card-blue{
    background:#EEF5FF;
    border-color:#D7E7FF;
}

.soft-why-card-blue .soft-why-icon{
    background:#DCEBFF;
    color:#2E6FD8;
}

.soft-why-card-green{
    background:#EEFCEF;
    border-color:#D9F3DB;
}

.soft-why-card-green .soft-why-icon{
    background:#D7F1DA;
    color:#319B48;
}

.soft-why-card-orange{
    background:#FFF5EB;
    border-color:#FFE4C8;
}

.soft-why-card-orange .soft-why-icon{
    background:#FFE4C7;
    color:#D97A18;
}

.soft-why-card-pink{
    background:#FFF0FA;
    border-color:#FFD9F1;
}

.soft-why-card-pink .soft-why-icon{
    background:#FFDDF2;
    color:#C23C96;
}

.soft-why-card-purple{
    background:#F5F0FF;
    border-color:#E7D9FF;
}

.soft-why-card-purple .soft-why-icon{
    background:#E5D9FF;
    color:#7446D8;
}

.soft-why-card-cyan{
    background:#EDF9FA;
    border-color:#D4EEF0;
}

.soft-why-card-cyan .soft-why-icon{
    background:#D8F0F2;
    color:#1B8D9B;
}

/* Responsive */

@media (max-width:1200px){

    .soft-why-title{
        font-size:48px;
    }

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

}

@media (max-width:991px){

    .soft-why-section{
        padding:90px 20px;
    }

    .soft-why-grid{
        grid-template-columns:1fr;
    }

    .soft-why-title{
        font-size:42px;
        letter-spacing:-1px;
    }

}

@media (max-width:767px){

    .soft-why-section{
        padding:70px 16px;
    }

    .soft-why-heading{
        margin-bottom:50px;
    }

    .soft-why-title{
        font-size:34px;
        line-height:1.2;
    }

    .soft-why-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-why-card{
        padding:22px;
        gap:16px;
    }

    .soft-why-icon{
        width:48px;
        height:48px;
        font-size:16px;
    }

    .soft-why-content h3{
        font-size:22px;
    }

    .soft-why-content p{
        font-size:14px;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6378a3 *//* Testimonial Section */

.soft-testimonial-section{
    position:relative;
    overflow:hidden;
    background:#FFFFFF;
    padding:120px 24px;
}

.soft-testimonial-container{
    max-width:1320px;
    margin:0 auto;
}

/* Top Area */

.soft-testimonial-top{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:60px;
    align-items:center;
    padding-bottom:70px;
    border-bottom:1px solid #E2E7EE;
}

/* Rating Summary */

.soft-rating-summary{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.soft-rating-item{
    display:grid;
    grid-template-columns:50px 1fr 60px;
    align-items:center;
    gap:18px;
}

.soft-rating-label{
    color:#0A0E15;
    font-size:15px;
    font-weight:700;
}

.soft-rating-bar{
    position:relative;
    height:8px;
    background:#E7ECF2;
    overflow:hidden;
}

.soft-rating-bar span{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background:#5B4DFF;
}

.soft-rating-count{
    color:#555C66;
    font-size:14px;
    font-weight:600;
}

/* Content */

.soft-testimonial-label{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#F4F6FA;
    border:1px solid #DCE2EA;
    color:#373F4E;
    font-size:13px;
    font-weight:600;
    margin-bottom:24px;
}

.soft-testimonial-title{
    margin:0;
    color:#0A0E15;
    font-size:52px;
    line-height:1.1;
    letter-spacing:-2px;
    font-weight:700;
}

.soft-testimonial-text{
    margin:24px 0 0;
    color:#555C66;
    font-size:18px;
    line-height:1.8;
    max-width:720px;
}

/* Buttons */

.soft-testimonial-buttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:40px;
}

.soft-testimonial-btn{
    height:54px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    border:1px solid transparent;
    transition:0.35s ease;
}

/* Dark Button */

.soft-testimonial-btn-dark{
    background:#0A0E15;
    color:#FFFFFF;
    border-color:#0A0E15;
}

.soft-testimonial-btn-dark:hover{
    background:#212631;
    border-color:#212631;
    color:#FFFFFF;
}

/* Light Button */

.soft-testimonial-btn-light{
    background:#F4F6FA;
    color:#0A0E15;
    border-color:#DCE2EA;
}

.soft-testimonial-btn-light:hover{
    background:#0A0E15;
    border-color:#0A0E15;
    color:#FFFFFF;
}

/* Reviews Heading */

.soft-reviews-heading-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:60px 0 34px;
}

.soft-reviews-heading{
    margin:0;
    color:#0A0E15;
    font-size:38px;
    line-height:1.2;
    letter-spacing:-1px;
    font-weight:700;
}

.soft-reviews-filter{
    color:#555C66;
    font-size:14px;
    font-weight:600;
}

/* Reviews Grid */

.soft-reviews-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

/* Review Card */

.soft-review-card{
    background:#FFFFFF;
    border:1px solid #E2E7EE;
    padding:34px;
    transition:0.35s ease;
}

.soft-review-card:hover{
    border-color:#C7D0DA;
    transform:translateY(-3px);
}

/* Stars */

.soft-review-stars{
    color:#FFB800;
    font-size:22px;
    letter-spacing:4px;
    margin-bottom:28px;
}

/* User */

.soft-review-user{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:26px;
}

/* Avatar */

.soft-review-avatar{
    width:54px;
    height:54px;
    background:#0A0E15;
    color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    flex-shrink:0;
}

/* Meta */

.soft-review-meta h4{
    margin:0;
    color:#0A0E15;
    font-size:18px;
    font-weight:700;
}

.soft-review-meta span{
    display:block;
    margin-top:4px;
    color:#555C66;
    font-size:14px;
}

/* Review Text */

.soft-review-text{
    margin:0;
    color:#555C66;
    font-size:16px;
    line-height:1.9;
}

/* Responsive */

@media (max-width:1200px){

    .soft-testimonial-title{
        font-size:46px;
    }

}

@media (max-width:991px){

    .soft-testimonial-section{
        padding:90px 20px;
    }

    .soft-testimonial-top{
        grid-template-columns:1fr;
        gap:50px;
    }

    .soft-reviews-grid{
        grid-template-columns:1fr;
    }

    .soft-testimonial-title{
        font-size:40px;
        letter-spacing:-1px;
    }

}

@media (max-width:767px){

    .soft-testimonial-section{
        padding:70px 16px;
    }

    .soft-testimonial-top{
        padding-bottom:50px;
    }

    .soft-testimonial-title{
        font-size:34px;
        line-height:1.2;
    }

    .soft-testimonial-text{
        font-size:16px;
        line-height:1.7;
    }

    .soft-testimonial-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .soft-testimonial-btn{
        width:100%;
    }

    .soft-reviews-heading-wrap{
        flex-direction:column;
        align-items:flex-start;
        margin:50px 0 28px;
    }

    .soft-reviews-heading{
        font-size:30px;
    }

    .soft-review-card{
        padding:26px;
    }

    .soft-review-text{
        font-size:15px;
        line-height:1.8;
    }

    .soft-rating-item{
        grid-template-columns:42px 1fr 45px;
        gap:12px;
    }

}/* End custom CSS */