:root {
    /* Colors */
    --primary-color: #7447E1;
    --secondary-color: #7447E1;
    --text-color: #253765;
    --muted-text-color: #35373E;
    --background-light: #f8f6fd;
    --dark-bg: #eae4fa;
    --header-border: rgba(236, 236, 237, 1);
    --btn-bg: #7447E1;
    --black: #000;
	--white:#fff;
	--dark-black:#1a1d27;
	--light-green:#E7EDFC;

    /* Fonts */
    --primary-font: "Funnel Sans", serif;
    --secondary-font: "Montserrat", serif;
    --nav-font: "Outfit", sans-serif;
	--white:#fff;
	--bs-success-rgb: 137,200,65;
}



.g-hero-title{
	font-size: 56px !important;
}
/* .hero-sec{background-color: var(--background-light);} */

.title{
	color: var(--black);
}

.managment-img{
	margin: 0 auto;
    display: flex
;
}

.platform-img{
	border-radius:13px;
}

.cta-btn{
	background: #fff !important;
	font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 27px !important;
    letter-spacing: 0.2px;
    font-family: "Funnel Sans", serif;
    padding: 8px 24px !important;
    border-radius: 8px !important;
}
.cta-btn:hover{
	background:#f7f7f7 !important;
}

.feature:not(:last-child) .feature-logo::after{
	content: "";
    display: block;
    width: 2px;
	height: 70px;
    background-color: rgba(236, 236, 237, 1);
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
}



body {
    margin: 0;
    padding: 0;
    font-family: var(--primary-font);
}
.com-logo-sec{
	padding-top: 50px;
	padding-bottom: 50px;
}

.screen-img{
	width: 100%;
    border-radius: 20px;
}

.sb-sec img{
	border-radius: 20px; 
    box-shadow: 0px 26.35px 105.41px 0 rgba(0, 0, 0, 0.1);
}
.hero-page {
    background-image: url(../images/hero-bg-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 860px;
    padding-top: 70px;
}

.cta-title{
	font-size: 48px !important;
	line-height: 60px !important;
}

.logo {
    cursor: pointer;
}

.feature-box {
    display: flex;
}

.feature-box .feature-icon {
    background-color: var(--background-light);
    border-radius: 50px;
    display: flex;
    align-items: center;
    height: 50px;
    max-width: 100px;
    min-width: 50px;
    justify-content: center;
}
.managment-img{
	border-radius: 13px;
}

.feature-box .feature-icon img {
    width: 40px;
}

.auto-check-icon {
    width: 33px !important;
}

.feature-box .fea-title {
    font-size: 17px;
    letter-spacing: 0.2px;
    line-height: 27px;
    font-weight: 600;
    color: var(--primary-color) !important;
}

.feature-des {
    font-family: var(--primary-font);
    font-size: 15px !important;
    line-height: 25px !important;
    font-weight: 400;
    color: var(--muted-text-color);
}

.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    position: absolute;
    padding: 2rem;
    border-radius: 0;
}

.menulist {
    color: var(--text-color);
    text-decoration: none;
    display: inline-block;
    margin: 0;
}

.menulist a {
    font-family: var(--secondary-font) !important;
    font-weight: 500;
    font-size: 16px !important;
}

.nav {
    text-decoration: none;
    padding-right: 20px;
    color: var(--muted-text-color);
    font-family: var(--nav-font);
    font-size: 18px;
    line-height: 14px;
}

.nav:hover {
    color: var(--secondary-color) !important;
}

.menulist .nav-link {
    color: var(--muted-text-color) !important;
}

.menulist .nav-link:hover {
    color: var(--secondary-color) !important;
}

#selected-language i {
    color: var(--black) !important;
    padding-left: 10px;
}

#selected-language {
    padding-left: 0;
    padding-right: 20px;
}

#selected-flag {
    width: 35px;
    border-radius: 3px;
    height: auto;
}





.dropdown-menu-list {
    background: var(--black);
    max-width: 100px;
    min-width: 72px;
    border-color: var(--text-color);
    width: 34px !important;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    left: -4px;
    transform: translate(0px, 40px);
}

.dropdown-item img {
    width: 35px;
}

.btn-log {
    background-color: var(--btn-bg) !important;
    border-color: var(--btn-bg) !important;
    color: var(--secondary-color) !important;
    font-weight: 600 !important;
    font-family: var(--primary-font);
    border-radius: 8px !important;
    padding: 8px 24px;
}

