@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500&family=Roboto:wght@300;400&display=swap');




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

:root {
    --primary: #0056b0;
    --background: #f3f4f6;
    --dark-background: #9ca3af;
}

body {
    background-color: var(--background);
    min-height: 100vh;

}

.page-template-ashp-product #inner-wrap {
	background: #f2f2f2;
}

.ashp-main-sec {
    padding: 20px !important;
    max-width: 1350px;
    margin: auto;
}

h2 {
    font-weight: 500 !important;
}

.ashp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
/*     margin-top: 30px; */
}

.ashp-title {
    font-size: 28px;
    font-weight: 600;
    color: #111;
}


.ashp-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 20px;
}

.ashp-cost-card {
    background: white;
    border-radius: 10px;
    padding: 40px;
    flex: 1;
    min-width: 300px;
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
    max-width: 50%;
    margin-bottom: 20px;
}

.ashp-tabs {
    display: flex;
    margin-bottom: 20px;
    background-color: var(--background);
    padding: 5px;
    border-radius: 25px;
}

.ashp-tab {
    padding: 12px 20px;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    flex: 1;
}

.ashp-tab-active {
    background-color: #1e4bdb;
    color: white;
}

.ashp-tab-inactive {
    color: #666;
}

.ashp-price {
    font-size: 48px;
    font-weight: 600;
    margin: 20px 0 5px 0;
}

.ashp-price-note {
    color: #333;
    margin-bottom: 20px;
}

.ashp-breakdown-title {
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.ashp-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ashp-item-name {
    color: #555;
    display: flex;
    align-items: center;
}

.ashp-info-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* font-size: 18px; */
    margin-left: 5px;
    position: relative;
    cursor: pointer;
}

.ashp-item-price {
    font-weight: 500;
}

.ashp-total {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-weight: 600;
}

.ashp-grant {
    color: #2ecc71;
    border-top: 0;
    margin-top: 0;
}

.ashp-note {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}

.ashp-product-card {
    background: white;
    border-radius: 10px;
    padding: 30px;
    flex: 1;
    min-width: 300px;
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
    position: relative;
}

.ashp-product-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ashp-product-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ashp-product-image {
	flex: 1;
	min-width: 250px;
	text-align: center;
	background-color: var(--background);
	border-radius: 10px;
	padding: 10px;
	display: flex;
	align-items: center;
}
.more-details .ashp-product-specs-popup {
	min-width: 280px;
}
.ashp-product-image img {
	max-width: 100%;
	height: auto;
	/* aspect-ratio: 1/1; */
	margin: 0 auto;
	display: flex;
	width: 280px !important;
}

.ashp-product-specs {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.ashp-spec-boxes {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}

.ashp-spec-box {
    background: var(--background);
    border-radius: 10px;
    flex: 1;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}

.ashp-small-spec-box {
    width: 80%;
    border-right: solid 2px rgba(0, 0, 0, 0.116);
    padding: 10px;
}

.ashp-spec-value {
    font-size: 22px;
    font-weight: 600;
    /* margin-bottom: 5px; */
}

.ashp-spec-label {
    font-size: 14px;
}

.ashp-spec-info {
    color: var(--dark-background);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    width: 20%;

}

.ashp-features {
    margin-bottom: 20px;
}
.ashp-features ul li {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.ashp-feature {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ashp-feature-icon {
    color: #2ecc71;
    margin-right: 10px;
}

.ashp-badges {
	display: flex;
	justify-content: start;
	gap: 10px;
	margin: 0 0 10px;
	flex-wrap: wrap;
}

.ashp-badge {
	background: #9ddd46;
	color: white;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 10px;
	gap: 10px;
	width: 33.33%;
	padding: 15px;
}

.ashp-badge .fa-solid {
	background-color: white;
	padding: 8px;
	font-size: 30px !important;
	border-radius: 8px;
}
.price-match-badge-main img {
	width: 42px;
	margin: 0;
}
.warranty-badge-main i {
    color: #9ddd46;
}

.price-match-badge-main i {
    color: #0056b0;
}

.price-match-badge-main {
    background: #0056b0;
}

/* .nwe_bx2 i {
    color: #2ecc71;
}

.nwe_bx3 {
    background: #152247;
} */

.ashp-more-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--primary);
    border: solid 2px var(--primary);
    color: white;
    padding-left: 25px;
    border-radius: 55px;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    transition: all 0.1s ease;
}

.ashp-more-details-steps {
    height: 100%;
}

.ashp-more-details:hover {
    background: white;
    color: var(--primary);
}

.ashp-more-details:hover .ashp-chevron {
    background: var(--primary);
    color: white;
}

.ashp-chevron {
    background: white;
    color: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
}

.ashp-product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: var(--background);
    padding: 10px 20px;
    border-radius: 10px;
}

.ashp-product-price-label {
    font-size: 16px;
}

.ashp-product-price-value {
    font-size: 26px;
    font-weight: 600;
}

