/*-----------------------------------------top header------------------------------*/

:root {
    --phnzo-dark: #07152d;
    --phnzo-text: #13233d;
    --phnzo-muted: #60728c;
    --phnzo-border: #dce6f0;
    --phnzo-green: #00ad78;
    --phnzo-green-light: #effbf6;
    --phnzo-orange: #ff5100;
    --phnzo-orange-light: #ffa84a;
}

.top-header {
    background: #0e8a7d;
    padding: 8px 0;
    color: #fff;
    font-size: 14px;
    background: linear-gradient(to right, #282c3f, #064e3b, #0e8a7d);
}

.support-left {
    gap: 10px;
}

.support-icon {
    font-size: 16px;
}

.support-text {
    margin-right: 5px;
}

.phone-btn {
    background: #ffc107;
    color: #000;
    padding: 0px 14px;
    border-radius: 30px;
    font-weight: 500;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
}

    .phone-btn:hover {
        background: #ffb700;
        color: #000;
    }

.divider {
    width: 1px;
    height: 20px;
    background: #cdcdcd;
    margin-left: 15px;
}

.top-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}

    .top-menu li {
        position: relative;
    }

        .top-menu li a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .top-menu li:not(:last-child)::after {
            content: "";
            position: absolute;
            right: -13px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 14px;
            background: #5ed9ba;
        }

        .top-menu li a:hover {
            text-decoration: underline;
        }


.header-bottom {
    border-top: 1px solid #d3d6db;
    border-bottom: 1px solid #ededed;
}
/*------------------------------------------end-----------------------------------*/


/*----------------------------------------main slider---------------------------*/

.main-slider {
    position: relative;
    padding: 0px 0px;
}

.tf-slideshow,
.tf-slideshow .swiper,
.tf-slideshow .swiper-slide {
    border-radius: 0px;
    overflow: hidden;
}

.wrap-slider {
    border-radius: 0px;
    overflow: hidden;
}

    .wrap-slider img {
        width: 100%;
        display: block;
    }



.pagination-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -78px; /* overlap slider */
    z-index: 1;
}

.curve-bg {
    width: 420px;
    display: block;
}

.sw-dots {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #cfd3d6;
}

    .dot.active {
        width: 50px;
        border-radius: 10px;
        background: #147a6c;
    }


/*---------------------------------------------end------------------------------*/


/*-------------------------------------------old device-------------------------*/
.old-device {
    position: relative;
    padding: 40px 0px 0px;
    overflow: hidden;
}

.category-card {
    background: #ffffff29;
    border-radius: 12px;
    padding: 14px 14px 14px;
    display: flex;
    a align-items: center;
    gap: 15px;
    border: 1px solid #cee7e3;
    transition: all .25s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
    align-items: center;
    text-align: center;
    min-height: 165px;
    flex-direction: column;
    justify-content: center;
}

    .category-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }

    .category-card img {
        width: 70px;
        margin-bottom: 6px;
    }

.category-title {
    font-size: 15px;
    font-weight: 600;
    color: #070707;
}

.sell-product {
    padding: 5px;
    position: relative;
    /* z-index: -1; */
    overflow: hidden;
}

    .sell-product:before {
        background: #02957e0f;
        bottom: -43px;
        right: -57px;
        /* z-index: -1; */
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        content: "";
        width: 130px;
        height: 130px;
        position: absolute;
    }

/*.category-card:before {
    background: #ff792217;
    bottom: -43px;
    right: -57px;
     z-index: -1; 
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    content: "";
    width: 130px;
    height: 130px;
    position: absolute;
}*/
/*.sell-product img{
    width:120px;
    height:auto;
}*/

.old-device a {
    display: block;
}
/*-------------------------------------------end--------------------------------*/


/*------------------------------------------brands-------------------------------*/
.our-brands {
    position: relative;
    padding: 60px 0px 0px;
}

.m-announcement-bar__content {
    text-transform: uppercase;
    background: #0e8a7d;
}

.m-announcement-bar__content {
    font-size: 13px;
    line-height: 1;
    padding: 10px 0px 10px;
}

    .m-announcement-bar__content marquee > div {
        display: flex;
        align-items: center;
        gap: 20px;
        color: #fff;
    }

        .m-announcement-bar__content marquee > div img {
            width: 90px;
            height: auto;
        }

/*------------------------------------------end---------------------------------*/


/*----------------------------------------hot deal------------------------------*/
.hot-deal {
    position: relative;
    padding: 60px 0px 0px;
}

.offer-card {
    border-radius: 16px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 170px;
}

