/* Hospitality Page Specific Styles */

/* Base Styles */
body {
    font-family: 'Manrope', sans-serif !important;
    line-height: 1.6;
    color: #333;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700;
    color: #101828 !important;
}

p, div, span, a, button {
    font-family: 'Manrope', sans-serif !important;
    
}

/* Custom Colors */
:root {
  	
  	/* Common Style Variables */
  	
  	/* Color */
  	--color-aliceblue-100: #eff6ff;
  	--color-aliceblue-200: rgba(243, 248, 255, 0.42);
  	--color-aquamarine: #c3ffd9;
  	--color-darkgray-100: #a4a4a4;
  	--color-darkgray-200: #99a1af;
  	--color-darkslategray-100: #475569;
  	--color-darkslategray-200: #364153;
  	--color-dimgray-100: #6a6a6a;
  	--color-dimgray-200: #4a5565;
  	--color-dodgerblue: #4285f4;
  	--color-gainsboro: #e5e7eb;
  	--color-gray-100: #20293c;
  	--color-gray-200: #101828;
  	--color-gray-300: #0f172a;
  	--color-gray-400: rgba(255, 255, 255, 0.05);
  	--color-honeydew: #ebfff3;
  	--color-lavender-100: #dbeafe;
  	--color-lavender-200: #cee1fa;
  	--color-lavenderblush: #fff2f2;
  	--color-mediumslateblue: #155dfc;
  	--color-mediumspringgreen: #22c55e;
  	--color-pink: #ffc0c0;
  	--color-white: #fff;
  	--color-whitesmoke-100: #f3f4f6;
  	--color-whitesmoke-200: #f2f2f2;
  	
  	/* Gap */
  	--gap-4: 4px;
  	--gap-8: 8px;
  	--gap-10: 10px;
  	--gap-12: 12px;
  	--gap-14: 14px;
  	--gap-16: 16px;
  	--gap-18: 18px;
  	--gap-20: 20px;
  	--gap-24: 24px;
  	--gap-30: 30px;
  	--gap-32: 32px;
  	--gap-40: 40px;
  	--gap-48: 48px;
  	
  	/* Padding */
  	--padding-0: 0px;
  	--padding-12: 12px;
  	--padding-16: 16px;
  	--padding-19: 19px;
  	--padding-20: 20px;
  	--padding-24: 24px;
  	--padding-30: 30px;
  	--padding-32: 32px;
  	--padding-40: 40px;
  	--padding-60: 60px;
  	--padding-100: 100px;
  	--padding-320: 320px;
  	
  	/* BorderRadius */
  	--br-0: 0px;
  	--br-8: 8px;
  	--br-10: 10px;
  	--br-12: 12px;
  	--br-14: 14px;
  	--br-16: 16px;
  	--br-50: 50%;
  	--br-33554400: 33554400px;
  	
  	/* Font */
  	--font-inter: Inter;
  	--font-jetbrains-mono: JetBrains Mono;
  	--font-manrope: Manrope;
  	--font-metropolis: Metropolis;
  	--font-plus-jakarta-sans: Plus Jakarta Sans;
  	--font-urbanist: Urbanist;
  	
  	/* FontSize */
  	--fs-12: 12px;
  	--fs-14: 14px;
  	--fs-15: 15px;
  	--fs-16: 16px;
  	--fs-17: 17px;
  	--fs-18: 18px;
  	--fs-20: 20px;
  	--fs-24: 24px;
  	--fs-28: 28px;
  	--fs-36: 36px;
  	
  	/* Borders */
  	--border-1: 1px solid var(--color-gray-200);
  	--border-2: 1px solid var(--color-dimgray-200);
  	
  	/* Shadows */
  	--shadow-drop: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  	--shadow-drop-1: -8px -4px 32px rgba(0, 0, 0, 0.08), 40px 28px 80px rgba(0, 0, 0, 0.08);
  	--shadow-drop-2: 4px 4px 11.9px -3px rgba(0, 0, 0, 0.25);
  	--shadow-drop-3: -15px 16px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  	--shadow-drop-4: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  	--shadow-drop-5: -4px -4px 11.9px -3px rgba(0, 0, 0, 0.25);
  	--shadow-drop-6: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  	
  	/* Gradients */
  	--gradient-1: linear-gradient(180deg, var(--color-white), var(--color-aliceblue-100));
  	--gradient-2: linear-gradient(180deg, var(--color-aliceblue-100), var(--color-white)), linear-gradient(var(--color-white), var(--color-white));
  	--gradient-3: linear-gradient(135deg, var(--color-white), #f9fafb);
  	--gradient-4: linear-gradient(260.79deg, var(--color-white), var(--color-aliceblue-100));
  	
  	/* WidthHeights */
  	--height-15: 15px;
  	--height-20: 20px;
  	--height-21: 21px;
  	--height-24: 24px;
  	--height-32: 32px;
  	--height-36: 36px;
  	--height-48: 48px;
  	--height-56: 56px;
  	--height-11_7: 11.7px;
  	--height-15_9: 15.9px;
  	--height-16_7: 16.7px;
  	--height-25_2: 25.2px;
  	--width-15: 15px;
  	--width-16: 16px;
  	--width-20: 20px;
  	--width-21: 21px;
  	--width-36: 36px;
  	--width-40: 40px;
  	--width-48: 48px;
  	--width-56: 56px;
  	--width-80: 80px;
  	--width-100: 100px;
  	--width-197: 197px;
  	--width-400: 400px;
  	--width-1280: 1280px;
  	--width-1920: 1920px;
  	--width-11_7: 11.7px;
  	--width-16_7: 16.7px;
  	
  	/* LineHeights */
  	--lh-18: 18px;
  	--lh-20: 20px;
  	--lh-24: 24px;
  	--lh-27: 27px;
  	--lh-28: 28px;
  	--lh-32: 32px;
  	--lh-40: 40px;
  	
  	
  	--left-0: 0px;
  	--left-32: 32px;
  	--left-33_6: 33.6px;
  	--top-0: 0px;
  	--top-2: 2px;
  	--top-10: 10px;
  	--top-20: 20px;
  	--top-72: 72px;
  	--top--2: -2px;
  	--top--1_95: -1.95px;
  	--top-2_1: 2.1px;
  	
}

.text-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-primary-soft {
    background-color: var(--primary-soft) !important;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #1248d6;
    border-color: #1248d6;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: 600;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Navigation */
.navbar-brand {
    font-weight: 800 !important;
    color: #333 !important;
}

.navbar-nav .nav-link {
    font-weight: 500 !important;
    color: #333 !important;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
}

.navbar-nav .nav-link.active {
    color: #155dfc !important;
    font-weight: 600 !important;
}

/* Hero Section */
.hero-section {
    
    display: flex;
    align-items: center;

background: linear-gradient(180deg, #E8F2FF 0%, rgba(239, 246, 255, 0) 100%);

}

.hero-section .badge {
    font-size: 0.9rem;
    font-weight: 600;
}

.hero-section .display-4 {
    font-weight: 800;
    line-height: 1.2;
}

.hero-section .lead {
    font-size: 1.25rem;
    font-weight: 400;
}

/* Stats Section */
.stats-section .fs-1 {
    font-size: 3rem !important;
    font-weight: 800;
    color: var(--primary-color);
}

/* Feature Cards */
.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--border-light);
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(21, 93, 252, 0.1);
}

.feature-icon {
    width: 60px;
    height: 60px;
    background: var(--primary-soft);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Solutions Section */
.solutions-section .feature-list .d-flex {
    margin-bottom: 2rem;
}

/* Testimonial Cards */
.testimonial-card {
    transition: transform 0.3s ease;
    border: 1px solid var(--border-light);
}

.testimonial-card:hover {
    transform: translateY(-3px);
}

/* Ultimate Cards */
.ultimate-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--border-light);
}

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