h1, h2, h4, p, .sb-title {
    font-family: var(--primary-font);
}

h1 {
    font-weight: 800 !important;
    font-size: 64px !important;
    line-height: 76px;
    color: var(--black);
}

h2 {
    font-size: 40px !important;
    line-height: 52px !important;
    font-weight: 800 !important;
    color: var(--black);
}

h4 {
    font-weight: 800;
    font-size: 13px !important;
    letter-spacing: 0.2px;
    color: var(--secondary-color);
    text-transform: uppercase !important;
}

.sb-title {
    color: #1a1d27  !important;
}

p {
    font-size: 17px !important;
    font-weight: 400;
    line-height: 27px;
    color: var(--black);
    letter-spacing: 0.2px;
}

.list {
    border-radius: 50px;
    margin: 0 auto;
    background-color: var(--black);
}

.btn-group {
    padding: 12px 0;
    margin-top: 5px;
}

.main-header {
    position: absolute;
    width: 100%;
    top: 12px;
    border-bottom: 1px solid var(--header-border);
    padding-bottom: 10px;
}


.g-header{
	border-bottom: 1px solid var(--header-border);
	padding: 14px 0;
	position: relative;
}

.contact-details {
    background-color: #f7f7f7;
    border-radius: 12px;
}

.lists {
    list-style: none;
    padding: 20px;
}

.lists li {
    display: flex;
    align-items: center;
    gap: 8px;
}



.lists p {
    color: var(--black) !important;
    margin: 0;
    padding-left: 10px;
}

.sp-page-section {
    background-image: url("https://apperceptionllc.com/wp-content/uploads/2025/06/hero-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 31px;
    padding-bottom: 50px;
}

.sb-sec {
    margin-top: -285px !important;
    text-align: center;
}

.footer-sec {
    background-color:#f8f7fc;
    padding-top: 80px;
}

.sb-con {
    font-size: 17px;
    line-height: 27px !important;
    font-weight: 400;
    color: var(--black);
}

.footer-contact {
    list-style: none !important;
    padding: 0;
}
.footer-contact li{
	padding-bottom: 10px;
}

.footer-contact li svg {
    fill: var(--secondary-color);
}

.menu-list {
    font-size: 17px;
    line-height: 27px !important;
    font-weight: 400;
    color: var(--black);
    text-decoration: none !important;
}

.blog-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--background-light);
}

.blog-content-box {
    padding-top: 35px;
}

.best-channel-card {
    min-height: 250px;
}

.blog-post .card-title {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    color: var(--black) !important;
}

.blog-post {
    min-height: 420px;
}

.menu-list:hover {
    color: var(--secondary-color) !important;
}

.social-menu svg {
    color: var(--secondary-color) !important;
    margin-right: 12px;
    cursor: pointer;
}

.sign-text, .menu-title, .copy-text {
    font-family: var(--primary-font);
}

.menu-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    padding-bottom: 10px !important;
	color: var(--black);
}

.copy-text {
    font-size: 16px !important;
    font-weight: 500;
}

.form-control {
    border-radius: 8px !important;
}

.sb-button {
    background-color: var(--secondary-color) !important;
    color: var(--white);
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 27px !important;
    letter-spacing: 0.2px;
    padding: 8px 24px !important;
    border-radius: 8px !important;
}
















.logo img{
	width: 100%;
}






.sb-btn-watch {
	background-color: var(--dark-bg) !important;
	color: var(--secondary-color) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 27px !important;
	letter-spacing: 0.2px;
	font-family: "Funnel Sans", serif;
	padding: 8px 24px !important;
	border-radius: 8px !important;
}

.bi-play-circle-fill {
	fill: var(--secondary-color);
}