.buyback {
    background: linear-gradient(135deg,#f7c7c7,#e7a6a6);
}

.exchange {
    background: linear-gradient(135deg,#bfe3dd,#9dd0c9);
}

.refurbished {
    background: linear-gradient(135deg,#c6c4e4,#aeb0d8);
}

.repair {
    background: linear-gradient(135deg,#f2e5b5,#e8d47d);
}

.offer-title {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
}

.arrow-btn {
    margin-top: 15px;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #666;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.offer-img {
    height: 130px;
    object-fit: contain;
}


.faq {
    position: relative;
    padding: 60px 0px;
    background-color: #f6f6f6;
}

.bg-dark-green {
    background-color: #664492;
}

.testimonial {
    position: relative;
    padding: 80px 0px;
}

.testimonial-quote {
    margin-bottom: 15px;
}

    .testimonial-quote img {
        width: 50px;
        height: auto;
    }

.footer-logo a img {
    width: 190px;
    height: auto;
}


.super-sale {
    position: relative;
    padding: 60px 0px 0px;
}



.whatsapp {
    display: inline-block;
    position: fixed;
    right: 32px;
    bottom: 150px;
    background: limegreen;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 66px;
    z-index: 99999999999;
    animation: ripple-out 1.5s ease-in-out infinite;
}

    .whatsapp i {
        font-size: 32px;
    }

@keyframes ripple-out {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    100% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.top-bar {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 12px 20px;
    background: #f5f5f5;
}

.login {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
}

    .login i {
        font-size: 18px;
        color: #464444;
        height: 30px;
        width: 30px;
        border: 1px solid #464444;
        border-radius: 50%;
        text-align: center;
        line-height: 28px;
    }

.download-btn {
    background: #0e8a7d;
    color: #fff;
    border: none;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

    .download-btn:hover {
        background: #ffc107;
        color: #000000;
    }


.refer-bar {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-end;
}

.refer-dot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}

.refer-text {
    letter-spacing: 0.3px;
}

.refer-link {
    color: #38efb2;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 500;
}

    .refer-link:hover {
        text-decoration: underline;
    }
/*------------------------------------------end---------------------------------*/

/*------------------------------------------trust section-----------------------*/
.trust-section {
    background: #f7f7f7;
    padding: 60px 0px 0px;
}

.trust-heading h2 {
    font-size: 36px;
    font-weight: 700;
    color: #222;
}

.heading-section-2 h4 span {
    color: #613b95;
}

.trust-heading p {
    margin-top: 10px;
    color: #6c757d;
}

.trust-row {
    margin-top: 50px;
}

.trust-box {
    padding: 20px;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.trust-icon {
    position: relative;
    font-size: 38px;
    color: #222;
    margin-bottom: 20px;
}

    .trust-icon .check {
        position: absolute;
        bottom: -5px;
        right: -8px;
        background: #1ea672;
        color: #fff;
        font-size: 10px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.trust-box h6 {
    font-size: 18px;
    line-height: 26px;
    color: #333;
}

.fill-emerald-500 {
    fill: #0e8a7d;
}

.heading-section-2 p {
    margin-top: 10px;
}
/*-----------------------------------------end----------------------------------*/



/*---------------------------------------login---------------------------------*/

.login {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0px;
}

.login-offcanvas {
    width: 420px;
    padding: 20px;
}

.login-title {
    font-size: 26px;
    font-weight: 600;
}

.login-sub {
    margin-top: 20px;
    color: #666;
}

.login-input {
    height: 55px;
    margin-top: 10px;
    border-radius: 4px;
}

.otp-text {
    margin-top: 15px;
    color: #6c757d;
    font-size: 14px;
}

.login-btn {
    width: 100%;
    background: #0e8a7d;
    border: none;
    color: #fff;
    height: 50px;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
}

.terms-text {
    margin-top: 20px;
    font-size: 13px;
    color: #6c757d;
    line-height: 22px;
}

    .terms-text a {
        color: #1fa34a;
        text-decoration: none;
    }

.secure {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #6c757d;
}

    .secure i {
        color: #f4a300;
    }

.mobile-details {
    position: relative;
    padding: 60px 0px;
}



.thumbs-prev {
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}



.thumbs-next {
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}


.thumbs-prev {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.thumbs-next {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}


@media (min-width: 768px) {
    .thumbs-prev {
        top: 5px;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
    }

    .thumbs-next {
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
    }
}

@media (max-width: 767px) {
    .thumbs-prev {
        top: 50%;
        left: 5px;
        transform: translateY(-50%) rotate(-90deg);
    }

    .thumbs-next {
        top: 50%;
        right: -9px;
        transform: translateY(-50%) rotate(-90deg);
        left: auto;
    }
}

/*--------------------------------------end------------------------------------*/


/*----------------------------------mobile deatil-------------------------------*/
.storage-box {
    border: 2px solid #603a95;
    border-radius: 12px;
    padding: 25px;
    background: #fff;
}

.storage-title {
    font-weight: 600;
    margin-bottom: 20px;
}

.storage-option {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 15px 15px;
    cursor: pointer;
    background: #fafafa;
    transition: 0.3s;
}

    .storage-option:hover {
        border-color: #603a95;
    }

    .storage-option input {
        width: 18px;
        height: 18px;
        color: #603a95;
        background: #603a95;
    }

    .storage-option span {
        font-weight: 500;
    }

.tf-product-media-thumbs {
    width: 80px;
    flex-shrink: 0;
    max-height: 687px;
}

.value-button {
    position: relative;
    padding-top: 20px;
}

.value-btn {
    background: #603a95;
    color: #fff;
    border: none;
    padding: 14px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: 0.3s;
}

    .value-btn:hover {
        background: #603a95;
        color: #fff;
    }

    .value-btn .arrow {
        font-size: 20px;
    }


/*---------------------------------------end-----------------------------------*/



/*--------------------------------------get extract value-----------------------*/

.get-extract-value {
    position: relative;
    padding: 60px 0px;
}

.main-box {
    background: white;
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}


.heading {
    font-size: 25px;
    font-weight: 600;
    line-height: 50px;
    color: #1d2e4a;
}

    .heading span {
        color: #1d2e4a;
    }


.question {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: center;
    flex-wrap: wrap;
}

    .question h6 {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 6px;
    }

    .question p {
        font-size: 13px;
        color: #777;
    }


.option-group {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    margin-left: auto;
}

.option-box {
    border: 1px solid #243958;
    border-radius: 14px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    background-color: #ffffff;
    color: #1d2e4a;
    min-width: 140px;
    height: 42px;
}

    .option-box input {
        accent-color: #63388c;
        height: 20px;
        width: 20px;
        font-size: 14px;
    }


.continue-btn {
    background: #613b96;
    border: none;
    padding: 12px 35px;
    border-radius: 6px;
    color: white;
    font-weight: 500;
    margin-top: 30px;
}

    .continue-btn:hover {
        background: #613b96;
        color: #fff;
    }


.device-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}

.device-title {
    font-weight: 600;
    margin-left: 10px;
}

.device-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .device-header img {
        width: 40px;
    }

.section-title {
    border-left: 3px solid #613b95;
    padding-left: 10px;
    font-weight: 600;
    padding: 10px 8px;
    margin-bottom: 10px;
}

.device-card ul {
    padding-left: 18px;
    font-size: 14px;
    margin-top: 6px;
}

.device-card li {
    margin-bottom: 6px;
    list-style: disc;
}




.defect-section {
    position: relative;
    padding: 60px 0px;
}

.defect-wrapper {
    background: #ffffff;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}


.defect-title {
    font-size: 28px;
    font-weight: 600;
}

.defect-sub {
    color: #666;
    margin-bottom: 30px;
}


.defect-card {
    background: #fff;
    border-radius: 12px;
    /* padding: 0px 0px; */
    /* text-align:center; */
    border: 1.5px solid #263d5c;
    transition: 0.3s;
    cursor: pointer;
    height: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}

    .defect-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    }

    .defect-card.active {
        border: 2px solid #ff8a1c;
        background: #fff7f0;
    }


.defect-icon {
    font-size: 50px;
    /* margin-bottom:15px; */
    color: #555;
}

    .defect-icon img {
        width: 160px;
        height: auto;
    }

.defect-text {
    font-size: 18px;
    color: #202d3e;
}

.btn-back {
    background: #953b8a;
    color: #fff;
    padding: 10px 28px;
    border-radius: 6px;
}


    .btn-back:hover {
        background: #613c96;
        color: #fff;
    }

.btn-continue {
    background: #613c96;
    color: white;
    padding: 10px 35px;
    border-radius: 6px;
}

    .btn-continue:hover {
        background: #953b8a;
        color: #fff;
    }


.action-buttons {
    margin-top: 30px;
}


@media (max-width:768px) {

    .defect-title {
        font-size: 26px;
    }

    .defect-wrapper {
        padding: 25px 15px;
    }
}

.physical-problem {
    background: #f7f7f7;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}

.fllowing {
    background: #f7f7f7;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}

.mobile-age {
    background: #f7f7f7;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 19%);
    border: 1px solid #ddd;
}

.option-card {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #ddd;
    padding: 16px 20px;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
    transition: 0.3s;
}

    .option-card:hover {
        border-color: #bbb;
    }

    .option-card input {
        width: 18px;
        height: 18px;
        accent-color: #0e8a7d;
    }

    .option-card span {
        font-size: 16px;
        font-weight: 500;
    }

/*--------------------------------------end-----------------------------------*/


/*-------------------------------------my account-----------------------------*/
.my-account {
    position: relative;
    padding: 60px 0px 0px;
}


.my-account-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .my-account-nav li {
        margin-bottom: 10px;
    }

.my-account-nav-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #f8f9fa00;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
}

    .my-account-nav-item i {
        font-size: 18px;
    }

    .my-account-nav-item:hover {
        background: #f5efff;
        color: #603b95;
        border-color: #9e80ca;
    }

    .my-account-nav-item.active {
        background: #f5efff;
        color: #603b95;
        border-color: #9e80ca;
    }

    .my-account-nav-item svg {
        width: 20px;
        height: 20px;
    }

.my-account-nav li:last-child .my-account-nav-item {
    /* background:#fff5f5; */
    color: #d33;
}

@media(max-width:991px) {

    .sidebar-account {
        margin-bottom: 20px;
    }
}

.tab-content {
    width: 100%;
}

.sell-section {
    background: #f7f1ff;
    padding: 16px 0;
    border-radius: 10px;
    border: 1px solid #b59ada;
}

.table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

    .table thead {
        background: linear-gradient(90deg,#1c2127,#2f343a);
    }

        .table thead th {
            color: #ffffff;
            padding: 8px 15px;
            font-size: 17px;
            text-align: left;
            font-weight: 600;
            background-color: #613c96;
        }

    .table td {
        padding: 12px 10px;
        font-size: 14px;
    }

.table-bordered th,
.table-bordered td {
    border: 1px solid #7952b0;
}

.table-striped tbody tr:nth-child(odd) {
    background: #fafafa;
}


.table-hover tbody tr:hover {
    background: #f1f1f1;
}


.sell-section .sell-btn {
    background: #df9401;
    color: #ffffff;
    border: none;
    padding: 5px 18px;
    border-radius: 20px;
    margin-bottom: 15px;
}


.checkout-btn {
    background: #603a94;
    border: none;
    color: #fff;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

    .checkout-btn:hover {
        background: #953b8a;
        color: #fff;
    }




.saved-payment-section {
    background: #fff;
}


.sp-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sp-row {
    border-top: 1px solid #ddd;
    padding: 18px 0;
}

    .sp-row:last-child {
        border-bottom: 1px solid #e5e5e5;
    }

.sp-name {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.sp-add {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-color: #613c96;
    padding: 5px 18px;
    border-radius: 30px;
}

    .sp-add i {
        font-size: 13px;
    }

    .sp-add:hover {
        text-decoration: underline;
    }






.sp-add-btn {
    background: #00a884;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
}

.bank-modal .modal-content {
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
}


.bank-modal .modal-header {
    border-bottom: 1px solid #eee;
}

.bank-modal .modal-title {
    font-weight: 600;
}


.bank-modal .form-group {
    margin-bottom: 18px;
}

.bank-modal .form-control {
    border: none;
    border: 1px solid #ddd;
    border-radius: 4px; /* padding-left:0; */
    font-size: 15px;
}

    .bank-modal .form-control:focus {
        box-shadow: none;
        border-color: #00a884;
    }


.custom-check {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}

    .custom-check .form-check-input {
        border: 2px solid #613c96;
    }


.secure-text {
    background: #f3f3f3;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 15px;
    color: #555;
}

    .secure-text i {
        color: #f5a623;
        margin-right: 5px;
    }


.add-account-btn {
    width: 100%;
    background: #613c96;
    border: none;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    font-weight: 500;
}



.saved-address-section {
    background: #f7f3fd;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #af94d5;
}

.address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .address-header h5 {
        font-weight: 600;
        color: #222;
    }

.add-new-btn {
    background: #613c96;
    border: 1px solid #eee;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

    .add-new-btn:hover {
        background: #953b8a;
        color: #fff;
    }

.address-card {
    background: #fff;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 15%);
    border: 1px solid #ddd;
}


.address-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .address-title i {
        color: #953b8a;
        font-size: 18px;
    }


.address-text {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 12px;
}


.address-actions a {
    font-size: 15px;
    margin-right: 12px;
    text-decoration: none;
    font-weight: 600;
}

.address-actions .edit {
    color: #ff4d4d;
}

.address-actions .delete {
    color: #ff4d4d;
}






.address-modal .modal-content {
    border-radius: 8px;
    border: none;
    padding: 10px;
}

.address-modal .modal-header {
    border-bottom: 1px solid #eee;
}

.address-modal .modal-title {
    font-weight: 600;
}


.address-modal .form-group {
    margin-bottom: 14px;
}

.address-modal .form-control {
    height: 44px;
    border-radius: 0;
    border: 1px solid #dcdcdc;
    font-size: 14px;
}

    .address-modal .form-control:focus {
        box-shadow: none;
        border-color: #ff6a00;
    }


.address-modal .alt-label {
    font-size: 13px;
    margin-bottom: 6px;
    display: block;
}

.address-modal .save-as {
    margin-top: 10px;
}

    .address-modal .save-as label {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 6px;
    }

.address-modal .save-options {
    display: flex;
    gap: 18px;
    margin-top: 5px;
}

.address-modal .radio-box {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}


.address-modal .continue-btn {
    width: 100%;
    border: none;
    margin-top: 20px;
    /* height: 44px; */
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    background: #613c96;
    text-align: center;
    display: inline-block;
}



.dropdown-menu {
    min-width: 200px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    top: 40px;
}

.dropdown-item {
    padding: 10px 15px;
}
/*
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}*/

.dropdown-item.active, .dropdown-item:active {
    background-color: #613c96;
}
/*---------------------------------------end---------------------------------*/


/*-------------------------------------cart product---------------------------*/
.cart-product {
    position: relative;
    padding: 60px 0px;
}

.product-card {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.cart-product .price-card {
    border-radius: 12px;
    border: none;
    box-shadow: 0px 11px 43px rgb(0 0 0 /18%);
    border: 1px solid #ddd;
    background-color: #ffffff;
}

.cart-product .product-img {
    max-height: 165px;
}

.cart-product .price {
    color: #ff3b2f;
    font-weight: 700;
    font-size: 30px;
}

.cart-product .p-heading {
    font-size: 36px;
    font-weight: 700;
}

.cart-product .features-box {
    border: 1px solid #c3aee1;
    border-radius: 10px;
    padding: 18px;
    background: #f8f2ff;
    font-size: 16px;
    font-weight: 500;
    color: #613c96;
}

.cart-product .summary-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}

    .cart-product .summary-item:last-child {
        border: none;
    }


.cart-product .price-card .form-control {
    background: transparent;
    border: 1px solid #aa90d0;
    color: #613c96 !important;
}

.cart-product .total {
    font-weight: 700;
    font-size: 18px;
    background-color: #0e8a7d00;
    color: #613c96;
    padding: 14px 10px;
    border-radius: 4px;
}

.cart-product .apply-btn {
    background: #953b8a;
    /* border: none; */
    color: #fff;
}

.cart-product .sell-btn {
    background: #613c96;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 12px;
    padding: 5px 18px;
}

/*---------------------------------------end----------------------------------*/


/*--------------------------------------product summary-----------------------*/

.product-summary {
    position: relative;
    padding: 60px 0px;
}

    .product-summary .profile-title {
        margin-bottom: 20px;
    }


    .product-summary .profile-card {
        background: #f8f2ff;
        border: 1px solid #a989d7;
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 20px;
    }

    .product-summary .btn-add {
        background: #953b8a;
        border: none;
        color: #fff;
        padding: 10px 18px;
        border-radius: 5px;
        cursor: pointer;
    }

    .product-summary .pickup-row {
        display: flex;
        gap: 15px;
    }

    .product-summary .input-field {
        width: 100%;
        padding: 10px;
        border: 1px solid #9c85bd;
        border-radius: 5px;
        background: transparent;
    }

    .product-summary .summary-card {
        border-radius: 12px;
        border: none;
        box-shadow: 0px 11px 43px rgb(0 0 0 / 18%);
        border: 1px solid #ddd;
        background-color: #ffffff;
        padding: 25px;
    }

    .product-summary .product-box {
        display: flex;
        align-items: center;
        gap: 15px;
        background: #f8f3ff;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 20px;
        border: 1px solid #9671ca;
    }

        .product-summary .product-box img {
            width: 55px;
        }

    .product-summary .summary-title {
        margin-bottom: 10px;
    }

    .product-summary .summary-item {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #0e8a7d54;
    }

    .product-summary .total {
        font-weight: bold;
        font-size: 18px;
        border: none;
    }

    .product-summary .green {
        color: green;
    }

    .product-summary .btn-continue {
        width: 100%;
        margin-top: 20px;
        background: #613c96;
        border: none;
        color: #fff;
        padding: 12px;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 600;
        display: inline-block;
        text-align: center;
    }


/*---------------------------------------end---------------------------------*/



/*--------------------------------------thank you----------------------------*/

.thank-you {
    position: relative;
    padding: 60px 0px;
}

.success-circle {
    width: 80px;
    height: 80px;
    border: 3px solid #198754;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 28px;
    color: #198754;
}

.order-title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 20px;
}

.order-subtitle {
    color: #777;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 10px;
}

.btn-home {
    border: 1px solid #613c96;
    color: #613c96;
    background: transparent;
    padding: 8px 25px;
    border-radius: 5px;
    transition: 0.3s;
    display: inline-block;
    font-weight: 600;
}

    .btn-home:hover {
        background: #613c96;
        color: #fff;
    }

.order-details-box {
    background: #ffffff17;
    border-radius: 10px;
    padding: 30px;
    /* margin-top: 40px; */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #7455a070;
}

.order-details-title {
    font-weight: 600;
    margin-bottom: 20px;
}

.order-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #613c964a;
}

    .order-row:last-child {
        border-bottom: none;
    }

.order-label {
    color: #000000;
}

.order-value {
    font-weight: 500;
    color: #000000;
}

.order-features {
    margin-top: 33px;
    background: #f6efff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #613c9659;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #613c96;
    color: #ffffff;
}



.success-animation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.checkmark {
    width: 90px;
    height: 90px;
    stroke: #28a745;
    stroke-width: 3px;
    overflow: visible;
}

checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke: #28a745;
    animation: stroke 0.6s ease forwards;
}

.checkmark-check {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke: #28a745;
    stroke-width: 4;
    animation: stroke 0.4s ease 0.6s forwards;
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0;
    }
}


/*--------------------------------------end----------------------------------*/

/*--------------------------------------about us----------------------------*/
.about-hero {
    background: linear-gradient(135deg, #603b96, #ae9bc9);
    padding: 60px 0px 130px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

    .about-hero .hero-breadcrumb {
        letter-spacing: 4px;
        font-size: 12px;
        text-transform: uppercase;
        opacity: 0.8;
        margin-bottom: 10px;
    }

    .about-hero .hero-title {
        font-size: 48px;
        font-weight: 600;
        line-height: 55px;
        margin-bottom: 16px;
        color: #fff;
    }

    .about-hero .hero-subtitle {
        max-width: 700px;
        margin: auto;
        font-size: 18px;
        opacity: 0.9;
        margin-bottom: 30px;
    }


    .about-hero .hero-buttons {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }

    .about-hero .hero-btn-primary {
        background: #fff;
        color: #6b499d;
        padding: 12px 28px;
        border-radius: 30px;
        font-weight: 600;
    }

    .about-hero .hero-btn-outline {
        border: 1px solid #fff;
        color: #fff;
        padding: 12px 28px;
        border-radius: 30px;
        font-weight: 500;
    }

        .about-hero .hero-btn-outline:hover {
            background: #fff;
            color: #67449b;
        }

    .about-hero .hero-stats {
        max-width: 1000px;
        margin: auto;
    }

    .about-hero .stat-box {
        background: rgba(255,255,255,0.12);
        padding: 10px 20px;
        border-radius: 16px;
        backdrop-filter: blur(10px);
        transition: 0.3s;
    }

        .about-hero .stat-box:hover {
            transform: translateY(-5px);
            background: rgba(255,255,255,0.18);
        }

        .about-hero .stat-box h3 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 5px;
            color: #fff;
        }

        .about-hero .stat-box p {
            font-size: 12px;
            /* letter-spacing: 1px; */
            opacity: 0.9;
            margin: 0;
        }

    .about-hero .hero-bottom-curve {
        position: absolute;
        bottom: -60px;
        left: 0;
        width: 100%;
        height: 120px;
        background: #f3f3f3;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }









.features-section {
    position: relative;
    padding: 60px 0px 0px;
}

.vision-mission {
    position: relative;
    padding: 60px 0px 0px;
}


.promise-section {
    position: relative;
    padding: 60px 0px;
}


.features-section, .vision-mission, promise-section .section-heading h2 {
    font-weight: 700;
    font-size: 34px;
    margin-top: 10px;
}

.features-section, .vision-mission, promise-section .section-heading p {
    color: #6b7280;
    margin: auto;
}

.features-section, .vision-mission, promise-section .sub-title {
    font-size: 16px;
    color: #5f3993;
    font-weight: 600;
}

.section-heading h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 10px 0px;
}
/* feature cards */

.feature-card {
    background: #ffffff29;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 17%);
    transition: .3s;
    border: 1px solid #603b95;
}

    .feature-card:hover {
        transform: translateY(-5px);
    }

    .feature-card .icon {
        width: 60px;
        height: 60px;
        background: #603b95;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        margin-bottom: 15px;
    }

        .feature-card .icon i {
            color: #fff;
            font-size: 25px;
        }

    .feature-card h5 {
        font-weight: 600;
        margin-bottom: 10px;
        color: #5f3993;
    }

    .feature-card p {
        color: #6b7280;
        font-size: 14px;
    }


/* vision mission */

.vision-mission {
    background: #f5f7f9;
}

.vm-card {
    background: linear-gradient(135deg, #5f3993, #9368cd);
    color: white;
    padding: 40px;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    min-height: 328px;
}

    .vm-card .icon {
        font-size: 22px;
        background: rgba(255,255,255,0.2);
        width: 45px;
        height: 45px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .vm-card h4 {
        font-weight: 700;
        color: #fff;
    }

    .vm-card p {
        opacity: 0.9;
        font-size: 15px;
        margin-top: 10px;
    }

.tag {
    display: inline-block;
    margin-top: 15px;
    background: rgba(255,255,255,0.2);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
}


/* promise cards */

.promise-card {
    background: #ffffff29;
    padding: 25px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 5px 20px rgb(0 0 0 / 17%);
    transition: .3s;
    border: 1px solid #5f3993;
}

    .promise-card:hover {
        transform: translateY(-5px);
    }

    .promise-card .icon {
        background: #5f3993;
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px;
        font-size: 18px;
    }

        .promise-card .icon i {
            color: #fff;
        }

    .promise-card h6 {
        font-weight: 600;
        color: #5f3993;
    }

    .promise-card p {
        font-size: 14px;
        color: #6b7280;
    }


/*--------------------------------------end---------------------------------*/

/*--------------------------------------contact us---------------------------*/
.contact-us {
    position: relative;
    padding: 60px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #1987544f;
    padding-bottom: 20px;
}

    .info-item i {
        font-size: 20px;
        color: #ffffff;
        width: 50px;
        height: 50px;
        background-color: #603b95;
        text-align: center;
        line-height: 50px;
        border-radius: 50%;
        flex: none;
    }

.text-title {
    font-weight: 600;
}

.text-secondary {
    margin: 0;
    color: #666;
}


/*---------------------------------------end---------------------------------*/

/*--------------------------------------terms condition----------------------*/


.Terms-conditions {
    position: relative;
    padding: 60px 0px;
}

.terms-of-use-content {
    line-height: 1.7;
    font-size: 15px;
    color: #555;
}

.terms-box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eee;
}


.terms-list li {
    margin-bottom: 20px;
}


.terms-list strong {
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 6px;
}


.terms-list p {
    margin-bottom: 10px;
}


.terms-list ul {
    padding-left: 20px;
    margin-top: 8px;
}

    .terms-list ul li {
        list-style: disc;
        margin-bottom: 6px;
    }

.terms-footer {
    margin-top: 20px;
    font-weight: 600;
    color: #333;
}


.terms-box a {
    color: #12a561;
    text-decoration: none;
}

    .terms-box a:hover {
        text-decoration: underline;
    }


@media (max-width:768px) {

    .terms-box {
        padding: 20px;
    }

    .terms-list strong {
        font-size: 15px;
    }
}



.terms-of-use-item {
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.terms-of-use-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}

.terms-of-use-content li,
.terms-of-use-content ol,
.terms-of-use-content ul {
    font-size: 14px;
    line-height: 1.7;
    color: #0d0d0d;
    margin-bottom: 8px;
    list-style: auto;
    padding-left: 15px;
}

.terms-of-use-content a {
    color: #0e8a7d;
    text-decoration: none;
}

    .terms-of-use-content a:hover {
        text-decoration: underline;
    }

.faq-item {
    margin-bottom: 20px;
    border-left: 3px solid #0e8a7d;
    padding-left: 12px;
}

    .faq-item h6 {
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        color: #111;
        margin-bottom: 8px;
    }

    .faq-item ul,
    .faq-item ol {
        margin-left: 18px;
        padding-left: 0;
    }

        .faq-item ul li,
        .faq-item ol li {
            margin-bottom: 6px;
        }


    .faq-item p,
    .faq-item ul,
    .faq-item ol {
        max-height: 2000px;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .faq-item h6:hover {
        color: #0e8a7d;
    }

.terms-of-use-content p:last-child {
    margin-bottom: 0;
}
/*--------------------------------------end----------------------------------*/



/*-----------------------------------search filter--------------------------*/

.filter-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
}

    .filter-wrapper .form-select {
        width: 300px;
        border: 1px solid #0b5dd0;
    }

.clear-btn {
    background: #0e8a7d;
    border: none;
    color: #fff;
    padding: 7px 7px;
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

    .clear-btn:hover {
        background: #0b5dd0;
        color: #fff;
    }



.fixed-top {
    position: fixed;
    top: 0 !important;
    right: 0;
    left: 0;
    z-index: 1030;
}
/*-----------------------------------end-----------------------------------*/

@media (min-width: 1200px) and (max-width: 1399.8px) {
    .header-style-5 .wrapper-header-left .form-search-select; {
        margin-left: 20px;
    }

    .top-header {
        padding: 6px 0;
        font-size: 12px;
    }

    .top-menu li a {
        font-size: 12px;
    }

    .category-card img {
        width: 85px;
    }

    .category-title {
        font-size: 13px;
        line-height: 20px;
    }

    .category-card {
        gap: 5px;
        align-items: center;
    }

    .top-bar {
        padding: 12px 10px;
    }
}


@media (max-width: 767px) {
    .support-left {
        justify-content: center;
    }

    .copy-right {
        text-align: center;
    }

    footer .footer-bottom-wrap {
        justify-content: center;
    }

    .download-btn {
        display: none;
    }

    .header-style-5 .main-header .wrapper-header {
        border-bottom: 1px solid #ddd;
    }

    .our-brands {
        padding: 40px 0px 0px;
    }

    .hot-deal {
        padding: 40px 0px 0px;
    }

    .trust-section {
        padding: 40px 0px 0px;
    }

    .faq {
        padding: 40px 0px;
    }

    .super-sale {
        padding: 40px 0px 0px;
    }

    .old-device {
        padding: 40px 0px 0px;
    }

    .about-hero .hero-title {
        font-size: 32px;
        line-height: 45px;
    }

    .about-hero .stat-box {
        padding: 10px 10px;
    }

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

    .promise-section {
        padding: 40px 0px;
    }

    .trust-row {
        margin-top: 20px;
    }

    .question {
        flex-wrap: wrap;
    }

    .cart-product .p-heading {
        font-size: 26px;
        font-weight: 600;
    }

    .cart-product {
        padding: 40px 0px 0px;
    }

    .product-summary {
        padding: 40px 0px;
    }

    .order-features {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .contact-us {
        padding: 0px;
    }

    .contact-us-content {
        padding: 15px;
    }

    form .cols {
        flex-wrap: wrap;
    }

    textarea {
        height: 110px;
    }

    .contact-us-content .right {
        border-left: 0px solid #ddd;
        padding-left: 0px;
    }

    .my-account-wrap {
        flex-wrap: wrap;
    }

        .my-account-wrap .wrap-sidebar-account {
            width: 100%;
        }

    .checkout-btn {
        white-space: nowrap;
    }

    .sp-add {
        padding: 5px 16px;
    }

    .Terms-conditions {
        padding: 40px 0px 0px;
    }

    .heading {
        font-size: 22px;
        line-height: 30px;
    }

    .top-bar {
        padding: 12px 0px;
    }
}



/*-----------------------------------------------------phnzo hero-----------------------------------------------*/

.phnzo-hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 50px 0 30px;
    /* background: linear-gradient(175deg,#fff 35%,#b7dbad); */
}

/*.phnzo-hero-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -250px;
    bottom: -300px;
    border-radius: 50%;
    background: rgba(110, 242, 212, 0.12);
    filter: blur(70px);
    pointer-events: none;
}*/

.phnzo-hero-container {
    position: relative;
    z-index: 2;
}


.phnzo-hero-content {
    padding-right: 0px;
}

.phnzo-location-badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 6px 18px;
    margin-bottom: 20px;
    border: 1px solid #63388c;
    border-radius: 50px;
    /* background: rgb(99 56 140); */
    color: #63388c;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 120, 80, 0.05);
}

.phnzo-status-dot {
    width: 9px;
    height: 9px;
    display: inline-block;
    flex-shrink: 0;
    border-radius: 50%;
    background: #63388c;
}

.phnzo-hero-title {
    margin: 0;
    color: #071126;
    font-size: clamp(44px, 50px, 68px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -2.8px;
}

    .phnzo-hero-title span {
        position: relative;
        z-index: 1;
    }


/*.phnzo-hero-title span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 13px;
    background: #b8f5db;
    z-index: -1;
}*/

.phnzo-hero-description {
    max-width: 600px;
    margin: 20px 0 20px;
    color: #575858;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 500;
}


.phnzo-hero-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}


.phnzo-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 70px;
    border-radius: 15px;
    background: #4dbf27;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    /* width: 100%; */
    /* margin-bottom: 15px; */
}


    .phnzo-primary-btn:hover {
        background: #58c831;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 12px 25px rgba(8, 168, 117, 0.18);
    }


.phnzo-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    padding: 0 34px;
    border: 1px solid #dddddd;
    border-radius: 15px;
    background: #ffffff;
    color: #63388c;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}


    .phnzo-secondary-btn:hover {
        border-color: #08a875;
        color: #078d64;
        background: #f7fffc;
    }


.phnzo-feature-list {
    display: flex;
    align-items: center;
    gap: 11px;
    /* margin-top: 30px; */
    flex-wrap: wrap;
}


.phnzo-feature-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 33px;
    padding: 4px 10px;
    border: 1px solid #d8e2ed;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.92);
    color: #333;
    font-size: 14px;
    font-weight: 600;
}


.phnzo-check {
    color: #00a875;
    font-size: 17px;
    font-weight: 800;
}

.phnzo-estimate-card {
    position: relative;
    margin-left: auto;
    max-width: 575px;
    padding: 30px 30px 30px;
    border: 1px solid #c2c2c2;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 25px 55px rgba(24, 58, 87, 0.10), 0 5px 15px rgba(24, 58, 87, 0.04);
}

.phnzo-estimate-label {
    margin-bottom: 16px;
    color: #aaabab;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.phnzo-phone-name {
    margin: 0 0 15px;
    color: #071126;
    font-size: 20px;
    font-weight: 800;
}

.phnzo-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    color: #505050;
    font-size: 18px;
    font-weight: 500;
}


    .phnzo-price-row strong {
        color: #52708e;
        font-weight: 500;
    }


.phnzo-green-text {
    color: #009e6d !important;
}

.phnzo-price-divider {
    width: 100%;
    height: .5px;
    margin: 14px 0 13px;
    background: #28a748;
}

.phnzo-final-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #071126;
    font-size: 18px;
    font-weight: 700;
}


    .phnzo-final-price strong {
        color: #071126;
        font-size: 20px;
    }

.phnzo-value-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 36px;
    color: #008d65;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 7px 20px;
    border: 1px solid #29ad4a;
    border-radius: 40px;
    display: inline-block;
    line-height: 28px;
}


    .phnzo-value-link span {
        font-size: 24px;
        line-height: 1;
        transition: transform 0.3s ease;
    }


    .phnzo-value-link:hover {
        color: #006f50;
    }


        .phnzo-value-link:hover span {
            transform: translateX(5px);
        }


@media (min-width: 1400px) {

    .phnzo-hero-section {
        padding-top: 60px;
        /* padding-bottom: 60px; */
    }

    .phnzo-hero-container {
        max-width: 1432px;
    }

    .phnzo-hero-content {
        padding-left: 0px;
    }
}


@media (max-width: 991px) {

    .phnzo-hero-section {
        padding: 70px 0 80px;
    }

    .phnzo-hero-content {
        padding-right: 0;
        margin-bottom: 55px;
    }

    .phnzo-hero-title {
        font-size: 52px;
    }

    .phnzo-estimate-card {
        margin: 0 auto;
    }
}


@media (max-width: 767px) {

    .phnzo-hero-section {
        padding: 50px 0 60px;
    }

    .phnzo-hero-content {
        margin-bottom: 40px;
    }

    .phnzo-location-badge {
        margin-bottom: 24px;
        font-size: 13px;
        padding: 7px 14px;
    }

    .phnzo-hero-title {
        font-size: 40px;
        line-height: 1.12;
        letter-spacing: -1.8px;
    }

        .phnzo-hero-title span::after {
            height: 9px;
            bottom: 2px;
        }

    .phnzo-hero-description {
        margin: 22px 0 30px;
        font-size: 17px;
        line-height: 1.55;
    }

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

    .phnzo-primary-btn,
    .phnzo-secondary-btn {
        width: 100%;
        min-height: 60px;
        padding: 0 20px;
        font-size: 17px;
    }

    .phnzo-feature-list {
        gap: 8px;
        margin-top: 28px;
    }

    .phnzo-feature-item {
        font-size: 13px;
        padding: 5px 12px;
    }

    .phnzo-estimate-card {
        padding: 30px 23px;
        border-radius: 22px;
    }

    .phnzo-estimate-label {
        font-size: 13px;
    }

    .phnzo-phone-name {
        font-size: 20px;
    }

    .phnzo-price-row {
        font-size: 15px;
    }

    .phnzo-final-price {
        font-size: 17px;
    }

        .phnzo-final-price strong {
            font-size: 21px;
        }

    .phnzo-value-link {
        font-size: 16px;
    }
}

@media (max-width: 480px) {

    .phnzo-hero-title {
        font-size: 34px;
    }

    .phnzo-feature-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .phnzo-feature-item {
        width: fit-content;
    }
}



.phnzo-hero-image {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}


.phnzo-floating-phone {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block;
    animation: phnzoPhoneFloat 4s ease-in-out infinite;
    will-change: transform;
}

@keyframes phnzoPhoneFloat {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-22px);
    }

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


@media (max-width: 991px) {

    .phnzo-hero-image {
        margin-top: 35px;
    }

    .phnzo-floating-phone {
        max-width: 480px;
        animation-duration: 4.5s;
    }
}


@media (max-width: 575px) {

    .phnzo-hero-image {
        margin-top: 25px;
    }

    .phnzo-floating-phone {
        width: 90%;
        max-width: 360px;
        animation-duration: 4s;
    }
}


.phnzo-search-wrap {
    width: 100%;
    /* max-width: 650px; */
    margin: 0 auto;
}

.phnzo-search-box {
    width: 100%;
    height: 52px;
    background: #ffffff;
    border: 1.5px solid #63388c;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 26px;
    /* box-shadow: 0 18px 40px rgba(25, 35, 55, 0.08); */
    transition: all 0.3s ease;
    margin: 20px 0px;
}


.phnzo-search-icon {
    font-size: 17px;
    color: #60708a;
    margin-right: 12px;
    flex-shrink: 0;
}


.phnzo-search-input {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    color: #18233d;
    /* font-family: inherit; */
    border: none !important;
    /* margin-top: 20px; */
    padding: 4px 0px 4px 8px !important;
}


    .phnzo-search-input::placeholder {
        color: #718099;
        opacity: 1;
    }


.phnzo-search-box:focus-within {
    border-color: #d7e0eb;
    /* box-shadow: 0 20px 45px rgba(25, 35, 55, 0.12); */
    transform: translateY(-1px);
}


@media (max-width: 991px) {

    .phnzo-search-wrap {
        max-width: 520px;
    }

    .phnzo-search-box {
        height: 60px;
        border-radius: 22px;
        padding: 0 23px;
    }
}


@media (max-width: 575px) {

    .phnzo-search-wrap {
        width: 100%;
        max-width: 100%;
    }

    .phnzo-search-box {
        height: 56px;
        border-radius: 19px;
        padding: 0 20px;
    }

    .phnzo-search-icon {
        font-size: 16px;
        margin-right: 10px;
    }

    .phnzo-search-input {
        font-size: 15px;
    }
}



.phz-header-auth {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}

.phz-auth-login,
.phz-auth-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 17px;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.phz-auth-login {
    color: #613b95;
    background: #ffffff;
    border: 1.5px solid #613b95;
}

    .phz-auth-login:hover {
        color: #ffffff;
        background: #613c96;
        /* border: none; */
    }


.phz-auth-register {
    color: #ffffff;
    /* background: linear-gradient(to right, #FFA84A, #FF5100); */
    /* border: 1.5px solid #059669; */
    background: #63388c;
}

    .phz-auth-register:hover {
        color: #ffffff;
        background: #071e3b;
        border-color: #071e3b;
        transform: translateY(-1px);
    }


@media (max-width: 767.98px) {

    .phz-header-auth {
        gap: 6px;
    }

    .phz-auth-login,
    .phz-auth-register {
        height: 36px;
        padding: 0 13px;
        font-size: 13px;
        border-radius: 7px;
    }
}

/*--------------------------------------------------------end---------------------------------------------------*/

/*--------------------------------------------------phnzo service-----------------------------------------------*/
.phnzo-service-section {
    width: 100%;
    padding: 70px 0px 0px;
    background: #fff;
    overflow: hidden;
}

.phnzo-service-card {
    width: 100%;
    min-height: 205px;
    padding: 28px 20px 25px;
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 12px;
    text-align: center;
    transition: all 0.35s ease;
    overflow: hidden;
}

    .phnzo-service-card:hover {
        transform: translateY(-5px);
        border-color: #cfcfcf;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }

.phnzo-service-image {
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

    .phnzo-service-image img {
        width: auto;
        max-width: 100px;
        height: 110px;
        object-fit: contain;
        display: block;
        transition: transform 0.35s ease;
    }

.phnzo-service-card:hover .phnzo-service-image img {
    transform: translateY(-4px);
}

.phnzo-service-content {
    width: 100%;
}

    .phnzo-service-content h3 {
        margin: 0 0 7px;
        padding: 0;
        font-size: 20px;
        line-height: 1.25;
        font-weight: 700;
        color: #07142f;
    }

    .phnzo-service-content p {
        margin: 0;
        padding: 0;
        font-size: 15px;
        line-height: 1.5;
        font-weight: 400;
        color: #68727e;
    }


@media (max-width: 991px) {

    .phnzo-service-section {
        padding: 25px 0;
    }

    .phnzo-service-card {
        min-height: 200px;
    }
}

@media (max-width: 767px) {

    .phnzo-service-section {
        padding: 20px 0;
    }

    .phnzo-service-card {
        min-height: 195px;
        padding: 25px 15px 22px;
    }

    .phnzo-service-image {
        height: 80px;
    }

        .phnzo-service-image img {
            height: 75px;
            max-width: 95px;
        }

    .phnzo-service-content h3 {
        font-size: 17px;
    }

    .phnzo-service-content p {
        font-size: 13px;
    }
}


@media (max-width: 480px) {

    .phnzo-service-card {
        min-height: 185px;
        padding: 22px 12px;
    }

    .phnzo-service-image {
        height: 72px;
    }

        .phnzo-service-image img {
            height: 68px;
        }

    .phnzo-service-content h3 {
        font-size: 16px;
    }

    .phnzo-service-content p {
        font-size: 13px;
    }
}
/*---------------------------------------------------------end--------------------------------------------------*/

.phnzo-benefits-section {
    width: 100%;
    padding: 0px 10px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(25, 35, 55, 0.08);
}

    .phnzo-benefits-section .container {
        max-width: 1200px;
    }


/* BENEFIT ITEM */

.phnzo-benefit-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
}


/* ICON CIRCLE */

.phnzo-benefit-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4cbf261a;
    border-radius: 50%;
    color: #52c834;
    font-size: 20px;
}


/* CONTENT */

.phnzo-benefit-content {
    padding: 0;
    margin: 0;
}

    .phnzo-benefit-content h3 {
        margin: 0 0 4px;
        padding: 0;
        color: #63388c;
        /* font-family: Arial, sans-serif; */
        font-size: 16px;
        line-height: 1.2;
        font-weight: 600;
    }

    .phnzo-benefit-content p {
        margin: 0;
        padding: 0;
        color: #657084;
        /* font-family: Arial, sans-serif; */
        font-size: 12px;
        line-height: 1.35;
        font-weight: 400;
    }


.phnzo-benefit-item {
    transition: transform 0.3s ease;
}

    .phnzo-benefit-item:hover {
        transform: translateY(-2px);
    }

        .phnzo-benefit-item:hover .phnzo-benefit-icon {
            background: #dffff2;
        }



@media (max-width: 991px) {

    .phnzo-benefits-section {
        padding: 25px 0;
    }

    .phnzo-benefit-item {
        gap: 12px;
    }

    .phnzo-benefit-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        font-size: 22px;
    }

    .phnzo-benefit-content h3 {
        font-size: 18px;
    }

    .phnzo-benefit-content p {
        font-size: 15px;
    }
}



@media (max-width: 767px) {

    .phnzo-benefits-section {
        padding: 25px 0;
    }

    .phnzo-benefit-item {
        justify-content: center;
        margin-bottom: 22px;
    }

    .phnzo-benefits-section .col-12:last-child .phnzo-benefit-item {
        margin-bottom: 0;
    }

    .phnzo-benefit-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .phnzo-benefit-content h3 {
        font-size: 19px;
    }

    .phnzo-benefit-content p {
        font-size: 15px;
    }
}


/*------------------------------------------------banner section-----------------------------------*/
.phnzo-sell-section {
    width: 100%;
    padding: 30px 0px 0px;
    background: #ffffff;
    overflow: hidden;
}

    .phnzo-sell-section > .container-fluid {
        padding-left: 18px;
        padding-right: 18px;
    }



.phnzo-sell-left {
    width: 100%;
    padding: 45px 0 35px;
}


.phnzo-sell-badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 47px;
    padding: 8px 18px 8px 15px;
    border: 1px solid #eeeeee;
    border-radius: 30px;
    background: #ffffff;
    color: #19243a;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}


.phnzo-badge-icon {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #343c49;
    font-size: 17px;
}


.phnzo-sell-heading {
    max-width: 1000px;
    margin: 32px 0 38px;
    padding: 0;
    color: #101a31;
    font-size: clamp(42px, 4vw, 62px);
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -2px;
}

    .phnzo-sell-heading span {
        color: #ff6b16;
    }


.phnzo-feature-bar {
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 15px 12px 12px;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03), 0 5px 18px rgba(0, 0, 0, 0.02);
}


.phnzo-feature-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 27px;
}

.phnzo-feature-item {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #101a31;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.phnzo-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff6b16;
    font-size: 14px;
}


.phnzo-value-btn {
    min-width: 230px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 15px;
    border-radius: 13px;
    background: linear-gradient(to right, #FFA84A, #FF5100);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

    .phnzo-value-btn:hover {
        color: #ffffff;
        background: #f45d09;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(255, 107, 22, 0.20);
    }


    .phnzo-value-btn span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
    }

    .phnzo-value-btn:hover span {
        transform: translateX(4px);
    }


.phnzo-category-box {
    width: 100%;
    padding: 32px 30px;
    border: 1px solid #eeeeee;
    border-radius: 20px;
    background: #fbfbfb;
}

.phnzo-category-title {
    margin: 0 0 24px;
    padding: 0;
    color: #101a31;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}


.phnzo-category-card {
    position: relative;
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    padding: 15px 40px 15px 18px;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    background: #ffffff;
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .phnzo-category-card:hover {
        transform: translateY(-3px);
        border-color: #e2e2e2;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    }



.phnzo-category-image {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .phnzo-category-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        transition: transform 0.35s ease;
    }

.phnzo-category-card:hover .phnzo-category-image img {
    transform: scale(1.05);
}


.phnzo-category-name {
    margin-left: 17px;
    color: #101a31;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
}



.phnzo-category-arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f2f2;
    color: #68717d;
    font-size: 11px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.phnzo-category-card:hover .phnzo-category-arrow {
    background: #ff6b16;
    color: #ffffff;
    transform: translateX(2px);
}



@media (max-width: 1399px) {

    .phnzo-sell-heading {
        font-size: 42px;
    }

    .phnzo-feature-list {
        gap: 18px;
    }

    .phnzo-feature-item {
        font-size: 14px;
    }

    .phnzo-value-btn {
        min-width: 215px;
    }

    .phnzo-category-box {
        padding: 20px 24px;
    }
}

@media (max-width: 1199px) {

    .phnzo-sell-section {
        padding: 40px 0;
    }

    .phnzo-sell-left {
        padding: 20px 0;
    }

    .phnzo-sell-heading {
        font-size: 48px;
        letter-spacing: -1.5px;
    }

    .phnzo-feature-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .phnzo-feature-list {
        justify-content: space-between;
    }

    .phnzo-value-btn {
        width: 100%;
    }
}


@media (max-width: 767px) {

    .phnzo-sell-section {
        padding: 30px 0;
    }

    .phnzo-sell-left {
        padding: 10px 0;
    }

    .phnzo-sell-badge {
        font-size: 13px;
        min-height: 42px;
        padding: 7px 13px;
    }

    .phnzo-sell-heading {
        margin: 25px 0 28px;
        font-size: 38px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .phnzo-feature-bar {
        padding: 18px;
        border-radius: 15px;
    }

    .phnzo-feature-list {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .phnzo-feature-item {
        font-size: 15px;
    }

    .phnzo-value-btn {
        min-width: 100%;
    }

    .phnzo-category-box {
        padding: 24px 18px;
        border-radius: 17px;
    }

    .phnzo-category-title {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .phnzo-category-card {
        height: 125px;
    }

    .phnzo-category-image {
        width: 90px;
        height: 90px;
    }

    .phnzo-category-name {
        font-size: 17px;
    }
}


@media (max-width: 480px) {

    .phnzo-sell-heading {
        font-size: 34px;
    }

    .phnzo-category-card {
        height: 115px;
    }

    .phnzo-category-image {
        width: 80px;
        height: 80px;
    }

    .phnzo-category-name {
        margin-left: 12px;
        font-size: 16px;
    }
}

/*-------------------------------------------------end---------------------------------------------*/

/*-------------------------------------------------phonr model-------------------------------------*/
.phnzo-model-section {
    width: 100%;
    padding: 55px 0 65px;
    background: #ffffff;
}

    .phnzo-model-section .container {
        max-width: 600px;
    }


.phnzo-product-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 38px;
}

.phnzo-product-image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    /* background: #f7f9fb; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .phnzo-product-image img {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

.phnzo-product-header h1 {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #101a2e;
}

.phnzo-product-header p {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #58708f;
}


.phnzo-storage-section h3 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    color: #16243a;
}

.phnzo-storage-card {
    position: relative;
    min-height: 80px;
    padding: 14px 20px;
    border: 1px solid #dce4ed;
    border-radius: 20px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
}

    .phnzo-storage-card:hover {
        border-color: #d7c6ef;
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(0, 168, 117, 0.08);
    }

    .phnzo-storage-card h4 {
        margin: 0 0 7px;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
        color: #15233b;
    }

    .phnzo-storage-card p {
        margin: 0;
        font-size: 14px;
        line-height: 1.3;
        color: #613b95;
        font-weight: 500;
    }


    .phnzo-storage-card.active {
        background: #613b9512;
        border: 1.5px solid #d7c6ef;
        box-shadow: 0 5px 12px rgba(0, 168, 117, 0.08);
    }

.phnzo-storage-check {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #603b95;
    font-size: 14px;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.2s ease;
}

.phnzo-storage-card.active .phnzo-storage-check {
    opacity: 1;
    transform: scale(1);
}

.phnzo-selection-box {
    margin-top: 30px;
    min-height: 75px;
    padding: 12px 30px;
    border: 1px solid #e8def7;
    border-radius: 20px;
    background: #613b950d;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .phnzo-selection-box > div:first-child {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

.phnzo-selection-label {
    font-size: 15px;
    color: #58708f;
    line-height: 1.3;
}

.phnzo-selection-box strong {
    font-size: 18px;
    line-height: 1.2;
    color: #111d32;
}

.phnzo-selected-price {
    font-size: 22px;
    font-weight: 700;
    color: #613b95;
}


.phnzo-proceed-btn {
    width: 100%;
    min-height: 50px;
    margin-top: 22px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #613b95;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

    .phnzo-proceed-btn:hover {
        background: #603b95;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 168, 117, 0.18);
    }


@media (max-width: 991px) {

    .phnzo-model-section {
        padding: 45px 0 55px;
    }

    .phnzo-product-header h1 {
        font-size: 31px;
    }

    .phnzo-product-header p {
        font-size: 21px;
    }

    .phnzo-storage-card h4 {
        font-size: 21px;
    }

    .phnzo-storage-card p {
        font-size: 18px;
    }
}


@media (max-width: 575px) {

    .phnzo-model-section {
        padding: 30px 0 40px;
    }

    .phnzo-product-header {
        gap: 15px;
        margin-bottom: 30px;
    }

    .phnzo-product-image {
        width: 72px;
        height: 72px;
        border-radius: 12px;
    }

        .phnzo-product-image img {
            width: 62px;
            height: 62px;
        }

    .phnzo-product-header h1 {
        font-size: 24px;
    }

    .phnzo-product-header p {
        font-size: 17px;
    }

    .phnzo-storage-section h3 {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .phnzo-storage-card {
        min-height: 85px;
        border-radius: 16px;
        padding: 14px 14px;
    }

        .phnzo-storage-card h4 {
            font-size: 17px;
        }

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

    .phnzo-selection-box {
        margin-top: 30px;
        min-height: 80px;
        padding: 15px;
        border-radius: 16px;
    }

    .phnzo-selection-label {
        font-size: 14px;
    }

    .phnzo-selection-box strong {
        font-size: 17px;
    }

    .phnzo-selected-price {
        font-size: 20px;
    }

    .phnzo-proceed-btn {
        min-height: 50px;
        margin-top: 25px;
        font-size: 18px;
    }
}
/*---------------------------------------------------end-------------------------------------------*/


/*---------------------------------------------------evaluate-------------------------------------*/

.phnzo-evaluation-section {
    padding: 55px 20px 70px;
    background: #ffffff;
}


.phnzo-evaluation-container {
    max-width: 700px;
    margin: 0 auto;
}



.phnzo-evaluation-title {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--phnzo-dark);
}


.phnzo-evaluation-subtitle {
    margin: 0 0 38px;
    font-size: 17px;
    line-height: 1.5;
    color: var(--phnzo-muted);
}


.phnzo-evaluation-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}


.phnzo-left-column {
    width: 100%;
}


.phnzo-phone-card {
    min-height: 102px;
    padding: 17px;
    display: flex;
    align-items: center;
    border: 1px solid var(--phnzo-border);
    border-radius: 18px;
    background: #ffffff;
}


.phnzo-phone-image {
    width: 65px;
    height: 65px;
    object-fit: contain;
    margin-right: 15px;
}


.phnzo-phone-name {
    margin: 0 0 3px;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--phnzo-dark);
}


.phnzo-phone-storage {
    margin: 0;
    font-size: 15px;
    color: var(--phnzo-muted);
}



.phnzo-selection-card {
    margin-top: 20px;
    padding: 21px 20px;
    border: 1px solid var(--phnzo-border);
    border-radius: 18px;
    background: #ffffff;
}


.phnzo-selection-heading {
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #8291a7;
}


.phnzo-selected-item {
    margin-bottom: 16px;
}


    .phnzo-selected-item:last-child {
        margin-bottom: 0;
    }


.phnzo-selected-question {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--phnzo-muted);
}


.phnzo-selected-answer {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--phnzo-dark);
}


    .phnzo-selected-answer i {
        margin-right: 5px;
        color: var(--phnzo-green);
    }

.phnzo-question-area {
    min-width: 0;
}


.phnzo-step {
    display: none;
    animation: phnzoStepIn .3s ease;
}


    .phnzo-step.active {
        display: block;
    }


@keyframes phnzoStepIn {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.phnzo-step-text {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--phnzo-muted);
}

.phnzo-progress {
    width: 100%;
    display: flex;
    gap: 8px;
    margin-bottom: 34px;
}


.phnzo-progress-item {
    height: 6px;
    flex: 1;
    border-radius: 50px;
    background: #edf2f7;
    transition: background .35s ease;
}


    .phnzo-progress-item.active {
        background: #57c930;
    }


.phnzo-question-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--phnzo-dark);
}