.ultimate-icon {
    width: 70px;
    height: 70px;
    background: var(--primary-soft);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, var(--primary-color), #1248d6);
}

/* Trusted Section */
.trusted-section img {
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.trusted-section img:hover {
    opacity: 1;
}

/* Final CTA Section */
.final-cta-section {
    background: #1a1a2e !important;
}

/* Responsive Design */

@media (max-width: 768px) {
    .hero-section .display-4 {
        font-size: 2.5rem;
    }
    
    .hero-section .lead {
        font-size: 1.1rem;
    }
    
    .stats-section .fs-1 {
        font-size: 2.5rem !important;
    }
    
    .display-5 {
        font-size: 2rem;
    }

    /* Mobile styles for Review Management Hub */
    .productscreens {
        padding: var(--padding-60) var(--padding-20);
    }

    .container8 {
        padding: var(--padding-0) var(--padding-20);
    }

    .container9 {
        flex-direction: column;
        gap: var(--gap-16);
        padding: var(--padding-20);
    }

    .button5, .button6, .button7, .button8 {
        width: 100%;
        justify-content: center;
    }

    .dashboard-2-icon {
        width: 100%;
        height: auto;
    }

    .left-contaier-hero {
        padding-left: 20px;
        padding-right: 20px;
    }

    h1.dont-leave-your-container {
        font-size: 48px;
    }

    b.set-dop {
        font-size: 36px;
    }

    .features3 {
        grid-template-columns: 1fr;
        padding: 20px 10px;
    }

    .container37 {
        width: 100% !important;
        max-width: 400px;
    }
	.hero-image-container {
 
    min-height: unset !important; 

}
}

/* Animation Enhancements */
.btn {
    transition: all 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

/* Custom Utilities */
.min-vh-100 {
    min-height: 100vh;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.rounded-3 {
    border-radius: 0.5rem !important;
}

/* Problem Cards */
.problem-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--border-light);
}

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

.problem-icon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Review Impact Section */
.review-impact-section {
    background: linear-gradient(135deg, #f8f9ff, #ffffff);
}

.comparison-header {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.comparison-positive, .comparison-negative {
    min-height: 350px;
    border: 2px solid transparent;
}

.comparison-positive {
    background: linear-gradient(135deg, #f0fff4, #e6fffa);
    border-color: #22c55e;
}

.comparison-negative {
    background: linear-gradient(135deg, #fef2f2, #fef7f7);
    border-color: #ef4444;
}

.bg-success-soft {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

.bg-danger-soft {
    background-color: rgba(239, 68, 68, 0.1) !important;
}

/* Industry Cards */
.industry-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--border-light);
}

.industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(21, 93, 252, 0.1);
    background: white !important;
}

.industry-icon {
    width: 80px;
    height: 80px;
    background: var(--primary-soft);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: transform 0.3s ease;
}

.industry-card:hover .industry-icon {
    transform: scale(1.1);
}

/* Additional Colors */
.text-success {
    color: #22c55e !important;
}

.text-danger {
    color: #ef4444 !important;
}

div#navbarNav {
    justify-content: end;
    align-items: center;
}
div#navbarNav a.button2{
        box-shadow: var(--shadow-drop);
    border-radius: var(--br-10);
    background-color: var(--color-mediumslateblue);
    display: flex;
    align-items: center;
    padding: var(--padding-12) var(--padding-24);
    gap: var(--gap-10);
    color: var(--color-white);
}

nav.navbar.navbar-expand-lg.navbar-light.bg-white.sticky-top.shadow-sm {
    box-shadow: 0px 0.5px 3.4px 0px #0000001F !important;
    background-color: var(--color-aliceblue-100) !important;
    padding: 20px 0 !important;
}

h1.dont-leave-your-container {
    font-size: 68px;
    font-weight: 400;
}

span.bgbggg {
    background: #155DFC33;
    padding: 4px 16px;
    border-radius: 8px;
    margin-right: 15px;
}

b.set-dop{
    font-size: 48px;
}

.btn-primary {
    box-shadow: var(--shadow-drop);
    border-radius: var(--br-10);
    background-color: var(--color-mediumslateblue);
    display: flex;
    align-items: center;
    padding: var(--padding-12) var(--padding-24) !important;
    gap: var(--gap-10);
    color: var(--color-white);
    border: unset;
}

.btn-outline-primary{
        text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
 padding: 14px 31px !important;

    border-radius: 8px;
    background: #f8f9fa;
    color: #333;
    font-weight: 600;
    transition: all 0.2s;
}


.btn-outline-primary:hover{
    background: #000000;
    color: #ffffff;
}


.btn-outline-primary:hover img.vector-icon {
    filter: brightness(0) invert(1);
}

.left-contaier-hero{
    padding-left: 180px;
    padding-right: 50px;
}

.container37 {
  	width: var(--width-400);
  	border-radius: var(--br-14);
  	background: var(--gradient-3);
  	border: var(--border-1);
  	box-sizing: border-box;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: var(--padding-20);
  	gap: var(--gap-24);
    height: -webkit-fill-available;
}

.features3 {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    padding: 40px 10px;
    gap: 30px;

    z-index: 1;
    grid-template-columns: repeat(3,1fr);
    justify-items: center;
}
.multi-location-management h3 {
    font-size: 18px;
    font-weight: 600;
}
.managing-reviews-across {
    align-self: stretch;
    position: relative;
    font-size: var(--fs-16);
    line-height: 150%;
    color: var(--color-dimgray-200) !important;
    font-weight: 400;
}
section.stats-section {
    background: linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
}

.everything-you-need3{
    font-weight: 400;
}
.commenh{
    font-size: 36px !important;
}
.commenh-p{
    font-size: 20px !important;
}
.common-pading{
    padding: 100px 0 !important;
}
.solutions-section .feature-list .d-flex{
    background: var(--Blue-BG, #EFF6FF);
border-left: 2px solid var(--sub-headings, #4A5565);
padding: 20px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;

}
.solutions-section .feature-list .d-flex p{
    font-weight: 400;
}
.gradient-bg {
    background-image: url(/landing/Images/grbg.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color:#fff;
}
.final-cta-section{
    padding: 60px 0 !important;
}
.final-cta-section h2{
    color: #fff !important;
}


section#fedback-decisons {
    background: linear-gradient(0deg, var(--Blue-BG, #EFF6FF), var(--Blue-BG, #EFF6FF)),
linear-gradient(180deg, #EFF6FF 0%, rgba(239, 246, 255, 0) 100%);
}

section#fedback-decisons .feature-list .d-flex {
    border-bottom: 1px solid #D1D8E3;
    border-left: unset;
    padding: 40px 20px;
    border-radius: 0;

}
section#fedback-decisons .feature-list .d-flex:nth-child(3n) {
    border-bottom: none;
}

/* Review Management Hub Section */
.productscreens-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	z-index: 10;
  	width: 100%;
}

.productscreens {
  	width: 100%;
  	background: var(--gradient-1);
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-100) var(--padding-320);
  	box-sizing: border-box;
  	gap: var(--gap-40);
}

.container8 {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-0) 210px;
  	gap: var(--gap-20);
  	text-align: center;
}

h2.m, h2 b {
    font-size: 36px;
}

.explore-our-intuitive {
    position: relative;
    font-size: var(--fs-18) !important;
    line-height: 150%;
    color: var(--color-dimgray-200);
    text-align: center;
    font-weight: 400;
}
.container-container {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: var(--gap-40);
  	font-size: var(--fs-16);
  	color: var(--color-darkslategray-200);
  	font-family: var(--font-inter);
}

.container9 {
  	border-radius: var(--br-12);
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-24);
  	gap: 37px;
  	position: relative;
  	z-index: 20;
}