.ashp-payment-options {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;

}
.ashp-main-price p {
    font-size: 16px;
}
.ashp-payment-option {
    flex: 1;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.ashp-main-price {
    background-color: #f3f4f6;
}

.more-details .ashp-main-price {
    background: #80808045;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.more-details .ashp-payment-options {
    align-items: inherit;
}
.ashp-main-price .ashp-payment-amount {
    font-size: 20px;
    margin-bottom: 6px;
    line-height: 1.1;
}

.ashp-monthly {
    background-color: #e8f4ff;
    color: #2a40af !important;
}

.ashp-discount {
    background-color: #e8f9ef;
    color: #166534 !important;
    position: relative;
}

.ashp-discount:hover .grant-tooltip-sec {
    scale: 1;
}

.grant-tooltip-sec {
	transition: all 0.1s ease;
	scale: 0;
	position: absolute;
	background-color: #166534;
	color: white;
	font-size: 14px;
	padding: 15px;
	border-radius: 10px;
	top: 100%;
	text-align: left !important;
	width: 100%;
	left: 0px;
	z-index: 1;
	min-width: 250px;
}
.more-details .grant-tooltip-sec {
	left: 0;
}

.cylinder-box:hover .cylinder-tooltip-sec {
    scale: 1;
}

.power-box:hover .power-tooltip-sec {
    scale: 1;
}


.cylinder-tooltip-sec, .power-tooltip-sec {
	transition: all 0.1s ease;
	scale: 0;
	position: absolute;
	background-color: #0056b0;
	color: white;
	font-size: 15px;
	padding: 15px;
	border-radius: 10px;
	top: 100%;
	text-align: left !important;
	width: 100%;
	left: 1px;
	min-width: 211px;
}

.more-details .cylinder-tooltip-sec, .more-details .power-tooltip-sec {
	transition: all 0.1s ease;
	scale: 0;
	position: absolute;
	background-color: #0056b0;
	color: white;
	font-size: 15px;
	padding: 15px;
	border-radius: 10px;
	top: 100%;
	text-align: left !important;
	width: 100%;
	left: -31px;
	min-width: 211px;
	z-index: 1;
}
.more-details .ashp-product-image img {
	aspect-ratio: 1/1;
	margin: 0 auto;
	width: auto !important;
}
.more-details .ashp-badge {
	width: calc(50% - 5px);
	padding: 7px;
}
.more-details .ashp-badge .fa-solid {
	font-size: 22px !important;
}
.more-details .ashp-badges {
	margin: 15px 0 10px;
	width: 100%;
}
.more-details .warranty-badge, .more-details .price-match {
	font-size: 13px;
}
.more-details .ashp-more-details {
	width: 100%;
}
.more-details .nwe_syl img {
	max-width: 230px;
}
.more-details .ashp-product-image {
	flex-direction: column;
}
.virtual-survey:hover .virtual-survey-tooltip {
    scale: 1;
}

.home-survey:hover .home-survey-tooltip {
    scale: 1;
}

.grant-tooltip-two-sec:hover .grant-tooltip-two {
    scale: 1;
}


.home-survey-tooltip,
.virtual-survey-tooltip,
.grant-tooltip-two {
    transition: all 0.1s ease;
    scale: 0;
    position: absolute;
    background-color: #152247;
    color: white;
    font-size: 12px;
    padding: 15px;
    border-radius: 10px;
    bottom: -166px;
    text-align: left !important;
    width: 200px;
    left: -124px;
    z-index: 11111;
}

.grant-tooltip-two {
    background-color: green;
}

.ashp-payment-option i {
    position: absolute;
    top: 5px;
    right: 5px;
}

.ashp-payment-amount {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
}

.ashp-payment-note {
    font-size: 12px;
}

.warranty-badge, .price-match {
	font-size: 18px;
}

.main-side-price-box {
    display: flex;
    align-items: baseline;
}

@media screen and (max-width: 768px) {


.ashp-product-card {
	padding: 20px;
}

    .ashp-product-title {
        font-size: 20px;
    }

    .ashp-spec-value {
        font-size: 18px;
        margin-bottom: 0;
    }

    .warranty-badge,
    .price-match {
        font-size: 12px;
    }

    .ashp-badge {
        width: 100%;padding: 7px;
    }

    .ashp-payment-options {
        flex-wrap: wrap;
    }
    .ashp-payment-option {
        flex: auto;padding: 10px;
    }
    .ashp-cost-card {
        padding: 20px;
    }
	.more-details .ashp-badge {
		width: 100%;
	}
	
	
}

@media screen and (max-width: 480px) {

.ashp-main-price p {
    font-size: 15px;
}
.ashp-product-image {
	min-width: 210px;
}
.ashp-main-price .ashp-payment-amount {
	font-size: 24px;
}
.ashp-more-details-steps {
	width: 100%;
}
.ashp-title {
	font-size: 23px;
}
.ashp-more-details {
	font-size: 16px;
}
.ashp-step-card {
	padding: 20px !important;
}
.ashp-step-card h2 {
	font-size: 1.3rem !important;
}	
.cylinder-tooltip-sec, .more-details .cylinder-tooltip-sec {
	left: auto;
	right: 0;
}
.more-details .power-tooltip-sec {
	left: 0;
}	
.more-details .ashp-more-details {
	text-align: left;
}

}

@media screen and (max-width: 384px) {
.ashp-main-price .ashp-payment-amount {
	font-size: 22px;
}
    .ashp-main-price p {
        font-size: 13px;
    }

}


.ashp-step-container {
    width: 100%;
    background-color: #e6f0fa;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Header section */
.ashp-step-heder-text {
	width: 750px;
	max-width: 100%;
}
.ashp-step-header {
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ashp-step-header h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.ashp-step-header p {
    font-size: 1.1rem;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.ashp-step-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0056d2;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.ashp-step-button:hover {
    background-color: #003bb5;
}

.ashp-step-button span {
    margin-left: 5px;
}

/* Content section with cards */
.ashp-step-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.ashp-step-card {
    flex: 1;
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
    position: relative;
}

.ashp-step-card h2 {
    font-size: 1.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.ashp-step-number {
    color: #0056d2;
    font-size: 1.5rem;
    margin-right: 10px;
}

.ashp-step-card p {
    font-size: 1rem;
    color: #4a4a4a;
    line-height: 1.5;
}



/* Responsive design */
@media (max-width: 768px) {
    .ashp-step-content {
        flex-direction: column;
    }


    .ashp-step-button {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .ashp-step-header h1 {
        font-size: 2rem;
    }

    .ashp-step-container {
        padding: 20px;
    }
}

/* popup */

.ashp-product-details-popup {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.ashp-payment-options-popup {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: column;
}

.more-details .modal-content {
    max-width: 900px;
    width: 100%;
}

.more-details .modal-content .boxes {
    padding: 40px;
    background-color: white;
    border-radius: 20px;
}

.popup-more-detail-sec {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    background: var(--background);
    padding: 20px;
    border-radius: 10px;
}

.ashp-product-image-detial-sec {
    width: 40%;
}

.ashp-product-image-detial-sec img {
    max-width: 270px;
}



.popup-more-detail-sec-desc {
    width: 60%;
}

.popup-more-detail-sec-desc ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.popup-more-detail-sec-desc ul li {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.popup-more-detail-sec-desc h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popup-specs-main-sec {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.spec-sec,
.dim-sec {
    width: 50%;
    background-color: var(--background);
    padding: 30px;
    border-radius: 10px;
}

.popup-specs-main-sec h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.dim-box {
    display: flex;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 10px;
    border: solid 1px var(--background);
}

.dim-img {
    max-width: 100px;
}

.dim-img img {
    max-width: 80px;
    padding: 10px;
    border-radius: 10px;
}

.dim-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.dim-detail h3 {
    font-size: 18px;
    font-weight: 500;
}

.dim-detail p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.spec-sec ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.spec-sec ul li {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    border-bottom: solid 1px rgba(0, 0, 0, 0.103);
    padding-bottom: 10px;
}

.popup-whats-inc h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 30px;
}

.popup-whats-inc {
    background-color: var(--background);
    padding: 30px;
    padding-top: 20px !important;
    border-radius: 10px;
    margin-top: 30px;
}

.whats-item {
    display: flex;
    gap: 20px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.103);
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.whats-itme-detail-box {
    display: flex;
    width: 80%;
    align-items: center;
    gap: 20px;
}

.whats-item-img {
    max-width: 80px;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

.whats-item-detail h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.whats-itme-price p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .ashp-product-details-popup {
        flex-direction: column-reverse;
    }

.more-details .modal-content .boxes {
	padding: 25px;
}    
.ashp-product-image-detial-sec {
    width: 100% ;
}
    .popup-more-detail-sec {
        flex-direction: column;
    }

    .ashp-product-image-detial-sec img {
        max-width: 250px;
    }

    .popup-more-detail-sec-desc {
        width: 100%;
    }

    .ashp-badges {
        display: flex;
        flex-direction: column;
    }

    .popup-specs-main-sec {
        flex-direction: column;
    }

    .spec-sec,
    .dim-sec {
        width: 100%;
        padding: 20px;
    }

    .popup-whats-inc h2 {
        margin-top: 0px;
    }

    .popup-whats-inc {
        background-color: var(--background);
        padding: 20px;
    }

    .whats-item {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 10px;
    }

    .whats-itme-detail-box {
        width: 100%;
        /* flex-direction: column; */
        align-items: start;
        gap: 10px;
        align-items: center;
    }

    .whats-itme-price {
        justify-content: start;
        display: flex;
        width: 100%;
    }

    .whats-item-img {
        max-width: 50px;
    }


    .whats-item-detail h3 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .whats-item-detail p {
        font-size: 12px;
    }

}

.book-survey-popup {
	width: 100% !important;
	max-width: 1090px !important;
	background: #fff;
	padding: 20px;
}
.modal-close {
	background: #000;
}
.waranty-ashp {
    width: 100%;
}