.phnzo-question-description {
    max-width: 650px;
    margin: 0 0 21px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--phnzo-muted);
}


.phnzo-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}


.phnzo-option {
    width: 100%;
    min-height: 52px;
    padding: 12px 18px;
    border: 1px solid var(--phnzo-border);
    border-radius: 14px;
    background: #ffffff;
    color: var(--phnzo-dark);
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all .25s ease;
    display: -webkit-inline-box;
}


    .phnzo-option:hover {
        border-color: #55c831;
        background: #4dbd2517;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 173, 120, .08);
    }


    .phnzo-option.selected {
        border-color: #55c831;
        background: #4dbd2517;
        color: #55c831;
        box-shadow: 0 5px 15px rgba(0, 173, 120, .10);
    }

.phnzo-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 27px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--phnzo-muted);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}


    .phnzo-back-btn:hover {
        color: var(--phnzo-dark);
    }


    .phnzo-back-btn.hidden {
        visibility: hidden;
    }


.phnzo-promise-box {
    margin-top: 26px;
    padding: 14px 14px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border: 1px solid #56c830;
    border-radius: 18px;
    background: #56c83217;
}


.phnzo-promise-icon {
    min-width: 28px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--phnzo-green);
    font-size: 21px;
}


.phnzo-promise-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #29435e;
}


    .phnzo-promise-text strong {
        color: var(--phnzo-dark);
    }


