@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Great+Vibes&family=Manrope:wght@200..800&family=Poiret+One&family=Roboto+Slab&display=swap');

body {
	font-family:'Manrope',sans-serif !important;
}

h2 {
	font-size:1.8rem !important;
}

.text-muted {
    text-shadow: 1px 1px 0 #FFF;	
}

.hero-section {
	height: auto;
	display: flex;
	flex-direction: column;
	color: white;
	position: relative;
	overflow: hidden;
    padding-top: 70px;
    padding-bottom: 25px;	
}

.hero-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover; 
	z-index: 0;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.4); 
	backdrop-filter: blur(4px); 
	-webkit-backdrop-filter: blur(4px);
}

.hero-section nav,
.hero-section .container {
	position: relative;
	z-index: 2; 
}

.navbar {
	background-color:#F9F9F9;
	box-shadow:0px 5px 20px rgba(0,0,0,0.15);		
	padding: 0.1rem 0 0.5px;
    height: 55.83px;
    position: fixed;
	width:100%;
    top: 0px;
    z-index: 10000;	
}

.navbar-brand {
	padding-bottom:0;
}

.navbar-nav .nav-link {
	padding:10px;
}

.navbar-link {
	color: #838383 !important;
	font-size: 1rem;
	font-weight: 600;
	text-shadow: 1px 1px 0px #FFF;
}

.navbar-link.grupovo {
	color:#b7b7b7 !important;
	margin-left:20px;
}

.navbar-link:hover {
	color:#469208 !important;
}

.navbar-link.active {
	color: #469208 !important;
    background-color: #e9f5ea;
    border-radius: 5px;
}

@media (max-width: 768px) {
	.navbar-mobile {
		background-color:#f9f9f9;
		box-shadow:0px 5px 9px rgba(0,0,0,0.4);		
		padding:20px 5px 5px 5px;
		width:100%;
		position: fixed;
        top: 55px;		
	}
	
	.navbar-link.grupovo {
		margin-left:0px;
	}	
}

.hero-title {
	font-weight: 700;
	font-size:3.5rem;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

.hero-title b {
	display:block;
	font-size:2.3rem;
}

.hero-title div {
	font-size: 1.4rem;
    color: rgb(255,255,255,0.6);
    text-shadow: none;
}

.hero-check-list {
	color:#fff;
	list-style: none;
	padding-left: 0;
	font-size: 18px;
	font-weight:700;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.hero-check-list li {
	margin-bottom: 10px;
}

.hero-check-list i {
	margin-right: 10px;
	color: #d0e7bc;
	font-size:1rem;
}

.btn-big-green-gifts {
	/*background: linear-gradient(to bottom, #289b2e, #0e7714);*/
	background:#469208;
	color: white;
	border: none !important;
	padding: 11px 30px;
	font-weight: 600;
	font-size:1.15rem;
	border-radius: 15px;
	transition: all 0.3s;
	text-transform:uppercase;
	text-shadow:1px 1px 0px #045304;
	position: relative;
	overflow: hidden;	
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);	
	float:none;
}

.btn-big-green-gifts:hover {
	background-color: #59a21e;
	border: none !important;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(27, 94, 32, 0.2);
}

.btn-big-green-gifts::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;

    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.1) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    
    transform: skewX(-45deg);
    z-index: 1;
}

.btn-big-green-gifts:hover::after {
    animation: shine-sweep 0.7s ease-in-out;
}

@keyframes shine-sweep {
    0% { left: -100%;}
    100% { left: 200%; }
}

.btn-big-white-gifts {
	background: #FFF;
	color: #288b2d;
	border: none;
	padding: 13px 30px;
	font-weight: 600;
	border-radius: 15px;
	transition: all 0.3s;
	box-shadow:0px 0px 13px rgba(0,0,0,0.4);	
	text-transform:uppercase;
	font-size:1rem;
	float:none;
}

.btn-big-white-gifts.btn-smaller {
	padding: 5px 30px;
    background: #2e7d32;
    display: inline-block;
    border-radius: 10px;
    color: #FFF;
    box-shadow: none;
    text-shadow: 1px 1px 0 #476642;
}

.btn-big-white-gifts:hover {
	color: #1a671e;
	background: #e1eee0;
	transform: translateY(-2px);
}

.btn-big-white-gifts.btn-smaller:hover {
	color: #FFF;
	background: #255d17;
}