.button5, .button6, .button7, .button8 {
  	cursor: pointer;
  	position: relative;
  	z-index: 5;
}

.button5 {
  	height: var(--height-48);
  	
  	box-shadow: var(--shadow-drop);
  	border-radius: var(--br-10);
  	background-color: var(--color-gray-200);
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-24);
  	box-sizing: border-box;
  	gap: var(--gap-8);
  	color: var(--color-white);
}

.vector-icon7 {
  	height: var(--height-15);
  	width: var(--width-15);
  	position: relative;
  	flex-shrink: 0;
}

.dashboard {
  	position: relative;
  	line-height: var(--lh-24);
  	font-weight: 500;
  	flex-shrink: 0;
}

.button6 {
  	height: var(--height-48);

  	border-radius: var(--br-10);
  	background-color: var(--color-white);
  	border: 0.5px solid var(--color-darkslategray-200);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-24);
  	gap: var(--gap-8);
}

.button7 {
  	height: var(--height-48);
  	border-radius: var(--br-10);
  	background-color: var(--color-white);
  	border: 0.5px solid var(--color-darkslategray-200);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-24);
  	gap: var(--gap-8);
}

.button8 {
  	height: var(--height-48);

  	border-radius: var(--br-10);
  	background-color: var(--color-white);
  	border: 0.5px solid var(--color-darkslategray-200);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-24);
  	gap: var(--gap-8);
}