.manegment-sec {
	background-image: url("https://apperceptionllc.com/wp-content/uploads/2025/06/background-cta.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 70px 0;
	border-radius: 10px;
}

.our-vision-sec{
	background-color: #F2FAFE !important;
	padding-top: 90px;
	padding-bottom: 90px;
}

.cta-sec{
	padding-top: 40px;
	padding-bottom: 40px;
}

.sb-get-btn {
	background-color: #EAF7FC !important;
	color: var(--primary-color) !important;
	padding: 8px 20px !important;
	font-weight: 17px !important;
	font-weight: 600 !important;
	line-height: 27px !important;
	letter-spacing: 0.2px !important;
	text-align: center;
	border-radius: 8px !important;
}
.sb-get-btn:hover{
	background: #a8d470 !important;
}

.card-text {
	font-size: 17px !important;
	font-weight: 400 !important;
	letter-spacing: 0.2 !important;
	line-height: 27px !important;
	font-family: "Funnel Sans", serif;
	color: #60636C !important;
}

.btn-read-more {
	color: var(--primary-color);
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 27px;
	color: var(--primary-color) !important;
}

.sb-titles {
	font-size: 13px;
	font-weight: 800 !important;
	line-height: 21px !important;
	letter-spacing: 0.2px !important;
	font-family: "Funnel Sans", serif;
	color: var(--primary-color) !important;
	text-transform: uppercase;

}

.sb-content {
	color: #35373E !important;
}

.sb-subtitle {
	color: #12141D !important;
}

.best-channel-sec {
	background-color: var(--background-light) !important;
}

.testimonials-sec {
	/* background-image: url(../images/testimonials\ -bg.png); */
	background-size: cover;
	background-repeat: no-repeat;
}

.logos {
	display: flex;
	align-items: center;
	width: 100%;
}

.logos img {
	width: 150px;
	margin-left: 85px;
}

.slider {
	overflow: hidden;
	display: flex;
	white-space: nowrap;
	animation: slidein 30s linear infinite;

}





.com-logo img {
	width: 100px;
}

.com-logo {
	padding-top: 30px;
	gap: 60px;
	justify-content: center;
}

.company-title {
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 40px !important;
	letter-spacing: 0;
	text-align: center !important;
	font-family: "Funnel Sans", serif;
}






.fab {
	flex: 0 0 20%;
	opacity: 0;
	animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}



@keyframes slidein {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.feature {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 14px 25px;
	max-width: 600px;
	margin: auto;
}

.feature-logo {
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E7EDFC;
	border-radius: 50%;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
}

.feature-logo img {
	width: 24px;
	height: auto;
}

.feature-content {
	flex-grow: 1;
	padding-left: 20px !important;
}

.best-channel-manager-section {
	background-color:var(--background-light);
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.feature-title {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: 700;
	font-family: "Funnel Sans", serif;
	color: #12141D !important;

}

.feature-description {
	font-family: "Funnel Sans", serif;
	font-size: 17px !important;
	line-height: 27px !important;
	letter-spacing: 0.2px;
	font-weight: 400;
	color: #60636C;
}


.accordion-button .bi {
	transition: transform 0.3s ease-in-out;
}
.accordion-button::after {
	content: "";
	background-image: url(../images/black-plus-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: auto;
	/* Push to the right */
	transition: transform 0.3s ease-in-out;
}

/* Expanded state: Minus icon */
.accordion-button:not(.collapsed)::after {
	background-image: url(../images/minimize-icon.png);

}

.accordion-button {
	background-color: var(--light-green);
    padding: 14px 26px !important;
    font-size: 17px !important;
    line-height: 27px !important;
    font-weight: 700 !important;
    font-family: "Funnel Sans", serif !important;
    border-radius: 16px !important;
    color: var(--black) !important;
    letter-spacing: 0.2px !important;
    box-shadow: none;
    border-bottom: 0;

}
.accordion-item {
	background-color: var(--light-green) !important;
	margin-bottom: 10px;
	border-radius: 16px !important;
	border-bottom: 0 !important;
}
.accordion-button:not(.collapsed) {
	background-color: var(--light-green);
	box-shadow: none;
	color: var(--secondary-color) !important;
}
.sb-sub {
	color: var(--dark-black) !important;
}

.sb-cont {
	color: var(--black) !important;
}

.projectlogo {
	max-width: 240px;
}

.login-btns {
	display: none !important;
}







.footer-logo {
	width: 60%;
	padding-bottom: 18px;
}

.menubar-topbar {
	align-items: baseline;
}

.menubar-topbar .dropdown {
	padding-right: 14px;
	padding-top: 0px;
	padding-bottom: 0;
}

.login-btns {
	margin-top: 12px;
	margin-bottom: 12px;
}


.btn-read-more {
	padding-left: 0px !important;
}

.menulist {
	padding-left: 14px;
}

.sb-button:hover {
	background-color: var(--primary-color) !important;
}
.btn-log svg{
	width: 20px;
	height: 20px;
	padding-left: 3px;
}
.btn-log svg path{
	fill: var(--secondary-color) !important;
	
}
.btn-log:hover svg path{
	fill:#12141D !important;
}
.btn-log:hover{
	background-color: var(--secondary-color) !important;
	color: #12141D !important;
}

.sb-btn-watch:hover {
	background: var(--secondary-color) !important;
	color: #12141D !important;
}

.sb-btn-watch:hover svg {
	fill: #12141D !important;
}
.social-menu svg:hover{
color: #74a432 !important;
}



.first-image {
	width: 54px;
}

.other-images {
	width: 40px;
}
.best-channel-card:hover {
    box-shadow: 0 0 24px rgba(0,0,0,0.15) !important;
    border-color: #7447E1;
}
.best-channel-card .icon {
    width: 60px;
    height: 60px;
    border: 1px solid #7447E1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 5px;
}
.best-channel-card ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

.best-channel-card ul li {
    font-size: 14px;
    padding: 4px 0;
    line-height: 18px;
}
.logos-wrapper .swiper-slide img {
    width: 80px !important;
}
.image-section {
	text-align: end;
	padding: 0;
}

.content-section {
	padding-left: 140px;
}

.contact-content {
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: 400;
	letter-spacing: 0;
}

.contact-section{
	background-color: #fff;
}

.contact-section{
	padding-top: 80px;
	padding-bottom: 80px;
}

.inquiry-sec{
	background-color: #F7F7F7;
	padding: 20px;
	border-radius: 12px !important;
}

.form-label{
	color: #60636C;
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 0;
	font-family: "Funnel Sans", serif;
}

.form-control{
	border-color: #ECECED !important;
	padding: 8px 12px;
	font-size: 17px !important;
	line-height: 27px;
	letter-spacing: 0.2px;
	font-weight: 400;
	font-family: "Funnel Sans", serif;
	color: #60636C !important;
}


.review-slider {
    height: 450px;
}
.review-slider .swiper-slide {
    height: auto !important;
}
.client-say-rev .client-user {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.client-say-rev .client-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.client-say-con .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}

.client-say-con .subtitle {
    font-size: 13px;
    color: #6a6a6a;
}

.client-say-box p {
    font-size: 14px !important;
    line-height: 21px;
    margin: 0;
}

.client-say-box h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.review-star .active {
    color: #ffbc00;
}

.review-star i {
    color: #b3b3b3;
}







.form-control::placeholder {
	color: #60636C !important;
	opacity: 1 !important;
	font-weight: 400 !important;
  }
  

.inq-title{
	font-size: 24px;
	color: #12141D !important;
	line-height: 34px;
	letter-spacing: 0px;
	font-family: "Funnel Sans", serif;
	font-weight: 700 !important;

}

.disable{
	color: rgba(216, 217, 220, 1) !important;
	padding: 8px 20px;
	border-radius: 8px !important;
	background-color: rgba(236, 236, 237, 1) !important;
	border-color: rgba(236, 236, 237, 1) !important;
}
.image-section img{
	width: 90%;
	border-radius: 24px 0px 0px 24px !important;
	/* padding-top: 20px; */
}

.about-team-section{
	background-color: #F2FAFE !important;
	padding-top: 80px;
	padding-bottom: 80px;
}

.mangement-section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.about-team-content h2, p{
	color: #12141D;
}

.icons{
	width: 40px;
}
.value-card{
	height: 245px !important;
	padding-left: 6px !important;
}
.card-title{
	font-weight: 700;
}

.sb-list img{
    width: 24px;
    height: 28px;
}
.sb-list {
	display: flex;
	align-items: start;
	gap: 15px;
}
.pricing-section{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #EAF7FC;
}


.custom-tabs .nav-link {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.2px;
    color: #12141D; /* Default color for inactive tabs */
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease-in-out;
	font-family: "Funnel Sans", serif;
	padding-left: 30px;
    padding-right: 30px;
}
.custom-tabs{
	width: 604px;
	margin: 0 auto;
}
.custom-tabs .nav-link:hover {
    color: var(--primary-color);
}

.custom-tabs .nav-link.active {
    font-weight: 600;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color) !important;
	background-color: transparent !important;
	border: none;
}

.pricing-value{
	font-size: 28px;
	font-weight: 800;
	line-height: 40px;
	letter-spacing: 0;
	color: #35373E ;
}
.pricing-value span{color: #8B8D95; font-size: 17px; line-height: 27px; letter-spacing: 0; font-weight: 600; 	font-family: "Funnel Sans", serif;}
.pricing-select{padding-top: 8px; padding-bottom: 8px; border-radius: 8px; border-color: #D8D9DC !important;}
.pricing-card{    border-color: #ECECED !important; border-radius: 16px;}
.table-tab-content{padding-top: 45px;}
.pricing-tab{padding-top: 30px;}
.custom-tabs .nav-tabs .nav-link:hover{
	border-color: transparent !important;
}
.custom-tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border-color: transparent !important;
}

.benefits-icon{
	width: 40px;
}
.best-channel-sec .card{
	border-radius: 10px;
}

.benefit-sec{
	background-color: #f8f6fd;
	padding-top: 80px;
    padding-bottom: 80px;
}
.platform-work-section{
	background-color: var(--background-light);
	padding-top: 90px;
    padding-bottom: 80px;
}
.content h2{
	color: #12141D !important;
}
.card{
	border-radius: 10px;
}

.benefit-box{min-height: 188px;}
.terms-condition-sec{
	padding-bottom: 80px;
	padding-top: 80px;
}
h3{
	font-size: 28px;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: 800;
}


.sidebar {
   
    background-color: white;
    border-left: 2px solid #B1B3B9; /* Left border */
    padding: 0;
}

.sidebar .nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar .nav-item {
    font-size: 17px;
    font-weight: 400;
    color: #60636C;
	letter-spacing: 0.2px;
    padding: 10px;
    cursor: pointer;
    border-left: 2px solid transparent;
    transition: all 0.3s ease-in-out;
	padding-left: 16px;
}
.content-section{
	width: 800px;
}

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

.privacy-section{
	padding-bottom: 10px;
}

.sidebar .nav-item:hover {
    color: var(--primary-color);
}
.left-section{
	padding-right: 100px;
}

.terms-section{
	padding-bottom: 10px;
}

 .nav-item.active {
    font-weight: 600;
    background-color: #F0F8FC; /* Light blue background */
    border-left: 3px solid var(--primary-color);
    color: #12141D;
	margin-left: -2px;

}

h5{
	font-size: 17px;
	font-weight: 800;
	line-height: 27px;
	letter-spacing: 0.2px;
	color: #35373E;
}
.info-lists-content li{
	font-size: 17px;
	line-height: 27px;
}
.rights-choice-lists{
	list-style: none;
	padding: 0;
}
.rights-choice-lists li{
	font-size: 17px;
	line-height: 27px;
}
.rights-choice-lists li img{width: 17px; 	margin-right: 6px;}

.search-bar{
	width: 438px;
}
.search-bar .input-group-text{
	background: transparent;
    border-color: #ECECED;
    border-radius: 8px 0px 0px 8px;
    border-right: 0;
    padding-right: 0;
}
.search-input{
	border-radius: 0px 8px 8px 0px !important;
    border-left: 0;
}
.category-tabs{
	gap: 10px;
}
.category-tabs .nav-link {
    background-color: transparent;
    border: 1px solid #D8D9DC;
    border-radius: 20px;
    padding: 12px 16px;
    font-size: 17px;
    font-weight: 400;
    color: #60636C;
    transition: all 0.3s ease-in-out;
	font-family: "Funnel Sans", serif;
}

.category-tabs .nav-link.active {
    background-color: #EAF7FC;
    border-color: var(--primary-color);
    color: var(--primary-color);
	
}

.blog-box{
	min-height: 392px !important;
}
.no-results-content img{
	width: 150px;
}
.no-results-content h5{
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 36px !important;
	letter-spacing: 0;
	color: #231F20 !important;
}
.category-tab-content{
	height: 50vh !important;
}
.best-channel-sec{
	padding-top: 80px;
		padding-bottom: 80px;
}

.lists li i{
	font-size: 18px;
}
.loc-icon i{
	font-size: 22px !important;
}
.fea-title a{
	color: #74a432;
}
@media (max-width: 767px) {
	.best-channel-sec{
		padding-top: 50px;
			padding-bottom: 50px;
	}
	.blog-sec{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.blog-content-box{
		padding-top: 35px;
	}

	h3{
		font-size: 20px;
		line-height: 30px;
	}
	.left-section{
		padding-right: 12px;
		
	}
	
	.right-sidebar-sec{
		order: -1;
		padding-bottom: 40px;
	}
	.content-section{
		width: auto;
	}
	.platform-img{
		width: 100%;
	}
	.platform-work-section{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.benefit-sec{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.custom-tabs{width: 100%; padding: 0 !important;}
    .custom-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .custom-tabs .nav-item {
        flex: none; /* Prevents items from stretching */
    }

    .custom-tabs .nav-link {
        font-size: 17px;
        padding: 8px 12px;
    }


	.cta-sec{padding-top: 10px;     padding-bottom: 10px;}
	.mangement-section{    padding-top: 40px;     padding-bottom: 50px;}
    .our-vision-sec{padding-top: 20px; padding-bottom: 10px;}
	.managment-img{width: 100%;}
    .team-img{width: 100%;}

	.content-section{
		padding-left: 0px !important;
	}
	.address-map{
		height: 320px !important;
	}

	.screen-img {
		width: 100% !important;
	}

	.testimonial-img {
		width: 100%;
	}

	.dropdown-menu {
		background-color: #243A51 !important;
	}

	.dropdown-menu .dropdown-item {
		color: var(--black) !important;
	}

	.menulist {
		width: 100% !important;
	}

	.menulist {
		padding-left: 0px;
	}

	.feature-list {
		margin-top: 50px !important;
	}

	.best-channel-manager-section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.feature {
		padding: 6px 6px;
	}

	.feature-content {
		padding-left: 0px !important;
	}


	.accordion-button {
		font-size: 16px !important;
	}

	.hero-sec-btn {
		margin-top: 26px !important;
	}

	.sb-button {
		margin-left: 0 !important;
	}

	.sb-btn-watch {
		border-radius: 8px !important;
	}

	p {
		font-size: 16px !important;
	}

	.sb-cont {
		text-align: center;
	}

	.sb-sub {
		text-align: center;
	}

	.sb-titles {
		text-align: center;
	}

	.accordion {
		margin-top: 30px !important;
	}

	.feature-logo {
		margin: 0 auto;
	}

	.sb-titles {
		text-align: center;
	}

	.sb-subtitle {
		text-align: center;
	}

	.sb-content {
		text-align: center;
	}

	.manegment-sec {
		margin: 0 auto !important;
	}

	.wrapper {
		height: 722px !important;
	}

	.sb-sec img {
		width: 90% !important;
	}

	.sb-sec {
		margin-top: -74px !important;
	}

	.com-logo img {
		width: 153px !important;
		height: 48px !important;
	}

	.testimonials-sec {
		padding-top: 40px !important;
	}


	.testimonials-sec .testimonials-cont {
		padding-bottom: 40px !important;
	}

	.sign-up-btn {
		padding: 0 9px 0 9px;
		font-size: 14px;
	}

	.menu-title {
		padding-top: 10px;
		padding-bottom: 0px !important;
	}

	.menu-list {
		font-size: 14px !important;
	}

	.footer-sec {
		padding: 50px 12px;
	}

	h2 {
		font-size: 28px !important;
		line-height: 38px !important;
	}

	.com-logo {
		flex-wrap: wrap;
		gap: 16px;
	}

	.sb-sec img {
		width: 100%;
	}

	h1 {
		font-size: 36px !important;
		line-height: 46px !important;
	}

	.login-btn {
		display: none !important;
	}

	.navbar {
		justify-content: end !important;

	}


	.login-btns {
		display: block !important;
	}

	.menulist {
		padding: 12px 0;
	}

	.menubar-topbar {
		position: absolute;
		z-index: 999;
		right: -12px;
		background-color: #12141D;
		width: 336px;
		padding-left: 27px;
		top: 59px;
		border-top: 1px solid #f7f7f7;
		padding-bottom: 10px;
	}

	.hero-section h4 {
		padding-bottom: 10px !important;
	}

}


/* Responsive for small screens */
@media (max-width: 576px) {
	.feature {
		flex-direction: column;
		text-align: center;
	}

	.feature-logo {
		margin-bottom: 10px;
	}
}



/* .pum-theme-25959287, .pum-theme-default-theme{
	background-color: rgba(0, 0, 0, 0.8) !important; 
}
.pum-theme-25959287 .pum-container, .pum-theme-default-theme .pum-container{
	background-color: transparent;
}
#restaurant-list{
	width: 50%;
}
#restaurant-container{
	gap: 0px;
}

#restaurant-list h2{
	font-family: 'Quinoa Titling - Black', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 42px;
    color: #F9F6E2 !important;
    line-height: 1.4em;
} */