@font-face {
font-family: 'Signatie';
src: url('Signatie.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bahnschrift';
src: url('bahnschrift.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeueLTStd-Bd'; /* Changed to match the font file */
src: url('HelveticaNeueLTStd-Bd.otf') format('opentype'); /* Correct format for OTF is 'opentype' */
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helvetica';
src: url('Helvetica.woff2') format('woff2'),
    url('Helvetica.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

body {
font-family: helvetica;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}



h1 {
text-align: center;
color: #333;
margin-bottom: 30px;
}

.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
margin-bottom: 8px;
color: #555;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="number"],
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px;
border: none;
border-radius: 0;
font-size: 16px;
box-sizing: border-box;
border-bottom: 1px solid #000;
}

.form-group textarea {
resize: vertical;
height: 150px;
}

.form-group select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
border-color: #007bff;
outline: none;
}

.btn-submit {
display: block;
width: auto;
padding: 15px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-size: 18px;
cursor: pointer;
margin-top: 20px;
}

.btn-submit:hover {
background-color: #0056b3;
}

a.notify {
color: #e0ba5d;
font-size: 18px;
text-decoration: none;
position: relative;
cursor: pointer;
font-weight: 600;
}

/* Header Styles */
.header {
background-color: #fff;
padding: 15px 30px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 1000;
}

.header .logo {
max-height: 50px;
}

.header .menu {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}

.header .menu li {
display: inline;
font-family: 'helvetica';
display: inline;
font-family: 'helvetica';
border: 1px solid transparent;
padding: 5px 10px;
display: flex;
align-items: center;
border-radius: 5px;
letter-spacing:1px;
}
.header .menu li:hover,.header .menu li:hover a{
color:#fff;
}
.header .menu li.reg {
display: inline;
font-family: 'helvetica';
border: 1px solid #f3cd6d;
padding: 5px 10px;
display: flex;
align-items: center;
border-radius: 5px;
}

.header .menu li a {
text-decoration: none;
transition: color 0.3s;
color: #fff;
}
li.reg a {
color: #fff !important;
}


/* Hamburger Menu Styles */
.hamburger {
display: none;
flex-direction: column;
cursor: pointer;
}

.hamburger div {
width: 25px;
height: 3px;
background-color: #333;
margin: 5px 0;
transition: 0.4s;
}

/* Mobile Menu Styles */
.header .menu-mobile {
display: none;
flex-direction: column;
position: absolute;
top: 60px;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
}

.header .menu-mobile li {
width: 100%;
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}

.header .menu-mobile li a {
color: #333;
font-size: 18px;
}

/* Banner Styles */
.banner_image {
position: relative;
width: 100%;
height: 100vh;
background-position: top;
display: flex;
align-items: center;
justify-content: center;
background: url(../assets/bg2.jpg);
background-repeat: repeat;
color: #fff;
background-size: cover;
}

.award_2025 .banner_image {
background: url(../assets/2025.jpg);
background-repeat: repeat;
background-size: cover;
}


.banner_center_set h1 {
font-size: 2.2vw;
color: #fff;
}

.center_set {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.center_set .logo {
max-height: 80px;
margin-right: 20px;
}

.reg_link {
padding: 12px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 18px;
transition: background-color 0.3s;
}

.reg_link:hover {
background-color: #0056b3;
}

.banner_center_set {
padding: 0 25px;
}
textarea.error {
border-color: red; /* Red border when error occurs */
}

.error-message {
color: red;
font-size: 14px;
margin-top: 5px;
}
.choice {
display: flex;
align-items: center;
gap: 10px;
}
.choice label {margin: 0;}


/* Circle loader */
.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid red;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
z-index: 999;
top: 50%;
display:none;
}

.container {
width: 80%;
margin: 0 auto;
}

ul, ol {
padding-left: 20px;
}

h1, h2, h3 {
color: #00457C;
margin-bottom: 15px;
font-weight: 700;
}

p {
margin-bottom: 20px;
}

li {
margin-bottom: 10px;
}



/* Sections */
.section {
padding: 60px 0;
margin-bottom: 30px;
}

.section h2 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 30px;
}

.section-icon {
display: block;
margin: 0 auto 20px;
width: 80px;
}

/* Purpose Section */
.purpose .content-block {
text-align: center;
padding: 30px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Identity Section */
.identity {
background-color: #f0f8ff; /* Light background to match the overall theme */
padding: 60px 0;
}

.identity-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px; /* Adds space between the image and text */
flex-wrap: wrap; /* Ensures responsiveness on smaller screens */
}

.identity-text {
flex: 1;
min-width: 300px;
max-width: 600px; /* Limits text block width for better readability */
}

.identity-text h2 {
font-size: 2.5rem;
margin-bottom: 20px;
color: #00457C; /* Deep blue for contrast */
}

.identity-text p {
font-size: 1.2rem;
line-height: 1.8;
color: #555; /* Slightly muted color for readability */
}

.identity-image {
flex: 1;
min-width: 300px;
max-width: 600px; /* Matches the max width of the text for balance */
display: flex;
justify-content: center;
align-items: center;
}

.identity-image img {
width: 100%;
height: auto;
border-radius: 10px; /* Adds subtle rounding for a polished look */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a soft shadow for depth */
}

/* Benefits Section */
.benefits-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}