.vector-icon10 {
  	height: var(--height-16_7);
  	width: var(--width-15);
  	position: relative;
}

.login {
  	position: relative;
  	line-height: var(--lh-24);
  	font-weight: 500;
}

/* Tab button styles */
.tab-button {
	cursor: pointer;
	transition: all 0.3s ease;
	pointer-events: auto;
	position: relative;
	z-index: 10;
}

.tab-button.active {
	background-color: var(--color-gray-200) !important;
	color: var(--color-white) !important;
	box-shadow: var(--shadow-drop);
	border: none !important;
}

.tab-button.active .dashboard,
.tab-button.active .login {
	color: var(--color-white);
}

.tab-button:not(.active) {
	background-color: var(--color-white);
	border: 0.5px solid var(--color-darkslategray-200);
	color: #000000;
}

.button5 img {
    filter: brightness(0);
}

.tab-button.active img {
    filter: brightness(0) invert(1);
}

.testimonials h2.commenh {
    text-align: center;
}

.dashboard-2-icon {
  	position: relative;
  	border-radius: var(--br-8);
  	max-height: 100%;
  	object-fit: contain;
  	transition: opacity 0.3s ease-in-out;
  	/* image-rendering: -webkit-optimize-contrast;
  	image-rendering: crisp-edges; */
    width: 100%;
}

.button9 {
  	box-shadow: var(--shadow-drop);
  	border-radius: var(--br-10);
  	background-color: var(--color-mediumslateblue);
  	display: flex;
  	align-items: center;
  	padding: var(--padding-16) 31px;
  	gap: var(--gap-10);
  	font-size: var(--fs-18);
  	color: var(--color-white);
}

/* ============================================
   TESTIMONIALS SECTION
   ============================================ */
.testimonials-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	z-index: 1;
}

.testimonials {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-100) var(--padding-320);
  	box-sizing: border-box;
  	gap: var(--gap-40);
  	overflow: hidden;
}

.container67 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-0) 262px;
  	gap: var(--gap-20);
}

.container68 {
  	align-self: stretch;
  	display: flex;
  	gap: var(--gap-20);
  	text-align: left;
  	font-size: var(--fs-20);
}


section#reputation-score .btn-primary {
    width: max-content;
}

section#reputation-score .small {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}
/* ============================================
   TESTIMONIAL SLIDER
   ============================================ */
.testimonial-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.testimonial-track {
	display: flex;
	gap: 20px;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

.testimonial-slider .container69 {
	flex-shrink: 0;
	box-sizing: border-box;
	width: auto;
}

/* Dots */
.testimonial-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 28px;
}

.testimonial-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: var(--color-gainsboro);
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
}

.testimonial-dot.active {
	background: var(--color-mediumslateblue);
	width: 28px;
	border-radius: 5px;
}

.testimonial-dot:hover:not(.active) {
	background: var(--color-darkgray-200);
}

