/* Exact Color Match from Original */
:root {
--top-banner-bg: linear-gradient(90deg, #22C2CA 0%, #406FD9 100%);
--primary-teal: #4ECDC4;
--primary-gray: #F7F7F8;
--primary-purple: #667eea;
--text-dark: #1D1D1F;
--btn-dark: #1D1D1F;
--text-light: #6c757d;
--hover-bg: #f8f9fa;
--primary-blue: #3498db;
--dark-blue: #2980b9;
--text-dark1: #2c3e50;
--light-bg: #ecf0f1;
--white: #ffffff;
--border-light: #e9ecef;
--font-face1: "Poppins", sans-serif !important;
--primary-gradient: linear-gradient(135deg, #20d5d5 0%, #4a90e2 100%);
--card-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
--hover-transform: translateY(-5px);
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
margin: 0;
padding: 0;
}

body {
font-family: "Poppins", sans-serif;
background: #F7F7F8;
}

html {
scroll-behavior: smooth;
}

p {
font-size: 18px;
}

.fn-w1 {
font-weight: normal;
}

.fw-300 {
font-weight: 300;
}

.fw-400 {
font-weight: 400;
}

.fw-500 {
font-weight: 500;
}

.fw-600 {
font-weight: 600;
}

.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}

.fs-12 {
font-size: 12px;
}

.fs-14 {
font-size: 14px;
}

.fs-16 {
font-size: 16px;
}

.fs-18 {
font-size: 18px;
}

.fs-20 {
font-size: 20px;
}

.fs-24 {
font-size: 24px;
line-height: 32px;
}

.fs-28 {
font-size: 28px;
}

.fs-30 {
font-size: 30px;
font-weight: 500;
}

.fs-32 {
font-size: 32px;
}

.fs-34 {
font-size: 34px;
}

.fs-36 {
font-size: 36px;
}

.fs-42 {
font-size: 42px;
color: var(--text-dark);
}

.fs-48 {
font-size: 48px;
}

.fs-40 {
font-size: 40px;
}

h2 {
font-weight: 600;
font-size: 48px;
color: var(--themecolor2);
}

h3 {
font-weight: 500;
font-size: 20px;
color: var(--themecolor2);
}

.color_1 {
color: #FFDF2D;
}

.color-7 {
color: #1D1D1F;
}

.b-g-1{background: #8B3DFF;}
.b-g-2{background: #00A0F5;}
.b-g-3{background: #4071D9;}

/* Top Banner - Exact Match */
.top-banner {
background: #8B3DFF;
color: white;
padding: 6px 0;
font-size: 14px;
font-weight: 500;
}

/* Main Header - Exact Spacing */
.main-header {
background: var(--white);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0);
position: sticky;
top: 0;
z-index: 1000;
padding: 0;
}

.navbar {
padding: 0px 0;
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
width: 26px;
height: 23px;
position: relative;
margin: 0;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999;
}

.close {
opacity: 1;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #020202;
border-radius: 4px;
opacity: 1;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.dropdwoen-sec {
width: 100%;
position: inherit;
left: 0px;
top: 2px;
padding: 0px 0px;
box-shadow: inherit;
margin: 0;
}

#nav-icon4.open span {
background: #000;
}

/* Icon 4 */
#nav-icon4 span:nth-child(1) {
width: 80%;
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
width: 60%;
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
width: 100%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 3px;
}

#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
width: 100%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 18px;
left: 3px;
}

/* Logo Styling - Exact Match */
.navbar-brand {
font-weight: 800;
color: var(--text-dark) !important;
font-size: 24px;
letter-spacing: -0.5px;
margin-right: 0;
}

.navbar-brand .logo-icon {
width: 28px;
height: 28px;
background: var(--primary-teal);
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px;
color: white;
font-size: 14px;
}

.brand-text {
color: var(--text-dark);
}

.brand-accent {
color: var(--primary-teal);
}

/* Navigation Links - Exact Spacing */
.navbar-nav {
gap: 8px;
}

.navbar-nav .nav-link {
color: var(--text-dark) !important;
font-weight: 500;
padding: 28px 16px !important;
border-radius: 8px;
transition: all 0.2s ease;
font-size: 16px;
position: relative;
}

/* .innerpage .navbar-nav .nav-link {
color: #fff !important;
}

.innerpage .navbar-nav .nav-link:hover {
color: #020202 !important;
}

.innerpage .dropdown-toggle::after {
filter: brightness(255);
}

.innerpage .navbar-nav .nav-link.active {
color: #020202 !important;
} */

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

.dropdown:hover .dropdown-menu {
/*! display: block; */
opacity: 1;
transform: translateY(-4px) scale(1);
visibility: visible;
}

.dropdown-menu {
/*! display: none; */
opacity: 0;
visibility: visible;
transform: translateY(-10px) scale(0.95);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid var(--border-light);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.);
border-radius: 16px;
margin-top: 12px;
min-width: 800px;
padding: 24px;
background: white;
}

/* Multi-column layout for mega menu */
.mega-menu {
display: flex;
grid-template-columns: repeat(4, 1fr);
/*! gap: 32px; */
justify-content: space-between;
}

.menu-column {
/*! min-height: 200px; */
display: flex;
flex-direction: column;
}

.menu-column-title {
font-size: 16px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 0px solid var(--primary-teal);
/*! text-transform: uppercase; */
/*! letter-spacing: 0.5px; */
font-weight: 400;
}

.dropdown-item {
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
color: var(--text-dark);
transition: all 0.3s ease;
border: none;
margin: 0;
border-radius: 0;
border-bottom: 1px solid transparent;
position: relative;
overflow: hidden;
}

.dropdown-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
transition: width 0.3s ease;
z-index: -1;
border-bottom: 0px solid var(--primary-teal);
border-radius: 4px;
}

.dropdown-item:hover {
background: transparent;

}

.dropdown-item:hover::before {
width: 100%;
background: #f4f5f6;
}

.dropdown-item i {
display: none;
}

/* Button Styling - Exact Match */
.header-buttons {
gap: 12px;
}

.btn {
font-weight: 600;
font-size: 16px;
padding: 8px 28px;
border-radius: 30px;
transition: all 0.5s ease;
border-width: 2px;
}

.btn-outline-primary {

color: var(--text-dark);
background: #F7F7F8;
}

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

a.text-white:hover {
color: #000 !important;
}

.btn-outline-primary.bg-white:hover {
border-color: var(--btn-dark) !important;
color: #fff;
background: var(--btn-dark) !important;
}

.btn-primary {
background: var(--btn-dark);
border-color: var(--btn-dark);
color: white;
}

.btn-primary:hover {
background: #3D3D40;
border-color: #3D3D40;
}

.btn-primary.btn48:hover {
border-color: #3D3D40;
}

.btn.btn48 {
padding: 11px 21px;
border: 2px solid var(--btn-dark);
}

.btn.outborder {
position: relative;
border: none;
}

.btn.outborder::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg, #20CAC7, #3F6ED8);
border-radius: 50px;
z-index: -1;
transition: all 0.3s ease;
}


