/* Import Inter font */
@import url('https://db.onlinewebfonts.com/c/60664a9012d930d2a860931edd90a1ce?family=ITC+Century+Book');

@font-face {
    font-family: 'GT America Regular';
    src: url('fonts/GT-America-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ITC Century Book";
    src: url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.eot");
    src: url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/60664a9012d930d2a860931edd90a1ce.svg#ITC Century Book")format("svg");
}

/* Root variables */
:root {
    --background-color-green: #006200AB;
    --background-color-orange: #FFC472;
}
.itcfont{
    font-family: 'ITC Century Book', serif;
}
.gtamerica{
    font-family: 'GT America Regular', serif;
}

.contact_main_content sup{
    font-size: 12px;
}
/* Styles */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for Firefox */
.hide-scrollbar {
    scrollbar-width: none;
}
/* Active state - green */
#navbar li a.active,#navbar li.current-menu-item a,#navbar li a:hover {
    color: #549654 !important;
}
/* Inactive state - gray */
#navbar li a.inactive,#navbar li:not(.current-menu-item) a {
    color: gray;
}
.producer-item.active{
    text-decoration: underline;
}


.country-button.active {
    background-color: black !important;
    color: white !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.subcategory-button.active{
    text-decoration: underline;
} 
@media (max-width: 768px) { 
    .producer-details-container.active{
        display: block !important;
    } 
    .prod-left-side-cont.active{ 
        display: none !important;
    }
}



#headeformwrap {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
}

#headeformwrap input[type="text"] {
    height: 16px;
    font-size: 20px;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 15px;
    width: 0px; /* Initially hidden */
    position: absolute;
    top: -5px;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

#headeformwrap input[type="text"]:focus {
    width: 200px; /* Expand width on focus */
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
}

#headeformwrap input[type="submit"] {
    height: 16px;
    width: 16px;
    display: inline-block;
    float: right;
    background: url('images/icons8-search.svg') center center no-repeat;
    background-size: contain;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 4;  /* Ensure the submit button is above the text input */
    cursor: pointer;
    transition: opacity .4s ease;
}

#headeformwrap input[type="submit"]:hover {
    opacity: 0.8;
}
#footer_insta_url_ar svg{
	stroke: #1E1E1E;
}
#footer_insta_url_ar:hover svg{
	stroke: #549654 !important;
}
div#contact_form_ar,#contact_wrapper_ar {
    height: 100vh;
}
div#prod_between_ar {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: inherit;
}