.phnzo-result {
    display: none;
    margin-top: 30px;
    padding: 35px 25px;
    text-align: center;
    border: 1px solid #5bc82e;
    border-radius: 22px;
    background: #55c72f12;
}


    .phnzo-result.show {
        display: block;
    }


.phnzo-result-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #57c8312e;
    color: #4fbf26;
    font-size: 27px;
}


.phnzo-result-title {
    margin-bottom: 7px;
    font-size: 19px;
    font-weight: 700;
    color: var(--phnzo-dark);
}


.phnzo-result-price {
    margin-bottom: 22px;
    font-size: 28px;
    font-weight: 700;
    color: #4dbd25;
}



.phnzo-final-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 30px;
    border: 0;
    border-radius: 50px;
    color: #ffffff;
    background: #45a821;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s ease;
}


    .phnzo-final-btn:hover {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 12px 25px rgba(255, 81, 0, .20);
    }


@media (max-width: 991px) {

    .phnzo-evaluation-section {
        padding: 40px 18px 60px;
    }


    .phnzo-evaluation-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }


    .phnzo-selection-card {
        display: none;
    }
}


@media (max-width: 575px) {

    .phnzo-evaluation-section {
        padding: 30px 0px 30px;
    }


    .phnzo-evaluation-title {
        font-size: 25px;
    }


    .phnzo-evaluation-subtitle {
        margin-bottom: 28px;
        font-size: 16px;
    }


    .phnzo-phone-card {
        padding: 14px;
    }


    .phnzo-phone-image {
        width: 58px;
        height: 58px;
    }


    .phnzo-phone-name {
        font-size: 15px;
    }


    .phnzo-question-title {
        font-size: 20px;
    }


    .phnzo-question-description {
        font-size: 15px;
    }


    .phnzo-options {
        grid-template-columns: 1fr;
    }


    .phnzo-option {
        min-height: 64px;
        font-size: 16px;
    }


    .phnzo-promise-box {
        margin-top: 30px;
        padding: 17px;
    }


    .phnzo-promise-text {
        font-size: 14px;
    }
}




