/*
Theme Name: dailybuzz
*/
/* 	----------
	DEFAULT CSS
	-----------
*/
*{
	box-sizing:border-box;
	position:relative;
	text-rendering:optimizeLegibility;
	padding:0; margin:0;
  	border:none;
  	outline:none;
  	list-style:none;
}
body{
	margin:90px auto 0 auto; padding:0;
	font-family: 'Inter', sans-serif; font-weight:400;
	font-size:16px;
	color:#333333;
	overflow:hidden; overflow-y:scroll;
	/* background:#ffffff; */
	background: linear-gradient(252.19deg, #FAFCFF 5.9%, #FBFBFF 50%, #FDFBFD 72.05%, #FFFFFB 94.1%);
	direction:ltr;
	height:100vh; /* need to give for overflow hidden */
}
header, footer, menu, nav, article, section, aside{display:block; margin:0; padding:0;}
form{margin:0; padding:0;}
p, a{ margin:0; padding:0; list-style-type:none;}
a, span, label, dt, dl, i{display:inline-block;}
a{outline:none; border:none; text-decoration:none; color:#5E54F6;}
img{outline:none; border:none; max-width:100%; height:auto;}
input[type="submit"], input[type="button"]{
	-webkit-appearance:none;
	font-family: 'Poppins', sans-serif; font-weight:400;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	outline:none;
	cursor:pointer;
}
input, select, textarea, button{
	outline:none;
	font-family: 'Poppins', sans-serif; font-weight:400;
	margin:0;
	border:none;
	font-size:15px;
	background:#ffffff;
	resize:none;
}
input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type='number']{
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none;
}
input:-webkit-autofill{background-clip:content-box !important;}
.input:disabled{background-color:#f7f7f7 !important;}
.clr{display:none;}
.flex{
	display:flex; align-items:center;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;	
}
.visible{display:block !important;}
.defaultHide{display:none;}#wpadminbar{display:none;}
.grid2{display:grid; grid-template-columns:49% 49%; column-gap:2%;}
.grid3{display:grid; grid-template-columns:repeat(3, 1fr); column-gap:20px;}
.grid4{display:grid; grid-template-columns:repeat(4, 1fr); column-gap:16px;}

/* For Layouts */
.wrapper, .holder, .container{width:100%; max-width:1440px; margin:0 auto; padding:0 48px;}
.defaultHide{display:none;}
.visibleHidden{visibility:hidden;}
.lock{overflow:hidden;}

/*
	===========================
	Header Main
	===========================
*/
.headerMain{
	position:fixed;
	top:20px; left:0;
	z-index:100; 
	width:100%; 
}
.headerMain.sticky {
	top:0;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.headerMain .headerTop{
	display:grid; grid-template-columns:30% 40% 30%; justify-content:space-between;
	align-items:center;
	height:70px; width:100%;
	background:#FFFFFF;
	border:1px solid #E9EBF1; /*border-radius:999px;*/ border-radius:50px;
	padding:10px 40px;
	-webkit-transition:all .3s;
  	transition:all .3s;
}
.responsiveMenuIcon{display:none; width:24px; height:24px;}
.headerMain .headerTop .logo .custom-logo-link{
	width: fit-content;
	height: 33px;
	display: block;
	margin: 0 auto;
}
.headerMain .headerTop .logo img{width:100%; height:100%; top:2px;}
.navbarHeader ul{text-align:left; gap:24px;}
.navbarHeader ul li a{
	color: #1D1D1D;
	font-size:16px; line-height:24px;
	font-weight:400;
	padding:0;
	transition:all 0.3s;
}
.navbarHeader ul li a:hover{
	background: linear-gradient(90deg, rgb(249, 115, 22), rgb(99, 102, 241), rgb(236, 72, 153)) padding-box text;
  	-webkit-text-fill-color: transparent;
}
.buttonBox ul{justify-content: flex-end;}
.buttonBox ul li a{
	width:185px; height:48px;
	border:2px solid transparent; border-radius:50px;
	color: #FFFFFF;
	font-size:16px; line-height:140%;
	font-weight:600;
	justify-content:center;
	padding:13px 65px;
	background:linear-gradient(#000, #000) padding-box, linear-gradient(90deg, #3b82f6, #ec4899, #f97316) border-box;  	
	transition:all 0.3s;
}
.buttonBox ul li a:hover{
	background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #3b82f6, #ec4899, #f97316) border-box;
	color: #000000;
}

/* 
	==========================================
	Herobanner
	==========================================
*/
.heroBanner {
	width: 100%;
	background: linear-gradient(252.19deg, #FAFCFF 5.9%, #FBFBFF 50%, #FDFBFD 72.05%, #FFFFFB 94.1%);
	padding-top: 120px;
	padding-bottom: 106px;
	position: relative;
	overflow: hidden;
}
.banner-content{text-align:center;}
.banner-content .text-influncer{
	color:rgba(29, 29, 17, 0.866667);
	font-size:16px; line-height:27px;
	font-family: "Inter", sans-serif; font-weight:400;	
}
.banner-content h1{
	color:#1D1D1D;
	font-size:95.625px; line-height:120%;
	font-family: "Inter", sans-serif;font-weight:400;
	letter-spacing: -2.4px;
	max-width:948px;
	margin:0 auto;
	padding:18px 0 8px 0;
}
.banner-content p{
	color:#1D1D11;
	font-size:20px;
	line-height:33px;
	font-family: "Inter", sans-serif; font-weight:400;
	max-width:600px;
	margin:0 auto;	
}
.apps-content .apps-btn{
	justify-content: center;
	gap: 24px;
	padding: 32px 0;
}

.apps-btn a {
	background: #292929;
	border-radius: 8px;
	padding: 8px 24px 8px 18px;
	width: fit-content;
	height: 59px;
	gap: 4px;
}

.apps-btn a .app-icon {
	width: 40px;
	height: 40px;
}

.apps-btn a .app-icon img {
	width: 100%;
	height: 100%;
}

.apps-btn a .icon-text {
	text-align: center;
}

.apps-btn a .icon-text p {
	color: #FDFDFD;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
}

.apps-btn a .icon-text label {
	color: #FDFDFD;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	cursor: pointer;
}

.apps-content .tap-text{
	color: #1D1D11;
	font-size: 16.5938px;
	line-height: 30px;
	font-weight: 400;
}
.card-image{
	background: #FFFFFF;
	box-shadow:0 0 35.5px rgba(93, 93, 93, 0.08), 0 0x 1.5px rgba(0, 0, 0, 0.25);
	border-radius:36px;
}
.card-image:nth-child(2){
	content: "";
	position:absolute; top:7%; left:19px;
	width:190px; height:190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_one.png");
	background-repeat: no-repeat;
	display:inline-block;
	transform:rotate(3.96deg);
}
.card-image:nth-child(3) {
	content: "";
	position: absolute;
	top: 37%;
	left: 0px;
	width: 190px;
	height: 190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_two.png");
	background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(-5.82deg);
}

.card-image:nth-child(4) {
	content: "";
	position: absolute;
	bottom: 7%;
	left: 35px;
	width: 190px;
	height: 190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_three.png");
	background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(2.12deg);
}

.card-image:nth-child(5) {
	content: "";
	position: absolute;
	top: 7%;
	right: 63px;
	width: 190px;
	height: 190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_four.png");
	background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(-3.48deg);
}

.card-image:nth-child(6) {
	content: "";
	position: absolute;
	top: 35%;
	right: -8px;
	width: 190px;
	height: 190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_five.png");
	background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(5.2deg);
}

.card-image:nth-child(7) {
	content: "";
	position: absolute;
	bottom: 10%;
	right: 93px;
	width: 190px;
	height: 190px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/card_six.png");
	background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(-2.22deg);
}


/* common css */
.buzz-width {
	width: 1080px;
	margin: 0px auto;
}

.buzzbrand-content {
	width: 100%;
	text-align: center;
}

.buzz-text-label {
	color: #CB46A3;
	font-size: 15.75px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: "Inter", sans-serif;
}

.buzzbrand-content h2 {
	color: #222222;
	font-size: 56px;
	line-height: 80px;
	font-weight: 400;
	letter-spacing: -2px;
	font-family: "Inter", sans-serif;
	padding-bottom: 12px;
}

.buzzbrand-content p {
	color: #222222;
	font-size: 22.125px;
	line-height: 32px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
}

/* common css */
/* 
	==========================================
	WHY DAILYBUZZ? 
	==========================================
*/
.elevated-box-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 44px;
	grid-row-gap: 32px;
	padding-top: 48px;
}

.elevated-box-content li {
	background: #FFFFFF;
	border: 1px solid #E9EBF1;
	box-shadow: 0px 12px 40px rgba(6, 11, 19, 0.04), 0px 0px 0px 4px #FFFFFF;
	border-radius: 12px;
	padding: 2rem;
	text-align: center;
}

.elevated-box-content li .buzz-card-icon {
	width: 64px;
	height: 64px;
	justify-content: center;
	border-radius: 50%;
	background: #F3F0FF;
	margin: 0px auto;
}

.elevated-box-content li .buzz-card-icon img {
	width: 40px;
	height: 40px;
}

.elevated-box-content li h3 {
	color: #1A1A1A;
	font-size: 24px;
	line-height: 130%;
	font-weight: 500;
	letter-spacing: 0.005em;
	padding: 31px 0px 14px 0px;
	font-family: "Inter", sans-serif;
}

.elevated-box-content li p {
	color: #333333;
	font-size: 16px;
	line-height: 151%;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	max-width: 300px;
	margin: 0px auto;
}

.elevated-box-content li:nth-child(2) p {
	max-width: 350px;
}
/* 
	==========================================
	how-it-works
	==========================================
*/
.works-steps{display:grid; grid-template-columns:repeat(2, 1fr); gap:80px;}
.steps-how .buzzbrand-content{text-align:left;}
.steps-how .buzzbrand-content h2{
	color: #011923;
	font-size:42px; line-height:51px; letter-spacing:0;
	font-weight:400;
	padding-bottom:0px;
}

.how-it-works-steps {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 32px;
	grid-row-gap: 48px;
	padding-top: 141px;
}

.how-it-works-steps li .how-it-works-step-number {
	width: 48px;
	height: 48px;
	background: #000000;
	border-radius: 40px;
	color: #FFFFFF;
	font-size: 36px;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: -1.2px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Inter", sans-serif;
}

.how-it-works-steps li h3 {
	color: #1A1A1A;
	font-size: 18px;
	line-height: 130%;
	font-weight: 500;
	letter-spacing: 0.005em;
	font-family: "Inter", sans-serif;
	padding: 16px 0px 20px 0px;
}

.how-it-works-steps li p {
	color: #595959;
	font-size: 15px;
	line-height: 150%;
	font-weight: 500;
	font-family: "Inter", sans-serif;
}

.how-it-works-image img {
	width: 100%;
	height: 100%;
}
/* 
	==========================================
	your brand elevated dailyfooter
	==========================================
*/
.brand-elevation-content {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.brand-elevation-content::after {
	content: "";
	position: absolute;
	top: 9%;
	right: 7%;
	width: 65.83px;
	height: 149.77px;
	background-image: url("https://www.dailybuzz.app/wp-content/uploads/2025/06/arrow_brand.svg");
	background-repeat: no-repeat;
	background-size: contain;
	transform: matrix(0.96, 0.29, -0.28, 0.96, 0, 0);
}

.brand-elevation-content .buzzbrand-content h2 {
	padding-bottom: 40px;
}

.link-elevat .icon-media {
	width: 35px;
	height: 35px;
	background: #C491D7;
	border-radius: 50%;
	justify-content: center;
}

.link-elevat {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px #F8F8F8 !important;
	border-radius: 200px;
	padding: 9px 10px;
	gap: 9px;
	width: fit-content;
	height: 53px;
	color: #454452;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
}

.link-elevat:nth-child(4) .icon-media {
	background: #FEA68B;
}

.link-elevat:nth-child(5) .icon-media {
	background: #FEA68B;
}

.link-elevat:nth-child(6) .icon-media {
	background: #A586FE;
}

.link-elevat:nth-child(3) {
	position: absolute;
	top: 50%;
	left: 11%;
}

.link-elevat:nth-child(4) {
	position: absolute;
	top: 69%;
	left: 3%;
}

.link-elevat:nth-child(5) {
	position: absolute;
	top: 64%;
	right: 3%;
}

.link-elevat:nth-child(6) {
	position: absolute;
	top: 82%;
	right: 0%;
}
/* 
	==========================================
	brand types
	==========================================
*/


.brand-types-box {
	display: grid;
	grid-template-columns: 54% 39.55%;
	gap: 69px;
	justify-content: space-between;
}

.brand-types-links {
	gap: 40px;
}

.items-type-one {
	flex-wrap: wrap;
	gap: 40px;
	justify-content: flex-end;
}

.items-type-two {
	flex-wrap: wrap;
	gap: 40px;
}

.brand-types-item {
	background: #000000;
	border: 1px solid #787878;
	box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.25), 0px 0px 0px 4px #525252;
	border-radius: 35px;
	justify-content: center;
	text-align: center;
}

.brand-types-item span {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 130%;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	max-width: 146px;
	margin: 0px auto;
}

.items-type-one .brand-types-item:nth-child(1) {
	width: 175px;
	height: 111px;
}

.items-type-one .brand-types-item:nth-child(2) {
	width: 263px;
	height: 174px;
}

.items-type-one .brand-types-item:nth-child(3) {
	width: 175px;
	height: 111px;
}

.items-type-two .brand-types-item:nth-child(1) {
	width: 229px;
	height: 149px;
}

.items-type-two .brand-types-item:nth-child(2) {
	width: 280px;
	height: 178px;
}

.brand-types-content .buzzbrand-content {
	text-align: left;
}

.brand-types-content .buzzbrand-content h2 {
	color: #011923;
	font-size: 42px;
	line-height: 51px;
	font-weight: 400;
	padding-bottom: 0px;
	max-width: 250px;
}

.brand-types-content .buzzbrand-content p {
	padding-bottom: 35px;
}
.brand-types-btn {
	width: 208px;
	height: 48px;
	border-radius: 50px;
	justify-content: center;
	background: linear-gradient(#000, #000) padding-box, linear-gradient(90deg, #3b82f6, #ec4899, #f97316) border-box;
    border: 2px solid transparent;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 140%;
	font-weight: 600;
}
/* 
	==========================================
	pricing
	==========================================
*/
.pricing-plans {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding-top: 48px;
	align-items: center;
}

.plan {
	background: #FFFFFF;
	box-shadow: 0px 0px 50px #F8F8F8;
	border-radius: 20px;
	padding: 62px 36px 62px 36px;
	height: 502px;
}

.head-plan h3 {
	color: #000000;
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
}

.head-plan p {
	color: #000000;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	padding: 4px 0px 32px 0px;
}

.plan-price {
	color: #000000;
	font-size: 48px;
	line-height: 55px;
	font-weight: 400;
	font-family: "Yeseva One", serif;

}

.plan-price .plan-period {
	color: #000000;
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
}

.plan-features {
	padding-top: 32px;
}

.plan-features li .check-circle {
	width: 22.65px;
	height: 24px;
	background: #CB46A3;
	border-radius: 50%;
	justify-content: center;
}

.plan-features li .check-circle img {
	width: auto;
	height: auto;
}

.plan-features .plan-inactive {
	color: #E6E6E6;
}

.plan-features .plan-inactive .check-circle {
	background: #E6E6E6;
}

.plan-features li {
	color: #454452;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	gap: 15px;
	padding-bottom: 18px;
}

.plan-features li:last-child {
	padding-bottom: 56px;
}

.plan-button {
	width: 208px;
	height: 48px;
	border-radius: 50px;
	justify-content: center;
	background: linear-gradient(#000, #000) padding-box, linear-gradient(90deg, #4BC1E9, #CB46A3, #F9B14C) border-box;
    border: 2px solid transparent;
	margin: 0px auto;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 140%;
	font-weight: 600;
}

.plan-highlighted {
	background: #000000;
	border: 1px solid #787878;
	box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.25), 0px 0px 0px 4px #525252;
	height: 550px;
}

.plan-highlighted .head-plan h3 {
	color: #ffffff;
}

.plan-highlighted .head-plan p {
	color: #ffffff;
}

.plan-highlighted .plan-price {
	color: #ffffff;
}

.plan-highlighted .plan-price .plan-period {
	color: #ffffff;
}

.plan-highlighted .plan-features li {
	color: #ffffff;
}

.plan-highlighted .plan-features li .check-circle {
	background: #F9B14C;
}

.plan-highlighted .plan-features li .check-circle img {
	filter: brightness(0);
}

.plan-highlighted .plan-features .plan-inactive {
	color: #797979;
}

.plan-highlighted .plan-features .plan-inactive .check-circle {
	background: #797979;
}

.plan-highlighted .plan-features li:last-child {
	padding-bottom: 76px;
}

.plan-highlighted .button-light {
	background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #4BC1E9, #CB46A3, #F9B14C) border-box;
	color: #000000;
}
/* 
	==========================================
	promo
	==========================================
*/

.promo-mobile {
	display: grid;
	grid-template-columns: 44% 30%;
	gap: 26%;
}

.promo-content {
	padding: 28px 0px 85px 0px;
}

.promo-content .buzzbrand-content {
	text-align: left;
}

.promo-content .buzzbrand-content h2 {
	color: #011923;
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;
	padding-bottom: 24px;
}

.promo-content .buzzbrand-content .apps-btn {
	padding: 87px 0px 0px 0px;
	gap: 24px;
}

.promo-mockup {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0px 20px 0px 0px;
}
/* 
	==========================================
	subscribe 
	==========================================
*/
.subscribers {
	display: grid;
	grid-template-columns: 44% 46%;
	gap: 10%;
	align-items: center;
}
.subscribers .buzzbrand-content {
	text-align: left;
}
.subscribers .buzzbrand-content h2 {
	color: #011923;
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;
	padding: 16px 0px 24px 0px;
}
.subscribe-input-group {
	gap: 16px;
}
.subscribe-input-group .mail-input {
	width:273px;
	background: #FFFFFF;
	box-shadow: 0px 0.4px 1px rgba(102, 109, 128, 0.2), inset 0px 0px 0px 1px #E9EBF1;
	border-radius: 99px;
	padding: 16px;
	height: 50px;
	color: #979FB4;
	font-size: 15.5px;
	line-height: 19px;
	font-weight: 400;
	border: none;
}

.subscribe-input-group .mail-input::placeholder {
	color: #979FB4;
}

.submit {
	width: 208px;
	height: 48px;
	border-radius: 50px;
	justify-content: center;
	background: linear-gradient(90deg, rgb(75, 193, 233) 0%, rgb(203, 70, 163) 50%, rgb(249, 177, 76) 100%);
	margin: 0px auto;
	cursor: pointer;
}
.start {
	width: 204px;
	height: 45px;
	border-radius: 50px;
	background: #000000;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 140%;
	font-weight: 600;
	justify-content: center;
}

.subscribe-benefits {
	gap: 8px;
	padding-top: 24px;
}
.subscribe-benefits li {
	color: #060B13;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	gap: 12px;
}
.subscribe-benefits li .checkmark-icon {
	width: 24px;
	height: 24px;
}
/* 
	==========================================
	footer
	==========================================
*/

.footer{width:100%; display:inline-block;}
.footer-top{display:grid; grid-template-columns:repeat(2, 1fr); gap:70px;}
.footer-brand a{width:162px; height:38px; display:block;}
.footer-brand p{
	color: #FAFAFA;
	font-size:16px; line-height:140%;
	font-family:"Inter", sans-serif; font-weight:500;	
	padding-top:33px;
	width:350px;
}
.footer-top h4{
	color:#828282;
	font-size:20px; line-height:24px;	
	font-family:"Inter", sans-serif; font-weight:600;
}
.link-useful .footer-links{padding-top:43px;}
.link-useful ul li{padding-bottom:18px;}
.link-useful ul li a{
	color:#FAFAFA;
	font-size:18px; line-height:22px;
	font-weight:500;
}
.link-useful label{
	color:#FAFAFA;
	font-size:18px; line-height:22px;
	font-weight:500;
}
.footer-social{padding-top:36px; gap:14px;}
.footer-social li a {
	width: 40px;
	height: 40px;
	background: #EDFFEF;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s;
}

.footer-social li a:hover{background:#545454;}
.footer-social li a:hover img{filter:brightness(4);}
.footer-social li a img{width:auto; height:auto;}
.footer-bottom{text-align:center; padding-top:80px; justify-content:space-between;}
.footer-bottom p {
	color: #FAFAFA;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	text-align: center;
}
/* 
	==========================================
	Dailybuzz landing page
	==========================================
*/
.landingpage-banner{
	width: 100%;
	display: grid;
	grid-template-columns:50% 48.2%;
	gap:20px;
	align-items:flex-start;
	justify-content:space-between;
	margin: 0px auto;
	padding: 0px 40px;
}

.landingpage-content h1 {
	color: #000000;
	font-size: 56px;
	line-height: 60px;
	font-weight: 600;
	letter-spacing: 0.001em;
	font-family: "Inter", sans-serif;
}

.landingpage-content p {
	color: #000000;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	padding:20px 0px;
}

.scan-box {
	width: 100%;
	background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #f97316, #6366f1, #ec4899) border-box;
	border:2px solid transparent;
	border-radius: 30px;
}
.scan-bg {
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	padding:20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(167, 222, 243, 0.2) 100%);
	border-radius: 30px;
}
.scan-bg .scan-content{
	color: #000000;
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.scan-bg .scan-qr{width:200px;height:200px;display:block;}
.scan-bg .scan-qr img{width:100%;height:100%;}
.store-btns{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	align-items: flex-start;
	padding-top:16px;
	gap:16px;
}
.store{
	width: 100%;
	background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #f97316, #6366f1, #ec4899) border-box;
	border:2px solid transparent;
	border-radius: 30px;
}
.store-content{
	width:100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(167, 222, 243, 0.2) 100%);
	border-radius: 30px;padding:12px;
}
.store-head{justify-content:space-between;}
.store-head a{width:40px;height:40px;}
.store-head a img{width:100%;height:100%;}
.app-store {
	width: 159px;
	height: 71px;
	justify-content: center;
	margin:9px auto;
	background: #292929;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	gap: 4px;
}
.app-icon{
	width: 40px;
	height: 40px;
}
.app-icon img{
	width: 100%;
	height: 100%;
}
.icon-text p{
	color: rgb(253, 253, 253);
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	padding: 0px;
}
.icon-text label{
	color: rgb(253, 253, 253);
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	cursor: pointer;
}
.open-link{
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	background: linear-gradient(90deg, #f97316, #6366f1, #ec4899);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	justify-content: center;
}
.landingpage-image img {
	width:100%;
	height:auto;
}


/* pop design */
.driver{justify-content:center;padding:80px 0px;}
.popup-drive{
	background: #FFFFFF;
	box-shadow: 0px 16px 32px rgba(17, 24, 39, 0.08);
	border-radius: 24px;
	padding:0px 18px;
}
.popup-drive h3{
	color: #121212;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	padding-top: 24px;
	text-align: center;
}
.special-box .occasion-content{
	display: flex;
	align-items: center;
	padding: 8px 0px;
	gap: 10px;
}
.special-box .occasion-content .giff-image{
	width: 85px;
	height: 85px;
}
.special-box .occasion-content .giff-image img{
	width: 100%;
	height: 100%;
}
.special-box .occasion-content p{
	color: #3E3E3E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	max-width: 207px;
	font-family: "Inter", sans-serif;
}
.text-bold{
	font-weight: 700;
}
.val-bottom-content p{
	color: #3E3E3E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	text-align: center;
	max-width: 190px;
	margin: 0px auto;
	display: block;
	padding-bottom:17px;
}