.benefit-item {
flex: 1;
min-width: 280px;
background-color: #fff;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.benefit-item img {
width: 80px;
margin-bottom: 15px;
}

/* Categories Section */
.categories-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}

.category-card {
flex: 1;
min-width: 300px;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Registration Process Section */
.process-steps {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
}

.step {
flex: 1;
min-width: 200px;
background-color: #fff;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.step-number {
font-size: 2rem;
color: #ffffff;
margin-bottom: 10px;
border: 1px solid #ddd;
width: 54px;
height: 54px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto;
background: #00457c;
}

/* Guidelines Section */
.guidelines-list {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}

.guideline {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 35%;
}

/* Purpose Section */
.purpose {
background-color: #f8fafc; /* Light background to differentiate the section */
padding: 60px 0;
text-align: center;
}

.section-title {
font-size: 2.5rem;
margin-bottom: 10px;
color: #00457C; /* Consistent with theme */
}

.section-subtitle {
font-size: 1.2rem;
margin-bottom: 40px;
color: #555; /* Subtle color for subtitle */
}

.purpose-grid {
display: flex;
gap: 30px; /* Spacing between cards */
justify-content: center; /* Centers the content */
flex-wrap: wrap; /* Allows for wrapping on smaller screens */
}

.purpose-card {
background-color: #fff;
border-radius: 12px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Adds depth with shadow */
padding: 30px;
text-align: center;
flex: 1;
min-width: 250px;
max-width: 300px; /* Ensures consistent sizing */
transition: transform 0.3s, box-shadow 0.3s; /* Smooth hover effects */
}

.purpose-card:hover {
transform: translateY(-10px); /* Hover effect */
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

.purpose-icon {
width: 60px; /* Size of the icon */
margin-bottom: 20px; /* Spacing below icon */
}

.purpose-card h3 {
font-size: 1.5rem;
margin-bottom: 15px;
color: #007BFF; /* Accent color */
}

.purpose-card p {
font-size: 1rem;
color: #555;
line-height: 1.6;
}
a.reg_link {
font-size: 1.2vw;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: block;
margin-top: 30px;

}
a.reg_link:hover {color: #e0ba5d;}
.email_notify {
position: fixed;
bottom: 4vh;
left: 3vw;
display: none;
width: 70%;

}
@keyframes pulseFade {
0%, 100% {
opacity: 0.5;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.2);
}
}

span.pulse {
display: inline-block;
padding: 8px;
background-color: #3498db;
color: white;
border-radius: 5px;
animation: pulseFade 2s infinite;
text-align: center;
}

span.pulse {
content: "";
display: inline-block;
background: #dfb95d;
border-radius: 50%;
position: absolute;
top: 20%;
left: -26px;
transform: translateY(-50%);
box-shadow: 0px 0px 4px 3px #fff;
}

/* Celebrating Excellence Section */
.excellence {
position: relative;
color: #fff; /* Text color */
}

.excellence-bg {
background-image: url('https://via.placeholder.com/1920x800'); /* Background image placeholder */
background-size: cover; /* Ensure the image covers the entire area */
background-position: center;
padding: 100px 0; /* Padding for spacing */
position: relative;
z-index: 1;
}

.excellence-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 69, 124, 0.7); /* Dark blue overlay for contrast */
z-index: -1;
}

.excellence-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
color: #fff;
}

.excellence .section-title {
font-size: 3rem;
margin-bottom: 20px;
color: #fff;
font-weight: 700;
}

.excellence .section-description {
font-size: 1.3rem;
margin-bottom: 30px;
color: #fff;
line-height: 1.6;
}