.info-section {
	background-image: url(/images/gifts-bgr14.jpg);
    box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.2);
    padding: 20px;
    background-size: cover;
    background-position: center;
}

.section-title {
	color: #2e7d32;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #FFF;
	font-size:25px !important;
}

.section-subtitle {
	font-size:20px;
}

.title-simple {
	font-size:25px;
}

.subtitle-simple {
	font-size:20px;
}

.text-simple {
	font-size:14px;
}


.custom-card {
	background: white;
	border: 2px solid #c9d4c1;
	border-radius: 15px;
	padding: 25px;
	height: 100%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.card-title-custom {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	color:#2e7d32;
}

.card-list {
	list-style: none;
	padding: 0;
	font-size: 14px;
	color: #333;
}

.card-list li {
	margin-bottom: 8px;
}

.highlight-red {
	color: #e10d0d;
}

.steps-section {
	background: url('/images/gifts-bgr8.jpg');
	box-shadow:inset 0px 5px 5px rgba(0,0,0,0.2);
	background-size: cover;
	background-position: center;
	position: relative;
	padding:20px;
	text-shadow:1px 1px 0 #000;
}

.section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.34);
	z-index: 1;
}

.step-item p {
	font-size:15px;
	color:#e9e9e9;
}

.step-item h5 {
	text-shadow:1px 1px 0 #000;
}

.steps-section .container {
	z-index: 2;
}

.benefits-list {
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.fa-li {
	margin-top:4px;
}

.benefits-list li {
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size:15px;
}

.step-badge {
	background:linear-gradient(45deg, rgba(255, 240, 240, 0) 0%, rgb(0 0 0 / 100%) 50%, rgba(255, 219, 219, 0) 100%);
	color: #fff;
	padding: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-align:center;
	width:100%;
}

.step-icon-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid #3b7d05;
	background-color: #fff;
	color: #3b7d05;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	position: relative;
	z-index: 2;
	text-shadow:none;
}

.step-icon-circle.green {
	background-color: #3b7d05;
	color: #fff;
	border: 3px solid #fff;
}

.steps-container {
	position: relative;
}

.steps-line {
	position: absolute;
	top: 40px;
	left: 10%;
	right: 10%;
	height: 0;
	border-top: 3px dotted rgba(255,255,255,0.7);
	z-index: 1;
}

.details-section {
	background: url('/images/gifts-bgr5.png') #FFF repeat 0px 0px;
	box-shadow:inset 0px 5px 5px rgba(0,0,0,0.2);
	color: #333;
	padding:20px;
}

.details-section h4 {
	color:#2E7D32;
}

.details-section p {
	font-size:15px;
}

.detail-icon-circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #2E7D32;
	color: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	border: 4px solid white;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.green-dotted-line {
	border-top: 3px dotted #2E7D32;
	opacity: 0.5;
	margin: 10px 0;
}		

.contact-info-box {
	padding: 10px 20px;
	border-top: 1px solid rgba(0,0,0,0.2);
	box-shadow:0px -5px 5px rgba(0,0,0,0.05);
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color:#41552f;
}

.contact-link {
	color: #2e7d32;
	text-decoration: underline;	
}

.contact-link:hover {
	color: #1b5e20;
	text-decoration: underline;	
}

.faq-section {
	margin-top:55px;
	padding:20px;
	background: url('/images/gifts-bgr5.png') #FFF repeat 0px 0px;
}

.gifts-page-title {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 50px;
	font-size: 2.2rem;
	text-align: center;
	text-transform:uppercase;
}

.faq-item {
	margin-bottom: 30px;
}

.faq-question {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 8px;
	color: #2e7d32;
	text-transform:uppercase;
}

.faq-answer {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 5px;
	color: #333;
	font-weight: 500;
	font-size:15px;
}

.faq-answer li {
	margin-bottom: 5px;
}

.how-it-works-wrapper {
	padding:20px;
	background: url('/images/gifts-bgr5.png') #FFF repeat 0px 0px;
}

.timeline-row {
	position: relative;
	min-height: 150px;
}

.text-content {
	padding-right: 30px;
}

.step-title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 20px;
	display: inline-block;
	text-transform:uppercase;
	color:#2e7d32;
}

.step-list {
	list-style-type: disc;
	padding-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
}

.icon-col {
	position: relative;
	display: flex;
	justify-content: center;
}

.vertical-line {
	position: absolute;
	top: 20px;
	bottom: -50px;
	left: 50%;
	border-left: 3px dotted #2e7d32;
	transform: translateX(-50%);
	z-index: 1;
}


