@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
* {	
    margin: 0;	
    padding: 0;	
    -webkit-box-sizing: border-box;	
    box-sizing: border-box;	
}
:root {	
    --cnvs-body-bg: #ffffff;	
    --cnvs-slider-bg: #f5ffde;	
}
img {	
    vertical-align: middle;	
}
body {	
    background-color: var(--cnvs-body-bg);	
	padding: 0px;	
	margin: 0px;	
	font-family: "Plus Jakarta Sans", sans-serif !important;	
}
.header {	
	position: fixed;	
    z-index: 9999;	
    background: #fff;	
    box-shadow: 0 3px 5px -6px #000;	
    transition: all .2s ease-in-out;	
    width: 100%;	
	padding-top: 0;	
	top: 0px;	
}
.header .topbar {	
	background: #173828;	
	height: 40px;	
}
.header .topbar .content-area {	
	max-width: 90rem;	
    margin: 0 auto;	
}
.top-announcement {	
	position: absolute;	
	top: 0; 	
	left: 0; 	
	right: 0;	
	background: #173828;	
	height: 40px;	
	overflow: hidden;	
	display: flex;	
	align-items: center;	
	z-index: 1000;	
}

.announcement-slider {	
	position: relative;	
	height: 100%;	
	width: 100%;	
}

.announcement-slide {	
	position: absolute;	
	width: 100%;	
	text-align: center;	
	color: #fff;	
	font-size: 16px;	
	line-height: 40px;	
	opacity: 0;	
	transition: opacity 1s ease-in-out;	
}

.announcement-slide.active {	
	opacity: 1;	
}
.header .bottombar {	
	background: #fff;	
    box-shadow: 0 2px 40px hsla(0, 0%, 90%, .502);	
	height: 80px;	
}
.header .bottombar .content-area {	
	max-width: 90%;	
    margin: 0 auto;	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
}
.header .bottombar .content-area .company-logo {	
	padding: 10px 0px;	
}
.header .bottombar .content-area .company-logo img {	
	width: 165px;	
	height: auto;	
}
.alt-countdown-box {	
	background-color: #fff6ed;	
	padding: 8px 20px;	
	border-radius: 8px;	
	display: inline-block;	
	color: #e66a00;	
	box-shadow: 0 1px 4px #00000010;	
}

.alt-time-wrapper {	
	display: flex;	
	align-items: center;	
	gap: 16px;	
	font-size: 24px;	
	font-weight: 600;	
}

.alt-time-block {	
	display: flex;	
	flex-direction: column;	
	align-items: center;	
	min-width: 45px;	
}

.alt-hrs-min-sec {	
	font-size: 22px;	
	letter-spacing: 0.5px;	
	color: #e66a00;	
}

.alt-label {	
	font-size: 10px;	
	margin-top: 2px;	
	text-transform: uppercase;	
	letter-spacing: 0.5px;	
	color: #000000;	
}