.cashtx-right-col {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cashtx-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.cashtx-bg-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    top: 42px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: linear-gradient(180deg, #eaf9f1, #ffffff00);
    z-index: 0;
}


.cashtx-main-person {
    position: relative;
    z-index: 2;
    width: 700px;
    max-width: 100%;
    height: 590px;
    object-fit: contain;
    object-position: center bottom;
    display: block;
}


.cashtx-payment-popup {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    width: 130px;
    min-height: 120px;
    padding: 20px 12px;
    background: rgba(255, 255, 255, .97);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    box-shadow: 0 18px 45px rgba(17, 66, 45, .13), 0 4px 12px rgba(0, 0, 0, .05);
    border: 1px solid rgba(255, 255, 255, .9);
}


.cashtx-check-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #00a651;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 12px;
}


.cashtx-popup-label {
    margin: 0 0 5px;
    color: #65748a;
    font-size: 11px;
    line-height: 1.3;
}

.cashtx-popup-amount {
    margin: 0 0 4px;
    color: #00a651;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
}

.cashtx-popup-via {
    margin: 0 0 8px;
    color: #455468;
    font-size: 11px;
}

.cashtx-upi-logo {
    width: 55px;
    height: auto;
    object-fit: contain;
}



.cashtx-image-wrapper::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 70px;
    height: 70px;
    right: 45px;
    top: 150px;
    /* border: 2px dashed rgba(0, 166, 81, .25); */
    border-radius: 50%;
}



@media (max-width: 991px) {

    .cashtx-section {
        padding: 65px 0;
    }

    .cashtx-left-content {
        padding-right: 10px;
    }

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

    .cashtx-right-col {
        min-height: 500px;
    }

    .cashtx-image-wrapper {
        height: 520px;
    }

    .cashtx-main-person {
        height: 520px;
    }

    .cashtx-bg-circle {
        width: 420px;
        height: 420px;
    }

    .cashtx-payment-popup {
        top: 125px;
    }
}



@media (max-width: 767px) {

    .cashtx-section {
        padding: 50px 0;
    }

    .cashtx-left-content {
        padding-right: 0;
        margin-bottom: 25px;
        text-align: center;
    }

        .cashtx-left-content > p {
            margin-left: auto;
            margin-right: auto;
            font-size: 15px;
        }

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

    .cashtx-features {
        margin: 0 auto;
        text-align: left;
    }

    .cashtx-right-col {
        min-height: 420px;
    }

    .cashtx-image-wrapper {
        height: 430px;
    }

    .cashtx-main-person {
        height: 430px;
    }

    .cashtx-bg-circle {
        width: 350px;
        height: 350px;
        top: 35px;
    }

    .cashtx-payment-popup {
        width: 135px;
        min-height: 175px;
        top: 105px;
        padding: 17px 12px;
    }

    .cashtx-popup-amount {
        font-size: 19px;
    }

    .cashtx-image-wrapper::after {
        display: none;
    }
}



@media (max-width: 480px) {

    .cashtx-section {
        padding: 40px 0;
    }

    .cashtx-left-content h2 {
        font-size: 29px;
    }

    .cashtx-tag {
        font-size: 11px;
        padding: 7px 12px;
    }

    .cashtx-right-col {
        min-height: 350px;
    }

    .cashtx-image-wrapper {
        height: 360px;
    }

    .cashtx-main-person {
        height: 360px;
    }

    .cashtx-bg-circle {
        width: 290px;
        height: 290px;
    }

    .cashtx-payment-popup {
        width: 120px;
        min-height: 155px;
        top: 88px;
    }

    .cashtx-check-icon {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .cashtx-popup-amount {
        font-size: 17px;
    }

    .cashtx-popup-label,
    .cashtx-popup-via {
        font-size: 10px;
    }

    .cashtx-upi-logo {
        width: 48px;
    }
}
/*-----------------------------------------------------end----------------------------------------*/

.phnzo-topbar {
    width: 100%;
    background: #63388c;
    min-height: 35px;
    display: flex;
    align-items: center;
}

.phnzo-topbar-content {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 25px;
}

.phnzo-topbar-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

    .phnzo-topbar-item i {
        font-size: 13px;
        color: #ffffff;
    }

.phnzo-divider {
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.55);
}



@media (max-width: 991px) {

    .phnzo-topbar-content {
        justify-content: center;
        gap: 10px;
        padding: 0 15px;
    }

    .phnzo-topbar-item {
        font-size: 13px;
        gap: 6px;
    }

        .phnzo-topbar-item i {
            font-size: 14px;
        }

    .phnzo-divider {
        height: 15px;
    }
}



@media (max-width: 767px) {

    .phnzo-topbar {
        min-height: auto;
        padding: 9px 0;
    }

    .phnzo-topbar-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 10px;
        padding: 0 10px;
    }

    .phnzo-topbar-item {
        font-size: 12px;
    }

        .phnzo-topbar-item i {
            font-size: 13px;
        }

    .phnzo-divider {
        height: 14px;
    }
}


@media (max-width: 480px) {

    .phnzo-topbar-content {
        gap: 7px 9px;
    }

    .phnzo-topbar-item {
        font-size: 11px;
    }

        .phnzo-topbar-item i {
            font-size: 12px;
        }

    .phnzo-divider {
        height: 12px;
    }
}



.phnzo-search-wrap {
    width: 100%;
    padding: 0;
}

.phnzo-search-box {
    width: 545px;
    height: 52px;
    display: flex;
    align-items: center;
    position: relative;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 30px;
    padding: 5px 12px 5px 14px;
    /* box-shadow: 0 2px 8px rgba(99, 56, 140, 0.08); */
}

.phnzo-search-icon {
    width: 15px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 22px;
    flex-shrink: 0;
}


.phnzo-search-input {
    flex: 1;
    height: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0 15px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
}

    .phnzo-search-input::placeholder {
        color: #718096;
        opacity: 1;
    }


.phnzo-search-btn {
    height: 40px;
    min-width: 90px;
    border: 0;
    border-radius: 24px;
    padding: 0 22px;
    background: #63388c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .phnzo-search-btn:hover {
        background: #522d76;
        transform: translateY(-1px);
    }


@media (max-width: 767px) {

    .phnzo-search-box {
        height: 54px;
        padding-left: 10px;
        padding-right: 9px;
    }

    .phnzo-search-icon {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }

    .phnzo-search-input {
        font-size: 13px;
        padding: 0 10px;
    }

    .phnzo-search-btn {
        min-width: 78px;
        height: 38px;
        padding: 0 17px;
        font-size: 13px;
    }
}



@media (max-width: 480px) {

    .phnzo-search-box {
        height: 52px;
        border-radius: 27px;
    }

    .phnzo-search-icon {
        width: 34px;
        font-size: 19px;
    }

    .phnzo-search-input {
        padding: 0 6px;
        font-size: 12px;
    }

    .phnzo-search-btn {
        min-width: 70px;
        height: 36px;
        padding: 0 14px;
        font-size: 12px;
    }
}



.sell-devices-heading {
    margin: 0;
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #333;
}

    .sell-devices-heading .cash-text {
        color: #63388c;
    }

    .sell-devices-heading .security-text {
        color: #63388c;
    }