.container69 {
  	width: 415px;
  	border-radius: var(--br-14);
  	background: var(--gradient-4);
  	border: var(--border-1);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: var(--padding-24);
  	position: relative;
  	isolation: isolate;
  	gap: var(--gap-12);
}

.container70 {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-12);
  	z-index: 0;
  	flex-shrink: 0;
}

.container-icon19 {
  	width: 60px;
  	height: 60px;
  	border-radius: var(--br-33554400);
  	max-height: 100%;
  	object-fit: cover;
}

.container71 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-12);
}

.medical-director-healthfirst {
  	position: relative;
  	font-size: var(--fs-16);
  	line-height: 100%;
  	color: var(--color-dimgray-200);
    font-weight: 500;
}

.container72 {
  	align-self: stretch;
  	height: var(--height-20);
  	display: flex;
  	align-items: flex-start;
  	gap: var(--gap-4);
}

.vector-icon34 {
  	height: var(--height-15_9);
  	width: var(--width-16_7);
  	position: relative;
}

.managing-patient-reviews {
  	align-self: stretch;
  	position: relative;
  	font-size: var(--fs-18) !important;
  	line-height: 150%;
  	color: var(--color-darkslategray-200);
  	z-index: 1;
    font-weight: 400;
  	flex-shrink: 0;
}

.vector-icon39, .vector-icon45, .vector-icon51 {
  	width: var(--width-40);
  	position: absolute;
  	margin: 0 !important;
  	top: 20px;
  	right: 20.3px;
  	max-height: 100%;
  	z-index: 2;
  	flex-shrink: 0;
}

.container74 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: var(--gap-12);
  	z-index: 0;
  	flex-shrink: 0;
}

.container-icon20 {
  	width: 60px;
  	height: 60px;
  	border-radius: var(--br-33554400);
  	max-height: 100%;
  	object-fit: cover;
  	flex-shrink: 0;
}

.container75 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-12);
  	flex-shrink: 0;
}

.container76 {
  	width: 334px;
  	height: var(--height-20);
  	display: flex;
  	align-items: flex-start;
  	gap: var(--gap-4);
}

.explore-our-intuitive2 {
  	position: relative;
  	font-size: var(--fs-20) !important;
    font-weight: 400;
  	line-height: 150%;
  	color: var(--color-dimgray-200);
  	text-align: center;
}

.replied-vs-unreplied {
    font-size: 36px;
}

.testimonial-track h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
/* ============================================
   READY TO TAKE CONTROL CTA SECTION
   ============================================ */
.finalcta-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-0) var(--padding-100);
  	text-align: left;
  	font-size: var(--fs-28);
}

.finalcta2 {
  	width: var(--width-1280);
  	border-radius: 20px;
  	background-color: var(--color-aliceblue-100);
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-40) var(--padding-60);
  	box-sizing: border-box;
  	gap: var(--gap-40);
}

.union-icon8 {
  	height: 218.2px;
  	width: 236.3px;
  	position: relative;
  	flex-shrink: 0;
}

.frame-parent12 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: var(--gap-24);
  	flex-shrink: 0;
}

.ready-to-transform-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-8);
  	flex-shrink: 0;
}

.your-online-reputation {
  	position: relative;
  	font-size: 40px;
  	line-height: 125%;
  	color: var(--color-mediumslateblue);
}

.join-thousands-of3 {
  	width: 625px;
  	position: relative;
  	font-size: var(--fs-20);
  	line-height: var(--lh-28);
  	color: var(--color-lavender-100);
  	display: none;
  	flex-shrink: 0;
}

.container85 {
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;

  	flex-shrink: 0;
  	text-align: center;
  	font-size: var(--fs-18);
  	color: var(--color-white);
}

.button24 {
  	box-shadow: var(--shadow-drop-4);
  	border-radius: var(--br-10);
  	background-color: var(--color-gray-200);
  	display: flex;
  	align-items: center;
  	padding: var(--padding-16) 24px;
  	gap: var(--gap-24);
}

.container86 {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-24);
}

.container87 {
	display: flex;
	align-items: center;
	gap: var(--gap-8);
}

.vector-icon53 {
	height: var(--height-15);
	width: var(--width-15);
	position: relative;
}

/* ============================================
   FAQ SECTION
   ============================================ */
.faq-section {
	width: 100%;
	background: linear-gradient(0deg, var(--color-aliceblue-100), var(--color-white) 0, var(--color-aliceblue-100));
	padding: 80px 20px;
	display: flex;
	justify-content: center;
}

.faq-inner {
	max-width: 1280px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 60px;
}

.faq-header {
	text-align: left;
	margin-bottom: 0;
	flex: 0 0 360px;
}

.faq-title {
	font-size: 2rem;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 12px;
	font-family: 'Manrope', sans-serif;
}

.faq-subtitle {
	font-size: 18px;
	color: #6b7280;
	margin: 0;
font-weight: 400;
}

.faq-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
}

.faq-item {
	margin-bottom: 10px;
	border-radius: 16px;
	transition: transform 0.2s;
	overflow: hidden;
}