.cta-button {
display: inline-block;
padding: 15px 30px;
background-color: #e0ba5d; /* CTA button color */
color: #00457C; /* Text color on button */
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
border-radius: 50px;
text-decoration: none;
transition: background-color 0.3s ease;
}

.cta-button:hover {
color: #fff;
}
/* Webkit Browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
width: 5px; /* Width of the scrollbar */
}

::-webkit-scrollbar-thumb {
background-color: #000; /* Scrollbar color (black) */
border-radius: 10px; /* Rounded edges for the scrollbar */
}

::-webkit-scrollbar-thumb:hover {
background-color: #333; /* Darker color on hover */
}

::-webkit-scrollbar-track {
background: #f1f1f1; /* Background color of the scrollbar track */
border-radius: 10px; /* Rounded edges for the track */
}

/* Firefox */
body {
scrollbar-width: thin; /* Scrollbar width */
scrollbar-color: #000 #f1f1f1; /* Thumb color and track color */
}

body::-webkit-scrollbar-thumb {
border-radius: 10px;
}

body::-webkit-scrollbar {
width: 5px;
}
/*footer*/

.footer-base {
background-color: #000;
padding: 40px 0;
color: #fff;
}

.content {
max-width: 1200px;
margin: 0 auto;
}


.row {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}

.footer-left, .footer-quicklinks, .footer-center, .footer-right {
margin: 15px;
}

.footer-left,
.footer-quicklinks,
.footer-center,
.footer-right {
width: 22%;
}

.footer-left h3, .footer-quicklinks h3, .footer-center h3 {
color: #e0e0e0;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
font-family: 'Cairo', sans-serif;
}

.ul-dots {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}

.ul-dots li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
font-family: 'Cairo', sans-serif;
}

.ul-dots li::before {
content: '•';
position: absolute;
left: 0;
color: #fff;
font-size: 20px;
line-height: 20px;
}

.ul-dots li a {
color: #fff;
text-decoration: none;
font-size: 14px;
}

.ul-dots li a:hover {
color: #ccc;
}

.footer-center p {
font-size: 14px;
line-height: 1.6;
margin: 5px 0 15px;
font-family: 'Cairo', sans-serif;
}

.footer-right .footer-logo {
margin-bottom: 10px;
max-width: 12vw;
min-width: 170px;
}

.footer-right p {
font-size: 14px;
margin: 5px 0;
font-family: 'Cairo', sans-serif;
}

.footer-right p i {
}

.social-icons {
margin-top: 15px;
text-align: left; /* Align icons to the left */
white-space: nowrap; /* Prevent wrapping */
}

.social-icons a {
display: inline-block; /* Display icons inline */
width: 35px; /* Smaller width for icons */
height: 35px; /* Smaller height for icons */
line-height: 35px; /* Centers the icon vertically */
margin-right: 8px; /* Space between icons */
text-align: center; /* Centers the icon horizontally */
border: 2px solid #fff; /* White border */
border-radius: 50%; /* Makes the border circular */
color: #fff; /* Icon color */
font-size: 14px; /* Smaller icon size */
transition: color 0.3s, border-color 0.3s, background-color 0.3s; /* Smooth transition for hover effect */
vertical-align: middle; /* Ensure alignment on the same line */
font-family: 'Cairo', sans-serif;
}

.social-icons a:hover {
color: #000;
background-color: #c9a956;
border-color: #2c2606;
}
.row.copy-row {
background: #000;
border-top: 1px solid #ffffff54;
margin: 0;
}
.copy-row {
padding-top: 15px;
display: flex;
justify-content: space-between; /* Ensures content is spaced between */
align-items: center; /* Vertically aligns the content */
padding: 0 5%; /* Adds padding to the sides */
}
.footer-line {
border-top: 1px solid #444; /* Thin horizontal line */
margin: 20px 0; /* Adds margin around the line */
}

.copy-left {
font-size: 14px;
color: #fff;
text-align: left; /* Aligns text to the left */
font-family: 'Cairo', sans-serif;
}

.copy-right {
font-size: 14px;
color: #fff;
text-align: right; /* Aligns text to the right */
font-family: 'Cairo', sans-serif;
}

.footer_bottom {
background: #000;
border-top: 1px solid #dddddd45;
padding: 15px 0px;
}

.footer_bottom .container {
display: flex;
justify-content: space-between;
}