.gradient-btn {
background: linear-gradient(90deg, #406FD9, #00C0CA);
padding: 6px 13px;
border-radius: 16px;
color: white;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
position: relative;
text-decoration: none;
display: inline-block;
transition: all 0.4s ease;
overflow: hidden;
}

.gradient-btn:hover {
background: linear-gradient(90deg, #00C0CA, #406FD9);
transform: scale(1.02);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

.gradient-btn:hover::after {
background: rgba(255, 255, 255, 0.8);
}


/* Mobile Toggle Button */
.navbar-toggler {
border: none;
padding: 6px 5px;
/*! background: var(--primary-teal); */
border-radius: 8px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}

.navbar-toggler:focus {
box-shadow: none;
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
width: 20px;
height: 20px;
}

/* Mobile Slide Menu */
.mobile-menu {
position: fixed;
top: 0;
right: -100%;
width: 340px;
max-width: 90vw;
height: 100vh;
background: var(--white);
z-index: 9999;
transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: -8px 0 25px rgba(0, 0, 0, 0.15);
overflow-y: auto;
}

.mobile-menu.show {
right: 0;
}

.mobile-menu-header {
background: var(--top-banner-bg);
color: white;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 0;
z-index: 10;
}

.mobile-logo {
font-weight: 800;
font-size: 20px;
}

.close-btn {
background: rgba(255, 255, 255, 0.2);
border: none;
color: white;
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer;
transition: all 0.2s ease;
}

.close-btn:hover {
background: rgba(255, 255, 255, 0.3);
}

.mobile-menu-body {
padding: 0;
}

.mobile-nav-item {
border-bottom: 1px solid var(--border-light);
}

.mobile-nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px;
color: var(--text-dark);
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.2s ease;
}

.mobile-nav-link:hover {
background: var(--hover-bg);
color: var(--primary-teal);
padding-left: 28px;
}

.mobile-nav-link i {
width: 20px;
font-size: 16px;
color: var(--text-light);
}

.mobile-nav-link:hover i {
color: var(--primary-teal);
}

.mobile-nav-link .chevron {
font-size: 12px;
transition: transform 0.2s ease;
color: var(--text-light);
}

/* Mobile Submenu */
.mobile-submenu {
background: #f8f9fa;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}

.mobile-submenu.show {
max-height: 400px;
}

.mobile-submenu-item {
display: block;
padding: 14px 20px 14px 60px;
color: var(--text-light);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.2s ease;
border-bottom: 1px solid #e9ecef;
}

.mobile-submenu-item:hover {
color: var(--primary-teal);
background: white;
padding-left: 68px;
}

.mobile-submenu-item:last-child {
border-bottom: none;
}

/* Overlay */
.mobile-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.mobile-overlay.show {
opacity: 1;
visibility: visible;
}

.pos-static {
position: static;
}


.footer {
background: var(--btn-dark);
font-size: 0.95rem;
position: relative;
}

/* Gradient top border */
.footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
/* border thickness */
background: linear-gradient(90deg,
rgba(229, 255, 35, 1) 0%,
rgba(252, 48, 255, 1) 25%,
rgba(104, 104, 255, 0.99) 50%,
rgba(46, 255, 133, 1) 75%,
rgba(255, 35, 72, 1) 100%);
}

.footer2 {
position: relative;
}

.footer2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
/* border thickness */
background: linear-gradient(90deg,
rgba(255, 35, 72, 1) 0%,
rgba(46, 255, 133, 1) 25%,
rgba(104, 104, 255, 0.99) 50%,
rgba(252, 48, 255, 1) 75%,
rgba(229, 255, 35, 1) 100%);
}


.footer a {
color: var(--footer-link);
text-decoration: none;
transition: color 0.3s ease;
}

.footer a:hover {
color: var(--primary-teal);
}

.fixture_nav_list {
list-style: none;
}

/* footer new*/

.container_v2 {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.footer-linkslist a {
text-decoration: none;
}

.footer-brand {
width: 100%;
padding: 50px 0 105px;
}

.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}


.footer-links {
grid-column-gap: 130px;
grid-row-gap: 130px;
color: var(--brand-colors-new--steel-grey);
justify-content: flex-start;
align-items: stretch;
}

.footer-links.no-padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
width: 100%;
}

.footer-linksrow {
border-left: 0px solid rgba(170, 172, 173, 0.10);
}

.headerborderb {
border-bottom: 1px solid rgba(170, 172, 173, 0.10);
}

.footer-h3 {
color: var(--brand) !important;
margin-bottom: 30px;
margin-left: -1px;
padding-left: 40px;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 100%;
}

.footer-link {
color: #fff;
white-space: nowrap;
border-left: 0px solid #0000;
/*! margin-left: -1px; */
padding-left: 40px;
font-size: 18px;
text-decoration: none;
font-weight: 400;
line-height: 100%;
transition: all .3s;
line-height: 28px;
}

.footer-link:hover {
border-left-color: var(--brand);
/*! color: var(--brand) !important; */
}

.footer-link.active {

color: var(--primary-teal) !important;
}

.footer-linkslist {
grid-column-gap: 12px;
grid-row-gap: 12px;
}

.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}


.me-1 {
margin-right: .25rem !important;
}

.pe-1 {
padding-right: .25rem !important;
}

img,
svg {
vertical-align: middle;
}

.footer-copy {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 5px;
margin-top: 50px;
}

.mainbutton.nofill.light.footer-link {
border-left-style: solid;
border-left-color: var(--brand-colors-new--slate-grey);
opacity: .5;
border-radius: 0;
padding-left: 40px;
position: relative;
}

.mainbutton.nofill {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #0000;
border-style: none;
min-width: auto;
min-height: auto;
padding: 0;
}

.socials-link {
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}

.footer-icon li {
display: flex;
list-style: none;
margin-left: 15px;
width: 40px;
height: 40px;
text-align: center;
}

.footer-icon li:hover img {
filter: invert(52%) sepia(63%) saturate(432%) hue-rotate(140deg) brightness(92%) contrast(91%);
}

.footer-icon li a {
margin: auto;
}

.social .footer-linkslist {
display: flex;
flex-direction: column;
gap: 14px;

}

.social .footer-link {
color: #fff;
text-decoration: none;
font-weight: 300;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 6px;
position: relative;
}

.arrow-wrapper {
display: inline-block;
width: 14px;
height: 14px;
position: relative;
overflow: hidden;
}

.arrow-wrapper img {
position: absolute;
top: 0;
left: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
}

.arrow-wrapper img:first-child {
transform: translateY(0);
opacity: 1;
z-index: 2;
}

.arrow-wrapper img:last-child {
transform: translateY(100%);
opacity: 0;
z-index: 1;
}

.social .footer-link:hover .arrow-wrapper img:first-child {
transform: translateY(-100%);
opacity: 0;
}

.social .footer-link:hover .arrow-wrapper img:last-child {
transform: translateY(0);
opacity: 1;
}

.footer-bottum-box {
border-top: 1px solid rgba(170, 172, 173, 0.20);
padding: 14px 0px;
}

.filter-w {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(93deg) brightness(1100000%) contrast(103%);
}


@media (max-width: 991px) {
.elementor-63 .elementor-element.elementor-element-6c76309 img {
width: 166px;
max-width: 768px;
height: 166px;
opacity: 1;
}

.footer-links {
flex-direction: column;
padding-right: 0;
grid-column-gap: 0;
grid-row-gap: 30px;
}

.footer-linksrow {
border-left: none;
padding-left: 0;
}

.footer-h3,
.footer-link {
padding-left: 0;
margin-left: 0;
}

.footer-link {
white-space: normal;
display: block;
}

.footer-copy {
flex-direction: column;
text-align: center;
gap: 10px;
}

.w-layout-hflex {
flex-direction: column;
}

.footer-brand {
text-align: center;
padding-bottom: 40px;
}

.footer-linkslist {
flex-direction: column;
}

.social .footer-link {
display: flex;
justify-content: start;
align-items: center;
}

.arrow-wrapper {
margin-left: auto;
display: flex;
gap: 5px;
}

.footer-linkslist-socialwrapper {
width: 100%;
}
}

@media (max-width: 767px) {
.footer-links.no-padding {
flex-direction: column !important;
gap: 30px;
padding-right: 0;
}

.footer-linksrow,
.w-layout-vflex {
width: 100%;
border-left: none;
padding-left: 0;
}

.footer-h3,
.footer-link {
padding-left: 12px;
margin-left: 0;
}


.arrow-wrapper {
margin-left: 2px;
}

.footer-linkslist {
gap: 10px;
}
}

@media (max-width: 576px) {
.footer-h3 {
font-size: 16px !important;
margin-bottom: 15px;
}

.footer-link {
font-size: 15px;
line-height: 24px;
}

.footer-brand {
padding-top: 30px;
padding-bottom: 30px;
}

.container_v2 {
width: 100%;
}


.d-flex.align-items-baseline {
align-items: flex-start !important;
gap: 5px;
}

.footerlogo {
max-width: 250px;
height: auto;
}

.cookies-statement {
padding: 12px 17px;
}

.cookies-btn {
margin-top: 18px;
}

}


/* Responsive Design */
@media (max-width: 768px) {

.benefits-grid {
grid-template-columns: 1fr;
gap: 15px;
}

.benefit-card {
padding: 25px 20px;
}

.benefit-title {
font-size: 16px;
}

.benefit-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
}


/* Responsive Mega Menu */
@media (max-width: 1200px) {
.dropdown-menu {
min-width: 700px;
}

.mega-menu {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.menu-column:last-child {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}

.menu-column:last-child .menu-column-title {
grid-column: 1 / -1;
}
}


/* Mega Menu Desktop */
@media (min-width: 992px) {

.dropdown-menu {
top: 100%;
left: 0;
width: 100%;
border: none;
border-radius: 0;
padding: 20px;
display: none;
}

.nav-item.dropdown:hover>.dropdown-menu {
display: block;
transition: all .3s ease-in-out;
}

.menu-column h6 {
font-weight: 600;
margin-bottom: 10px;
padding-left: 16px;
}
}


@media (max-width: 1280px) {

.container,
.container-lg,
.container-md,
.container-sm {
max-width: 96%;
}

.navbar-nav .nav-link {
padding: 28px 10px !important;
font-size: 14px;
}

.btn {
font-size: 14px;
padding: 8px 24px;

}

.fs-42 {
font-size: 30px;
}

.pos-abs {
font-size: 16px;
padding: 16px;
}

.benefit-heading {
font-size: 18px;

}

.benefit-img img {
min-height: auto;
}

.fs-24 {
font-size: 20px;
line-height: 27px;
}

}


/* Mobile Menu */
@media (max-width: 991.98px) {
.dropdown:hover .dropdown-menu {
display: none;
opacity: 0;
visibility: hidden;
}

.dropdown.open:hover .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
}

.navbar {
padding: 15px 0;
align-items: flex-start;
}

.navbar .navbar-collapse {
padding: 29px 0;
}

.navbar-nav .nav-link {
padding: 4px 16px !important;

}

.dropdown-menu {
position: static !important;
transform: none !important;
box-shadow: none !important;
min-width: auto;
padding: 0;
border: none;
opacity: 1;
visibility: visible;
}

.mega-menu {
display: block;
}

.menu-column {
border-bottom: 1px solid #eee;
padding: 10px 15px;
}

.dropdown-toggle::after {
float: right;
margin-top: 8px;
}

.nav-item.dropdown.open>a {
background: #f8f9fa;
/* optional highlight */
}


#mainMenu {
height: 100%;
width: 79%;
position: fixed;
z-index: 999;
top: 0;
left: -100%;
background-color: #FFF;
overflow-x: hidden;
transition: 0.5s;
padding: 11px 1px;
border-radius: 0;
z-index: 11;
}