.faq-item.active {
	background: #fff;
	border: 1px solid #818cf8;
	box-shadow: 0 2px 12px rgba(79, 110, 247, 0.08);
}

.faq-item.active .faq-question {
	border: none;
	border-bottom: 1px solid #e5e7eb;
	border-radius: 16px 16px 0 0;
}

.faq-item:hover {
	transform: translateY(-1px);
}

.faq-item:hover .faq-question {
	background: #f0f4ff;
	border-color: #c7d2fe;
	color: #4f6ef7;
}

.faq-item.active .faq-question {
	background: #eef2ff;
	color: #4f6ef7;
}

.faq-question {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 32px;
	background: #fff;
	border-radius: 16px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	color: #1e293b;
	font-family: "Manrope", sans-serif;
	text-align: left;
	transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
	border: 1px solid #E5E7EB;
	background: linear-gradient(-20deg, var(--color-aliceblue-100), var(--color-white) 0, var(--color-aliceblue-100));
}

.faq-question:hover {
	color: #4f6ef7;
}

.faq-icon {
	font-size: 1.4rem;
	font-weight: 300;
	color: #9ca3af;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	margin-left: 16px;
}

.faq-item.active .faq-icon {
	transform: rotate(45deg);
	color: #4f6ef7;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease, padding 0.35s ease;
	padding: 0 32px;
}

.faq-item.active .faq-answer {
	max-height: 200px;
	padding: 12px 32px 20px;
	text-align: left;
}

.faq-answer p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #000000;
	font-family: "Manrope", sans-serif;
	padding: 10px 15px 0;
    font-weight: 400;
}

button.faq-question h3 {
    font-size: 18px;
}

/* ============================================
   FOOTER SECTION
   ============================================ */
.footer {
  	width: 100%;
  	background: #101828, #eff6ff;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: var(--padding-60) var(--padding-320) var(--padding-0);
  	box-sizing: border-box;
  	position: relative;
  	isolation: isolate;
  	gap: var(--gap-24);
  	z-index: 0;
  	text-align: left;
  	font-size: 33.06px;
  	color: var(--color-white);
  	font-family: var(--font-metropolis);
	padding-bottom: 40px;
}

.frame-parent13 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	gap: var(--gap-24);
  	z-index: 0;
  	flex-shrink: 0;
}

.frame-parent14 {
  	align-self: stretch;
  	display: flex;
	flex-direction: column;
  	align-items: center;
  	justify-content: space-between;
  	padding: var(--padding-0) var(--padding-0) var(--padding-20);
  	gap: var(--gap-20);
}

.repopilot img {
	filter: invert(0);
	max-width: unset;
}

.repopilot a {
	display: inline-block;
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.repopilot a:focus,
.repopilot a:active {
	outline: none;
	box-shadow: none;
}

.the-complete-solution {
  	position: relative;
  	font-size: var(--fs-16);
  	line-height: var(--lh-24);
  	font-family: var(--font-manrope);
  	color: var(--color-darkgray-100);
  	display: inline-block;
  	flex-shrink: 0;
}

.container90 {
  	height: var(--height-36);
  	width: 215px;
  	display: flex;
  	align-items: flex-start;
  	gap: var(--gap-16);
}

img.link-icon {
    background: #1E2939;
    width: 36px;
    padding: 10px;
    border-radius: 10px;
}

.list-parent {
  	width: var(--width-1280);
  	border-radius: var(--br-12);
  	background-color: var(--color-gray-400);
  	display: flex;
  	align-items: flex-start;
  	justify-content: space-between;
  	padding: var(--padding-20) var(--padding-40);
  	box-sizing: border-box;
  	gap: var(--gap-20);
  	font-size: var(--fs-16);
  	color: var(--color-darkgray-100);
  	font-family: var(--font-manrope);
}

.list4 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-12);
  	font-size: var(--fs-17);
}

.important-links {
  	position: relative;
  	font-size: var(--fs-18);
  	line-height: var(--lh-27);
  	font-weight: 600;
  	color: var(--color-white);
}

.reach-us-at-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: var(--gap-12);
}

.vector-icon56 {
  	width: var(--width-16);
  	position: relative;
  	max-height: 100%;
}

.container93 {
  	align-self: stretch;
  	height: 69px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-20) var(--padding-0) var(--padding-0);
  	box-sizing: border-box;
  	z-index: 1;
  	flex-shrink: 0;
  	font-size: var(--fs-14);
  	color: var(--color-darkgray-200);
  	font-family: var(--font-inter);
	flex-direction: column-reverse;
    gap: 25px;
    text-align: center;
    justify-content: center;
}

.footer .container90 img.link-icon {
    display: none;
}

.footer .container90 {
    display: none;
}
.finalcta-wrapper b.replied-vs-unreplied {
    font-size: 28px;
    font-weight: 700;
}

.features {
    color: #4A5565;
    font-weight: 400;
    font-size: 18px;
}

section#solutions {
    padding-bottom: 10px !important;
}