.timeline-row:last-child .vertical-line {
	display: none;
}

.step-icon {
	width: 70px;
	height: 70px;
	background-color: #2e7d32;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	z-index: 2;
	border: 4px solid #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.highlight-message {
	color: #72b32e;
    font-weight: 700;
    font-size: 15px;
    border: 1px solid rgba(46, 125, 50, 0.2);
    padding: 16px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
}

.highlight-message span {
	color:#224b09;
}

@media (max-width: 768px) {
	.vertical-line { display: none; }
	.icon-col { justify-content: center; margin-bottom: 15px; }
	.timeline-row { flex-direction: column-reverse; margin-bottom: 30px; }
	.step-title { margin-top: 10px;text-align: center; }
}

.reviews-hero {
	position: relative;
	padding: 80px 0;
	min-height: 500px;
	display: flex;
	align-items: center;
	background: linear-gradient(to right, rgba(235, 228, 222, 1) 0%, rgba(235, 228, 222, 0.8) 40%, transparent 100%), 
				url('/images/gifts-couple1.jpg') center right/cover no-repeat;
}
.hero-subtitle {
	font-size: 20px;
	font-weight:500;
	color: #717171;
	margin-bottom: 30px;
}

.hero-subtitle span {
	color:#469208;
}

.summary-card {
	background: #fdfcf8;
	border-radius: 10px;
	padding: 20px;
	width: 100%;
	max-width: 380px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.summary-stats {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 20px;
	color:#717171;
}

.summary-divider {
	width: 1px;
	height: 40px;
	background-color: #ddd;
}

.rating-score {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
}

.stars-color {
	color: #ffc107;
	font-size: 1.1rem;
}

.review-count-text {
	font-size: 1rem;
	color: #555;
	text-align: center;
}

.title-with-lines {
	display: flex;
	align-items: center;
	text-align: center;
	font-weight: 700;
	font-size: 25px !important;
	margin-bottom: 25px;
	color: #717171;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #FFF;
}

.title-with-lines::before,
.title-with-lines::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #999;
	opacity: 0.5;
}

.title-with-lines::before { margin-right: 20px; }
.title-with-lines::after { margin-left: 20px; }

.feedbacks-conatiner {
	padding: 20px;
    background: url(/images/gifts-bgr3.png) #FFF repeat 0px 0px;
}

.review-card {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.12);
	transition: transform 0.2s;
}

.review-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.review-author {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 5px;
}

.review-date {
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}

.review-text {
	font-size: 15px;
	color: #333;
	flex-grow: 1;
	margin-bottom: 25px;
}

.show-more-btn {
	color: #222;
	font-weight: 500;
	text-decoration: none;
	font-size: 15px;
	display: inline-block;
	margin-top: 10px;
}

.show-more-btn:hover {
	color: #2e7d32;
	text-decoration: none;
}

.featured-quote-wrapper {
	background-color: #fdfcf8;
	border-radius: 15px;
	padding: 50px;
	text-align: center;
	box-shadow: 0 5px 20px rgba(0,0,0,0.12);
	margin-top: 50px;
	margin-bottom: 50px;
}

.quote-icon {
	font-size: 3rem;
	color: #c09252;
	margin-bottom: 20px;
}

.featured-quote-text {
	font-size: 15px;
	font-style: italic;
	color: #444;
	line-height: 1.6;
	margin-bottom: 30px;
}

.featured-quote-author {
	font-weight: 700;
	font-size: 15px;
	color: #c09252;
}

@media (max-width: 768px) {
	.hero-title { font-size: 2.3rem; }
	.hero-title b { font-size: 1.5rem; }
	.hero-title div { font-size: 1.1rem;margin-top:5px; }
	.hero-check-list { font-size: 16px; }
	.reviews-hero { padding: 40px 0; background-position: right; }
	.title-with-lines { font-size: 20px; }
	.featured-quote-wrapper { padding: 30px 20px; }
	.section-title { text-align:center; }
	.section-subtitle { text-align:center; }	
	.hero-subtitle { text-align:center; }	
	.title-simple { text-align:center; }
	.details-section-text { text-align:center; }
}

.use-hero-bg {
	background: url(/images/gifts-bgr15.jpg);
    background-size: cover;
    background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	/*
	-webkit-mask-image: linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, transparent 100%);
	mask-image: linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, transparent 100%);
	*/
}