.innerpage #mainMenu {
background-color: #fff;
}

.innerpage .nav-item.dropdown.open>a {
background: #fff;
}

.innerpage #nav-icon4.open span {
background: #fff;
}

.innerpage #nav-icon1 span,
.innerpage #nav-icon3 span,
.innerpage #nav-icon4 span {
background: #fff;
}


#mainMenu.show {
left: 0%;
}
}

@media (min-width: 992px) {

.mobile-menu,
.mobile-overlay {
display: none !important;
}
}


@media (max-width: 576px) {
.top-banner {
font-size: 12px;
padding: 8px 0;
}

.navbar-brand {
font-size: 20px;
}

.btn {
padding: 8px 16px;
font-size: 13px;
}
}

/* Smooth dropdown arrow rotation */
.dropdown-toggle::after {
transition: transform 0.2s ease;
font-size: 0;
background: url(../images/drop_arrow.svg) center center;
width: 25px;
height: 6px;
background-repeat: no-repeat;
}

.dropdown:hover .dropdown-toggle::after {
transform: rotate(180deg);
}

/* Active submenu rotation */
.mobile-nav-link.active .chevron {
transform: rotate(90deg);
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
left: 0;
right: 0;
max-width: 1146px;
margin: auto;
border-radius: 7px;
}
}

@media (min-width: 1400px) {

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1380px;
}
}


/* Hero Section */
.hero-section {
background: url(../images/Top-BG.svg) no-repeat;
min-height: 100vh;
align-items: center;
position: relative;
overflow: hidden;
}

.innerpage {
background: transparent;
}

.heroinner-section {
background: linear-gradient(90deg,rgba(31, 217, 193, 0.53) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(139, 61, 255, 0.5) 100%);
align-items: center;
position: relative;
min-height: 496px;
display: flex;
margin-top: -80px;
overflow: hidden;
}

/* .hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/line.svg) top center / 100% no-repeat;
pointer-events: none;
opacity: 0.5;
} */

.hero-content {
position: relative;
z-index: 2;
}

/* Rating Badge */
.rating-badge {
background: var(--white);
border-radius: 50px;
padding: 4px 24px;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
margin: 30px 0;
border: 2px solid #2CA9CF;
transition: all 0.3s ease;
}

.rating-badge:hover {
transform: translateY(-2px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.play-icon {
width: 24px;
height: 24px;
background: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-blue) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 10px;
}

.stars {
color: #FFC200;
font-size: 26px;
letter-spacing: 2px;
}

.rating-text {
font-weight: 400;
color: var(--text-dark);
font-size: 14px;
margin: 0;
}

/* Main Heading */
.hero-title {
font-size: 4.5rem;
font-weight: 600;
line-height: 1.1;
margin-bottom: 30px;
}

.title-gradient {
color: #000;

}

.title-dark {
color: #000;
}

.title-ai {
background: linear-gradient(135deg, #26BACC 0%, #0552ED 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.title-ai2 {
background: linear-gradient(135deg, #2AE0CA 0%, #8B3DFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}


/* Subtitle */
.hero-subtitle {
font-size: 18px;
color: #000;
font-weight: 400;
line-height: 1.6;
margin-bottom: 50px;
}

.subtitle-highlight {
font-weight: 600;
color: #000;
}

/* Search Box */
.search-container {
position: relative;
max-width: 710px;
margin: 0 auto;
}

.search-box {
width: 100%;
padding: 20px 24px 20px 60px;
border: 3px solid var(--white);
border-radius: 35px;
font-size: 18px;
background: var(--white);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
outline: none;
}

.search-container::before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
/* Border thickness */
border-radius: 35px;
background: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-blue) 50%, var(--dark-blue) 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}


.search-box::placeholder {
color: #999999;
font-weight: 500;
}

.search-icon {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-teal);
font-size: 20px;
pointer-events: none;
}

/* Floating Elements */
.floating-element {
position: absolute;
opacity: 0.6;
animation: float 6s ease-in-out infinite;
}

.floating-element:nth-child(1) {
top: 10%;
left: 10%;
animation-delay: 0s;
}

.floating-element:nth-child(2) {
top: 20%;
right: 15%;
animation-delay: 2s;
}

.floating-element:nth-child(3) {
bottom: 20%;
left: 5%;
animation-delay: 4s;
}

.floating-element:nth-child(4) {
bottom: 10%;
right: 10%;
animation-delay: 1s;
}

@keyframes float {

0%,
100% {
transform: translateY(0px) rotate(0deg);
}

50% {
transform: translateY(-20px) rotate(5deg);
}
}

.float-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-blue) 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Responsive Design */
@media (max-width: 1200px) {
.hero-title {
font-size: 4rem;
}
}

@media (max-width: 992px) {
.hero-title {
font-size: 3.5rem;
}

.hero-subtitle {
font-size: 1.1rem;
}

.search-box {
padding: 18px 22px 18px 55px;
}
}

@media (max-width: 768px) {
.hero-section {
min-height: 90vh;
padding: 60px 0;
}

.hero-title {
font-size: 2.5rem;
letter-spacing: -1px;
}

.hero-subtitle {
font-size: 1rem;
margin-bottom: 40px;
}

.search-box {
padding: 16px 20px 16px 50px;
font-size: 15px;
}

.search-icon {
left: 20px;
font-size: 18px;
}

.rating-badge {
padding: 5px 14px;
margin-bottom: 30px;
}

.floating-element {
display: none;
}
}

@media (max-width: 576px) {
.hero-title {
font-size: 2rem;
}

.hero-subtitle {
font-size: 0.9rem;
}

.search-container {
max-width: 100%;
}
}

/* Animation for text reveal */
.animate-fade-up {
opacity: 0;
transform: translateY(30px);
animation: fadeUp 1s ease forwards;
}

.animate-fade-up.delay-1 {
animation-delay: 0.2s;
}

.animate-fade-up.delay-2 {
animation-delay: 0.4s;
}

.animate-fade-up.delay-3 {
animation-delay: 0.6s;
}

@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}

/* Pulse animation for search icon */
@keyframes pulse {

0%,
100% {
transform: translateY(-50%) scale(1);
}

50% {
transform: translateY(-50%) scale(1.1);
}
}

/* .search-icon {
animation: pulse 2s ease-in-out infinite;
} */


.marquee-container {
height: 100vh;
overflow: hidden;
position: relative;
padding: 0;
display: flex;
gap: 20px;
}

.marquee-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}

.marquee-track {
display: flex;
flex-direction: column;
gap: 20px;
animation: marqueeLoop 30s linear infinite;
}

.marquee-column:nth-child(1) .marquee-track {
animation-duration: 30s;
animation-delay: 0s;
}

.marquee-column:nth-child(2) .marquee-track {
animation-duration: 35s;
animation-delay: -5s;
}

.marquee-column:nth-child(3) .marquee-track {
animation-duration: 25s;
animation-delay: -10s;
}

.marquee-column:nth-child(4) .marquee-track {
animation-duration: 40s;
animation-delay: -15s;
}

.marquee-column:nth-child(5) .marquee-track {
animation-duration: 28s;
animation-delay: -20s;
}

.marquee-column:nth-child(6) .marquee-track {
animation-duration: 33s;
animation-delay: -25s;
}

@keyframes marqueeLoop {
0% {
transform: translateY(0);
}

100% {
transform: translateY(-50%);
}
}

.template-card {
border-radius: 16px;
overflow: hidden;
/*! box-shadow: 0 8px 25px rgba(0,0,0,0.1); */
transition: all 0.3s ease;
cursor: pointer;
position: relative;
background: white;
/*! min-height: 200px; */
/*! max-height: 350px; */
display: flex;
flex-direction: column;
flex-shrink: 0;
}