.navbar-nav .nav-link {
    color: #101828 !important;
    font-size: 18px !important;

}


/* Responsive adjustments for new sections */
@media (max-width: 768px) {
    .testimonials {
        padding: var(--padding-60) var(--padding-20);
    }

    .container67 {
        padding: var(--padding-0) var(--padding-20);
    }

    .finalcta-wrapper {
        padding: var(--padding-60) var(--padding-20);
    }

    .finalcta2 {
        width: 100%;
        flex-direction: column;
        padding: var(--padding-40) var(--padding-20);
        gap: var(--gap-20);
    }

    .faq-section {
        padding: 60px 16px;
    }

    .faq-inner {
        flex-direction: column;
        gap: 32px;
    }

    .faq-header {
        text-align: center;
        flex: unset;
        width: 100%;
    }

    .faq-title {
        font-size: 1.5rem;
    }

    .faq-question {
        font-size: 14px;
        padding: 10px;
        border-radius: 8px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    .footer {
        padding: 60px 40px 40px;
    }

    .list-parent {
        width: 100%;
        flex-direction: column;
        gap: 24px;
        padding: 24px 20px;
    }

    .container69 {
        width: 100%;
        max-width: 400px;
    }

    .replied-vs-unreplied {
        font-size: 24px;
    }

    .your-online-reputation {
        font-size: 32px;
    }

    p.faq-subtitle {
        display: none;
    }

    /* Testimonial responsive adjustments */
    .testimonial-dots {
        margin-top: 20px;
    }
	div#navbarNav {
    padding: 15px 0;

}
.dashboard {

    width: 60px;
    line-height: normal;
}

}