.hero-content-wrapper {
	padding-top: 8vh;
	padding-bottom: 50px;
}

.activation-card {
	background-color: #fcfbf9;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 15px 35px rgba(0,0,0,0.08);
	border: 1px solid rgba(0,0,0,0.05);
}

.activation-card h4 {
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.4;
	text-transform:uppercase;
	color:#469208;
}

.custom-input {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 12px 15px;
	height: auto;
	box-shadow: none;
	float:none;
}

.custom-input:focus {
	border-color: #2e7d32;
	box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.1);
}

.activate-help-conatiner {
	background: url('/images/gifts-bgr2.png') #FFF repeat 0px 0px;
	box-shadow:inset 0px 5px 5px rgba(0,0,0,0.2);	
	padding:20px;
}

.step-icon-wrapper {
	font-size: 3rem;
	color: #2e7d32;
	margin-bottom: 20px;
}

.step-card-title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}

.step-card-text {
	font-size: 14px;
	color: #555;
	margin-bottom: 0;
}

.questions-section {
	background: url(/images/gifts-bgr3.png) #FFF repeat 0px 0px;
    box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.06);
    padding: 20px;	
	text-shadow:1px 1px 0 #FFF;
}

#idCreator {
	padding:0 20px;
}

.create-hero {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url('/images/gifts-create1.jpg');*/
	/*background-size: cover;*/
	/*background-position: center;*/
	background:url('/images/gifts-bgr3.png') repeat 0px 0px;
	padding: 40px 0;
	text-align: center;
	box-shadow:inset 0px 5px 15px rgba(0,0,0,0.08);
	margin-top:55px;
}

.create-title {
	display:none;
}

#footer_add2 {
	display:none;
}

@media (max-width:768px) {
	.create-hero {
		display:none;
	}
	
	.create-title {
		display:block;
	}	
	
	#footer_add2 {
		display:block;
	}
}