@media (max-width: 991px) {
    .sell-devices-heading {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .sell-devices-heading {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media (max-width: 480px) {
    .sell-devices-heading {
        font-size: 27px;
    }
}

.phz-auth-login i {
    font-size: 13px;
    margin-right: 6px;
}


/*-------------------------------------------------------why section-----------------------------------------------*/

.mm-why-section {
    position: relative;
    padding: 60px 0px;
    background: #f9f8f6;
    overflow: hidden;
}

.mm-why-heading {
    max-width: 1000px;
    margin: 0 auto 32px;
}

.mm-section-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #603b95;
}

    .mm-section-tag span {
        display: block;
        width: 22px;
        height: 2px;
        background: #603a95;
    }

.mm-why-heading h2 {
    margin: 0 0 16px;
    color: #333;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
}

.mm-why-heading p {
    max-width: 850px;
    margin: auto;
    color: #555b65;
    font-size: 14px;
    line-height: 1.7;
}


.mm-why-cards {
    margin-top: 0;
}

.mm-why-card {
    height: 100%;
    min-height: 285px;
    padding: 50px 47px 35px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    transition: all .35s ease;
}


    .mm-why-card:hover {
        transform: translateY(-7px);
        border-color: rgba(92, 157, 69, .25);
        box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
    }

.mm-why-icon {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 50%;
    font-size: 27px;
    transition: all .35s ease;
}

.mm-why-card:hover .mm-why-icon {
    transform: rotate(5deg) scale(1.08);
}


.mm-icon-green {
    color: #4ebe26;
    background: linear-gradient( 135deg, rgba(102, 177, 83, .18), rgba(102, 177, 83, .07) );
}

.mm-icon-purple {
    color: #654390;
    background: linear-gradient( 135deg, rgba(101, 69, 141, .18), rgba(101, 69, 141, .07) );
}

.mm-why-card h3 {
    margin: 0 0 12px;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
}

.mm-why-card p {
    margin: 0;
    color: #555b65;
    font-size: 14px;
    line-height: 1.55;
}

.mm-why-btn-wrap {
    margin-top: 36px;
}

.mm-why-btn {
    min-width: 266px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 11px 30px;
    border: 1px solid #67428f;
    border-radius: 50px;
    color: #563b78;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all .35s ease;
}

    .mm-why-btn i {
        font-size: 14px;
    }

    .mm-why-btn:hover {
        color: #ffffff;
        background: #67428f;
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(103, 66, 143, .25);
    }


@media (max-width: 1199px) {

    .mm-why-card {
        padding: 40px 35px 30px;
    }
}


@media (max-width: 991px) {

    .mm-why-section {
        padding: 60px 0;
    }

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

    .mm-why-card {
        min-height: 260px;
    }
}


@media (max-width: 767px) {

    .mm-why-section {
        padding: 50px 0;
    }

    .mm-why-heading {
        margin-bottom: 28px;
    }

        .mm-why-heading h2 {
            font-size: 26px;
            letter-spacing: .5px;
        }

        .mm-why-heading p {
            font-size: 13px;
        }

    .mm-why-card {
        min-height: auto;
        padding: 35px 28px;
        border-radius: 18px;
    }

    .mm-why-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .mm-why-card h3 {
        font-size: 17px;
    }
}


@media (max-width: 480px) {

    .mm-why-heading h2 {
        font-size: 23px;
    }

    .mm-section-tag {
        font-size: 13px;
    }

    .mm-why-btn {
        width: 100%;
        min-width: auto;
    }
}

/*-----------------------------------------------------------end----------------------------------------------------*/


/*---------------------------------------------------------process---------------------------------------------------*/
.phz-process-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px;
    background: #654390;
}


.phz-process-heading {
    margin-bottom: 25px;
}

.phz-process-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #f9f8f6;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.7px;
    margin-bottom: 14px;
}

    .phz-process-tag span {
        width: 26px;
        height: 2px;
        background: #ffffff;
        display: inline-block;
    }

.phz-process-heading h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0px 0 10px;
}

.phz-process-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.92);
    font-size: 14px;
    line-height: 1.7;
}

.phz-process-steps {
    position: relative;
    max-width: 1150px;
    margin: 0 auto;
}

.phz-process-line {
    position: absolute;
    top: 25px;
    left: 16.66%;
    width: 66.66%;
    height: 1px;
    background: rgba(255, 255, 255, 0.35);
    z-index: 1;
}

.phz-process-item {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
}

.phz-step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #654390;
    border: 1px solid rgb(255 255 255 / 86%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 25px;
    font-weight: 700;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
}


.phz-step-content h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 26px;
}

.phz-step-content p {
    max-width: 330px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.94);
    font-size: 14px;
    line-height: 1.55;
}


.phz-process-btn-wrap {
    margin-top: 12px;
}

.phz-process-btn {
    min-width: 190px;
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    color: #604481;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

    .phz-process-btn i {
        font-size: 14px;
    }

    .phz-process-btn:hover {
        background: #6fc454;
        color: #ffffff;
        transform: translateY(-3px);
    }


@media (max-width: 991px) {

    .phz-process-section {
        padding: 65px 0;
    }

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

    .phz-process-item {
        padding: 0 10px;
    }

    .phz-step-content h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .phz-process-section {
        padding: 55px 0;
    }

    .phz-process-heading {
        margin-bottom: 35px;
    }

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

        .phz-process-heading p {
            font-size: 13px;
            padding: 0 10px;
        }

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


    .phz-process-item {
        margin-bottom: 38px;
        padding: 0 20px;
    }

    .phz-step-number {
        margin-bottom: 16px;
    }

    .phz-step-content h3 {
        font-size: 19px;
    }

    .phz-step-content p {
        font-size: 14px;
        max-width: 400px;
    }

    .phz-process-btn-wrap {
        margin-top: 0;
    }
}


@media (max-width: 480px) {

    .phz-process-heading h2 {
        font-size: 25px;
    }

    .phz-process-tag {
        font-size: 13px;
    }

    .phz-step-number {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }

    .phz-process-btn {
        min-width: 180px;
        font-size: 15px;
    }
}

/*-----------------------------------------------------------end-----------------------------------------------------*/

/*---------------------------------------------------------buy section-----------------------------------------------*/

.phz-buy-section {
    position: relative;
    padding: 65px 0 60px;
    background: #fff;
    overflow: hidden;
}


.phz-buy-heading {
    margin-bottom: 40px;
}

.phz-buy-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f3a95;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

    .phz-buy-tag span {
        width: 26px;
        height: 2px;
        display: inline-block;
        background: #654390;
    }


.phz-buy-heading h2 {
    margin: 0 0 16px;
    color: #333;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.5px;
}


.phz-buy-heading p {
    margin: 0;
    color: #555b63;
    font-size: 15px;
    line-height: 1.55;
}


.phz-buy-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}


.phz-buy-col {
    width: calc(16.666% - 14px);
    min-width: 165px;
}



.phz-buy-card {
    height: 232px;
    padding: 17px 15px 18px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #d9d9dd;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.35s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.025);
}


    .phz-buy-card:hover {
        transform: translateY(-7px);
        border-color: #6ca859;
        box-shadow: 0 14px 35px rgba(71, 120, 61, 0.13);
    }


.phz-buy-image {
    height: 118px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}


    .phz-buy-image img {
        max-width: 118px;
        max-height: 108px;
        width: auto;
        height: auto;
        object-fit: contain;
        transition: transform 0.35s ease;
    }


.phz-buy-card:hover .phz-buy-image img {
    transform: scale(1.07);
}


.phz-buy-card h3 {
    margin: 0 0 20px;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}


.phz-buy-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #603b95;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}


    .phz-buy-link i {
        font-size: 15px;
        transition: transform 0.3s ease;
    }


    .phz-buy-link:hover {
        color: #3f7d35;
    }


        .phz-buy-link:hover i {
            transform: translateX(5px);
        }



@media (min-width: 1200px) {

    .phz-buy-row {
        flex-wrap: nowrap;
    }
}


@media (max-width: 1199px) {

    .phz-buy-col {
        width: calc(33.333% - 12px);
    }
}

@media (max-width: 767px) {

    .phz-buy-section {
        padding: 55px 0;
    }

    .phz-buy-heading {
        margin-bottom: 30px;
    }

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

    .phz-buy-col {
        width: calc(50% - 8px);
        min-width: 0;
    }

    .phz-buy-card {
        height: 220px;
        border-radius: 16px;
    }
}


@media (max-width: 480px) {

    .phz-buy-section {
        padding: 45px 0;
    }

    .phz-buy-heading h2 {
        font-size: 24px;
    }

    .phz-buy-heading p {
        font-size: 13px;
    }

    .phz-buy-row {
        gap: 10px;
    }

    .phz-buy-col {
        width: calc(50% - 5px);
    }

    .phz-buy-card {
        height: 205px;
        padding: 14px 8px;
    }

    .phz-buy-image {
        height: 100px;
    }

        .phz-buy-image img {
            max-width: 95px;
            max-height: 92px;
        }

    .phz-buy-card h3 {
        font-size: 15px;
        margin-bottom: 14px;
    }

    .phz-buy-link {
        font-size: 14px;
    }
}
/*------------------------------------------------------------end---------------------------------------------------*/

.accordion-title h6 {
    font-size: 18px;
    line-height: 28px;
}


.phz-estimate-card {
    position: relative;
    width: 100%;
    /* max-width: 580px; */
    padding: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f9f6fd 55%, #f9f3ff 100%);
    border: 1px solid rgb(239 233 247);
    border-radius: 24px;
    box-shadow: 0 15px 45px rgba(30, 60, 45, 0.10);
    overflow: hidden;
}


.phz-estimate-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(40, 50, 60, 0.09);
}


.phz-estimate-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #603b95;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

    .phz-estimate-label i {
        font-size: 13px;
    }


.phz-estimate-top h3 {
    margin: 0;
    color: #263343;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.phz-estimate-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 2px 12px;
    background: rgb(238 234 243);
    border-radius: 50px;
    color: #603b96;
    font-size: 12px;
    font-weight: 700;
}

    .phz-estimate-status span {
        width: 7px;
        height: 7px;
        background: #613c95;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgb(96 59 149 / 11%);
    }

.phz-estimate-details {
    position: relative;
    z-index: 2;
    padding: 0px 0;
}


.phz-estimate-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
}


.phz-estimate-info {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}


.phz-estimate-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0e9fa;
    border-radius: 12px;
    color: #613c96;
    font-size: 15px;
}


.phz-estimate-row strong {
    color: #344152;
    font-size: 18px;
    font-weight: 700;
}


    .phz-estimate-row strong.phz-included {
        color: #8a62b8;
        font-size: 17px;
    }

.phz-estimate-total {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 8px;
    padding: 10px 20px;
    background: #f7f3fb;
    border: 1px solid rgba(91, 155, 80, 0.18);
    border-radius: 16px;
}


    .phz-estimate-total span {
        display: block;
        color: #344152;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 4px;
    }


    .phz-estimate-total small {
        color: #77818b;
        font-size: 12px;
    }


    .phz-estimate-total strong {
        color: #8961b8;
        font-size: 20px;
        font-weight: 800;
        white-space: nowrap;
    }

.phz-estimate-btn {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding: 10px 20px;
    background: #604481;
    color: #ffffff;
    border-radius: 14px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.35s ease;
}


    .phz-estimate-btn i {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.16);
        border-radius: 50%;
        transition: all 0.35s ease;
    }


    .phz-estimate-btn:hover {
        color: #ffffff;
        background: #4f376d;
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(96, 68, 129, 0.25);
    }


        .phz-estimate-btn:hover i {
            transform: translateX(4px);
        }


@media (max-width: 575px) {

    .phz-estimate-card {
        padding: 20px;
        border-radius: 20px;
    }

    .phz-estimate-top {
        gap: 12px;
    }

        .phz-estimate-top h3 {
            font-size: 21px;
        }

    .phz-estimate-status {
        padding: 6px 9px;
        font-size: 11px;
    }

    .phz-estimate-info {
        font-size: 14px;
        gap: 9px;
    }

    .phz-estimate-icon {
        width: 34px;
        height: 34px;
    }

    .phz-estimate-row strong {
        font-size: 17px;
    }

    .phz-estimate-total {
        padding: 15px;
    }

        .phz-estimate-total strong {
            font-size: 21px;
        }
}







.phz-sell-device-section {
    padding: 60px 0 60px;
    background: #ffffff;
}


/* Heading */

.phz-sell-heading {
    margin-bottom: 28px;
}

    .phz-sell-heading h2 {
        margin: 0;
        color: #263548;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.3px;
    }


/* Device Row */

.phz-device-row {
    max-width: 850px;
}


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

.phz-device-card {
    position: relative;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 25px;
    background: #ffffff;
    border: 1px solid #613c968a;
    border-radius: 28px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.35s ease;
}


    /* Active Card */

    .phz-device-card.phz-device-active {
        border-color: #613c968a;
        box-shadow: 0 12px 30px rgba(42, 121, 103, 0.08);
    }


/* Icon Box */

.phz-device-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #603b951c;
    border-radius: 50%;
    color: #603b95;
    font-size: 26px;
    transition: all 0.35s ease;
}


    .phz-device-icon i {
        line-height: 1;
    }


/* Title */

.phz-device-card h3 {
    margin: 0 0 12px;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}


/* Sell Link */

.phz-device-link {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    color: #6e46a9;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.35s ease;
}


    .phz-device-link i {
        font-size: 15px;
        transition: transform 0.35s ease;
    }


/* ==========================================
   HOVER EFFECT
========================================== */

.phz-device-card:hover {
    transform: translateY(-7px);
    border-color: #70508e;
    box-shadow: 0 18px 40px rgba(65, 52, 82, 0.12);
}


    .phz-device-card:hover .phz-device-icon {
        background: #70508e;
        color: #ffffff;
        transform: scale(1.05);
    }


    .phz-device-card:hover .phz-device-link {
        color: #70508e;
    }


        .phz-device-card:hover .phz-device-link i {
            transform: translateX(5px);
        }


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

@media (max-width: 991px) {

    .phz-sell-device-section {
        padding: 50px 0 65px;
    }

    .phz-device-row {
        /* max-width: 100%; */
    }
}


