header {
	background: url('../img2/carbon4.gif') no-repeat center center/cover;
	width: 100%;
	z-index: 1000;
}
.header-container{
	max-width: 1200px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}
.top-bar {
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	font-size: 14px;
}
.top-left {
	font-weight: 600;
	font-size: 25px;
    letter-spacing: 1px;
}
.top-right {
	display: flex;
    align-items: center;
    gap: 20px;
}
.top-right .flag-language, .top-right .icon1, .top-right .icon2 {
	display: flex;
	align-items: center;
}
/* Main container for social icons */
.social-icon {
	display: flex;
	gap: 15px; /* Space between icons */
}
/* Common styles for each social icon container */
.social-icon div {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%; /* Makes it a circle */
	color: #fff; /* Icon color white */
}
/* Facebook styles */
.social-icon-facebook {
	background-color: #3b5998; /* Facebook blue */
}
.social-icon-facebook a{
	color: #fff;
}
/* Instagram styles */
.social-icon-instagram {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.social-icon-instagram a{
	color: #fff;
}
/* Style the icons */
.social-icon i {
	font-size: 24px;
}
.flag-language img {
	width: auto;
    height: 30px;
}
.flag-language span {
	background-color: #737373;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    margin-left: 10px;
}
.icon1 img{
	width: 50px;
	padding: 5px;
	background: #fff;
}
.icon2 img{
	width: 50px;
	padding: 5px;
    background: #fff;
}
.navigation-bar {
	background: #000000;
	color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;
    width: 100%;
    top: 0;
    z-index: 1000;
}
.navigation-bar-menu{
	background: #ec6603;
    padding: 25px;
	width: 100%;
}
.navigation-bar-menu.sticky {
	position: fixed;
	top: 0;
	z-index: 1000;
	max-width: 1170px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-toggle {
	display: none;
	border: none;
	background: #000;
	padding: 10px;
	cursor: pointer;
	margin-right: 10px;
}
.icon-bar {
	display: block;
	width: 22px;
	height: 3px;
	margin: 4px 0;
	background: #fff;
}
.brand-logo img {
	width: 180px;
}
.navigation-menu {
	list-style: none;
	display: flex;
    gap: 10px;
    margin-bottom: 0px;
}
.navigation-menu li {
	position: relative;
	text-decoration: none;
}
.navigation-menu a:hover{
	text-decoration: none;
}
.navigation-menu a {
	color: white;
	text-decoration: none;
	padding: 10px;
	display: block;
	letter-spacing:1px
}
.custommenu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 200px;
}
.custommenu li a {
	color: #ffffff;
	padding: 10px;
    display: block;
    list-style-type: none;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.custommenu > li:last-child a {
	border-bottom: none !important;
}
.dropdown:hover .custommenu, .dropdown:focus-within .custommenu {
	display: block;
}
@media (max-width: 768px) {
	.header-container{
		max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
	}
	.top-bar {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 0;
    }
	.top-left {
        font-size: 14px; /* Adjust font size for smaller screens */
        margin-bottom: 5px;
    }
    .top-right {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }
    .flag-language {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .flag-language img {
        width: 20px; /* Adjust flag size */
        height: auto;
    }
    .icon1 img, .icon2 img {
        width: 30px; /* Adjust icon sizes */
        height: auto;
    }
	.navigation-bar-menu {
		padding: 10px;
	}
	.navigation-bar {
		padding: 0px;
		width: 98%;
	}
	.navigation-bar-menu.sticky {
		position: fixed;
		top: 0;
		z-index: 1000;
		max-width: 100%;
		margin: 0px auto;
		padding-left: 10px;
		padding-right: 0;
	}
	.navbar-toggle {
		display: block;
	}
	.navigation-menu {
		display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
        background: #ec6603;
        position: absolute;
        top: 107px;
        left: 0;
        padding: 0px 0;
        z-index: 9999;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
		gap: 0px;
	}		
	.navigation-menu.active {
		max-height: 500px;
	}
	.navigation-menu li {
		text-align: left;
		padding-left: 20px;
		width: 100%;
	}
	.custommenu {
		position: relative;
		width: 385px;
	}
	.custommenu li{
		padding-left: 0;
	}
}