.template-card:hover {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
z-index: 10;
}

/* Card Styles */
.card-logistics {

color: white;
padding: 0;
text-align: center;
}

.card-birthday {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 0;
display: flex;
align-items: center;
gap: 20px;
}

.card-religious {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 0;
text-align: center;
}

.card-business {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
color: white;
padding: 0;
text-align: center;
}

.card-food {
background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
color: white;
padding: 0;
text-align: center;
}

.card-sports {
background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
color: #333;
padding: 0;
text-align: center;
}

.card-tech {
background: linear-gradient(135deg, #d299c2 0%, #fef9d7 100%);
color: #333;
padding: 0;
text-align: center;
}

.card-travel {
background: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);
color: white;
padding: 0;
text-align: center;
}

.card-furniture {
background: linear-gradient(135deg, #fdbb2d 0%, #22c1c3 100%);
color: white;
padding: 0;
text-align: center;
}

.card-festive {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
color: #333;
padding: 0;
text-align: center;
}

.card-professional {
background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
color: #333;
padding: 0;
text-align: center;
}

.card-creative {
background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
color: #333;
padding: 0;
text-align: center;
}

.card-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.2;
}

.card-subtitle {
font-size: 0.9rem;
opacity: 0.9;
margin-bottom: 15px;
}

.card-icon {
font-size: 2.5rem;
margin-bottom: 0;
opacity: 0.8;
width: 100%;
}

.profile-img {
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
}

.marqueeoverlay {
position: relative;
padding-top: 0;
/*! padding: 0; */
}

.marqueeoverlay::before {
content: '';
position: absolute;
top: -109px;
left: 0;
right: 0;
bottom: 0;
background: url(../images/slideoverlay.png) top no-repeat;
pointer-events: none;
z-index: 1;
/*! opacity: 0.8; */
}



/* Responsive */
@media (max-width: 1200px) {
.marquee-container {
gap: 15px;
}

.marquee-track {
gap: 15px;
}
}

@media (max-width: 768px) {
.marquee-container {
gap: 10px;
}

.marquee-track {
gap: 10px;
}


.card-title {
font-size: 1.2rem;
}

.card-icon {
font-size: 2rem;
}

.ipad-w {
width: 100%;
}
}

@media (max-width: 576px) {
.marquee-container {
flex-wrap: wrap;
}

.marquee-column {
flex: 0 0 48%;
}

.marquee-column:nth-child(n+5) {
display: none;
}
}

/* Pause on hover */
.marquee-column:hover .marquee-track {
animation-play-state: paused;
}


.trusted-section {
padding: 30px 0;
text-align: center;
}

.trusted-section h4 {
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
color: #333;
}

.logo-slider img {
max-width: 120px;
height: auto;
margin: auto;
display: block;
}

.logo-slider .slide {
padding: 15px;
background: #fff;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
min-height: 84px;
margin: 9px;
}

.section-wrapper {
background: linear-gradient(66deg, rgba(166, 237, 255, 1) 50%, rgba(179, 187, 255, 1) 100%);
border-radius: 24px;
padding-left: 30px;
margin: 20px auto;
}

.badge {
background: rgba(255, 255, 255, 0.5);
padding: 12px 15px;
border-radius: 50px;
font-size: 16px;
color: var(--btn-dark);
display: inline-block;
margin-bottom: 15px;
font-weight: 400;
}

.section-title {
font-size: 24px;
font-weight: bold;
color: #000;
margin-bottom: 25px;
line-height: 1.4;
}

.slider-item {
border-radius: 12px;
overflow: hidden;
text-align: left;
padding-bottom: 15px;
position: relative;
}

.slider-item img {
width: 100%;
display: block;
}


.slick-slide {
padding: 0 10px;
}

.festival-slider .slick-list {
padding-left: 20px;
}

.slick-prev:before,
.slick-next:before {
color: #000;
}

.pos-abs {
position: absolute;
font-size: 21px;
top: 0;
padding: 20px;
font-weight: 600;
}

.bg-1 {
background: linear-gradient(66deg, rgba(126, 205, 245, 1) 50%, rgba(108, 255, 177, 1) 100%);
}

.bg-2 {
background: linear-gradient(66deg, rgba(0, 118, 210, 0) 0%, rgba(0, 118, 210, 0.7) 100%), url(../images/bg-_2.svg)no-repeat center center/cover;
}

.bg-3 {
background: linear-gradient(180deg, rgba(178, 214, 235, 0.99) 0%, rgba(255, 255, 255, 0.99) 100%), url(../images/bg-_2.svg)no-repeat center center/cover;
}

.bg-4 {
background: url(../images/bg-colors-scaled.svg)no-repeat center top;
background-size: 100%;
}

.bg-5 {
background: url(../images/grain_gradient.svg)no-repeat center center;
background-size: cover;
}


.benefit-card {
border-radius: 15px;
background-color: #fff;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 20px 20px 37px 20px;
}

.benefit-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.benefit-img-container {
background-color: #f1f2f5;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}

.businessgrowth {
border-radius: 12px;
}

.benefit-img {
overflow: hidden;
}

.benefit-img img {
width: 100%;
transition: transform 0.5s ease;
height: 100%;
max-height: 240px;
min-height: 265px;
}

.benefit-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
color: #4071D9;
margin-top: 16px;
}

.benefit-heading {
font-size: 22px;
font-weight: 500;
color: #1D1D1F;
margin: 3px 0;
}

.benefit-text {
font-size: 16px;
font-weight: 400;
color: #88888A;
/*! line-height: 1.3; */
}

.px-30 {
padding-left: 30px;
padding-right: 30px;
}

@media (max-width: 767px) {
.benefit-img img {
max-height: auto;
min-height: auto;
}

.fs-42 {
font-size: 27px;
}

.px-30 {
padding-left: 15px;
padding-right: 15px;
}

.section-wrapper {
padding-left: 0px;
border-radius: 16px;
}

.festival-slider .slick-list {
padding-left: 0;
}

.fs-18 {
font-size: 16px;
}

}


.testimonials-section {
padding: 70px 20px;
position: relative;
overflow: hidden;
height: 800px;
}

.slider-container {
display: flex;
gap: 30px;
margin: 0 auto;
height: 100%;
position: relative;
}

.slider-column {
flex: 1;
position: relative;
overflow: hidden;
height: 100%;
}

.slider-track {
display: flex;
flex-direction: column;
gap: 30px;
animation: slideUp 40s linear infinite;
position: absolute;
width: 100%;
will-change: transform;
}

.slider-column:nth-child(1) .slider-track {
animation-duration: 13s;
animation-delay: 0s;
}

.slider-column:nth-child(2) .slider-track {
animation-duration: 14s;
animation-delay: -3s;
}

.slider-column:nth-child(3) .slider-track {
animation-duration: 10s;
animation-delay: -6s;
}

@keyframes slideUp {
0% {
transform: translateY(0);
}

100% {
transform: translateY(-50%);
}
}

.testimonial-card {
background: white;
border-radius: 16px;
padding: 25px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
transition: all 0.3s ease;
cursor: pointer;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-shrink: 0;
border: 1px solid #EAEAEA;
}

.testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0);
}

.testimonial-card:hover .slider-track,
.slider-column:hover .slider-track {
animation-play-state: paused !important;
}

.card-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 13px;
}

.profile-pic {
width: 59px;
height: 59px;
border-radius: 50%;
background: var(--btn-dark);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 500;
font-size: 24px;
flex-shrink: 0;
}

.profile-pic img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}

.profile-info h3 {
font-size: 16px;
font-weight: 500;
color: #000;
margin-bottom: 5px;
}

.profile-info p {
font-size: 14px;
color: #88888A;
margin-bottom: 0;
font-weight: 300;
}

.testimonial-text {
font-size: 14px;
line-height: 1.6;
color: var(--btn-dark);
flex-grow: 1;
font-weight: 300;
}

.rating {
display: flex;
gap: 3px;
margin-top: 15px;
}

.star {
color: #FFD700;
font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
.bg-4 {
background-size: cover;
}

.stars {
font-size: 22px;
letter-spacing: 0px;
}

.stats-container {
gap: 30px;
}

.rating-text {
font-size: 13px;
}

.stat-item {
min-width: 150px;
padding: 15px;
}

.stat-number {
font-size: 2rem;
}

.testimonials-section {
height: 1500px;
padding: 6px 15px;
}

.slider-container {
gap: 20px;
}

.slider-track {
gap: 20px;
}

.testimonial-card {
padding: 20px;
min-height: 180px;
}

.hero-section {
padding: 40px 15px 30px;
}
}