@media (max-width: 575px) {

    .phz-sell-device-section {
        padding: 40px 0 55px;
    }

    .phz-sell-heading {
        margin-bottom: 22px;
    }

        .phz-sell-heading h2 {
            font-size: 23px;
        }

    .phz-device-card {
        min-height: 145px;
        padding: 15px 15px;
        border-radius: 22px;
    }

    .phz-device-icon {
        width: 50px;
        height: 50px;
        font-size: 25px;
        border-radius: 18px;
        margin-bottom: 10px;
    }

    .phz-device-card h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .phz-device-link {
        font-size: 16px;
    }
}


/*--------------------------------------------------------------evaluate-----------------------------------------------*/

.pzv-evaluation-section {
    padding: 0px 0px 60px;
    background: #fff;
    overflow: hidden;
}

.pzv-question-box {
    background: #ffffff;
    border: 1px solid #613b963d;
    border-radius: 20px;
    padding: 20px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}


    .pzv-question-box h2 {
        font-size: 24px;
        font-weight: 700;
        color: #1d2e4a;
        margin-bottom: 8px;
        line-height: 30px;
    }


.pzv-main-desc {
    font-size: 15px;
    color: #4f5d70;
    margin-bottom: 0px;
}


.pzv-question-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 6px 0;
}


.pzv-question-content {
    width: 70%;
}


    .pzv-question-content h4 {
        font-size: 18px;
        font-weight: 600;
        color: #1e2b3d;
        margin-bottom: 4px;
        line-height: 30px;
    }


    .pzv-question-content p {
        font-size: 14px;
        line-height: 26px;
        color: #667085;
        margin: 0;
    }


.pzv-answer-group {
    display: flex;
    gap: 28px;
    align-items: center;
    flex-shrink: 0;
}



.pzv-answer-btn {
    width: 115px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #243958;
    border-radius: 14px;
    background: #ffffff;
    color: #1d2e4a;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzv-answer-btn:hover {
        border-color: #2d6ec8;
        background: #f5f9ff;
    }

    .pzv-answer-btn input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }


.pzv-radio-circle {
    width: 20px;
    height: 20px;
    border: 2px solid #9aa4b2;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}


.pzv-answer-btn input:checked + .pzv-radio-circle {
    border-color: #613b95;
}

    .pzv-answer-btn input:checked + .pzv-radio-circle::after {
        content: "";
        width: 12px;
        height: 12px;
        background: #603b95;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.pzv-answer-btn:has(input:checked) {
    border-color: #613b95;
    background: #f7fbff;
}


.pzv-continue-btn {
    border: none;
    background: #613b96;
    color: #ffffff;
    min-width: 180px;
    height: 47px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}


    .pzv-continue-btn:hover {
        background: #603b95;
        transform: translateY(-2px);
        color: #fff;
    }


    .pzv-continue-btn span {
        margin-left: 5px;
    }


.pzv-summary-box {
    background: #ffffff;
    border: 1.5px solid #613b954d;
    border-radius: 18px;
    padding: 27px;
    box-shadow: 0 10px 25px rgba(30, 70, 130, 0.08);
}

.pzv-device-info {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
}


.pzv-device-img {
    width: 50px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}


    .pzv-device-img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


.pzv-device-info h3 {
    font-size: 17px;
    font-weight: 600;
    color: #303946;
    margin: 0;
    line-height: 1.4;
}


.pzv-summary-line {
    width: 100%;
    height: 1px;
    background: #d7dce3;
    margin-bottom: 17px;
}


.pzv-summary-title {
    border-left: 4px solid #603b95;
    padding-left: 14px;
    margin-bottom: 20px;
}


    .pzv-summary-title h3 {
        font-size: 18px;
        font-weight: 700;
        color: #303946;
        margin: 0;
        line-height: 26px;
    }

.pzv-result-section {
    margin-bottom: 12px;
}


.pzv-result-section-title {
    font-size: 18px;
    font-weight: 700;
    color: #303946;
    margin-bottom: 17px;
}


.pzv-result-list {
    padding-left: 25px;
    margin: 0;
}


    .pzv-result-list li {
        font-size: 18px;
        color: #3e4652;
        line-height: 1.8;
        margin-bottom: 1px;
        list-style: disc;
    }


.pzv-error {
    color: #d92d20;
    font-size: 15px;
    margin-top: 15px;
    display: none;
}

@media (max-width: 1199px) {

    .pzv-summary-box {
        margin-top: 10px;
    }
}


@media (max-width: 991px) {

    .pzv-question-item {
        flex-direction: column;
        align-items: flex-start;
    }


    .pzv-question-content {
        width: 100%;
    }


    .pzv-answer-group {
        width: 100%;
    }
}


@media (max-width: 575px) {

    .pzv-evaluation-section {
        padding: 20px 0;
    }


    .pzv-question-box {
        padding: 20px 15px;
        border-radius: 15px;
    }


        .pzv-question-box h2 {
            font-size: 23px;
        }


    .pzv-main-desc {
        font-size: 16px;
    }


    .pzv-question-content h4 {
        font-size: 17px;
    }


    .pzv-question-content p {
        font-size: 15px;
    }


    .pzv-answer-group {
        gap: 12px;
    }


    .pzv-answer-btn {
        width: 110px;
        height: 48px;
        font-size: 16px;
    }


    .pzv-continue-btn {
        width: 100%;
    }


    .pzv-device-info h3 {
        font-size: 17px;
    }
}

/*---------------------------------------------------------------end----------------------------------------------------*/

/*---------------------------------------------------------------defect section------------------------------------------*/
.pzd-defect-section {
    /* padding: 30px 0; */
    background: #fff;
}

.pzd-defect-box {
    background: #ffffff;
    border: 1px solid #613b9440;
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 0 12px 30px rgba(25, 40, 65, 0.12);
}

.pzd-defect-heading {
    margin-bottom: 28px;
}


    .pzd-defect-heading h2 {
        font-size: 25px;
        font-weight: 600;
        color: #333;
        margin: 0 0 8px;
    }


    .pzd-defect-heading p {
        font-size: 20px;
        color: #5f6c7d;
        margin: 0;
    }


.pzd-defect-row {
    margin-bottom: 30px;
}


.pzd-defect-card {
    height: 165px;
    border: 1.5px solid #263d5c;
    border-radius: 20px;
    padding: 14px 10px;
    background: #ffffff;
    position: relative;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    align-items: center;
}


    .pzd-defect-card:hover {
        border-color: #2465b5;
        box-shadow: 0 10px 25px rgba(36, 101, 181, 0.12);
        transform: translateY(-4px);
    }


.pzd-defect-image {
    height: 65px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


    .pzd-defect-image img {
        max-width: 120px;
        max-height: 130px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

.pzd-defect-card h3 {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 500;
    color: #202d3e;
    margin: 0;
    max-width: 100%;
}

.pzd-check-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #613c96;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 23px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transition: all 0.25s ease;
}


.pzd-defect-card.pzd-active {
    border-color: #2868b8;
    background: #f5f9ff;
    box-shadow: 0 8px 25px rgba(40, 104, 184, 0.16);
}


    .pzd-defect-card.pzd-active .pzd-check-icon {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }


.pzd-defect-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}


.pzd-back-btn {
    min-width: 145px;
    height: 47px;
    border: none;
    border-radius: 10px;
    background: #953b8a;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}


    .pzd-back-btn:hover {
        background: #613c96;
        transform: translateY(-2px);
        color: #fff;
    }


    .pzd-back-btn i {
        transition: transform 0.3s ease;
    }


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


.pzd-continue-btn {
    min-width: 235px;
    height: 47px;
    border: none;
    border-radius: 10px;
    background: #613c96;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}


    .pzd-continue-btn:hover {
        background: #953b8a;
        transform: translateY(-2px);
        color: #fff;
    }


    .pzd-continue-btn i {
        transition: transform 0.3s ease;
    }


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


@media (max-width: 991px) {

    .pzd-defect-card {
        height: 180px;
    }
}


@media (max-width: 575px) {

    .pzd-defect-section {
        padding: 20px 0;
    }


    .pzd-defect-box {
        padding: 22px 16px;
        border-radius: 15px;
    }


    .pzd-defect-heading h2 {
        font-size: 23px;
        line-height: 1.35;
    }


    .pzd-defect-heading p {
        font-size: 17px;
    }


    .pzd-defect-card {
        height: auto;
        min-height: 165px;
    }


        .pzd-defect-card h3 {
            font-size: 18px;
        }


    .pzd-defect-buttons {
        gap: 12px;
    }


    .pzd-back-btn,
    .pzd-continue-btn {
        min-width: 0;
        width: 50%;
        height: 55px;
        font-size: 17px;
    }
}
/*----------------------------------------------------------------end----------------------------------------------------*/


/*----------------------------------------------------------------problem-----------------------------------------------*/

.pfd-problem-section {
    /* padding: 15px 0; */
    background: #fff;
}


.pfd-main-box {
    padding: 28px 22px 24px;
    background: #ffffff;
    border: 1px solid #613c9542;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(20, 40, 70, 0.12);
}


.pfd-heading {
    margin-bottom: 18px;
}

    .pfd-heading h2 {
        margin: 0 0 6px;
        font-size: 22px;
        font-weight: 700;
        color: #1d2e45;
        line-height: 1.3;
    }

    .pfd-heading p {
        margin: 0;
        font-size: 16px;
        color: #627080;
    }

.pfd-problem-card {
    min-height: 120px;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #263c58;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}


    .pfd-problem-card img {
        width: 70px;
        height: 100px;
        object-fit: contain;
        flex-shrink: 0;
    }


    .pfd-problem-card span {
        font-size: 16px;
        font-weight: 500;
        color: #202b3b;
        line-height: 1.55;
    }

    .pfd-problem-card:hover {
        transform: translateY(-4px);
        border-color: #2d68ad;
        box-shadow: 0 10px 22px rgba(45, 104, 173, 0.15);
    }

    .pfd-problem-card.pfd-active {
        background: #f2f7ff;
        border-color: #2d68ad;
        box-shadow: 0 6px 18px rgba(45, 104, 173, 0.18);
    }


.pfd-btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 36px;
}


.pfd-back-btn {
    min-width: 120px;
    height: 47px;
    border: none;
    border-radius: 8px;
    background: #953b8a;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    transition: all 0.3s ease;
}


    .pfd-back-btn:hover {
        background: #603a95;
        transform: translateY(-2px);
        color: #fff;
    }

.pfd-continue-btn {
    min-width: 170px;
    height: 47px;
    border: none;
    border-radius: 7px;
    background: #603a95;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    transition: all 0.3s ease;
}


    .pfd-continue-btn:hover {
        background: #953b8a;
        transform: translateY(-2px);
        color: #fff;
    }



@media (max-width: 991px) {

    .pfd-problem-card {
        min-height: 120px;
    }
}


@media (max-width: 767px) {

    .pfd-main-box {
        padding: 22px 15px;
    }

    .pfd-heading h2 {
        font-size: 20px;
    }

    .pfd-heading p {
        font-size: 14px;
    }

    .pfd-problem-card {
        min-height: 95px;
        padding: 18px 15px;
    }

        .pfd-problem-card span {
            font-size: 14px;
        }

        .pfd-problem-card img {
            width: 24px;
            height: 24px;
        }

    .pfd-btn-area {
        gap: 12px;
        margin-top: 25px;
    }

    .pfd-back-btn,
    .pfd-continue-btn {
        min-width: auto;
        flex: 1;
        font-size: 15px;
    }
}

/*----------------------------------------------------------------end------------------------------------------------------*/

/*--------------------------------------------------------------accessries-------------------------------------------------*/
.pzh-accessories-section {
    padding: 0px 0 25px;
    background: #fff;
}

.pzh-accessories-box {
    background: #ffffff;
    border: 1px solid #d4dbe4;
    border-radius: 15px;
    padding: 28px 24px 21px;
    box-shadow: 0 8px 22px rgba(20, 35, 55, 0.12);
}


.pzh-accessories-heading {
    margin-bottom: 15px;
}

    .pzh-accessories-heading h2 {
        margin: 0 0 6px;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.3;
        color: #1e2d43;
    }

    .pzh-accessories-heading p {
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        color: #5f6c7d;
    }



.pzh-accessory-card {
    min-height: 120px;
    padding: 14px 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #263b57;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pzh-accessory-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #26303d;
    font-size: 34px;
}

    .pzh-accessory-icon i {
        color: #26303d;
    }


.pzh-accessory-card h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #202b3a;
}

.pzh-accessory-card:hover {
    transform: translateY(-3px);
    border-color: #2865aa;
    box-shadow: 0 10px 20px rgba(40, 101, 170, 0.13);
}


.pzh-accessory-card.pzh-selected {
    border-color: #2d9d90;
    background: #f2fbf9;
    box-shadow: 0 8px 18px rgba(45, 157, 144, 0.15);
}


.pzh-accessories-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 32px;
}

.pzh-back-button {
    min-width: 123px;
    height: 47px;
    border: none;
    border-radius: 8px;
    background: #953b8a;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzh-back-button:hover {
        background: #603b95;
        transform: translateY(-2px);
        color: #fff;
    }

.pzh-continue-button {
    min-width: 172px;
    height: 47px;
    border: none;
    border-radius: 7px;
    background: #603b95;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzh-continue-button:hover {
        background: #953b8a;
        transform: translateY(-2px);
        color: #fff;
    }


@media (max-width: 991px) {

    .pzh-accessory-card {
        min-height: 120px;
    }
}


@media (max-width: 767px) {

    .pzh-accessories-section {
        padding: 10px 0 20px;
    }

    .pzh-accessories-box {
        padding: 22px 15px;
    }

    .pzh-accessories-heading h2 {
        font-size: 19px;
    }

    .pzh-accessories-heading p {
        font-size: 14px;
    }

    .pzh-accessory-card {
        min-height: 100px;
        padding: 18px;
    }

    .pzh-accessory-icon {
        width: 45px;
        height: 45px;
        font-size: 27px;
    }

    .pzh-accessory-card h3 {
        font-size: 14px;
    }

    .pzh-accessories-buttons {
        margin-top: 25px;
        gap: 12px;
    }

    .pzh-back-button,
    .pzh-continue-button {
        flex: 1;
        min-width: auto;
        font-size: 14px;
    }
}
/*----------------------------------------------------------------end------------------------------------------------------*/


/*---------------------------------------------------------------pzn age--------------------------------------------------*/

.pzm-age-section {
    padding: 0px 0 22px;
    background: #ffffff;
}

.pzm-age-box {
    background: #fbf7ff;
    border: 1px solid #613c964a;
    border-radius: 16px;
    padding: 14px 14px 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
}

.pzm-age-heading {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}


    .pzm-age-heading h3 {
        margin: 0;
        color: #1d2e48;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.2px;
    }


    .pzm-age-heading p {
        margin: 0;
        color: #5e6878;
        font-size: 16px;
        font-weight: 400;
    }


.pzm-age-options {
    display: flex;
    align-items: stretch;
    gap: 16px;
    flex-wrap: wrap;
}

.pzm-age-option {
    position: relative;
    min-width: 188px;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 14px;
    background: #ffffff;
    border: 1px solid #d5d9df;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #26364e;
}

    .pzm-age-option input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.pzm-age-radio {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 1.5px solid #8d969f;
    border-radius: 50%;
    position: relative;
    transition: all 0.25s ease;
}

.pzm-age-option input:checked + .pzm-age-radio {
    border-color: #2364b5;
}

    .pzm-age-option input:checked + .pzm-age-radio::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #2364b5;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.pzm-age-option:has(input:checked) {
    border-color: #2364b5;
    background: #f8fbff;
    box-shadow: 0 4px 12px rgba(35, 100, 181, 0.10);
}