/* Categories Section */
.categories-grid {
display: flex;
flex-direction: column;
gap: 40px; /* Space between category sections */
}

.category-section {
background-color: #f8f8f8; /* Light background for each section */
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.category-title {
font-size: 2rem;
color: #000000;
margin-bottom: 20px;
text-align: center;
text-align: left;
margin: 0;
padding: 0;
}

.award-card {
background-color: #fff;
padding: 20px;
margin-bottom: 20px; /* Space between award cards */
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.award-card h4 {
font-size: 1.5rem;
color: #00457C;
margin-bottom: 10px;
}

.award-card p {
font-size: 1rem;
color: #555;
line-height: 1.6;
margin-bottom: 10px;
}
.category-section {
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.award-card {
max-width: 29%;
}

img {
display: block;
width: 100%;
max-width: 100%;
}

.bscm_award_icon_logo img {
max-width: 27vw;
position: relative;
bottom: -15vh;
}
.txt_block h1 {
color: #fff;
font-size: 3.2vw;
text-align: left;
letter-spacing: 5px;
line-height: 3.2vw;
position: relative;
bottom: -11vh;
font-family: 'HelveticaNeueLTStd-Bd';

}

.txt_block {
margin-left: 12vw;
font-family: 'HelveticaNeueLTStd-Bd';
}
.year_big {
font-size: 9vw;
color: transparent;
 -webkit-text-fill-color: transparent; /* Add this line */
-webkit-text-stroke: 1px #dfb754;
font-weight: 700;
}

.txt_block p {
margin: 0;
font-size: 1vw;
}

.header {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background: transparent;
box-shadow: none;
transition: all .5s;
}

.header img {
max-width:2vw;
}
.header .menu li {
color: #fff;
cursor: pointer;
margin: 0;
}
li.menu_btn {
width: 25px;
}

span.next_page {
border: 1px solid #fff;
width: 40px;
height: 40px;
cursor: col-resize;
border-radius: 50%;
position: absolute;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.menu_bt{
width:5vw;
}
li.reg {
max-width: 100px;
}
.header.scrolled {
background: #544f4f4f;
}

/* Keyframes for the spin animation */
@keyframes spin {
0% {
transform: rotate(0deg); /* Start from 0 degrees */
}
100% {
transform: rotate(360deg); /* Rotate to 360 degrees */
}
}

.purpose_section {
background: url(../assets/bscm_patern.png);
min-height: 100vh;
background-size: cover;
background-position: left;
}

.box_wrap {
padding: 12vh 0;
display: flex;
justify-content: space-between;
width: 100%;
gap: 10px;
}

.left_set h2 {
font-size: 2.6vw;
color: #222;
font-weight: 500;
letter-spacing: 1px;
}
.rigt_set p {
font-size: 2vw;
margin-top: 16vh;
color: #222;
}

.rigt_set {
max-width: 60%;
}

.left_set:after {
content: "";
border-right: 3px solid #e8c166;
position: absolute;
right: -6vw;
top: 59px;
z-index: 1;
width: 10px;
height: 48%;
}

.left_set {
position: relative;
}

.purpose_items h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
margin-top: 5vh;
font-family: "Poppins", sans-serif;
font-family: "Poppins", sans-serif;
}

.purpose_items {width: 90%;margin: 0 auto;}

.items_wrap {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 10vh;
}
.items.f1 {
width: 28%;
}

.items h3 {
color: #fff;
font-size: 1.8vw;
}

.items {
border: 1px solid;
padding: 10px 25px;
border-radius: 20px;
width: 20%;
position: relative;
min-height: 50vh;
padding-bottom: 12vh;
transition: all .5s;
}

.items.f1 {
background: url(../assets/about_award.jpg);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
.items.f2 {
background: url(../assets/pupo_of_award.jpg);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}

.items.f3 {
background: url(../assets/symb_award.jpg);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}

.items.f4 {
background: url(../assets/award_high.jpg);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
.items p {
color: #fff;
font-size: .9vw;
}

.items a {
border: 1px solid #fff;
width: 91%;
display: flex;
color: #fff;
text-decoration: none;
padding: 12px 14px;
border-radius: 25px;
margin-top: 3vh;
align-items: center;
justify-content: space-between;
}

.identity_section {
background: url(../assets/jasmine.jpg);
min-height: 100vh;
background-size: cover;
background-position: center center;
}

.identity_section h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #fff;
font-weight: 700;
text-align: left;
letter-spacing: .7vw;
padding-top: 14vh;
font-family: "Poppins", sans-serif;
font-family: "Poppins", sans-serif;
}
.identity_section .container {
width: 70%;
}
.identity_section p {
max-width: 80%;
color: #fff;
font-size: 2vw;
float: right;
text-align: justify;
}
.winners_section {
background: url(../assets/bscm_patern.png);
min-height: 100vh;
background-size: cover;
background-position: left;
}

.winners_section h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
font-family: "Poppins", sans-serif;
font-family: "Poppins", sans-serif;
}
.winners_section .container {
width: 85%;
}

.benefit_block {
display: flex;
justify-content: space-between;
gap: 0;
max-width: 70%;
margin: 0 auto;
}

.img_box {border: 1px solid #ddd;padding: 10px;}

.img_box h3 {
font-size: 1.4vw;
margin-top: 20vh;
}

.benefit_block_item {
width: 33.3%;
}

.contents {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 2vw;
}

.catg_items_main{
background: url(../assets/bscm_patern.png);
min-height: 100vh;
background-size: cover;
background-position: left;
margin-top: 4vh;
background-repeat: repeat;
border-radius: 20px;
padding-bottom: 10vh;
}

.catg_items_main h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
letter-spacing: 5px;
margin-top: 5vh;
font-family: "Poppins", sans-serif;

}
.catg_items_wrap {
display: flex;
justify-content: center;
gap: 0;
}

.catg_contents {
min-height: 67vh;
position: relative;
border:none;
border-radius: 20px;
background: #858585;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.catg_contents h3 {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 2.8vw;
color: #fff;
letter-spacing: 1.5px;
}
.catg_items.C1 h3{
color: #d5b158;
}
ul.awards_items {
list-style: none;
margin: 0;
padding: 0;
}
ul.awards_items p {
height: 0;
overflow: hidden;
padding: 0;
margin: 0;
transition: all .5s;
}

ul.awards_items h4 {
margin: 0;
cursor: pointer;
color: #00000096;
position: relative;
}

ul.awards_items li {
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
padding: 10px 15px;
margin-bottom: 0;
position: relative;
}

li.active p {
height: auto;
padding: 12px 0px;
}
.catg_items {
max-width: 28%;
border-radius: 20px;
}
.catg_items.C1 .catg_contents {
background: url(../assets/indiv_award.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.catg_items.C2 .catg_contents {
background: url(../assets/co_award.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.catg_items.C3 .catg_contents {
background: url(../assets/gov_award.jpg);
background-size: cover;
background-repeat: no-repeat;
}

.catg_items.C2 {
margin-top: 8vh;
}

.cl1 {
background: #fde4b8;
}
.cl2 {
background: #ca922f;
}
.cl3{
background: #d9f0fc;
}
.cl4{
background: #7fa8be;
}
.cl5{
background: #365977;
}
.cl6{
background: #fde4dd;
}
.cl7{
background: #d4acb1;
}
.cl8{
background: #ee1a22;
}
.cl9{
background: #ee1a22;
}


li.cl2 {
top: -25px !important;
z-index: 1;
padding-top: 22px !important;
}
li.cl1 {
top: -10px !important;
z-index: 2;
padding-top: 10px !important;
}
li.cl3 {
top: -10px !important;
z-index: 2;
padding-top: 10px !important;
}
li.cl4 {
top: -25px !important;
z-index: 1;
padding-top: 22px !important;
}
li.cl5 {
top: -40px !important;
z-index: 0;
padding-top: 22px !important;
}

li.cl6 {
top: -10px !important;
z-index: 2;
padding-top: 10px !important;
}
li.cl7 {
top: -25px !important;
z-index: 1;
padding-top: 22px !important;
}
li.cl8 {
top: -40px !important;
z-index: 0;
padding-top: 22px !important;
}

li.cl2 h4, li.cl4 h4, li.cl5 h4,li.cl7 h4,li.cl8 h4 {
color: #ffffffde;
}
li.cl2 p, li.cl4 p, li.cl5 p,li.cl7 p,li.cl8 p {
color: #fff;
}

.cariteria_section {
background: url(../assets/bscm_patern.png);
background-size: cover;
background-position: left;
margin-top: 4vh;
background-repeat: repeat;
border-radius: 20px;
padding-bottom: 10vh;
}
.cariteria_section h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
letter-spacing: 5px;
margin-top: 5vh;
font-family: "Poppins", sans-serif;
}

.criteris_box {
display: flex;
}

.criteris_box_item {
border-bottom: 1px solid #555;
border-right: 1px solid #3F51B5;
padding: 0px 1vw;
}

.criteris_box_item:last-child {
border-right: none;
}
.criteris_box_item h3 {
font-size: 1.5vw;
color: #b5b6b8;
letter-spacing: 1px;
}

.criteris_box_item p {
font-size: 1vw;
color: #7f7b7b;
}
.criteris_box_item:first-child {
width: 55%;
background: linear-gradient(to left top, #e7c3641a, transparent);
}
.criteris_box_item:nth-child(2) {
background: linear-gradient(to left top, #9d92d80d, transparent);
}
.benefit_section {
background: url(../assets/bscm_patern.png);
background-size: cover;
background-position: left;
margin-top: 4vh;
background-repeat: repeat;
border-radius: 20px;
padding-bottom: 10vh;
}
.benefit_section h2 {
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
letter-spacing: 5px;
margin-top: 5vh;
font-family: "Poppins", sans-serif;
}
.benefit_box {
display: flex;
gap: 0;
justify-content: center;
margin-top: 10vh;
}

.benefit_item {
max-width: 25%;
border: 1px solid #ddd;
border-radius: 14px;
padding: 15px;
position: relative;
transition: all .5s;
}

.benefit_item h3 {
font-size: 1.5vw;
color: #858585;
margin-top: 10vh;
}

.benefit_item p {
font-size: 1vw;
}

.benefit_item span {
position: absolute;
font-size: 9vw;
line-height: 9vw;
color: transparent;
-webkit-text-stroke: 1px #5b5757;
font-weight: 700;
text-align: center;
letter-spacing: 5px;
margin-top: 5vh;
top: -16vh;
font-family: "Poppins", sans-serif;
transition: all .5s;
}
.benefit_item:nth-child(2) {
margin-top: 8vh;
border-color: #755937;
background: linear-gradient(to left top, #75593733, transparent);
}

.benefit_item:first-child {
border-color: #e7c364;
background: linear-gradient(to left top, #e7c3645c, transparent);
}

.benefit_item:last-child {
border-color: #9d92d8;
background: linear-gradient(to left top, #9d92d840, transparent);
}

.benefit_section .container {
width: 65%;
}
.apply_now,.apply_now_link{
display:none;
font-family: 'helvetica';
border: 1px solid #f3cd6d;
padding: 5px 10px;
display: flex;
align-items: center;
border-radius: 5px;
color: #fff;
text-decoration: none;
}
span.text_cele {
font-size: 2.5vw;
position: relative;
bottom: -17vh;
font-family: 'Signatie';
color: #fbd887;
}
.header .menu li a:hover {
color: #fedc88;
}
.benefit_item:hover span {
color: #d1b77a;
}

.benefit_item:hover:last-child span {
color: #9d92d8;
}
.benefit_item:hover:first-child span {
color: #e7c364;
}
.benefit_item:hover:nth-child(2) span {
color: #755937;
}
ul.awards_items h4 i {
margin-left: 8px;
}
li.active  h4 i {
transform: rotateZ(180deg);
}
.header {
padding: 8px 25px;
}
@media (min-width: 992px) and (max-width: 1366px)  { 
span.text_cele {
font-size: 2.5vw;
bottom: -15vh;
}
.txt_block h1 {
color: #fff;
font-size: 3.2vw;
line-height: 3vw;
bottom: -10vh;
}
}

@media (min-width: 991px) { 
ul.awards_items h4 i {
position: absolute;
right: -15px;
top: 35%;
}

.catg_contents h3 {
left: 1.5vw;
}
ul.awards_items li {
padding: 10px 1.5vw;
}

li.active p {
line-height: 1.25em;
}
.rigt_set p {
line-height: 2.5vw;
}
.purpose_items h2:before {
content: "THE AWARD";
position: absolute;
top: 0;
color: #000000cf;
z-index: 0;
height: 0;
display: block;
overflow: hidden;
left: 0;
right: 0;
transition: all 1.5s;
}
.purpose_items h2:hover:before {
height: 55%;
}

.purpose_items h2 ,.catg_items_main h2,.cariteria_section h2,.benefit_section h2{
position: relative;
}
.catg_items_main h2:before {
content: "CATEGORIES";
position: absolute;
top: 0;
color: #000000cf;
z-index: 0;
height: 0;
display: block;
overflow: hidden;
left: 0;
right: 0;
transition: all 1.5s;
}
.catg_items_main h2:hover:before {
height: 55%;
}

.cariteria_section h2:before {
content: "CRITERIA";
position: absolute;
top: 0;
color: #000000cf;
z-index: 0;
height: 0;
display: block;
overflow: hidden;
left: 0;
right: 0;
transition: all 1.5s;
}
.cariteria_section h2:hover:before {
height: 55%;
}
.benefit_section h2:before {
content: "BENEFITS";
position: absolute;
top: 0;
color: #000000cf;
z-index: 0;
height: 0;
display: block;
overflow: hidden;
left: 0;
right: 0;
transition: all 1.5s;
}
.benefit_section h2:hover:before {
height: 55%;
}

.bscm_award_icon_logo:hover img {
transform: translateY(10px);
}
.bscm_award_icon_logo img {
transition: all .5s;
}
.apply_now{
display: none;
}
span.text_cele {
bottom: -2vh;
}
.txt_block h1 {
bottom: 0vh;
margin: 0;
margin-bottom: 0vh;
}
.benefit_item:hover {
transform: translateY(10px);
}
.items:hover {
transform: translateY(5px);
}
.criteris_box_item:nth-child(2) {
max-width: 32%;
}
}
@media (max-width: 991px) { /* Tablet and smaller screens */

.award_2025 .banner_image {
background-position: bottom;
}
.apply_now{
display: block;
}
.header.scrolled {
background: #544f4f4f;
}
span.text_cele {
font-size: 35px;
position: relative;
bottom: -4vh;
font-family: 'Signatie';
color: #fbd887;
}
.cariteria_section {
padding-bottom: 0;
}
.benefit_section .container {
width: 100%;
}

.benefit_box {
flex-direction: column;
margin-top: 0
}

.benefit_item {
max-width: 80%;
margin: 0 auto;
width: 100%;
margin-bottom: 10px;
}

.benefit_item span {
position: static;
font-size: 45px;
}

.benefit_item h3 {
margin-top: 10px;
font-size: 25px;
}
.benefit_item p {
font-size: 18px;
}

.benefit_item:nth-child(2) {
margin-top: 0;
}
.catg_contents {
min-height: 55vh;
}
.criteris_box {
flex-direction: column;
}

.criteris_box_item {
border: none;
width: 100% !important;
}

.catg_items_main {padding-bottom: 0;}

.criteris_box_item h3 {
font-size: 20px;
}

.criteris_box_item p {
font-size: 18px;
}
.catg_contents h3 {
font-size: 28px;
}
.catg_items_wrap {
flex-direction: column;
}
.catg_items {
max-width: 100%;
}
.catg_items {
margin-top: 10px !important;
}
.contents {
padding: 10px 15px;
}


.identity_section {
min-height: 40vh;
padding: 5vh 0;
}
.identity_section p {
font-size: 16px;
text-align: left;
max-width: 100%;
}
.identity_section h2 {
padding-top: 2vh;
}
a.menu_bt {
width: 40px;
}
.items h3 {
font-size: 30px;
}

.items p {
font-size: 18px;
}

.items a {
padding: 9px 13px;
}
.purpose_items {
width: 95%;
}
.items_wrap {
flex-direction: column;
}
.items {
width: 75% !important;
margin: 0 auto;
}
.box_wrap {
flex-direction: column;
padding: 35px 0;
}

.left_set h2 {
font-size: 22px;
}

.left_set h2 br {
display: none;
}

.rigt_set {
max-width: 100%;
}

.rigt_set p {
font-size: 18px;
margin-top: 0;
}
.menu_bt{
display: block;
position: relative;
z-index: 999;
}
a.menu_bt img {
max-width: 30px;
min-width: auto;
}
.header img {
max-width: 6vw;
min-width: 75px;
}
.award-card {
max-width: 100%;
}
.email_notify {
bottom: 2vh;
left: 9vw;
}
.row {
flex-direction: column; /* Stack all columns vertically */
margin-bottom: 0; /* Remove bottom margin between columns */
}

.footer-left,
.footer-quicklinks,
.footer-center,
.footer-right {
width: 100%; /* Make each column take full width */
margin: 10px 0; /* Add margin between sections */
}

/* Adjust heading and list styles for smaller screens */
.footer-left h3,
.footer-quicklinks h3,
.footer-center h3 {
font-size: 16px; /* Slightly smaller heading size */
margin-bottom: 10px; /* Consistent spacing */
}

.ul-dots li a {
font-size: 14px; /* Smaller font size for links */
}

.footer-right .footer-logo {
width: 100px; /* Smaller logo size */
margin: 15px 0; /* Adjust margin */
}

.social-icons {
text-align: left; /* Align to left for smaller screens */
margin: 20px 0; /* Add margin above social icons */
}

.social-icons a {
width: 30px; /* Smaller icon size */
height: 30px; /* Smaller icon size */
line-height: 30px; /* Centers the icon vertically */
margin-right: 12px; /* Space between icons */
}

/* Footer Bottom Section */
.copy-row {
flex-direction: column; /* Stack the year and developer info */
align-items: center; /* Center-align for smaller screens */
text-align: center; /* Center-align text */
margin-top: 20px; /* Add margin above */
}

.copy-left,
.copy-right {
flex: none; /* Remove flex property for stacking */
margin-bottom: 5px; /* Add margin between lines */
}

.footer-line {
width: 90%; /* Ensure the line is centered with content */
margin: 10px auto; /* Centers the HR line */
}

li.menu_btn {
display: none !important;
}
ul.menu.show {
display: flex;
}
a.menu_btn.hidden img {
width: 35px;
min-width: auto;
max-width: 100%;
}
.header .menu {
display: none;
flex-direction: column;
position: absolute;
background: #000;
width: 100%;
padding: 30px 20px;
margin: 0;
left: 0;
right: 0;
top: 0;
}
.row.copy-row .container {
display: flex;
justify-content: space-between;
width: 100%;
padding: 15px 0px;
}
.guideline {
max-width: 100%;
}
.excellence .section-title {
font-size: 2.2rem;
}

.excellence .section-description {
font-size: 1.1rem;
}

.excellence-bg {
padding: 60px 0;
}

a.reg_link {
font-size: 16px;
}
.purpose-grid {
flex-direction: column; /* Stack cards vertically on small screens */
align-items: center; /* Center align the content */
}

.purpose-card {
max-width: 80%; /* Expand width for smaller screens */
}

.section {
padding: 10px 0;
margin-bottom: 30px;
}

.identity-container,
.benefits-grid,
.categories-grid,
.process-steps {
flex-direction: column;
}

.section h2 {
font-size: 2rem;
}

.identity-text,
.identity-image {
margin-bottom: 20px;
}
ul#menu-mobile {
list-style: none;
padding: 0;
}

ul#menu-mobile a {
text-decoration: none;
text-transform: uppercase;
}
.header .menu-mobile {
top: 44px;
}
.header .logo {
max-height: 40px;
}
.hamburger div {
width: 25px;
height: 2px;
background-color: #333;
margin: 3px 0;
transition: 0.4s;
}
.banner_center_set h1 {
font-size: 25px;
text-align: left;
}
.header {
padding: 10px 20px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

.header .menu {
display: none; /* Hide desktop menu */
}

.hamburger {
display: flex; /* Show hamburger menu */
}

.banner_image {
height: 100vh;
flex-direction: column-reverse;
}
.txt_block h1 {
color: #fff;
font-size: 41px;
text-align: left;
letter-spacing: 5px;
line-height: 43px;
bottom: 0;
}
.year_big {
font-size: 75px;
}
.txt_block p {
margin: 0;
font-size: 20px;
}
.txt_block {
margin-left: 0;
max-width: 85%;
margin: 0 auto;
margin-bottom: 2vh;
margin-top: 0vh;
}
.bscm_award_icon_logo img {
position: relative;
bottom: 0;
margin: 0 auto;
max-width: 220px;
margin-top: 2vh;
}
.container {
width: 90%;
margin: 0 auto;
padding: 0;
}

.header .menu {
padding-top: 65px;
}

ul.menu.show {
background: rgba(0, 0, 0, 0.2);
border-radius: 0px 0px 20px 20px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
width: auto;
}
.left_set:after {
display: none;
}

}
@media (min-width: 768px) and (max-width: 991px)  {

.bscm_award_icon_logo img {
position: relative;
bottom: 0;
margin: 0 auto;
max-width: 314px;
margin-top: 2vh;
}  

.year_big {
font-size: 15vw;
}

.txt_block h1 {
color: #fff;
font-size: 8vw;
text-align: left;
letter-spacing: 5px;
line-height: 8vw;
bottom: 0;
}   

.container {
width: 79%;
margin: 0 auto;
padding: 0;
}   





}