@media (max-width: 576px) {
.slider-container {
flex-direction: column;
/*! height: 630px; */
}

.slider-column {
/*! height: 200px; */
margin-bottom: 20px;
}

.testimonials-section {
/*! height: auto; */
padding-bottom: 0;
}

.stats-container {
flex-direction: column;
gap: 20px;
align-items: center;
}

.stat-item {
width: 100%;
max-width: 300px;
}

.badge {
padding: 9px 13px;
font-size: 13px;
}

.benefit-heading {
font-size: 18px;
}

.fs-16 {
font-size: 13px;
}

}

/* Performance optimizations */
.slider-track {
will-change: transform;
}

.testimonial-card {
will-change: transform;
}

@media (max-width: 399px) {
.fs-18 {
font-size: 15px;
}

.fs-42 {
font-size: 24px;
}

}


.blog-card {
background: white;
border-radius: 16px;
/* overflow: hidden; */
box-shadow: 0 20px 40px rgba(0, 0, 0, 0);
max-width: 100%;
width: 100%;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 19px;
cursor: pointer;
position: relative;
margin-bottom: 140px;
margin-top: -40px;
}

.blog-card:hover {
transform: translateY(-8px);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.0.7);
}

.blog-card:hover h2 {
text-decoration: underline;
}

.card-image {
position: relative;
background: linear-gradient(45deg, #f0f2f5, #e8ecf0);
margin-top: -106px;
overflow: hidden;
border-radius: 24px;

}

.bor_24 {
border-radius: 24px;
}

.card-image img {
width: 100%;
height: 100%;
border-radius: 24px;
object-fit: cover;
}

.workspace {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
gap: 20px;
align-items: center;
}

.laptop {
width: 80px;
height: 50px;
background: #2c3e50;
border-radius: 4px 4px 8px 8px;
position: relative;
}

.laptop::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 8px;
background: #34495e;
border-radius: 2px;
}

.laptop::after {
content: '';
position: absolute;
bottom: -3px;
left: 10px;
right: 10px;
height: 2px;
background: #2c3e50;
border-radius: 0 0 4px 4px;
}

.tablet {
width: 60px;
height: 80px;
background: #34495e;
border-radius: 6px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.tablet::before {
content: '';
width: 50px;
height: 65px;
background: white;
border-radius: 3px;
}

.keyboard {
width: 70px;
height: 40px;
background: #ecf0f1;
border-radius: 4px;
position: relative;
}

.keyboard::before {
content: '';
position: absolute;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
background: repeating-linear-gradient(90deg,
#bdc3c7 0px,
#bdc3c7 2px,
transparent 2px,
transparent 6px);
}

.mouse {
width: 25px;
height: 35px;
background: white;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.decorative-elements {
position: absolute;
top: 20px;
right: 20px;
display: flex;
flex-direction: column;
gap: 8px;
}

.pen-holder {
width: 20px;
height: 30px;
background: #e74c3c;
border-radius: 2px;
}

.plant {
width: 15px;
height: 20px;
background: #27ae60;
border-radius: 50% 50% 0 0;
}

.card-content {
padding: 24px 0;
}

.category {
display: inline-block;
background: #F0F3F7;
color: #000;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
/* text-transform: uppercase; */
letter-spacing: 0.5px;
}

.date {
color: #6c757d;
font-size: 14px;
float: right;
margin-top: 2px;
}

.read-more {
display: inline-flex;
align-items: center;
color: #667eea;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: color 0.3s ease;
}

.read-more:hover {
color: #764ba2;
}

.read-more::after {
content: '→';
margin-left: 8px;
transition: transform 0.3s ease;
}

.read-more:hover::after {
transform: translateX(4px);
}

@media (max-width: 480px) {
.blog-card {
margin: 1px;
}

.workspace {
transform: translate(-50%, -50%) scale(0.8);
}

.title {
font-size: 20px;
}
}


/**cookies banner **/
.cookies-statement {
text-align: left;
padding: 12px 42px;
position: fixed;
bottom: 0;
background: #fff;
z-index: 9999;
box-shadow: 0 5px 13px #292828;
width: 100%;
}

.cookies-statement .cookies-btn ul li {
display: inline-block;
padding: 0 5px;
}

.Cookiesclose .icon {
width: 25px;
height: 25px;
position: absolute;
right: 10px;
top: 10px;
background: #BA9C5C;
padding: 5px;
border-radius: 50%;
cursor: pointer;
fill: #062360;
}

.Cookiesclose .icon {
cursor: pointer;
fill: #fff;
}

.cookies-statement .cookies-btn ul li a {
width: 135px;
padding: 10px 10px;
margin-left: 0px;
font-size: 14px;
}

.cookies-statement h3 {
font-size: 26px;
line-height: 30px;
}

.Cookies p {
margin-bottom: 0px;
line-height: 22px;
font-size: 15px;
font-weight: 400;
}


/*cookies statement*/
.cookies_container {
width: 100%;
padding: 30px 50px;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
z-index: 9999;
box-shadow: 0 0 26px #ba9c5c;
}

.cookies_container h2 {
font-size: 26px;
line-height: 26px;
font-weight: bold;
}

.cookies_container p {
font-size: 16px;
line-height: 22px;
}

.msme-logo {
width: 157px;
filter: brightness(255);
}

nav.main-header.innerpage.fixed {
background: linear-gradient(90deg,rgba(31, 217, 193, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(139, 61, 255, 1) 100%);
}

.blogicon {
background: #EFEFF1;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 50%;
margin-left: 10px;

}

.blogicon img {
filter: brightness(0);
}
.blogsocial img {
filter: brightness(0);
}


.blogboxnewss {
background: linear-gradient(144deg, rgba(31, 217, 193, 1) 0%, rgba(62, 116, 216, 1) 100%);
align-items: center;
position: relative;
display: flex;
overflow: hidden;
border-radius: 20px;
padding: 60px 20px;
margin-bottom: 20px;
}

.form-container {
display: flex;
gap: 10px;
width: 650px;
align-items: center;
}

.email-input {
flex: 1;
padding: 18px 25px;
border: none;
border-radius: 50px;
font-size: 16px;
background: white;
color: #333;
outline: none;
width: 100%;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
min-width: 0;
}

.email-input::placeholder {
color: #999;
font-size: 16px;
}

.subscribebtn {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}

.bg-6 {
background: rgba(0, 160, 245, 0.20);
}

@media (max-width: 767px) {

.card-image {
margin-top: -1px;
border-radius: 16px;
}

.card-image img {
border-radius: 16px;
}

.fs-24 {
font-size: 20px;
}

}


.pricing-header {
text-align: center;
margin-bottom: 3rem;
}

.billing-toggle {
display: inline-flex;
align-items: center;
gap: 15px;
margin-bottom: 2rem;
}

.toggle-switch {
position: relative;
display: inline-block;
width: 54px;
height: 28px;
background-color: #333;
border-radius: 24px;
cursor: pointer;
transition: all 0.3s ease;
}

.toggle-switch::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 24px;
height: 24px;
background-color: white;
border-radius: 50%;
transition: all 0.3s ease;
}

.billing-toggle input[type="radio"] {
display: none;
}

.toggle-switch.active::before {
transform: translateX(26px);
}

.toggle-label {
font-size: 18px;
font-weight: 500;
color: var(--btn-dark);
margin: 0;
}

.save-badge {
background-color: #FFCC00;
color: var(--text-dark);
padding: 8px 12px;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
margin-left: 10px;
}

.pricing-card {
background: white;
border-radius: 15px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0);
border: 3px solid transparent;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}

.pricing-card.recommended {
border-color: #4071D9;
/* transform: scale(1.05); */
position: relative;
background: linear-gradient(0deg, rgba(62, 116, 216, 0.1) 0%, rgba(31, 217, 193, 0.1) 100%);
}

.recommended-badge {
position: absolute;
top: 32px;
right: -22px;
/* transform: translateX(-50%); */
background-color: #FFCC00;
color: #000;
padding: 6px 14px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
border-bottom-right-radius: 0;
}

.plan-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
color: #333;
}

.plan-price {
font-size: 30px;
font-weight: 600;
color: #00A0F5;
margin-bottom: 0.5rem;
}

.plan-price .currency {
/* font-size: 29px; */
}

.plan-period {
color: #666;
font-size: 0.9rem;
margin-bottom: 1rem;
}

.plan-subtitle {
color: #666;
font-size: 0.9rem;
margin-bottom: 0;
}

.feature-list {
list-style: none;
padding: 0;
margin-bottom: 0rem;
}

.feature-item {
display: flex;
align-items: center;
padding: 0.5rem 0;
font-size: 0.95rem;
font-size: 16px;
}

.feature-item i {
width: 20px;
color: #34C759;
margin-right: 10px;
font-size: 18px;
}

.feature-available {
color: #1D1D1F;
}

.feature-unavailable i.fa-times-circle {
color: #FF383C;
}


.btn-get-started {
width: 100%;
padding: 12px;
border-radius: 8px;
font-weight: 500;
border: none;
transition: all 0.3s ease;
}

.btn-primary-custom {
background-color: #00A0F5;
color: white;
}

