@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
	--inter-font: "Inter", serif;
	--gc-primary-color: #586bf1;
	--gc-primary-hover-color: #586bf11a;
	--gc-primary-title-color: #1a1c1e;
	--gc-primary-paragraph-color: #6c7278;
	--gc-white-color: #ffffff;
    --sc-light-gray: #f6f6f6;
    --border-color: #e1e1e2;
}
.helpnest {
	font-family: var(--inter-font);
	color: var(--gc-primary-paragraph-color);
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: var(--inter-font);
	}
	a {
		cursor: pointer;
	}
	p {
		color: var(--gc-primary-paragraph-color);
	}
}
.primary_btn {
	line-height: 24px;
	font-size: 16px;
	padding: 15px 28px;
	border: 1px solid var(--gc-primary-color);
	color: var(--gc-primary-color);
	border-radius: 8px;
	background-color: transparent;
	transition: all 0.3s ease;
	text-align: center;
	cursor: pointer;
    display: inline-block;
}
.primary_btn.active {
	color: var(--gc-white-color);
	background-color: var(--gc-primary-color);
	transition: all 0.3s ease;
}
.primary_btn:hover {
	color: var(--gc-white-color);
	background-color: var(--gc-primary-color);
}
.primary_btn.active:hover {
	color: var(--gc-white-color);
	background-color: var(--gc-primary-hover-color);
}
.helpnest_white_btn {
	line-height: 24px;
	font-size: 16px;
	padding: 15px 28px;
	border: 1px solid var(--gc-white-color);
	background-color: var(--gc-white-color);
	color: var(--gc-primary-color);
	border-radius: 8px;
	transition: all 0.3s ease;
	text-align: center;
	&:hover {
		color: var(--gc-white-color);
		background-color: transparent;
	}
}
.helpnest_white_outline_btn {
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	padding: 15px 28px;
	border: 1px solid var(--gc-white-color);
	color: var(--gc-white-color);
	border-radius: 8px;
	background-color: transparent;
	transition: all 0.3s ease;
	&:hover {
		color: var(--gc-primary-color);
		background-color: var(--gc-white-color);
	}
}
.helpnest .helpnest-section-title {
	color: var(--gc-primary-title-color);
	font-size: 48px;
	line-height: 1.16;
	font-weight: 600;
	font-family: var(--inter-font);
}
.banner_container {
	max-width: 1086px;
	margin: 0 auto;
}
.padding_Y_120 {
	padding: 120px 0;
}
.padding_Y_80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.padding_Y_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding_t_60 {
	padding-top: 60px;
}
.padding_b_60 {
	padding-bottom: 60px;
}
.padding_B_120 {
	padding-bottom: 120px;
}
.padding_X_70 {
	padding-left: 70px;
	padding-right: 70px;
}
.padding_L_60 {
	padding-left: 60px;
}
.helpnest_banner_wrapper {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	.banner_content {
		padding: 65px 0 0 0;
	}
	.banner_title {
		max-width: 991px;
		margin: 0 auto;
		h1 {
			font-size: 56px;
			font-weight: 700;
			text-align: center;
			color: #ffffff;
		}
	}
	.banner_description {
		max-width: 696px;
		margin: 21px auto 40px;

		p {
			text-align: center;
			font-size: 18px;
			font-weight: 500;
			color: #ffffff;
		}
	}
	.banner_btns {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 24px;
	}
	.media_wrapper {
		margin-top: 60px;
		position: relative;
		max-height: 632px;
		.image_wrapper {
			max-width: 970px;
			max-height: 510px;
			margin-left: auto;
			border-bottom: 0;
			overflow: hidden;
			img {
				height: 100%;
				width: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
	}
}
/* service addon css start  */
.helpnest_service_wrapper {
	.service_title {
		max-width: 800px;
		margin: 0 auto;
		padding-bottom: 60px;
		h2 {
			text-align: center;
			font-size: 44px;
			line-height: 52px;
			color: var(--gc-primary-title-color);
			font-weight: 700;
		}
	}
	.service_contents {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 24px;
		flex-wrap: wrap;
		.single_service {
			background-color: #f5f9ff;
			border-radius: 24px;
			border: 1px solid #e1e1e2;
			max-width: 636px;
			padding: 52px;
			position: relative;
			.content_wrapper {
				max-width: 492px;
				text-align: center;
				h4 {
					font-size: 24px;
					font-weight: 700;
					line-height: 28px;
					color: var(--gc-primary-title-color);
				}
				p {
					margin-top: 24px;
					margin-bottom: 54px;
					font-size: 16px;
					line-height: 26px;
					color: var(--gc-primary-paragraph-color);
				}
			}
			.image_wrapper {
				max-height: 496px;
				max-width: 530px;
				border-radius: 16px;
				overflow: hidden;
				img {
					border-radius: 16px;
					height: 100%;
					width: 100%;
					object-fit: cover;
					object-position: center;
				}
			}
			.image_wrapper.mobile {
				max-height: 496px;
				max-width: 530px;
				border-radius: 16px;
				overflow: hidden;
				img {
					border-radius: 16px;
					height: 100%;
					width: 100%;
					object-fit: cover;
					object-position: center;
				}
			}
			&::before {
				content: "";
				position: absolute;
				top: 37px;
				left: 40%;
				transform: translateX(-100%);
				width: 100px;
				height: 100px;
				border-radius: 100%;
				filter: blur(125px);
			}
			&.red::before {
				background-color: #f44f1f;
			}
			&.green::before {
				background-color: #719764;
			}
		}
	}
}
/* heslpnest features css */
.features-sec-left {
	max-width: 550px;
}
.bgHasImage {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/* Comprehensive addon css start */
.helpnest_comprehensive_wrapper {
	.comprehensive_title {
		max-width: 609px;
		margin: 0 auto;
		h2 {
			text-align: center;
			font-size: 44px;
			line-height: 52px;
			color: var(--gc-primary-title-color);
			font-weight: 700;
			margin-bottom: 60px;
		}
	}
	.comprehensive_contents {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		.single_comprehensive {
			display: flex;
			flex-direction: column;
			padding: 50px;
			background-color: #ffffff;
			align-items: center;
			justify-content: center;
			border-radius: 12px;
			overflow: hidden;
			&.big_img_wrapper {
				grid-row: span 2;
				padding: 30px;
				.content_wrapper {
					h4 {
						margin: 0px auto 12px auto;
					}
					p {
						margin-bottom: 48px;
					}
				}
			}
		}
		.content_wrapper {
			max-width: 264px;
			text-align: center;
			h4 {
				margin: 48px auto 12px auto;
				text-transform: capitalize;
				font-size: 20px;
				color: var(--gc-primary-title-color);
				line-height: 28px;
				font-weight: 700;
			}
			p {
				color: var(--gc-primary-paragraph-color);
				font-size: 14px;
				line-height: 24px;
				margin: 0;
			}
		}
	}
}
/* admin panel addon css start */
.helpnest_admin_panel_wrapper {
	.admin_panel_contents {
		border-radius: 24px;
		border: 1px solid #e1e1e2;
		padding: 52px;
		overflow: hidden;
		&.purple {
			background-color: #f4edfd;
		}
		&.green {
			background-color: #e2f2dd;
		}
	}
	.title {
		font-size: 36px;
		line-height: 48px;
		font-weight: 700;
		color: var(--gc-primary-title-color);
	}
	.description {
		font-size: 16px;
		line-height: 24px;
		color: var(--gc-primary-paragraph-color);
		margin: 16px 0 30px 0;
	}
	.admin_panel_list {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			padding: 0;
			list-style: none;
			display: flex;
			flex-direction: row;
			gap: 8px;
			align-items: center;
		}
	}
	.admin_panel_list_item {
		margin-bottom: 12px;
		.gc-list-name {
			font-size: 14px;
			line-height: 24px;
			color: var(--gc-primary-title-color);
		}
	}
	.check-icon {
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 18px;
		width: 18px;
		border-radius: 50%;
		background-color: var(--gc-primary-title-color);
		i {
			font-size: 10px;
			color: #ffffff;
		}
	}
	.admin_panel_contents_right {
		flex-shrink: 0;
	}
	.image_wrapper {
		max-width: 642px;
		max-height: 445px;
		img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
		}
	}
	.admin_panel_contents_left {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
/* customer panel addon css start */
.helpnest_customer_panel_wrapper {
	.admin_panel_contents {
		display: flex;
		flex-direction: row;
		gap: 0px;
		background-color: #e2f2dd;
		border-radius: 24px;
	}
	.title {
		font-size: 36px;
		line-height: 48px;
		font-weight: 700;
		color: var(--gc-primary-title-color);
	}
	.description {
		font-size: 16px;
		line-height: 24px;
		color: var(--gc-primary-paragraph-color);
		margin: 16px 0 30px 0;
	}
	.admin_panel_list {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			padding: 0;
			list-style: none;
			display: flex;
			flex-direction: row;
			gap: 8px;
			align-items: center;
		}
	}
	.admin_panel_list_item {
		margin-bottom: 12px;
		.gc-list-name {
			font-size: 14px;
			line-height: 24px;
			color: var(--gc-primary-title-color);
		}
	}
	.check-icon {
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 18px;
		width: 18px;
		border-radius: 50%;
		background-color: var(--gc-primary-title-color);
		i {
			font-size: 10px;
			color: #ffffff;
		}
	}
	.admin_panel_contents_right {
		margin-left: -35px;
	}
	.image_wrapper {
		max-width: 855px;
		max-height: 605px;
		img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
		}
	}
	.admin_panel_contents_left {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
/* price plan addon css start */
.helpnest_pricing_plan_section {
	.pricing_plan_wrapper .pricingPlan-card {
		border-radius: 8px;
		background-color: #fff;
		border: 1px solid #e1e1e2;
		height: 100%;
		display: flex;
		flex-direction: column;
		.pricingPlan-header {
			padding: 24px;
			border-radius: 8px 8px 0 0;
			background-color: #f6f6f6;
			border-bottom: 1px solid #e1e1e2;
		}
		.pricingPlan-title {
			font-size: 20px;
			line-height: 28px;
			font-weight: 600;
			color: var(--gc-primary-title-color);
			margin-bottom: 0;
		}
		.pricingPlan-des {
			margin: 8px 0 16px 0;
		}
		.pricePlan-price {
			margin-bottom: 0;
			.price {
				font-size: 32px;
				line-height: 42px;
				font-weight: 600;
				color: var(--gc-primary-title-color);
			}
			.time {
				font-weight: 500;
			}
		}
		.pricingPlan-body {
			padding: 24px;
			flex: 1 1 0;
		}
		.pricingPlan-list {
			list-style: none;
			padding: 0;
			margin: 0;
			li {
				display: flex;
				gap: 8px;
				font-size: 16px;
				line-height: 1.5;
				color: var(--gc-primary-title-color);
				&::before {
					content: "";
					margin-top: 2px;
					font-family: "Font Awesome 6 Free";
					font-weight: 900;
					flex-shrink: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					height: 18px;
					width: 18px;
					font-size: 10px;
					border-radius: 50%;
					color: var(--gc-white-color);
				}
				&.check {
					&::before {
						content: "\f00c";
						background-color: var(--gc-primary-color);
					}
				}
			}
		}
		.pricingPlan-footer {
			padding: 24px;
			border-radius: 0 0 8px 8px;
		}
	}
}
.helpnest_price_plan {
	.title {
		font-size: 44px;
		line-height: 52px;
		font-weight: 700;
		color: var(--gc-primary-title-color);
		margin: 0 auto 60px;
		text-align: center;
		max-width: 571px;
	}
}
.price_plan_card {
	background-color: #fff;
	color: var(--gc-primary-title-color);
	border-radius: 8px;
	padding: 32px;
	font-weight: 500;
	.price_plan_card_head {
		padding-bottom: 28px;
		border-bottom: 1px solid rgba(19, 33, 33, 0.1);
	}
	.plan_name {
		font-size: 18px;
		margin-bottom: 16px;
	}
	.plan_price .amount {
		font-size: 44px;
		font-weight: 600;
		line-height: 1.18;
	}
	.price_plan_list {
		margin-top: 32px;
		padding-left: 0;
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 12px;
		li {
			display: flex;
			gap: 8px;
		}
		li.check::before {
			color: var(--gc-primary-title-color);
			content: "\f058";
			font-family: "Font Awesome 6 Free";
			font-weight: 700;
			font-size: 18px;
		}
		li.cross::before {
			color: #ff0000bd;
			content: "\f057";
			font-family: "Font Awesome 6 Free";
			font-weight: 700;
			font-size: 18px;
		}
	}
	.btn_wrapper {
		margin-top: 30px;
		a {
			display: block;
			width: 100%;
			text-align: center;
		}
	}
}
/* newsletter plan addon css start */
.helpnest_newsletter_wrapper {
	.background_image {
		background-color: var(--gc-primary-color);
		padding: 0 0 0 60px;
		border-radius: 22px;
	}
	.helpnest_newsletter_contents_left {
		padding: 115px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		max-width: 467px;
		h4 {
			font-size: 36px;
			line-height: 44px;
			font-weight: 700;
			margin-bottom: 48px;
            color: #fff;
		}
		.helpnest_store_list {
			display: flex;
			flex-direction: row;
			gap: 16px;
		}
		.store_image {
			height: 56px;
			width: 163px;
		}
	}
	.helpnest_newsletter_contents {
		position: relative;
		overflow: hidden;
	}
	.helpnest_newsletter_contents_right {
		position: absolute;
		right: 10px;
		top: 30px;
	}
}
/* Plan comparison addon css start */
.plan-comparison-table {
    th {
       .thead {
          color: var(--gc-primary-title-color);
          font-weight: 600;
          font-size: 28px;
          line-height: 1.25;
       } 
       &:not(:first-child) {
          text-align: center;
       }
    }
    th,td {
        padding: 16px;
        border-bottom: 1px solid #E1E1E2;
        &:not(:first-child) {
           text-align: center;
        }
    }
    tr:last-child {
       td {
          border-bottom: none;
       }
    }
    td {
       color: var(--gc-primary-title-color);
       font-weight: 500;
    }
    td .icon {
        height: 24px;
        width: 24px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        color: #ffffff;
        border-radius: 50%;
        &.check {
            background-color: var(--gc-primary-color);
        }
        &.cross {
            background-color: var(--gc-primary-paragraph-color);
        }
    }
    .price {
        color: var(--gc-primary-title-color);
        font-weight: 600;
        font-size: 28px;
        line-height: 1.25;
    }
}
/* FAQ css start */
.helpnest_faq_wrapper {
	max-width: 750px;
	margin: 0 auto;
	.faq_item {
		border-radius: 12px;
		border: 1px solid var(--gc-primary-color);
		transition: all 0.3s;
		overflow: hidden;
	}
	.faq_title_wraper {
		display: flex;
		justify-content: space-between;
		gap: 24px;
		background-color: #fff;
		padding: 16px;
		border-radius: 12px 12px 0 0;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}
	.faq_title {
		font-size: 20px;
		line-height: 1.5;
		font-weight: 600;
		color: var(--gc-primary-title-color);
		transition: all 0.3s ease-in-out;
		margin-bottom: 0;
		align-self: center;
	}
	.faq_icon {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 38px;
		width: 38px;
		border-radius: 50%;
		background-color: var(--gc-primary-color);
		color: var(--gc-white-color);
		margin-bottom: 0;
		transition: all 0.3s ease-in-out;
	}
	.faq_des {
		padding: 16px;
		margin-bottom: 0;
	}
	.faq_item.active {
		background-color: var(--gc-primary-hover-color);
		.faq_title_wraper {
			background-color: var(--gc-primary-color);
		}
		.faq_title {
			color: var(--gc-white-color);
		}
		.faq_icon {
			background-color: var(--gc-white-color);
			color: var(--gc-primary-color);
		}
	}
}
/* Review Card */
.helpnest_review_wrapper {
    .slick-track {
        display: flex;
        align-items: stretch;
    }
    .slick-slide {
        padding: 0 12px;
        height: auto;
        & >div {
            height: 100%;
        }
    }
    .slick-dots {
        list-style: none;
        display: flex;
        padding-left: 0;
        margin-bottom: 0;
        justify-content: center;
        margin-top: 30px;
        gap: 12px;
        button {
            display: none;
        }
        li {
            width: 24px;
            height: 24px;
            border: 8px solid #ffffff;
            outline: 1px solid transparent;
            border-radius: 50%;
            background-color: var(--gc-primary-color);
            transition: all 0.3s ease;
            cursor: pointer;
            &.slick-active {
                outline-color: var(--gc-primary-color);
            }
        }
    }
    .review-card-wraper {
        height: 100%;
    }
	.review-card {
		padding: 24px;
		border: 1px solid var(--border-color);
		border-radius: 12px;
		background-color: var(--sc-light-gray);
		display: flex;
		flex-direction: column;
		height: 100%;
		.reviewer {
			display: flex;
			gap: 16px;
			.img {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background-color: var(--border-color);
                overflow: hidden;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.reviewer-name {
				align-self: center;
				.name {
					font-size: 1.125rem;
					font-weight: 600;
					line-height: 1.4;
				}
			}
		}
		.content-part {
			display: flex;
			flex-direction: column;
			flex: 1 1 0;
		}
		.review-text {
			font-size: 1.125rem;
			margin-block: 24px;
		}
		.review-star {
			margin-top: auto;
			color: #F0AD4E;
		}
	}
}
/* Responsive CSS - Add at bottom of file */
@media screen and (max-width: 1440px) {
	.helpnest_banner_wrapper .banner_title {
		max-width: 800px;
	}
	.helpnest_banner_wrapper .banner_title h1 {
		font-size: 48px;
	}
	.helpnest_service_wrapper .service_contents .single_service {
		max-width: 580px;
	}
	.admin_panel_contents_right {
		margin-left: -25px;
	}
}

@media screen and (max-width: 1024px) {
	.padding_Y_120 {
		padding: 80px 0;
	}
	.padding_X_70 {
		padding-left: 40px;
		padding-right: 40px;
	}
	.helpnest_service_wrapper .service_contents .single_service {
		width: 100%;
	}
	.comprehensive_contents {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media screen and (max-width: 991px) {
	.helpnest_banner_wrapper .banner_title {
		width: 100%;
		padding: 0 20px;
	}
	.helpnest_banner_wrapper .banner_description {
		width: 100%;
		padding: 0 20px;
	}
	.admin_panel_contents {
		/* flex-direction: column !important; */
		padding: 20px;
	}
	.admin_panel_contents_right {
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.helpnest_banner_wrapper .banner_title h1 {
		font-size: 36px;
	}
	.comprehensive_contents {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.helpnest_newsletter_contents_left {
		width: 100%;
		padding: 60px 0;
	}
	.helpnest_newsletter_contents_right {
		position: relative;
		right: 0;
		top: 0;
	}
	.helpnest_banner_wrapper {
		.media_wrapper {
			margin-top: 40px;
		}
	}
}

@media screen and (max-width: 425px) {
	.helpnest_comprehensive_wrapper {
		& .comprehensive_contents {
			.single_comprehensive {
				padding: 20px;
			}
		}
	}
	.helpnest_comprehensive_wrapper {
		& .comprehensive_contents {
			& .single_comprehensive {
				&.big_img_wrapper {
					& .content_wrapper {
						p {
							margin-bottom: 10px;
						}
					}
				}
			}
		}
	}
	.helpnest_service_wrapper {
		& .service_contents {
			& .single_service {
				.image_wrapper.mobile,
				.image_wrapper {
					padding: 0;
				}
			}
		}
	}
	.helpnest_banner_wrapper {
		.media_wrapper {
			padding: 40px 10px 0 10px;
			.video_wrapper {
				height: 222px;
			}
		}
	}
	.helpnest_newsletter_wrapper {
		margin: 0 10px;
	}
	.helpnest_newsletter_wrapper {
		& .helpnest_newsletter_contents_left {
			padding: 20px 0;
			.helpnest_store_list {
				display: flex;
				flex-direction: column;
				gap: 16px;
			}
			h4 {
				font-size: 28px;
				line-height: 34px;
			}
		}
	}
	.helpnest_newsletter_wrapper {
		.helpnest_newsletter_contents_right {
			top: 130px;
			.image_wrapper {
				height: 200px;
				width: 150px;
			}
		}
	}
	.price_plan_card {
		.btn_wrapper {
			margin-top: 20px;
		}
	}
	.price_plan_card {
		.price_plan_list {
			margin-top: 10px;
			margin-left: 0px;
			margin-bottom: 10px;
		}
	}
	.price_plan_card {
		.plan_name {
			font-size: 18px;
			margin-bottom: 15px;
		}
	}
	.helpnest_price_plan {
		.title {
			margin: 0 auto 20px;
		}
	}
	.padding_B_120 {
		padding-bottom: 50px;
	}
	.padding_L_60 {
		padding-left: 0px;
	}
	.admin_panel_contents_right {
		display: none;
	}
	.helpnest_admin_panel_wrapper {
		& .admin_panel_list {
			li {
				align-items: flex-start;
				.check-icon {
					margin-top: 4px;
				}
			}
		}
	}
	.helpnest_customer_panel_wrapper {
		& .admin_panel_list {
			li {
				align-items: flex-start;
				.check-icon {
					margin-top: 4px;
				}
			}
		}
	}
	.helpnest_comprehensive_wrapper {
		& .comprehensive_contents {
			& .content_wrapper {
				h4 {
					margin: 20px auto 12px auto;
					font-size: 18px;
					line-height: 24px;
				}
			}
		}
	}
	.helpnest_service_wrapper {
		& .service_contents {
			& .single_service {
				& .content_wrapper {
					h4 {
						font-size: 18px;
						line-height: 24px;
					}
				}
			}
		}
	}
	.helpnest_comprehensive_wrapper {
		& .comprehensive_title {
			h2 {
				text-align: center;
				font-size: 24px;
				line-height: 30px;
				margin-bottom: 20px;
			}
		}
	}
	.helpnest_service_wrapper {
		& .service_title {
			h2 {
				font-size: 24px;
				line-height: 30px;
			}
		}
	}
	.helpnest_service_wrapper {
		.service_title {
			max-width: 800px;
			margin: 0 auto;
			padding-bottom: 20px;
		}
	}
	.padding_Y_120 {
		padding: 50px 0;
	}
	.padding_X_70 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.helpnest_service_wrapper .service_contents .single_service {
		padding: 30px;
	}
	.helpnest_service_wrapper .service_title {
		width: 100%;
	}
	.helpnest_newsletter_wrapper .background_image {
		padding: 0 20px;
	}
	.helpnest_store_list {
		flex-direction: column;
	}
}

@media screen and (max-width: 375px) {
	.helpnest_banner_wrapper .banner_title h1 {
		font-size: 32px;
	}
	.title {
		font-size: 28px !important;
		line-height: 36px !important;
	}
	.helpnest_newsletter_wrapper {
		.helpnest_newsletter_contents_right {
			top: 152px;
			right: -11px;
			.image_wrapper {
				height: 100px;
				width: 120px;
			}
		}
	}
}

@media screen and (max-width: 320px) {
	.helpnest_newsletter_wrapper {
		.helpnest_newsletter_contents_right {
			display: none;
		}
	}
	.primary_btn {
		padding: 12px 20px;
		font-size: 14px;
	}
	.helpnest_banner_wrapper .banner_title h1 {
		font-size: 28px;
	}
	.comprehensive_contents .single_comprehensive {
		padding: 30px 20px;
	}
}