@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prosto+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prosto+One&family=Ysabeau+SC:wght@1..1000&display=swap');
:root {
--primary-color: #ff6b6b;
--secondary-color: #4ecdc4;
--dark-color: #292f36;
--light-color: #f7f7f7;
--accent-color: #ffd166;
--primary: #6366f1;
--secondary: #f43f5e;
--success: #22c55e;
 --primary: #FF5851;
--secondary: #FFBE0B;
--dark: #222222;
--light: #F5F5F5;
--primary-color: #dc3545;
--secondary-color: #c82333;
--accent-color: #f76170;
--light-color: #f8f9fa;
--dark-color: #212529;
--primary-color: #4e73df;
--secondary-color: #e74a3b;
--accent-color: #1cc88a;
--dark-color: #5a5c69;
--light-color: #f8f9fc;
--primary-color: #c11e2d;
--secondary-color: #a51a27;
--accent-color: #f72585;
--light-color: #f8f9fa;
--dark-color: #212529;
--primary-color: #4a6cf7;
--secondary-color: #6c757d;
--accent-color: #2ecc71;
--primary-color: #4a90e2;
--secondary-color: #50c878;
--background-color: #f4f7f9;
--primary-gradient-start: #1e3c72;
--primary-gradient-end: #2a5298;
--accent-color: #ff9800;
--text-light: #f1f1f1;
--transition-speed: 0.4s;
--msme_primary_color: #4a90e2;
--msme_secondary_color: #3f51b5;
--ibfe-invest_primary-color: #2c3e50;
--ibfe-invest_secondary-color: #34495e;
--ibfe-invest_accent-color: #e74c3c;
--ibfe-invest_background: #ecf0f1;
--msme_background: #f0f4f8;
--chicken-color: #e63946;
--shawarma-color: #457b9d;
 --primary-color: #ff6b6b;
--secondary-color: #6c5ce7;
--accent-color: #ffa502;
--dark-color: #130f40;
--light-color: #f9f9f9;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Disable scrolling when popup is active */
body.no-scroll {
overflow: hidden;
}
@media (max-width: 768px) {
html {
overflow-x: hidden;
}
}
body {
overflow-x: hidden;
font-family: "Outfit", sans-serif !important;
font-style: normal;
width: 100%;
z-index: -1;
}
/* For Chrome, Safari, and Edge */
::-webkit-scrollbar {
width: 12px; 
}
::-webkit-scrollbar-track {
background: #f0f0f0; 
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #b00000; 
border-radius: 10px;
border: 3px solid #f0f0f0; 
}
::-webkit-scrollbar-thumb:hover {
background-color: #880000;
}
/* Scroll-to-Top Button */
#scrollTopBtn {
position: fixed;
bottom: 20px;
right: 15px;
background-color: #c11e2c;
color: white;
border: none;
border-radius: 10%;
width: 40px;
height: 40px;
display: none; /* Hidden initially */
justify-content: center;
align-items: center;
font-size: 24px;
cursor: pointer;
box-shadow: 0 4px 8px rgb(0 0 0 / 82%);
transition: 0.3s;
z-index: 99999;
}
#scrollTopBtn:hover {
background-color: darkred;
}
.members-card {
background-color: #063154;
padding: 35px;
color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.members-contact-info p {
font-size: 16px;
}
.members-members-card {
transition: transform 0.3s, box-shadow 0.3s;
}
.members-card:hover {
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.members-contact-info a {
color: #007bff;
}
.members-contact-info a:hover {
text-decoration: underline;
}
.members-card:hover {
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.members-contact-info a {
color: #fff;
text-decoration: none !important;
}
.members-contact-info a:hover {
color: #ccc;
}
/* Prevent horizontal overflow on small screens */
@media (max-width: 768px) {
body {
overflow-x: hidden;
}
}
/* Styling for the WhatsApp button */
/*.whatsapp-btn {*/
/*position: fixed;*/
/*right: 13px;*/
/*bottom: 200px;*/
/*z-index: 99999;*/
animation: slideIn 0.5s ease-in-out; /* Slide-in animation */
/*}*/
/* Default WhatsApp icon styling */
/*.whatsapp-btn img {*/
/*width: 40px;*/
/*height: 40px;*/
/*transition: transform 0.3s ease;*/
animation: pulse 1.5s infinite; /* Pulse animation */
/*}*/
/* Hover effect with bounce */
/*.whatsapp-btn:hover img {*/
/*transform: scale(1.1);*/
animation: bounce 0.6s; /* Bounce animation */
/*}*/
/* Responsive size for smaller screens */
/*@media (max-width: 576px) {*/
/*.whatsapp-btn img {*/
/*width: 40px;*/
/*height: 40px;*/
/*}*/
/*}*/
/* Slide-in animation */
/*@keyframes slideIn {*/
/*from {*/
/*transform: translateX(100px);*/
/*opacity: 0;*/
/*}*/
/*to {*/
/*transform: translateX(0);*/
/*opacity: 1;*/
/*}*/
/*}*/
/* Pulse effect */
/*@keyframes pulse {*/
/*0% {*/
/*transform: scale(1);*/
/*}*/
/*50% {*/
/*transform: scale(1.1);*/
/*}*/
/*100% {*/
/*transform: scale(1);*/
/*}*/
/*}*/
/* Bounce effect */
@keyframes bounce {
0% {
transform: translateY(0);
}
30% {
transform: translateY(-10px);
}
50% {
transform: translateY(0);
}
70% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
ul.navbar-nav.mx-auto.mb-2.mb-lg-0.py-1.rounded-2 {
background: rgb(237 200 240 / 8%);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(10px) !important;
}
/*.countdown-wrapper {*/
/*display: flex;*/
/*flex-direction: column;*/
/*gap: 5px;*/
/*margin-top: 10px;*/
/*font-size: 14px;*/
/*line-height: 1.5;*/
/*}*/
/*.countdown-item {*/
/*display: flex;*/
/*align-items: center;*/
/*gap: 5px;*/
/*}*/
/*.countdown-title {*/
/*font-weight: bold;*/
/*color: #ffd700; /* Gold color for interactivity */
/*}*/
/*@media (max-width: 768px) {*/
/*.countdown-wrapper {*/
/*    font-size: 12px;*/
/*    text-align: center;*/
/*}*/
/*}*/
/*.modal-content {*/
/*background: linear-gradient(to right, var(--primary-color), #ffae00);*/
/*color: black !important;*/
/*}*/
/*.countdown-time {*/
/*font-size: 50px;*/
/*font-weight: bold;*/
/*text-align: center;*/
/*}*/
/*@media (max-width: 768px) {*/
/*.countdown-time {*/
/*font-size: 30px;*/
/*font-weight: bold;*/
/*text-align: center;*/
/*}*/
/*}*/
/*.current-time {*/
/*font-size: 1.5rem;*/
/*font-weight: bold;*/
/*margin-top: 10px;*/
/*text-align: center;*/
/*}*/
/*button.btn-close {*/
/* color: #fff; */
/*background-color: #fff;*/
/* border-radius: 100px; */
/*color: #000;*/
/*font-size: 14px;*/
/*}*/
.festival-container {
background: url(../hero.png);
display: flex;
flex-direction: column;
overflow: hidden;
align-items: center;
background-size: cover;
position: relative;
z-index: 0;
}
.festival-container .slide {
position: relative;
/* Added position-relative as per your requirement */
height: 100vh;
overflow: hidden;
}
.festival-container .slideshow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
z-index: -1;
}
.festival-container .slideshow li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1s ease-in-out;
animation: slideShow 25s infinite;
}
.festival-container .slideshow li:nth-child(1) {
animation-delay: 0s;
}
.festival-container .slideshow li:nth-child(2) {
animation-delay: 5s;
}
.festival-container .slideshow li:nth-child(3) {
animation-delay: 10s;
}
.festival-container .slideshow li:nth-child(4) {
animation-delay: 15s;
}
.festival-container .slideshow li:nth-child(5) {
animation-delay: 20s;
}
.festival-container .slideshow li:nth-child(6) {
animation-delay: 25s;
}
.festival-container .slideshow li:nth-child(7) {
animation-delay: 30s;
}
.festival-container .slideshow li:nth-child(8) {
animation-delay: 35s;
}
.festival-container .slideshow li:nth-child(9) {
animation-delay: 40s;
}
.festival-container .slideshow li:nth-child(10) {
animation-delay: 45s;
}
.festival-container .slideshow li:nth-child(11) {
animation-delay: 50;
}

@keyframes slideShow {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
40% {
opacity: 1;
}
60% {
opacity: 0;
}
100% {
opacity: 0;
}
}
#landing-header {
z-index: 2;
position: relative;
text-align: center;
/*padding-top: 40vh;*/
}
.slideshow {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
/* Hide overflow to keep only 4 images visible */
}
.slideshow li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 0;
z-index: 0;
animation: imageAnimation 50s linear infinite;
}
/* Set each image’s specific animation delay */
.slideshow li:nth-child(1) {
animation-delay: 0s;
}
.slideshow li:nth-child(2) {
animation-delay: 5s;
}
.slideshow li:nth-child(3) {
animation-delay: 10s;
}
.slideshow li:nth-child(4) {
animation-delay: 15s;
}
.slideshow li:nth-child(5) {
animation-delay: 20s;
}
.slideshow li:nth-child(6) {
animation-delay: 25s;
}
.slideshow li:nth-child(7) {
animation-delay: 30s;
}
.slideshow li:nth-child(8) {
animation-delay: 35s;
}
.slideshow li:nth-child(9) {
animation-delay: 40s;
}
.slideshow li:nth-child(10) {
animation-delay: 45s;
}
.slideshow li:nth-child(11) {
animation-delay: 50s;
}
.slideshow li:nth-child(12) {
animation-delay: 55s;
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
10% {
opacity: 1;
animation-timing-function: ease-out;
}
25% {
opacity: 1;
}
35% {
opacity: 0;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.festival-container .slide {
height: 60vh;
/* Adjust the height for smaller screens */
}
}
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
50% {
transform: translateX(5px);
}
75% {
transform: translateX(-5px);
}
100% {
transform: translateX(0);
}
}
.shake {
animation: shake 0.5s ease-in-out infinite;
}
.phone-wrapper {
display: flex;
/* Flex layout ensures alignment */
align-items: center;
/* Vertically aligns content */
justify-content: evenly;
/* Horizontally aligns content to start */
gap: 5px;
/* Adds space between the icon and text */
}
.phone-wrapper i {
font-size: 1rem;
/* Adjust icon size */
color: #000;
/* Set icon color */
}
.phone-wrapper span {
font-size: 1rem;
/* Adjust font size for text */
color: #fff;
/* Set text color */
}
@media (max-width: 768px) {
.phone-wrapper {
font-size: 0.875rem;
/* Slightly smaller text for smaller screens */
}
}
/* ---------------------navBar-section-start--------------------- */
@media (max-width: 768px) {
.nav-bar_smx {
position: absolute;
top: 98%;
left: -8%;
}
#navbarxoft {
background-color: #c11e2dd6;
backdrop-filter: blur(6px);
padding: 15px;
border: 1px solid #e3202b;
width: 100%;
}
}
.header-top {
align-self: stretch;
display: flex;
width: 100%;
/*padding-top:7px;*/
font-size: 16px;
color: #fff;
font-weight: 400;
flex-wrap: wrap;
justify-content: space-between;
}
.location-wrapper {
display: flex;
gap: 10px;
align-items: center;
}
.location-icon {
width: 17px;
aspect-ratio: 0.65;
object-fit: contain;
}
.contact-info {
display: flex;
gap: 39px;
margin: auto 0;
}
.email-wrapper {
display: flex;
gap: 7px;
align-items: center;
}
.header-divider {
width: 100%;
height: 1px;
background: #fff;
margin: 13px 0;
}
section.festival-container:after {
content: '';
width: 100%;
height: 100%;
z-index: 0;
background: #0000003d;
left: 0;
top: 0;
position: absolute;
}
.logo {
width: 180px;
aspect-ratio: 2.15;
object-fit: contain;
}
.nav-item a {
text-decoration: none;
color: #fff;
margin-right: 20px;
letter-spacing: 0.3px;
font-size: 16px;
font-weight: 500 !important;
}
.sidenav_menu i {
margin-right: 8px;
/* Adjust as needed */
color: #C11E2D;
}
ul.sidenav-list.text-light.text-start {
line-height: 12px;
margin-top: -12px;
padding: 0 20px;
}
/* Dropdown hover */
.nav-item.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
border-radius: 0px;
padding: 20px;
background-color: #c11e2c;
/* width: 120px; */
}
/* Toggle icon styles */
.toggle-icon {
margin-left: 5px;
transition: transform 0.3s, color 0.3s;
color: black;
}
.nav-item.dropdown.show .toggle-icon {
transform: rotate(180deg);
color: yellow;
}
a.sidenav_menu {
font-size: 14px;
text-decoration: none;
color: #fff;
transition: color 0.2s ease 0.2s, transform 0.2s ease 0.2s;
line-height: 17px;
}
a.sidenav_menu:hover {
color: #000;
}
:root {
--primary-color: #FDC41B;
--text-color: #ffffff;
--hover-color: #ffae00;
}
body {
background-color: var(--secondary-color);
}
/* Navbar Container */
.nav-container {
padding: 15px 0;
position: relative;
z-index: 3;
/* Higher than the slideshow */
}
/* Navigation Links */
/*.navbar-nav .nav-link {*/
/*    position: relative;*/
/*    color: var(--text-color) !important;*/
/*    font-weight: 600;*/
/* margin: 0 10px; */
/*    transition: all 0.3s ease;*/
/*    text-decoration: none;*/
/*    overflow: hidden;*/
/*}*/
.navbar-nav .nav-link {
position: relative;
color: var(--text-color) !important;
font-weight: 600;
margin: 0 0px;
transition: all 0.3s ease;
text-decoration: none;
overflow: hidden;
}
a.dropdown-item {
border-bottom: 1px solid #ccc;
margin-bottom: 7px;
}
.nav-item a {
text-decoration: none;
color: #fff;
letter-spacing: 0.3px;
font-size: 13px;
font-weight: 500 !important;
}
.navbar.navbar-expand-lg.nav-container.w-100.nav-open {
margin-left: 26px;
margin-top: 2px;
}
/* Underline Animation */
.navbar-nav .nav-link::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 3px;
background-color: var(--primary-color);
transition: all 0.3s ease;
transform: translateX(-50%);
}
.navbar-nav .nav-link:hover::after {
width: 100%;
}
/* Hover Effects */
.navbar-nav .nav-link:hover {
color: var(--hover-color) !important;
transform: translateY(-3px);
text-shadow: 0 0 10px rgba(255, 174, 0, 0.5);
}
/* Active State */
.navbar-nav .nav-link.active {
color: var(--primary-color) !important;
}
.navbar-nav .nav-link.active::after {
width: 100%;
background-color: var(--primary-color);
}
/* Register Button */
/*.register-btn {*/
/*background-color: var(--primary-color);*/
/*color: var(--secondary-color);*/
/*border: none;*/
/*padding: 12px 26px;*/
/*border-radius: 4px;*/
/*font-weight: bold;*/
/*transition: all 0.3s ease;*/
/*font-size: 15px;*/
/*}*/
a.nav-link {
font-size: 13px!important;
}
.register-btn {
background-color: var(--primary-color);
color: var(--secondary-color);
border: none;
padding: 15px 20px;
border-radius: 4px;
font-weight: bold;
transition: all 0.3s ease;
font-size: 15px;
}
.register-btn:hover {
background-color: var(--hover-color);
box-shadow: 0 0 15px rgba(255, 174, 0, 0.5);
}
/* Logo */
.logo {
max-width: 134px;
height: auto;
}
/* Menu Icon for Mobile */
.menu-icon {
display: none;
background: none;
border: none;
}
/* Navigation Reveal Animation */
@keyframes revealNavigation {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* .navbar-collapse.collapse {
position: fixed;
top: 0;
width: 80%;
left: -200px;
padding: 15px;
background: #2222229c;
backdrop-filter: blur(30px);
height: 100vh;
transition-duration: .5s;
}
.navbar-collapse.collapse.show {
position: fixed;
top: 0;
left: 0;
width: 60%;
padding: 15px;
background: #2222229c;
backdrop-filter: blur(30px);
height: 100vh;
transition-duration: .5s;
} */
.smx_undbnr {
max-height: 578px;
}
.smx_awrd_btn {
position: unset !important;
right: auto !important;
top: auto !important;
transform: none !important;
}
.smart_award {
padding-right: 10px !important;
}
.col.smx_foot_col {
width: 100% !important;
@media (max-width: 768px) {
.col.smx_foot_col {
margin: 20px 0;
flex: 0%;
}
width: 100% !important;
margin: 20px 0;
flex: 50%;
}
}
/* ---------------------hero-section-start--------------------- */
.hero-section {
display: flex;
flex-direction: column;
align-self: stretch;
position: relative;
width: 100%;
font-family: "Outfit", sans-serif;
z-index: 1;
}
.header {
position: relative;
z-index: 1;
}
.hero-bg {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.hero-content {
position: relative;
display: flex;
width: 100%;
margin-top: 250px;
flex-direction: column;
align-items: center;
padding: 5px 0 100px 0;
}
.header_main {
position: relative;
z-index: 3;
}
section.festival-container.slide {
margin-top: -150px;
}
/*.breadcrump .hero-content {*/
/*padding: 50px 0 50px 0;*/
/*}*/
.breadcrump {
margin-bottom: 30px;
}
.hero-title {
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 67px;
text-align: center;
margin-top: 0px;
max-width: 1247px;
}
@media (max-width: 768px) {
.hero-title {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 54px;
text-align: center;
margin-top: -200px;
max-width: 1047px;
}
}
.hero-subtitle {
color: #fff;
font-size: 20px;
font-weight: 400;
text-align: center;
margin-top: 19px;
}
.contact-btn {
border-radius: 2px;
background: #fff;
border: none;
margin-top: 28px;
padding: 7px 18px;
font-size: 18px;
color: #c11e2c;
}
.contact-btn:hover {
background: #c11e2c;
color: #fff;
transform: translateX(-3px);
text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
box-shadow: 0 0 15px rgba(214, 20, 20, 0.5);
}
.scroll-indicator {
width: 61px;
aspect-ratio: 6.76;
object-fit: contain;
margin: 179px 0 -22px;
}
@media (max-width: 768px) {
.hero-content {
position: relative;
display: flex;
width: 100%;
height: 80vh;
margin-top: 200px;
flex-direction: column;
align-items: center;
padding: 100px 0 210px 0;
}
.hero-content {
padding: 300px 0 20px 0px;
}
#landing-header {
z-index: 2;
position: relative;
text-align: center;
padding-top: 0vh;
}
.hero-subtitle {
color: #fff;
font-size: 12px;
font-weight: 400;
text-align: center;
margin-top: 3px;
}
.button.contact-btn {
font-size: 14px;
}
}
/* ---------------------hero-section-end--------------------- */
/* ---------------------about-section-start--------------------- */
.b2b-column {
    position: relative;
}
/*.b2b-column::after {*/
/*content: "";*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*height: 100%;*/
/*width: 2px;*/
/*background: repeating-linear-gradient(*/
/*to bottom,*/
/*white,*/
/*white 5px,*/
/*transparent 5px,*/
/*transparent 10px*/
/*);*/
/*}*/
.about-section {
display: flex;
/*margin-top: -85px;*/
width: 94.5%;
margin-left: 5% !important;
flex-direction: column;
position: relative;
}
@media (max-width: 768px) {
.about-section {
display: flex;
margin-top: 0;
width: 97% !important;
margin-left: 0% !important;
flex-direction: column;
}
}
.about-content {
display: flex;
gap: 20px;
}
.about-img {
width: 100%;
}
.about-text {
background: #FFE9EA;
display: flex;
flex-direction: column;
align-items: center;
color: #333;
padding: 30px 38px;
height: 100%;
font: 400 18px Outfit, sans-serif;
}
.about-title {
color: #C11E2C;
font-size: 20px;
font-weight: 600;
text-align: center;
}
h1.ibfe-expo.text-center.text-light.p-5 {
text-align: start !important;
font-size: 35px;
}
.about-heading {
font-size: 39px;
font-weight: 500;
line-height: 44px;
margin-top: 4px;
}
.about-description {
font-size: 16px;
line-height: 30px;
text-align: start;
margin-top: 26px;
text-align: justify;
}
.read-more-btn {
background: #C11E2D;
border: none;
border-radius: 2px;
margin-top: 31px;
padding: 10px 27px;
color: #fff;
}
.read-more-btn:hover {
background: #dd0909;
color: #ffffff;
box-shadow: 0 0 15px rgba(214, 20, 20, 0.5);
}
.about-image {
width: 100%;
aspect-ratio: 1;
object-fit: contain;
}
/* ---------------------about-section-end--------------------- */
/* ---------------------event-section-start--------------------- */
/*.event-section {*/
/*margin-top: 33px;*/
/*width: 100%;*/
/* max-width: 1400px; */
/*}*/
/*.event-section a {*/
/*text-decoration: none;*/
/*color: black;*/
/*font-size: 16px;*/
/*}*/
/*.event-section a:hover{*/
/*color:#C11E2D;*/
/*}*/
/*.event-grid {*/
/*display: grid;*/
/*grid-template-columns: repeat(4, 1fr);*/
/*gap: 20px;*/
/*}*/
/*.event-card {*/
/*border-radius: 4px;*/
/*box-shadow: 0 0 13px 15px rgba(0, 0, 0, 0.02);*/
/*padding: 29px;*/
/*font: 500 25px Outfit, sans-serif;*/
/*text-align: center;*/
/*}*/
/*.event-card--red {*/
/*background: #FFE9EA;*/
/*border: 1px dashed #C11E2D;*/
/*}*/
/*.event-card--yellow {*/
/*background: #FFF7DE;*/
/*border: 1px dashed #BD8D00;*/
/*}*/
/*.event-card--pink {*/
/*background: #FFE7F9;*/
/*border: 1px dashed #FF1F9F;*/
/*}*/
/*.event-card--blue {*/
/*background: #DDF7FF;*/
/*border: 1px dashed #0099C8;*/
/*}*/
/* Media Queries */
/*@media (max-width: 991px) {*/
/*.hero-title {*/
/*margin-top: 40px;*/
/*font-size: 20px;*/
/*line-height: 22px;*/
/*}*/
/*.scroll-indicator {*/
/*margin: 40px 0 10px;*/
/*}*/
/*.about-text {*/
/* padding: 0 20px; */
/*}*/
/*.event-grid {*/
/*grid-template-columns: 1fr;*/
/*}*/
/*.event-card {*/
/*margin-top: 33px;*/
/*padding: 20px;*/
/*}*/
/*}*/
.custom-card {
/*background-color: #C11E2D ;*/
background: rgb(115, 30, 30);
background: linear-gradient(98deg, rgba(115, 30, 30, 1) 15%, rgba(232, 26, 42, 1) 100%);
color: white;
border: none;
padding: 15px;
display: flex;
align-items: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 25px 1px;
overflow: hidden;
}
.custom-card a {
text-decoration: none;
color: #fff;
}
.custom-card a:hover {
color: #fff;
}
.custom-card:hover {
transform: scale(1.02);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.icon-container {
background-color: #FF9900;
border: 3px solid;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin-right: 15px;
transition: background-color 0.3s ease;
}
.icon-container:hover {
background-color: #FFA500;
}
.icon-container i {
color: white;
font-size: 20px;
}
.custom-card span {
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* ---------------------event-section-end--------------------- */
/* ---------------------special-programs-section-start--------------------- */
/*.special-programs {*/
/*border-radius: 0;*/
/*display: flex;*/
/*flex-direction: column;*/
/*font-family: "Outfit", sans-serif;*/
/*color: #fff;*/
/*}*/
/*.hero-container {*/
/*display: flex;*/
/*flex-direction: column;*/
/*position: relative;*/
/*min-height: 900px;*/
/*width: 100%;*/
/*}*/
/*.hero-image {*/
/*position: absolute;*/
/*inset: 0;*/
/*height: 100%;*/
/*width: 100%;*/
/*object-fit: cover;*/
/*object-position: center;*/
/*z-index: -2;*/
/*}*/
/*.content-overlay {*/
/*position: relative;*/
/*background-color: rgba(0, 0, 0, 0.25);*/
/*display: flex;*/
/*width: 100%;*/
/*height: 900px;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*justify-content: center;*/
/*padding: 78px 80px;*/
/*}*/
/*.content-wrapper {*/
/*display: flex;*/
/*width: 100%;*/
/*max-width: 1700px;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*}*/
/*.section-title {*/
/*font-size: 45px;*/
/*font-weight: 500;*/
/*line-height: 1;*/
/*text-align: center;*/
/*}*/
/*.section-description {*/
/*font-size: 18px;*/
/*font-weight: 400;*/
/*line-height: 26px;*/
/*text-align: center;*/
/*margin-top: 17px;*/
/*}*/
/*.programs-grid {*/
/*align-self: stretch;*/
/*display: flex;*/
/*margin-top: 59px;*/
/*align-items: end;*/
/*gap: 20px;*/
/*text-align: center;*/
/*flex-wrap: wrap;*/
/*justify-content: space-between;*/
/*}*/
/*.program-card {*/
/*display: flex;*/
/*margin-top: 26px;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*}*/
/*.program-image {*/
/*aspect-ratio: 1;*/
/*object-fit: contain;*/
/*object-position: center;*/
/*width: 100%;*/
/*border-radius: 0;*/
/*}*/
/*.program-title {*/
/*font-size: 25px;*/
/*font-weight: 500;*/
/*margin-top: 24px;*/
/*}*/
/*.divider {*/
/*align-self: stretch;*/
/*width: 2px;*/
/*height: 427px;*/
/*border: 2px dashed #9b9b9b;*/
/*}*/
/*.cta-button {*/
/*border-radius: 2px;*/
/*background-color: #c11e2d;*/
/*margin-top: 68px;*/
/*width: 226px;*/
/*max-width: 100%;*/
/*font-size: 20px;*/
/*font-weight: 400;*/
/*padding: 12px 27px 20px;*/
/*cursor: pointer;*/
/*}*/
/*@media (max-width: 991px) {*/
/*.hero-container {*/
/*max-width: 100%;*/
/*}*/
/*.content-overlay {*/
/*max-width: 100%;*/
/*padding: 0 20px;*/
/*}*/
/*.content-wrapper {*/
/*max-width: 100%;*/
/*}*/
/*.section-title {*/
/*font-size: 40px;*/
/*}*/
/*.section-description {*/
/*max-width: 100%;*/
/*}*/
/*.programs-grid {*/
/*margin-top: 40px;*/
/*}*/
/*.cta-button {*/
/*margin-top: 40px;*/
/*padding: 0 20px;*/
/*}*/
/*}*/
.special-programs {
border-radius: 0;
display: flex;
flex-direction: column;
font-family: "Outfit", sans-serif;
color: #fff;
}

.hero-container {
display: flex;
flex-direction: column;
position: relative;
min-height: 900px;
width: 100%;
}

.hero-image {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
z-index: -2;
}

.content-overlay {
position: relative;
background-image: url('/assets/specialImg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
width: 100%;
min-height: 900px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 20px;
}

.content-wrapper {
display: flex;
width: 100%;
max-width: 1400px;
flex-direction: column;
align-items: center;
}

.entrep-title {
font-size: 45px;
font-weight: 600;
line-height: 1.2;
text-align: center;
margin-bottom: 50px;
}

.entrep-title span {
color: #c11e2d;
}

.program-card {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 15px;
padding: 30px 20px;
text-align: center;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
height: 100%;
display: flex;
flex-direction: column;
}

.program-card:hover {
transform: translateY(-10px);
background-color: rgba(255, 255, 255, 0.15);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.program-card img {
width: 200px;
height: 199px;
margin: 0 auto;
object-fit: cover;
border-radius: 10px;
margin-bottom: 20px;
}

.program-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
color: #fff;
line-height: 1.3;
}

.program-description {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
flex-grow: 1;
margin-bottom: 0;
}

.cta-button {
border-radius: 8px;
background-color: #c11e2d;
color: white;
font-size: 18px;
font-weight: 500;
padding: 15px 40px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}

.cta-button:hover {
background-color: #a01625;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(193, 30, 45, 0.3);
color: white;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
.content-overlay {
padding: 60px 15px;
}

.entrep-title {
font-size: 40px;
}
}

@media (max-width: 991px) {
.hero-container {
min-height: auto;
}

.content-overlay {
padding: 50px 15px;
min-height: auto;
}

.entrep-title {
font-size: 36px;
margin-bottom: 40px;
}

.program-card {
padding: 25px 15px;
margin-bottom: 30px;
}

.program-title {
font-size: 22px;
}

.program-description {
font-size: 15px;
}
}

@media (max-width: 768px) {
.entrep-title {
font-size: 32px;
}

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

.program-card img {
height: 180px;
}

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

.program-description {
font-size: 14px;
}

.cta-button {
font-size: 16px;
padding: 12px 30px;
}
}

@media (max-width: 576px) {
.content-overlay {
padding: 30px 10px;
}

.entrep-title {
font-size: 28px;
}

.program-card img {
height: 160px;
}
}
/* ---------------------special-programs-section-end--------------------- */
/* ---------------------awards-section-strart--------------------- */
.awards-container {
padding: 60px 20px;
max-width: 1200px;
margin: 0 auto;
}
.awards-layout {
gap: 20px;
display: flex;
}
.awards-image-col {
width: 45%;
position: relative;
}
.carouselX {
position: relative;
width: 100%;
aspect-ratio: 1;
background: #f5f5f5;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.carouselX:hover {
transform: scale(1.02);
}
.carousel-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transform: scale(1.1);
transition: all 0.6s ease-out;
}
.carousel-image.active {
opacity: 1;
transform: scale(1);
}
.awards-content-col {
width: 55%;
padding-left: 20px;
}
.awards-content-wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.awards-heading {
color: #333;
font-size: 45px;
font-weight: 500;
margin-bottom: 16px;
}
.awards-description {
color: #333;
font-size: 16px;
line-height: 1.6;
margin-bottom: 32px;
text-align: justify;
}
.categories-heading {
color: #333;
font-size: 25px;
font-weight: 500;
margin-bottom: 27px;
}
.categories-grid {
display: flex;
gap: 20px;
}
.category-col-1,
.category-col-2 {
flex: 1;
}
.category-card {
padding: 20px;
border-radius: 8px;
background: #f8f9fa;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.category-card.active {
background: #f0f5ff;
transform: translateY(-5px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.category-card:hover {
background: #edf0f2;
transform: translateY(-5px);
}
.category-title {
font-size: 20px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
transition: color 0.3s ease;
}
.category-card.active .category-title {
color: #1a56db;
}
.category-text {
font-size: 16px;
line-height: 1.5;
color: #666;
transition: color 0.3s ease;
}
.category-card.active .category-text {
color: #2d3748;
}
.accent-bar {
width: 4px;
height: 40px;
background-color: #c11e2d;
margin: 10px 0;
transition: all 0.3s ease;
}
.category-card.active .accent-bar {
height: 60px;
background-color: #1a56db;
box-shadow: 0 0 10px rgba(26, 86, 219, 0.3);
}
.highlight-pulse {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(26, 86, 219, 0.1) 0%, rgba(26, 86, 219, 0) 70%);
transform: translateY(-50%) scale(0);
opacity: 0;
transition: all 0.5s ease-out;
}
.category-card.active .highlight-pulse {
transform: translateY(-50%) scale(1);
opacity: 1;
}
@media (max-width: 991px) {
.awards-layout {
flex-direction: column;
}
.awards-image-col,
.awards-content-col {
width: 100%;
padding-left: 0;
}
.carousel {
margin-bottom: 30px;
}
.categories-grid {
flex-direction: column;
}
.category-col-1,
.category-col-2 {
margin-bottom: 20px;
}
.awards-heading {
font-size: 32px;
}
.categories-heading {
font-size: 22px;
}
}
/* ---------------------awards-section-end--------------------- */
/* ---------------------association-section-start--------------------- */
.card img {
object-fit: cover;
height: 300px;
width: 100%;
border: 7px solid #1b3460;
}
.card-body {
text-align: center;
}
/* ---------------------association-section-end--------------------- */
/* ---------------------committee-section-start--------------------- */
.committee-section {
padding: 50px 15px;
}
.committee-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.me-3 h5 {
font-family: 'outfit', sans-serif;
font-size: 18px;
font-weight: 600;
}
.committee-description {
font-size: 16px;
color: #555;
margin-bottom: 30px;
text-align: justify;
}
.committee-card.d-flex.align-items-center {
background-color: #ffebed;
}
.committee-card {
border: 1px solid #eaeaea;
background-color: #fefefe;
border-radius: 8px;
padding: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.committee-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.committee-card h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.committee-card p {
color: #666;
font-size: 14px;
}
.committee-btn {
background-color: #C11E2D;
color: #fff;
font-size: 14px;
font-weight: 600;
border: none;
padding: 10px 15px;
border-radius: 6px;
text-transform: uppercase;
transition: background-color 0.3s;
}
.committee-btn:hover {
background-color: #c82333;
}
.committee-img {
border-radius: 8px;
object-fit: cover;
max-height: 300px;
}
/* ---------------------committee-section-end--------------------- */
/* ---------------------seminar-section-start--------------------- */
.seminar-card {
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.seminar-card:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.card-img-top {
transition: transform 0.3s ease;
display: block;
width: 100%;
}
.card-img-top:hover {
transform: scale(1.1);
}
.view-more-btn {
position: relative;
text-decoration: none;
transition: color 0.3s, text-decoration 0.3s;
font-size: 17px;
}
.view-more-btn::after {
content: "\2192";
/* Unicode for → */
position: absolute;
opacity: 0;
right: -25px;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.3s;
}
ul.spcl_ul.list-unstyled {
line-height: 45px;
}
.view-more-btn:hover {
color: #c82333;
text-decoration: underline;
}
.view-more-btn:hover::after {
opacity: 1;
}
.enquiry-section {
background-image: url('../enquirey.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.top-nav {
width: 50px;
height: 50px;
/* overflow: hidden; */
position: relative;
}
.menu {
background-color: #fff;
padding: 8px 10px;
border-radius: 50px;
cursor: pointer;
}
.menu-close {
top: -30px !important;
right: 0px;
cursor: pointer;
}
.menu {
position: absolute;
right: 14px;
top: 50% !important;
transform: translateY(-50%);
z-index: 100000;
}
.menu-close {
position: absolute;
right: 27px;
bottom: -110px;
top: 50% !important;
transform: translateY(-50%);
z-index: 100000;
}
.menu-line {
width: 23px;
height: 1px;
background-color: rgb(0, 0, 0);
margin: 6px 0;
}
.menu-close .menu-line {
width: 20px;
height: 2px;
background-color: #fff;
}
.menu-close .menu-line:nth-child(1) {
transform: rotate(45deg);
margin-top: 8px;
}
.menu-close .menu-line:nth-child(2) {
transform: rotate(-45deg);
margin-top: -8px;
}
.menu-panel {
width: 400px;
right: -400px;
height: 100vh;
position: fixed;
z-index: 10;
top: 0px;
padding: 50px 10px 50px 10px;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
font-size: 2.5em;
z-index: 10000;
}
.menu-panel.show {
right: 0px;
background-color: #dc3545;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
height: 100vh;
overflow-y: scroll;
}
.menu-background {
width: 100vw;
height: 100vh;
top: 0;
right: -100vh;
position: fixed;
z-index: 0;
top: 0px;
}
.menu-background.show {
right: 0px;
background-color: rgba(255, 255, 255, 0.7);
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.menu-title {
margin: 20px 0 10px 0;
font-size: 30px;
margin-top: 0px;
color: #eee5;
text-decoration: overline;
}
.program-card.pg_card:before {
position: absolute;
content: '';
width: 1px;
left: -14px;
top: 1%;
height: 106%;
border-right: 2px dotted #ccc;
}
.spcl-li {
text-align: justify;
/* line-height: 23px; */
}
p.program-description {
font-size: 16px;
line-height: 28px;
margin-top: 30px;
text-align: justify;
}
@media (max-width: 768px) {
p.program-description {
font-size: 14px;
line-height: 26px;
margin-top: 15px;
/* width: 69%; */
}
.program-card.pg_card:before {
visibility: hidden;
}
}
.program-card.pg_card {
position: relative;
}
a.foot_menu {
text-decoration: none;
color: #fff;
line-height: 35px;
font-size: 14px !important;
font-weight: 400;
}
.footer-section {
background-color: #C11E2D;
}
.foot_sm {
max-height: 50px;
}
.btn-danger,
.bg-dangerx {
background: #C11E2D !important;
}
.text-dangerx {
color: #C11E2D !important;
}
.btn {
border-radius: 3px !important;
}
.smx_awrd_btn {
position: absolute !important;
right: -23% !important;
top: 94px !important;
transform: rotate(-90deg) !important;
}
.smart_award {
position: relative;
padding-right: 50px;
}
.carousel-indicators {
bottom: -40px !important;
}
.carousel-indicators [data-bs-target] {
background-color: #222 !important;
width: 10px !important;
height: 10px !important;
border-radius: 100% !important;
}
.form-control {
height: 50px;
}
.col-md-6.bg-light.p-5.rounded {
width: 563px;
height: 562px;
}
.smx_undbnr {
max-height: 783px;
}
a.foot_menu:hover {
color: #fdc844;
}
ul.sidenav-list li {
border-bottom: 1px solid #fff;
color: #fff;
padding: 25px 0;
line-height: 0px;
}
/* contactpage */
.enquiry-form .form-control {
border: 1px solid #ccc;
transition: all 0.3s ease;
border-bottom: 2px solid #C11E2D;
border-radius: 0;
padding: 6px 12px;
}
.enquiry-form .form-control:focus {
box-shadow: 0px 4px 8px rgba(212, 0, 39, 0.5);
border-color: #C11E2D;
}
label {
color: #C11E2D;
font-weight: 600;
font-size: 16px;
}
.btn-submit {
background-color: #C11E2D;
border: none;
padding: 10px 20px;
font-size: 16px;
transition: all 0.3s ease;
}
.btn-submit:hover {
background-color: #C11E2D;
transform: scale(1.05);
}
/* Contact Info Styling */
.contact-info {
font-size: 16px;
line-height: 1.8;
}
.contact-info i {
margin-right: 10px;
color: #C11E2D;
}
/* Animation on Input Fields */
.animate-input {
position: relative;
overflow: hidden;
}
.animate-input:hover {
box-shadow: 0 0 15px rgba(212, 0, 39, 0.5);
transform: translateY(-3px);
}
/* Responsive Design */
@media (max-width: 768px) {
.text-center {
text-align: center !important;
}
.enquiry-form {
margin-bottom: 20px;
}
}
.contact-details {
background-image: url(./assets/contact.jpeg);
background-position: center;
background-repeat: repeat;
background-size: inherit;
}
h5.d-flex.align-items-center.gap-3.mb-4 {
color: black;
font-size: 16px;
}
@media (max-width: 768px) {
h5.d-flex.align-items-center.gap-3.mb-4 {
margin-left: 25px;
color: black;
}
}
/* Contact Details General Styling */
.contact-details p {
font-size: 18px;
line-height: 1.8;
margin-left: 20px;
padding: 15px 0;
/* Added padding between lines */
position: relative;
display: flex;
/* Align icon and text horizontally */
align-items: center;
justify-content: center;
}
/* Icon Styling */
.contact-details .icon {
color: #C11E2D;
/* Icon color */
font-size: 24px;
/* Icon size */
margin-right: 10px;
/* Space between icon and text */
display: inline-block;
transition: transform 0.3s ease-in-out;
/* Smooth hover animation */
}
/* Hover Effect */
.contact-details p:hover .icon {
transform: scale(1.3);
/* Enlarge icon slightly on hover */
}
/* Festival Animation */
.fest {
display: inline-block;
animation: floatUpDown 3s ease-in-out infinite;
/* Smooth float animation */
}
:before,
i[class*=" fi-rs-"]:before,
span[class^="fi-rs-"]:before,
span[class*="fi-rs-"]:before {
font-family: uicons-regular-straight !important;
color: #fff;
margin-right: 10px;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**/
/*.bi-geo-alt::before,*/
/*.bi-telephone::before,*/
/*.bi-envelope::before,*/
/*.bi-whatsapp::before,*/
/*.bi-globe::before {*/
/*  background-color: #ffffffc9;*/
/*  padding: 7px;*/
/*  border-radius: 50px;*/
/*  border: 2px solid;*/
/*}*/
/* Button style with animation */
.click-btn {
position: relative;
border-color: #C11E2D;
color: #C11E2D;
overflow: hidden;
text-decoration: none;
/* Remove underline for a cleaner look */
display: inline-block;
padding: 10px 20px;
text-align: center;
font-weight: bold;
border: 2px solid #C11E2D;
transition: color 0.3s, background-color 0.3s;
}
.click-btn::before {
width: 15%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #C11E2D;
transform: rotateZ(-45deg) translate(-50%, -50%);
transition: all 0.3s;
content: "";
z-index: -1;
}
/* Hover effect */
.click-btn:hover {
color: #fff;
transition-delay: 0.35s;
}
.click-btn:hover::before {
animation: ani507 0.6s forwards;
}
/* Keyframes for the animation */
@keyframes ani507 {
10% {
width: 0;
transform: rotateZ(-45deg) translate(-100%, -50%);
}
20% {
width: 0;
transform: rotateZ(0) translate(-100%, 85%);
}
60% {
width: 100%;
transform: rotateZ(0) translate(0, 85%);
}
100% {
width: 100%;
transform: rotateZ(0) translate(0, 0);
}
}
/*Events-css*/
u.event-smrt {
text-decoration: none;
}
/* Main layout */
.container-event {
display: flex;
width: 100%;
height: 100%;
}
/* Sidebar Styling */
.sidebar {
width: 400px;
background-color: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
z-index: 10;
}
/* Sidebar List */
.sidebar ul {
list-style-type: none;
padding-left: 0;
}
.sidebar ul li {
margin: 10px 0;
}
/*.sidebar ul li a {*/
/*text-decoration: none;*/
/*color: #333;*/
/*font-size: 16px;*/
/*display: block;*/
/*padding: 10px;*/
/*background-color: #f0f0f0;*/
/*border-radius: 4px;*/
/*transition: all 0.3s ease;*/
/*text-transform: capitalize;*/
/*}*/
.sidebar ul li a {
text-decoration: none;
color: #333;
font-size: 16px;
font-weight: 400;
font-family: "Poppins", serif;
display: block;
padding: 10px;
background-color: #f0f0f0;
border-radius: 4px;
transition: all 0.3s ease;
text-transform: capitalize;
}
/* Sidebar Hover Effect */
.sidebar ul li a:hover {
background-color: #ddd;
}
/* Active Sidebar Link */
.sidebar ul li a.active {
background-color: #C11E2C;
color: white;
}
/* Content Section */
.content {
flex: 1;
padding: 20px;
overflow-y: auto;
height: 100vh;
scroll-behavior: smooth;
position: relative;
}
ul.event-smrt {
line-height: 34px;
text-align: justify;
}
/* Section Styling */
.content-section {
margin-bottom: 40px;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease;
min-height: 200px;
/* Ensure minimum height */
}
/* Active Section Highlight */
.content-section.active {
background-color: #ffe8e6;
}
/* Section Header */
.content-section h2 {
color: #333;
margin-bottom: 15px;
}
/* Responsive Design */
@media (max-width: 768px) {
.container-event {
flex-direction: column;
}
/* Sidebar full width and static positioning */
.sidebar {
width: 100%;
position: static;
height: auto;
}
/* Adjust content for small screens */
.content {
margin-left: 0;
}
}
/*----------forms----------*/
/*@media (max-width: 768px) {*/
/*   button.register-btn.text-black {*/
/*      visibility: hidden;*/
/*    }*/
/*}*/
.category-list,
.form-container {
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.icon {
font-size: 2rem;
margin-bottom: 10px;
}
.category-button:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
button.btn.btn-outline-danger.w-100.category-button {
padding: 35px;
border: 4px solid;
}
i[class^="fi-ss-"]:before,
i[class*=" fi-ss-"]:before,
span[class^="fi-ss-"]:before,
span[class*="fi-ss-"]:before {
font-family: uicons-solid-straight !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
color: black;
font-size: 21px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.nav-link.active {
/*font-weight: bold;*/
color: #007bff;
/* Bootstrap primary color */
}
.accordion-button:not(.collapsed) {
background: #ffe8e6 !important;
color: #000 !important;
border-color: #C11E2C !important;
}
button.accordion-button.collapsed {
border-color: #c11e2d !important;
}
/*----------Members-----------*/
.member-card {
margin-bottom: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.member-card:hover {
transform: scale(0.99);
/* Slightly smaller for a zoom-out effect */
}
.members-img img {
width: 100%;
height: 450px;
object-fit: cover;
/* Ensure the image is cropped and fits well */
}
.social-links {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 10px;
}
.social-links a {
text-decoration: none;
font-size: 1.5rem;
transition: color 0.3s ease;
}
.social-links a:hover {
color: #C11E2D;
}
i[class^="fi-ss-"]:before,
span[class^="fi-ss-"]:before {
font-family: uicons-solid-straight !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #fdc41b;
font-size: 21px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
i[class*=" fi-ss-"]:before,
span[class*="fi-ss-"]:before {
font-family: uicons-solid-straight !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
color: var(--primary-color);
font-size: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.entrep-title span {
color: #C11E2D;
font-size: 40px;
font-weight: bold;
margin-left: 5px;
}
.entrep-title {
color: #000;
font-size: 40px;
font-weight: bold;
}
.entreprenuers-sec {
/*background-image: url('./assets/briyani-1.png')!important;*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*background: rgb(240,24,67);*/
/*background: radial-gradient(circle, rgba(240,24,67,1) 0%, rgba(105,19,37,1) 60%);*/
}
.entrep-descrip-1,
.entrep-descrip-2 {
line-height: 30px;
font-size: 18px;
text-align: justify;
}
.entrep-list {
line-height: 40px;
font-size: 15px;
}
@media (max-width: 768px) {
.entrep-title span {
color: #C11E2D;
font-size: 30px;
font-weight: bold;
margin-left: 5px;
}
.entrep-title {
color: #000;
font-size: 30px;
font-weight: bold;
}
}
/* Container styling for positioning */
/* Float animation */
@keyframes floatAnimation {
0% {
transform: rotate(-12deg) translateY(0);
}
50% {
transform: rotate(-12deg) translateY(-15px);
}
100% {
transform: rotate(-12deg) translateY(0);
}
}
/* Styling for the animated card */
/*.entrep_card {*/
/*position: absolute;*/
/*top: 26%;*/
/*left: 88%;*/
/*width: 300px;*/
/*transform: rotate(-12deg);*/
/*animation: floatAnimation 3s ease-in-out infinite;*/
/*opacity: 0.3;*/
/*}*/
.entrep_card {
position: absolute;
top: 30%;
left: -9%;
width: 350px;
transform: rotateX(62deg);
animation: floatAnimation 3s ease-in-out infinite;
opacity: 0.3;
}
.liq-btn.mb-5 {
margin-top: 20px;
}
img.entrep-Img {
width: 350px;
border: 5px solid #ffc928;
border-radius: 50px 0;
margin-top: 50px;
}
/* Button Container */
.Liquid-btn {
display: inline-block;
position: relative;
padding: 15px 33px;
text-decoration: none;
text-transform: uppercase;
width: 150px;
height: 50px;
line-height: 20px;
overflow: hidden;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
/* Button Text */
.Liquid-btn span {
position: relative;
z-index: 2;
color: #fff;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
}
/* Liquid Effect Container */
.Liquid-btn .liquid {
position: absolute;
top: -80px;
left: 0;
width: 200px;
height: 200px;
background: #fdc41b;
box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
transition: 0.5s;
z-index: 1;
}
/* First Wave Layer */
.Liquid-btn .liquid::before {
content: "";
position: absolute;
width: 200%;
height: 200%;
top: 0;
left: 50%;
transform: translate(-50%, -75%);
border-radius: 45%;
background: rgba(20, 20, 20, 1);
animation: animate 5s linear infinite;
}
/* Second Wave Layer */
.Liquid-btn .liquid::after {
content: "";
position: absolute;
width: 200%;
height: 200%;
top: 0;
left: 50%;
transform: translate(-50%, -75%);
border-radius: 40%;
background: rgba(20, 20, 20, 0.5);
animation: animate 10s linear infinite;
}
/* Hover Effect */
.Liquid-btn:hover .liquid {
top: -120px;
}
/* Animation for Waves */
@keyframes animate {
0% {
transform: translate(-50%, -75%) rotate(0deg);
}
100% {
transform: translate(-50%, -75%) rotate(360deg);
}
}
@media (max-width: 768px) {
.liq-btn {
margin-top: -164px;
}
}
p.direct_invite {
color: #fff;
line-height: 30px;
text-align: justify;
font-size: 16px;
}
.wbs-card p {
text-align: justify;
font-size: 16px;
padding: 14px;
}
/*entreprenuers*/
.portfolio {
display: flex;
flex-wrap: wrap;
min-width: 320px;
}
.portfolio h2 {
flex-basis: 100%;
text-align: center;
margin: 50px auto 30px;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 2px;
color: #111;
}
.card {
overflow: hidden;
position: relative;
border: none;
}
/*.card .contents {*/
/*z-index: 2;*/
/*width: 100%;*/
/*position: absolute;*/
/*bottom: -108px;*/
/*transition: all 0.7s ease;*/
/*display: flex;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*padding: 20px;*/
/*box-sizing: border-box;*/
/*min-height: 100px;*/
/*background: #C11E2D;*/
/*}*/
/*.card .image {*/
/*z-index: 1;*/
/*height: 100%;*/
/*}*/
/*.card img {*/
/*height: 100%;*/
/*width: 100%;*/
/*transition: all 0.5s ease;*/
/*transform: scale(1.2);*/
/*}*/
/*.card:hover .contents {*/
/*bottom: 0px;*/
/*color: #fff;*/
/*}*/
/*.card:hover .image img {*/
/*transform: scale(1);*/
/*}*/
/*.card .content span:first-child {*/
/*text-transform: uppercase;*/
/*margin-bottom: 10px;*/
/*font-weight: 700;*/
/*letter-spacing: 1px;*/
/*text-align: center;*/
/*color: #fff;*/
/*font-size: 16px;*/
/*}*/
/*.card .contents span:last-child {*/
/*font-size: 14px;*/
/*color: #000;*/
/*text-align: center;*/
/*font-weight: 700;*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*.card {*/
/*width: 50%;*/
/*}*/
/*.card .content {*/
/*bottom: 0;*/
/*}*/
/*.chef-img {*/
/*width: 350px!important;*/
/*border-radius: 40px 0px!important;*/
/*}*/
/*}*/
/*@media screen and (max-width: 480px) {*/
/*.card {*/
/*width: 100%;*/
/*}*/
/*}*/
.our-entreprenuers {
font-weight: 400;
font-size: 40px;
animation: letterSpacing 1s ease-in-out;
color: #fff;
}
@keyframes letterSpacing {
0% {
letter-spacing: normal;
}
50% {
letter-spacing: 10px;
}
100% {
letter-spacing: normal;
}
}
.entreprenuers-section {
/*background: rgb(255, 181, 188);*/
/*background: linear-gradient(348deg, rgba(255, 181, 188, 1) 50%, rgba(255, 233, 234, 1) 50%);*/
margin-top: -32px;
}
a.pdf {
text-decoration: none;
color: #fff;
font-size: 16px;
}
.spcl-title {
color: #C11E2D;
font-size: 40px;
font-weight: bold;
}
p.spcl-para {
line-height: 28px;
text-align: justify;
margin-top: 30px;
}
.spcl-strng {
color: #C11E2D;
}
p.award-para {
line-height: 30px;
text-align: justify;
}
h3.award-title.text-center.mb-5 {
font-weight: 500;
font-size: 40px;
}
.chef-img {
width: 400px;
border-radius: 40px 0px;
}
.abouT-para {
line-height: 23px;
font-size: 16px;
text-align: justify;
}
.food-para {
line-height: 35px;
text-align: justify;
}
.col-md-6.food-img {
width: 500px;
margin: 0 auto;
}
.legal-section p {
text-align: justify;
font-size: 16px;
}
/* Basic style for the image */
.col-md-6.food-img img {
width: 100%;
/* Make the image responsive */
transition: transform 0.3s ease-in-out;
/* Smooth transition */
}
/* Hover effect */
/*.col-md-6.food-img:hover img {*/
/*transform: scale(1.1);*/
/* Slight zoom effect */
}
.form-container {
background: #ffffff;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.download-btn {
display: block;
padding: 10px 20px;
margin-top: 10px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.download-img {
height: 400px;
width: 400px;
}
.downloads {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-list .foot_menu {
position: relative;
display: inline-block;
padding-bottom: 5px;
font-size: 16px;
/* Adding padding for the underline */
}
.footer-list .foot_menu::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
/* Thickness of the underline */
background-color: #ffc107;
/* Color of the underline */
transition: width 0.3s ease;
/* Smooth transition */
}
.footer-list .foot_menu:hover::before {
width: 100%;
/* Underline fills the width on hover */
}
.footer-list .foot_menu:focus::before {
width: 100%;
/* Underline fills the width on click/focus */
}
/* Try this first - Most common fix */
.entrep500Img {
width: 400px !important;
height: auto !important;
margin-top: 50px;
}

/* If the above doesn't work, try forcing display block */
.entrep500Img {
width: 400px !important;
height: auto !important;
margin-top: 50px;
display: block;
}

/* If it's a background image instead of img tag */
.entrep500Img {
width: 400px;
height: 300px; /* Set appropriate height */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 50px;
}

/* If other CSS is overriding yours */
img.entrep500Img {
width: 400px !important;
height: auto !important;
margin-top: 50px !important;
max-width: none !important;
}

/* Reset all possible conflicting styles */
.entrep500Img {
width: 400px !important;
height: auto !important;
margin-top: 50px;
object-fit: initial !important;
transform: none !important;
aspect-ratio: auto !important;
}
.quotes {
margin-top: 20px;
margin-bottom: 20px;
font-size: 17px;
text-align: justify;
font-weight: 300;
font-family: "Poppins", serif;
font-style: italic;
}
/*legal policy*/
.policy-section {
padding: 20px;
margin: 20px 0;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
p.policy-section {
line-height: 30px;
}
}
.policy-header {
background-color: #343a40;
color: #fff;
padding: 20px 0;
text-align: center;
}
.policy-header h1 {
font-size: 2rem;
}
/*termsandcontainer*/
.content-section {
margin-top: 30px;
margin-bottom: 30px;
}
.card-header {
background-color: #C11E2D !important;
color: #fff !important;
}
.cardz-contents {
line-height: 32px;
/* margin-top: 20px; */
padding: 15px;
}
/*Govtsection*/
.timeline-container {
position: relative;
margin: 50px auto;
padding: 20px 0;
max-width: 1200px;
}
.timeline-container::before {
content: "";
position: absolute;
top: 4%;
left: 50%;
width: 4px;
height: 100%;
background: #C11E2D;
transform: translateX(-50%);
}
.timeline-item {
position: relative;
margin: 20px 0;
display: flex;
align-items: center;
}
.timeline-item:nth-child(odd) {
flex-direction: row-reverse;
}
.timeline-item .timeline-icon {
position: absolute;
left: 50%;
width: 20px;
height: 20px;
background: #C11E2D;
border-radius: 50%;
transform: translateX(-50%);
z-index: 10;
}
.timeline-content {
width: 45%;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.timeline-content:hover {
transform: scale(1.05);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.timeline-item:nth-child(odd) .timeline-content {
margin-left: auto;
}
.timeline-item:nth-child(even) .timeline-content {
margin-right: auto;
}
.timeline-content h3 {
font-size: 16px;
margin-bottom: 10px;
color: #C11E2D;
}
.timeline-content p {
font-size: 0.95rem;
color: #555;
line-height: 1.5;
}
@media (max-width: 768px) {
.timeline-container::before {
left: 10px;
}
.timeline-item {
flex-direction: column !important;
align-items: flex-start;
}
.timeline-item .timeline-icon {
left: 10px;
top: 20px;
transform: none;
}
.timeline-content {
width: calc(100% - 40px);
margin: 20px 20px 20px 40px !important;
}
}
/*advertisemnet*/
.parallax-container {
width: 100%;
overflow: hidden;
}
.parallax {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: white;
background: #333;
position: relative;
text-align: center;
font-size: 30px;
font-weight: bold;
filter: grayscale(0%);
/* Apply grayscale effect */
transition: filter 0.5s ease;
/* Smooth transition effect */
}
#section1 {
background: url(https://www.interakt.shop/wp-content/uploads/2024/11/WhatsApp-Advertising-Campaign-Guide-1.png) no-repeat center center fixed;
background-size: cover;
}
#section2 {
background: url('https://www.interakt.shop/wp-content/uploads/2024/11/WhatsApp-Advertising-Campaign-Guide-1.png') no-repeat center center fixed;
background-size: cover;
}
#section3 {
background: url('https://i.pinimg.com/736x/d2/fc/a5/d2fca585d1b6b70382ad249ebd30019d.jpg') no-repeat center center fixed;
background-size: cover;
}
#section4 {
background: url('https://img.freepik.com/vecteurs-premium/boostez-publications-instagram-fusee-smartphone_112255-2097.jpg?w=826') no-repeat center center fixed;
background-size: cover;
}
#section5 {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge_A3-TvPUvloXtZekepdHBVdopbQH-VgSMU0HyymIyEur9oygl_UBUHkcJyuxiGl5cequxf1n6n_nvTOU-Wm3eeVt9BZppmByws_B8OA84GMpkKvf1uqHWzSWCfHMk4kxLo1PZlXNgg0/s1600/Ambur.jpg') no-repeat center center fixed;
background-size: cover;
}
#section6 {
background: url('https://5.imimg.com/data5/SELLER/Default/2022/4/TK/XE/TJ/150601025/fm-radio-advertisment.jpg') no-repeat center center fixed;
background-size: cover;
}
#section7 {
background: url('https://www.travelturtle.world/wp-content/uploads/2024/08/20240702_180219-1920x1080.jpg') no-repeat center center fixed;
background-size: cover;
}
#section8 {
background: url('https://img.freepik.com/free-photo/top-view-circular-frame-with-radio-items_23-2148681177.jpg?t=st=1735978146~exp=1735981746~hmac=241da0f9553e24e6ee72f131a339f240fe2d859e3db8eefaaef03597701c59f5&w=900') no-repeat center center fixed;
background-size: cover;
}
#section9 {
background: url('https://img.freepik.com/free-photo/old-newspaper-publications-assortment_23-2149318881.jpg?t=st=1735979504~exp=1735983104~hmac=ab1d21f7c9ec236cbf82cc6299bef344371e491928356aadc7d0553a40973b94&w=900') no-repeat center center fixed;
background-size: cover;
}
#section10 {
background: url('https://i.pinimg.com/736x/94/15/28/9415286f39624759785124d68be7f3c1.jpg') no-repeat center center fixed;
background-size: cover;
}
.promo-h2 {
z-index: 1;
font-size: 40px;
font-weight: 500;
background-color: #ffae00;
padding: 15px;
text-shadow: 2px 5px 4px rgb(0 0 0 / 76%);
}
@media screen and (max-width: 768px) {
.parallax promo-h2 {
font-size: 1.5rem;
}
.parallax {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: white;
background: #333;
position: relative;
text-align: center;
font-size: 30px;
font-weight: bold;
filter: grayscale(0%);
/* Apply grayscale effect */
transition: filter 0.5s ease;
/* Smooth transition effect */
}
}
.committe_img {
width: 550px;
height: auto;
/* margin: 0 auto; */
margin-top: 40px;
}
@media (max-width: 768px) {
.committe_img {
width: 100%;
height: auto;
/* margin: 0 auto; */
margin-top: 0px;
}
}
i.fi.fi-rr-cloud-download-alt {
margin-left: 14px;
font-size: 28px;
/* margin-top: 27px; */
}
.maps {
background-image: url(./assets/map-bg-img);
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents the image from repeating */
background-size: cover;
/* Ensures the image covers the entire area */
padding: 25px;
}
.map-1,
.map-2,
.map-3,
.map-4 {
border: 6px solid #000;
transition: all 0.3s ease;
/* Smooth transition */
}
.map-1:hover,
.map-2:hover,
.map-3:hover,
.map-4:hover {
transform: scale(1.1) rotate(-3deg);
/* Scales and rotates the element */
opacity: 0.8;
/* Reduces opacity */
border: 6px solid #C11E2C;
}
.foodareaImg {
width: 100%;
height: auto;
}
.foodareaImg-1 {
width: 80%;
height: auto;
border-radius: 25px 0px 25px 0px;
}
.foodareaImg-2 {
width: 80%;
height: auto;
border-radius: 25px 0px 25px 0px;
}
@media screen and (max-width: 768px) {
.foodareaImg-1 {
width: 80%;
height: auto;
border-radius: 0px;
}
.foodareaImg-2 {
width: 80%;
height: auto;
border-radius: 0px;
}
}
h3#form-title {
text-transform: uppercase;
margin: 40px;
}
/*Count-down-section-css*/
.page-wrapper {
background: linear-gradient(45deg, #000000, #1a0000);
margin-top: 70px;
/*min-height: 100vh;*/
position: relative;
z-index: -2;
}
.particle {
position: absolute;
border-radius: 50%;
background: rgba(255, 0, 0, 0.5);
pointer-events: none;
animation: float 6s infinite;
}
@keyframes float {
0%,
100% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-20px) translateX(10px);
}
}
.countdown-container {
background: linear-gradient(135deg, rgba(255, 0, 0, 0.15) 0%, rgba(255, 0, 0, 0.05) 100%);
backdrop-filter: blur(20px);
padding: 4rem 2rem;
border-radius: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 25px 45px rgba(255, 0, 0, 0.1);
}
.countdown-container::before {
content: '';
position: absolute;
top: 0;
left: -50%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.03),
transparent);
transform: skewX(-15deg);
animation: shine 8s infinite;
}
@keyframes shine {
0% {
left: -50%;
}
100% {
left: 150%;
}
}
.countdown-number {
font-size: 4rem;
font-weight: 700;
background: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: labelPulse 2s infinite;
border-radius: 20px;
padding: 2rem;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.countdown-number::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
color: #fff;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.5s;
}
.countdown-number:hover::after {
opacity: 1;
}
.countdown-number:hover {
transform: translateY(-10px) scale(1.05);
}
.countdown-label {
font-size: 1.2rem;
font-weight: 500;
margin-top: 1.5rem;
text-transform: uppercase;
letter-spacing: 4px;
background: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: labelPulse 2s infinite;
}
@keyframes labelPulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
.count-title {
font-size: 40px;
font-weight: 700;
color: #fff;
/*background: linear-gradient(135deg, #ff3131 0%, #ff0000 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
position: relative;
text-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);
}
.buy-ticket {
/*background: linear-gradient(135deg, #ff3131 0%, #ff0000 100%);*/
background-color: #c11e2c;
border: none;
color: white;
padding: 1.2rem 3.5rem;
border-radius: 50px;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
margin-top: 2rem;
box-shadow: 0 10px 20px rgba(255, 0, 0, 0.3);
}
.buy-ticket::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transform: translateX(-100%);
transition: 0.5s;
}
.buy-ticket:hover::before {
transform: translateX(100%);
}
.buy-ticket:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(255, 0, 0, 0.4);
}
.floating-shapes {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
z-index: 0;
}
.shape {
position: absolute;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(255, 0, 0, 0.2), transparent);
animation: floatShape 15s infinite;
}
@keyframes floatShape {
0%,
100% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(30px, -30px) scale(1.2);
}
}
@media (max-width: 768px) {
.floating-shapes {
position: absolute;
width: 50%;
height: 50%;
top: 0;
left: 0;
pointer-events: none;
z-index: 0;
}
.shape {
position: absolute;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(255, 0, 0, 0.2), transparent);
animation: floatShape 15s infinite;
}
.countdown-number {
font-size: 2.5rem;
padding: 1.5rem;
}
.count-title {
font-size: 2.5rem;
}
.countdown-label {
font-size: 1rem;
letter-spacing: 2px;
}
.buy-ticket {
padding: 1rem 2.5rem;
font-size: 1rem;
}
}
/*eventshighlights-section*/
.shape-box {
display: inline-block;
position: relative;
z-index: 1;
max-width: 500px;
height: 350px;
margin: 30px 10px 30px;
box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12);
overflow: hidden;
}
.shape-box_half {
overflow: hidden;
text-align: left;
}
.shape-box_half:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: skewY(52.5deg);
transform-origin: top left;
transition: \transform .4s;
background: #fff;
z-index: 1;
}
/*.image-wrapper {*/
/*  display: inline-block;*/
/*  background-color: #c11e2c;*/
padding: 10px;
/* Optional: Adds space around the image */
/*}*/
.shape-box>img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bg-black {
background-color: #000;
}
.shape-box_half figcaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 30px 30px;
transition: \transform .4s;
transform: translateY(100%);
z-index: 3;
}
.shape-box_half figcaption .show-cont {
position: absolute;
bottom: calc(100% + 30px);
left: 30px;
right: 30px;
transition: bottom .4s;
}
.card-no {
font-size: 36px;
color: #c11e2c;
padding: 0;
margin: 10px 0;
}
.card-main-title {
margin-top: 8px;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #000000;
}
.card-content {
color: #9f9f9f;
margin-top: 20px;
line-height: 22px;
font-size: 15px;
}
.read-more-btn {
border: 2px solid #db3236;
font-size: 14px;
cursor: pointer;
padding: 10px 20px;
display: inline-block;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 600;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #db3236;
color: #fff;
border-radius: 2px;
margin-top: 25px;
text-decoration: none;
}
.read-more-btn:hover {
background: transparent;
color: #db3236;
}
.shape-box_half>.after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #c11e2c;
opacity: 0;
transition: opacity .4s;
}
/*On hover*/
.shape-box_half:hover:before {
transform: skewY(20deg);
}
.shape-box_half:hover figcaption {
transform: translateY(0);
}
.shape-box_half:hover figcaption .show-cont {
bottom: 100%;
}
.shape-box_half:hover>.after {
opacity: 1;
}
/*eventaanimation*/
.animated-link {
position: relative;
text-decoration: none;
display: inline-block;
padding: 0.5rem 1rem;
overflow: hidden;
transition: all 0.3s ease;
}
.animated-link .card-main-title {
color: #000;
margin: 0;
position: relative;
transition: all 0.3s ease;
animation: beatEffect 2s infinite;
}
/* Beat animation keyframes */
@keyframes beatEffect {
0% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
100% {
transform: scale(1);
}
}
/* Underline effect */
.animated-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #ff6b6b;
transition: width 0.3s ease;
}
.animated-link:hover::after {
width: 100%;
}
/* Text scale and color effect */
.animated-link:hover .card-main-title {
color: #ff6b6b;
transform: translateY(-2px);
}
/* Add smooth scale effect on hover */
@media (min-width: 768px) {
.animated-link:hover {
transform: scale(1.05);
}
}
/* Adjust sizing for smaller screens */
@media (max-width: 767px) {
.animated-link {
padding: 0.3rem 0.7rem;
}
.animated-link .card-main-title {
font-size: 1.1rem;
}
/* Slightly reduce beat animation on mobile */
@keyframes beatEffect {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
}
.slider-container {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
}
.slider-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
height: 100%;
}
.slider-item {
flex: 0 0 100%;
width: 100%;
}
.slider-item img {
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
}
.slider-item:hover img {
transform: scale(1.05);
}
/* Fade animation */
@keyframes fadeEffect {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Responsive styles */
@media (max-width: 768px) {
.slider-container {
max-width: 100%;
}
/*}*/
/*@media (min-width: 769px) {*/
/*.slider-item img {*/
/*height: 400px;*/
/*}*/
.stall-laypoutImg {
border: 2px solid;
padding: 20px;
margin-bottom: 50px;
}
}
@media (min-width: 769px) {
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 3px solid transparent;
/* border-radius: 50%; */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease-in-out;
font-size: 20px;
padding-left: 9px;
/* color: #fff; */
position: relative;
/* overflow: hidden; */
}
}
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 3px solid transparent;
/* border-radius: 50%; */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease-in-out;
font-size: 20px;
padding-left: 9px;
/* color: #fff; */
position: relative;
/* overflow: hidden; */
}
.social-icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(0);
/* Start small */
border-radius: 50%;
/* Circular animation */
transition: transform 0.5s ease-in-out;
z-index: 0;
/* Place behind the icon */
}
.social-icon:hover:before {
transform: scale(1.2);
/* Expand on hover */
}
/*.social-icon:hover {*/
/*color: #000;*/
/* Change icon color */
/*transform: rotate(360deg) scale(1.1);*/
/* Rotate and scale on hover */
/*background: linear-gradient(45deg, #ff758c, #ff7eb3);*/
/* Change gradient */
/*}*/
.facebook-icon {
background: linear-gradient(45deg, #3b5998, #8b9dc3);
}
.instagram-icon {
background: linear-gradient(45deg, #fdc830, #f37335);
}
.whatsapp-icon {
background: linear-gradient(45deg, #25d366, #128c7e);
}
.twitter-icon {
background: linear-gradient(45deg, #1da1f2, #0d74da);
}
.linkedin-icon {
background: linear-gradient(45deg, #0077b5, #005582);
}
.youtube-icon {
background: linear-gradient(45deg, #ff0000, #c4302b);
}
.wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.box:nth-child(even) .circle-container {
height: 100px;
width: 100px;
float: right;
background-color: #ddd;
border-radius: 50% 0 0 50%;
}
.box:nth-child(odd) .circle-container {
height: 100px;
width: 100px;
float: left;
background-color: #dc3545;
border-radius: 0 50% 50% 0;
}
.circle-container {
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 3px 3px 5px #1a1a1a;
}
.circle-number {
height: 60px;
width: 60px;
background-color: var(--gray);
border-radius: 50%;
box-shadow: 3px 3px 5px #1a1a1a;
color: var(--red);
font-weight: bold;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.content-box {
margin-left: 20px;
margin-right: 20px;
}
.box:nth-child(even) .content-box {
float: left;
}
.box:nth-child(odd) .content-box {
float: right;
}
.description {
font-size: 16px;
color: #dc3545;
}
.box {
height: 100px;
width: 500px;
background-color: var(--gray);
border: 1px solid white;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/*/------*exhibitor-profile-----------*/
*/
/* Section styling */
.exhibitorprofile_sec {
background-color: #f4f4f4;
padding: 60px 0;
}
h2 {
font-size: 36px;
font-weight: 700;
color: #333;
}
/* Category Box Styling */
.category-item {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.categoryz {
background-color: #fff;
border: 2px solid #ddd;
border-radius: 8px;
padding: 40px;
margin-top: 20px;
text-align: center;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.category-titlez {
font-size: 16px;
font-weight: 600;
color: #333;
text-transform: capitalize;
}
/* Hover Effect */
.categoryz:hover {
color: #fff !important;
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
background-color: #dc3545;
}
/* Adjustments for mobile devices */
@media (max-width: 768px) {
.box {
flex-direction: column;
align-items: flex-start;
}
.circle-container {
margin-bottom: 10px;
margin-right: 0;
}
.circle-number {
font-size: 16px;
}
.content-box .description {
font-size: 14px;
}
}
@media (max-width: 576px) {
.box {
width: 90%;
}
}
/* Style to make images clickable and transition */
.newtask .image img {
cursor: pointer;
transition: transform 0.3s ease;
}
.newtask .image img:hover {
transform: scale(1.05);
}
/* Fullscreen overlay */
.fullscreen-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 1050;
justify-content: center;
align-items: center;
}
/* Image inside the overlay */
.fullscreen-overlay img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
/* Show overlay when active */
.fullscreen-overlay.active {
display: flex;
}
/* Close button for the overlay */
.fullscreen-overlay .close-btn {
position: absolute;
top: 20px;
right: 20px;
font-size: 2rem;
color: #fff;
cursor: pointer;
z-index: 1100;
}
/*entrp-slider-sec*/
.entrp-slider-container {
overflow: hidden;
position: relative;
padding: 40px 0;
border-radius: 30px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
background: white;
}
.entrp-slider-track {
display: flex;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
gap: 25px;
padding: 25px;
}
.entrp-slide {
min-width: 280px;
position: relative;
transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transform-origin: center;
opacity: 0.5;
}
.entrp-slide img {
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 20px;
transition: all 0.6s ease;
}
.entrp-slide.active {
transform: scale(1.15);
z-index: 2;
opacity: 1;
}
.entrp-slide.active img {
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.entrp-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
padding: 30px 20px;
opacity: 0;
transition: all 0.6s ease;
border-radius: 0 0 20px 20px;
transform: translateY(20px);
}
.entrp-content h5 {
margin: 0;
color: #1a1a1a;
font-size: 1.4em;
font-weight: 700;
letter-spacing: -0.5px;
}
.entrp-content p {
margin: 8px 0 0;
color: #666;
font-size: 1em;
}
.entrp-slide.active .entrp-content {
opacity: 1;
transform: translateY(0);
}
.entrp-nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: white;
border: none;
border-radius: 50%;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 3;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
color: #1a1a1a;
font-size: 1.5em;
}
.entrp-nav-button:hover {
transform: translateY(-50%) scale(1.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.entrp-prev {
left: 30px;
}
.entrp-next {
right: 30px;
}
@media (max-width: 768px) {
.entrp-slide {
min-width: 220px;
}
.entrp-slide.active {
transform: scale(1.1);
}
.entrp-nav-button {
width: 45px;
height: 45px;
font-size: 1.2em;
}
.entrp-prev {
left: 15px;
}
.entrp-next {
right: 15px;
}
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decorati a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
.slick-track * {
outline: none;
}
.property-wrapper {
text-align: center;
padding: 50px 0 75px;
}
.property-wrapper h1 {
font: 400 40px "Playfair Display", serif;
color: #e1ab35;
text-transform: uppercase;
}
.property-wrapper span {
font: 500 13px/21px "Roboto", sans-serif;
color: #680909;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.property-slide {
margin: 0 -7px;
}
.property-slide:not(.slick-initialized) .property-item:nth-child(n + 4)~div {
display: none;
}
.property-item {
display: inline-block;
vertical-align: middle;
width: calc(100% / 4);
padding: 0 7px;
}
.property-item a {
display: block;
position: relative;
}
.property-slide {
padding: 38px 0 0;
}
.property-slide button.slick-arrow {
display: inline-block;
position: absolute;
width: 41px;
height: 41px;
top: 0;
bottom: 0;
margin: auto;
transform: translateY(-40px);
border: none;
outline: none;
}
.property-slide button:before {
font-family: inherit !important;
color: #000 !important;
font-size: 30px;
}
.property-slide button.slick-prev {
left: -50px;
}
.property-slide button.slick-next {
right: -50px;
}
.property-item .property-img:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(153, 126, 67, 0.3);
opacity: 0;
outline: 1px solid #ffffff;
outline-offset: -10px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.property-item .property-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.property-img {
position: relative;
}
.property-img img {
display: inline-block;
width: 100%;
height: auto;
}
.property-details {
padding: 20px 0;
opacity: 0;
transition: all 0.3s ease;
}
.property-details strong {
font: 500 20px "Roboto", sans-serif;
color: #2f2f2f;
}
.property-item:hover .property-img:before,
.property-item:hover .property-img:after {
opacity: 1;
}
.property-item a:hover .property-details {
opacity: 1;
}
JS Options jQuery(".property-slide").slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 4,
slidesToScroll: 2,
arrows: true,
autoplay: true,
autoplaySpeed: 6000,
prevArrow: '<button class="slick-prev fa-solid fa-arrow-left" aria-label="Prev"></button>',
nextArrow: '<button class="slick-next fa-solid fa-arrow-right" aria-label="Next"></button>',
responsive: [ {
breakpoint: 992,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
}
,
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
,
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
on: none;
outline: none;
}
section.countdown {
margin-top: -70px;
}
.slick-track * {
outline: none;
}
.property-wrapper {
text-align: center;
padding: 50px 0 75px;
}
.property-wrapper h1 {
font: 400 40px "Playfair Display", serif;
color: #e1ab35;
text-transform: uppercase;
}
.property-wrapper span {
font: 500 13px/21px "Roboto", sans-serif;
color: #680909;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.property-slide {
margin: 0 -7px;
}
.property-slide:not(.slick-initialized) .property-item:nth-child(n + 4)~div {
display: none;
}
.property-item {
display: inline-block;
vertical-align: middle;
width: calc(100% / 4);
padding: 0 7px;
}
.property-item a {
display: block;
position: relative;
}
.property-slide {
padding: 38px 0 0;
}
.property-slide button.slick-arrow {
display: inline-block;
position: absolute;
width: 41px;
height: 41px;
top: 0;
bottom: 0;
margin: auto;
transform: translateY(-40px);
border: none;
outline: none;
}
.property-slide button:before {
font-family: inherit !important;
color: #000 !important;
font-size: 30px;
}
.property-slide button.slick-prev {
left: -50px;
}
.property-slide button.slick-next {
right: -50px;
}
.property-item .property-img:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(153, 126, 67, 0.3);
opacity: 0;
outline: 1px solid #ffffff;
outline-offset: -10px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.property-item .property-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
transition: all 0.6s;
}
.property-img {
position: relative;
}
.property-img img {
display: inline-block;
width: 100%;
height: auto;
}
.property-details {
padding: 20px 0;
opacity: 0;
transition: all 0.3s ease;
}
.property-details strong {
font: 500 20px "Roboto", sans-serif;
color: #2f2f2f;
}
.property-item:hover .property-img:before,
.property-item:hover .property-img:after {
opacity: 1;
}
.property-item a:hover .property-details {
opacity: 1;
}
table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
}
th,
td {border: 1px solid !important;padding: 8px;text-align: left;background: #584c4c;color: #fff;}
th {background-color: #463838;font-weight: bold;}
tr:nth-child(even) {
background-color: #f0efef;
border: 2px solid;
}
tr:nth-child(odd) {
background-color: #e1e1e1;
border: 2px solid;
}
.yes {background-color: #598363;border: 1px solid;text-align: center;}
.no {background-color: #933941;border: 1px solid;text-align: center;}
.limited {background-color: #a4925a;border: 1px solid;text-align: center;font-weight: 600;}
@media (max-width: 768px) {
table {
font-size: 14px;
}
th,
td {
padding: 6px;
}
}
.benefits-container {
background: #C11E2D;
border-radius: 15px;
box-shadow: 0 15px 25px rgb(0 0 0 / 75%);
padding: 30px;
}
.benefit-card {
position: relative;
overflow: hidden;
border: none;
margin-bottom: 20px;
transition: all 0.3s ease;
background: transparent;
}
.benefit-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.benefit-card:hover::before {
opacity: 0.1;
}
.card-bodyz {
display: flex;
align-items: center;
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
padding: 15px;
transition: transform 0.3s ease;
}
.benefit-card:hover .card-bodyz {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-numberz {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--primary-color);
color: white;
border-radius: 50%;
margin-right: 15px;
font-weight: bold;
flex-shrink: 0;
}
.benefit-text {
color: #000;
font-weight: 500;
font-size: 15px;
text-align: start;
}
@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
.floating-element {
animation: float 4s ease-in-out infinite;
}
.gallery-image {
cursor: pointer;
transition: transform 0.3s ease;
}
.gallery-image:hover {
transform: scale(1.05);
}
.a500-briyani-entrepreneur-card {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
transition: transform 0.3s ease;
}
.a500-briyani-entrepreneur-card:hover {
transform: scale(1.05);
}
.a500-briyani-entrepreneur-img {
height: 300px;
object-fit: cover;
width: 100%;
}
.a500-briyani-entrepreneur-details {
background-color: #f8f9fa;
padding: 15px;
text-align: center;
}
.a500-briyani-entrep-title {
color: #333;
margin-bottom: 30px;
font-weight: bold;
}
.a500-briyani-entrep-title span {
color: #ff6b6b;
margin-left: 10px;
}
.deliverable-card {
border-radius: 15px;
transition: all 0.3s ease;
height: 100%;
overflow: hidden;
position: relative;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.deliverable-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
.deliverable-icon {
font-size: 3rem;
margin-bottom: 15px;
transition: transform 0.3s ease;
}
.deliverable-card:hover .deliverable-icon {
transform: rotate(360deg);
}
.deliverable-title {
font-size: 1.25rem;
margin-bottom: 10px;
font-weight: bold;
}
.deliverable-description {
font-size: 0.9rem;
opacity: 0.8;
}
/* Vibrant Gradient Backgrounds */
.gradient-1 {
background: linear-gradient(135deg, #FF4E50, #FC913A);
}
.gradient-2 {
background: linear-gradient(135deg, #00B4DB, #0083B0);
}
.gradient-3 {
background: linear-gradient(135deg, #6A11CB, #2575FC);
}
.gradient-4 {
background: linear-gradient(135deg, #8E2DE2, #4A00E0);
}
.gradient-5 {
background: linear-gradient(135deg, #FF6B6B, #4ECDC4);
}
.gradient-6 {
background: linear-gradient(135deg, #11998E, #38EF7D);
}
.gradient-7 {
background: linear-gradient(135deg, #5D4157, #A34D5D);
}
.gradient-8 {
background: linear-gradient(135deg, #667EEA, #764BA2);
}
.gradient-9 {
background: linear-gradient(135deg, #43E97B, #38F9D7);
}
.gradient-10 {
background: linear-gradient(135deg, #9000ff, #4a4bf9, #4c9aca);
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.deliverable-card {
margin-bottom: 20px;
}
}
.icon-container {
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 20px;
/* Adjust icon size */
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
background-color: red;
padding: 14px;
border-radius: 0%;
border: 2px solid #fff;
background-size: 45% 100% !important;
}
.wbs-header {
text-align: center;
padding: 2rem 0;
position: relative;
}
.wbs-header h1 {
font-size: 3rem;
color: #333;
font-weight: bold;
}
.wbs-header p {
font-size: 1.2rem;
color: #555;
margin-bottom: 2rem;
}
.wbs-header .wbs-highlight {
color: #dc3545;
}
.wbs-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(to right, #dc3545, #b22222);
animation: wbs-slide 3s infinite linear;
}
@media (max-width: 768px) {
.wbs-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 66%;
height: 5px;
background: linear-gradient(to right, #dc3545, #b22222);
animation: wbs-slide 3s infinite linear;
}
}
@keyframes wbs-slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.wbs-card {
border: none;
border-radius: 10px;
background-color: #f8f9fa;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.wbs-card:hover {
transform: translateY(-10px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.wbs-card-header {
background: linear-gradient(to right, #c6192a, #770707);
color: white;
text-align: center;
font-size: 16px;
padding: 10px;
font-weight: bold;
}
.wbs-btn-book {
background: linear-gradient(to right, #dc3545, #b22222);
color: white;
border: none;
padding: 0.8rem 2rem;
font-size: 1.1rem;
border-radius: 50px;
transition: transform 0.3s ease, background 0.3s ease;
}
.wbs-btn-book:hover {
transform: scale(1.1);
background: linear-gradient(to right, #b22222, #dc3545);
}
.wbs-benefit-icon {
font-size: 2.5rem;
color: #dc3545;
margin-bottom: 1rem;
}
.wbs-fade-in {
animation: wbs-fadeIn 1.5s ease-in;
}
@keyframes wbs-fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.why-visit-us-card-body {
padding: 2rem;
background-color: #f8f9fa;
border-radius: 15px;
}
.why-visit-us-card {
border: none;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.why-visit-us-card:hover {
transform: translateY(-10px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.why-visit-us-btn-custom {
background-color: #ff9900;
color: white;
border-radius: 30px;
padding: 12px 28px;
font-weight: bold;
font-size: 16px;
transition: all 0.3s ease;
}
.why-visit-us-btn-custom:hover {
background-color: #e68a00;
transform: translateY(-3px);
}
.why-visit-us-icon {
font-size: 40px;
color: #e63946;
/* Red color for icons */
margin-bottom: 15px;
}
.why-visit-us-card-text {
color: #000;
font-size: 16px;
margin-top: 10px
text-align: justify;
}
.why-visit-us-container {
margin-bottom: 50px;
}
/* Container for the form */
.form-container {
background-color: #fafafa;
max-width: 1200px;
margin: 20px auto;
padding: 40px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
border-radius: 10px;
font-family: 'Arial', sans-serif;
}
/* Title for the form */
.form-title {
text-align: center;
color: #333;
font-size: 1.5rem;
margin-bottom: 20px;
border-bottom: 3px solid #fdc41b;
padding-bottom: 12px;
letter-spacing: 1px;
}
/* Sections within the form */
.form-section {
margin-bottom: 30px;
padding: 25px;
background-color: #eaf1f7;
border-radius: 8px;
border: 1px solid #d1e2f1;
}
/* Titles within the form section */
.section-title {
color: #fdc41b;
font-size: 1.1rem;
margin-bottom: 18px;
font-weight: 700;
text-transform: uppercase;
}
/* Grouping form fields */
.form-group {
margin-bottom: 20px;
}
/* Styling form labels */
.form-label {
display: inline-block;
margin-bottom: 8px;
font-weight: 600;
color: #555;
}
/* Mandatory field indicator */
.mandatory::after {
content: '*';
color: #e74c3c;
margin-left: 4px;
}
/* Form input fields */
.form-control {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fff;
box-sizing: border-box;
font-size: 1rem;
transition: border-color 0.3s ease;
}
.form-control:focus {
border-color: #fdc41b;
outline: none;
}
/* Checkbox group */
.checkbox-group {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 15px;
}
/* Styling individual checkbox items */
.checkbox-item {
display: flex;
align-items: center;
font-size: 1rem;
padding-left: 6px;
}
/* Submit button */
.submit-btn {
width: 100%;
padding: 15px;
background-color: #28a745;
color: white;
font-size: 1.1rem;
border: none;
border-radius: 8px;
cursor: pointer;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.submit-btn:hover {
background-color: #218838;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.checkbox-group {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.form-container {
padding: 25px;
}
.form-title {
font-size: 1.3rem;
}
}
/*----50,000----*/
.gallery-item {
cursor: pointer;
margin-bottom: 1.5rem;
transition: transform 0.3s ease;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.gallery-item:hover {
transform: scale(1.05);
}
.gallery-item img {
width: 100%;
height: 250px;
object-fit: cover;
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 1050;
}
.lightbox.active {
display: flex;
justify-content: center;
align-items: center;
}
.lightbox-content {
position: relative;
max-width: 90%;
max-height: 90vh;
}
.lightbox-img {
max-width: 100%;
max-height: 90vh;
object-fit: contain;
}
.lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: white;
font-size: 2rem;
cursor: pointer;
padding: 1rem;
background-color: rgba(0, 0, 0, 0.5);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.lightbox-nav:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.lightbox-prev {
left: 1rem;
}
.lightbox-next {
right: 1rem;
}
.lightbox-close {
position: absolute;
top: 1rem;
right: 1rem;
color: white;
font-size: 2rem;
cursor: pointer;
background: none;
border: none;
padding: 0.5rem;
}
.association-card {
width: 190px;
}
.bordered-img {
max-width: 100%;
height: 300px;
object-fit: cover;
padding: 3px;
background: #0f459d;
}
/*****bg-custroms*****/
.bg-custom-sec{
margin-left: -147px;
position: relative;
z-index: -1;
}
.bg-custom {
background: linear-gradient(110deg, #c11e2d 50%, #1c1e21 50%);
min-width: 100vw!important;
min-height: 100vh;
}
.section-padding {
padding: 100px 0;
}
.title-slash {
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
color: white;
}
.main-text {
color: #e0e0e0;
font-size: 16px;
line-height: 1.6;
}
.learn-more {
border: 1px solid white;
color: white;
padding: 8px 24px;
text-transform: uppercase;
letter-spacing: 1px;
background: transparent;
transition: all 0.3s;
}
.learn-more:hover {
background: white;
color: #024b4b;
}
.service-item {
margin-bottom: 30px;
}
.service-icon {
color: #024b4b;
font-size: 24px;
margin-right: 15px;
}
.service-title {
color: white;
font-size: 20px;
margin-bottom: 10px;
}
.service-text {
color: #e0e0e0;
margin-bottom: 0;
}
.bg-custom-img {
width: 500px;
height: auto;
}
.sbfe-img{
width: 500px;
height: auto;
}
/*** Facts ***/
.statistics-section {
background: #2c3e50;
padding: 4rem 0;
overflow: hidden;
position: relative;
}
.slider-container {
position: relative;
width: 100%;
overflow: hidden;
}
.slider-track {
display: flex;
animation: slide 20s linear infinite;
width: calc(200% + 4rem);
}
.slider-track:hover {
animation-play-state: paused;
}
@keyframes slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.slider-item {
flex: 0 0 auto;
width: 300px;
margin: 0 1rem;
padding: 0;
}
.stastic {
background: linear-gradient(135deg, #f7b733, #fc4a1a);
color: white;
padding: 10px;
border-radius: 12px;
margin-bottom: 23px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
text-align: center;
height: 100%;
}
.stastic:hover {
transform: scale(1.02);
cursor: pointer;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.counter {
font-size: 40px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
color: #723421;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
animation: popEffect 1s ease-in-out infinite alternate;
margin-top: 20px;
}
/*p {*/
/*font-size: 20px;*/
/*font-weight: 300;*/
/*font-family: 'Pacifico', cursive;*/
/*text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);*/
/*margin-top: 5px;*/
/*}*/
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
@keyframes popEffect {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
.stastic img {
width: 80px;
filter: invert(1);
}
/* Responsive Design */
@media (max-width: 768px) {
.statistics-section {
padding: 2rem 0;
}
.slider-item {
width: 250px;
}
.stastic {
margin-bottom: 20px;
padding: 8px;
}
.counter {
font-size: 32px;
}
.stastic img {
width: 50px;
}
}
@media (max-width: 480px) {
.slider-item {
width: 220px;
}
.counter {
font-size: 28px;
}
.stastic img {
width: 35px;
}
}
/* Section title styling */
.section-title {
text-align: center;
color: white;
margin-bottom: 3rem;
}

.section-title h2 {
font-size: 2.5rem;
font-weight: 600;
margin-bottom: 1rem;
color: #f7b733;
}

.section-title p {
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.8);
max-width: 600px;
margin: 0 auto;
font-family: 'Poppins', sans-serif;
}
/* Container */
.client_logo_container {
width: 100%;
overflow: hidden;
background-color: #fff;
padding: 20px 0;
}
/* Carousel Wrapper */
.client_logo_carousel {
display: flex;
width: 100%;
overflow: hidden;
}
/* Logo Track */
.client_logo_track {
display: flex;
gap: 5rem;
animation: scroll 15s linear infinite;
width: calc(10rem * 8); /* Adjust based on the number of logos */
}
/* Individual Logos */
.client_logo {
object-fit: contain;
cursor: pointer;
height: 100px;
width: 150px;
padding: 10px;
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
/*filter: grayscale(70%);*/
}
.client_logo:hover {
transform: scale(1.1);
filter: grayscale(0%);
}
/* Auto-scroll Animation */
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-10rem * 4)); /* Moves half the images */
}
}
.custom-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 1050;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s, visibility 0.5s;
}
.custom-popup.show {
visibility: visible;
opacity: 1;
}
.popup-content {
background: #ffffffb3;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 10px rgb(0 0 0 / 50%);
text-align: center;
width: 90%;
max-width: 600px;
/* height: 100vh; */
position: relative;
}
.popup-header {
background: #c11e2c;
color: white;
padding: 10px;
font-size: 18px;
font-weight: bold;
}
.popup-body {
font-size: 24px;
font-weight: bold;
color: #333;
margin: 20px 0;
}
.popup-close {
position: absolute;
top: -31px;
right: -39px;
font-size: 35px;
cursor: pointer;
color: white;
}
.deliverables-section p {
text-align: justify;
font-size: 16px;
}
td {
text-align: start;
font-size: 14px;
}
/* Benefit Container */
.benefit-container {
position: relative;
overflow: hidden;
border-radius: 15px;
transition: all 0.3s ease;
}
/* Benefit Items with Tilt Effect */
.benefit-item {
padding: 1.5rem;
margin: 0.5rem;
background: white;
border-left: 5px solid transparent;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
border-radius: 10px;
}
.benefit-item:hover {
transform: perspective(500px) rotateY(5deg) scale(1.03);
border-left-color: #ff4757;
box-shadow: 0 10px 30px rgba(255, 71, 87, 0.3);
}
/* Animated Benefit Number */
.benefit-number {
font-size: 3rem;
font-weight: 700;
color: rgba(255, 71, 87, 0.1);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
opacity: 0.4;
}
.benefit-item:hover .benefit-number {
color: rgba(255, 71, 87, 0.5);
transform: translateY(-50%) scale(1.2) rotate(-5deg);
}
/* Animated Category Header */
.category-header {
background: linear-gradient(135deg, #ff4757, #ff6b81);
color: white;
padding: 1rem;
margin: 1rem 0;
border-radius: 10px;
text-align: center;
position: relative;
overflow: hidden;
animation: fadeIn 1s ease-in-out;
}
.category-header::before {
content: "";
position: absolute;
width: 150%;
height: 150%;
background: rgba(255, 255, 255, 0.15);
top: -50%;
left: -50%;
transform: rotate(45deg);
transition: 0.5s ease-in-out;
}
.category-header:hover::before {
top: 50%;
left: 50%;
}
/* Large Box with Wave Animation */
.large-box {
width: 100%;
height: 100%;
min-height: 300px;
background: linear-gradient(45deg, #3498db, #6dd5fa);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24px;
font-weight: bold;
position: relative;
overflow: hidden;
transition: transform 0.5s ease-in-out, filter 0.3s ease-in-out;
}
.large-box:hover {
transform: scale(1.05);
filter: brightness(1.2);
}
.large-box::after {
content: "";
position: absolute;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent);
top: -100%;
left: -100%;
transform: rotate(45deg);
transition: 0.7s ease-in-out;
}
.large-box:hover::after {
top: 100%;
left: 100%;
}
/* Small Box with 3D Flip Effect */
.small-box {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 18px;
font-weight: bold;
position: relative;
transition: transform 0.4s ease-in-out;
perspective: 1000px;
}
.small-box:hover {
transform: rotateY(10deg) scale(1.05);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
/* Flip Effect */
.small-box::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.15);
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.small-box:hover::before {
opacity: 1;
}
/* Gradient Effects for Boxes */
.box1 { background: linear-gradient(45deg, #ff4757, #e74c3c); } /* Red */
.box2 { background: linear-gradient(45deg, #2ecc71, #27ae60); } /* Green */
.box3 { background: linear-gradient(45deg, #f1c40f, #f9ca24); } /* Yellow */
.box4 { background: linear-gradient(45deg, #9b59b6, #8e44ad); } /* Purple */
/* Gradient Hover Effect */
.box1:hover { background: radial-gradient(circle, #e74c3c, #ff6b6b); }
.box2:hover { background: radial-gradient(circle, #27ae60, #2ecc71); }
.box3:hover { background: radial-gradient(circle, #f9ca24, #f1c40f); }
.box4:hover { background: radial-gradient(circle, #8e44ad, #9b59b6); }
/* Floating Effect */
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
.benefit-item:hover {
animation: floating 1s ease-in-out infinite;
}
/* Fade In Effect */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.benefit-item {
margin: 0.25rem;
padding: 1rem;
}
.benefit-number {
font-size: 2rem;
}
.large-box {
min-height: 200px;
font-size: 18px;
}
.small-box {
height: 120px;
font-size: 16px;
}
}
/* Popup Overlay */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999999; /* Ensures popup is always on top */
}
/* Show class for popup */
.popup-overlay.show {
opacity: 1;
visibility: visible;
}
/* Popup Box */
.popup-box {
background: #fdc41b;
border-radius: 18px;
padding: 40px;
border: 2px solid #000;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
max-width: 900px;
position: relative;
}
/* Close Button */
.popup-box .close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 1.5rem;
border: none;
background: none;
cursor: pointer;
}
.data-section p {
text-align: justify;
font-size: 15px;
}
.guidelines-container {
max-width: 900px;
margin: auto;
padding: 20px;
}
.guidelines-title {
color: red;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.guideline-item {
border-left: 10px solid var(--bs-red);
padding-left: 15px;
margin-bottom: 25px;
text-align: justify;
font-weight: 500;
font-size: 16px;
background: #e9ecef;
padding: 20px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.cardz-contents li {
text-align: justify;
}
.manual-container {
max-width: 900px;
margin: 30px auto;
padding: 20px;
background: #ffffff;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.manual-header {
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
.manual-item {
background: #b8bdc1;
padding: 15px;
margin-bottom: 10px;
border-radius: 5px;
display: flex;
align-items: center;
}
.manual-item span {
font-weight: bold;
background: #dc3545;
color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
@media (max-width: 576px) {
.manual-item {
flex-direction: column;
align-items: flex-start;
}
.manual-item span {
margin-bottom: 10px;
}
}
.abouT-list p {
font-size: 16px;
}
img.seveni-logo {
width: 100%;
height: auto;
}
.youtube-button {
display: flex;
align-items: center;
gap: 8px;
background: #ff0000;
color: white;
font-weight: bold;
text-decoration: none;
padding: 10px 15px;
border-radius: 25px;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.youtube-button i {
font-size: 18px;
}
.youtube-button:hover {
background: #cc0000;
color: #000;
transform: scale(1.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.marquee-container{
position:relative;
background: #c11e2c;
z-indexd: -1;
}
.entreprenuers-sec,.client_logo-sec,.special-programs,.enquiry-section {
z-index: -1;
}
.a500-briyani-entrepreneur-details strong {
font-size: 14px;
}
.main-card {
background: white;
border-radius: 24px;
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
.header-banner {
background: linear-gradient(135deg, var(--primary), var(--secondary));
border-radius: 24px 24px 0 0;
height: 200px;
position: relative;
}
.campaign-info {
position: relative;
margin-top: -80px;
}
.stat-card {
background: white;
border-radius: 16px;
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
transition: all 0.3s ease;
height: 25vh;
}
.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.number {
font-size: 1.5rem;
margin-right: 15px;
font-weight: 800;
background: linear-gradient(45deg, var(--primary), var(--secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
}
.progress-circle {
width: 120px;
height: 120px;
border-radius: 50%;
background: conic-gradient(var(--primary) 0%, #e2e8f0 0%);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.progress-circle::before {
content: '';
position: absolute;
width: 90px;
height: 90px;
background: white;
border-radius: 50%;
}
.progress-value {
position: relative;
font-size: 1.5rem;
font-weight: bold;
color: var(--primary);
}
.floating-icon {
position: absolute;
font-size: 3rem;
color: rgba(255,255,255,0.2);
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-20px) rotate(10deg); }
100% { transform: translateY(0px) rotate(0deg); }
}
.slide-up {
animation: slideUp 0.6s ease forwards;
opacity: 0;
transform: translateY(20px);
}
@keyframes slideUp {
to { opacity: 1; transform: translateY(0); }
}
#ibfe_cards {
list-style: none;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(var(--numcards), var(--card-height));
gap: var(--card-margin);
padding-bottom: calc(var(--numcards) * var(--card-top-offset));
margin-bottom: var(--card-margin);
}
.ibfe_card {
position: sticky;
top: 0;
padding-top: calc(var(--index) * var(--card-top-offset));
transition: transform 0.3s ease-in-out;
}
.ibfe_card:hover {
transform: translateY(-10px);
}
.ibfe_card-content {
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);
/*background-image: url(./assets/ibfe_card-bg.jpg);*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/
background-color: #ffe9ea;
color: #131212;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 1.4em;
position: relative;
z-index: 1;
cursor: pointer;
}
.ibfe_card-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: -10;
bottom: 0;
background-color: #343a40;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.85; /* Adjust this value to control the darkness */
z-index: 0;
}
.ibfe_card-content > div {
text-align: center;
display: grid;
gap: 1em;
place-items: center;
}
.ibfe_card-content > figure {
overflow: hidden;
text-align: center;
filter: hue-rotate(185deg);
}
.ibfe_card-content > figure > img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 0.4em;
}
@media (min-width: 768px) {
.ibfe_card-content {
flex-direction: row;
align-items: center;
}
.ibfe_card-content > div {
text-align: left;
}
}
.ibfe_title h2 {
font-size: 2rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: relative;
display: inline-block;
padding-bottom: 10px;
cursor: pointer;
opacity: 0;
animation: fadeIn 1.5s forwards;
}
.ibfe_title h2::after {
content: "";
width: 50%;
height: 4px;
background-color: #dc3545;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
transition: width 0.3s ease-in-out;
}
.ibfe_title h2:hover::after {
width: 100%;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.footer_iconz {
position: relative;
padding-right: 30px; /* Adjust spacing as needed */
}
.footer_iconz::before {
content: '';
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 2px;  /* Line thickness */
height: 100%; /* Line height */
background-color: #fdc41b;
}
.footer_iconz i {
font-size: 14px !important;
}
.footer_add{
font-size: 14px;
}
.footer_iconz{
font-size: 14px;
}
.footer_img{
width: 140px;
}
.team-info {
display: flex;
justify-content: center;
border-radius: 0px 0px 7px 7px;
background-color: #ffae00;
}
.team-info i {
color: #FF0000; /* YouTube red color */
font-size: 20px;
}
.team-info p {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #333;
}
.contact i{
color: #000!important;
}
.client_card {
transition: box-shadow 0.3s ease-in-out;
}
.client_card:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.client_numeric {
font-size: 1.5rem;
font-weight: bold;
color: #007bff;
}
.fgm_slider {
width: 400px;
height: 300px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.fgm_slides {
display: flex;
width: 400%;
height: 100%;
transition: transform 0.5s ease-in-out;
}
.fgm_slide {
width: 25%;
height: 100%;
}
.fgm_slide img {
width: 400px;
height: 100%;
object-fit: cover;
}
.fgm_progress {
position: absolute;
bottom: 0;
left: 0;
height: 4px;
width: 0;
background: rgba(255, 255, 255, 0.7);
transition: width 4s linear;
}
.fgm_slider:hover .fgm_progress {
width: 100%;
}
/*.video-container {*/
/*position: relative;*/
/*width: 100%;*/
/*overflow: hidden;*/
/*border: 7px double #baa411;*/
/*padding: 10px;*/
/*border-radius: 14px;*/
/*}*/
.video-container iframe {
width: 100%;
height: 400px;
border-radius: 10px;
}
.controls {
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
gap: 10px;
align-items: center;
}
@media (max-width: 768px) {
.video-container {
position: relative;
width: 100%;
overflow: hidden;
border: 7px double #baa411;
padding: 10px;
margin-bottom: 20px;
}
}
.logox_logo-slider-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
overflow: hidden;
}
.logox_section-title {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.logox_section-title h2 {
font-weight: 700;
color: #212529;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.logox_section-title h2:after {
content: '';
position: absolute;
width: 50%;
height: 3px;
background: var(--primary-color);
bottom: -10px;
left: 25%;
border-radius: 2px;
}
.logox_section-title p {
color: var(--secondary-color);
max-width: 600px;
margin: 20px auto 0;
}
.logox_logo-slider {
position: relative;
padding: 0 50px;
}
.logox_logo-slide-track {
display: flex;
width: calc(250px * 12);
animation: scroll 30s linear infinite;
}
.logox_logo-slide-track:hover {
animation-play-state: paused;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-250px * 6)); }
}
.logox_logo-slide {
width: 250px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
perspective: 100px;
}
.logox_logo-card {
height: 120px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.4s ease, box-shadow 0.4s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.logox_logo-card:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: 0.5s;
}
.logox_logo-card:hover {
transform: translateY(-5px) rotateX(5deg);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.logox_logo-card:hover:before {
left: 100%;
}
.logox_logo-card img {
max-width: 85%;
max-height: 100px;
transition: transform 0.3s ease;
}
.logox_logo-card:hover img {
transform: scale(1.1);
}
.logox_control-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--primary-color);
color: white;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.logox_control-btn:hover {
background-color: #3a57d7;
transform: translateY(-50%) scale(1.1);
}
.logox_prev-btn {
left: 10px;
}
.logox_next-btn {
right: 10px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.logox_logo-slide {
width: 200px;
}
.logox_logo-card {
height: 100px;
}
.logox_logo-card img {
max-height: 50px;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-200px * 6)); }
}
.logox_logo-slide-track {
width: calc(200px * 12);
}
}
@media (max-width: 576px) {
.logox_logo-slide {
width: 150px;
}
.logox_logo-card {
height: 80px;
}
.logox_logo-card img {
max-height: 40px;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-150px * 6)); }
}
.logox_logo-slide-track {
width: calc(150px * 12);
}
.logox_logo-slider-section {
padding: 40px 0;
}
.logox_section-title h2 {
font-size: 1.5rem;
}
}
.bank_card {
max-width: 650px;
margin: 40px auto;
padding: 25px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 10px rgb(240 240 240 / 73%);
}
.bank_company-name {
font-weight: bold;
font-size: 1.5rem;
color: #007bff;
}
.bank_table th, .bank_table td {
vertical-align: middle;
text-align: center;
}
.bank_footer {
background-color: #c11e2c;
color: white;
text-align: center;
padding: 15px;
font-size: 14px;
border-radius: 5px;
margin-top: 20px;
}
img.business-logo {
width: 100px;
border: 2px solid #009670;
}
/*.news_header {*/
/*font-weight: bold;*/
/*margin-bottom: 30px;*/
/*margin-top: 20px;*/
/*}*/
/*.news_whats-on {*/
/*font-size: 2.5rem;*/
/*font-weight: bold;*/
/*margin-bottom: 30px;*/
/*}*/
/*.news_latest-news {*/
/*background-color: #f8f9fa;*/
/*padding: 20px;*/
/*height: 100%;*/
/*}*/
/*.news_section-title {*/
/*font-weight: bold;*/
/*margin-bottom: 20px;*/
/*}*/
/*.news_card {*/
/*margin-bottom: 20px;*/
/*}*/
/*.news_card img {*/
/*width: 100%;*/
/*height: 180px;*/
/*object-fit: cover;*/
/*}*/
/*.news_date {*/
/*color: #6c757d;*/
/*font-size: 0.9rem;*/
/*margin-bottom: 10px;*/
/*}*/
/*.news_title {*/
/*font-weight: bold;*/
/*margin-bottom: 10px;*/
/*}*/
/*.news_description {*/
/*font-size: 0.95rem;*/
/*color: #666;*/
/*}*/

/*.news_read-more {*/
/*text-align: right;*/
/*margin-top: 10px;*/
/*}*/
/*.news_read-more a {*/
/*text-decoration: none;*/
/*color: #000;*/
/*}*/
/*.news_purple-section {*/
/*background-color: #fdc41b;*/
/*color: white;*/
/*padding: 37px;*/
/*border: 2px double #fff;*/
/*}*/
/*.news_view-all {*/
/*text-align: right;*/
/*color: white;*/
/*margin-bottom: 20px;*/
/*}*/
/*.news_view-all a {*/
/*color: white;*/
/*text-decoration: none;*/
/*}*/
/*.news_image-gallery {*/
/*display: flex;*/
/*justify-content: space-between;*/
/*margin-bottom: 20px;*/
/*}*/
/*.news_gallery-img {*/
/*width: 32%;*/
/*height: 80px;*/
/*object-fit: cover;*/
/*}*/
/*.news_event-title {*/
/*font-size: 1.5rem;*/
/*font-weight: bold;*/
/*margin-top: 20px;*/
/*margin-bottom: 15px;*/
/*}*/
/*.news_event-description {*/
/*margin-bottom: 15px;*/
/*font-size: 14px;*/
/*text-align: justify;*/
/*}*/
/*.news_carousel-container {*/
/*position: relative;*/
/*margin-top: 30px;*/
/*}*/
/*.news_carousel-img {*/
/*width: 100%;*/
/*height: 200px;*/
/*object-fit: cover;*/
/*}*/
/*.news_carousel-control {*/
/*position: absolute;*/
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*background-color: rgba(255, 255, 255, 0.5);*/
/*border: none;*/
/*width: 30px;*/
/*height: 30px;*/
/*border-radius: 50%;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*cursor: pointer;*/
/*}*/
/*.news_carousel-control-prev {*/
/*left: 10px;*/
/*}*/
/*.news_carousel-control-next {*/
/*right: 10px;*/
/*}*/
/*.news_carousel-indicators {*/
/*display: flex;*/
/*justify-content: center;*/
/*margin-top: 10px;*/
/*}*/
/*.news_carousel-dot {*/
/*width: 10px;*/
/*height: 10px;*/
/*border-radius: 50%;*/
/*background-color: #ccc;*/
/*margin: 0 5px;*/
/*cursor: pointer;*/
/*}*/
/*.news_carousel-dot.active {*/
/*background-color: white;*/
/*}*/
/*@media (max-width: 768px) {*/
/*.news_purple-section {*/
/*margin-top: 30px;*/
/*}*/
/*.news_gallery-img {*/
/*height: 60px;*/
/*}*/
/*}*/
/*.newsx_slider-container {*/
/*position: relative;*/
/*width: 100%;*/
/*margin-top: 60px;*/
/*max-width: 400px;*/
/*border-radius: 8px;*/
/*overflow: hidden;*/
/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);*/
/*}*/
/*.newsx_slider-wrapper {*/
/*position: relative;*/
/*width: 100%;*/
aspect-ratio: 1 / 1.2; /* Maintain aspect ratio similar to your examples */
/*overflow: hidden;*/
/*}*/
/*.newsx_slides {*/
/*display: flex;*/
width: 300%; /* 3 slides */
/*height: 100%;*/
/*transition: transform 0.5s ease-in-out;*/
/*}*/
/*.newsx_slide {*/
width: 33.333%; /* Each slide takes 1/3 of total width */
/*height: 100%;*/
/*}*/
/*.newsx_slide img {*/
/*width: 100%;*/
/*height: 100%;*/
/*object-fit: cover;*/
/*display: block;*/
/*}*/
/*.newsx_slider-controls {*/
/*position: absolute;*/
/*top: 50%;*/
/*width: 100%;*/
/*display: flex;*/
/*justify-content: space-between;*/
/*padding: 0 10px;*/
/*transform: translateY(-50%);*/
/*z-index: 10;*/
/*}*/
/*.newsx_slider-controls button {*/
/*background-color: rgba(255, 255, 255, 0.7);*/
/*border: none;*/
/*width: 25px;*/
/*height: 25px;*/
/*cursor: pointer;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-size: 12px;*/
/*color: #333;*/
/*transition: background-color 0.3s;*/
/*}*/
/*.newsx_slider-controls button:hover {*/
/*background-color: rgba(255, 255, 255, 0.9);*/
/*}*/
/*.newsx_slider-dots {*/
/*position: absolute;*/
/*bottom: 15px;*/
/*left: 50%;*/
/*transform: translateX(-50%);*/
/*display: flex;*/
/*gap: 10px;*/
/*z-index: 10;*/
/*}*/
/*.newsx_slider-dot {*/
/*width: 12px;*/
/*height: 12px;*/
/* border-radius: 50%; */
/*background-color: var(--hover-color);*/
/*border: 2px solid #fff;*/
/*cursor: pointer;*/
/*transition: background-color 0.3s;*/
/*}*/
/*.newsx_slider-dot.active {*/
/*background-color: var(--bs-orange);*/
/*}*/
/* Responsive adjustments */
/*@media screen and (max-width: 480px) {*/
/*.newsx_slider-container {*/
/*max-width: 100%;*/
/*}*/
/*.newsx_slider-controls button {*/
/*width: 30px;*/
/*height: 30px;*/
/*font-size: 14px;*/
/*}*/
/*.newsx_slider-dot {*/
/*width: 10px;*/
/*height: 10px;*/
/*}*/
/*}*/
/*.news_list ul li {*/
/*margin-bottom: 10px !important;*/
/*font-size: 15px;*/
/*line-height: 20px;*/
transition: background-color 0.3s ease; /* Smooth transition effect */
/*}*/
/*.news-sec{*/
/*background: rgb(240,24,67);*/
/*background: radial-gradient(circle, rgba(240,24,67,1) 0%, rgba(105,19,37,1) 60%);*/
/*}*/
/*.guideline-item span {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*width: 30px;*/
/*height: 30px;*/
/*border-radius: 50%;*/
/*margin-right: 10px;*/
/*background-color: var(--hover-color);*/
/*color: white;*/
/*font-weight: bold;*/
/*}*/
.news-sec {
position: relative;
overflow: hidden;
}
.news_card {
background: rgba(19, 15, 64, 0.8);
border-radius: 12px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
border-left: 4px solid var(--primary-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.news_card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(108, 92, 231, 0.3);
}
.news_card img {
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.news_card img:hover {
transform: scale(1.03);
}
.news_list ul li {
background: rgba(19, 15, 64, 0.5);
margin-bottom: 10px;
padding: 12px 15px;
border-radius: 8px;
display: flex;
align-items: center;
transition: all 0.3s ease;
border-left: 3px solid transparent;
}
.news_list ul li:hover {
background: rgba(19, 15, 64, 0.8);
transform: translateX(5px);
border-left: 3px solid var(--accent-color);
}
.news_num {
background: var(--primary-color);
color: #fff;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 15px;
font-weight: bold;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.news_list ul li a {
text-decoration: none;
color: #fff;
font-size: 15px;
flex: 1;
transition: all 0.3s ease;
}
.news_list ul li a:hover {
color: var(--accent-color);
}
.ribbon-wrapper {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 150px;
height: 150px;
}
.ribbon {
position: absolute;
top: 30px;
right: -40px;
transform: rotate(45deg);
width: 150px;
text-align: center;
padding: 5px 0;
font-weight: bold;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.news_title {
color: #fff;
margin-top: 10px;
font-weight: bold;
font-size: 1.25rem;
}
.news_date {
color: var(--accent-color);
font-size: 0.9rem;
}
.news-slide {
padding: 15px;
background: rgba(19, 15, 64, 0.5);
border-radius: 8px;
margin-top: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
/*border-left: 3px solid var(--secondary-color);*/
}
.news_event-title {
color: #fff;
font-size: 1.1rem;
margin-bottom: 15px;
}
.news_event-description {
color: #ddd;
font-size: 0.9rem;
line-height: 1.6;
}
.slider-indicators {
display: flex;
justify-content: center;
margin-top: 15px;
}
.indicator {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
margin: 0 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.indicator.active {
background: var(--accent-color);
transform: scale(1.2);
}
.slider-container {
position: relative;
overflow: hidden;
}
.news-slides {
display: flex;
transition: transform 0.5s ease;
}
.news-slide {
min-width: 100%;
}
/* Image slider styles */
.newsx_slider-container {
margin-top: 30px;
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}
.newsx_slider-wrapper {
position: relative;
overflow: hidden;
width: 100%;
border-radius: 12px;
}
.newsx_slides {
display: flex;
transition: transform 0.5s ease;
}
.newsx_slide {
min-width: 100%;
}
.newsx_slide img {
width: 100%;
height: auto;
object-fit: cover;
}
.newsx_slider-controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 2;
}
.newsx_slider-controls button {
background: rgba(108, 92, 231, 0.7);
border: none;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transition: all 0.3s ease;
transform: translateY(-50%);
}
.newsx_slider-controls button:hover {
background: rgba(108, 92, 231, 0.9);
transform: translateY(-50%) scale(1.1);
}
#newsx_prevBtn {
margin-left: 10px;
}
#newsx_nextBtn {
margin-right: 10px;
}
.newsx_slider-dots {
display: flex;
justify-content: center;
position: absolute;
bottom: 15px;
width: 100%;
z-index: 2;
}
.newsx_slider-dot {
width: 12px;
height: 12px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.newsx_slider-dot.active {
background: var(--accent-color);
transform: scale(1.2);
}
.btn-outline-light {
border: 2px solid rgba(255, 255, 255, 0.5);
transition: all 0.3s ease;
}
.btn-outline-light:hover {
background: var(--secondary-color);
border-color: var(--secondary-color);
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4);
}
.btn-primary {
background: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.3s ease;
}
.btn-primary:hover {
background: var(--secondary-color);
border-color: var(--secondary-color);
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4);
}
.badge {
padding: 8px 12px;
border-radius: 30px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.badge i {
margin-right: 5px;
}
/* Hidden news items */
.hidden-news {
display: none;
animation: fadeIn 0.5s ease forwards;
}
/* Animations */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fadeIn {
animation: fadeIn 0.5s ease forwards;
}
@keyframes glowing {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
/* View counter styles */
.view-counter {
display: inline-flex;
align-items: center;
background: #2e2d2d57;
color: #fff;
padding: 5px 10px;
border-radius: 30px;
font-size: 0.85rem;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.view-counter i {
color: var(--accent-color);
margin-right: 5px;
}
/* Newsletter */
.input-group .form-control {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 10px 15px;
}
.input-group .form-control:focus {
background: rgba(255, 255, 255, 0.15);
border-color: var(--secondary-color);
box-shadow: 0 0 0 0.25rem rgba(108, 92, 231, 0.25);
color: #fff;
}
.input-group .form-control::placeholder {
color: rgba(255, 255, 255, 0.6);
}
/* Responsive adjustments */
@media (max-width: 992px) {
.news_purple-section {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.news_section-title {
margin-top: 30px;
}
.entrep-title {
font-size: 1.5rem;
}
.news_card {
padding: 10px;
}
.news_list ul li {
padding: 10px;
}
.news_list ul li a {
font-size: 14px;
}
.news_num {
width: 24px;
height: 24px;
font-size: 12px;
margin-right: 10px;
}
.ribbon {
font-size: 10px;
top: 20px;
right: -35px;
width: 120px;
}
}
@media (max-width: 576px) {
.news_card img {
height: 200px;
object-fit: cover;
}
.entrep-title {
font-size: 1.3rem;
padding: 15px !important;
}
.news_section-title {
font-size: 1.1rem;
}
.news_title {
font-size: 1rem;
}
.news_event-title {
font-size: 1rem;
}
.news_event-description {
font-size: 0.85rem;
}
.newsx_slider-controls button {
width: 30px;
height: 30px;
font-size: 12px;
}
}
/* Make it responsive */
@media (max-width: 768px) {
.guideline-item span {
width: 30px;
height: 30px;
font-size: 14px;
}
}
/* Cleaner approach with CSS classes */
.video-container {
position: relative;
overflow: hidden;
border: 10px solid #fff;
padding-bottom: 140%; /* For vertical videos (9:16 aspect ratio) */
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the entire video is visible without cropping */
}
/* Responsive adjustments */
@media (max-width: 767px) {
.col-md-4 {
padding-left: 10px;
padding-right: 10px;
}
}

/**************************will-update-soon*************************/
.update-container {
width: 90%;
max-width: 700px;
text-align: center;
padding: 2rem;
position: relative;
}
.message-container {
position: relative;
width: 600px;
margin: 0 auto;
padding: 4rem 2rem;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 10px 30px rgb(0 0 0 / 32%);
}
.will-update-soon {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
position: relative;
display: inline-block;
}
.will-update-soon .word {
position: relative;
display: inline-block;
animation: word-slide-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.will-update-soon .word:nth-child(1) {
animation-delay: 0.1s;
}
.will-update-soon .word:nth-child(2) {
animation-delay: 0.3s;
}
.will-update-soon .word:nth-child(3) {
animation-delay: 0.5s;
}
.highlight {
position: relative;
display: inline-block;
}
.highlight::after {
content: '';
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 12px;
background-color: var(--primary);
z-index: -1;
opacity: 0.5;
animation: highlight-expand 1s 0.8s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.loader {
display: flex;
justify-content: center;
margin-top: 2rem;
gap: 0.5rem;
}
.loader-bar {
width: 6px;
height: 30px;
background-color: var(--dark);
border-radius: 4px;
animation: loader 1.2s ease-in-out infinite;
transform-origin: center;
opacity: 0.2;
}
.loader-bar:nth-child(1) {
animation-delay: 0s;
}
.loader-bar:nth-child(2) {
animation-delay: 0.15s;
}
.loader-bar:nth-child(3) {
animation-delay: 0.3s;
}
.loader-bar:nth-child(4) {
animation-delay: 0.45s;
}
.diagonal-lines {
position: absolute;
bottom: -30px;
right: -30px;
width: 150px;
height: 150px;
display: flex;
flex-direction: column;
transform: rotate(-45deg);
z-index: -1;
}
.line {
height: 8px;
margin: 8px 0;
background: linear-gradient(90deg, var(--secondary), var(--primary));
border-radius: 4px;
animation: line-slide-in 1.2s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.line:nth-child(1) {
width: 40%;
animation-delay: 0.2s;
}
.line:nth-child(2) {
width: 70%;
animation-delay: 0.4s;
}
.line:nth-child(3) {
width: 100%;
animation-delay: 0.6s;
}
.circle-decoration {
position: absolute;
top: -40px;
left: -40px;
width: 120px;
height: 120px;
border-radius: 50%;
border: 15px solid var(--secondary);
opacity: 0.15;
z-index: -1;
}
@keyframes word-slide-in {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes highlight-expand {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes loader {
0%, 100% {
height: 30px;
opacity: 0.2;
}
50% {
height: 50px;
opacity: 0.8;
}
}
@keyframes line-slide-in {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.subtitle {
font-size: 1.2rem;
font-weight: 400;
opacity: 0.7;
margin-bottom: 2rem;
transform: translateY(20px);
animation: subtitle-fade 1s 0.7s forwards;
opacity: 0;
}
@keyframes subtitle-fade {
to {
opacity: 0.7;
transform: translateY(0);
}
}
/* Responsive styles */
@media (max-width: 768px) {
.will-update-soon {
font-size: 2.5rem;
}
.subtitle {
font-size: 1rem;
}
.message-container {
padding: 2rem 1.5rem;
}
.circle-decoration {
width: 100px;
height: 100px;
top: -30px;
left: -30px;
border-width: 12px;
}
.diagonal-lines {
width: 120px;
height: 120px;
}
.highlight::after {
height: 8px;
bottom: 4px;
}
}
@media (max-width: 480px) {
.will-update-soon {
font-size: 2rem;
}
.subtitle {
font-size: 0.9rem;
margin-bottom: 1.5rem;
}
.message-container {
padding: 1.5rem 1rem;
}
.loader-bar {
width: 5px;
height: 25px;
}
.circle-decoration {
width: 80px;
height: 80px;
top: -20px;
left: -20px;
border-width: 10px;
}
.diagonal-lines {
width: 100px;
height: 100px;
bottom: -20px;
right: -20px;
}
.line {
height: 6px;
margin: 6px 0;
}
.highlight::after {
height: 6px;
bottom: 3px;
}
}
.countdown {
margin-top: -70px;
}

/**************************will-update-soon*************************/
/*.pdf_container {*/
/*max-width: 600px;*/
/*padding: 20px;*/
/*margin: 0 auto;*/
/*}*/
/*.pdf_corporate-card {*/
/*color: #000;*/
/*padding: 30px;*/
/*text-align: center;*/
/*transition: 0.3s;*/
/*}*/
/*.pdf_corporate-card:hover {*/
/*box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);*/
/*transform: translateY(-5px);*/
/*}*/
/*.pdf_h3 {*/
/*font-size: 26px;*/
/*margin-bottom: 15px;*/
/*}*/
/*.pdf_divider {*/
/*width: 50px;*/
/*height: 4px;*/
/*background: white;*/
/*margin: 10px auto;*/
/*border-radius: 2px;*/
/*}*/
/*.pdf_download-box {*/
/*display: flex;*/
/*flex-direction: column;*/
/*align-items: center;*/
/*padding: 20px;*/
/*border-radius: 10px;*/
/*transition: 0.3s;*/
filter: grayscale(100%); /* Grayscale effect */
/*transition: transform 0.3s ease, filter 0.3s ease, rotate 0.3s ease;*/
/*}*/
/*.pdf_download-box:hover {*/
transform: scale(1.1) rotate(5deg); /* Zoom and rotate */
filter: grayscale(0%); /* Grayscale effect */
/*cursor: pointer;*/
/*}*/
/* Ensuring responsiveness */
/*@media (max-width: 768px) {*/
/*.pdf_download-box:hover {*/
transform: scale(1.05) rotate(3deg); /* Slightly smaller zoom and rotation on smaller screens */
/*}*/
/*}*/
/*.pdf_download-box img {*/
/*width: 100%;*/
/*max-width: 350px;*/
/*border-radius: 8px;*/
/*margin-bottom: 15px;*/
/*}*/
/*.pdf_download-btn {*/
/*background: white;*/
/*color: #2c3e50;*/
/*padding: 12px 20px;*/
/*border-radius: 6px;*/
/*font-size: 16px;*/
/*font-weight: 600;*/
/*text-decoration: none;*/
/*display: inline-block;*/
/*transition: 0.3s;*/
/*}*/
/*.pdf_download-btn:hover {*/
/*background: #f1f1f1;*/
/*transform: scale(1.05);*/
/*}*/
/*@media (max-width: 600px) {*/
/*.pdf_container {*/
/*padding: 15px;*/
/*}*/
/*.pdf_h3 {*/
/*font-size: 22px;*/
/*}*/
/*.pdf_download-btn {*/
/*font-size: 14px;*/
/*padding: 10px 16px;*/
/*}*/
/*}*/
.smrtxx_main-container {
padding: 40px 0;
}
.smrtxx_page-title {
font-weight: 700;
color: var(--primary-color);
margin-bottom: 5px;
position: relative;
display: inline-block;
}
.smrtxx_page-title::after {
content: '';
position: absolute;
width: 50%;
height: 4px;
background-color: var(--accent-color);
bottom: -8px;
left: 25%;
border-radius: 2px;
}
.smrtxx_topics-container {
background: linear-gradient(145deg, #e82121, #2c0202);
border-radius: 16px;
padding: 25px 15px;
height: 100%;
box-shadow: 0 10px 30px rgba(220, 53, 69, 0.3);
position: relative;
overflow: hidden;
}
.smrtxx_topics-container::before {
content: '';
position: absolute;
top: -50px;
right: -50px;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
}
.smrtxx_topics-container::after {
content: '';
position: absolute;
bottom: -30px;
left: -30px;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
}
.smrtxx_topic-list {
list-style: none;
padding-left: 0;
position: relative;
z-index: 2;
}
.smrtxx_topic-item {
padding: 15px 20px;
margin-bottom: 12px;
border-radius: 10px;
cursor: pointer;
transition: all var(--transition-speed);
background-color: #00000073;
color: rgba(255, 255, 255, 0.8);
position: relative;
overflow: hidden;
}
.smrtxx_topic-item:hover {
background-color: #00000036;
color: white;
transform: translateX(5px);
}
.smrtxx_topic-item.smrtxx_active {
background-color: white;
color: #000;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
font-weight: 600;
transform: translateX(10px);
}
.smrtxx_topic-item .smrtxx_icon {
margin-right: 10px;
opacity: 0.8;
transition: all var(--transition-speed);
}
.smrtxx_topic-item:hover .smrtxx_icon,
.smrtxx_topic-item.smrtxx_active .smrtxx_icon {
opacity: 1;
}
.smrtxx_slide-outer-container {
height: 100%;
position: relative;
}
.smrtxx_slide-container {
background: linear-gradient(145deg, #e82121, #2c0202);
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 30px;
height: 100%;
min-height: 400px;
position: relative;
overflow: hidden;
z-index: 1;
}
.smrtxx_slide-container::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 150px;
background: radial-gradient(circle, rgba(247, 97, 112, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
z-index: -1;
}
.smrtxx_slide {
display: none;
animation: slideInRight var(--transition-speed);
height: 100%;
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.smrtxx_active-slide {
display: flex;
flex-direction: column;
}
.smrtxx_slide-number {
font-size: 4rem;
font-weight: 800;
color: #fff8f95e;
position: absolute;
top: 10px;
right: 20px;
line-height: 1;
}
.smrtxx_slide-title {
color: #fff8f95e;
margin-bottom: 20px;
font-weight: 700;
font-size: 40px;
position: relative;
display: inline-block;
}
.smrtxx_slide-title::after {
content: '';
position: absolute;
width: 70%;
height: 3px;
background-color: #00000080;
bottom: -10px;
left: 0;
border-radius: 2px;
}
.smrtxx_slide-content p {
font-size: 1.1rem;
line-height: 1.7;
color: #ffffffcc;
margin-top: 30px;
text-align: justify;
}
.smrtxx_slider-controls {
display: flex;
margin-top: auto;
justify-content: flex-end;
}
.smrtxx_control-btn {
width: 30px;
height: 30px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
margin-left: 10px;
border: none;
transition: all var(--transition-speed);
}
.smrtxx_control-btn i {
color: var(--primary-color);
font-size: 1.2rem;
transition: all var(--transition-speed);
}
.smrtxx_control-btn:hover {
background-color: #ccc;
transform: translateY(-3px);
}
.smrtxx_control-btn:hover i {
color: white;
}
.smrtxx_progress-container {
height: 5px;
width: 100%;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 3px;
margin-top: 20px;
overflow: hidden;
}
.smrtxx_progress-bar {
height: 100%;
background-color: #fff;
width: 0;
transition: width 0.1s linear;
}
@media (max-width: 991px) {
.smrtxx_topics-container {
margin-bottom: 30px;
padding: 20px;
}
.smrtxx_topic-list {
display: flex;
flex-wrap: wrap;
}
.smrtxx_topic-item {
margin-right: 10px;
margin-bottom: 10px;
flex: 1 1 auto;
min-width: 140px;
text-align: center;
}
.smrtxx_topic-item.smrtxx_active {
transform: translateY(-3px);
}
.smrtxx_topic-item:hover {
transform: translateY(-2px);
}
.smrtxx_slide-container {
min-height: 320px;
}
}
@media (max-width: 767px) {
.smrtxx_topic-list {
flex-direction: column;
}
.smrtxx_topic-item {
margin-right: 0;
width: 100%;
text-align: left;
}
.smrtxx_topic-item.smrtxx_active {
transform: translateX(10px);
}
.smrtxx_topic-item:hover {
transform: translateX(5px);
}
.smrtxx_slide-title {
font-size: 1.5rem;
}
.smrtxx_slide-number {
font-size: 3rem;
}
}
.fas .fa-arrow-left,.fas .fa-arrow-right{
color: #000!important;
}
.sdlx_heading {
text-align: center;
color: #2c3e50;
margin-bottom: 30px;
}
.sdlx_tariff-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.sdlx_tariff-table th, .sdlx_tariff-table td {
padding: 12px 15px;
text-align: center;
border: 1px solid #ddd;
}
.sdlx_tariff-table th {
background-color: #202352;
color: white;
font-weight: bold;
}
td.td-red {
background: #ffa2a2;
color: #000;
font-weight: 600;
}
td.td-blue {
background: #92e2fc;
color: #000;
font-weight: 600;
}
td.td-green {
background: #b1e4b1;
color: #000;
font-weight: 600;
}
td.td-orange {
background: #e5ba6a;
color: #000;
font-weight: 600;
}
td.td-brown {
background: #aa5757;
color: #000;
font-weight: 600;
}
.sdlx_tariff-table tr:nth-child(even) {
background-color: #f2f2f2;
}
.sdlx_tariff-table tr:hover {
background-color: #e9f7fe;
}
/* Responsive styles */
@media screen and (max-width: 768px) {
.sdlx_tariff-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.sdlx_tariff-table th, .sdlx_tariff-table td {
padding: 8px 10px;
}
}
@media screen and (max-width: 480px) {
.sdlx_heading {
font-size: 20px;
}
.sdlx_tariff-table th, .sdlx_tariff-table td {
padding: 6px 8px;
font-size: 14px;
}
}
/*.dwnlz_pdf-section {*/
/*padding: 60px 0;*/
/*background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);*/
/*}*/
/*.dwnlz_section-title {*/
/*margin-bottom: 40px;*/
/*position: relative;*/
/*}*/
/*.dwnlz_section-title:after {*/
/*content: "";*/
/*position: absolute;*/
/*bottom: -10px;*/
/*left: 50%;*/
/*transform: translateX(-50%);*/
/*width: 80px;*/
/*height: 3px;*/
/*background-color: var(--primary-color);*/
/*}*/
/*.dwnlz_pdf-card {*/
/*border-radius: 15px;*/
/*overflow: hidden;*/
/*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
/*transition: all 0.3s ease;*/
/*margin-bottom: 30px;*/
/*background-color: white;*/
/*position: relative;*/
/*height: 100%;*/
/*}*/
/*.dwnlz_pdf-card:hover {*/
/*transform: translateY(-10px);*/
/*box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);*/
/*}*/
/*.dwnlz_pdf-thumbnail {*/
/*height: 200px;*/
/*background-color: var(--light-color);*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/
/*.dwnlz_pdf-thumbnail:before {*/
/*content: "PDF";*/
/*position: absolute;*/
/*top: 10px;*/
/*right: 10px;*/
/*background-color: var(--secondary-color);*/
/*color: white;*/
/*padding: 4px 8px;*/
/*border-radius: 4px;*/
/*font-size: 12px;*/
/*font-weight: bold;*/
/*}*/
/*.dwnlz_pdf-icon {*/
/*font-size: 80px;*/
/*color: var(--primary-color);*/
/*animation: pulse 2s infinite;*/
/*}*/
/*@keyframes pulse {*/
/*0% {*/
/*transform: scale(1);*/
/*}*/
/*50% {*/
/*transform: scale(1.05);*/
/*}*/
/*100% {*/
/*transform: scale(1);*/
/*}*/
/*}*/
/*.dwnlz_pdf-info {*/
/*padding: 20px;*/
/*}*/
/*.dwnlz_pdf-title {*/
/*font-weight: 600;*/
/*font-size: 18px;*/
/*margin-bottom: 10px;*/
/*color: var(--dark-color);*/
/*}*/
/*.dwnlz_pdf-desc {*/
/*color: #6c757d;*/
/*font-size: 14px;*/
/*margin-bottom: 20px;*/
/*}*/
/*.dwnlz_pdf-meta {*/
/*display: flex;*/
/*justify-content: space-between;*/
/*margin-bottom: 20px;*/
/*font-size: 13px;*/
/*color: #6c757d;*/
/*}*/
/*.dwnlz_download-btn {*/
/*display: block;*/
/*width: 100%;*/
/*padding: 12px;*/
/*background-color: #198754;*/
/*color: white;*/
/*border: none;*/
/*border-radius: 8px;*/
/*font-weight: 600;*/
/*transition: all 0.3s ease;*/
/*text-align: center;*/
/*text-decoration: none;*/
/*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
/*}*/
/*.dwnlz_download-btn:hover {*/
/*background-color: #375abd;*/
/*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/
/*color: white;*/
/*}*/
/*.dwnlz_download-btn i {*/
/*margin-right: 8px;*/
/*}*/
/*.dwnlz_download-count {*/
/*display: inline-block;*/
/*background-color: rgba(0, 0, 0, 0.1);*/
/*color: var(--dark-color);*/
/*padding: 2px 8px;*/
/*border-radius: 10px;*/
/*font-size: 12px;*/
/*}*/
/*.dwnlz_success-toast {*/
/*position: fixed;*/
/*bottom: 20px;*/
/*right: 20px;*/
/*background-color: var(--accent-color);*/
/*color: white;*/
/*padding: 15px 25px;*/
/*border-radius: 8px;*/
/*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);*/
/*z-index: 9999;*/
/*display: none;*/
/*}*/
/* Progress bar styles */
/*.dwnlz_progress-container {*/
/*width: 100%;*/
/*background-color: #e9ecef;*/
/*border-radius: 10px;*/
/*margin-bottom: 15px;*/
/*overflow: hidden;*/
/*height: 8px;*/
/*display: none;*/
/*}*/
/*.dwnlz_progress-bar {*/
/*height: 100%;*/
/*width: 0;*/
/*background-color: var(--accent-color);*/
/*transition: width 0.5s;*/
/*}*/
/* Responsive adjustments */
/*@media (max-width: 991px) {*/
/*.dwnlz_pdf-thumbnail {*/
/*height: 180px;*/
/*}*/
/*.dwnlz_pdf-icon {*/
/*font-size: 70px;*/
/*}*/
/*}*/
/*@media (max-width: 767px) {*/
/*.dwnlz_section-title {*/
/*font-size: 28px;*/
/*}*/
/*.dwnlz_pdf-card {*/
/*margin-bottom: 20px;*/
/*}*/
/*}*/
/*@media (max-width: 575px) {*/
/*.dwnlz_pdf-section {*/
/*padding: 40px 0;*/
/*}*/
/*.dwnlz_pdf-thumbnail {*/
/*height: 160px;*/
/*}*/
/*.dwnlz_pdf-icon {*/
/*font-size: 60px;*/
/*}*/
/*.dwnlz_pdf-title {*/
/*font-size: 16px;*/
/*}*/
/*}*/
/*.dwnlz_pdf-thumbnail {*/
/*height: 200px;*/
/*background-color: var(--light-color);*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/
/*.dwnlz_pdf-thumbnail:before {*/
/*content: "PDF";*/
/*position: absolute;*/
/*top: 10px;*/
/*right: 10px;*/
/*background-color: var(--secondary-color);*/
/*color: white;*/
/*padding: 4px 8px;*/
/*border-radius: 4px;*/
/*font-size: 12px;*/
/*font-weight: bold;*/
/*z-index: 1;*/
/*}*/
/*.dwnlz_pdf-thumbnail img {*/
/*width: 129px;*/
/*margin-top: 21px;*/
/*height: 100%;*/
/*object-fit: cover;*/
/*transition: transform 0.3s ease;*/
/*}*/
/*.dwnlz_pdf-card:hover .dwnlz_pdf-thumbnail img {*/
/*transform: scale(1.05);*/
/*}*/
.dwnlz_pdf-card {
background: #e0dede3b;
border-radius: 5px;
padding: 10px;
box-shadow: 0 4px 8px rgb(0 0 0 / 24%);
overflow: hidden;
transition: transform 0.3s;
}
.dwnlz_pdf-card:hover {
transform: translateY(-5px);
}
.dwnlz_pdf-thumbnail img {
width: 100%;
height: auto;
cursor: pointer;
}
.dwnlz_pdf-info {
padding: 15px;
text-align: center;
}
.dwnlz_download-btn {
display: inline-block;
padding: 10px 15px;
background: #007bff;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background 0.3s;
}
.dwnlz_download-btn:hover {
background: #fff;
}
.yt-container {
text-align: center;
position: relative;
}
.yt-heading {
font-size: 2rem;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.yt-subtext {
color: #606060;
font-size: 1.2rem;
font-weight: 500;
animation: slideIn 1s ease-out;
}
.play-btn {
display: inline-block;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 20px solid #ffffff;
margin-right: 10px;
position: relative;
top: 3px;
animation: bounce 1s infinite alternate;
}
.underline {
height: 1px;
width: 0;
background: #fff;
margin: 0 auto;
animation: expandLine 1.5s forwards;
}
@keyframes pulse {
0% { transform: scale(1); }
100% { transform: scale(1.05); }
}
@keyframes expandLine {
0% { width: 0; }
100% { width: 100%; }
}
@keyframes slideIn {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes bounce {
0% { transform: translateY(0); }
100% { transform: translateY(-5px); }
}
.yt-container {
background: #ffffff;
border: 3px #ffc107 solid;
border-radius: 5px;
padding: 1.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.yt-container:hover {
transform: translateY(-5px);
}
.yt-heading {
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
}
.play-btn {
display: inline-block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-left: 14px solid #ff0000;
border-bottom: 8px solid transparent;
margin-right: 10px;
}
.yt-iconz {
display: flex;
align-items: center;
padding: 0.75rem 0;
transition: background-color 0.2s ease;
}
.yt-iconz:hover {
border-radius: 5px;
}
.yt-iconz:last-child {
border-bottom: none;
}
.youtube-logo {
width: 30px;
height: 30px;
margin-right: 15px;
}

.yt-p {
font-size: 12px;
color: #000;
margin: 0;
}
/* Responsive Styles */
@media (max-width: 768px) {
.col-md-5 {
max-width: 100%;
padding: 0 15px;
}
.yt-heading {
font-size: 1rem;
}
.yt-p {
font-size: 11px;
}
}
@media (max-width: 576px) {
.yt-container {
padding: 1rem;
}
.yt-heading {
font-size: 1rem;
}
.youtube-logo {
width: 25px;
height: 25px;
margin-right: 10px;
}
}
.mm_sec {
color: #fff;
}
.mm_content {
color: #000;
padding: 40px;
}
.mm_p {
margin-bottom: 20px;
font-size: 15px;
line-height: 1.9;
text-align: justify;
}
.mm_imgz {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
padding: 25px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.mm_img {
width: 100%;
height: auto;
object-fit: cover;
}
@media (max-width: 768px) {
.mm_content, .mm_imgz {
margin-top: 25px;
padding: 30px;
}
.mm_p {
font-size: 15px;
}
.mm_sec {
padding: 30px 20px;
}
}
.zliderx_container {
width: 100%;
overflow: hidden;
position: relative;
padding: 34px 0;
/*background-color: #1d1d33;*/
background-color: #fff;
z-index: -1;
}
.zliderx_track {
display: flex;
animation: zliderx_scroll 40s linear infinite;
width: calc(250px * 14);
}
.zliderx_slide img {
border: 6px double #cca71b;
padding: 10px;
}
.zliderx_slide {
height: 100px;
min-width: 250px;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.zliderx_slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@keyframes zliderx_scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-250px * 7)); }
}
/* Responsive adjustments */
@media (max-width: 992px) {
.zliderx_slide {
min-width: 200px;
}
.zliderx_track {
width: calc(200px * 14);
}
@keyframes zliderx_scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-200px * 7)); }
}
}
@media (max-width: 768px) {
.zliderx_slide {
min-width: 150px;
}
.zliderx_track {
width: calc(150px * 14);
}
@keyframes zliderx_scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-150px * 7)); }
}
}
@media (max-width: 576px) {
.zliderx_slide {
min-width: 120px;
}
.zliderx_track {
width: calc(120px * 14);
}
@keyframes zliderx_scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-120px * 7)); }
}
}
.aud_player-container {
max-width: 800px;
margin: 40px auto;
background: linear-gradient(145deg, #ffffff, #f0f4f8);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 30px;
transition: all 0.3s ease;
}
.aud_title {
font-size: 1.8rem;
margin-bottom: 20px;
color: #2d3748;
text-align: center;
font-weight: 600;
}
.aud_player-wrapper {
position: relative;
background-color: #e2e8f0;
border-radius: 50px;
height: 100px;
display: flex;
align-items: center;
padding: 0 25px;
overflow: hidden;
}
.aud_player-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.2s ease;
z-index: 0;
}
.aud_play-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #4c51bf;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-right: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.aud_play-btn:hover {
background-color: #5a67d8;
transform: scale(1.05);
}
.aud_play-icon, .aud_pause-icon {
color: white;
font-size: 24px;
}
.aud_pause-icon {
display: none;
}
.aud_time-control {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
.aud_progress-bar {
width: 100%;
height: 10px;
border-radius: 5px;
background-color: #cbd5e0;
margin-bottom: 10px;
cursor: pointer;
overflow: hidden;
}
.aud_progress {
width: 0;
height: 100%;
background-color: #ffffff;
border-radius: 5px;
transition: width 0.1s linear;
}
.aud_time-display {
display: flex;
justify-content: space-between;
color: #4a5568;
font-size: 14px;
font-weight: 500;
}
.aud_volume-control {
display: flex;
align-items: center;
margin-left: 20px;
position: relative;
z-index: 1;
}
.aud_volume-icon {
color: #4a5568;
margin-right: 10px;
cursor: pointer;
}
.aud_volume-slider {
width: 80px;
height: 6px;
border-radius: 3px;
background-color: #cbd5e0;
cursor: pointer;
overflow: hidden;
}
.aud_volume-level {
width: 100%;
height: 100%;
background-color: #4c51bf;
border-radius: 3px;
}
.aud_element {
display: none;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.aud_player-container {
padding: 20px;
}
.aud_player-wrapper {
height: auto;
flex-direction: column;
padding: 20px;
border-radius: 20px;
}
.aud_play-btn {
margin-right: 0;
margin-bottom: 20px;
}
.aud_time-control {
width: 100%;
margin-bottom: 20px;
}
.aud_volume-control {
margin-left: 0;
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.aud_title {
font-size: 1.4rem;
}
.aud_play-btn {
width: 50px;
height: 50px;
}
}
.tag-line_header {
background: linear-gradient(135deg, #2c3e50, #34495e);
color: white;
padding: 1.5rem 0;
text-align: center;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.tag-line_container {
padding: 2rem 1rem;
}
.tag-line_partner {
display: flex;
align-items: center;
background-color: white;
border-radius: 12px;
margin: 0.5rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
overflow: hidden;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
}
.tag-line_partner:hover {
transform: scale(1.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.tag-line_number {
display: flex;
align-items: center;
justify-content: center;
min-width: 60px;
font-weight: bold;
color: white;
font-size: 1.2rem;
padding: 1rem;
border-radius: 0 10px 10px 0;
}
.tag-line_name {
padding: 1rem;
font-weight: 500;
font-size: 1.1rem;
flex-grow: 1;
}
.tag-line_color1 { background-color: #e74c3c; }
.tag-line_color2 { background-color: #3498db; }
.tag-line_color3 { background-color: #f39c12; }
.tag-line_color4 { background-color: #27ae60; }
.tag-line_color5 { background-color: #9b59b6; }
@media (max-width: 768px) {
.tag-line_container {
padding: 1rem;
}
}
@media (max-width: 576px) {
.tag-line_partner {
flex-direction: column;
align-items: start;
}
.tag-line_number {
border-radius: 10px 10px 0 0;
width: 100%;
justify-content: center;
}
}
.tag-line-sec {
background: #212529;
margin-top: -30px;
}
.job_form-container {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin-bottom: 2rem;
position: relative;
}
.job_form-header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 2.5rem 2rem;
text-align: center;
position: relative;
}
.job_form-header h1 {
font-weight: 700;
margin-bottom: 0.5rem;
font-size: 2.5rem;
}
.job_form-header p {
opacity: 0.9;
font-size: 1.1rem;
}
.job_form-body {
padding: 2rem;
}
.job_section-card {
border: none;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 2rem;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.job_section-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.job_card-header {
background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
color: white;
font-weight: 600;
padding: 1rem 1.5rem;
border: none;
}
.job_card-header i {
margin-right: 10px;
}
.job_card-body {
padding: 1.5rem;
}
.job_form-label {
font-weight: 500;
margin-bottom: 0.5rem;
color: var(--dark-color);
}
.job_required-field::after {
content: "*";
color: var(--primary-color);
margin-left: 5px;
font-weight: bold;
}
.job_form-control, .job_form-select {
border-radius: 10px;
padding: 0.75rem 1rem;
border: 1px solid #e0e0e0;
transition: all 0.3s ease;
}
.job_form-control:focus, .job_form-select:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem rgba(193, 30, 45, 0.25);
}
.job_form-control.is-invalid, .job_form-select.is-invalid {
border-color: var(--accent-color);
}
.job_invalid-feedback {
color: var(--primary-color);
font-size: 0.85rem;
margin-top: 0.25rem;
}
.job_btn-submit {
background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
border: none;
color: white;
border-radius: 50px;
padding: 1rem 2.5rem;
font-weight: 600;
font-size: 1.1rem;
letter-spacing: 1px;
box-shadow: 0 5px 15px rgba(193, 30, 45, 0.4);
transition: all 0.3s ease;
}
.job_btn-submit:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(193, 30, 45, 0.6);
}

.job_btn-submit:active {
transform: translateY(1px);
}
button.btn.job_btn-submit.job_next-btn {
color: #fff;
border: none;
padding: 10px;
font-size: 14px;
font-weight: 600;
}
.job_btn-outline-primary {
color: #fff;
border-color: var(--primary-color);
border-radius: 50px;
padding: 1rem 2rem;
font-weight: 600;
transition: all 0.3s ease;
}
span.input-group-text.job_input-group-text {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.job_btn-outline-primary:hover {
background-color: var(--primary-color);
color: white;
}
.job_alert {
border-radius: 15px;
padding: 1.5rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.job_form-header h1 {
font-size: 1.8rem;
}
.job_form-body {
padding: 1.5rem 1rem;
}
.job_btn-submit {
width: 100%;
}
}
/* Animation for validation */
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
20%, 40%, 60%, 80% { transform: translateX(5px); }
}
.job_shake {
animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}
/* Progress indicator */
.job_form-progress {
position: sticky;
top: 0;
z-index: 1000;
background: white;
padding: 1rem;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 0 0 15px 15px;
}
.job_progress-container {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.job_progress-step {
text-align: center;
color: #adb5bd;
position: relative;
flex: 1;
}
.job_progress-step.job_active {
color: var(--primary-color);
font-weight: 600;
}
.job_progress-step:before {
content: '';
height: 8px;
width: 8px;
background-color: #adb5bd;
border-radius: 50%;
display: block;
margin: 0 auto 5px;
}
.job_progress-step.job_active:before {
background-color: var(--primary-color);
width: 12px;
height: 12px;
}
.job_progress-bar {
height: 4px;
background-color: #e9ecef;
border-radius: 4px;
margin-top: 5px;
}
.job_progress-bar-fill {
height: 100%;
background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
border-radius: 4px;
transition: width 0.3s ease;
}
.job_form-text {
color: #6c757d;
font-size: 0.875rem;
}
.job_input-group-text {
background-color: var(--primary-color);
color: white;
border-color: var(--primary-color);
}
.job_alert-success {
background-color: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
.job_alert-danger {
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
}
.clg_container {
margin-top: 20px;
}
.clg_header {
text-align: center;
font-weight: bold;
color: #2c3e50;
margin-bottom: 20px;
}
.clg_card {
background-color: #ffffff;
padding: 15px;
margin-bottom: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.clg_card:hover {
animation: wobble 0.8s ease-in-out;
cursor: pointer;
}
@keyframes wobble {
0%, 100% { transform: translateX(0); }
15% { transform: translateX(-10px) rotate(-5deg); }
30% { transform: translateX(8px) rotate(3deg); }
45% { transform: translateX(-6px) rotate(-3deg); }
60% { transform: translateX(4px) rotate(2deg); }
75% { transform: translateX(-2px) rotate(-1deg); }
}
.clg_card h5 {
font-size: 16px;
line-height: 22px;
}
.clg_card p {
color: #c11e2d;
font-size: 14px;
text-align: center;
font-weight: 600;
}
.clg_card span {
font-size: 16px;
color: #333;
padding: 5px 10px;
border-radius: 5px;
width: 100%;
background-color: #f4f4f4;
display: inline-block;
}
/* Styling for numeric values inside the span */
.clg_card span::before {
content: attr(data-number);
background-color: #c11e2d;
color: #fff;
padding: 3px 6px;
border-radius: 3px;
margin-right: 5px;
}
.govt-dep-card {
display: flex;
gap: 10px;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
margin: 15px 0;
transition: all 0.3s;
backdrop-filter: blur(10px);
color: white;
position: relative;
height: 100px;
cursor: pointer;
}
.govt-dep-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.govt-dep-icon {
font-size: 21px;
position: absolute;
top: 10px;
right: 20px;
}
.govt-dep-number {
font-size: 1.2rem;
}
.govt-dep-name {
font-size: 15px;
}
.govt-sec {
background: linear-gradient(135deg, #425c75, #1b2224);
}
.briyanix-sec{
background: #212529;
padding: 50px 0px;
}
.biryani-card {
transition: transform 0.3s ease-in-out;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
padding: 30px;
border: 2px solid #fff;
text-align: center;
font-weight: bold;
color: white;
}
.biryani-card:hover {
transform: scale(1.05);
}
/*.biryani-list {*/
/*counter-reset: biryani-counter;*/
/*list-style-type: none;*/
/*padding-left: 0;*/
/*}*/
/*.biryani-list li {*/
/*position: relative;*/
/*margin-bottom: 1.2rem;*/
/*padding: 1rem 1rem 1rem 3.5rem;*/
/*background-color: white;*/
/*border-radius: 10px;*/
/*box-shadow: 0 3px 10px rgba(0,0,0,0.05);*/
/*transition: transform 0.3s, box-shadow 0.3s;*/
/*}*/
/*.biryani-list li:hover {*/
/*transform: translateY(-5px);*/
/*box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/
/*}*/
/*.biryani-list li::before {*/
/*content: counter(biryani-counter);*/
/*counter-increment: biryani-counter;*/
/*position: absolute;*/
/*left: -15px;*/
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*width: 40px;*/
/*height: 40px;*/
/*background: linear-gradient(135deg, #c11e2d, #dc3545);*/
/*color: white;*/
/*border-radius: 20% 0%;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*font-weight: bold;*/
/*box-shadow: 0 3px 5px rgba(0,0,0,0.2);*/
/*}*/
.restaurant-container {
  counter-reset: restaurant-counter;
}

.biryani-list {
  list-style-type: none;
  padding-left: 0;
}

.biryani-list li {
  position: relative;
  margin-bottom: 1.2rem;
  padding: 1rem 1rem 1rem 3.5rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}

.biryani-list li:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Use the parent counter for all items */
.biryani-list li::before {
  content: counter(restaurant-counter);
  counter-increment: restaurant-counter;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #c11e2d, #dc3545);
  color: white;
  border-radius: 20% 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
/* Custom classes for each biryani type */
/*.veg-hyderabadi::before { background: linear-gradient(135deg, #4CAF50, #8BC34A); }*/
/*.veg-sofiyani::before { background: linear-gradient(135deg, #2196F3, #03A9F4); }*/
/*.veg-minty::before { background: linear-gradient(135deg, #00BCD4, #009688); }*/
/*.veg-kofta::before { background: linear-gradient(135deg, #9C27B0, #673AB7); }*/
/*.veg-layered::before { background: linear-gradient(135deg, #FF5722, #FF9800); }*/
/*.veg-almond::before { background: linear-gradient(135deg, #795548, #9E9E9E); }*/
/*.veg-kabuli::before { background: linear-gradient(135deg, #E91E63, #F44336); }*/
/*.veg-handi::before { background: linear-gradient(135deg, #607D8B, #455A64); }*/
/*.veg-korma::before { background: linear-gradient(135deg, #FFC107, #FFEB3B); }*/
/*.veg-shahi::before { background: linear-gradient(135deg, #3F51B5, #2196F3); }*/
/*.veg-aloo::before { background: linear-gradient(135deg, #FF9800, #FFC107); }*/
/*.veg-achari::before { background: linear-gradient(135deg, #F44336, #E91E63); }*/
/*.veg-tikka::before { background: linear-gradient(135deg, #9C27B0, #E91E63); }*/
/*.veg-masoor::before { background: linear-gradient(135deg, #009688, #4CAF50); }*/
/*.veg-mutter::before { background: linear-gradient(135deg, #8BC34A, #CDDC39); }*/
/*.veg-kashmiri::before { background: linear-gradient(135deg, #3F51B5, #673AB7); }*/
/*.veg-ulavacharu::before { background: linear-gradient(135deg, #FF5722, #F44336); }*/
/*.veg-jackfruit::before { background: linear-gradient(135deg, #4CAF50, #009688); }*/
/*.veg-paneer::before { background: linear-gradient(135deg, #FFC107, #FF9800); }*/
/*.veg-mushroom::before { background: linear-gradient(135deg, #795548, #607D8B); }*/
/*.veg-avakaya::before { background: linear-gradient(135deg, #FF9800, #FF5722); }*/
/*.veg-soya::before { background: linear-gradient(135deg, #CDDC39, #8BC34A); }*/
/*.veg-gobi::before { background: linear-gradient(135deg, #9E9E9E, #607D8B); }*/
/*.veg-millet::before { background: linear-gradient(135deg, #FFEB3B, #FFC107); }*/
/*.veg-sindhi::before { background: linear-gradient(135deg, #E91E63, #9C27B0); }*/
@media (max-width: 768px) {
.biryani-list li {
padding: 0.8rem 0.8rem 0.8rem 3rem;
}
.biryani-list li::before {
width: 35px;
height: 35px;
left: -10px;
}
}
.sponx_heading {
position: relative;
margin-bottom: 50px;
text-align: center;
font-weight: 600;
color: #1e293b;
}
.sponx_heading span {
position: relative;
display: inline-block;
padding: 0 15px;
background: #f8fafc;
z-index: 1;
}
.sponx_heading:before {
content: '';
position: absolute;
left: 25%;
right: 25%;
top: 50%;
height: 1px;
background: #cbd5e1;
z-index: 0;
}
.sponx_logos {
position: relative;
padding: 30px 0;
margin: 0 auto;
overflow: hidden;
background: white;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.sponx_logos:before, .sponx_logos:after {
content: "";
position: absolute;
top: 0;
width: 150px;
height: 100%;
z-index: 2;
}
.sponx_logos:before {
left: 0;
background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
.sponx_logos:after {
right: 0;
background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
}
.sponx_slider {
display: flex;
animation: sponx_scroll 25s linear infinite;
}
.sponx_slider:hover {
animation-play-state: paused;
}
.sponx_logo {
flex: 0 0 auto;
width: 220px;
height: 120px;
margin: 0 30px;
position: relative;
perspective: 800px;
}
.sponx_logo-inner {
position: absolute;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.sponx_logo:hover .sponx_logo-inner {
transform: rotateY(180deg);
}
.sponx_logo-front, .sponx_logo-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
padding: 15px;
}
.sponx_logo-front {
background-color: white;
box-shadow: 0 4px 12px rgb(0 0 0 / 17%);
}
.sponx_logo-back {
background: linear-gradient(135deg, var(--bs-danger), #fbc68f);
cursor: pointer;
color: white;
transform: rotateY(180deg);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.sponx_logo-name {
font-weight: 600;
font-size: 16px;
margin-bottom: 5px;
}
.sponx_logo-info {
font-size: 12px;
opacity: 0.9;
}
.sponx_logo img {
max-width: 80%;
max-height: 80%;
object-fit: contain;
}
@keyframes sponx_scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 8)); /* adjust based on item width and count */
}
}
/* Responsive styles */
@media (max-width: 991px) {
.sponx_logo {
width: 180px;
height: 100px;
margin: 0 20px;
}
@keyframes sponx_scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-200px * 8));
}
}
}
@media (max-width: 767px) {
.sponx_section {
padding: 50px 0;
}
.sponx_logo {
width: 150px;
height: 90px;
margin: 0 15px;
}
.sponx_logo-name {
font-size: 14px;
}
.sponx_logo-info {
font-size: 10px;
}
@keyframes sponx_scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-165px * 8));
}
}
}
@media (max-width: 576px) {
.sponx_logo {
width: 120px;
height: 80px;
margin: 0 10px;
}
.sponx_logos:before, .sponx_logos:after {
width: 70px;
}
@keyframes sponx_scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-130px * 8));
}
}
}
.exhib_section {
padding: 50px 0;
background-color: #f8f9fa;
}
.exhib_card {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
background-color: white;
margin-bottom: 30px;
}
.exhib_image_wrapper {
position: relative;
overflow: hidden;
cursor: pointer;
}
.exhib_image {
width: 100%;
height: auto;
transition: transform 0.4s ease;
display: block;
}
.exhib_image_wrapper:hover .exhib_image {
transform: scale(1.03);
}
.exhib_image_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.1);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.exhib_image_wrapper:hover .exhib_image_overlay {
opacity: 1;
}
.exhib_view_text {
color: white;
background-color: rgb(199 25 25 / 76%);
padding: 10px 20px;
border-radius: 50px;
font-weight: 500;
}
.exhib_pdf_container {
display: none;
width: 100%;
height: 600px;
border-top: 1px solid #eee;
}
.exhib_actions {
display: flex;
justify-content: center;
padding: 20px;
border-top: 1px solid #eee;
}
.exhib_download_btn {
display: inline-flex;
align-items: center;
background-color: #dc3545;
color: white;
padding: 12px 25px;
border-radius: 5px;
text-decoration: none;
transition: all 0.3s ease;
font-weight: 500;
}
.exhib_download_btn:hover {
background-color: #a51a27;
color: white;
transform: translateY(-2px);
box-shadow: 0 6px 8px rgb(253 13 13 / 30%);
}
.exhib_download_btn i {
margin-right: 10px;
font-size: 18px;
}
@media (max-width: 768px) {
.exhib_pdf_container {
height: 450px;
}
}
@media (max-width: 576px) {
.exhib_pdf_container {
height: 350px;
}
.exhib_actions {
padding: 15px;
}
.exhib_download_btn {
padding: 10px 20px;
font-size: 14px;
}
}
p.seminar-para.mt-4.mb-5 {
text-align: justify;
font-size: 16px;
}
.see-more-container {
position: relative;
cursor: pointer;
}
.see-more-dropdown {
display: none;
position: absolute;
left: 100%; /* Position to the right instead of below */
top: 0;
background-color: #c11e2c; /* Match the red background from screenshot */
width: 100%;
z-index: 1000;
width: 300px;
margin-top: -50%;
padding: 20px;
}
@media (max-width: 768px) {
.see-more-dropdown {
display: none;
position: absolute;
left: 15%; /* Position to the right instead of below */
top: 0;
background-color: #dc2626; /* Match the red background from screenshot */
width: 100%;
z-index: 1000;
width: 300px;
margin-top: -50%;
padding: 20px;
}
}
.see-more-container:hover .see-more-dropdown {
display: block;
}
.see-more-dropdown .dropdown-item {
color: white;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: block;
width: 100%;
text-align: left;
}
.see-more-dropdown .dropdown-item:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.see-more-link {
color: black;
text-decoration: none;
display: block;
}
.see-more-link li {
transition: color 0.3s ease-in-out;
}
.see-more-link li a {
color: inherit; /* Ensures it uses the parent li's color */
text-decoration: none; /* Optional: removes underline */
}
.see-more-link li:hover a {
color: #000 !important;
}
/* Scroll to Top Button */
.tvp_scroll_top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: var(--primary-color);
color: white;
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s, transform 0.3s;
z-index: 1000;
}
.tvp_scroll_top.visible {
opacity: 1;
transform: translateY(0);
}
.tvp_scroll_top:hover {
background: var(--secondary-color);
}
/* Hero Section Styles */
.tvp_festival_container {
position: relative;
width: 100%;
overflow: hidden;
}
.tvp_hero_section {
height: 50vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
position: relative;
overflow: hidden;
}
.tvp_hero_section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"%3E%3Cpolygon points="0,100 100,0 100,100" style="fill:rgba(255,255,255,0.05);"/%3E%3C/svg%3E');
background-size: cover;
}
.tvp_hero_content {
text-align: center;
color: white;
padding: 0 20px;
position: relative;
z-index: 2;
}
.tvp_hero_title {
font-size: 3.5rem;
margin-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
animation: fadeInUp 1s ease;
}
.tvp_hero_subtitle {
font-size: 1.2rem;
opacity: 0.9;
max-width: 700px;
margin: 0 auto;
animation: fadeInUp 1s ease 0.2s forwards;
animation-fill-mode: both;
}
/* Gallery Section Styles */
.tvp_gallery_section {
padding: 40px 20px;
background-color: var(--light-color);
}
.tvp_gallery_container {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.tvp_gallery_item {
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: transform var(--transition-speed);
}
.tvp_gallery_item:hover {
transform: translateY(-10px);
}
.tvp_image_wrapper {
position: relative;
overflow: hidden;
padding-top: 75%; /* 4:3 Aspect Ratio */
}
.tvp_gallery_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-speed);
}
.tvp_gallery_item:hover .tvp_gallery_img {
transform: scale(1.05);
}
.tvp_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity var(--transition-speed);
}
.tvp_gallery_item:hover .tvp_overlay {
opacity: 1;
}
.tvp_overlay_text {
color: white;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 1px;
transform: translateY(20px);
transition: transform var(--transition-speed);
}
.tvp_gallery_item:hover .tvp_overlay_text {
transform: translateY(0);
}
/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Styles */
@media (min-width: 576px) {
.tvp_gallery_container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.tvp_gallery_container {
grid-template-columns: repeat(4, 1fr);
}
.tvp_hero_title {
font-size: 4.5rem;
}
.tvp_hero_subtitle {
font-size: 1.5rem;
}
}
/* Custom Styles with b2b_ prefix */
.b2b_scroll-top-btn {
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #f8a100;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 50%;
font-size: 18px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
text-decoration: none;
}
.b2b_scroll-top-btn:hover {
background-color: #e69400;
transform: translateY(-3px);
color: white;
text-decoration: none;
}
.b2b_hero-section {
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/images/biryani-bg.jpg');
background-size: cover;
background-position: center;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin-bottom: 30px;
}
.b2b_hero-title {
font-size: 2.5rem;
font-weight: 700;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.b2b_section-title {
color: #c11e2d;
font-weight: 600;
border-bottom: 2px solid #a82732;
padding-bottom: 10px;
margin-bottom: 20px;
}
.b2b_content-text {
font-size: 16px;
line-height: 1.6;
color: #333;
text-align: justify;
}
.b2b_topic {
font-size: 20px;  
font-weight: 300;
color: #c11e2d;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px; 
}
.b2b_features-list {
list-style-type: none;
padding-left: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 15px;
}
.b2b_feature-item {
padding: 10px 15px;
background-color: #ffe9e6;
border-left: 4px solid #c11e2d;
margin-bottom: 10px;
border-radius: 0 5px 5px 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.b2b_feature-item:hover {
transform: translateX(5px);
background-color: #f8d6d1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.b2b_closing-text, .b2b_cta-text {
font-size: 1.2rem;
font-weight: 500;
color: #333;
line-height: 1.5;
}
.b2b_cta-text {
color: #c11e2d;
font-weight: 600;
padding: 15px 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.b2b_hero-section {
height: 200px;
}
.b2b_hero-title {
font-size: 1.8rem;
}
.b2b_features-list {
grid-template-columns: 1fr;
}
.b2b_section-title {
font-size: 1.5rem;
}
.b2b_content-text, .b2b_closing-text, .b2b_cta-text {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.b2b_hero-section {
height: 150px;
}
.b2b_hero-title {
font-size: 1.5rem;
}
}
.committeex_btn-container {
perspective: 1000px;
background: #cccccc38;
margin-bottom: 10px;
padding: 10px;
}
.committeex_btn {
position: relative;
width: 280px;
height: 80px;
border: none;
background: transparent;
overflow: hidden;
transition: all 0.3s ease;
transform-style: preserve-3d;
}
.committeex_btn::before,
.committeex_btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
opacity: 0;
z-index: -1;
}
.committeex_btn-district {
--neon-color: #00b0ff;
}
.committeex_btn-sponsors {
--neon-color: #c11e2c;
}
.committeex_btn::before {
border: 2px solid var(--neon-color);
box-shadow: 0 0 10px var(--neon-color), 
0 0 20px var(--neon-color), 
inset 0 0 15px var(--neon-color);
clip-path: polygon(
0% 0%,     /* Top left */
100% 0%,   /* Top right */
100% 100%, /* Bottom right */
0% 100%    /* Bottom left */
);
}
.committeex_btn:hover::before {
opacity: 1;
animation: committeex_neon-border 1.5s infinite alternate;
}
.committeex_btn-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #c11e2c;
position: relative;
z-index: 1;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.committeex_btn-icon {
margin-right: 15px;
transition: transform 0.3s ease;
stroke: var(--neon-color);
}
.committeex_btn:hover .committeex_btn-icon {
transform: rotate(360deg) scale(1.2);
}
.committeex_btn::after {
background: rgba(0,0,0,0.5);
clip-path: polygon(
0% 0%,     /* Top left */
100% 0%,   /* Top right */
100% 100%, /* Bottom right */
0% 100%    /* Bottom left */
);
}
.committeex_btn:hover {
transform: translateZ(50px) rotateX(10deg) rotateY(10deg);
}
.committeex_btn:active {
transform: translateZ(-50px) scale(0.95);
}
@keyframes committeex_neon-border {
0% {
box-shadow: 0 0 10px var(--neon-color), 
0 0 20px var(--neon-color), 
inset 0 0 15px var(--neon-color);
}
100% {
box-shadow: 0 0 20px var(--neon-color), 
0 0 40px var(--neon-color), 
inset 0 0 30px var(--neon-color);
}
}
.committeex_matrix-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -2;
opacity: 0.1;
}
.committeex_digital-rain {
position: absolute;
font-size: 10px;
color: rgba(0,255,0,0.1);
user-select: none;
pointer-events: none;
}
.committeex_btn {
position: relative;
overflow: hidden;
border: none;
background-color: #f0f0f0;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.committeex_btn-content {
display: flex;
align-items: center;
gap: 10px;
}
.district-icon {
width: 50px;
height: 50px;
overflow: hidden;
}
.district-icon img {
width: 100%;
height: 100%;
object-fit: contain;
filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(15deg) brightness(104%) contrast(97%);
transition: transform 0.3s ease;
}
.committeex_btn:hover .district-icon img {
transform: scale(1.2);
}
.district-container {
perspective: 1000px;
margin-bottom: 20px;
}
.district-card {
background: linear-gradient(145deg, #ffffff, #e6e9f0);
border-radius: 15px;
box-shadow: 
10px 10px 20px #d1d9e6, 
-10px -10px 20px #ffffff;
transition: all 0.4s ease;
overflow: hidden;
position: relative;
height: 100%;
}
.district-card:hover {
transform: scale(1.05) rotate(2deg);
box-shadow: 
15px 15px 30px #d1d9e6, 
-15px -15px 30px #ffffff;
}
.district-number {
background: linear-gradient(45deg, #e24a4a, #6d0101);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
border-bottom-right-radius: 15px;
position: absolute;
top: 0;
left: 0;
padding: 10px 15px;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.district-name {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: #2c3e50;
padding: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
z-index: 10;
}
.video-sec {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23c11e2c" fill-opacity="1" d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.feed-contents {
background: #f4f4f4; 
}
.feed-content {
font-family: 'Arial', sans-serif;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.feed-container {
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
overflow: hidden;
}
.feed-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: #fbf3f4;
border-bottom: 1px solid #e0e0e0;
}
.feed-heading h1 {
font-size: 18px;
color: #000;
font-weight: 600;
}
.feed-close {
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
}
.feed-s {
position: absolute;
width: 2px;
height: 16px;
background-color: #888;
top: 50%;
left: 50%;
}
.feed-s1 {
transform: translate(-50%, -50%) rotate(45deg);
}
.feed-s2 {
transform: translate(-50%, -50%) rotate(-45deg);
}
.feed-mid {
display: flex;
justify-content: space-around;
padding: 20px 10px;
background-color: #f9f9f9;
}
.feed-media {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all 0.3s ease;
cursor: pointer;
}
.feed-media:hover, .feed-media.feed-active {
background-color: #e0e0e0;
}
.feed-media img {
width: 35px;
height: 35px;
}
.feed-textarea {
padding: 15px 20px;
}
.feed-textarea p {
color: #666;
margin-bottom: 10px;
font-size: 14px;
}
.feed-textarea textarea {
width: 100%;
height: 120px;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
resize: none;
font-size: 14px;
}
.feed-textarea textarea::placeholder {
color: #aaa;
}
.feed-end {
display: flex;
justify-content: space-between;
padding: 15px 20px;
background: linear-gradient(to right, #cc0a0a, #940505);
border-top: 1px solid #e0e0e0;
}
.feed-btn {
padding: 10px 20px;
border: none;
border-radius: 6px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.feed-sub {
background-color: #4CAF50;
color: white;
}
.feed-skp {
background-color: #f0f0f0;
color: #666;
}
.feed-btn:hover {
opacity: 0.9;
}
.enmd_exhibitor-container {
width: 100%;
max-width: 700px;
}
.enmd_exhibitor-item {
background-color: white;
border-left: 6px solid #c11e2d;
margin-bottom: 20px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.enmd_exhibitor-item::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255, 0, 0, 0.1), transparent);
transition: all 0.6s ease;
}
.enmd_exhibitor-item:hover::before {
left: 100%;
}
.enmd_exhibitor-item:hover {
transform: translateX(10px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.enmd_exhibitor-number {
position: absolute;
top: -10px;
left: -10px;
background-color: #c11e2d;
color: white;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 10px 0;
font-weight: bold;
font-size: 1.2rem;
}
.enmd_exhibitor-details {
margin-left: 20px;
color: #000000;
text-align: center;
}
.enmd_exhibitor-tag {
background-color: #c11e2d;
color: white;
padding: 3px 8px;
border-radius: 4px;
font-size: 0.8rem;
margin-left: 10px;
}
@media (max-width: 768px) {
.enmd_exhibitor-item {
padding: 15px;
}
.enmd_exhibitor-number {
width: 40px;
height: 40px;
font-size: 1rem;
}
.enmd_exhibitor-details {
margin-left: 10px;
font-size: 0.9rem;
}
}
.sbfv_title {
text-align: center;
color: #d97706;
margin-bottom: 20px;
}
.sbfv_card {
border: none;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.sbfv_card:hover {
transform: scale(1.05);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}
.sbfv_card-header {
background: #c11e2d;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.2rem;
font-weight: bold;
padding: 10px;
}
.sbfv_icon img {
width: 40px;
height: 40px;
}
.sbfv_card-body {
padding: 15px;
background: #f6f6f6d4;
}
.sbfv_card-body p {
font-size: 16px !important;
}
.advc_container {
max-width: 1200px;
margin: 2rem auto;
padding: 0 15px;
}
/*.advc_topic {*/
/*text-align: center;*/
/*color: #2c3e50;*/
/*font-size: 2.5rem;*/
/*margin-bottom: 2rem;*/
/*border-bottom: 3px solid #3498db;*/
/*padding-bottom: 0.5rem;*/
/*}*/
.advc_image-row {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.advc_image-column {
flex: 1;
min-width: 250px;
max-width: 400px;
transition: transform 0.3s ease;
}
.advc_image-column img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.advc_image-column:hover {
transform: scale(1.05);
}
/* Responsive adjustments */
@media (max-width: 768px) {
.advc_image-column img {
width: 100%;
height: 40vh;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/*.advc_topic {*/
/*font-size: 2rem;*/
/*}*/
.advc_image-row {
flex-direction: column;
align-items: center;
}
.advc_image-column {
max-width: 100%;
margin-bottom: 1rem;
}
}
.advc_topic {
position: relative;
text-align: center;
color: #333;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding: 20px;
margin: 0 auto;
margin-bottom: 30px;
background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
border-radius: 15px;
box-shadow: 
0 10px 20px rgba(0,0,0,0.1),
0 6px 6px rgba(0,0,0,0.12);
max-width: 900px;
width: 100%;
overflow: hidden;
}
.advc_topic::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(
45deg, 
transparent 0%, 
rgba(231, 76, 60, 0.1) 25%, 
rgba(231, 76, 60, 0.2) 50%
);
transparent 75%, 
transparent 100%
);
transform: rotate(-45deg);
z-index: 1;
animation: shine 5s infinite linear;
}
@keyframes shine {
0% {
transform: rotate(-45deg) translateX(-100%);
}
100% {
transform: rotate(-45deg) translateX(100%);
}
}
.advc_topic span {
position: relative;
z-index: 2;
display: block;
}
.advc_topic .name {
color: #c11e2d;
font-weight: 700;
}
.advc_topic .location {
font-size: 1.2rem;
color: #7f8c8d;
margin-top: 10px;
letter-spacing: 1px;
}
@media (max-width: 768px) {
.advc_topic {
font-size: 1.8rem;
padding: 15px;
letter-spacing: 1px;
}
.advc_topic .location {
font-size: 1rem;
}
}
/*Job Fair*/
.jf_upload-container {
background-color: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
padding: 40px;
margin: 0 auto;
margin-bottom: 35px;
width: 100%;
max-width: 500px;
text-align: center;
transition: transform 0.3s ease;
}
.jf_upload-container:hover {
transform: scale(1.02);
}
.jf_upload-icon {
font-size: 70px;
margin-bottom: 20px;
color: var(--primary-color);
}
.jf_file-upload-wrapper {
position: relative;
border: 3px dashed var(--primary-color);
border-radius: 10px;
padding: 50px 20px;
margin: 20px 0;
transition: all 0.3s ease;
}
.jf_file-upload-wrapper:hover {
background-color: rgba(74, 144, 226, 0.05);
}
.jf_file-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.jf_upload-btn {
background: linear-gradient(to right, #cc0a0a, #940505);background: linear-gradient(to right, #cc0a0a, #940505);
color: white;
border: none;
padding: 12px 25px;
border-radius: 50px;
font-weight: bold;
cursor: pointer;
transition: transform 0.3s ease;
}
.jf_upload-btn:hover {
transform: scale(1.05);
}
.jf_file-name {
margin-top: 15px;
color: #6c757d;
word-break: break-all;
}
@media (max-width: 600px) {
.jf_upload-container {
padding: 20px;
margin: 20px 10px;
}
}
.accordionsmtrx_ziehharmonika h3 {
background: #fdc41b;
color: #fff;
text-align: left;
border-radius: 4px;
padding: 14px 12px;
cursor: pointer;
margin-top: 0;
margin-bottom: 9px;
padding-right: 40px;
transition: 0.25s all;
position: relative;
}
/* Define the keyframes for the beat (pulse) effect */
@keyframes beatEffect {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
/* Apply the animation to the accordion element */
.accordionsmtrx_ziehharmonika {
animation: beatEffect 3s infinite ease-in-out;
}
/* Pause the animation when the element is hovered */
.accordionsmtrx_ziehharmonika:hover {
animation-play-state: paused;
}
.accordionsmtrx_ziehharmonika h3.active {
margin-bottom: 21px;
background: #c11e2c;
}
.accordionsmtrx_ziehharmonika h3::before {
content: attr(data-prefix);
font-size: 18px;
margin-right: 9px;
}
.accordionsmtrx_ziehharmonika h3.alignLeft {
padding-left: 35px;
}
.accordionsmtrx_ziehharmonika > div {
display: none;
background: #fff;
border-radius: 4px;
border: 1px solid #cdcdcd;
text-align: left;
padding: 31px 33px;
margin-bottom: 9px;
margin: 0;
}
.accordionsmtrx_ziehharmonika .arrowDown {
width: 0;
height: 0;
border-style: solid;
border-width: 13.0px 7.5px 0 7.5px;
border-color: #272e35 transparent transparent transparent;
position: absolute;
bottom: 0;
left: 40px;
transition: 0.25s all;
opacity: 0;
}
.accordionsmtrx_ziehharmonika .active .arrowDown {
bottom: -12px;
border-color: #c11e2c transparent transparent transparent;
opacity: 1;
}
.accordionsmtrx_ziehharmonika .collapseIcon {
position: absolute;
right: 20px;
top: 45%;
font-size: 25px;
font-weight: 300;
transform: translate(0, -50%);
}
.accordionsmtrx_ziehharmonika .collapseIcon.alignLeft {
right: initial;
left: 20px;
}
.accordionsmtrx_biryani-list {
max-width: 600px;
margin: 40px auto;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.accordionsmtrx_biryani-list ul {
list-style: none;
padding: 0;
}
.accordionsmtrx_biryani-list li {
font-size: 18px;
padding: 10px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
}
.accordionsmtrx_biryani-list li:last-child {
border-bottom: none;
}
.accordionsmtrx_biryani-list i {
color: #ff9800;
margin-right: 10px;
}
.accordionsmtrx_biryani-list ul {
max-height: 300px; /* Adjust the height as needed */
overflow-y: auto;
scroll-behavior: smooth; /* Enables smooth scrolling */
/* Optional: Customize scrollbar */
scrollbar-width: thin; /* For Firefox */
scrollbar-color: #c11e2c transparent;
}
/* Webkit-based browsers (Chrome, Safari) */
.accordionsmtrx_biryani-list ul::-webkit-scrollbar {
width: 6px;
}
.accordionsmtrx_biryani-list ul::-webkit-scrollbar-thumb {
background: #c11e2c;
border-radius: 10px;
}
.invmeet_section {
position: relative;
background: linear-gradient(135deg, #0d1b2a, #1b263b);
padding: 20px 0;
margin-top: -30px;
color: #fff;
overflow: hidden;
}
.invmeet_section::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1), transparent 50%);
pointer-events: none;
}
.invmeet_container {
position: relative;
margin: auto;
background: rgba(255, 255, 255, 0.1);
padding: 40px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.invmeet_container:hover {
transform: scale(1.02);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);
}
.invmeet_heading {
font-size: 2.5rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
background: linear-gradient(45deg, #fff, var(--text-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
}
.invmeet_text {
font-size: 16px;
line-height: 1.7;
color: #fff;
opacity: 0.9;
margin-bottom: 15px;
padding-left: 20px;
position: relative;
}
.invmeet_text::before {
content: '•';
position: absolute;
left: 0;
color: var(--accent-color);
font-weight: bold;
}
.invmeet_btn {
background: var(--accent-color);
border: none;
padding: 14px 30px;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
border-radius: 50px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-transform: uppercase;
display: inline-block;
margin-top: 20px;
position: relative;
overflow: hidden;
}
.invmeet_btn::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
transition: all 0.5s ease;
}
.invmeet_btn:hover::after {
left: 100%;
}
.invmeet_btn:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
@media (max-width: 768px) {
.invmeet_section {
padding: 40px 0;
}
.invmeet_container {
margin: 0 15px;
padding: 25px;
}
.invmeet_heading {
font-size: 2rem;
}
.invmeet_text {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.invmeet_heading {
font-size: 1.5rem;
}
.invmeet_btn {
width: 100%;
text-align: center;
}
}
.msme_gradient_background {
background: #f1f1f1ba;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0;
}
.msme_diagonal_card {
background: white;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
position: relative;
}
.msme_diagonal_overlay {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 200px 200px 0;
border-color: transparent #c11e2c transparent transparent;
z-index: 1;
}
.msme_content_section {
padding: 40px;
position: relative;
z-index: 2;
}
.msme_icon_container {
background: rgb(255 7 7 / 30%);
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.msme_membership_icon {
font-size: 48px;
color: var(--msme_primary_color);
}
.msme_title {
color: #2c3e50;
font-weight: 700;
margin-bottom: 20px;
}
.msme_description {
color: #000000;
line-height: 1.7;
font-size: 16px;
text-align: justify;
/* margin-bottom: 25px; */
}
.msme_action_button {
background: #c11e2c;
color: white;
border: none;
padding: 12px 25px;
border-radius: 50px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.msme_action_button:hover {
background: #a10816;
transform: translateY(-5px);
box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
.msme_content_section {
padding: 20px;
}
.msme_diagonal_overlay {
border-width: 0 100px 100px 0;
}
}
.crowd-guarantee-container {
background-color: white;
border-radius: 15px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
padding: 30px;
margin-top: 30px;
}
.crowd-guarantee-title {
background: linear-gradient(to right, #ff6b6b, #4ecdc4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
text-align: center;
margin-bottom: 30px;
}
.strategy-card {
background-color: #d0d0d0;
border-left: 5px solid #c11e2c;
margin-bottom: 20px;
padding: 20px;
transition: all 0.3s ease;
position: relative;
}
.strategy-card:hover {
transform: scale(1.02);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.strategy-card .card-number {
position: absolute;
top: -10px;
left: -10px;
background-color: #fdc41b;
color: white;
padding: 5px 10px;
border-radius: 50%;
font-weight: bold;
font-size: 0.8rem;
}
.final-message {
background-color: #c11e2c;
color: white;
padding: 20px;
text-align: center;
margin-top: 30px;
}
.strategy-card p{
font-size: 15px;
text-align: justify;
}
@media (max-width: 768px) {
.strategy-card {
margin-bottom: 15px;
padding: 15px;
}
}
section.msme-sec {
margin-top: -32px;
}
.ibfe-invest_body {
background-color: var(--ibfe-invest_background);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
}
.ibfe-invest_header {
background: linear-gradient(135deg, var(--ibfe-invest_primary-color), var(--ibfe-invest_secondary-color));
color: white;
padding: 40px 0;
text-align: center;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.ibfe-invest_main-container {
background-color: white;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
padding: 40px;
position: relative;
z-index: 10;
}
.ibfe-invest_card {
background-color: #c11e2d;
color: #fff;
border-left: 5px solid var(--bs-yellow);
margin-bottom: 15px;
padding: 15px;
height: 150px;
transition: all 0.3s ease;
}
.ibfe-invest_card p {
font-size: 16px;
text-align: justify;
}
.ibfe-invest_card:hover {
transform: translateX(10px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.ibfe-invest_section-title {
color: #fff !important;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 30px;
}
.ibfe-invest_success-section {
border-radius: 8px;
margin-top: 30px;
}
.ibfe-invest_icon {
color: var(--ibfe-invest_accent-color);
margin-right: 10px;
}
.ibfe-invest_contact-section {
background-color: #c11e2d;
color: #fff;
border-radius: 8px;
padding: 20px;
margin-top: 20px;
}
@media (max-width: 768px) {
.ibfe-invest_contact-section {
background-color: #c11e2d;
color: #fff;
border-radius: 8px;
padding: 0px;
margin-top: 20px;
}
.ibfe-invest_main-container {
padding: 20px;
margin-top: -30px;
}
.ibfe-invest_card {
background-color: #000;
color: #ccc;
border-left: 5px solid var(--bs-yellow);
margin-bottom: 15px;
padding: 15px;
height: 120px;
transition: all 0.3s ease;
}
.ibfe-invest_card h5 {
font-size: 14px;
text-align: center;
}
.ibfe-invest_card p {
font-size: 13px;
text-align: center;
}
}
/* Additional styles for full 21 points */
.ibfe-invest_all-points {
background-color: #f8f9fa;
border-radius: 8px;
padding: 30px;
margin-top: 0px;
}
.grlshma_main-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
overflow-x: hidden;
}
.grlshma_header {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 2rem 0;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.grlshma_title {
font-weight: 700;
color: #212529;
}
.grlshma_subtitle {
color: #6c757d;
}
.grlshma_tabs-container {
margin-top: 2rem;
}
.grlshma_tab {
border: none;
padding: 1rem 2rem;
border-radius: 0.5rem 0.5rem 0 0;
font-weight: 600;
transition: all 0.3s ease;
margin-right: 4px;
position: relative;
z-index: 1;
}
.grlshma_tab-chicken {
background-color: rgba(230, 57, 70, 0.1);
color: var(--chicken-color);
}
.grlshma_tab-chicken.active {
background-color: var(--chicken-color);
color: white;
}
.grlshma_tab-shawarma {
background-color: rgba(230, 57, 70, 0.1);
color: var(--chicken-color);
}
.grlshma_tab-shawarma.active {
background-color: var(--chicken-color);
color: white;
}
.grlshma_content-container {
padding: 2rem;
border-radius: 0 0.5rem 0.5rem 0.5rem;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
margin-bottom: 2rem;
position: relative;
z-index: 0;
}
.grlshma_content-chicken {
background: linear-gradient(135deg, white 0%, rgba(230, 57, 70, 0.1) 100%);
border-top: 4px solid var(--chicken-color);
}
.grlshma_content-shawarma {
background: linear-gradient(135deg, white 0%, rgba(69, 123, 157, 0.1) 100%);
border-top: 4px solid var(--chicken-color);
display: none;
}
.grlshma_content-title {
font-weight: 700;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}
.grlshma_content-title::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 3px;
border-radius: 1.5px;
}
.grlshma_chicken-title::after {
background-color: var(--chicken-color);
}
.grlshma_shawarma-title::after {
background-color: var(--chicken-color);
}
.grlshma_feature-list {
list-style: none;
padding-left: 0;
margin-top: 1.5rem;
}
.grlshma_feature-item {
padding: 0.5rem 0;
position: relative;
padding-left: 2rem;
margin-bottom: 0.5rem;
}
.grlshma_feature-chicken {
background-color: rgba(230, 57, 70, 0.05);
border-radius: 0.25rem;
}
.grlshma_feature-shawarma {
background-color: rgba(230, 57, 70, 0.05);
border-radius: 0.25rem;
}
.grlshma_feature-item i {
position: absolute;
left: 0.75rem;
top: 0.75rem;
}
.grlshma_cta {
padding: 0.75rem 1.5rem;
border-radius: 2rem;
font-weight: 600;
transition: all 0.3s ease;
border: none;
margin-top: 1.5rem;
display: inline-block;
text-decoration: none;
}
.grlshma_cta-chicken {
background-color: var(--chicken-color);
color: white;
}
.grlshma_cta-chicken:hover {
background-color: #c1121f;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(230, 57, 70, 0.3);
color: white;
}
.grlshma_cta-shawarma {
background-color: var(--shawarma-color);
color: white;
}
.grlshma_cta-shawarma:hover {
background-color: #2a6f97;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(69, 123, 157, 0.3);
color: white;
}
.grlshma_image-container {
position: relative;
overflow: hidden;
border-radius: 0.5rem;
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
height: 100%;
min-height: 200px;
}
.grlshma_image {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform 0.5s ease;
}
.grlshma_image:hover {
transform: scale(1.05);
}
@media (max-width: 768px) {
.grlshma_content-container {
padding: 1.5rem;
}
.grlshma_tab {
padding: 0.75rem 1rem;
font-size: 0.9rem;
}
.grlshma_image-container {
margin-top: 1.5rem;
}
.grlshma_feature-chicken {
background-color: rgba(230, 57, 70, 0.05);
border-radius: 0.25rem;
font-size: 14px;
padding: 12px;
text-align: center;
}
#grlshma_chicken-content p {
font-size: 14px;
text-align: justify;
}
#grlshma_shawarma-content p {
font-size: 14px;
text-align: justify;
}
#grlshma_chicken-content h4,#grlshma_shawarma-content h4 {
font-size: 16px;
}
.grlshma_content-title {
font-weight: 700;
margin-bottom: 1rem;
position: relative;
display: inline-block;
font-size: 18px;
}
}
/* Vendor Registration Section */
.vr_sec {
padding: 30px 0 50px;
}
.vr_para {
font-size: 17px;
line-height: 1.6;
margin-bottom: 25px;
border-left: 4px solid #c11e2d;
padding-left: 15px;
}
.vr_heading {
color: #c11e2d;
font-weight: 600;
margin: 15px 0;
font-size: 20px;
}
.vr_box {
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
background-color: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.vr_list {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.vr_list li {
padding: 8px 0 8px 30px;
position: relative;
}
.vr_list li::before {
content: "→";
color: #c11e2d;
position: absolute;
left: 5px;
}
.vr_section_title {
background-color: #c11e2d;
color: white;
padding: 10px 15px;
border-radius: 6px;
margin-bottom: 15px;
font-size: 18px;
font-weight: 500;
}
.vr_warning {
color: #f44336;
font-weight: 500;
}
.vr_date {
background-color: #f5f5f5;
padding: 10px;
border-radius: 4px;
display: inline-block;
margin: 5px 0;
font-weight: 500;
}
.vr_note {
font-style: italic;
color: #757575;
margin-top: 10px;
font-size: 14px;
}
.vr_signature {
text-align: right;
margin-top: 30px;
font-style: italic;
color: #616161;
}
/* Section dividers */
.vr_divider {
height: 3px;
background: linear-gradient(to right, #c11e2d, transparent);
margin: 30px 0;
}
/* Media Queries */
@media (max-width: 767px) {
.hero-title {
font-size: 28px;
}
.vr_para {
font-size: 16px;
}
.vr_section_title {
font-size: 17px;
}
}
@keyframes beat {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 10px rgba(253, 196, 27, 0.8), 0 0 20px rgba(253, 196, 27, 0.6);
}
50% {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(253, 196, 27, 1), 0 0 40px rgba(253, 196, 27, 0.9);
}
}
.cg-btnz {
font-size: 18px;
font-weight: bold;
color: #fff;
background: #222;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
text-align: center;
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow: 0 0 10px rgba(253, 196, 27, 0.8), 0 0 20px rgba(253, 196, 27, 0.6);
border: 2px solid rgba(253, 196, 27, 0.8);
transition: all 0.3s ease-in-out;
animation: beat 1.5s infinite ease-in-out;
}
.cg-btnz:hover {
color: #ccc;
transform: scale(1.1);
box-shadow: 0 0 20px rgba(253, 196, 27, 1), 0 0 40px rgba(253, 196, 27, 0.9);
}
.invmeet-cont_business-card {
width: 350px;
background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
transition: all 0.3s ease;
padding: 25px;
color: white;
}
.invmeet-cont_business-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}
.invmeet-cont_business-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255,255,255,0.3), rgba(255,255,255,0));
clip-path: polygon(0 0, 50% 0, 25% 100%, 0 100%);
z-index: 0;
}
.invmeet-cont_business-card h2 {
position: relative;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 5px;
z-index: 1;
}
.invmeet-cont_business-card h4 {
position: relative;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
opacity: 0.85;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 12px;
margin-bottom: 15px;
z-index: 1;
}
.invmeet-cont_contact-info {
position: relative;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
transition: transform 0.2s ease;
z-index: 1;
}
.invmeet-cont_contact-info:hover {
transform: translateX(5px);
}
.invmeet-cont_contact-info i {
font-size: 18px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 5px;
}
.invmeet-cont_contact-info a {
color: white;
text-decoration: none;
font-size: 15px;
letter-spacing: 0.5px;
}
.invmeet-cont_contact-info a:hover {
text-decoration: none;
color: #fff;
}
@media (max-width: 400px) {
.invmeet-cont_business-card {
width: 100%;
}
}
.sbfv-span {
font-size: 14px;
font-weight: 700;
color: #000;
background: #fdc41b;
border: 2px solid;
padding: 4px 7px;
border-radius: 5px 0px;
margin-right: 20px;
}
/* Ensure only numbers are styled */
.sbfv-span::after {
content: attr(data-num);
font-family: monospace;
}
.smartzx_playbtn {
position: relative;
display: inline-block;
padding: 20px 100px;
margin: 40px 0;
color: #c11e2c;
text-decoration: none;
text-transform: uppercase;
transition: 0.5s;
font-weight: 600;
letter-spacing: 4px;
overflow: hidden;
}
.b2b-div .b2c-div {
position: relative;
}
.b2b-div::before {
content: "";
position: absolute;
background-image: url(../arrow.png);
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 80px;
top: 9%;
left: 117px;
opacity: 0.6;
transform: rotate(24deg);
z-index: 1;
}
.b2b-div::after {
content: "";
position: absolute;
background-image: url(../arrow.png);
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 80px;
top: 41%;
right: 9%;
opacity: 0.7;
transform: rotate(205deg);
z-index: 1;
}
/* First arrow */
.b2b-div::before {
top: 9%;
left: 10%;
transform: rotate(24deg);
}
/* Second arrow */
.b2b-div::after {
top: 41%;
right: 9%;
opacity: 0.7;
transform: rotate(205deg);
}
/* Responsive styles for tablets */
@media screen and (max-width: 768px) {
.b2b-div::before, 
.b2b-div::after {
width: 60px;
height: 60px;
}
.b2b-div::before {
left: 8%;
}
}
/* Responsive styles for mobile devices */
@media screen and (max-width: 480px) {
.b2b-div::before, 
.b2b-div::after {
width: 40px;
height: 40px;
}
.b2b-div::before {
top: 5%;
left: 5%;
}
.b2b-div::after {
top: 45%;
right: 5%;
}
}
.smartzx_playbtn:hover {
background: #a41824;
color: #fff;
box-shadow: 0 0 5px #a41824, 0 0 25px #a41824, 0 0 50px #a41824, 0 0 200px #a41824;
-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}
.smartzx_playbtn span {
position: absolute;
display: block;
}
.smartzx_playbtn span:nth-child(1) {
top: 0;
left: 0;
width: 100%;
height: 10px;
background: linear-gradient(90deg, transparent, #c11e2c);
animation: smartzx_animate1 1s linear infinite;
}
@keyframes smartzx_animate1 {
0% { left: -100%; }
50%, 100% { left: 100%; }
}
.smartzx_playbtn span:nth-child(2) {
top: -100%;
right: 0;
width: 10px;
height: 100%;
background: linear-gradient(180deg, transparent, #c11e2c);
animation: smartzx_animate2 1s linear infinite;
animation-delay: 0.25s;
}
@keyframes smartzx_animate2 {
0% { top: -100%; }
50%, 100% { top: 100%; }
}
.smartzx_playbtn span:nth-child(3) {
bottom: 0;
right: 0;
width: 100%;
height: 10px;
background: linear-gradient(270deg, transparent, #c11e2c);
animation: smartzx_animate3 1s linear infinite;
animation-delay: 0.5s;
}
@keyframes smartzx_animate3 {
0% { right: -100%; }
50%, 100% { right: 100%; }
}
.smartzx_playbtn span:nth-child(4) {
bottom: -100%;
left: 0;
width: 10px;
height: 100%;
background: linear-gradient(360deg, transparent, #c11e2c);
animation: smartzx_animate4 1s linear infinite;
animation-delay: 0.75s;
}
@keyframes smartzx_animate4 {
0% { bottom: -100%; }
50%, 100% { bottom: 100%; }
}
section.b2b-b2c_sec {
padding: 50px;
/*background-image: url('../covers.png');*/
background-image: url('../birdz.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.got-box {
padding: 15px;
height: 70px;
border-radius: 10px;
background-color: #f8f9fa; /* Light gray */
color: #000;
text-align: center;
font-weight: bold;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
/* Hover Effect */
.got-box:hover {
transform: scale(1.05); /* Slightly enlarge */
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Add shadow */
background-color: #007bff; /* Change background */
color: #000; /* Change text color */
}
/* Additional effect - Sliding underline */
.got-box::after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: white;
bottom: 0;
left: -100%;
transition: left 0.3s ease-in-out;
}
.got-box:hover::after {
left: 0; /* Slide in the underline effect */
}
.briyani-sec{
background-color: #f0f2f5;
overflow-x: hidden;
}
.panel-sidebar {
background-color: #2c3e50;
position: relative;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
overflow: hidden;
box-shadow: 5px 0 25px rgba(0,0,0,0.2);
}
.panel-sidebar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
opacity: 0.4;
z-index: 0;
}
.panel-sidebar-sticky {
position: sticky;
top: 0;
z-index: 1;
}
.panel-header {
position: relative;
padding: 30px 0;
text-align: center;
overflow: hidden;
}
.panel-header::after {
content: "";
position: absolute;
bottom: 0;
left: 10%;
width: 80%;
height: 2px;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
}
.panel-logo {
width: 80px;
height: 80px;
padding-left: 10px!important;
background: linear-gradient(135deg, #e74c3c, #c0392b);
border-radius: 50%;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
border: 4px solid rgba(255,255,255,0.1);
transition: transform 0.3s;
}
.panel-logo:hover {
transform: scale(1.05) rotate(5deg);
}
.panel-logo i {
font-size: 36px;
color: white;
}
.panel-title {
color: white;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 5px;
font-size: 1.5rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.panel-subtitle {
color: rgba(255,255,255,0.6);
font-size: 0.9rem;
font-weight: 300;
}
.panel-menu {
padding: 20px;
}
.panel-menu-title {
color: rgba(255,255,255,0.4);
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 1px;
margin: 10px 0;
font-weight: 600;
}
.panel-nav-item {
margin-bottom: 12px;
}
.panel-nav-link {
position: relative;
display: flex !important;
align-items: center;
padding: 15px !important;
color: rgba(255,255,255,0.75) !important;
background: rgba(255,255,255,0.05);
border-radius: 12px !important;
transition: all 0.3s;
overflow: hidden;
z-index: 1;
}
.panel-nav-link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: var(--accent-color, #e74c3c);
transition: all 0.3s;
z-index: -1;
}
.panel-nav-link:hover, .panel-nav-link.active {
color: white !important;
background: rgba(255,255,255,0.1);
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.panel-nav-link:hover::before, .panel-nav-link.active::before {
width: 100%;
opacity: 0.1;
}
.panel-nav-link.active {
font-weight: 600;
color: white !important;
}
.panel-nav-link.active::after {
content: "";
position: absolute;
right: 15px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--accent-color, #e74c3c);
}
.panel-icon-wrapper {
background: var(--accent-color, #e74c3c);
width: 36px;
height: 36px;
padding-left: 10px!important;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
transition: all 0.3s;
font-size: 15px;
}
.panel-nav-link:hover .panel-icon-wrapper {
transform: rotate(10deg) scale(1.1);
}
.panel-nav-link.veg-foods {
--accent-color: #2ecc71;
}
.panel-nav-link.non-veg-foods {
--accent-color: #e74c3c;
}
.panel-nav-link.desserts {
--accent-color: #f39c12;
}

.panel-nav-link.beverages {
--accent-color: #3498db;
}
.panel-nav-link.brands {
--accent-color: #9b59b6;
}
.panel-nav-link.bank {
--accent-color: #0809cd;
}
.panel-nav-link.foods {
--accent-color: #f4c2c2;
}
.panel-nav-link.promotion {
--accent-color: #8B4513;
}
.panel-nav-link.finances {
--accent-color: #7b1e1e;;
}
.panel-nav-link.chef {
  --accent-color: #000000;
}
.panel-footer {
width: 100%;
padding: 20px;
text-align: center;
background: rgba(0,0,0,0.2);
margin-top: 20px;
}
.panel-footer-text {
color: rgba(255,255,255,0.5);
font-size: 0.85rem;
margin-bottom: 10px;
}
.panel-social-icons {
display: flex;
justify-content: center;
gap: 15px;
}
.panel-social-icon {
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.7);
transition: all 0.3s;
}
.panel-social-icon:hover {
transform: translateY(-3px);
background: rgba(255,255,255,0.2);
color: white;
}
/* Responsive styles - Keep sidebar visible on mobile */
@media (max-width: 768px) {
.panel-sidebar {
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
}
.panel-logo {
width: 60px;
height: 60px;
}
.panel-logo i {
font-size: 28px;
}
.panel-title {
font-size: 1.3rem;
}
.panel-subtitle {
font-size: 0.8rem;
}
.panel-header {
padding: 20px 0;
}
.panel-menu {
padding: 15px;
}
.panel-icon-wrapper {
width: 30px;
height: 30px;
margin-right: 10px;
}
.panel-nav-link {
padding: 12px !important;
}
.panel-footer {
position: relative;
bottom: auto;
}
.content-wrapper {
padding: 20px;
}
/* Make nav text smaller on mobile for better fit */
.panel-nav-link span:last-child {
font-size: 0.9rem;
}
}
.briyani-sec.mt-5 {
background: #292828;
padding: 15px 0px;
}
.strategy-card.h-100 h5 {
font-size: 17px;
font-weight: 700;
color: #c11e2d
}
.qus-ans_container {
margin: 0 auto;
}
.qus-ans_page-title {
font-family: 'Playfair Display', serif;
text-align: center;
margin-bottom: 30px;
color: #000;
font-size: 2.5rem;
}
.qus-ans_list {
list-style: none;
padding: 0;
}
.qus-ans_item {
margin-bottom: 25px;
position: relative;
}
.qus-ans_details {
border-radius: 10px;
background-color: #ffc107;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* added box shadow */
}
.qus-ans_details::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23e6dfd4' fill-opacity='0.6' fill-rule='evenodd'/%3E%3C/svg%3E");
opacity: 0.4;
z-index: 0;
transition: opacity 0.3s ease;
}
.qus-ans_details:hover::before {
opacity: 0.2;
}
.qus-ans_summary {
display: flex;
align-items: center;
cursor: pointer;
padding: 25px 30px;
position: relative;
z-index: 1;
border-bottom: 3px solid transparent;
transition: all 0.3s ease;
}
.qus-ans_summary h3 {
margin: 0;
font-size: 17px;
font-weight: 400;
color: #fff;
flex: 1;
position: relative;
transition: transform 0.3s ease;
}
.qus-ans_no {
font-family: 'Playfair Display', serif;
color: #b87333;
font-size: 2rem;
margin-right: 20px;
position: relative;
transition: all 0.3s ease;
}
.qus-ans_no::after {
content: '';
position: absolute;
height: 2px;
width: 0;
background-color: #b87333;
bottom: 5px;
left: 0;
transition: width 0.3s ease;
}
.qus-ans_summary:hover .qus-ans_no::after {
width: 100%;
}
.qus-ans_icon {
position: relative;
width: 28px;
height: 28px;
margin-left: 20px;
transition: transform 0.4s ease;
}
.qus-ans_icon-circle {
fill: var(--bs-green);
stroke: #ffffff;
stroke-width: 1.5px;
transition: all 0.3s ease;
}
.qus-ans_icon-horizontal, .qus-ans_icon-vertical {
stroke: #fff;
stroke-width: 2px;
transition: all 0.4s ease;
}
.qus-ans_content {
background-color: #f9f5ef;
padding: 0;
max-height: 0;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: relative;
z-index: 1;
}
.qus-ans_content-wrapper {
padding: 10px 30px 30px 75px;
opacity: 0;
transform: translateY(-20px);
transition: all 0.4s ease 0.1s;
}
.qus-ans_content-point {
margin-bottom: 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.7;
color: #333;
position: relative;
}
.qus-ans_content-point::before {
content: '•';
color: #b87333;
font-weight: bold;
position: absolute;
left: -15px;
}
.qus-ans_content-list {
margin: 20px 0;
padding-left: 20px;
}
.qus-ans_content-list li {
margin-bottom: 10px;
position: relative;
padding-left: 5px;
color: #5a3921;
}
.qus-ans_content-list li::marker {
color: #b87333;
}
.qus-ans_content-cta {
margin-top: 25px;
font-weight: 500;
}
.qus-ans_content-cta a {
color: #0d6efd;
text-decoration: none;
position: relative;
transition: color 0.2s;
font-weight: 600;
}
.qus-ans_content-cta a::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background-color: #b87333;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 0.3s ease-out;
}
.qus-ans_content-cta a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
/* Hide the default arrow */
details summary {
list-style: none;
}
details summary::-webkit-details-marker {
display: none;
}
/* Animation for the plus/minus icon */
details[open] .qus-ans_icon-vertical {
transform: scaleY(0);
}
details[open] .qus-ans_icon-circle {
fill: var(--bs-red);
}

details[open] .qus-ans_content {
max-height: 600px;
border-top: 1px dashed rgba(184, 115, 51, 0.3);
}
details[open] .qus-ans_content-wrapper {
opacity: 1;
transform: translateY(0);
}
details[open] .qus-ans_summary {
background-color: #c11e2d;
border-bottom: 2px solid #000000;
}
details[open] .qus-ans_no {
color: #fff;
}
details[open] .qus-ans_icon {
transform: rotate(180deg);
}
details[open] .qus-ans_summary h3 {
transform: translateX(10px);
}
/* Number badges with depth effect */
.qus-ans_item::before {
content: '';
position: absolute;
width: 70px;
height: 70px;
background-color: #b87333;
opacity: 0.1;
border-radius: 50%;
top: 10px;
left: 5px;
z-index: 0;
transform: scale(0);
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
details[open] + .qus-ans_item::before {
transform: scale(1);
}
@media (max-width: 600px) {
.qus-ans_summary h3 {
font-size: 1rem;
}
.qus-ans_content-wrapper {
padding: 10px 20px 20px 60px;
}
.qus-ans_no {
font-size: 1.5rem;
margin-right: 15px;
}
.qus-ans_page-title {
font-size: 1.8rem;
}
}
.main-title {
text-align: center;
margin-top: 2rem;
margin-bottom: 1rem;
font-weight: bold;
letter-spacing: 2px;
}
.title-of {
color: #fdc41b;
}
.accociation_title {
color: #fff;
font-size: 16px;
}
.divider {
width: 50%;
margin: 0 auto;
position: relative;
height: 2px;
margin-bottom: 3rem;
}
.divider:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #fdc41b;
transform: rotate(45deg);
top: -4px;
left: 50%;
margin-left: -5px;
}
/* Base styling */
.accociation_container {
background: #c11e2d;
width: 100%;
height: 120px;
padding: 25px;
display: flex;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
position: relative;
transition: all 0.4s ease;
}
/* Effect 1: Split background */
.accociation_container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e63946;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.5s ease-in-out;
z-index: -1;
}
.accociation_container:hover::before {
transform: scaleX(1);
transform-origin: left;
}
/* Effect 2: Floating shadow */
.accociation_container:hover {
box-shadow: 
0 14px 28px rgba(0, 0, 0, 0.25),
0 10px 10px rgba(0, 0, 0, 0.22);
transform: translateY(-5px);
}
/* Effect 3: Text slide */
@keyframes textSlide {
0% { transform: translateX(-10px); opacity: 0; }
100% { transform: translateX(0); opacity: 1; }
}
.accociation_container:hover * {
animation: textSlide 0.4s forwards;
}
/* Effect 4: Magnetic corners */
@keyframes pullCorners {
0% { border-radius: 0; }
50% { border-radius: 15px; }
100% { border-radius: 0; }
}
.accociation_container:hover {
animation: pullCorners 0.8s ease;
}
/* Effect 5: Neon border */
.accociation_container {
border: 2px solid transparent;
transition: border-color 0.3s ease;
}
.accociation_container:hover {
border-color: #fff;
box-shadow: 
0 0 5px #fff,
0 0 10px #fff,
0 0 15px #c11e2d,
0 0 20px #c11e2d;
}
/* Effect 6: Wave animation */
@keyframes wave {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.accociation_container:hover {
background: linear-gradient(45deg, #c11e2d, #ff5c5c, #c11e2d);
background-size: 200% 200%;
animation: wave 3s ease infinite;
}
/* Effect 7: Flicker */
@keyframes flicker {
0%, 100% { opacity: 1; }
50% { opacity: 0.8; }
}
.accociation_container:hover {
animation: flicker 0.3s ease-in-out infinite;
}
/* Effect 8: Rotate */
.accociation_container {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.accociation_container:hover {
transform: rotate(1deg) scale(1.02);
}
.accociation_container:
.accociation_title {
font-size: 26px;
color: #fff;
letter-spacing: -0.5px;
}
.accociation_button {
background: #ffc107;
color: #f2f2f2;
font-size: 14px;
border: none;
padding: 20px 40px;
text-transform: uppercase;
cursor: pointer;
transition: 0.2s;
position: relative;
}
.accociation_button:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
border: 2px solid #000;
top: 6px;
left: 6px;
z-index: -1;
transition: 0.2s;
}
.accociation_button:hover {
background: #f2f2f2;
color: #000;
}
.accociation_button:hover:after {
top: 3px;
left: 3px;
}
@media screen and (max-width: 1024px) {
  .accociation_container {
    height: 110px;
    padding: 20px;
  }
  
  .accociation_title {
    font-size: 24px;
  }
  
  .accociation_button {
    padding: 18px 35px;
    font-size: 13px;
  }
}

/* Tablets (768px - 992px) */
@media screen and (max-width: 992px) {
  .accociation_container {
    height: 100px;
    padding: 18px;
  }
  
  .accociation_title {
    font-size: 22px;
  }
  
  .accociation_button {
    padding: 16px 30px;
    font-size: 12px;
  }
}

/* Small tablets and large phones (576px - 768px) */
@media screen and (max-width: 768px) {
  .accociation_container {
    height: 90px;
    padding: 15px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
  }
  
  .accociation_title {
    font-size: 20px;
  }
  
  .accociation_button {
    padding: 14px 25px;
    font-size: 12px;
  }
  
  /* Reduce hover effects intensity on tablets */
  .accociation_container:hover {
    transform: translateY(-2px);
  }
}

/* Mobile devices (up to 576px) */
@media screen and (max-width: 576px) {
  .accociation_container {
    height: auto;
    min-height: 80px;
    padding: 12px;
    flex-direction: column;
    gap: 8px;
  }
  
  .accociation_title {
    font-size: 18px;
    text-align: center;
  }
  
  .accociation_button {
    padding: 12px 20px;
    font-size: 11px;
    width: 100%;
    max-width: 200px;
  }
  
  /* Disable some hover effects on mobile for better performance */
  .accociation_container:hover {
    transform: none;
    box-shadow: none;
  }
  
  .accociation_container:hover::before {
    transform: scaleX(0.5);
  }
}

/* Extra small devices (up to 400px) */
@media screen and (max-width: 400px) {
  .accociation_container {
    padding: 10px;
    margin-bottom: 8px;
  }
  
  .accociation_title {
    font-size: 16px;
  }
  
  .accociation_button {
    padding: 10px 16px;
    font-size: 10px;
  }
  
  /* Minimal effects on very small screens */
  .accociation_container:hover * {
    animation: none;
  }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
  .accociation_container:hover {
    transform: none;
    box-shadow: 
      0 7px 14px rgba(0, 0, 0, 0.15),
      0 5px 5px rgba(0, 0, 0, 0.12);
  }
  
  .accociation_container:active {
    transform: translateY(-2px);
  }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .accociation_container {
    border-width: 1px;
  }
  
  .accociation_button:after {
    border-width: 1px;
  }
}

/* Landscape orientation on mobile */
@media screen and (max-width: 768px) and (orientation: landscape) {
  .accociation_container {
    flex-direction: row;
    height: 70px;
    gap: 15px;
  }
  
  .accociation_title {
    font-size: 16px;
    text-align: left;
  }
  
  .accociation_button {
    width: auto;
    padding: 10px 20px;
  }
}
@media (max-width: 600px) {
.accociation_container {
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
}
.vendor-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.vendor-card {
background: #c11e2d;
border-radius: 16px;
padding: 25px 20px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #e0e0e0;
}
.vendor-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.vendor-card i {
font-size: 2rem;
color: #c11e2d; /* Updated icon color */
margin-bottom: 10px;
}
.vendor-card span {
font-size: 1rem;
font-weight: 600;
color: #fff;
}
.filter_container {
padding: 20px 0;
}
.filter_button {
margin: 5px;
transition: all 0.3s;
}
.filter_button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.filter_button.active {
background-color: #198754;
color: white;
border-color: #198754;
}
.filter_card {
margin-bottom: 20px;
transition: all 0.3s;
height: 100%;
}
.filter_card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.filter_card-body {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #c11e2d;
height: 150px;
}
h5.card-title.filter_card-title {
color: #fff;
font-size: 20px;
}
p.card-text.filter_card-text {
color: #ffc107;
font-size: 13px;
}
.filter_header {
text-align: center;
margin-bottom: 30px;
padding: 20px;
border-radius: 10px;
}
.filter_no-results {
text-align: center;
padding: 50px;
font-size: 1.2rem;
color: #6c757d;
}
@media (max-width: 768px) {
.filter_buttons-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.news_num {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 50%;
background-color: #f39c12; /* Vibrant yellow-orange */
color: #fff;
font-weight: bold;
font-size: 14px;
margin-right: 10px;
}
.slider-container {
position: relative;
margin: 0 auto;
overflow: hidden;
}
.news-slides {
display: flex;
transition: transform 1s ease;
}
.news-slide {
min-width: 100%;
padding: 30px;
background-color: #f9f9f9;
box-sizing: border-box;
}
.news_event-title {
color: #333;
margin-bottom: 15px;
font-size: 22px;
}
.news_event-description {
color: #555;
margin-bottom: 15px;
font-size: 14px;
}
.slider-indicators {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
display: flex;
justify-content: center;
padding: 10px 0;
}
.indicator {
width: 12px;
height: 12px;
background: #bbb;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.indicator.active {
background-color: #c11e2d;
}
.filter_buttons-container.d-flex.flex-wrap.justify-content-center {
background: #f5f5f5;
padding: 20px;
border-radius: 10px;
}
.cg_container {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 30px;
margin-top: 50px;
}
.cg_title {
color: #343a40;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
border-bottom: 3px solid var(--bs-red);
padding-bottom: 15px;
}
.cg_company_card {
background: white;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
margin-bottom: 20px;
border-left: 5px solid var(--bs-red);
}
.cg_company_card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.cg_company_name {
padding: 15px;
font-weight: 500;
color: #495057;
}
.cg_company_number {
background-color: var(--bs-red);
color: white;
font-weight: bold;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
}
.cg_btn {
background-color: var(--bs-red);
border: none;
border-radius: 50px;
padding: 10px 25px;
color: white;
font-weight: 600;
transition: all 0.3s;
margin-top: 15px;
}
.cg_btn:hover {
background-color: #a1121f;
transform: scale(1.05);
}
.cg_hidden {
display: none;
}
.cg_btn_container {
text-align: center;
margin-top: 20px;
}
@media (max-width: 768px) {
.cg_container {
padding: 20px;
margin-top: 30px;
}
.cg_company_card {
margin-bottom: 15px;
}
}
.FC_card_header {
background-color: #f8f9fa;
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 8px;
font-weight: bold;
display: flex;
align-items: center;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
/* Unified hover effect for all divs */
.FC_card_header:hover {
background-color: #ffe7e7;
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(193, 30, 45, 0.3);
border-color: #c11e2d;
}
.FC_card_header:hover .FC_company_number {
background-color: #a51926;
transform: scale(1.1);
}
.FC_company_number {
background-color: #c11e2d;
color: white;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
font-size: 14px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.FC_company_name {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.video-sec {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23c11e2c" fill-opacity="1" d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}

/* Header styling */
.tfc_header {
position: relative;
margin-bottom: 3rem !important;
}
.tfc_header h1 {
font-weight: 700;
color: #333;
position: relative;
display: inline-block;
}
.tfc_header h1:after {
content: '';
position: absolute;
width: 60px;
height: 4px;
background-color: #ff6b00;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}
/* Card styling */
.tfc_card {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: none;
height: 100%;
}
.tfc_card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.tfc_card_content {
padding: 1.5rem;
height: 130px;
position: relative;
background: linear-gradient(145deg, #ffffff, #f8f9fa);
}
/* Number styling */
.tfc_number {
position: absolute;
top: 10px;
right: 10px;
font-size: 1.5rem;
font-weight: 700;
color: #c11e2d82;
font-family: 'Arial', sans-serif;
}
/* Name styling */
.tfc_name {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin-top: 21px;
margin-bottom: 0;
line-height: 1.4;
}
/* Grid layout responsive adjustments */
@media (max-width: 767px) {
.tfc_card {
margin-bottom: 1rem;
}
.tfc_name {
font-size: 1rem;
}
}
/* Hover effect for cards */
.tfc_card:hover .tfc_number {
color: #c11e2d;
}
.tfc_card:hover .tfc_name {
color: #c11e2d;
}
/* Additional styling for better visual hierarchy */
#tfc_consultants_grid {
padding: 0 0.5rem;
}
/* Override Bootstrap styles if needed */
.display-4 {
font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.card.h-100.tfc_card {
height: 100px !important;
}
.top-100_card {
transition: transform 0.3s ease;
margin-bottom: 1.5rem;
border-left: 4px solid #dc3545;
}
.top-100_card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.top-100_number {
font-size: 16px;
font-weight: bold;
color: #c11e2d;
width: 40px;
}
.top-100_name {
font-size: 1.1rem;
font-weight: 500;
}
.top-100_pagination {
margin: 2rem 0;
}
.top-100_footer {
margin-top: 2rem;
padding: 1rem 0;
background-color: #f8f9fa;
}
@media (max-width: 768px) {
.top-100_number {
font-size: 1.2rem;
width: 30px;
}
.top-100_name {
font-size: 1rem;
}
}
.advrxx-section {
padding: 100px 0;
position: relative;
overflow: hidden;
}
.advrxx-bg-shape {
position: absolute;
z-index: -1;
opacity: 0.15;
}
.advrxx-img-container {
overflow: hidden;
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
height: 450px;
position: relative;
z-index: 1;
}
.advrxx-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: linear-gradient(135deg, rgba(108, 99, 255, 0.2), rgba(50, 212, 164, 0.2));*/
opacity: 0;
transition: all 0.5s ease;
}
.advrxx-img-container:hover .advrxx-img-overlay {
opacity: 1;
}
.advrxx-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s ease;
}
.advrxx-content {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
position: relative;
z-index: 1;
}
.advrxx-badge {
display: inline-block;
background-color: #c11e2d14;
color: var(--primary-color);
padding: 6px 12px;
border-radius: 20px;
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
transform: translateY(30px);
opacity: 0;
transition: all 0.8s ease;
}
.advrxx-title {
font-size: 2.5rem;
margin-bottom: 20px;
color: var(--dark-color);
font-weight: 700;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease 0.2s;
}
.advrxx-divider {
width: 80px;
height: 4px;
background: #c11e2c;
margin-bottom: 20px;
border-radius: 2px;
transform: scaleX(0);
transform-origin: left;
transition: transform 1s ease 0.3s;
}
.advrxx-text {
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 25px;
color: #555;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease 0.4s;
}
.advrxx-btn-container {
display: flex;
gap: 15px;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease 0.6s;
}
.advrxx-btn {
display: inline-flex;
align-items: center;
padding: 12px 28px;
background-image: linear-gradient(135deg, #ff0000, #000000);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
letter-spacing: 0.5px;
box-shadow: 0 10px 20px rgba(255, 0, 0, 0.3);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
}
.advrxx-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-image: linear-gradient(135deg, #ff0000, #000000);
transition: all 0.5s ease;
z-index: -1;
border-radius: 50px;
}
.advrxx-btn:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(255, 0, 0, 0.6);
color: white;
}
.advrxx-btn:hover::before {
width: 100%;
}
.advrxx-btn-icon {
margin-left: 8px;
transition: transform 0.3s ease;
}
.advrxx-btn:hover .advrxx-btn-icon {
transform: translateX(5px);
}
.advrxx-btn-secondary {
background-image: none;
background-color: transparent;
border: 2px solid var(--primary-color);
color: var(--primary-color);
box-shadow: none;
}
.advrxx-btn-secondary::before {
background-image: none;
background-color: var(--primary-color);
}
.advrxx-btn-secondary:hover {
color: white;
box-shadow: 0 5px 15px rgba(108, 99, 255, 0.3);
}
.advrxx-animate-badge {
opacity: 1 !important;
transform: translateY(0) !important;
}
.advrxx-animate-title {
opacity: 1 !important;
transform: translateY(0) !important;
}
.advrxx-animate-divider {
transform: scaleX(1) !important;
}
.advrxx-animate-text {
opacity: 1 !important;
transform: translateY(0) !important;
}
.advrxx-animate-btn {
opacity: 1 !important;
transform: translateY(0) !important;
}
.advrxx-parallax {
transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.advrxx-floating {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
/* Feature icons */
.advrxx-feature-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: rgba(108, 99, 255, 0.1);
color: var(--primary-color);
border-radius: 12px;
margin-right: 15px;
font-size: 1.2rem;
transition: all 0.3s ease;
}
.advrxx-feature-icon:hover {
background-color: var(--primary-color);
color: white;
transform: scale(1.1);
}
.advrxx-feature {
display: flex;
align-items: center;
margin-bottom: 15px;
opacity: 0;
transform: translateX(-30px);
transition: all 0.5s ease;
}
.advrxx-feature.advrxx-animate-feature {
opacity: 1;
transform: translateX(0);
}
.advrxx-number {
position: absolute;
font-size: 12rem;
font-weight: 800;
color: #c11e2d14;
line-height: 1;
z-index: 0;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
/* Responsive adjustments */
@media (max-width: 991px) {
.advrxx-title {
font-size: 2.2rem;
}
.advrxx-number {
font-size: 8rem;
right: 10px;
}
}
@media (max-width: 767px) {
.advrxx-section {
padding: 70px 0;
}
.advrxx-order-mobile-1 {
order: 1;
}
.advrxx-order-mobile-2 {
order: 2;
margin-top: 40px;
}
.advrxx-img-container {
height: 350px;
}
.advrxx-title {
font-size: 1.8rem;
}
.advrxx-number {
font-size: 6rem;
opacity: 0.03;
}
.advrxx-feature {
margin-bottom: 10px;
}
.advrxx-feature-icon {
width: 40px;
height: 40px;
font-size: 1rem;
}
}
.b2b-b2c_sec.bg-black {
position: relative;
}
.b2b-b2c_sec.bg-black::before {
content: "";
position: absolute;
background-image: url(../ellipse-1.png);
background-repeat: no-repeat;
background-size: contain;
width: 130px;
height: 130px;
top: 38%;
left: -12px;
filter: hue-rotate(150deg);
opacity: 0.1;
z-index: 1;
}
.b2b-b2c_sec.bg-black::after {
content: "";
position: absolute;
background-image: url(../ellipse-2.png);
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 120px;
bottom: 49%;
right: -38px;
filter: hue-rotate(150deg);
opacity: 0.1;
z-index: 1;
}
.card-number + h5 i {
filter: brightness(0) saturate(100%);
font-size: 60px;
}
.a2b-sec {
padding: 20px 0;
}

.a2b-imgz {
width: 100%;
height: auto;
max-width: 300px;
display: block;
margin: 0 auto;
transition: 0.5s ease-in-out;
transform: rotate(6deg) scale(1.4);
}

.hover06:hover .a2b-imgz {
transform: rotate(0deg) scale(1);
}

.image-container {
display: flex;
justify-content: center;
align-items: center;
}

@media (max-width: 768px) {
.a2b-imgz {
max-width: 300px;
}
}

@media (max-width: 480px) {
.a2b-imgz {
max-width: 60%;
}
}
.ass-btnz {
display: flex;
justify-content: center;
}

.association_btn {
background-color: #c11e2d;color: #ffc107;
padding: 7px 18px;
font-size: 18px;
border-radius: 50px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 4px 15px #c11e2c;
font-weight: 600;
text-decoration: none;
animation: beat 1.5s ease-in-out infinite;

}
@keyframes beat {
0% {
transform: scale(1);
}
20% {
transform: scale(1.05);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.05);
}
80%, 100% {
transform: scale(1);
}
}

/* Hover effect */
.association_btn:hover {
background-color: #9d0b18;
transform: translateY(-2px) scale(1.05);
box-shadow: 0 6px 20px #b80c1b;
animation-play-state: paused;
color: #fce5a0;
}

/* Active/Click effect */
.association_btn:active {
transform: translateY(1px) scale(0.98);
box-shadow: 0 2px 10px rgba(74, 108, 247, 0.3);
}

/* CSS-only ripple effect on click using pseudo-elements */
.association_btn::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.6s ease-out, height 0.6s ease-out, opacity 0.6s ease-out;
opacity: 0;
pointer-events: none;
}

.association_btn:active::before {
width: 300px;
height: 300px;
opacity: 1;
transition: width 0.6s ease-out, height 0.6s ease-out, opacity 0s;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
.association_btn {
padding: 10px 22px;
font-size: 14px;
}
}

@media screen and (max-width: 480px) {
.association_btn {
padding: 8px 18px;
font-size: 13px;
}
}
.category-card {
background-color: #fffbe6;
border: 1px solid #ffcc70;
padding: 1rem;
border-radius: 0.75rem;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
transition: transform 0.3s;
text-align: center;
}
.category-card:hover {
transform: scale(1.05);
background-color: #fff0cc;
}
.category-title {
font-weight: 500;
font-size: 1rem;
color: #444;
}
.fancy-num {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 2.5rem;
font-weight: bold;
color: #fff;
background-color: #000;
margin-top: 130px;
padding: 15px 30px;
border-radius: 12px;
position: relative;
overflow: hidden;
text-align: center;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}
.fancy-icon {
width: 30px;
height: 30px;
margin-bottom: 5px;
}
.fancy-number-text {
font-size:23px;
font-weight: bold;
}
/*.fancy-num::before {*/
/*content: "";*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0px;*/
/*right: 0;*/
/*height: 15px;*/
/*width: 100%;*/
/*background: linear-gradient(90deg, #ff416c, #ff4b2b);*/
/*}*/
.fancy-num::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px;
background: linear-gradient(90deg, #ff416c, #ff4b2b);
}
.fancy-num i {
font-size: 2rem;
color: #28a745; /* green tint */
}
@media (max-width: 480px) {
.fancy-num {
font-size: 2rem;
padding: 15px 25px;
}
}
.vendor-name {
font-size: 16px;
color: #fff;
margin: 5px 0;
}
.vendor-number {
font-size: 15px;
color: #fff;
margin: 5px 0;
}
.vendor-name i, .vendor-number i {
font-size: 16px;
filter: brightness(0) saturate(100%);
}
.category-number {
background-color: #d4a76a;
color: white;
height: 24px;
width: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
margin-right: 10px;
}
#showMoreBtn {
background: linear-gradient(145deg, #e62200, #c21c00);
color: white;
border: none;
padding: 10px 28px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 15px rgba(230, 34, 0, 0.3);
transition: all 0.4s ease;
}
#showMoreBtn:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: all 0.6s ease;
}
#showMoreBtn:hover {
transform: translateY(-3px);
box-shadow: 0 7px 20px rgba(230, 34, 0, 0.5);
background: linear-gradient(145deg, #ff2600, #d92000);
}
#showMoreBtn:hover:before {
left: 100%;
}
#showMoreBtn:active {
transform: translateY(1px);
box-shadow: 0 2px 10px rgba(230, 34, 0, 0.4);
}
.vidx_container {
max-width: 100%;
margin: 20px 40px;
padding: 0 15px;
}

.vidx_title {
text-align: center;
margin-bottom: 20px;
color: #222;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
letter-spacing: 1px;
}

.vidx_carousel {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.vidx_track {
display: flex;
transition: transform 0.5s ease;
}

.vidx_slide {
flex: 0 0 100%;
max-width: 100%;
padding: 10px;
transition: all 0.3s;
}

@media (min-width: 768px) {
.vidx_slide {
flex: 0 0 16.667%; /* col-md-2 is 16.667% width (2/12) */
max-width: 16.667%;
}
}

@media (min-width: 992px) {
.vidx_slide {
flex: 0 0 16.667%; /* Keep as col-md-2 (16.667%) on larger screens */
max-width: 16.667%;
}
}

.vidx_video_wrapper {
position: relative;
height: 0;
/* Modified: Made height much taller for a more substantial look */
/* Standard 16:9 ratio is 56.25%, now using a taller ratio */
padding-bottom: 112.5%;
background: #000;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.vidx_video_wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}

.vidx_video_title {
margin-top: 12px;
font-size: 18px;
font-weight: 700;
text-align: center;
color: #222;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.vidx_controls {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}

.vidx_btn {
background: #c11e2c!important;
color: white;
border: none;
 border-radius: 5%!important; 
width: 34px!important;
height: 34px!important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
font-size: 15px!important;
font-weight: bold;
}
.vidx_btn:hover {
background: #920b17;
transform: translateY(-2px);
}

.vidx_btn:active {
transform: translateY(0);
}


.vidx_indicators {
display: flex;
justify-content: center;
margin-top: 15px;
gap: 8px;
}

.vidx_indicator {
width: 9px;
height: 9px;
border-radius: 50%;
background: #c11e2c;
cursor: pointer;
transition: all 0.3s;
}

.vidx_indicator.active {
background: #c11e2c!important;
transform: scale(1.2);
}

.vidx_title {
text-align: center;
margin-bottom: 20px;
color: #222;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
letter-spacing: 1px;
}

.vidx_carousel {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.vidx_track {
display: flex;
transition: transform 0.5s ease;
}

.vidx_slide {
flex: 0 0 100%;
max-width: 100%;
padding: 10px;
transition: all 0.3s;
}

@media (min-width: 768px) {
.vidx_slide {
flex: 0 0 16.667%; /* col-md-2 is 16.667% width (2/12) */
max-width: 16.667%;
}
}

@media (min-width: 992px) {
.vidx_slide {
flex: 0 0 16.667%; /* Keep as col-md-2 (16.667%) on larger screens */
max-width: 16.667%;
}
}

.vidx_video_wrapper {
position: relative;
height: 0;
padding-bottom: 177.5%;
background: #000;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.vidx_video_wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}

.vidx_video_title {
margin-top: 12px;
font-size: 18px;
font-weight: 700;
text-align: center;
color: #222;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.vidx_controls {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}

.vidx_btn {
background: #0d6efd;
color: white;
border: none;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
font-size: 18px;
font-weight: bold;
}

.vidx_btn:hover {
background: #0b5ed7;
transform: translateY(-2px);
}

.vidx_btn:active {
transform: translateY(0);
}

.vidx_indicators {
display: flex;
justify-content: center;
margin-top: 15px;
gap: 8px;
}

.vidx_indicator {
width: 10px;
height: 10px;
border-radius: 50%;
background: #dee2e6;
cursor: pointer;
transition: all 0.3s;
}

.vidx_indicator.active {
background: #0d6efd;
transform: scale(1.2);
}
.bestcef_container {
max-width: 1200px;
margin: 0 auto;
}

.bestcef_header {
text-align: center;
margin-bottom: 2rem;
color: #333;
position: relative;
}

.bestcef_header h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
position: relative;
display: inline-block;
padding: 0 1rem;
}

.bestcef_header h1::before,
.bestcef_header h1::after {
content: "👨‍🍳";
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.bestcef_header h1::before {
left: -2rem;
}

.bestcef_header h1::after {
right: -2rem;
}

.bestcef_header p {
font-size: 1.2rem;
color: #555;
}

.bestcef_grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 1.5rem;
}

.bestcef_card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
padding: 1.5rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
border-top: 5px solid #ff6b6b;
}

.bestcef_card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.bestcef_card:nth-child(4n+1) {
border-top-color: #ff6b6b;
}

.bestcef_card:nth-child(4n+2) {
border-top-color: #48dbfb;
}

.bestcef_card:nth-child(4n+3) {
border-top-color: #1dd1a1;
}

.bestcef_card:nth-child(4n+4) {
border-top-color: #feca57;
}

.bestcef_number {
position: absolute;
top: 0.5rem;
right: 0.5rem;
background-color: #333;
color: #fff;
border-radius: 50%;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 0.9rem;
}

.bestcef_name {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #333;
}

.bestcef_chef_icon {
font-size: 2rem;
margin-bottom: 1rem;
display: block;
text-align: center;
}

@media (max-width: 768px) {
.bestcef_grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.bestcef_header h1 {
font-size: 2rem;
}

.bestcef_header h1::before,
.bestcef_header h1::after {
display: none;
}
}

@media (max-width: 480px) {
.bestcef_grid {
grid-template-columns: 1fr;
}

.bestcef_header h1 {
font-size: 1.8rem;
}
}

.bestcef_footer {
text-align: center;
margin-top: 3rem;
padding: 1rem;
color: #666;
font-size: 0.9rem;
}

.excel-panel-sidebar {
background-color: #f8f9fa;
border-radius: 8px;
padding: 15px;
flex: 0 0 50%;
max-width: 50%;
}

.excel-content-area {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
}

.excel-panel-sidebar-sticky {
position: sticky;
top: 20px;
}

.excel-panel-nav-item {
margin-bottom: 10px;
}

.excel-panel-nav-link {
color: #333;
padding: 10px 15px;
border-radius: 5px;
display: block;
transition: all 0.3s ease;
font-weight: 500;
}

.excel-panel-nav-item.active .excel-panel-nav-link {
background-color: #007bff;
color: white;
}

.excel-panel-nav-link:hover {
background-color: #e9ecef;
text-decoration: none;
}

.excel-panel-nav-item.active .excel-panel-nav-link:hover {
background-color: #0069d9;
}

.excel-content-section {
display: none;
opacity: 0;
transition: opacity 0.5s ease;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.excel-content-section.active {
display: block;
opacity: 1;
}

.excel-food-card {
background-color: #fff;
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
height: 100%;
transition: transform 0.3s ease;
}

.excel-food-card:hover {
transform: translateY(-5px);
}

.excel-price {
font-weight: bold;
color: #007bff;
font-size: 1.2rem;
}

.excel-discount-card {
background-color: #f8f9fa;
border-left: 4px solid #007bff;
padding: 15px;
border-radius: 5px;
height: 100%;
}

.excel-code {
background-color: #e9ecef;
padding: 5px 10px;
border-radius: 3px;
font-family: monospace;
}

/* Enhanced responsive adjustments */
@media (max-width: 767px) {
.row {
display: flex;
flex-direction: column;
}

.excel-panel-sidebar {
order: 1; /* Menu appears first on mobile */
width: 100%;
margin-bottom: 20px;
}

.excel-content-area {
order: 2; /* Content appears second on mobile */
width: 100%;
}

.excel-panel-sidebar-sticky {
position: relative;
top: 0;
}

.excel-panel-nav-link {
padding: 8px 12px;
}
}

@media (min-width: 768px) {
.row {
display: flex;
flex-wrap: nowrap;
}

.excel-panel-sidebar {
flex: 0 0 50%; /* Fixed width */
max-width: 50%;
}

.excel-content-area {
flex: 0 0 50%; /* Fixed width */
max-width: 50%;
}

.excel-panel-sidebar-sticky {
position: sticky;
top: 20px;
}
}
.event-smrt + li i {
filter: brightness(0) saturate(100%);
font-size: 60px;
}
img.footer-logo {
width: 100px;
}
.heroz {
background: #000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 2rem;
}
.heroz h1 {
font-size: 3rem;
font-weight: 800;
color: #fff;
}
.heroz p {
font-size: 15px;
margin: 21px 0px
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.heroz h1 {
font-size: 2rem;
}
.heroz p {
font-size: 14px;
}
}
.packages-sec {
padding: 4rem 0;
min-height: 100vh;
}
/* Slider Container */
.slider-container {
position: relative;
overflow: hidden;
width: 100%;
max-width: 1500px;
margin: 0 auto;
}
.slider-wrapper {
display: flex;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
width: calc(100% * 2); /* 2 screens for desktop */
}
.slider-screen {
flex: 0 0 50%;
display: flex;
justify-content: center;
gap: 20px;
padding: 20px;
align-items: stretch;
}
.slider-screen.screen-1 {
justify-content: space-between;
}
.slider-screen.screen-2 {
justify-content: flex-start;
padding-left: 60px;
}
/* Pricing Cards */
.pack-pricing-card { 
--col: #e4e4e7; 
position: relative; 
min-width: 250px!important;
max-width: 450px!important;
width: 100%;
height: 100%;
padding: 32px; 
padding-bottom: 96px; 
border-radius: 4px; 
border: 1px solid #262626; 
background-color: #26262620; 
box-shadow: 0 0 32px transparent; 
text-align: center; 
transition: all 0.5s ease;
} 
.pack-pricing-card.pack-basic { 
--col: #0891b2; 
} 
.pack-pricing-card.pack-standard { 
--col: #059669; 
} 
.pack-pricing-card.pack-premium { 
--col: #c026d3; 
}
.pack-pricing-card.pack-enterprise { 
--col: #dc2626; 
}
.pack-pricing-card.pack-ultimate { 
--col: #f59e0b; 
} 
.pack-pricing-card:hover { 
border-color: var(--col); 
background-color: #26262680; 
box-shadow: 0 0 32px #171717; 
transform: translateY(-16px) scale(1.02); 
transition: all 0.5s ease; 
} 
.pack-pricing-card > *:not(:last-child) { 
margin-bottom: 32px; 
} 
.pack-pricing-card .pack-heading h4 { 
padding-bottom: 12px; 
color: var(--col); 
font-size: 24px; 
font-weight: normal; 
} 
.pack-pricing-card .pack-heading p {
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.pack-pricing-card .pack-price { 
position: relative; 
color: var(--col); 
font-size: 60px; 
font-weight: bold; 
} 
.pack-pricing-card .pack-price sub { 
position: absolute; 
bottom: 14px; 
color: #a3a3a3; 
font-size: 14px; 
font-weight: lighter; 
} 
.pack-pricing-card .pack-features {
list-style: none;
padding: 0;
}
.pack-pricing-card .pack-features li { 
padding-bottom: 16px; 
color: #a3a3a3; 
font-size: 16px; 
font-weight: lighter; 
list-style: none;
display: flex;
}
.pack-pricing-card .pack-features li i, 
.pack-pricing-card .pack-features li strong { 
color: #e4e4e7; 
font-size: 16px; 
text-align: left; 
} 
.pack-pricing-card .pack-features li strong { 
padding-left: 24px; 
} 
.pack-pricing-card .pack-cta-btn { 
position: absolute; 
bottom: 32px; 
left: 50%; 
transform: translateX(-50%); 
width: 200px; 
padding: 12px; 
border-radius: 4px; 
border: 1px solid var(--col); 
background-color: var(--col); 
color: #e4e4e7; 
font-size: 20px; 
font-weight: bold; 
cursor: pointer;
} 
.pack-pricing-card .pack-cta-btn:active { 
background-color: transparent; 
color: var(--col); 
transition: all 0.3s ease; 
}
.pack-pricing-card .pack-cta-btn:hover { 
background-color: transparent; 
color: var(--col); 
transition: all 0.3s ease; 
}
/* Navigation Buttons */
.pack-slider-nav {
display: flex;
justify-content: center;
gap: 20px;
margin-top: -17px;
margin-bottom: 20px;
}
.pack-nav-btn {
padding: 4px 18px;
border: 2px solid #c11e2c;
background-color: transparent;
color: #c11e2c;
border-radius: 6px;
cursor: pointer;
font-size: 23px;
font-weight: 600;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: -1px;
}
.pack-nav-btn:hover {
background-color: #c11e2c;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px #c11e2c;
}
.pack-nav-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.pack-nav-btn:disabled:hover {
background-color: transparent;
color: #c11e2c;
}
/* Slide Indicators */
.pack-slider-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
.pack-slider-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #444;
cursor: pointer;
transition: all 0.3s ease;
}
.pack-slider-dot.active {
background-color: #c11e2c;
transform: scale(1.2);
}
/* Responsive Design */
@media (min-width: 768px) {
.col-md-4 {
width: 33.333%;
}
.pack-pricing-card {
min-width: 320px;
max-width: 350px;
}
.slider-screen {
gap: 15px;
}
}
@media (max-width: 767px) {
.entrep-title {
font-size: 2rem;
}
.pack-pricing-card {
min-width: 280px;
padding: 24px;
padding-bottom: 80px;
}
.pack-pricing-card .pack-price {
font-size: 48px;
}
.pack-pricing-card .pack-cta-btn {
width: 160px;
font-size: 18px;
}
.slider-wrapper {
width: calc(100% * 5); /* Mobile shows 1 card per screen */
}
.slider-screen {
flex: 0 0 20%;
justify-content: center !important;
padding: 20px 10px !important;
}
.pack-nav-btn {
padding: 10px 20px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.pack-pricing-card {
min-width: 260px;
padding: 20px;
padding-bottom: 70px;
}
.pack-pricing-card .pack-price {
font-size: 40px;
}
.pack-pricing-card .pack-features li {
font-size: 14px;
}
.pack-pricing-card .pack-cta-btn {
width: 140px;
font-size: 16px;
bottom: 20px;
}
}
.exhibitor-sec {
padding: 30px 0;
font-family: 'Arial', sans-serif;
}
.exhib-vidx_container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.entrep-title {
font-size: 2.5rem;
margin-bottom: 50px;
color: #333;
text-align: center;
}
.exhib-vidx_carousel {
position: relative;
overflow: hidden;
padding: 30px;
}
.exhib-vidx_track {
display: flex;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.exhib-vidx_slide {
min-width: 25%;
flex: 0 0 25%;
padding: 0 10px;
position: relative;
}
.exhib-vidx_video_wrapper {
position: relative;
width: 100%;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.exhib-vidx_video_wrapper:hover {
transform: translateY(-10px) scale(1.05);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}
.exhib-vidx_video_wrapper video {
width: 100%;
height: auto;
display: block;
aspect-ratio: 11/15;
}
.exhib-vidx_video_title {
text-align: center;
margin-top: 15px;
font-size: 1rem;
color: #333;
font-weight: 600;
min-height: 25px;
padding: 0 5px;
opacity: 0;
animation: fadeInUp 0.6s ease forwards;
animation-delay: 0.3s;
}
.exhib-vidx_controls {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
}
.exhib-vidx_btn {
background: #ffc107;
border: 2px solid #e0a800;
color: #333;
width: 30px;
height: 30px;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.exhib-vidx_btn:hover {
background: #e0a800; 
border-color: #d39e00;
transform: scale(1.1);
box-shadow: 0 5px 15px rgba(255, 193, 7, 0.4)
}
.exhib-vidx_indicators {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 25px;
}
.exhib-vidx_indicator {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.exhib-vidx_indicator.active {
background: #fdc41b;
transform: scale(1.2);
box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}
.exhib-vidx_indicator:hover {
background: rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
/* Progress bar */
.exhib-vidx_progress {
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin-top: 20px;
overflow: hidden;
}
.exhib-vidx_progress_bar {
height: 100%;
background: #fdc41b;
border-radius: 2px;
transition: width 0.3s ease;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
/* Responsive Design */
@media (max-width: 1200px) {
.exhib-vidx_slide {
min-width: 33.333%;
flex: 0 0 33.333%;
}
}
@media (max-width: 768px) {
.entrep-title {
font-size: 2rem;
margin-bottom: 30px;
}
.exhib-vidx_carousel {
padding: 20px;
}
.exhib-vidx_slide {
min-width: 50%;
flex: 0 0 50%;
padding: 0 8px;
}
.exhib-vidx_btn {
width: 50px;
height: 50px;
font-size: 1.2rem;
}
.exhib-vidx_controls {
gap: 15px;
margin-top: 25px;
}
.exhib-vidx_video_title {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.exhib-vidx_slide {
min-width: 100%;
flex: 0 0 100%;
}
}
/* Loading animation */
/*.exhib-vidx_video_wrapper::before {*/
/*content: '';*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
/*width: 30px;*/
/*height: 30px;*/
/*border: 2px solid rgba(0, 0, 0, 0.2);*/
/*border-top: 2px solid #ffd700;*/
/*border-radius: 50%;*/
/*animation: spin 1s linear infinite;*/
/*z-index: 1;*/
/*}*/
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Video play overlay */
.exhib-vidx_play_overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background: rgba(255, 215, 0, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #000;
cursor: pointer;
transition: all 0.3s ease;
z-index: 2;
opacity: 0;
}
.exhib-vidx_play_overlay:hover {
background: rgba(255, 215, 0, 1);
transform: translate(-50%, -50%) scale(1.1);
}
.exhib-vidx_video_wrapper:hover .exhib-vidx_play_overlay {
opacity: 1;
}
/* Slide counter */
.exhib-vidx_counter {
text-align: center;
color: rgba(0, 0, 0, 0.6);
font-size: 0.9rem;
margin-top: 15px;
}.social-vdx_container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.entrep-title {
font-size: 2.5rem;
margin-bottom: 50px;
color: #333;
text-align: center;
}
.social-vdx_carousel {
position: relative;
overflow: hidden;
padding: 30px;
}
.social-vdx_track {
display: flex;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.social-vdx_slide {
min-width: 25%;
flex: 0 0 25%;
padding: 0 10px;
position: relative;
}
.social-vdx_video_wrapper {
position: relative;
width: 100%;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.social-vdx_video_wrapper:hover {
transform: translateY(-10px) scale(1.05);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}
.social-vdx_video_wrapper video {
width: 100%;
height: auto;
display: block;
aspect-ratio: 11/15;
}
.social-vdx_video_title {
text-align: center;
margin-top: 15px;
font-size: 1rem;
color: #333;
font-weight: 600;
min-height: 25px;
padding: 0 5px;
opacity: 0;
animation: fadeInUp 0.6s ease forwards;
animation-delay: 0.3s;
}
.social-vdx_controls {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
}
.social-vdx_btn {
background: #ffc107;
border: 2px solid #e0a800;
color: #333;
width: 30px;
height: 30px;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.social-vdx_btn:hover {
background: #e0a800; 
border-color: #d39e00;
transform: scale(1.1);
box-shadow: 0 5px 15px rgba(255, 193, 7, 0.4)
}
.social-vdx_indicators {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 25px;
}
.social-vdx_indicator {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.social-vdx_indicator.active {
background: #fdc41b;
transform: scale(1.2);
box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}
.social-vdx_indicator:hover {
background: rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
/* Progress bar */
.social-vdx_progress {
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin-top: 20px;
overflow: hidden;
}
.social-vdx_progress_bar {
height: 100%;
background: #fdc41b;
border-radius: 2px;
transition: width 0.3s ease;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
/* Responsive Design */
@media (max-width: 1200px) {
.social-vdx_slide {
min-width: 33.333%;
flex: 0 0 33.333%;
}
}
@media (max-width: 768px) {
.entrep-title {
font-size: 2rem;
margin-bottom: 30px;
}
.social-vdx_carousel {
padding: 20px;
}
.social-vdx_slide {
min-width: 50%;
flex: 0 0 50%;
padding: 0 8px;
}
.social-vdx_btn {
width: 50px;
height: 50px;
font-size: 1.2rem;
}
.social-vdx_controls {
gap: 15px;
margin-top: 25px;
}
.social-vdx_video_title {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.social-vdx_slide {
min-width: 100%;
flex: 0 0 100%;
}
}
/*.social-vdx_video_wrapper::before {*/
/*content: '';*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
/*width: 30px;*/
/*height: 30px;*/
/*border: 2px solid rgba(0, 0, 0, 0.2);*/
/*border-top: 2px solid #ffd700;*/
/*border-radius: 50%;*/
/*animation: spin 1s linear infinite;*/
/*z-index: 1;*/
/*}*/
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Video play overlay */
.social-vdx_play_overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background: rgba(255, 215, 0, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #000;
cursor: pointer;
transition: all 0.3s ease;
z-index: 2;
opacity: 0;
}
.social-vdx_play_overlay:hover {
background: rgba(255, 215, 0, 1);
transform: translate(-50%, -50%) scale(1.1);
}
.social-vdx_video_wrapper:hover .social-vdx_play_overlay {
opacity: 1;
}
/* Slide counter */
.social-vdx_counter {
text-align: center;
color: rgba(0, 0, 0, 0.6);
font-size: 0.9rem;
margin-top: 15px;
}
.counter-box {
text-align: center;
}
.counter-box h1 {
margin: 0;
font-size: 1rem;
color: #fff;
margin-bottom: 15px;
}
.counter-box p {
font-size: 2rem;
color: #ffc107;
font-weight: bold;
animation: beat 1s infinite;
transform-origin: center;
}
/* Beat animation */
@keyframes beat {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.10);
}
}
.scrool-main {
display: flex;
flex-direction: column;
align-items: center;
animation: floatUpDown 2s ease-in-out infinite;
}
.scroll-img {
width: 60px;
height: 60px;
margin-top:40px;
background-size: contain;
filter:brightness(0) invert(1);
}
.scroll {
color: white;
font-size: 16px;
font-weight: 300;
text-align: center;
margin: 0;
opacity: 0.9;
}
@keyframes floatUpDown {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-15px);
}
}
/*
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
*/
.scrool-main:hover {
animation-play-state: paused;
}
@media (max-width: 768px) {
.scroll-img {
width: 25px;
height: 25px;
margin-top: -4px;
}
.scroll {
font-size: 14px;
}
}
.team-img-main {
padding: 4rem 0;
}
.team-img-card {
background: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
margin-bottom: 1.5rem;
}
.team-img-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.team-img-wrapper {
position: relative;
width: 100%;
padding-top: 70%;
overflow: hidden;
}
.team-img-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.team-img-card:hover .team-img-item {
transform: scale(1.05);
}
.team-img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.team-img-card:hover .team-img-overlay {
opacity: 1;
}
.team-img-zoom-icon {
color: white;
font-size: 2rem;
background: rgba(255, 255, 255, 0.2);
padding: 15px;
border-radius: 50%;
backdrop-filter: blur(10px);
}
@media (max-width: 768px) {
.team-img-main {
padding: 2rem 0;
}
.team-img-wrapper {
padding-top: 60%;
}
}
@media (max-width: 576px) {
.team-img-main {
padding: 1.5rem 0;
}
.team-img-wrapper {
padding-top: 65%;
}
}
.yt-heading .bi-download {
color: #000 !important;
}
sub {
line-height: normal!important;
}
.red-icon {
filter: brightness(0) saturate(100%);
}
/*#sidebar,.table-responsive.mt-5  {*/
/*overflow-y: scroll;*/
/*height: 1200px;*/
/*}*/
iframe#instagram-embed-1,iframe#instagram-embed-0,iframe#instagram-embed-2,iframe#instagram-embed-3,iframe#instagram-embed-4,iframe#instagram-embed-5,iframe#instagram-embed-6,iframe#instagram-embed-7,iframe#instagram-embed-8,iframe#instagram-embed-9,iframe#instagram-embed-10,iframe#instagram-embed-11,iframe#instagram-embed-12 {
background: white;
width: calc(100% - 2px);
border-radius: 3px;
border: 1px solid rgb(219, 219, 219);
box-shadow: none;
display: block;
margin: 0px 0px 0px !important;
padding: 0px;
max-width: 100% !important;
min-width: 100% !important;
}
}
.footer_iconz {
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background: #f8f9fa;
}
.footer-logo {
width: 60px;
height: 60px;
border-radius: 8px;
cursor: pointer;
transition: transform 0.3s ease;
}
.footer-logo:hover {
transform: scale(1.1);
}
.modal-content {
border-radius: 15px;
}
.modal-header {
background: linear-gradient(45deg, #dc3545, #892730);
color: white;
border-radius: 10px 10px 0 0;
}
.profile-preview {
max-width: 100%;
height: 400px;
border: 2px solid #ddd;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f9fa;
margin: 20px 0;
}
.download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
color: white;
}
button#downloadBtn {
background: #c11e2c;
color: #fff;
padding: 10px;
}