.btn-primary-custom:hover {
background-color: #0056b3;
color: white;
}

.btn-secondary-custom {
background-color: #F7F7F8;
color: #1D1D1F;
border: 1px solid #F7F7F8;
}

.btn-secondary-custom:hover {
background-color: #e9ecef;
color: #333;
}

@media (max-width: 768px) {
.pricing-card.recommended {
transform: none;
margin-top: 0rem;
}
}

@media (max-width: 576px) {
.pricing-card {
padding: 1.5rem;
}

.plan-title {
font-size: 20px;
}

.plan-price {
font-size: 24px;
}

.recommended-badge {
top: 20px;
right: -15px;
}

.iph_w {
width: 150px;
}
}


.stat-card {
text-align: center;
padding: 2rem;
margin-bottom: 2rem;
}

.stat-icon {
font-size: 3rem;
color: #20d5d5;
margin-bottom: 1rem;
transition: var(--transition);
}

.stat-number {
font-size: 30px;
font-weight: 500;
color: #000;
margin-bottom: 0;
line-height: 1;
}

.stat-label {
color: #000;
font-size: 1rem;
font-weight: 500;
}


.content-card {
background: white;
border-radius: 20px;
padding: 3rem;
border: 1px solid rgba(255, 255, 255, 0.2);
height: 100%;
}

.vision-card {
position: relative;
overflow: hidden;
}

.mission-card {
position: relative;
overflow: hidden;
}

.bgv {
position: absolute;
top: -13px;
margin: auto;
left: 00;
right: 0;
width: 77%;
}


.section-icon {
margin-bottom: 15px;
}

.section-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: #333;
}


.scroll-indicator {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
color: white;
animation: bounce 2s infinite;
}

@media (max-width: 768px) {

.stat-number {
font-size: 2rem;
}

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

.content-card {
padding: 2rem;
}

}

.popular-section {
background: #e6f7ff;
padding: 70px 33px;
border-radius: 16px;
}

.popular-articles {
display: flex;
flex-direction: column;
gap: 10px;
}
.article-item {
background: #F7F7F8;
border: 0px solid #80d4ff;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.3s;
}

.article-item.active {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0);
}

.article-header {
padding: 18px 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight: 500;
background: #fff;
}

.article-header svg {
transition: transform 0.3s ease;
}

.article-item.active .article-header svg {
transform: rotate(180deg);
}

.article-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.3s ease;
padding: 0 20px;
/*! background: #fff; */
}

.article-item.active .article-content {
max-height: 300px;
/* large enough to fit text */
padding: 16px 20px;
}

.dropimg {
transition: transform 0.3s ease;
width: 25px;
/* filter: invert(52%) sepia(67%) saturate(500%) hue-rotate(150deg) brightness(95%) contrast(95%); */
}
.article-item.active .dropimg {
transform: rotate(180deg);
}

.co2 {
color: #4DB747;
}
.co1 {
color: #8B3DFF;
}


.search-bar {
display: flex;
align-items: center;
background-color: white;
border-radius: 40px;
padding: 20px 26px;
width: 100%;
max-width: 800px;
margin: auto;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.search-bar i {
color: #00DC55;
font-size: 20px;
margin-right: 10px;
}

.search-bar input {
border: none;
outline: none;
font-size: 18px;
width: 100%;
color: #333;
}

.search-bar input::placeholder {
color: #999;
}


/* Responsive Design */
@media (max-width: 768px) {


.search-bar {
padding: 10px 26px;

}

.min-mt-5 {
margin-top: 0px;
}

h1 {
font-size: 2rem;
margin-bottom: 20px;
}

.categories-grid {
grid-template-columns: 1fr;
gap: 15px;
}

.category-card {
padding: 20px;
flex-direction: column;
text-align: center;
gap: 15px;
}

.category-info {
order: 2;
}

.category-icon {
order: 1;
width: 60px;
height: 60px;
font-size: 1.8rem;
}

.popular-section {
padding: 20px;
margin-top: 20px;
}

.section-title,
.popular-title {
font-size: 1.5rem;
}


}


/* Animation for page load */
.category-card {
animation: fadeInUp 0.6s ease forwards;
opacity: 0;
transform: translateY(30px);
}

.category-card:nth-child(1) {
animation-delay: 0.1s;
}

.category-card:nth-child(2) {
animation-delay: 0.2s;
}

.category-card:nth-child(3) {
animation-delay: 0.3s;
}

.category-card:nth-child(4) {
animation-delay: 0.4s;
}

.category-card:nth-child(5) {
animation-delay: 0.5s;
}

.category-card:nth-child(6) {
animation-delay: 0.6s;
}

@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}


.top-min {
margin-top: -160px;
}

textarea {
resize: none;
}

.contact-box {
/*! max-width: 450px; */

background: #fff;
border: 2px solid #319ece;
border-radius: 12px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0);
overflow: hidden;
padding: 39px;
}

.form-control {
border: 2px solid #f0f0f0;
padding: 13px;
}

.contact-box h2 {
font-size: 20px;
font-weight: 700;
paddi-bottom: 10;
margin-bottom: 22px;
}

.contact-box form {
padding: 0;
border-top: 0px solid #21b5ec;
}

.btn-gradient {
background: linear-gradient(to right, #22c1c3, #2e6ddf);
border: none;
border-radius: 44px;
font-weight: 500;
color: #fff;
transition: 0.3s;
font-size: 18px;
padding: 15px;
margin-top: 14px;
}

.btn-gradient:hover {
opacity: 0.9;
}

.connectbox a {
color: #1D1D1F;
text-decoration: none;
transition: color 0.3s;
}

.connectbox a:hover {
color: #22c1c3;
}


@media (max-width: 480px) {

.category-card {
padding: 15px;
}

.popular-section {
padding: 15px;
}

.article-item h4 {
font-size: 1rem;
}

.top-min {
margin-top: 50px;
}
}


.form-container2 {
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0);
padding: 40px;
margin: 0 auto;
}

.custom-form-group {
border: 1px solid #e1e5e9;
border-radius: 8px;
overflow: hidden;
background: white;
margin-bottom: 25px;
}

.custom-label {
display: block;
padding: 13px 16px 11px 16px;
font-weight: 500;
color: #1D1D1F;
font-size: 14px;
background: white;
margin: 0;
}

.required {
color: #e74c3c;
margin-left: 2px;
}

.custom-input,
.custom-select {
width: 100%;
padding: 8px 16px 12px 16px;
border: none;
border-top: 1px solid #f0f0f0;
border-radius: 0;
font-size: 16px;
background-color: #F7F7F8;
transition: all 0.2s ease;
color: #88888A;
outline: none;
}

.custom-input:focus,
.custom-select:focus {
outline: none;
background-color: #f8f9fa;
color: #333;
box-shadow: none;
}

.custom-form-group:focus-within {
border-color: #3498db;
box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
}

.custom-select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 25px;
padding-right: 40px;
}

.submit-btn {
background: linear-gradient(135deg, #3498db 0%, #2ecc71 100%);
color: white;
padding: 12px 30px;
border: none;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);
color: white;
}

.submit-btn:active {
transform: translateY(0);
}

.custom-input::placeholder,
.custom-select::placeholder {
color: #aaa;
font-style: italic;
}

/* Remove Bootstrap form-control styles that interfere */
.custom-input.form-control:focus,
.custom-select.form-select:focus {
border-color: transparent;
box-shadow: none;
}


.progress-container {

padding: 40px 20px;
width: 100%;
}

.progress-steps {
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
position: relative;
}


.step {
position: relative;
z-index: 2;
text-align: center;
flex: 1;
/*! width: 70px; */
}

.step-circle {
width: 50px;
height: 50px;
border: 2px solid white;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
font-size: 18px;
font-weight: 600;
color: white;
}

.step-title {
color: white;
font-size: 16px;
font-weight: 500;
margin: 0;

}

.postop80{position: relative;top: -80px;}

@media (max-width: 768px) {
.progress-container {
padding: 30px 15px;
}

.step-circle {
width: 40px;
height: 40px;
font-size: 16px;
margin-bottom: 10px;
}

.step-title {
font-size: 14px;
}

.progress-line {
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}

.py-80 {
padding-top: 40px;
padding-bottom: 40px;
}

.stat-card {
padding: 0rem;
}

.fs-48 {
font-size: 26px;
}

.postop80{position: relative;top: 0px;}

.form-container {
width: 100%;
}

.blogboxnewss {
padding: 31px 5px;
}

.top-min {
margin-top: -118px;
}
.article-header {
font-size: 16px;
}
.cookies-statement {
padding: 12px 19px;

}
}

@media (max-width: 480px) {
.step-title {
font-size: 12px;
}

.step-circle {
width: 35px;
height: 35px;
font-size: 14px;
}

.progress-line {
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
}






/* careers */

.slider-container {
/*! max-width: 1200px; */
margin: 0 auto;
background: white;
border-radius: 0;
box-shadow: 0 10px 30px rgba(0,0,0,0);
position: relative;
}

.slider-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
}