.pzm-age-option:hover {
    border-color: #2364b5;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.pzm-age-text {
    color: #26364e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    width: 100%;
}


.pzm-age-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 32px;
}


.pzm-age-back-btn {
    min-width: 122px;
    height: 46px;
    border: none;
    border-radius: 8px;
    background: #953b8a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 12px rgba(255, 90, 10, 0.20);
}


    .pzm-age-back-btn:hover {
        background: #613c96;
        transform: translateY(-2px);
        color: #fff;
    }

.pzm-age-continue-btn {
    min-width: 170px;
    height: 46px;
    border: none;
    border-radius: 7px;
    background: #613c96;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 12px rgba(29, 46, 77, 0.16);
}


    .pzm-age-continue-btn:hover {
        background: #953b8a;
        transform: translateY(-2px);
        color: #fff;
    }


    .pzm-age-back-btn:active,
    .pzm-age-continue-btn:active {
        transform: scale(0.97);
    }

@media (max-width: 991px) {

    .pzm-age-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }


    .pzm-age-options {
        gap: 15px;
    }


    .pzm-age-option {
        min-width: 200px;
        flex: 1;
    }
}


@media (max-width: 767px) {

    .pzm-age-section {
        padding: 20px 0;
    }


    .pzm-age-box {
        padding: 20px 15px;
        border-radius: 12px;
    }


    .pzm-age-heading h3 {
        font-size: 20px;
    }


    .pzm-age-heading p {
        font-size: 14px;
        line-height: 1.5;
    }


    .pzm-age-options {
        flex-direction: column;
        gap: 12px;
    }


    .pzm-age-option {
        width: 100%;
        min-height: 58px;
    }


    .pzm-age-buttons {
        margin-top: 25px;
        gap: 12px;
    }


    .pzm-age-back-btn,
    .pzm-age-continue-btn {
        flex: 1;
        min-width: auto;
        font-size: 15px;
    }
}
/*-----------------------------------------------------------------end-----------------------------------------------------*/

.pzv-answer-btn.active {
    border-color: #2867b2 !important;
}

    .pzv-answer-btn.active .pzv-radio-circle {
        border-color: #2867b2;
        box-shadow: inset 0 0 0 4px #ffffff;
        background: #2867b2;
    }

.pzd-defect-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzd-defect-card.selected {
        border-color: #9263d7 !important;
        box-shadow: 0 8px 25px rgb(97 60 150 / 17%);
        transform: translateY(-3px);
    }

    .pzd-defect-card .pzd-check-icon {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .pzd-defect-card.selected .pzd-check-icon {
        opacity: 1;
        visibility: visible;
    }

.pfd-problem-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pfd-problem-card.selected {
        border-color: #9263d7 !important;
        box-shadow: 0 8px 25px rgb(97 60 150 / 17%);
        transform: translateY(-3px);
    }


.pzh-accessory-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzh-accessory-card.selected {
        border-color: #9263d7 !important;
        box-shadow: 0 8px 25px rgb(97 60 150 / 17%);
        transform: translateY(-3px);
    }


.pzm-age-option {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .pzm-age-option.active {
        border-color: #2867b2 !important;
        box-shadow: 0 6px 20px rgba(40, 103, 178, 0.15);
    }

        .pzm-age-option.active .pzm-age-radio {
            border-color: #2867b2;
            background: #2867b2;
            box-shadow: inset 0 0 0 4px #ffffff;
        }


/*---------------------------------------------------------phnzo modal-----------------------------------------------*/
.phnzo-price-modal .modal-dialog {
    max-width: 960px;
}

.phnzo-price-content {
    position: relative;
    border: 1px solid #c7c7c7;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}


.phnzo-price-body {
    padding: 0px;
}

.phnzo-price-close {
    position: absolute;
    top: 20px;
    left: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #ffffff;
    color: #737373;
    font-size: 26px;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    box-shadow: 0px 2px 13px rgb(0 0 0 / 5%);
}


    .phnzo-price-close:hover {
        color: #ff6500;
        transform: rotate(90deg);
    }


.phnzo-price-illustration {
    width: 100%;
    height: 100%;
    min-height: 526px;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

    .phnzo-price-illustration img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }


.phnzo-price-right {
    padding: 0 20px 0 5px;
}


.phnzo-device-summary {
    min-height: 192px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 24px 28px;
    border: 1px solid #cbd0d7;
    border-radius: 8px;
    background: #ffffff;
    margin-bottom: 23px;
}


.phnzo-summary-device-img {
    width: 92px;
    flex: 0 0 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}


    .phnzo-summary-device-img img {
        max-width: 58px;
        max-height: 95px;
        width: auto;
        height: auto;
        object-fit: contain;
    }


.phnzo-summary-info {
    flex: 1;
}


    .phnzo-summary-info h4 {
        margin: 0 0 12px;
        color: #292f38;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.8;
    }


.phnzo-selling-label {
    margin: 0 0 7px;
    color: #333333;
    font-size: 20px;
    font-weight: 400;
}


.phnzo-selling-price {
    margin: 0;
    color: #333333;
    font-size: 20px;
    font-weight: 500;
}


.phnzo-login-price-btn {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: none;
    border-radius: 10px;
    background: #953b8a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}


    .phnzo-login-price-btn:hover {
        background: #613c96;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(255, 101, 0, 0.28);
        color: #fff;
    }


    .phnzo-login-price-btn i {
        font-size: 18px;
    }


.phnzo-mobile-input-wrap {
    width: 100%;
    margin-bottom: 19px;
}


.phnzo-mobile-input {
    width: 100%;
    height: 58px;
    padding: 0 24px;
    border: 1px solid #29313c;
    border-radius: 13px;
    outline: none;
    background: #ffffff;
    color: #25324a;
    font-size: 19px;
    transition: all 0.3s ease;
}


    .phnzo-mobile-input::placeholder {
        color: #8b9199;
    }


    .phnzo-mobile-input:focus {
        border-color: #1d3153;
        box-shadow: 0 0 0 3px rgba(29, 49, 83, 0.08);
    }


.phnzo-terms-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 30px;
}


    .phnzo-terms-check input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }


.phnzo-custom-checkbox {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 3px;
    border: 1px solid #8d969e;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    transition: all 0.25s ease;
}


.phnzo-terms-check input:checked + .phnzo-custom-checkbox {
    background: #1e3154;
    border-color: #1e3154;
}


    .phnzo-terms-check input:checked + .phnzo-custom-checkbox::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 9px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        top: 1px;
        left: 5px;
    }


.phnzo-terms-text {
    color: #303740;
    font-size: 17px;
    line-height: 1.8;
}


.phnzo-login-continue-btn {
    width: 100%;
    height: 58px;
    border: none;
    border-radius: 9px;
    background: #613c96;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
}


    .phnzo-login-continue-btn:hover {
        background: #953b8a;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(29, 46, 80, 0.22);
        color: #fff;
    }


    .phnzo-login-continue-btn:disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }


@media (max-width: 991px) {

    .phnzo-price-modal .modal-dialog {
        max-width: 700px;
    }


    .phnzo-price-body {
        padding: 60px 30px 30px;
    }


    .phnzo-price-illustration {
        min-height: auto;
        padding: 10px 20px 20px;
    }


        .phnzo-price-illustration img {
            max-width: 260px;
        }


    .phnzo-price-right {
        padding: 0;
    }


    .phnzo-terms-check {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {

    .phnzo-price-modal .modal-dialog {
        margin: 12px;
    }


    .phnzo-price-body {
        padding: 60px 18px 25px;
    }


    .phnzo-price-close {
        top: 12px;
        left: 12px;
        font-size: 22px;
    }


    .phnzo-price-illustration {
        padding: 0 10px 10px;
    }


        .phnzo-price-illustration img {
            max-width: 200px;
        }


    .phnzo-device-summary {
        min-height: auto;
        gap: 15px;
        padding: 18px 15px;
    }


    .phnzo-summary-device-img {
        width: 65px;
        flex: 0 0 65px;
    }


        .phnzo-summary-device-img img {
            max-width: 45px;
            max-height: 75px;
        }


    .phnzo-summary-info h4 {
        font-size: 16px;
        line-height: 1.5;
    }


    .phnzo-selling-label,
    .phnzo-selling-price {
        font-size: 16px;
    }


    .phnzo-login-price-btn {
        min-height: 58px;
        font-size: 15px;
    }


    .phnzo-mobile-input {
        height: 54px;
        font-size: 16px;
    }


    .phnzo-terms-text {
        font-size: 14px;
    }


    .phnzo-terms-check {
        margin-bottom: 25px;
    }


    .phnzo-login-continue-btn {
        height: 55px;
        font-size: 16px;
    }
}
/*------------------------------------------------------------end----------------------------------------------------*/


.question > div:first-child {
    width: 60%;
}

.error-msgmulti {
    position: absolute;
    top: 0;
    right: 0%;
    transform: translate(-38%, 10px);
    color: #ffffff !important;
    font-size: 16px;
    /* width: 100%; */
    text-align: right;
    background-color: #d50000;
    padding: 8px 10px;
}


.validation-message {
    flex-basis: 100%;
    width: 100%;
    color: crimson;
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
    line-height: 10px;
}


@media (max-width: 767px) {
    .error-msgmulti {
        left: 50%;
        transform: translate(-50%, 0px);
        font-size: 14px;
        width: 90%;
        right: auto;
        top: -18px;
    }

    .option-box {
        font-size: 14px !important;
    }

    .option-group {
        margin-left: 0px;
    }

    .category-card {
        min-height: 100px;
        gap: 5px;
    }

    .btn-continue {
        padding: 10px 20px;
    }

    .question > div:first-child {
        width: 100%;
    }

    .defect-card {
        margin: 0px 10px;
        flex-direction: column;
        padding: 5px;
    }

    .defect-icon img {
        width: 60px;
    }

    .wrap-slider img {
        height: 190px;
    }
}

.menu-link-text {
    padding-bottom: 2px;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none !important;
}



.website-search-section {
    position: relative;
    z-index: 10;
    margin-top: 0px;
    /* padding-bottom: 80px; */
    padding: 30px 0px 0px;
}

.website-search-area {
    background: #ffffff;
    padding: 30px 30px;
    border-radius: 18px;
    box-shadow: 0 15px 30px rgb(0 0 0 / 7%);
    border: 1px solid #f4f4f4;
}

.website-search-heading span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #1c5e67;
    margin-bottom: 8px;
}

.website-search-heading h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}


.website-search-form {
    width: 100%;
}

.website-search-box {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #523b6d;
    border-radius: 10px;
    padding: 5px 6px 5px 20px;
    transition: all 0.3s ease;
}

    .website-search-box:focus-within {
        border-color: #523b6d;
        background: #ffffff;
        box-shadow: 0 0 0 4px rgb(82 59 109 / 6%);
    }

/* Icon */

.website-search-icon {
    font-size: 18px;
    color: #523b6d;
    margin-right: 14px;
}

.website-search-input {
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    background: transparent;
    color: #1f2937;
    font-size: 15px;
    border: none !important;
}

    .website-search-input::placeholder {
        color: #9ca3af;
    }

.website-search-btn {
    min-width: 130px;
    height: 46px;
    border: none;
    border-radius: 8px;
    background: #523b6d;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .website-search-btn i {
        margin-left: 8px;
        transition: all 0.3s ease;
    }

    .website-search-btn:hover {
        background: #953b8a;
        color: #fff;
    }

        .website-search-btn:hover i {
            transform: translateX(4px);
        }



@media (max-width: 991px) {

    .website-search-section {
        /* margin-top: -30px; */
        padding-top: 20px;
    }

    .website-search-heading {
        margin-bottom: 25px;
    }

    .website-search-area {
        padding: 30px;
    }
}



@media (max-width: 575px) {

    .website-search-section {
        /* margin-top: -20px; */
        /* padding-bottom: 50px; */
    }

    .website-search-area {
        padding: 12px 12px;
        border-radius: 12px;
    }

    .website-search-heading h2 {
        font-size: 23px;
    }

    .website-search-box {
        padding-left: 14px;
    }

    .website-search-icon {
        font-size: 16px;
        margin-right: 10px;
    }

    .website-search-input {
        font-size: 13px;
    }

    .website-search-btn {
        min-width: 52px;
        width: 52px;
        padding: 0;
        display: block;
    }

        .website-search-btn span {
            display: none;
        }

        .website-search-btn i {
            margin-left: 0;
        }
}


@media (max-width: 767px) {
    .defect-text {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }
}