.alt-divider {	
	width: 1px;	
	height: 30px;	
	background-color: #e66a00;	
	opacity: 0.3;	
}
.first-fold-upside-outersec {	
	margin-top: 120px;	
}
.first-fold-upside-outersec .first-fold-upside {	
	position: relative;	
    padding-top: 5rem;	
    padding-bottom: 5rem;	
    overflow: hidden;	
	max-width: 90rem;	
    margin-left: auto;	
    margin-right: auto;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer {	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
	flex-wrap: wrap;	
	gap:4rem;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer .left-part {	
	width: 65%;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer .left-part h1 {	
	font-size: 4.25vw;	
    line-height: normal;	
    font-weight: 800;	
    color: #15191d;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer .left-part h1 span.hero-image-one {	
    --cnvs-hero-img-w: 150px;	
    --cnvs-hero-img-h: 60px;	
    --cnvs-hero-img: url(quietest-nights.jpg);	
    position: relative;	
    display: inline-flex;	
    justify-content: center;	
    align-items: center;	
    width: var(--cnvs-hero-img-w);	
    height: var(--cnvs-hero-img-h);	
    background-image: var(--cnvs-hero-img);	
    background-position: 50%;	
    background-repeat: no-repeat;	
    background-size: cover;	
    border-radius: 0.5rem;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer .left-part h1 span.hero-image-two {	
    --cnvs-hero-img-w: 150px;	
    --cnvs-hero-img-h: 60px;	
    --cnvs-hero-img: url(healthiest-morning.jpg);	
    position: relative;	
	display: inline-flex;	
	justify-content: center;	
	align-items: center;	
	width: var(--cnvs-hero-img-w);	
	height: var(--cnvs-hero-img-h);	
	background-image: var(--cnvs-hero-img);	
	background-position: 50%;	
	background-repeat: no-repeat;	
	background-size: cover;	
	border-radius: 0.5rem;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-upside-outer .right-part {	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer {	
	display: flex;	
	align-items: flex-start;	
	justify-content: space-between;	
	flex-wrap: wrap;	
	gap: 3rem;	
	margin-top: 2.5rem;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .left-part {	
	width: calc(50% - 1.5rem);	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .left-part .content {	
	display: flex;	
	align-items: flex-start;	
	gap: .75rem;	
	margin-top: .75rem;	
	margin-bottom: 0.25rem;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .left-part .content svg {	
	display: block;	
	vertical-align: middle;	
	height: 1.25rem;	
	width: 1.25rem;	
	flex-shrink: 0;	
	color: #05A68B;	
	margin-top: 4px;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .left-part .content span  {	
	line-height: normal;	
	font-size: 1.25rem;	
	font-weight: 300;	
	margin-top: 0;	
	color: #6F6F6F;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .right-part {	
	display: flex;	
	align-items: flex-start;	
	justify-content: space-between;	
	gap: 2rem;	
	width: calc(50% - 1.5rem);	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .right-part .content-div {	
	width: 33.33%	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .right-part .content-div p:first-child {	
	line-height: 1.2;	
	font-size: 3rem;	
	margin-bottom: 0 !important;	
	font-weight: 900 !important;	
	color: #05A68B;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .right-part .content-div p:first-child span {	
	font-size: 2rem;	
	font-weight: 800 !important;	
	color: #05A68B;	
}
.first-fold-upside-outersec .first-fold-upside .first-fold-downside-outer .right-part .content-div p:last-child {	
	font-size: 80% !important;	
	letter-spacing: 1px !important;	
	text-transform: uppercase !important;	
	margin-bottom: 0 !important;	
	font-weight: 700;	
	color: #6F6F6F;	
}
.main-banner-outer {	
	margin-top: 120px;	
    background: linear-gradient(to bottom, #fff1dd, #FFFFFF);	
}
.main-banner-outer img {	
	width: 100%;	
}
.main-banner-effect {	
	z-index: 1 !important;	
	position: absolute !important;	
	height: 100% !important;	
	width: 100% !important;	
	left: 0 !important;	
	top: 0 !important;	
}

.section2 {	
	padding-left: 2rem;	
	padding-right: 2rem;	
	margin-top: 5rem;	
}
.section2 .section2-outer-div {	
	max-width: 80rem;	
	margin-left: auto;	
    margin-right: auto;	
}
.section2 .section2-outer-div .upper-part {	
	text-align: center;	
	margin-bottom: 2.5rem;	
}
.section2 .section2-outer-div .upper-part h2 {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.section2 .section2-outer-div .upper-part p {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}
.section2 .section2-outer-div .content-part {	
	opacity: 1;	
	gap: 2rem;	
	grid-template-columns: repeat(2, minmax(0, 1fr));	
	display: grid;	
	margin-top: 1rem;	
}
.section2 .section2-outer-div .content-div {	
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; 	
	transform: none;	
	cursor: pointer;	
	position: relative;	
	border-radius: 1rem;	
	background: #fff1dd;	
	border: 1px solid #fff1dd;	
	padding: 1.25rem;	
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);	
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);	
	transition-property: all;	
	transition-timing-function: cubic-bezier(.4,0,.2,1);	
	transition-duration: .3s;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer {	
	display: flex;	
	align-items: flex-start;	
	gap: 1.25rem;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .left-part {	
	width: 15%;	
	display: flex;	
	height: 5rem;	
	align-items: center;	
	justify-content: center;	
	border-radius: 0.5rem;	
	position: relative;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .left-part img {	
	width: 115%;	
    position: absolute;	
    top: -38px;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .right-part {	
	width: 85%;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .right-part .heading {	
	margin-top: 0rem;	
	margin-bottom: .75rem;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	font-weight: 700;	
	color: #15191d;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .right-part .content {	
	display: flex;	
	align-items: flex-start;	
	gap: .75rem;	
	margin-top: .5rem;	
	margin-bottom: 0rem;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .right-part .content svg {	
	display: block;	
	vertical-align: middle;	
	height: 1rem;	
	width: 1rem;	
	flex-shrink: 0;	
	color: #173828;	
	margin-top: 4px;	
}
.section2 .section2-outer-div .content-div .cont-stru-outer .right-part .content span {	
	color: #444;	
}
.section2 .section2-outer-div .content-div:hover {	
	transform: scale(1.03);	
}
.section3 {	
	padding-left: 2rem;	
	padding-right: 2rem;	
	margin-top: 5rem;	
	margin-bottom: 5rem;	
}
.section3 .section3-outer-div {	
	max-width: 80rem;	
	margin-left: auto;	
    margin-right: auto;	
}
.section3 .section3-outer-div .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.section3 .section3-outer-div .upper-part h2 {	
	opacity: 1;	
    transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
    color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.section3 .section3-outer-div .upper-part p {	
	opacity: 1;	
    transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
    color: #173828;	
	max-width: 48rem;	
	margin-left: auto;	
    margin-right: auto;	
	text-align: center;	
}
.section3 .section3-outer-div .content-part {	
	opacity: 1;	
	margin-top: 1rem;	
	width: 100%;	
    display: grid;	
	text-align: left;	
	grid-column-gap: 2rem;	
    grid-row-gap: 2rem;	
    flex-flow: column;	
    grid-template-rows: auto;	
    grid-template-columns: 1fr 1fr 1fr;	
    grid-auto-columns: 1fr;	
    justify-content: center;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc {	
	max-width: 100%;	
    grid-column-gap: 1.25rem;	
    grid-row-gap: 1.25rem;	
    border: 1px solid #cff7e6;	
    border-radius: 1rem;	
    flex-direction: column;	
    justify-content: flex-start;	
    align-items: flex-start;	
    padding: 1.25rem;	
    transition: all .2s ease-out;	
    display: flex;	
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);	
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);	
    transition-property: all;	
    transition-timing-function: cubic-bezier(.4,0,.2,1);	
    transition-duration: .3s;	
	background-color: #fff0;	
	--e-global-color-25b034f: #FFFFFF;	
    background-image: linear-gradient(180deg, var(--e-global-color-25b034f) 0%, #fff1dd 100%);	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc:hover {	
	transform: scale(1.03);	
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;	
    cursor: pointer;	
    position: relative;	
    border: 1px solid #fff1dd;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .top-part {	
    border-radius: 50%;	
    justify-content: center;	
    align-items: center;	
    width: 6rem;	
    height: auto;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .top-part img {	
	width: 10rem;	
    height: auto;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part {	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part p {	
	margin-top: 0rem;	
    margin-bottom: .75rem;	
    font-size: 1.25rem;	
    line-height: 1.75rem;	
    font-weight: 700;	
    color: #15191d;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part p small {	
	font-weight: 500;	
	font-size: 1rem;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part .content {	
	display: flex;	
	align-items: flex-start;	
	gap: .75rem;	
	margin-top: .5rem;	
	margin-bottom: 0rem;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part .content svg {	
	display: block;	
    vertical-align: middle;	
	height: 1rem;	
	width: 1rem;	
	flex-shrink: 0;	
    color: #05a68b;	
	margin-top: 4px;	
}
.section3 .section3-outer-div .content-part .cont-part-outer-struc .middle-part .content span {	
	color: rgb(75 85 99 / 1);	
}
.top-fold-sec {	
	background-color: #f7f7f7;	
	padding-top: 5rem;	
	padding-bottom: 5rem;	
}
.top-fold-sec .tfs-outer {	
	z-index: 10;	
	gap: 4rem;	
    margin: 0 auto;	
	max-width: 80rem;	
    display: flex;	
	align-items: flex-start;	
}
.top-fold-sec .tfs-outer .tfs-left-part {	
	width: calc(50% - 2rem);	
}
.sticky-part {	
	position: sticky;	
	top: 140px;	
	align-self: flex-start;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-upper-part .hero-heading {	
	margin: 0;	
    font-synthesis: none;	
    text-rendering: optimizeLegibility;	
    font-weight: 700;	
    color: #15191d;	
    line-height: 1.2;	
	font-size: 3.75rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-upper-part .hero-subheading {	
	margin: 0;	
    font-synthesis: none;	
    font-size: 1.25rem;	
    line-height: 1.625;	
    color: #0b3424;	
	margin-top: 1.5rem;	
	margin-bottom: 0rem;	
	font-weight: 400;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-cta-part {	
	margin-top: 2.5rem;	
	display: flex;	
    flex-wrap: wrap;	
    gap: 1rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-cta-part a {	
	display: inline-flex;	
	height: 2.75rem;	
	align-items: center;	
	justify-content: center;	
	gap: .5rem;	
	white-space: nowrap;	
	border-radius: calc(0.5rem - 2px);	
    background-color: #c3ed3b;	
	padding-left: 2rem;	
    padding-right: 2rem;	
	font-size: 1rem;	
    line-height: 1.25rem;	
	font-weight: 600;	
	border: 1px solid #0b3424;	
	color: #15191d;	
	text-decoration: none;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-cta-part a span {	
	display: flex;	
	align-items: center;	
	gap: .5rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .tfs-left-cta-part a.secondary-btn {	
	height: 2.75rem;	
	border-radius: calc(0.5rem - 2px);	
    background-color: #ffffff;	
	padding-left: 2rem;	
    padding-right: 2rem;	
	font-size: 1rem;	
    line-height: 1.25rem;	
	font-weight: 600;	
	border: 1px solid #0b3424;	
	color: #0b3424;	
	text-decoration: none;	
}
.top-fold-sec .tfs-outer .tfs-left-part .hero-sec-short-benefits {	
	margin-top: 2.5rem;	
	display: grid;	
	grid-template-columns: repeat(2, minmax(0, 1fr));	
	gap: 1rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .hero-sec-short-benefits .main-point-outer {	
	display: flex;	
	align-items: center;	
	gap: .75rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .hero-sec-short-benefits .main-point-outer svg {	
	display: block;	
    vertical-align: middle;	
	color: #0b3424;	
	height: 1.25rem;	
	width: 1.25rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .hero-sec-short-benefits .main-point-outer span {	
	font-weight: 500;	
	font-size: .875rem;	
	line-height: 1.25rem;	
	color: #0b3424;	
}
.top-fold-sec .tfs-outer .tfs-left-part .trust-badge {	
	margin-top: 2.5rem;	
	padding-top: 1rem;	
	display: flex;	
	align-items: center;	
	justify-content: flex-start;	
	gap: 1rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .trust-badge-outer {	
	border-radius: 50%;	
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);	
    padding: 6px 6px;	
    width: 6rem;	
}
.top-fold-sec .tfs-outer .tfs-left-part .trust-badge-outer img {	
	width: 100%;	
	height: auto;	
}
.top-fold-sec .tfs-outer .tfs-right-part {	
	width: calc(50% - 2rem);	
}

.container {	
	max-width: 1366px;	
	padding: 0 113px;	
	margin-right: auto;	
    margin-left: auto;	
}
.ourServices {	
    background: -webkit-gradient(linear,left top,right top,from(#E6F2E7),color-stop(50%,rgba(230,242,231,0)));	
    background: linear-gradient(90deg,#E6F2E7 0%,rgba(230,242,231,0) 50%);	
    position: relative	
}
.ourServices .container {	
    padding-right: 0	
}
.ourServices .services {	
    display: -webkit-box;	
    display: -ms-flexbox;	
    display: flex	
}
.ourServices .leftSection {	
    padding-top: 80px;	
    padding-right: 30px;	
    width: 30%	
}
.ourServices .leftSection .primaryBtn {	
    margin-top: 35px	
}
.ourServices .rightSection {	
    width: 70%;	
    display: -webkit-box;	
    display: -ms-flexbox;	
    display: flex	
}
.ourServices .rightSection .content {	
    position: absolute;	
    bottom: 35px;	
    color: #fff;	
    max-width: 336px;	
    left: 30px;	
    -webkit-transition: ease 0.8s;	
    transition: ease 0.8s;	
    padding-right: 10px	
}
.ourServices .rightSection .box {	
    position: relative;	
    width: 33.33%;	
    height: 430px;	
    -webkit-transition: ease 0.8s;	
    transition: ease 0.8s	
}
.ourServices .rightSection .box:before {	
    content: "";	
    position: absolute;	
    left: 0;	
    top: 0;	
    width: 100%;	
    height: 100%;	
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(16,16,16,0)),color-stop(60%,rgba(16,16,16,0.38)),to(rgba(16,16,16,0.4784313725)));	
    background: linear-gradient(180deg,rgba(16,16,16,0) 0%,rgba(16,16,16,0.38) 60%,rgba(16,16,16,0.4784313725) 100%)	
}
.ourServices .rightSection .box img {	
    width: 100%;	
    height: 100%;	
    -o-object-fit: cover;	
    object-fit: cover	
}
.ourServices .rightSection .box h3 {	
    color: #fff;	
    font-size: 30px;	
    font-style: normal;	
    font-weight: 700;	
    line-height: normal	
}
.ourServices .rightSection .box p {	
    font-size: 14px;	
    font-style: normal;	
    font-weight: 400;	
    color: #fff;	
    height: 0;	
    margin: 0;	
    -webkit-transition: ease 0.5s;	
    transition: ease 0.5s;	
    opacity: 0	
}
.ourServices .rightSection .box:hover {	
    -webkit-transition: ease 0.8s;	
    transition: ease 0.8s;	
    border-bottom: 5px solid #007D0C	
}
.ourServices .rightSection .box:hover:before {	
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(16,16,16,0)),color-stop(60.94%,rgba(16,16,16,0.38)),to(#101010));	
    background: linear-gradient(180deg,rgba(16,16,16,0) 0%,rgba(16,16,16,0.38) 60.94%,#101010 100%)	
}
.ourServices .rightSection .box:hover p {	
    height: auto;	
    -webkit-transition: ease 0.8s;	
    transition: ease 0.8s;	
    opacity: 1	
}
.ourServices .rightSection .box:hover .content {	
    bottom: 22px;	
    -webkit-transition: ease 0.8s;	
    transition: ease 0.8s	
}
.ourServices .floatimage {	
    position: absolute;	
    bottom: -80px;	
    left: 60px	
}
.section4 {	
	padding-left: 2rem;	
	padding-right: 2rem;	
	margin-top: 5rem;	
}
.section4 .section4-outer-div {	
	max-width: 80rem;	
	margin-left: auto;	
    margin-right: auto;	
}
.section4 .section4-outer-div .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.section4 .section4-outer-div .upper-part h2 {	
	opacity: 1;	
    transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
    color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.section4 .section4-outer-div .upper-part p {	
	opacity: 1;	
    transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
    color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
    margin-right: auto;	
	text-align: center;	
}
.section4 .section4-outer-div .content-part {	
	opacity: 1;	
	margin-top: 1rem;	
	width: 100%;	
    display: grid;	
	text-align: left;	
	grid-column-gap: 2rem;	
    grid-row-gap: 2rem;	
    flex-flow: column;	
    grid-template-rows: auto;	
    grid-template-columns: 1fr 1fr 1fr;	
    grid-auto-columns: 1fr;	
    justify-content: center;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc {	
	max-width: 100%;	
    grid-column-gap: 1.25rem;	
    grid-row-gap: 1.25rem;	
    border-radius: 1rem;	
    flex-direction: column;	
    justify-content: flex-start;	
    align-items: flex-start;	
    padding: 1.25rem;	
    transition: all .2s ease-out;	
    display: flex;	
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);	
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);	
    transition-property: all;	
    transition-timing-function: cubic-bezier(.4,0,.2,1);	
    transition-duration: .3s;	
	background-color: #FFF2DA;	
    border: 1px solid #fab534;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .top-part {	
    border-radius: 50%;	
    justify-content: center;	
    align-items: center;	
    width: 6rem;	
    height: auto;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .top-part img {	
	width: 6rem;	
    height: auto;	
	border-radius: 50%;	
	border: 5px solid #ffffff;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .middle-part {	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .middle-part p {	
	margin-top: 0rem;	
    margin-bottom: .75rem;	
    font-size: 1.25rem;	
    line-height: 1.75rem;	
    font-weight: 700;	
    color: #15191d;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .middle-part p small {	
	font-weight: 500;	
	font-size: 1rem;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .middle-part .content p {	
	margin-top: 0rem;	
    margin-bottom: .75rem;	
    font-size: 14px;	
    line-height: 1.5rem;	
    font-weight: 400;	
    --tw-text-opacity: 1;	
    color: #4b5563;	
}
.section4 .section4-outer-div .content-part .cont-part-outer-struc .middle-part .content p:last-child {	
	color: #15191d;	
	font-size: 1rem;	
}
.customer-review-outer-sec {	
	max-width: 80rem;	
    margin: 0 auto;	
	margin-top: 5rem;	
}
.customer-review-outer-sec .upper-part {	
	text-align: center;	
    margin-bottom: 1.5rem;	
}
.customer-review-outer-sec .upper-part h2  {	
	opacity: 1;	
    transform: none;	
    font-size: 3rem;	
    line-height: normal;	
    --tw-text-opacity: 1;	
    color: #15191d;	
    font-weight: 700;	
    margin-bottom: 1rem;	
    text-align: center;	
}
.customer-review-outer-sec .upper-part p  {	
	opacity: 1;	
    transform: none;	
    font-size: 1.25rem;	
    line-height: 1.75rem;	
    --tw-text-opacity: 1;	
    color: #173828;	
    max-width: 48rem;	
    margin-left: auto;	
    margin-right: auto;	
    text-align: center;	
}
.customer-review-outer {	
	display: grid;	
	grid-auto-columns: 1fr;	
	grid-template-rows: auto auto;	
	grid-column-gap: 2rem;	
    grid-row-gap: 2rem;	
	grid-template-columns: 1fr 1fr 1fr;	
}
.customer-review-inner-card {	
	grid-column-gap: 16px;	
    grid-row-gap: 2rem;	
    grid-template-rows: auto;	
    grid-template-columns: 1fr;	
    grid-auto-columns: 1fr;	
    align-content: start;	
    align-items: start;	
    display: grid;	
}
.review-card {	
	width: 100%;	
	border: 1px solid #9f9f9f;	
	border-radius: 1rem;	
	padding: 1.25rem;	
	color: #333;	
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);	
}
.stars-time {	
	display: flex;	
	justify-content: space-between;	
	align-items: center;	
	font-size: 14px;	
}
.stars {	
	color: #fcaf01;	
	font-size: 1.5rem;	
}
.review-title {	
	font-size: 18px;	
	font-weight: bold;	
	margin: 8px 0;	
	color: #15191d;	
}
.review-text {	
	font-size: 14px;	
	line-height: 1.5;	
	color: #444;	
}
.read-more {	
	color: #1e90ff;	
	text-decoration: underline;	
	cursor: pointer;	
}
.review-image {	
	margin: 12px 0;	
}
.review-image img {	
	width: 60px;	
	height: auto;	
	border-radius: 4px;	
	object-fit: cover;	
}
.divider {	
	border-top: 1px solid #9f9f9f;	
	margin: 12px 0;	
}
.review-footer {	
	display: flex;	
	justify-content: space-between;	
	align-items: center;	
}
.reviewer-info {	
	display: flex;	
	align-items: center;	
}
.reviewer-info img {	
	width: 32px;	
	height: 32px;	
	border-radius: 50%;	
	margin-right: 8px;	
}
.reviewer-name {	
	font-size: 14px;	
	font-weight: bold;	
}
.verified {	
	font-size: 12px;	
	color: #173828;	
}
.review-actions {	
	display: flex;	
	gap: 10px;	
	font-size: 14px;	
	color: #888;	
}
.review-actions span {	
	cursor: pointer;	
}
.icon {	
	font-size: 14px;	
	margin-right: 4px;	
}
.faq-outer-sec {	
	background-color: #F0F0F080;	
	margin-top: 5rem;	
	padding: 5rem 0rem;	
}
.faq-sec {	
	max-width: 80rem;	
	margin: 0 auto;	
}
.faq-sec .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.faq-sec .upper-part h2 {	
	font-size: 3rem;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
}
.faq-sec .upper-part p {	
	font-size: 1.25rem;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin: auto;	
}
.faq-container {	
	max-width: 700px;	
	margin: auto;	
	background: #fff;	
	border-radius: 10px;	
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);	
}
.faq-item {	
	border-bottom: 1px solid #eee;	
}
.faq-question {	
	cursor: pointer;	
	padding: 1rem;	
	font-weight: 600;	
	display: flex;	
	justify-content: space-between;	
	align-items: center;	
	transition: background 0.3s ease;	
	color: #15191d;	
}
.faq-question:hover {	
	background-color: #DAFFF2;	
}
.faq-question.active {	
	background-color: #fff1dd;	
}
.faq-answer-wrapper {	
	height: 0;	
	overflow: hidden;	
	transition: height 0.4s ease;	
}
.faq-answer {	
	padding: 15px 20px;	
	color: #444;	
	font-size: 15px;	
}
.how-to-use-sec {	
	max-width: 80rem;	
    margin: 0 auto;	
	margin-top: 5rem;	
}
.how-to-use-sec .upper-part {	
    text-align: center;	
    margin-bottom: 1.5rem;	
}
.how-to-use-sec .upper-part h2 {	
    opacity: 1;	
    transform: none;	
    font-size: 3rem;	
    line-height: normal;	
    color: #15191d;	
    font-weight: 700;	
    margin-bottom: 1rem;	
    text-align: center;	
}
.how-to-use-sec .upper-part p {	
    opacity: 1;	
    transform: none;	
    font-size: 1.25rem;	
    line-height: 1.75rem;	
    --tw-text-opacity: 1;	
    color: #183927;	
    font-weight: 500;	
    max-width: 48rem;	
    margin-left: auto;	
    margin-right: auto;	
    text-align: center;	
}
.htu-container {	
	display: grid;	
    grid-auto-columns: 1fr;	
    grid-template-rows: auto auto;	
    grid-column-gap: 2rem;	
    grid-row-gap: 2rem;	
    grid-template-columns: 1fr 1fr 1fr 1fr;	
}
.step-box {	
	background-color: #FFF2DA;	
	width: 100%;	
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);	
	display: flex;	
	flex-direction: column;	
	align-items: center;	
    border: 1px solid #fab534;	
    border-radius: 1rem;	
	padding: 1.25rem;	
	max-width: 100%;	
}
.step-box img {	
	width: 100%;	
	border-radius: 1rem;	
	margin-bottom: 15px;	
	height: auto;	
}
.step-info {	
	display: flex;	
	align-items: flex-start;	
	text-align: left;	
	width: 100%;	
	gap: 12px;	
}
.step-number {	
	background-color: #173828;	
	color: #fff;	
	width: 40px;	
    height: 40px;	
    font-size: 1.25rem;	
	font-weight: bold;	
	display: flex;	
	align-items: center;	
	justify-content: center;	
	border-radius: 50%;	
	flex-shrink: 0;	
	margin-top: 2px;	
}
.step-text {	
	color: #15191d;	
    word-wrap: break-word;	
    flex: 1;	
    font-size: 1rem;	
    line-height: 1.5rem;	
}
.step-text b {	
	color: #15191d;	
}
.note-box {	
	max-width: 100%;	
	margin: 0 auto;	
	background: #fff1dd;	
	padding: 1.25rem;	
	border-left: 5px solid #173828;	
	border-radius: 1rem;	
	color: #444;	
	font-size: 1rem;	
    line-height: 1.75rem;	
}

.lp-add-paym-form-outer {	
    width: 50%;	
    margin: 5rem auto 80px auto;	
    border-radius: 20px;	
    padding: 0rem 1rem;	
}
.lp-add-pay-form-os {	
    border-radius: 20px 20px 0px 0px;	
    background-color: #dde7de;	
    padding: 15px 25px;	
    border: 1px solid #90ad8f;	
}
.lp-add-pay-os {	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
}
.lp-add-pay-os-leftp {	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
}
.lp-add-pay-os-leftp img {	
    width: 25px;	
    height: auto;	
    margin-right: 10px;	
}
.lp-add-pay-os-leftp span {	
    font-size: 1rem;	
    font-weight: 500;	
    line-height: 1.3em;	
    color: #15191d;	
}
.lp-add-pay-os-rightp {	
    font-size: 1.1rem;	
    font-weight: 600;	
    line-height: 1.3em;	
    color: #15191d;	
}
.lp-add-pay-os-details {	
    padding: 25px 25px 10px 25px;	
    background-color: #dde7de;	
    border: 1px solid #90ad8f;	
    border-top: none;	
}
.lp-add-pay-os-details-block {	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
}
.form-mb-15 {	
    margin-bottom: 15px;	
}
.lp-add-pay-os-details-block-leftp {	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
}
.lp-add-pay-os-details-block-leftp .thumbnails-img {	
    position: relative;	
}
.lp-add-pay-os-details-block-leftp .thumbnails-img img {	
    width: 70px;	
    height: auto;	
    border: 1px solid #90ad8f;	
    border-radius: 4px;	
}
.lp-add-pay-os-details-main {	
    width: 100%;	
    padding-left: 10px;	
}
.lp-os-details-hd {	
    font-size: 0.9rem;	
    color: #15191d;	
    max-width: 80%;	
}
.lp-add-pay-os-details-block-rightp {	
    font-size: 1rem;	
    color: #15191d;	
}
.dlp-order-summary {	
}
.dlp-order-summary-inner-part1 {	
    display: flex;	
    -webkit-box-pack: justify;	
    justify-content: space-between;	
    -webkit-box-align: center;	
    align-items: center;	
    padding-bottom: 1rem;	
    font-size: 1rem;	
    line-height: normal;	
    font-weight: 500;	
}
.dlp-order-summary-inner-part3 {	
    display: flex;	
    -webkit-box-pack: justify;	
    justify-content: space-between;	
    -webkit-box-align: center;	
    align-items: center;	
    padding-top: 1rem;	
    border-top: 1.5px dashed #90ad8f;	
    font-size: 1rem;	
    line-height: normal;	
    font-weight: 500;	
}
.applied-coupon {	
    color: #198775;	
}
.dlp-order-summary-inner-part4 {	
    display: flex;	
    -webkit-box-pack: justify;	
    justify-content: space-between;	
    -webkit-box-align: center;	
    align-items: center;	
    padding-top: 16px;	
    padding-bottom: 16px;	
    border-bottom: 1.5px dashed #90ad8f;	
    font-size: 1rem;	
    line-height: normal;	
    font-weight: 500;	
}
.dlp-order-summary-inner-part5 {	
    display: flex;	
    -webkit-box-pack: justify;	
    justify-content: space-between;	
    -webkit-box-align: center;	
    align-items: center;	
    padding-top: 16px;	
    padding-bottom: 16px;	
    font-size: 1rem;	
    line-height: normal;	
    font-weight: 700;	
}
.dlp-contact-form-inner-upsale {	
    padding: 25px 25px 25px 25px;	
    border: 1px solid #90ad8f;	
    border-top: none;	
    border-bottom: none;	
    background: #ffffff;	
}
.lp-upsale-inner {	
    padding: 1rem;	
    border: 1px solid #90ad8f;	
    border-radius: 4px;	
    background-color: #dff1de;	
}
.lp-upsale-inner-block {	
    display: flex;	
    align-items: flex-start;	
    justify-content: space-between;	
}
.lp-upsale-inner-block img {	
    width: 70px;	
    height: auto;	
    border: 1px solid #90ad8f;	
    border-radius: 4px;	
}
.lp-upsale-inner-details-main {	
    width: 100%;	
    padding-left: 10px;	
}
.lp-upsale-inner-details-hd {	
    font-size: 0.9rem;	
    color: #15191d;	
    font-weight: 600;	
}
.product-old-price-new-price {	
    padding-top: 1rem;	
    padding-bottom: 1rem;	
}
.product-price {	
    font-weight: 600;	
    color: #161618;	
    line-height: 1;	
    display: contents;	
}
.product-price .del {	
    color: #696b79;	
    font-weight: 400;	
    margin-right: 0.75rem !important;	
}
.product-price .onsale {	
    color: #15191d;	
    font-weight: 600;	
    font-size: 15px;	
}
.product-price ~ span {	
    color: #3a8300;	
    padding: 0px;	
    white-space: nowrap;	
    margin-left: 0.75rem;	
    font-size: 14px;	
    line-height: 1;	
}
.dlp-contact-form-inner-leftp {	
    padding: 0px 25px 0px 25px;	
    border: 1px solid #90ad8f;	
    border-top: none;	
    border-bottom: none;	
    background: #ffffff;	
}
.heading-container {	
    padding: 0px 0px 16px 0px;	
    font-size: 1.1rem;	
    line-height: normal;	
    color: #15191d;	
    font-weight: 600;	
}
.heading-container2 {	
    padding: 32px 16px 16px 0px;	
    	
    font-size: 1.1rem;	
    line-height: normal;	
    color: #15191d;	
    font-weight: 600;	
}
.sd-container-full {	
    width: 100%;	
    padding: 0px 0px;	
    margin: 0 auto;	
}
.sd-container {	
    width: 100%;	
    padding: 0px 0px;	
    margin: 0 auto;	
    display: grid;	
    column-gap: 25px;	
    grid-template-columns: 1fr 1fr;	
}
.sd-container-payselect {	
    width: 100%;	
    padding: 5px 0px;	
    margin: 0 auto;	
    display: grid;	
    column-gap: 25px;	
    grid-template-columns: 1fr 1fr;	
}
.sd-floating-label-content {	
    position: relative;	
    margin-bottom: 25px;	
}
.sd-floating-label-content:last-child {	
}
.sd-floating-po {	
    padding: 0px;	
}
.sd-floating-label {	
    color: #161618;	
    font-size: 13px;	
    font-weight: normal;	
    position: absolute;	
    pointer-events: none;	
    left: 10px;	
    top: 17px;	
    padding: 0 5px;	
    background: #fff;	
    transition: 0.2s ease all;	
    -moz-transition: 0.2s ease all;	
    -webkit-transition: 0.2s ease all;	
    line-height: normal;	
}
.sd-floating-input, .sd-floating-select {	
    font-size: 12px;	
    display: block;	
    width: 100%;	
    height: 50px;	
    padding: 0 15px;	
    background: #fff;	
    color: #323840;	
    border: 1px solid #90ad8f;	
    border-radius: 4px;	
    box-sizing: border-box;	
}
.sd-floating-input:focus, .sd-floating-select:focus {	
    outline: none;	
}
.sd-floating-input:focus ~ .sd-floating-label, .sd-floating-select:focus ~ .sd-floating-label {	
    top: -8px;	
    font-size: 13px;	
}
select.sd-floating-select {	
    -webkit-appearance: none;	
    -moz-appearance: none;	
    appearance: none;	
}
select.sd-floating-select::-ms-expand {	
    display: none;	
}
.sd-floating-input:not(:placeholder-shown) ~ .sd-floating-label {	
    top: -8px;	
    font-size: 13px;	
}
.sd-floating-select:not([value=""]):valid ~ .sd-floating-label {	
    top: -8px;	
    font-size: 13px;	
}
.sd-floating-select[value=""]:focus ~ .sd-floating-label {	
    top: 11px;	
    font-size: 13px;	
}
.sd-floating-select:not([multiple]):not([size]) {	
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A")!important;	
    background-position: right 15px top 50%;	
    background-repeat: no-repeat;	
}
.sd-error-input .sd-floating-input, .sd-error-input .sd-floating-select {	
    border: 2px solid #9d3b3b;	
    color: #9d3b3b;	
}
.sd-error-input .sd-floating-label {	
    font-weight: 600;	
    color: #9d3b3b;	
}
.sd-error-input .sd-floating-select:not([multiple]):not([size]) {	
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A")!important;	
}
.input-group {	
    display: flex;	
}
.input-group .sd-floating-input {	
    border-radius: 0 4px 4px 0;	
    border-left: 0;	
    padding-left: 0;	
}
.input-group-append {	
    display: flex;	
    align-items: center;	
}
.input-group-text {	
    display: flex;	
    align-items: center;	
    font-weight: 400;	
    height: 34px;	
    color: #323840;	
    padding: 0 5px 0 20px;	
    font-size: 12px;	
    text-align: center;	
    white-space: nowrap;	
    border: 1px solid #3D85D8;	
    border-radius: 4px 0 0 4px;	
    border-right: none;	
}
.remember-box {	
    display: flex;	
    align-items: center;	
}
.remember-box .check-box {	
    margin-top: 0px;	
}
.checkbox_animated {	
    margin-right: 5px;	
    width: 13px;	
    height: 13px;	
    border: 1px solid #e3e3e3;	
}
.remember-box label {	
    font-size: 12px;	
}
.pay-razorpay {	
    border: 2px solid #02042c;	
    background: #02042c !important;	
    border-radius: 4px;	
    padding: 6px 20px;	
    display: block;	
    text-align: center;	
    line-height: 30px;	
}
.pay-razorpay img {	
    height: 30px;	
}
.pay-cod {	
    border: 2px solid #2d9c59;	
    background-color: #2d9c59;	
    color: #fff;	
    border-radius: 4px;	
    padding: 6px 20px;	
    font-size: 1.25rem;	
    font-weight: 600;	
    line-height: 1.7;	
    text-decoration: none;	
    display: block;	
    text-align: center;	
}
.payment-option {	
    border-radius: 0px 0px 20px 20px;	
    border-bottom: 1px solid #90ad8f;	
    padding-bottom: 25px;	
    background: #ffffff;	
}
.payment-option p {	
    font-size: 0.9rem;	
    padding-top: 25px;	
}
.order-place-btn-wrap {	
    color: #fff;	
    font-weight: 700;	
    border-radius: 4px;	
    font-size: 16px;	
    width: 100%;	
    text-align: center;	
    padding-top: 16px;	
    margin: 0;	
}
.order-place-btn-wrap button {	
    color: #FFFFFF;	
    font-size: 18px;	
    font-weight: 600;	
    text-transform: capitalize;	
    width: 100%;	
    padding: 15px 0px 15px 0px;	
    margin: 0px 0px 0px 0px;	
    height: auto;	
    line-height: 1.5;	
    display: block;	
    border-radius: 8px;	
    text-decoration: none;	
    border: 2px solid #fd8344;	
    background: linear-gradient(to right, #e76522 0%, #fd8344 50%);	
    cursor: pointer;	
}
.payment-container {	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
}
.payment-container > .payment-radio-container {	
    width: 48.5%;	
    padding: 0rem;	
}

.pplogo-container {	
    display: flex;	
    justify-content: center;	
    align-items: center;	
    width: 100%;	
    background: #f2f4f7;	
    border: 2px solid #e8ebed;	
    border-radius: 6px;	
    padding: 5px 10px;	
    margin-bottom: 1rem;	
    position: relative;	
    flex-direction: column;	
}

.pplogo-container img {	
    height: 25px;	
    width: auto;	
}

.upi-wallet-icon-outer {	
    display: flex;	
    align-items: center;	
}

.upi-wallet-icon-block {	
    padding: 2px;	
    width: 20px;	
    margin-right: 4px;	
    height: 20px;	
    line-height: 1;	
    text-align: center;	
}

.upi-wallet-icon-block img {	
    width: 14px;	
    height: auto;	
}

.pplogo-container span {	
    line-height: 1;	
}
.radio-cod {	
    color: #15191d;	
    font-weight: 700;	
    min-height: 45px;	
    line-height: 45px !important;	
    font-size: 18px;	
    	
}
.secure-payment-outer {	
    text-align: center;	
    padding-top: 20px;	
}

.secure-payment-outer p {	
    font-size: 0.9rem;	
    padding-top: 0px !important;	
    padding-bottom: 10px !important;	
}
/* start main product-slider */
.main-slider {	
	width: 100%;	
	margin: auto;	
	border-radius: 12px;	
	overflow: hidden;	
}
.main-slider img {	
	width: 100%;	
	border-radius: 12px;	
}
.thumb-slider {	
	width: 100%;	
	max-width: 500px;	
	margin: 15px auto 0;	
}
.thumb-slider .swiper-slide {	
	opacity: 0.5;	
	cursor: pointer;	
}
.thumb-slider .swiper-slide-thumb-active {	
	opacity: 1;	
	border: 2px solid #007bff;	
	border-radius: 8px;	
}
.thumb-slider img {	
	width: 100%;	
	height: 100%;	
	border-radius: 8px;	
	object-fit: cover;	
}
/* Hide thumbnails on mobile */
@media screen and (max-width: 600px) {	
	.thumb-slider {		
		display: none;		
	}	
}
.swiper-wrapper {	
    height: auto !important;	
}
/* end main product-slider */
/* CTA CSS */
.cta-button-outer {	
	max-width: 80rem;	
    margin-left: auto;	
    margin-right: auto;	
    text-align: center;	
    padding: 3rem 0rem 0rem 0rem;	
}

.cta-button-outer button {	
    color: #ffffff;	
    font-size: 1.25rem;	
    cursor: pointer;	
    background: linear-gradient(135deg, #C21807, #FF6F61);	
    font-weight: 600;	
    line-height: normal;	
    letter-spacing: 0.25px;	
    padding: 20px 50px 20px 50px;	
    border-radius: 0.5rem;	
    border-style: solid;	
    border-width: 4px 4px 4px 4px;	
    border-color: #fff6ed;	
	font-family: "Plus Jakarta Sans", sans-serif !important;	
}

/* END CTA CSS */

/* Start media sec css */
.featured-sec {	
	background: #fff1dd;	
	padding: 30px 2rem 40px 2rem;	
	box-shadow: 0 3px 5px -6px #000;	
}
.featured-sec p {	
	font-size: 1.5rem;	
	line-height: 2rem;	
	color: #1d1d1b;	
	text-align: center;	
	font-weight: 700;	
	margin-bottom: 3rem;	
}
.featured-slider-container {	
	position: relative;	
	overflow: hidden;	
	width: 80rem;	
	margin: 0 auto;	
}
.featured-slider-track {	
	display: flex;	
	animation: scroll 30s linear infinite;	
	width: fit-content;	
}
.featured-slider-track img {	
	height: 30px;	
	margin: 0 40px;	
	flex-shrink: 0;	
}
.fade-left, .fade-right {	
	position: absolute;	
	top: 0;	
	width: 100px;	
	height: 100%;	
	z-index: 2;	
	pointer-events: none;	
}
.fade-left {	
	left: 0;	
	background: linear-gradient(to right, #fff1dd 0%, transparent 100%);	
}
.fade-right {	
	right: 0;	
	background: linear-gradient(to left, #fff1dd 0%, transparent 100%);	
}
@keyframes scroll {	
	0% { 		
		transform: translateX(0); 		
	}	
	100% { 		
		transform: translateX(-50%); 		
	}	
}
/* End media sec css */

/* customer review section */
.customer-review-outer-sec {	
	max-width: 80rem;	
	margin: 0 auto;	
	margin-top: 5rem;	
}
.customer-review-outer-sec .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.customer-review-outer-sec .upper-part h2  {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.customer-review-outer-sec .upper-part p  {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}
.testimonial-grid {	
	display: grid;	
	grid-auto-columns: 1fr;	
	grid-template-rows: auto auto;	
	grid-column-gap: 2rem;	
	grid-template-columns: 1fr 1fr 1fr 1fr;	
}
.testimonial-grid-outer {	
	grid-column-gap: 16px;	
	grid-row-gap: 2rem;	
	grid-template-rows: auto;	
	grid-template-columns: 1fr;	
	grid-auto-columns: 1fr;	
	align-content: start;	
	align-items: start;	
	display: grid;	
}
.testimonial-carddiv {	
	width: auto;	
	border-radius: 1rem;	
	padding: 1.25rem;	
	background: #fff0f9;	
	position: relative;	
	display: flex;	
	flex-direction: column;	
	justify-content: space-between;	
	border-style: solid;	
	border-width: 4px 4px 4px 4px;	
	border-color: #FFFFFF;	
	box-shadow: 0px 10px 25px 0px rgba(0, 20.755434782608695, 50.24999999999999, 0.17);	
}
.testimonial-carddiv.yellow { background: #fff1dd; }
.testimonial-carddiv.pink { background: #dae6ff; }
.testimonial-carddiv.dark {	
	background: #fff2da;	
}
.testimonial-carddiv .testimonial-quote {	
	font-size: 50px;	
	font-weight: bold;	
	color: #173828;	
	line-height: 1;	
}
.testimonial-carddiv.pink .testimonial-quote,
.testimonial-carddiv.dark .testimonial-quote {	
	color: #173828;	
}
.testimonial-carddiv .testimonial-cardtitle {	
	font-size: 15px;	
	font-weight: 700;	
	margin-bottom: 0.75rem;	
}
.testimonial-carddiv .testimonial-carddesc {	
	font-size: 13px;	
	line-height: 1.5;	
}
.testimonial-profile {	
	display: flex;	
	align-items: center;	
	gap: 10px;	
	margin-top: 12px;	
}
.testimonial-profile-top {	
	display: flex;	
	align-items: center;	
	gap: 10px;	
	margin-top: 0px;	
	margin-bottom: 12px;	
}
.testimonial-avatar {	
	width: 48px;	
	height: 48px;	
	border-radius: 50%;	
	object-fit: cover;	
}
.testimonial-user-details {	
	display: flex;	
	flex-direction: column;	
	font-size: 13px;	
}
.testimonial-user-details span {	
	font-size: 11px;	
	font-style: italic;	
}
.testimonial-stars {	
	margin-top: 2px;	
	font-size: 14px;	
	color: #f6b100;	
}
.testimonial-rating-badge {	
	position: absolute;	
	top: 12px;	
	right: 12px;	
	background: #ffd700;	
	color: #000;	
	padding: 4px 10px;	
	font-size: 13px;	
	font-weight: 600;	
	border-radius: 12px;	
}
/* end customer review section */
/* video testimonial sec */
.video-testimonials-sec {	
	background: #fff1dd;	
	margin-top: 5rem;	
	padding: 5rem 0px;	
}
.video-testimonials-outer {	
	max-width: 80rem;	
	margin-left: auto;	
	margin-right: auto;	
}
.video-testimonials-outer .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.video-testimonials-outer .upper-part h2 {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.video-testimonials-outer .upper-part p {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}
.video-testimonials-grid-outer { 	
	display: flex;	
	gap: 2rem;	
}
.video-testimonials-card {	
	border-radius: 1rem;	
	overflow: hidden;	
}
.video-testimonials-wrapper {	
	position: relative;	
	width: 100%;	
	aspect-ratio: 9 / 16;	
	background: transparent;	
	overflow: hidden;	
}
.video-testimonials-wrapper video {	
	width: 100%;	
	height: 100%;	
	object-fit: cover;	
	display: block;	
}
.play-button {	
	position: absolute;	
	top: 50%;	
	left: 50%;	
	transform: translate(-50%, -50%);	
	background: rgba(255,0,0,0.5);	
	border-radius: 50%;	
	width: 60px;	
	height: 60px;	
	display: flex;	
	align-items: center;	
	justify-content: center;	
	cursor: pointer;	
	z-index: 10;	
}
.play-button::before {	
	content: '';	
	display: block;	
	width: 0;	
	height: 0;	
	border-left: 20px solid white;	
	border-top: 12px solid transparent;	
	border-bottom: 12px solid transparent;	
}
.video-testimonials-label {	
	position: absolute;	
	top: 10px;	
	left: 10px;	
	background: #eee;	
	padding: 4px 10px;	
	border-radius: 20px;	
	font-size: 12px;	
	font-weight: bold;	
}
.verified-tag {	
	background: #173828;	
	color: #ffffff;	
	font-weight: bold;	
	padding: 8px;	
	text-align: center;	
}
.testimonial-text {	
	padding: 12px 16px;	
	font-size: 1rem;	
	line-height: 1.5;	
	color: #444;	
}
/* end video testimonial sec */

/* key ingredients sec */
.key-ingredients-section {	
	padding-left: 2rem;	
	padding-right: 2rem;	
	margin-top: 5rem;	
	margin-bottom: 5rem;	
}
.key-ingredients-outer-part {	
	max-width: 80rem;	
	margin-left: auto;	
	margin-right: auto;	
}
.key-ingredients-outer-part .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.key-ingredients-outer-part .upper-part h2 {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.key-ingredients-outer-part .upper-part p {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}
.key-ingredients-outer-part .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.key-ingredients-outer-part .content-part {	
	opacity: 1;	
	margin-top: 1rem;	
	width: 100%;	
	display: grid;	
	text-align: left;	
	grid-column-gap: 2rem;	
	grid-row-gap: 2rem;	
	flex-flow: column;	
	grid-template-rows: auto;	
	grid-template-columns: 1fr 1fr 1fr 1fr;	
	grid-auto-columns: 1fr;	
	justify-content: center;	
}
.card {	
	width: 100%;	
	/*height: 360px;*/	
	height: 270px;	
	border-radius: 10px;	
	position: relative;	
	overflow: hidden;	
	transition: box-shadow 0.3s ease;	
	cursor: pointer;	
	/*--e-global-color-25b034f: #FFFFFF;		
	background-image: linear-gradient(180deg, var(--e-global-color-25b034f) 40%, #fff1dd 100%);*/	
	border: 1px solid #9f9f9f;	
}
.card:hover {	
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);	
}
.image-box {	
	height: 160px;	
	overflow: hidden;	
	transition: transform 0.4s ease;	
}
.image-box img {	
	width: 100%;	
	height: 100%;	
	object-fit: cover;	
	display: block;	
	transition: transform 0.4s ease;	
}
.card:hover .image-box {	
	transform: translateY(-100%);	
}
/*.text-area {	
	padding: 20px;	
	position: absolute;	
	top: 160px;	
	left: 0;	
	right: 0;	
	transition: transform 0.4s ease;	
}*/
.text-area {	
    padding: 25px 10px 0;	
    position: absolute;	
    top: 160px;	
    left: 0;	
    right: 0;	
    transition: transform 0.4s ease;	
}
.card:hover .text-area {	
	transform: translateY(-160px);	
}
.heading {	
	margin-top: 0rem;	
	margin-bottom: .75rem;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	font-weight: 700;	
	color: #15191d;	
}
.heading small {	
	font-weight: 500;	
	font-size: 1rem;	
}
.desc {	
	font-size: 14px;	
	color: #555;	
	line-height: 1.5;	
	opacity: 0;	
	max-height: 0;	
	overflow: hidden;	
	transition: opacity 0.3s ease, max-height 0.3s ease;	
}
.desc .content {	
	display: flex;	
	align-items: flex-start;	
	gap: .75rem;	
	margin-top: .5rem;	
	margin-bottom: 0rem;	
}
.desc .content svg {	
	display: block;	
	vertical-align: middle;	
	height: 1rem;	
	width: 1rem;	
	flex-shrink: 0;	
	color: #173828;	
	margin-top: 4px;	
}
.desc .content span {	
	color: #444;	
}
/*.card:hover .desc {	
	opacity: 1;	
	max-height: 200px;	
	}	
	.cta a {	
	position: absolute;	
	bottom: 16px;	
	left: 20px;	
	font-size: 14px;	
	color: #173828;	
	text-decoration: none;	
	font-weight: 600;	
	}	
*/
.card:hover .desc {	
    opacity: 1;	
    max-height: 120px;	
    overflow: auto;	
}
.cta a {	
    position: absolute;	
    bottom: 30px;	
    right: 10px;	
    font-size: 14px;	
    color: #173828;	
    text-decoration: none;	
    font-weight: 600;	
}
/* end key ingredients sec */

/* key ingredients custom popup sec */
.custom-modal {	
	display: none;	
	position: fixed;	
	z-index: 9999;	
	left: 0;	
	top: 0;	
	width: 100%;	
	height: 100%;	
	overflow: auto;	
	background-color: rgba(0,0,0,0.5);	
}

.popup-box1 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box1 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/almond.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box2 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box2 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/berry.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box3 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box3 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/black-plum.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box4 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box4 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/chirata.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box5 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box5 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/colocynth.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box6 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box6 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/gudmar.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box7 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box7{	
	position: relative;	
	background-image: url('/t/diaba-classic/images/nigella-seeds.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

.popup-box8 * {	
	position: relative;	
	z-index: 1;	
}

.popup-box8 {	
	position: relative;	
	background-image: url('/t/diaba-classic/images/nimboli.webp'); 	
	background-size: cover;	
	background-position: center;	
	color: #000;	
	overflow: hidden;	
}

/* Overlay to lighten image */
.popup-overlay {	
	position: absolute;	
	top: 0; 	
	left: 0; 	
	right: 0; 	
	bottom: 0;	
	background-color: rgba(255, 255, 255, 0.75); 	
	backdrop-filter: blur(3px); 	
	z-index: 0;	
	border-radius: 8px;	
}

.modal-content {	
	background-color: #fff;	
	margin: 10% auto;	
	padding: 20px 30px;	
	border-radius: 8px;	
	width: 80%;	
	max-width: 500px;	
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);	
	animation: fadeIn 0.3s ease-out;	
}

.modal-content h2 {	
	margin-bottom: 1.5rem;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	font-weight: 700;	
	color: #15191d;	
}

.modal-content h2 small {	
	font-weight: 500;	
	font-size: 1.05rem;	
}

.modal-content p {	
	font-weight: 600;	
	font-size: 1.15rem;	
	margin-bottom: 1.5rem;	
}

.modal-content p:last-child {	
	font-size: 1rem;	
	line-height: 1.5;	
	margin-bottom: 0rem;	
	font-weight: 400;	
}

.close-btn {	
	float: right;	
	font-size: 24px;	
	font-weight: bold;	
	color: #555;	
	cursor: pointer;	
	line-height: 0;	
	z-index: 2;	
}

.close-btn:hover {	
	color: #000;	
}

@keyframes fadeIn {	
	from {opacity: 0; transform: translateY(-20px);}	
	to {opacity: 1; transform: translateY(0);}	
}
/* end key ingredients custom popup sec */

/* product details read more */
.read-more-container {	
	width: 100%;	
	margin-bottom: 1.5rem;	
}

.read-more-text {	
	max-height: 2.75em;	
	overflow: hidden;	
	transition: max-height 0.5s ease;	
	font-size: 14px;	
	line-height: normal;	
	color: #444;	
}

.read-more-text.expanded {	
	max-height: 500px; /* large enough to show full text */	
}

.read-more-btn {	
	background: none;	
	border: none;	
	color: #0073e6;	
	cursor: pointer;	
	margin-top: 5px;	
	padding: 0;	
	font-weight: bold;	
}
/* end product details read more */

/* product detail benefits sec */
.key_benefits {	
	display: grid;	
	grid-column-gap: 10px;	
	grid-row-gap: 10px;	
	flex-flow: column;	
	grid-template-rows: auto;	
	grid-template-columns: 1fr 1fr 1fr;	
	width: 100%;	
}
.key_items {	
	width: 100%;	
	padding: 10px 10px;	
	background-color: #fff1dd;	
	border-radius: 10px;	
	text-align: center;	
	display: flex;	
	flex-direction: column;	
	grid-row-gap: 10px;	
	align-items: center;	
	border: 1px solid #173828;	
}
.key_items .icon-outer {	
	width: 50px;	
	height: auto;	
	text-align: center;	
	display: flex;	
	align-items: center;	
	justify-content: center;	
}
.key_items .icon-outer img {	
	height: 30px;	
	filter: invert(52%) sepia(12%) saturate(1856%) hue-rotate(68deg) brightness(94%) contrast(91%);	
}
.key_items h3 {	
	font-size: 12px;	
	line-height: normal;	
	letter-spacing: normal;	
	color: #444444;	
	text-transform: none;	
	margin: 0px;	
	font-weight: 800;	
}
/* end product detail benefits sec */

/* product details variant card css */
.variant-cards {	
	display: flex;	
	gap: 10px;	
	flex-wrap: wrap;	
	margin-top: 1.5rem;	
	margin-bottom: 1.5rem;	
}
.pack-card {	
	border: 2px solid #ddd;	
	border-radius: 10px;	
	padding: 0px;	
	width: calc(33.33% - 7px);	
	text-align: center;	
	cursor: pointer;	
	position: relative;	
	transition: 0.3s ease;	
	display: flex;	
	/*grid-column-gap: 1.25rem;		
	grid-row-gap: 1.25rem;*/	
	flex-direction: column;	
	justify-content: flex-start;	
	align-items: flex-start;	
}
.pack-card .upper-part {	
	background-color: #fff2da;	
	width: 100%;	
	border-radius: 10px 10px 0px 0px;	
	padding: 10px;	
	position: relative;	
	display: flex;	
	align-items: center;	
	justify-content: center;	
	min-height: 80px;	
}
.pack-card .upper-part .free-gift {	
	color: #15191d;	
	font-size: 12px;	
	line-height: normal;	
	margin-bottom: 1rem;	
	font-weight: 600;	
}
.pack-card .bottom-part {	
	background-color: #fff;	
	width: 100%;	
	border-radius: 0px 0px 10px 10px;	
	padding: 10px;	
}
.pack-card input[type="radio"] {	
	display: none;	
}
.pack-card-label {	
	background: #15191d;	
	color: #fff;	
	font-size: 13px;	
	font-weight: 600;	
	padding: 5px 10px;	
	border-radius: 4px 4px 0px 0px;	
	display: inline-block;	
	position: absolute;	
	bottom: 0;	
	width: 70%;	
}
.pack-card-info-outer {	
	display: flex !important;	
	justify-content: space-between;	
	gap: 5px;	
}
.pack-card-info-outer .servings-mta {	
	font-size: 10px;	
	display: flex;	
	align-items: center;	
	flex-direction: column;	
	letter-spacing: 0px;	
	gap: 5px;	
	color: #15191d;	
	width: 50%;	
}
.pack-card-info-outer .servings-mta svg {	
	color: #777;	
	width: 20px;	
	height: 20px;	
}
.pack-card-price-outer {	
	display: flex !important;	
	justify-content: space-between;	
	margin-top: 15px;	
}
.pack-card-price-outer .pack-card-price {	
	font-size: 18px;	
	font-weight: 600;	
	line-height: 19px;	
	color: #15191d;	
	text-align: left;	
}
.pack-card-price-outer .pack-card-price small {	
	font-size: 10px;	
	margin-top: 5px;	
	font-style: italic;	
	line-height: 2.5;	
}
.pack-card-price-outer .del-price {	
	font-size: 12px;	
	opacity: 1;	
	position: relative;	
	color: #da2020;	
	font-weight: 500;	
}
.strike {	
	text-decoration: line-through;	
	color: #888;	
	font-size: 14px;	
	margin-left: 5px;	
}
.pack-card-note {	
	font-size: 12px;	
	color: #777;	
	margin-top: 6px;	
}
.pack-card input[type="radio"]:checked + .pack-card-label,
.pack-card input[type="radio"]:checked ~ .pack-card-info,
.pack-card input[type="radio"]:checked ~ .upper-part,
.pack-card input[type="radio"]:checked ~ .bottom-part,
.pack-card input[type="radio"]:checked ~ .pack-card-price,
.pack-card input[type="radio"]:checked ~ .pack-card-note {	
}
.pack-card input[type="radio"]:checked ~ .upper-part {	
	background-color: #fab534;	
}
.pack-card input[type="radio"]:checked ~ .bottom-part {	
	background-color: #ffffff;	
}
.pack-card input[type="radio"]:checked ~ .upper-part .free-gift {	
	color: #000000;	
    font-weight: 800;	
}
.pack-card:has(input[type="radio"]:checked) {	
	background-color: #fab534 !important;	
	border-color: #fab534;	
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);	
}
/* end product details variant card css */

/* */
.product-details {	
	margin: auto;	
	color: #333;	
}
.product-heading h1 {	
	font-size: 2.25rem;	
	margin-top: 0rem;	
	margin-bottom: 0rem;	
	color: #15191d;	
	line-height: normal;	
}
.subtitle {	
	color: #183927;	
    font-weight: 500;	
	margin-top: 1rem;	
	margin-bottom: 1.5rem;	
	font-size: 1.15rem;	
}
.rating {	
	font-size: 14px;	
	margin-bottom: 1rem;	
	display: flex;	
	align-items: center;	
	gap: 10px;	
}
.add-to-cart {	
	width: 100%;	
	color: #ffffff;	
	font-size: 1.1rem;	
	cursor: pointer;	
	background: linear-gradient(135deg, #C21807, #FF6F61);	
	font-weight: 500;	
	line-height: 1.1;	
	letter-spacing: 0.25px;	
	padding: 15px 35px 15px 35px;	
	border-radius: 0.5rem;	
    border-style: solid;	
    border-width: 4px 4px 4px 4px;	
    border-color: #FFFFFF;	
	text-transform: uppercase;	
	font-family: "Plus Jakarta Sans", sans-serif !important;	
}
.price-note {	
	font-size: 0.8rem;	
	color: #888;	
	text-align: center;	
	margin-bottom: 2rem;	
	margin-top: 0.5rem;	
}
.benefits {	
	display: flex;	
	justify-content: space-between;	
	text-align: center;	
	margin-bottom: 2rem;	
	gap: 1rem;	
}
.benefits .benefit {	
	width: 25%;	
	font-size: 12px;	
	line-height: normal;	
	letter-spacing: normal;	
	color: #15191d;	
	font-weight: 800;	
}
.benefits .benefit svg {	
	height: 32px;	
	display: block;	
	margin: 0 auto 0.5rem;	
}
.expert-quote {	
	border: 1px solid #173828;	
	padding: 1rem;	
	display: flex;	
	gap: 1rem;	
	margin: 0rem 0rem 0rem 0rem;	
	background-color: #fff1dd;	
	border-radius: 10px;	
}
.expert-quote p {	
	margin: 0rem 0rem;	
	font-size: 14px;	
	line-height: normal;	
	color: #444;	
}
.expert-quote img {	
	width: 48px;	
	height: 48px;	
	border-radius: 50%;	
}
.accordion {	
	width: 100%;	
	border-top: 1px solid #ccc;	
	margin-top: 2rem;	
}
.accordion-item {	
	border-bottom: 1px solid #ccc;	
}
.accordion-header {	
	padding: 1rem;	
	cursor: pointer;	
	display: flex;	
	justify-content: space-between;	
	font-weight: bold;	
	font-size: 14px;	
	transition: background 0.3s;	
	background-color: #f9f9f9;	
}
.accordion-header:hover {	
	background-color: #f9f9f9;	
}
.accordion-body {	
	padding: 0rem 0rem 1rem 0rem;	
	font-size: 13px;	
	color: #555;	
	display: none;	
	animation: fadeIn 0.3s ease;	
}
.accordion-body ul, .accordion-body ol {	
	margin: 0px 0px 1rem 0px;	
	padding: 0;	
	padding-left: 1rem;	
}
.accordion-item.active .accordion-body {	
	display: block;	
}
.accordion-item .arrow {	
	transition: transform 0.3s;	
}
.accordion-item.active .arrow {	
	transform: rotate(180deg);	
}
@keyframes fadeIn {	
	from {		
		opacity: 0;		
		transform: translateY(-5px);		
	}	
	to {		
		opacity: 1;		
		transform: translateY(0);		
	}	
}
.testimonial-slider {	
	width: 100%;	
	margin: 2rem auto 0 auto;	
	overflow: hidden;	
	position: relative;	
}
.testimonial-track {	
	display: flex;	
	transition: transform 0.5s ease-in-out;	
}
.testimonial-card {	
	flex: 0 0 100%;	
	display: flex;	
	align-items: center;	
	background: #fff2da;	
	border-radius: 10px;	
	padding: 1rem;	
	min-height: 120px;	
	gap: 1rem;	
}
.avatar {	
	width: 60px;	
	height: 60px;	
	border-radius: 50%;	
	margin-right: 15px;	
}
.testimonial-content p {	
	margin: 0;	
	font-size: 14px;	
	color: #333;	
}
.testimonial-content span {	
	display: block;	
	margin-top: 8px;	
	font-weight: bold;	
	font-size: 14px;	
	color: #444;	
}
/* end */

/* authenticity css */
.authenticity-section {	
	background: #fff1dd;	
	text-align: center;	
}

.authenticity-section-outer {	
	max-width: 80rem;	
	margin-left: auto;	
	margin-right: auto;	
	padding: 5rem 0rem;	
}

.authenticity-section-outer .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}

.authenticity-section-outer .upper-part h2 {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #15191d;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}

.authenticity-section-outer .upper-part p {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}

.authenticity-section .subheading {	
	font-size: 14px;	
	color: #666;	
	margin-bottom: 10px;	
}

.authenticity-section .heading {	
	font-size: 32px;	
	font-weight: 600;	
	color: #111;	
	margin-bottom: 40px;	
}

.authenticity-grid {	
	display: flex;	
	justify-content: center;	
	margin: 0 auto;	
	border-radius: 20px;	
	overflow: hidden;	
	/*border: 1px solid #d6e1eb;*/	
}

.auth-box {	
	flex: 1;	
	padding: 40px 20px;	
	border: 1px solid #173828;	
	border-bottom: 0px solid #d6e1eb;	
	transition: all 0.3s ease;	
	border-radius: 25px 25px 0px 0px;	
}
.auth-box.border-none {	
	border-left: none;	
}
.auth-box.border-none2 {	
	border-right: none;	
}

.auth-box.first {	
	border-left: none;	
}

.auth-box.last {	
	border-right: none;	
}

.auth-number {	
	margin-bottom: 1.25rem;	
		
	font-size: 3rem;	
	line-height: normal;	
	color: #15191d;	
	font-weight: 900;	
}

.auth-text {	
	font-size: 14px;	
	color: #173828;	
	font-weight: 600;	
	text-transform: uppercase;	
}

@media (max-width: 768px) {	
	.authenticity-grid {		
		flex-direction: column;		
		border-radius: 20px;		
	}	
	.auth-box {		
		border-left: none;		
		border-top: 1px solid #d6e1eb;		
	}	
	.auth-box:first-child {		
		border-top: none;		
		border-top-left-radius: 20px;		
		border-top-right-radius: 20px;		
	}	
	.auth-box:last-child {		
		border-bottom-left-radius: 20px;		
		border-bottom-right-radius: 20px;		
	}	
}
/* end authenticity css */

/* product complete css */
.product-complete {	
	padding: 5rem 0rem 5rem 0rem;	
}
.product-complete .upper-part {	
	text-align: center;	
	margin-bottom: 1.5rem;	
}
.product-complete .upper-part h2 {	
	opacity: 1;	
	transform: none;	
	font-size: 3rem;	
	line-height: normal;	
	--tw-text-opacity: 1;	
	color: #0a0d14;	
	font-weight: 700;	
	margin-bottom: 1rem;	
	text-align: center;	
}
.product-complete .upper-part p {	
	opacity: 1;	
	transform: none;	
	font-size: 1.25rem;	
	line-height: 1.75rem;	
	--tw-text-opacity: 1;	
	color: #183927;	
    font-weight: 500;	
	max-width: 48rem;	
	margin-left: auto;	
	margin-right: auto;	
	text-align: center;	
}
.product-complete .product-complete-container {	
	max-width: 80rem;	
	margin: 0 auto;	
}
.product-complete .product-complete-container .product-complete-row {	
	display: -ms-flexbox;	
	display: -webkit-flex;	
	display: flex;	
	-ms-flex-wrap: wrap;	
	-webkit-flex-wrap: wrap;	
	flex-wrap: wrap;	
	margin-right: -15px;	
	margin-left: -15px;	
}
.product-complete .product-complete-container .product-complete-row .product-complete-col-md-4 {	
	-ms-flex: 0 0 25%;	
	-webkit-flex: 0 0 25%;	
	flex: 0 0 25%;	
	max-width: 25%;	
}
.product-complete__title {	
	text-align: center;	
	margin: 0 auto 1rem;	
}
.product-complete__desc {	
	text-align: center;	
	max-width: 600px;	
	margin: 0 auto 3rem;	
}
.product-complete .item-container {	
	padding: 2rem 0 2rem 0;	
}
.product-complete .item-container.has-3-col .item:nth-last-child(-n+4) {	
	border-bottom: 1px solid #d0d6dd;	
}
.product-complete .item-container.has-3-col .item:nth-child(4n) {	
	border-right: 1px solid #d0d6dd;	
}
.product-complete .item-container.has-3-col .item:nth-last-child(-n+3) {	
	border-bottom: 0;	
}
.product-complete .item-container.has-3-col .item:nth-child(4n) {	
	border-right: 0;	
}
.product-complete .item-container.has-3-col .item:nth-child(3):not(:last-child) {	
	border-bottom: 1px solid #d0d6dd;	
}
.product-complete .item {	
	z-index: 1;	
	position: relative;	
	border-bottom: 1px solid #d0d6dd;	
	border-right: 1px solid #d0d6dd;	
}
.product-complete .item:nth-last-child(-n+4) {	
	border-bottom: 0;	
}
.product-complete .item:last-child {	
	border-right: 0;	
}
.product-complete .item:hover {	
	z-index: 2;	
}
.product-complete .item__wrap {	
	display: -webkit-flex;	
	display: -ms-flexbox;	
	display: flex;	
	-webkit-flex-direction: column;	
	-ms-flex-direction: column;	
	flex-direction: column;	
	height: 100%;	
	position: relative;	
	padding: 2rem 1rem 1rem;	
	color: #545465;	
}
.product-complete .item__wrap:before {	
	z-index: 1;	
	content: "";	
	display: block;	
	position: absolute;	
	top: 0;	
	left: 0;	
	bottom: 0;	
	right: 0;	
	border-radius: 4px;	
	background: #fff;	
	transition: all .2s ease;	
	box-shadow: 0 0 0 rgba(0,0,0,.25);	
}
.product-complete .item__wrap * {	
	z-index: 2;	
	position: relative;	
}
.product-complete .item__wrap:hover {	
	color: #545465;	
	text-decoration: none;	
}
.product-complete .item__wrap:hover .link-more {	
	opacity: 1;	
}
.product-complete .item__wrap:hover:before {	
	top: -1.5rem;	
	left: -1.5rem;	
	bottom: -2.5rem;	
	right: -1.5rem;	
	background: #fff;	
	box-shadow: 0 10px 20px rgba(0,0,0,.25);	
}
.product-complete .item__wrap:hover .icon {	
	opacity: 1;	
	filter: invert(30%) sepia(18%) saturate(2435%) hue-rotate(81deg) brightness(86%) contrast(76%);	
}
.product-complete .item .icon {	
	object-fit: contain;	
	object-position: 50% 50%;	
	margin: 0 auto 1.25rem 0;	
	opacity: 1;	
	transition: all .2s ease-in-out;	
	filter: brightness(0) saturate(100%) invert(15%) sepia(45%) saturate(533%) hue-rotate(98deg) brightness(97%) contrast(92%);	
	width: 50px;	
}
.product-complete .item .logo {	
	height: 32px;	
	width: auto;	
	display: block;	
	margin: 0 0 20px;	
}
.product-complete .item .link-more {	
	display: block;	
	color: #334ac0;	
	position: absolute;	
	left: 0;	
	bottom: -1.25rem;	
	opacity: 0;	
	transition: all .2s ease;	
}
.product-complete .item .link-more img {	
	display: inline-block;	
	vertical-align: middle;	
	width: 1.5rem;	
	height: .5rem;	
	margin-left: .5rem;	
}
.product-complete .item.text-center .icon {	
	margin: 0 auto 1.25rem;	
}
@media (max-width: 479px) {	
	.top-banner.variant_one {		
		margin-top:64px;		
	}	
}
@media (max-width: 768px) {	
	.product-complete {		
		padding:32px 0;		
	}	
	.product-complete .item-container {		
		padding: 0;		
	}	
	.product-complete .item {		
		border-bottom: 1px solid #d0d6dd;		
	}	
	.product-complete .item .link-more {		
		opacity: 1;		
		visibility: visible;		
		position: relative;		
		display: inline-block;		
		left: inherit;		
		bottom: inherit;		
	}	
	.product-complete .item:last-child {		
		border-bottom: 0!important;		
	}	
	.product-complete .item__wrap {		
		padding: 16px 0;		
	}	
	.product-complete .item-container.has-3-col .item:nth-last-child(-n+3) {		
		border-right: 0;		
		border-bottom: 1px solid #d0d6dd;		
	}	
}
.product-complete .item h3 {	
	font-size: 1.25rem;	
	line-height: 1.6em;	
	margin: 0 0 1rem;	
	font-weight: 700;	
	color: #15191d;	
}
.product-complete .item .item__content p {	
	margin: 0 0 24px;	
	line-height: 1.65;	
	color: #444;	
}
/* end product complete css */

/* form section css */
.form-section {	
	background: rgb(23 56 40 / 100%);	
	padding: 5rem 0rem;	
}
.form-container {	
	display: flex;	
	max-width: 80rem;	
	margin: 0 auto;	
	background: #fff;	
	border-radius: 1rem;	
	overflow: hidden;	
	box-shadow: 0 0 0 1px #e0e0e0;	
	position: relative;	
}
.gh-portal-popup-background {	
	position: absolute;	
	display: block;	
	top: 0;	
	right: 0;	
	bottom: 0;	
	left: 0;	
	animation: fadein 0.2s;	
	--blackrgb: 0, 0, 0;	
	background: linear-gradient(315deg, rgba(var(--blackrgb), 0.2) 0%, rgba(var(--blackrgb), 0.1) 100%);	
	backdrop-filter: blur(2px);	
	-webkit-backdrop-filter: blur(2px);	
	-webkit-transform: translate3d(0, 0, 0);	
	-moz-transform: translate3d(0, 0, 0);	
	-ms-transform: translate3d(0, 0, 0);	
	transform: translate3d(0, 0, 0);	
}
@keyframes fadein {	
	0% {		
		opacity: 0;		
	}	
	100% {		
		opacity: 1.0;		
	}	
}
.left, .right { padding: 40px; }
.left { flex: 2; }
.right {	
	flex: 1;	
	background: #fff1dd;	
	border-left: 1px solid #e0e0e0;	
}
h1 {	
	font-size: 28px;	
	font-weight: 700;	
	margin-bottom: 30px;	
	color: #fff1dd;	
	line-height: 1;	
}
.section-title {	
	font-size: 16px;	
	font-weight: 800;	
	color: #0a0d14;	
	margin: 24px 0 16px;	
	text-transform: uppercase;	
}
.payment-row {	
	display: flex;	
	gap: 20px;	
	flex-wrap: wrap;	
}
.payment-column {	
	width: calc(50% - 10px);	
}
.payment-box {	
	display: flex;	
	align-items: center;	
	gap: 15px;	
	border: 1px solid #ccc;	
	border-radius: 4px;	
	padding: 5px 15px;	
	background: #fff;	
	flex: 1;	
	min-width: 250px;	
	cursor: pointer;	
	transition: border-color 0.3s;	
	min-height: 53px;	
	margin-bottom: 0px !important;	
}
.payment-box:hover { border-color: #173828; }
.payment-box input { accent-color: #173828; }
.payment-box img.icon { height: 25px; }
.badge-row {	
	display: flex;	
	gap: 6px;	
}
.badge-row img { height: 16px; }

.form-grid {	
	display: grid;	
	grid-template-columns: 1fr 1fr;	
	gap: 20px;	
}
.form-row {	
	display: flex;	
	flex-direction: column;	
}
.form-row.full { grid-column: 1 / -1; }
label { font-size: 14px; margin-bottom: 6px; color: #3c3c3c; font-weight: 600; }
label span { color: #D00; }
input, select {	
	font-size: 15px;	
	padding: 12px;	
	border: 1px solid #ccc;	
	border-radius: 4px;	
}
input[type='checkbox'] { margin-top: 2px; }

.right .summary-title {	
	margin-bottom: 25px;	
	font-size: 16px;	
	font-weight: 800;	
	color: #0a0d14;	
	text-transform: uppercase;	
	line-height: 1;	
}
.summary-box {	
	margin-bottom: 24px;	
}
.summary-row {	
	display: flex;	
	justify-content: space-between;	
	align-items: flex-start;	
	font-size: 14px;	
	margin-top: 16px;	
	color: #1c1e21;	
}
.summary-row.subtext {	
	font-size: 12px;	
	color: #6b6b6b;	
	margin-left: 8px;	
	margin-top: 4px;	
	margin-bottom: -8px;	
	justify-content: flex-start;	
}
.label { font-weight: 500; }
.amount { font-weight: 700; }
.amount.discount { color: #183927; font-weight: 700; }

.total {	
	display: flex;	
	justify-content: space-between;	
	font-size: 16px;	
	font-weight: 700;	
	border-top: 1px solid #ddd;	
	padding-top: 20px;	
	margin-top: 24px;	
}

.checkbox-container {	
	display: flex;	
	align-items: flex-start;	
	gap: 10px;	
	font-size: 12px;	
	color: #333;	
	margin-top: 25px;	
}
.agree-btn {	
	margin-top: 25px;	
	background: linear-gradient(135deg, #C21807, #FF6F61);	
	color: #ffffff;	
	padding: 14px;	
	font-weight: 600;	
	width: 100%;	
	border-radius: 0.5rem;	
    border-style: solid;	
    border-width: 4px 4px 4px 4px;	
    border-color: #FFFFFF;	
	cursor: pointer;	
	font-family: "Plus Jakarta Sans", sans-serif !important;	
	font-size: 16px;	
	text-transform: uppercase;	
}
.accordion {	
	margin-top: 25px;	
	border-top: 1px solid #ddd;	
	cursor: pointer;	
}
.accordion-header {	
	display: flex;	
	justify-content: space-between;	
	align-items: center;	
	padding: 15px 0;	
	font-size: 14px;	
	color: #173828;	
}
.accordion-content {	
	display: none;	
	font-size: 12px;	
	color: #555;	
	padding-bottom: 10px;	
}
.accordion.open .accordion-content {	
	display: block;	
}

.receipt-row {	
	display: flex;	
	justify-content: space-between;	
	align-items: center;	
	font-size: 13px;	
	margin-top: 30px;	
	padding: 15px;	
	background: #fff;	
	border: 1px solid #ddd;	
	border-radius: 5px;	
}
.receipt-row button {	
	background: none;	
	border: none;	
	color: #173828;	
	cursor: pointer;	
	font-size: 13px;	
}

.footer-note {	
	font-size: 11px;	
	color: #666;	
	margin-top: 10px;	
}
/* end form section css */

/* footer css */
.df-lpfooter-sec {	
	background: #0a0d14;	
}
.df-lpfooter {	
	display: flex;	
	flex-wrap: wrap;	
	justify-content: space-between;	
	padding: 20px 0rem;	
	max-width: 80rem;	
	margin: 0 auto;	
}
.df-lpfooter-left {	
	flex: 1 1 0px;	
	margin-bottom: 0px;	
}
.df-lpfooter-left h1 {	
	font-size: 28px;	
	margin: 0 0 20px;	
}
.df-lpfooter-left p {	
	font-size: 11px;	
	margin-bottom: 0px;	
	color: #ffffff;	
}
.df-lpfooter-right {	
	display: flex;	
	flex: 1 1;	
	justify-content: space-evenly;	
	flex-wrap: wrap;	
}
.df-lpfooter-column {	
	margin-bottom: 0px;	
}
.df-lpfooter-column h4 {	
	font-size: 1rem;	
	margin-bottom: 1rem;	
	color: #fff1dd;	
}
.df-lpfooter-column a {	
	display: block;	
	text-decoration: none;	
	color: #fff;	
	font-size: 11px;	
	margin-bottom: 6px;	
}

/* end footer css */
.df-main-features-sec {	
	margin-top: 8rem;	
}
.df-main-features-outer {	
	max-width: 80rem;	
	margin-left: auto;	
	margin-right: auto;	
}
.df-main-features-wrapper {	
	display: flex;	
	border-radius: 65px;	
	overflow: hidden;	
	background: linear-gradient(to bottom, #e5faff, #f3fff7);	
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);	
	min-height: 700px;	
	max-width: 80rem;	
	margin: 0 auto;	
}
.df-main-features-left-box {	
	width: 30%;	
	padding: 60px 40px;	
	display: flex;	
	flex-direction: column;	
	justify-content: center;	
	gap: 60px;	
	border-top-left-radius: 64px;	
	border-bottom-left-radius: 64px;	
}
.df-main-features-feature {	
	text-align: center;	
}
.df-main-features-feature h2 {	
	font-size: 32px;	
	font-weight: 800;	
	color: #15191d;	
	margin-bottom: 10px;	
}
.df-main-features-feature p {	
	font-size: 16px;	
	color: #333;	
	line-height: 1.5;	
}
.df-main-features-right-box {	
	width: 70%;	
	background: url('/t/diaba-classic/images/Diaba-Free.webp') no-repeat center center;	
	background-size: cover;	
	border-radius: 65px 65px 65px 65px;	
}
/* */
.Footer-link1,.Footer-link2,.Footer-link3,.Footer-link4,.Footer-link5,.Footer-link6,.Footer-link7 {	
    cursor: pointer	
}
.custom-model-main {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main1 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main2 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main3 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main4 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main5 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main6 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.custom-model-main7 {	
    text-align: center;	
    overflow: hidden;	
    position: fixed;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    left: 0;	
    -webkit-overflow-scrolling: touch;	
    outline: 0;	
    opacity: 0;	
    -webkit-transition: opacity 0.15s linear,z-index .15;	
    -o-transition: opacity 0.15s linear,z-index .15;	
    transition: opacity 0.15s linear,z-index .15;	
    z-index: -1;	
    overflow-x: hidden;	
    overflow-y: auto	
}
.model-open {	
    z-index: 99999;	
    opacity: 1;	
    overflow: hidden	
}
.custom-model-inner {	
    -webkit-transform: translate(0,-25%);	
    -ms-transform: translate(0,-25%);	
    transform: translate(0,-25%);	
    -webkit-transition: -webkit-transform 0.3s ease-out;	
    -o-transition: -o-transform 0.3s ease-out;	
    transition: -webkit-transform 0.3s ease-out;	
    -o-transition: transform 0.3s ease-out;	
    transition: transform 0.3s ease-out;	
    transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out;	
    display: inline-block;	
    vertical-align: middle;	
    width: 500px;	
    margin: 30px auto;	
    max-width: 97%	
}
.custom-model-wrap {	
    display: block;	
    width: 100%;	
    position: relative;	
    background-color: #fff;	
    border: 1px solid #999;	
    border: 1px solid rgba(0,0,0,.2);	
    border-radius: 6px;	
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);	
    box-shadow: 0 3px 9px rgba(0,0,0,.5);	
    background-clip: padding-box;	
    outline: 0;	
    text-align: left;	
    padding: 20px;	
    -webkit-box-sizing: border-box;	
    -moz-box-sizing: border-box;	
    box-sizing: border-box;	
    max-height: calc(100vh - 70px);	
    overflow-y: auto	
}
.model-open .custom-model-inner {	
    -webkit-transform: translate(0,0);	
    -ms-transform: translate(0,0);	
    transform: translate(0,0);	
    position: relative;	
    z-index: 999	
}
.model-open .bg-overlay {	
    background: rgba(0,0,0,.6);	
    z-index: 99	
}
.bg-overlay {	
    background: rgba(0,0,0,0);	
    height: 100vh;	
    width: 100%;	
    position: fixed;	
    left: 0;	
    top: 0;	
    right: 0;	
    bottom: 0;	
    z-index: 0;	
    -webkit-transition: background 0.15s linear;	
    -o-transition: background 0.15s linear;	
    transition: background 0.15s linear	
}
.close-btn2 {	
    position: absolute;	
    right: 0;	
    top: -36px;	
    cursor: pointer;	
    z-index: 99;	
    font-size: 30px;	
    color: #fff	
}
@media screen and (min-width: 800px) {	
    .custom-model-main:before {		
        content:"";		
        display: inline-block;		
        height: auto;		
        vertical-align: middle;		
        margin-right: 0;		
        height: 100%		
	}	
}
@media screen and (max-width: 799px) {	
    .custom-model-inner {		
        margin-top:45px		
	}	
}
.cms-content {	
    font-size: 12px;	
    color: #424242;	
    line-height: 1.4;	
    margin-bottom: 0rem;	
    text-align: justify	
}
.cms-content ul {	
    padding: 0px 15px 5px 15px;	
}
.cms-content p {	
    margin-bottom: 1rem;	
}
.popup-p {	
    color: #333;	
    font-weight: 600;	
    font-size: 16px;	
	margin-bottom: 1rem;	
}
.cms-content p.para-title {	
	margin-bottom: 0.5rem;	
}
.ErrorField {	
    color: #D00 !important;	
    border: solid 1px #D00 !important;	
}
span.ValidationErrors {	
    font-size: 12px;	
    color: #D00;	
    font-style: italic;	
}

.countdown-box {	
	background: #fff6ed;	
	padding: 1.25rem;	
	border-radius: 1rem;	
	text-align: center;	
	width: 100%;	
	margin: 0px auto 40px auto;	
	color: #e66a00;	
	box-shadow: 0 2px 6px #00000010;	
}

.time-wrapper {	
	display: flex;	
	justify-content: center;	
	align-items: center;	
	gap: 20px;	
	font-size: 36px;	
	font-weight: bold;	
}

.time-block {	
	display: flex;	
	flex-direction: column;	
	align-items: center;	
	min-width: 60px;	
}

.time-label {	
	font-size: 12px;	
	font-weight: 500;	
	color: #000000;	
	margin-top: 6px;	
	text-transform: uppercase;	
	letter-spacing: 0.5px;	
}

.divider {	
	width: 1px;	
	height: 40px;	
	background-color: #e66a00;	
	opacity: 0.3;	
}

.countdown-message {	
	margin-top: 1rem;	
	font-size: 13px;	
	color: #e66a00;	
}

.milestone__coupon-code-container {	
    margin-bottom: 35px;	
}
.milestone__coupon-code-container-inner {	
    display: flex;	
    -webkit-box-pack: justify;	
    justify-content: space-between;	
    width: 100%;	
    font-size: 16px;	
}
.milestone__coupon-code-container-inner input {	
    font-size: 22px;	
	border: 1px dashed #e3e3e3;	
    border-radius: 4px;	
    height: 41px;	
    padding: 0 15px;	
    width: 65%;	
    font-size: 16px;	
    color: #161618;	
}
.milestone__coupon-code-container-inner a {	
    font-size: 1em;	
	background-color: #161618;	
    color: #ffffff;	
    border-radius: 4px;	
    height: 41px;	
    border: none;	
    width: 32%;	
	text-align: center;	
    line-height: 41px;	
    text-decoration: none;	
}
.milestone__coupon-code-container-inner a span {	
    line-height: 41px;	
    display: block;	
}
div#message {	
    font-size: 12px;	
    line-height: 1.25;	
    margin: 10px 0px 0px 0px;	
    color: #FF6F61;	
    font-style: italic;	
	font-weight: 600;	
}
/* thanks */
.lp-thanks-page-outer {	
	margin: 2rem 0rem 0rem 0rem;	
	padding: 0rem 0rem;	
}
.thanks-head-main-part {	
	max-width: 800px;	
	border: 0px solid #fcfbf7;	
	margin: 0rem auto 3rem auto;	
	text-align: center;	
}
.thanks-head-main-part img {	
	width: 165px;	
	height: auto;	
}
.multi-step-outer {	
	margin-bottom: 2.5rem !important;	
}
.list-unstyled {	
	padding-left: 0;	
	list-style: none;	
}
.multi-steps > li.is-active ~ li:before, .multi-steps > li.is-active:before {	
	content: counter(stepNum);	
	font-family: inherit;	
	font-weight: 600;	
}
.multi-steps > li.is-active ~ li:after, .multi-steps > li.is-active:after {	
	background-color: #bbbbbb;	
}
.multi-steps {	
	display: table;	
	table-layout: fixed;	
	width: 60%;	
	margin: 0 auto;	
}
.multi-steps > li {	
	counter-increment: stepNum;	
	text-align: center;	
	display: table-cell;	
	position: relative;	
	color: #016b5d;	
	font-size: 14px;	
	font-weight: 700;	
}
.multi-steps > li:before {	
	content: "✓";	
	display: block;	
	margin: 0 auto 4px;	
	background-color: #fff;	
	width: 20px;	
    height: 20px;	
    line-height: 20px;	
	text-align: center;	
	font-weight: 600;	
	border-width: 2px;	
	border-style: solid;	
	border-color: #016b5d;	
	border-radius: 50%;	
}
.multi-steps > li:after {	
	content: "";	
	height: 2px;	
	width: 100%;	
	background-color: #016b5d;	
	position: absolute;	
	top: 10px;	
	left: 50%;	
	z-index: -1;	
}
.multi-steps > li:last-child:after {	
	display: none;	
}
.multi-steps > li.is-active:before {	
	background-color: #fff;	
	border-color: #016b5d;	
}
.multi-steps > li.is-active ~ li {	
	color: #808080;	
}
.multi-steps > li.is-active ~ li:before {	
	background-color: #ededed;	
	border-color: #ededed;	
}
/* */
.help-text {	
	max-width: 800px;	
	margin: 0 auto;	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
	text-transform: none;	
	font-size: 16px;	
}
.help-text p {	
	font-size: 16px;	
	padding: 20px 0;	
	color: #253858;	
	line-height: 30px;	
}
.help-text a.btn {	
	border: 1px solid #7A869A;	
	display: block;	
	padding: 5px 10px 5px 60px;	
	border-radius: 4px;	
	text-decoration: none;	
	position: relative;	
	text-transform: none;	
}
.help-text a.btn.first-button {	
	border: 1px solid #ffd700;	
    background: #fff2da;	
    text-align: left;	
}
.help-text a.btn.second-button {	
	border: 1px solid #ffd700;	
    background: #fff2da;	
    text-align: left;	
}
.help-text a.btn i {	
	width: 25px;	
	height: 20px;	
	position: absolute;	
	top: 12px;	
	left: 20px;	
	background: url(/t/diaba-classic/images/btn-icons.png) no-repeat;	
	background-size: cover;	
}
.help-text a.btn span {	
	display: block;	
	padding: 0 0 5px;	
	color: #000000;	
	font-size: 12px;	
}
.help-text a.btn span:last-child {	
	font-size: 14px;	
	color: #161618;	
	padding-bottom: 0px;	
	font-weight: 700;	
}
.help-text a.btn.no-margin {	
	margin: 0;	
}
.help-text a.btn i.support {	
	background-position: -52px 0;	
}
.desktop-base-confirmationCard {	
	max-width: 800px;	
	border: 1px solid #fcfbf7;	
	border-radius: 4px;	
	margin: 1.5rem auto 0rem auto;	
	background: #fcfbf7;	
}
.cardComponents-base-desktopStatusCardContainer {	
	padding-top: 48px;	
	padding-bottom: 48px;	
}
.cardComponents-base-statusCardContainer {	
	padding: 16px;	
	text-align: center;	
}
.cardComponents-base-confirmTick {	
	fill: #173828;	
	width: 46px;	
	height: 46px;	
	margin-bottom: 16px;	
}
.cardComponents-base-desktopStatusCardHeading {	
	font-size: 32px;	
}
.cardComponents-base-statusCardHeading {	
	font-size: 16px;	
	font-weight: 700;	
}
.cardComponents-base-statusSuccessHeading {	
	color: #03a685;	
}
.confirmation-heading {	
	font-size: 1.3rem;	
	margin-bottom: 0.5rem !important;	
	color: #000000;	
}
.cardComponents-base-statusCardDesc {	
	font-size: 14px;	
	color: #000000;	
	margin-bottom: 1.5rem;	
	line-height: 1.75;	
}
.order-details .title {	
	font-size: 1.2rem;	
	margin-bottom: .4rem;	
	text-align: center;	
	font-weight: 600;	
}
.order-details ul {	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
	border: 1px solid #173828 !important;	
	border-radius: 4px !important;	
	flex-direction: column;	
}
.order-details ul {	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
	border: 1px dashed var(--theme-color-2);	
	border-radius: 10px;	
	background-color: #fff1dd;	
	flex-direction: column;	
	padding: 0px;	
}
.order-details ul li {	
	border-bottom: 0;	
	border-right: 1px solid #173828 !important;	
	display: block;	
	width: auto;	
	padding: 1rem;	
}
.order-details ul li {	
	flex: auto;	
	flex-grow: 1;	
	padding: .5rem 0.5rem;	
	border-bottom: 1px dashed var(--theme-color-2);	
	display: flex;	
	align-items: center;	
	justify-content: space-between;	
	width: 100%;	
}
.order-details ul li span.smallheading {	
	font-size: .75rem;	
    font-weight: 500;	
    margin-bottom: 10px;	
}
.order-details ul li span.largecontent {	
	font-size: 1rem;	
	font-weight: 600;	
	color: #000000;	
	flex-grow: 1;	
}
.order-details ul li:last-child {	
	border: 0;	
}
.order-details ul li:last-child {	
	border-right: 0px solid #016b5d !important;	
}
.confirmation-mt5 {	
	margin-top: 2rem;	
}
.btn {	
	display: inline-block;	
	font-weight: 400;	
	line-height: 1.5;	
	color: #212529;	
	text-align: center;	
	text-decoration: none;	
	vertical-align: middle;	
	cursor: pointer;	
	-webkit-user-select: none;	
	-moz-user-select: none;	
	user-select: none;	
	background-color: transparent;	
	border: 1px solid transparent;	
	padding: .375rem .75rem;	
	font-size: 1rem;	
	border-radius: .25rem;	
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
}
.btn, span.separator {	
	font-size: 16px;	
	line-height: 1;	
}
.btn {	
	font-weight: 500;	
	text-transform: uppercase;	
	border-radius: 0.25rem;	
}
.btn--xl {	
	padding: 10px 25px;	
}
.thanks-btn-buynow2 {	
	background-color: #173828 !important;	
	border: 2px solid #173828 !important;	
	color: #fff;	
	border-radius: 50px;	
}
@media (min-width: 577px) {	
	.order-details ul {		
		flex-direction: row;		
	}	
	.order-details ul li {		
		border-bottom: 0;		
		border-right: 1px dashed var(--theme-color-2);		
		display: block;		
		width: auto;		
		padding: 1rem;		
	}	
	.order-details ul li span {		
		display: block;		
	}	
}
.desktop-base-confirmationCard {	
	max-width: 800px;	
	border: 1px solid #fcfbf7;	
	border-radius: 4px;	
	margin: 1.5rem auto 0rem auto;	
	background: #fcfbf7;	
}
.cardComponents-base-deliveryContainer {	
	padding: 16px;	
}
.cardComponents-base-deliveryTopSection {	
	display: flex;	
}
.cardComponents-base-deliveryInfo {	
	width: calc(100% - 99px);	
	text-align: left;	
}
.cardComponents-base-deliverHeader {	
	margin-top: 8px;	
	text-transform: capitalize;	
	display: flex;	
	align-items: center;	
	white-space: pre;	
	max-width: 100%;	
	font-size: .8rem;	
	font-weight: 600;	
	color: #000000;	
	line-height: 1.75;	
}
.cardComponents-base-deliverName {	
	white-space: nowrap;	
	overflow: hidden;	
	text-overflow: ellipsis;	
	max-width: calc(100% - 100px);	
}
.cardComponents-base-deliverAddress {	
	max-width: 100%;	
	text-transform: capitalize;	
	font-size: 12px;	
	font-weight: 400;	
	line-height: 1.75;	
}
.cardComponents-base-orderDetailsButton {	
	border: 1px solid #173828;	
	color: #173828;	
	padding: 6.5px 12px;	
	display: flex;	
	align-items: center;	
	width: 130px;	
	justify-content: space-between;	
	border-radius: 50px;	
	margin: 16px 0;	
	font-weight: 500;	
	font-size: 12px;	
	text-decoration: none;	
}
.cardComponents-base-orderDetailsIcon {	
	height: 78px;	
}
.cardComponents-base-deliveryFooter {	
	border-top: 1px solid #e5e5e5;	
	padding-top: 12px;	
	font-size: 12px;	
	display: flex;	
}
.cardComponents-base-iconRight {	
	height: 10px;	
	fill: #173828;	
}
@media (min-width: 320px) and (max-width: 480px) {	
    .multi-steps {		
		display: table;		
		table-layout: fixed;		
		width: 100%;		
		margin: 0 auto;		
	}	
	.multi-steps {		
		width: 100%;		
	}	
	.help-text a.btn i {		
		display: none;		
	}	
	.help-text a.btn {		
		padding: 5px 10px 5px 10px;		
	}	
	.order-details ul li {		
		border-bottom: 1px solid #e9e9eb !important;		
		border-right: 0px solid transparent !important;		
	}	
	.order-details ul li span.largecontent {		
		font-size: 0.75rem !important;		
		text-align: right;		
	}	
	.confirmation-mt5 {		
		margin-top: 1rem;		
	}	
}
/* thanks page */
.pl0r0 {	
	padding-left: 0px !important;	
	padding-right: 0px !important;	
}

/* thanks page upsell css */
.upsell-section {	
	background-color: #f9f9f9;	
	padding: 40px 20px;	
	margin: 1.5rem auto 0rem auto;	
	width: 100%;	
}

.upsell-container {	
	max-width: 800px;	
	margin: auto;	
}

.upsell-title {	
	text-align: center;	
	font-size: 24px;	
	font-weight: bold;	
	margin-bottom: 30px;	
}

.product-grid {	
	display: flex;	
	flex-wrap: wrap;	
	gap: 20px;	
	justify-content: center;	
}

.product-card {	
	background: #fff;	
	border-radius: 12px;	
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);	
	padding: 20px;	
	width: calc(33.33% - 15px);	
	text-align: center;	
	transition: transform 0.3s ease;	
}

.product-card a {	
	text-decoration: none;	
	color: inherit;	
}

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

.product-card img {	
	width: 100%;	
	height: auto;	
	object-fit: cover;	
	margin-bottom: 15px;	
	border-radius: 8px;	
}

.product-card h3 {	
	font-size: 16px;	
	margin-bottom: 10px;	
}

.product-card p {	
	font-size: 14px;	
	color: #666;	
	margin-bottom: 10px;	
}

.price {	
	font-weight: bold;	
	color: #173828;	
	display: block;	
	margin-bottom: 15px;	
}

.product-card a.button {	
	background: #173828;	
    color: #ffffff;	
    border: 1px solid #173828;	
    padding: 6px 20px;	
    border-radius: 50px;	
    cursor: pointer;	
    font-weight: 500;	
    transition: background 0.3s ease;	
    display: block;	
    width: fit-content;	
    margin: 0 auto;	
}

.product-card a.button:hover {	
	background: #ffffff;	
	color: #173828;	
	border: 1px solid #173828;	
}
/* payment fail */
section.confirmation.failure.text-center {	
	max-width: 600px;	
	margin: 0 auto;	
	position: fixed;	
	transform: translate(-50%,-50%);	
	left: 50%;	
	top: 50%;	
	border: 1px solid #e5e5e5;	
	padding: 10px 10px 20px;	
	border-radius: 15px;	
}
h1.failure-heading {	
	color: #ff3333;	
	line-height: normal;	
	font-size: 1.75rem;	
	margin-top: 1.5rem;	
	margin-bottom: 1.5rem;	
	text-align: center;	
}
p.failure-sub-heading {	
	font-size: 1.05em;	
	color: #161618;	
	text-align: center;	
	margin-bottom: 2rem;	
}
.home-button a.video-sec-button {	
	background: #173828;	
	color: #fff;	
	text-decoration: none;	
	position: relative;	
	padding: 10px 30px;	
	border-radius: 50px;	
	border: none;	
	transition: 0.2s;	
	border-bottom: 4px solid #183927;	
}
.wrapper-container {	
	width: 75%;	
	padding-left: 1rem;	
	padding-right: 1rem;	
	margin: 0 auto;	
}
.wrapper-row {	
    display: flex;	
    justify-content: center;	
    align-items: center;	
}
.col-full {	
    width: 100%;	
    max-width: 100%;	
}
.conformation-area {	
	max-width: 600px;	
	margin: 0 auto;	
	position: relative;	
	z-index: 1;	
	padding: 1rem 0;	
}
.failure-logo {	
	text-align: center;	
}
.failure-logo img {	
	width: 165px;	
	height: auto;	
}
.failure-img {	
	text-align: center;	
}
.failure-img img {	
	height: 300px;	
	width: auto;	
}
.text-center {	
	text-align: center;	
}







/*===========harendra-start================*/
.payment-row.ErrorField {	
    border: none !important;	
}
.ErrorField .payment-column .payment-box {	
    border: solid 1px #D00;	
}
.ErrorField .payment-column + .payment-column label.payment-box {	
    border: solid 1px #ccc;	
}


@media (min-width: 320px) and (max-width: 480px) {	
	.agree-btn {		
		border-radius: 0.5rem 0.5rem 0 0;		
	}	
}

/*============harendra-end================*/

/* start cod or pop alert css */

/* Overlay background */
#overlay {	
	position: fixed;	
	top: 0;	
	left: 0;	
	width: 100%;	
	height: 100%;	
	background: rgba(0,0,0,0.5); /* dull effect */	
	display: none;	
	z-index: 99999;	
}

/* Popup Box */
#codPopup {	
	position: fixed;	
	bottom: 50%;	
	left: 50%;	
	transform: translateX(-50%);	
		
	font-weight: 500;	
	padding: 20px 30px 20px 20px;	
		
	border-radius: 8px;	
	display: none;	
	z-index: 99999;	
	box-shadow: 0px 4px 15px rgba(0,0,0,0.3);	
	text-align: center;	
	width: 92%;	
	max-width: 400px;	
}

#codPopup.cod {	
	background: #fff1f1;	
	color: #b71c1c;	
	border: 2px solid #e9bebe;	
}

/* Prepaid Theme */
#codPopup.prepaid {	
	background: #d4edda; 	
	color: #155724;	
	border: 2px solid #c3e6cb;	
}

.prepaid-box {	
	background: #4a9744;	
	color: #25652f;	
}

/* Close Button */
#codPopup button {	
	background: transparent;	
	border: none;	
	font-size: 20px;	
	font-weight: bold;	
	color: #b71c1c;	
	cursor: pointer;	
	float: right;	
	position: absolute;	
	right: 5px;	
	top: 0px;	
}

/* Emoji bounce animation */
.emoji {	
	display: inline-block;	
	animation: bounce 1s infinite;	
	font-size: 1.5rem;	
}

/* Text fade-in animation */
.message {	
	animation: fadeIn 1s ease-in-out;	
}

/* Keyframes */
@keyframes bounce {	
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }	
	40% { transform: translateY(-8px); }	
	60% { transform: translateY(-4px); }	
}

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

@keyframes popupScale {	
	from { transform: translateX(-50%) scale(0.8); opacity: 0; }	
	to { transform: translateX(-50%) scale(1); opacity: 1; }	
}

/* end cod or pop alert css *//* whatsapp review css */.whatsapp-review-outer-bg-sec {	background: #fff1dd;	margin-top: 5rem;	padding: 5rem 0rem;}.whatsapp-review-outer-sec {	max-width: 80rem;    margin: 0 auto;}.whatsapp-review-outer-sec .upper-part {	text-align: center;    margin-bottom: 1.5rem;}.whatsapp-review-outer-sec .upper-part h2  {	opacity: 1;    transform: none;    font-size: 3rem;    line-height: normal;    --tw-text-opacity: 1;    color: #15191d;    font-weight: 700;    margin-bottom: 1rem;    text-align: center;}.whatsapp-review-outer-sec .upper-part p  {	opacity: 1;    transform: none;    font-size: 1.25rem;    line-height: 1.75rem;    --tw-text-opacity: 1;    color: #173828;    max-width: 48rem;    margin-left: auto;    margin-right: auto;    text-align: center;}.whatsapp-review-grid {	display: grid;	grid-auto-columns: 1fr;	grid-template-rows: auto auto;	grid-column-gap: 2rem;	grid-template-columns: 1fr 1fr 1fr 1fr;}.whatsapp-review-grid-outer {	grid-column-gap: 16px;	grid-row-gap: 2rem;	grid-template-rows: auto;	grid-template-columns: 1fr;	grid-auto-columns: 1fr;	align-content: start;	align-items: start;	display: grid;}.whatsapp-review-grid-outer img {	width: 100%;    height: auto;	border-radius: 1rem;	border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    box-shadow: 0px 10px 25px 0px rgba(0, 20.755434782608695, 50.24999999999999, 0.17);}/* google review css */.google-review-outer-bg-sec {		margin-top: 5rem;}.google-review-outer-sec {	max-width: 80rem;    margin: 0 auto;}.google-review-outer-sec .upper-part {	text-align: center;    margin-bottom: 1.5rem;}.google-review-outer-sec .upper-part h2  {	opacity: 1;    transform: none;    font-size: 3rem;    line-height: normal;    --tw-text-opacity: 1;    color: #15191d;    font-weight: 700;    margin-bottom: 1rem;    text-align: center;}.google-review-outer-sec .upper-part p  {	opacity: 1;    transform: none;    font-size: 1.25rem;    line-height: 1.75rem;    --tw-text-opacity: 1;    color: #173828;    max-width: 48rem;    margin-left: auto;    margin-right: auto;    text-align: center;}.google-review-grid {	display: grid;	grid-auto-columns: 1fr;	grid-template-rows: auto auto;	grid-column-gap: 2rem;	grid-template-columns: 1fr 1fr 1fr 1fr;}.google-review-grid-outer {	grid-column-gap: 16px;	grid-row-gap: 2rem;	grid-template-rows: auto;	grid-template-columns: 1fr;	grid-auto-columns: 1fr;	align-content: start;	align-items: start;	display: grid;}.google-review-grid-outer img {	width: 100%;    height: auto;	border-radius: 1rem;	border-style: solid;    border-width: 4px 4px 4px 4px;    border-color: #FFFFFF;    box-shadow: 0px 10px 25px 0px rgba(0, 20.755434782608695, 50.24999999999999, 0.17);}
/* Partial payment option (added 23 Sept). Explicit colours — the payment box sits on a
   light card and inherits nothing useful. */
.pay-sub{display:block;margin-top:3px;font-size:11px;line-height:1.3;font-weight:500;color:#6b7280;}
.payment-box input:checked + div .pay-sub{color:#1d6b48;}