.process-steps {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.process-line {
	position: absolute;
	top: 25px;
	left: 20%;
	right: 20%;
	height: 0;
	border-top: 3px dotted #2e7d32;
	z-index: 0;
}

.process-step {
	position: relative;
	z-index: 1;
	width: 120px;
	text-align: center;
	margin: 0 40px;
}

.step-circle {
	width: 60px;
	height: 60px;
	background-color: #2e7d32;
	color: white;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	border: 3px solid white; /*            */
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.step-label {
	font-weight: 700;
	font-size: 15px;
	color: #333;
}

.preview-card {
	background: white;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.preview-amount-cont {
	padding: 4px;
    text-align: right;
    margin-top: 8px;
}

.preview-amount-cont b {
	color:#2e7d32;
	font-size:25px;
}

.preview-amount-cont span {
	color:#858585;
}

.preview-image {
	cursor:pointer;
	display:block;
	width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 270px;
    border: 3px dashed #eaf5db;
    background-color: #fcfffa;
    text-align: center;		
	transition: all 0.2s;
	padding-top:60px;
	color:#adbf94;
	background-size: cover;
    background-position: center;	
}

.preview-image:hover {
	border-color:#d0d7c6;
}

.preview-text {
	font-size: 30px;
	color: #1e1e1e;
	text-align: center;
	line-height: 1.2;
	max-height: 240px;
    overflow: hidden;	
}

.preview-text.font1 {
	font-family: 'Great Vibes', cursive;
}

.preview-text.font2 {
	font-family: 'Roboto Slab', sans-serif;
}

.preview-text.font3 {
	font-family: 'Poiret One', sans-serif;
}

.preview-text.font4 {
	font-family: 'Amatic SC', sans-serif;
}

.font1 {
	font-family: 'Great Vibes', cursive;
}

.font2 {
	font-family: 'Roboto Slab', sans-serif;
}

.font3 {
	font-family: 'Poiret One', sans-serif;
}

.font4 {
	font-family: 'Amatic SC', sans-serif;
}

#btnCreateReady {
	display:none;
}

.cont_gotocats {
	text-align:center;
}

@media (min-width:768px) {
	.cont_gotocats {
		display:none;
	}
}		

.btn-create-gotocats {
	float:none;
}

.message-area {
	position: relative;
}

.char-counter {
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-size: 0.8rem;
	color: #999;
}

.selection-btn {
	background: linear-gradient(to bottom, #ffffff, #fefff5);
	border: 1px solid #c7cdad;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.selection-btn:hover, .selection-btn.active {
	border-color: #2e7d32;
	background-color: #f1f8f1;
	box-shadow: 0 2px 8px rgba(46, 125, 50, 0.2);
}

.selection-btn img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	margin-bottom: 8px;
}

.selection-btn span {
	font-size: 0.8rem;
	font-weight: 600;
	color: #096d1a;
	line-height: 1.1;
}

.price-input-group {
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: hidden;
	padding: 5px 20px;
	background: white;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.2rem;
}

.price-input-group input {
	border: none;
	text-align: right;
	font-weight: 700;
	font-size: 20px;
	color: #6aa50e;
	background-color:#FFF;
}

.price-input-group input:focus {
	box-shadow: none;
	color: #6aa50e;
}

.container_gift_send {
	background: url(/images/gifts-bgr12.jpg);
    box-shadow: inset 0px 5px 12px rgba(0, 0, 0, 0.05);
    padding: 20px;
    background-size: cover;
    background-position: center;
}

.container_gift_cats {
	background: url('/images/gifts-bgr4.png') #FFF repeat 0px 0px;
	box-shadow:inset 0px 5px 5px rgba(0,0,0,0.06);	
	padding:20px;
}		

.category-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	color: #2e7d32;
	font-weight: 600;
}

@media (max-width:768px) {
	.category-item {
		padding-left:70px;
	}
}

.category-item i {
	font-size: 15px;
	margin-right: 10px;
	width: 30px;
	text-align: center;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #2e7d32;
	background-color: #2e7d32;
}

.modal-choice-img {
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	border: 3px solid transparent;
	border-radius: 8px;
	width: 100%;
	object-fit: cover;
	height: 153px;
}

.modal-choice-img:hover {
	transform: scale(1.03);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	border-color: rgba(46, 125, 50, 0.5);
}		

.custom-radio {
	background-color: rgb(255 255 255 / 33%);
	padding-left: 40px;
	padding-right: 10px;
	border-radius: 3px;
}

@media (max-width:768px) {
	.custom-radio {
		width:100%;
	}	
}

.greet-choice {
	display: block;
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 1rem;
	font-weight: 500;
	color: #0c610c;
	background: linear-gradient(to bottom, #FFF, #fbfff7);			
	border: 2px solid #e5efcf;			
}

.greet-choice:hover {
	color: #0c610c;
	background: linear-gradient(to bottom, #ffffff, #eef1e5);
	border-color: #c9d5b5;
}

.odometer-container {
	display: inline-flex;
	overflow: hidden;
	height: 1em;
	line-height: 1em;
	vertical-align: baseline;
}

.odometer-digit-col {
	display: flex;
	flex-direction: column;
}

.odometer-digit {
	height: 1em;
	line-height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);
}

.mob-menu {
	position: absolute;
	right: 25px;
	top: 10px;
	display: block;
	width: 28px;
	height: 40px;
}
.mob-menu.open {
	top: 0px;
}	
.mob-menu span {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 3px;
	margin-top: -3px;
	background-color: #419d1e;
	border-radius: 3px;
}
.mob-menu > span:before,
.mob-menu > span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #419d1e;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
}
.mob-menu > span:before {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
.mob-menu > span:after {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
.mob-menu.open {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mob-menu.open > span:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
} 
.mob-menu.open > span:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#custom_greet {
	overflow: hidden; 
	resize: none;
}

.rate_cont {
	margin-top:55px;
	background: url(/images/gifts-bgr12.jpg);
    box-shadow: inset 0px 5px 12px rgba(0, 0, 0, 0.05);
    padding: 20px;
    background-size: cover;
    background-position: center;	
}

.feedback-wrapper {
	text-align: center;
	font-size: 15px;
	line-height: 26px;
}

.feedback-title {
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 20px;
	color: #111;
}

.feedback-text {
	font-size: 1.05rem;
	line-height: 1.6;
	margin-bottom: 8px;
	color: #333;
}

.stars-container {
	margin: 30px 0;
	font-size: 2.5rem;
	color: #444;
}

.rating-star {
	cursor: pointer;
	margin: 0 5px;
	transition: color 0.2s, transform 0.2s;
}

.rating-star:hover {
	transform: scale(1.1);
}

.rating-star.selected, 
.rating-star.hovered {
	color: #ffc107;
}

@media (max-width: 576px) {
	.feedback-text { font-size: 0.95rem; }
	.stars-container { font-size: 2rem; }
}