/* Responsive testimonial slider adjustments from home page */
@media screen and (max-width: 600px) {
    .testimonial-dots {
        margin-top: 20px;
    }
    .testimonials {
        padding: 60px 40px;
    }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
    .testimonials {
        padding: 50px 20px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .testimonials {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1919px) {
    .testimonials {
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* Testimonials - full-width bg, capped inner content */
@media screen and (min-width: 1400px) {
    .testimonials .container67 {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .testimonials .testimonial-slider {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

/* ============================================
   BUILT TO FIT YOUR BUSINESS SECTION  
   ============================================ */
.whoitsfor {
  	width: 100%;
  	background-color: var(--color-gray-200);
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-100) var(--padding-320);
  	box-sizing: border-box;
  	position: relative;
  	isolation: isolate;
  	gap: var(--gap-40);
  	z-index: 2;
  	text-align: center;
  	font-size: var(--fs-16);
  	color: var(--color-dimgray-100);
}

.built-for-every-industry-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: var(--gap-20);
  	z-index: 2;
  	flex-shrink: 0;
  	font-size: var(--fs-36);
  	color: var(--color-aliceblue-100);
}

.whether-youre-a {
  	align-self: stretch;
  	position: relative;
  	font-size: var(--fs-18);
  	line-height: 150%;
    font-weight: 400;
}


.whoitsfor .replied-vs-unreplied h3 {
    color:#fff !important;
    font-size: 18px;
    font-weight: 500;
}

.container43 {
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
  	flex-wrap: wrap;
  	flex-shrink: 0;
  	text-align: left;
  	color: var(--color-white);
}

.container44 {
  	border-radius: var(--br-14);
  	background-color: var(--color-gray-100);
  	border: var(--border-2);
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-30);
  	gap: var(--gap-20);
}

.container45 {
  	border-radius: var(--br-14);
  	background-color: var(--color-gray-100);
  	border: var(--border-2);
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-30);
  	gap: var(--gap-20);
}

.container-icon7 {
  	width: var(--width-56);
  	height: var(--height-56);
  	border-radius: var(--br-14);
}

.container-icon9 {
  	width: var(--width-56);
  	height: var(--height-56);
  	border-radius: var(--br-14);
  	flex-shrink: 0;
}

.multi-location-brands {
  	position: relative;
  	line-height: 125%;
  	flex-shrink: 0;
}

.button19 {
  	width: 270px;
  	box-shadow: var(--shadow-drop);
  	border-radius: var(--br-10);
  	background-color: var(--color-mediumslateblue);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-20) var(--padding-40);
  	box-sizing: border-box;
  	gap: var(--gap-10);
  	z-index: 4;
  	flex-shrink: 0;
  	font-size: var(--fs-18);
  	color: var(--color-white);
}

.whoitsfor h2 {
    color: #fff !important;
}
.multi-location-brands h3 {
    font-size: 16px;
}

/* Button19 hover effect */
.button19:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(67, 97, 238, 0.3);
}






/* Responsive styles for Built to Fit Your Business */
@media screen and (max-width: 600px) {
	.whoitsfor {
		padding: 40px 20px;
	}
	
	.button19 {
		font-size: 14px;
		padding: 12px 18px;
	}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
	.whoitsfor {
		padding: 50px 20px;
	}
	
	.button19 {
		padding: 14px 20px;
		font-size: 15px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.whoitsfor {
		padding: 60px 40px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
	.whoitsfor {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1919px) {
	.whoitsfor {
		padding-left: 80px;
		padding-right: 80px;
	}
}

/* Built to Fit - full-width bg, capped inner content */
@media screen and (min-width: 1400px) {
	.whoitsfor .built-for-every-industry-parent,
	.whoitsfor .container-fluid,
	.whoitsfor .button19 {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}




@media (max-width: 1440px) {
	h1.dont-leave-your-container {
    font-size: 50px !important;

}
b.set-dop {
    font-size: 38px !important;
}
.hero-section .lead {
    font-size: 18px !important;
}
.btn-outline-primary , .btn-primary{
	font-size: 16px !important;
	padding: 12px 14px !important;
}
h2.m, h2 b {
    font-size: 30px;
}
.multi-location-management h3 {
    font-size: 16px;
   
}
.managing-reviews-across {
    font-weight: 400;
}
.commenh {
    font-size: 30px !important;
}
.common-pading {
    padding: 80px 0 !important;
}
section#solutions h5 ,section#fedback-decisons h5 {
    font-size: 18px;
}
.productscreens{
	padding: 80px;
}
.navbar-nav .nav-link {
    font-size: 15px !important;
}
}



@media (max-width: 1240px) {
	.left-contaier-hero {
    padding-left: 40px;
    padding-right: 40px;
}
	h1.dont-leave-your-container {
    font-size: 46px !important;

}
b.set-dop {
    font-size: 30px !important;
}
.hero-section .lead {
    font-size: 16px !important;
}
.btn-outline-primary , .btn-primary{
	font-size: 15px !important;
	padding: 12px 14px !important;
}
h2.m, h2 b {
    font-size: 26px;
}
.multi-location-management h3 {
    font-size: 15px;
   
}
.managing-reviews-across {
    font-weight: 400;
}
.commenh {
    font-size: 26px !important;
}
.common-pading {
    padding: 60px 0 !important;
}
section#solutions h5 ,section#fedback-decisons h5 {
    font-size: 16px;
}
.container8 {
    padding: unset;

}
.replied-vs-unreplied {
    font-size: 26px;
}
.managing-patient-reviews {
    font-size: 16px !important;
}
.your-online-reputation {
    font-size: 26px;

}
.finalcta-wrapper b.replied-vs-unreplied {
    font-size: 22px;
}
.finalcta2 {
    width: 950px;
}
.whoitsfor .replied-vs-unreplied h3 {
    font-size: 15px;

}


@media (max-width: 768px) {
    .finalcta2 {
        width: 100%;
		text-align: center;
    }
	h1.dont-leave-your-container {
    font-size: 40px !important;
}
.hero-section .lead {

    margin-bottom: 18px !important;
}
section#solutions .feature-list {
    margin-top: 40px;
}
.navbar-collapse .d-flex.gap-2 {
    justify-content: center;
    margin-top: 10px;
}
.commenh-p {
    font-size: 16px !important;
}
.container9 {
    display: grid;
    grid-auto-columns: 2 repeat;
    grid-template-columns: repeat(2, 1fr);
}
.tab-button {
 font-size: 14px;
}
.final-cta-section .col-lg-4.d-flex.justify-content-end.aos-init.aos-animate {
    justify-content: center !important;
}
.lead {
    font-size: 14px;

}
.final-cta-section .row.align-items-center.text-center.text-lg-start {
    gap: 15px;
}
.frame-parent12 {
    align-items: center;

}
.the-complete-solution{
	text-align: center;
}
section#fedback-decisons .feature-list .d-flex {
    padding: 20px 20px;
 
}
section#fedback-decisons .row.align-items-center {
    gap: 20px;
}
section#reputation-score .row.align-items-center {
    gap: 20px;
}
button.faq-question h3 {
    font-size: 16px;
}
}


@media (max-width: 568px) {
}.btn-outline-primary, .btn-primary {
    font-size: 14px !important;
    justify-content: center;
}
h1.dont-leave-your-container {
    font-size: 38px !important;
}
b.set-dop {
    font-size: 26px !important;
}
.hero-section .lead {
    font-size: 15px !important;
}
h2.m, h2 b {
    font-size: 22px;
}
.commenh-p {
    font-size: 15px !important;
}
.commenh {
    font-size: 22px !important;
}

.productscreens {
    padding: 20px;
}
.whoitsfor .replied-vs-unreplied h3 {
    font-size: 12px;
}
.container45,.container44 {
    padding: 20px;

}
.container67 {

    text-align: center;
}
.testimonial-track h3 {
    font-size: 16px;

}
}
/* Navigation Styles */
.navbar-nav .nav-link {
    font-weight: 500;
    color: #374151 !important;
    padding: 0.5rem 1rem !important;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #2563eb !important;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Offset for sticky navbar when scrolling to sections */
section {
    scroll-margin-top: 80px;
}

/* Active nav link indicator */
.navbar-nav .nav-link.active {
    position: relative;
}

.navbar-nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: #2563eb;
}