.slider-title {
color: #333;
margin: 0;
}

.custom-arrows {
display: flex;
gap: 10px;
}

.arrow-btn {
width: 40px;
height: 40px;
background: #f8f9fa;
border: 1px solid #e0e0e0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
font-size: 16px;
color: #666;
}

.arrow-btn:hover {
background: #ff6b35;
border-color: #ff6b35;
color: white;
}

.careersslider {
padding: 0;
overflow: hidden;
}



.careers-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.);
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.careers-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
}
.careers-content {
padding: 25px;
display: flex;
flex-direction: column;
justify-content: center;
background: #F7F7F8;
border-radius: 16px;
}
.careers-content p {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.quote-icon {
/*! color: #ff6a00; */
/*! font-size: 2rem; */
margin-bottom: 14px;
}
.careers-author {
font-weight: 500;
margin-bottom: 2px;
font-size: 18px;
}
.careers-role {
/*! color: #777; */
font-size: 18px;
font-weight: 300;
}
@media(max-width: 767px){
.careers-card {
flex-direction: column;
}
.careers-img {
border-radius: 12px 12px 0 0;
}
}

/* Hide default slick arrows */
.slick-prev, .slick-next {
display: none !important;
}

/* Slick dots customization */
.slick-dots {
bottom: -60px;
}

.slick-dots li button:before {
font-size: 12px;
color: #ccc;
opacity: 1;
}

.slick-dots li.slick-active button:before {
color: #ff6b35;
}


/* Responsive Design */
@media (max-width: 768px) {
.careers-card {
flex-direction: column;
text-align: center;
padding: 30px 20px;
}

.careers-image {
width: 150px;
height: 150px;
margin-right: 0;
margin-bottom: 20px;
}

.slider-header {
flex-direction: column;
gap: 20px;
text-align: center;
}

.slider-title {
font-size: 2rem;
}

.careers-text {
font-size: 1rem;
}
}

@media (max-width: 480px) {

.careers-card {
padding: 20px 15px;
}

.quote-icon {
font-size: 2rem;
}
.quote-icon img {
	width: 41px;
}
}


.slider-container {
margin: 0px auto;
}

.swiper {
width: 100%;
padding: 20px 0 70px 0;
}

.swiper-slide {

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 10px 30px rgba(0,0,0,0);
box-sizing: border-box;
margin-right: 20px;
}



/* Navigation buttons */
.slider-nav {
text-align: center;
margin-top: 20px;
}

/* .prev-btn, .next-btn {
background: #667eea;
color: white;
border: none;
padding: 12px 25px;
margin: 0 10px;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
}
*/
.prev-btn:hover, .next-btn:hover {
background: #764ba2;
transform: translateY(-2px);
}

/* Swiper pagination dots */
.swiper-pagination-bullet {
background: #667eea;
opacity: 0.5;
}

.swiper-pagination-bullet-active {
background: #764ba2;
opacity: 1;
}

/* Hover effect for slides */
.swiper-slide {
transition: all 0.3s ease;
}

.swiper-slide:hover {
transform: translateY(-5px);
}



/* Mobile responsive */
@media (max-width: 768px) {


.swiper-slide h3 {
font-size: 20px;
}
}
.job-card {
border: 0px solid #e0e0e0;
border-radius: 16px;
background: white;
box-shadow: 0 2px 8px rgba(0,0,0,0);
transition: box-shadow 0.3s ease;
padding: 40px;
}

.job-card:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.job-title {
color: #1a1a1a;
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}

.company-name {
color: #333;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 1.5rem;
}

.job-detail-label {
color: #88888A;
font-size: 18px;
/*! font-weight: 400; */
/*! margin-bottom: 0.25rem; */
}

.job-detail-value {
/*! color: #1a1a1a; */
font-weight: 500;
font-size: 18px;
}

.btn-apply {
background-color: #1e3a8a;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 500;
transition: background-color 0.3s ease;
}

.btn-apply:hover {
background-color: #1e40af;
}

.btn-share {
background-color: #8B3DFF;
transition: background-color 0.3s ease;
}

.btn-share:hover {
background-color: #6a29ca;
}

.innerCareerimg257 {
margin-top: -377px;
}

.bg-8 {
background: url(../images/bg-colors-scaled.jpg)no-repeat center top;
background-size: 100%;
}


/* Bottom Center Navigation Arrows */
.bottom-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-top: 30px;
}

.bottom-nav-arrow {
width: 50px;
height: 50px;
background: white;
border: 1px solid #d9d9d9;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
/*! box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
}

.bottom-nav-arrow:hover:not(.disabled) {
background: white;
border-color: #ff6b35;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.bottom-nav-arrow.disabled {
background: white;
border-color: #e0e0e0;
cursor: not-allowed;
opacity: 0.5;
}
.bottom-nav-arrow:hover i {
color: #ff6b35;
}

.slick-prev,
.slick-next {
display: none !important; /* Hide default arrows */
}

.hero-section.careerhero {
background: url(../images/careerhero_bg.jpg) no-repeat;
min-height: auto;
align-items: center;
position: relative;
overflow: hidden;
padding-bottom: 55px;
}

.nav-tabs {
border-bottom: none;
justify-content: center;
background: #fff;

margin: -38px auto;
position: relative;
border-radius: 65px;
}
.nav-tabs .nav-link {
border: none;
color: #000;
font-weight: 600;
padding: 24px 30px;
margin: 0 24px;
background: transparent;
border-radius: 0;
position: relative;
}

.nav-tabs .nav-link.active {
color: #8B3DFF;
background: transparent;
border-bottom: 4px solid #8B3DFF;
}

.tab-content {          
min-height: 500px;
}

.content-section {
padding: 40px 0;
}

.about-image, .culture-image {
width: 100%;
border-radius: 16px;
}

.section-title {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
color: #333;
}

.section-text {
color: #666;
line-height: 1.6;
margin-bottom: 15px;
}
.carleftp{padding-left: 29%;}


.cv-upload {
background: transparent;
border: 2px dashed #cbd5e0;
border-radius: 6px;
padding: 39px;
text-align: center;
margin-bottom: 6px;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}

.cv-upload:hover {
border-color: #3DDC84;
background: linear-gradient(145deg, #f7fafc, #edf2f7);
transform: translateY(-2px);
}

.helper-text {
color: #88888A;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-10px); }
60% { transform: translateY(-5px); }
}

.cv-upload h3 {
color: #2d3748;
margin-bottom: 10px;
font-size: 1.2rem;
}
.cv-upload p {
/* color: #718096; */
font-size: 16px;
margin-bottom: 0;
}

.full-width{width: 100%;}



.nav-tabs-custom {
border: none;
gap: 10px;
margin: 0;
border-radius: 0;
padding-top: 28px;
}

.nav-tabs-custom .nav-link {
background-color: #F7F7F8;
color: #020202;
border: none;
border-radius: 10px 10px 0 0px;
padding: 12px 24px;
font-weight: 500;
transition: all 0.3s ease;
font-size: 18px;
min-width: 159px;
text-align: center;
}

.nav-tabs-custom .nav-link.active {
background: #8B3DFF;
color: white;
box-shadow: 0 4px 12px rgba(2, 2, 2, 0.3);
border: 0;
}

.nav-tabs-custom .nav-link:hover {
background-color: #8B3DFF;
color: white;
transform: translateY(-2px);
}

.post-card {
border: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,0);
transition: transform 0.3s ease, box-shadow 0.3s ease;

position: relative;
}

.post-card img {
border-radius: 16px;

}


.post-card:hover {
transform: translateY(-10px);
box-shadow: 0 12px 32px rgba(0,0,0,0);
}

.card-raksha {
background: linear-gradient(135deg, #8e2de2, #4a00e0);
color: white;
}

.card-buddha-orange {
background: linear-gradient(135deg, #ff9a9e, #fad0c4);
color: #333;
}

.card-buddha-red {
background: linear-gradient(135deg, #c31432, #240b36);
color: white;
}

.card-buddha-dark {
background: linear-gradient(135deg, #2c1810, #8b4513);
color: white;
}

.logo-placeholder {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px;
background-color: rgba(0, 0, 0, 0.31);
border: 2px solid rgb(255, 255, 255);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 400;
color: #fff;
font-size: 12px;
padding: 5px;
}

.festival-icon {
font-size: 4rem;
margin: 20px 0;
opacity: 0.9;
}

.festival-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
}

.festival-subtitle {
font-size: 0.9rem;
opacity: 0.8;
margin-bottom: 20px;
}

.business-info {
position: absolute;
bottom: 13px;
left: 20px;
right: 20px;
}

.business-details {
display: flex;
justify-content: space-between;
font-size: 0.8rem;
opacity: 0.9;
}



.buddha-statue {
font-size: 5rem;
margin: 20px 0;
}

.lotus-decoration {
position: absolute;
bottom: 100px;
right: 20px;
font-size: 2rem;
opacity: 0.3;
}

.tabicon {
background: #fff;
width: 48px;
height: 48px;
display: flex;
margin: auto;
padding: 12px;
border-radius: 100%;
text-align: center;
margin-bottom: 5px;
}
.tabicon img{margin: auto;}
/*.active .tabicon img{  ! filter: brightness(0) saturate(100%) invert(52%) sepia(77%) saturate(2553%) hue-rotate(10deg) brightness(102%) contrast(101%); 
}*/



.carddalypost {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
overflow: hidden;
padding: 18px;
text-align: center;
}
.carddalypost img {
width: 100%;
display: block;
border-radius: 8px;
}
.carddalypost .post-title {
font-size: 16px;
font-weight: 500;
margin: 15px 0;
text-align: left;
}
.carddalypost .button-wrapper {
padding:6px 0;
}
.btn-create {
display: inline-block;
width: 100%;
background: #002b5c; /* navy blue */
color: #fff;
padding: 9px 0;
font-size: 16px;
font-weight: 600;
border-radius: 50px;
text-decoration: none;
transition: background 0.3s ease;
}
.btn-create:hover {
background: #004080;
}




.modal-content {
border-radius: 20px;
border: none;
overflow: hidden;
max-width: 1360px;
margin: 0 auto;
padding: 24px;
}

.modal-header {
background: linear-gradient(135deg, #fd7e14, #ff6b35);
color: white;
border-bottom: none;
padding: 20px 30px;
}

.modal-title {
/* font-weight: bold; */
font-size: 30px;
line-height: 36px;
}

.btn-close {
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.modal-body {
padding: 0;
background: #f8f9fa;
}
.bg-none{background: transparent;}
.editor-preview {
color: white;
text-align: center;
position: relative;
}

.preview-logo {
position: absolute;
top: 15px;
right: 15px;
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.5);
border-radius: 8px;
padding: 10px 15px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}

.preview-logo:hover {
background: rgba(255,255,255,0.3);
}

.preview-content {
margin: 60px 0 40px 0;
}

.preview-icon {
font-size: 4rem;
margin-bottom: 20px;
}

.preview-title {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2;
}

.preview-subtitle {
font-size: 1rem;
opacity: 0.9;
margin-bottom: 30px;
}

.preview-footer {
position: absolute;
bottom: 20px;
left: 40px;
right: 40px;
display: flex;
justify-content: space-between;
font-size: 0.9rem;
}

.editor-form {
background: white;
}

.form-section {
margin-bottom: 25px;
}


.upload-area {
border: 2px dashed #dee2e6;
border-radius: 6px;
padding: 13px 20px;
text-align: center;
/*! background: #f8f9fa; */
cursor: pointer;
transition: all 0.3s ease;
}

.upload-area:hover {
border-color: #3498db;
background: #fff5f0;
}

.upload-icon {
/*! font-size: 3rem; */
color: #adb5bd;
/*! margin-bottom: 15px; */
}

.color_2p{color:#8B3DFF;}


.minauto90vh {
height: 72vh;
min-height: 72vh;
}
.topspace {
padding-top: 120px;
}

.heroinnercaree {
	background: linear-gradient(90deg,rgba(31, 217, 193, 0.53) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(139, 61, 255, 0.5) 100%);
	align-items: center;
	 display: flex; 
}
.responsibility-list li, .skills-list li {
	position: relative;
	padding-left: 1rem;
	margin-bottom: 0.75rem;
	color: #333;
	/* line-height: 1.6; */
	font-size: 18px;
}
.curserpointer{cursor: pointer;}

 .otp-input {
            width: 46px;
            height: 46px;
            text-align: center;
            font-size: 18px;
            border: 1px solid #E6E9ED;
            border-radius: 4px;
            outline: none;
            transition: border-color 0.3s ease;
            }
            
            .otp-input:focus {
                    border-color: #85b6fd;
                    box-shadow: none;
                }
            
            .otp-container {
            display: flex;
            /*! justify-content: center; */
            gap: 9px;
            margin-bottom: 10px;
            }
            .color_1{color:#002C51;}
       .color_2{color:#8B3DFF;}
            .fw-300 {
                    font-weight: 300;
                }

                .fw-400 {
                    font-weight: 400 !important;
                }

                .fw-500 {
                    font-weight: 500;
                }

                .fw-600 {
                    font-weight: 600;
                }


        /* Responsive adjustments */
        @media (max-width: 576px) {
            .badge-container {margin-top: -97px; width: 100%;}

            .login-card {
                padding: 2rem 1.5rem;
                min-width: auto;
            }
.badge-container img {
	width: 285px;
}
            
            .welcome-text {
                font-size: 1.5rem;
            }
            
            .made-in-india-badge {
                width: 70px;
                height: 70px;
            }
            
            .made-in-india-badge::before,
            .made-in-india-badge::after {
                font-size: 7px;
            }
            .otp-input {width: 40px;height: 40px;}
            .otp-container {gap: 3px;}
        }
        
        @media (max-width: 400px) {          
            
            .country-code {
                border-radius: 8px;
                border-right: 1px solid #dee2e6;
                margin-bottom: -1px;
            }
            
            .mobile-input {
                border-radius: 8px;
                border-left: 1px solid #dee2e6;
            }
        }
        
        /* Animation for page load */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .login-card {
            animation: fadeInUp 0.6s ease-out;
        }


		.custom-card {
      background:linear-gradient(135deg, #1FD9C1, #532599);
      border-radius: 10px;
      padding: 10px;
      color: #fff; min-height: 140px;
      position: relative;
      justify-content: space-between;

    }

.custom-card::before {
	position: absolute;
width: calc(100% - 20px);
	height: calc(100% - 20px);
	left: 0;
	right: 0;
	border-radius: 10px;
	background: #1D1D1F;
	opacity: 0.8;
	content: '';
	margin: auto;
}
    .custom-card img {
      height: 30px;
    }
    .payment-box {
      border: 0px solid #ddd;
      border-radius: 6px;
      padding: 11px;
      text-align: center;
      background: #F7F7F8;
      transition: all 0.3s ease;
      cursor: pointer;
    }
	.payment-box p{font-size: 14px;}
    .payment-box:hover {
      border-color: #007bff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      transform: translateY(-2px);
    }
	.modal-body p{font-size: 16px;}
.payment-box img {
	height: 26px;
	margin-bottom: 2px;
}
    .choose-title {
      font-weight: 600;
      margin: 20px 0 15px;
    }

	 /* Custom dropdown toggle button */
    .dropdown-toggle-custom {
      background: transparent;
      border: none;
      font-size: 22px;
      color: white;
      cursor: pointer;
      line-height: 1;
    }
    .dropdown-toggle-custom:focus {
      outline: none;
      box-shadow: none;
    }
    .dropdown-menu {
      min-width: 180px;
      border-radius: 8px;
    }
    .dropdown-menu li a {
      font-size: 14px;
      padding: 8px 15px;
    }
    .dropdown-menu li a:hover {
      background: #f1f1f1;
    }

	.YouTube{position: absolute; bottom: 20px; right: 20px;}
     .divider {
            text-align: center;
            margin: 1.5rem 0;
            position: relative;
            color: #1D1D1F;
            /*! font-size: 0.9rem; */
            font-weight: 500;
        }
        
        .divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background: #dee2e6;
            z-index: 1;
        }
        
        .divider span {
            background: white;
            padding: 0 1rem;
            position: relative;
            z-index: 2;
        }

		.stepone, .steptwo, .stepthree {
    display: none;
}

.stepone {
    display: block; /* Initially show step one */
}


.logo-mark {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	background-color: rgba(0, 0, 0, 0.31);
	border: 2px solid rgb(255, 255, 255);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	left: 0;
	margin: auto;
	height: 100%;
	bottom: 0;
	opacity: 0.5;
}

@media (max-width: 768px) {
.nav-tabs .nav-link {
padding: 10px 15px;
margin: 0 5px;
font-size: 14px;
}

.job-card {padding: 20px;}
.fs-30 {font-size: 25px;}
.cv-upload {padding: 20px;}
.bg-8 {
background-size: cover;
}

}

@media (max-width: 767px) {
.carleftp {
	padding-left: 4%;
}
.careers-content p {
	font-size: 17px;
	line-height: 25px;
}
.careers-content {
	padding: 14px;
	border-radius: 10px;
}
p {
	font-size: 16px;
}

.payment-box {
margin: 5px 0;


}
.modal-title {
	/* font-weight: bold; */
	font-size: 24px;
	line-height: 31px;
}
.stepone, .steptwo, .stepthree {
	margin-top: 15px;
}

.h6, h6 {
	font-size: 10px;
}

}