.container, .et_pb_row {
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}


/* ==================== HEADER ========================== */






.mobile-header {
    display: none;
}



header#main-header {
    border: none !important;
    box-shadow: none !important;
    box-shadow: none;
}
header#main-header .desktop-header {
    padding: 10px 41px 5px 44px;
}
header .container {
    display: flex;
    justify-content: space-between;
    padding: 0px 0 8px 0;
    align-items: flex-start;
}
header .container::after {
    display: none;
}

header .logo_container {
    width: 125px !important;
    height: 45px !important;
    position: relative !important;
}
header .logo_container span.logo_helper {
    display: none;
}

header .logo_container img#logo {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
}


.contact-us-header a {
    font-size: 18px;
    font-family: var(--font-Roboto) !important;
    font-weight: bold;
    position: relative;
    background: var( --primarycolor-2);
    padding: 7px 40px 7px 74px;
    text-decoration: none !important;
    color: var(--whitecolor);
    border-radius: 50px;
    text-transform: uppercase;
    transition: 0.3s;
    display: block;
}
.contact-us-header a:hover {
    background-color: var( --trinarycolor);
    transition: 0.3s;
}
.contact-us-header a::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/hdr_mail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 8px;
    left: 27px;
    transition: 0.3s;
}
.contact-us-header {
    padding-top: 2px;
}


.desktop-header-outer div#et-top-navigation {
    padding: 0 !important;
}
header nav#top-menu-nav ul.nav {
    display: flex !important;
    column-gap: 60px;
}
header nav#top-menu-nav ul.nav > li > a {
    color: var( --primarycolor-1) !important;
    font-size: 18px !important;
    font-family: var(--font-Roboto) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-shadow: 0px 1px 2px #00000026;
    opacity: 1 !important;
}
header nav#top-menu-nav ul.nav > li > a:hover {
    color: var(--lightorangecolor) !important;
}


header nav#top-menu-nav ul.nav > li {
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 30px;
}

header nav#top-menu-nav ul.nav li ul.sub-menu {
    display: flex !important;
    flex-direction: column;
    background: #ffffff !important;
    align-items: flex-start;
    padding: 20px 13px 23px 12px !important;
    border: 0;
    box-shadow: none;
}
header nav#top-menu-nav ul.nav li ul.sub-menu {
    transform: translate(28px, 4px) !important;
    width: 240px;
}
header nav#top-menu-nav ul.nav li ul.sub-menu li {
    padding: 0 !important;
    width: 100%;
}
header nav#top-menu-nav ul.nav li ul.sub-menu a {
    flex-direction: column;
    color: var(--primarycolor-1) !important;
    font-size: 16px !important;
    font-family: var(--font-Roboto) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    display: flex !important;
    opacity: 1 !important;
    background: transparent;
    text-decoration: none !important;
    padding: 10px 12px 13px 13px !important;
    border-bottom: 1px solid #d5d5d5;
    line-height: normal;
    width: 100%;
}
header nav#top-menu-nav ul.nav li ul.sub-menu a:hover {
    font-style: italic;
    color: var(--lightorangecolor) !important;
}
header nav#top-menu-nav ul.sub-menu .application-product-categories .category-item.current-menu-item a {
    font-style: italic;
    color: var(--lightorangecolor) !important;
}
header nav#top-menu-nav ul.nav li ul.sub-menu li.current-menu-item a {
    font-style: italic;
    color: var(--lightorangecolor) !important;
}



div#top-header {
    background: #ffffff;
}

div#top-header .container {
    padding: 10px 41px 0px 35px;
}

div#top-header .container div#et-info {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    gap: 30px;
    padding-bottom: 0;
}

div#et-info a {
    color: var(--primarycolor-1);
    font-size: 15px;
    text-decoration: none !important;
    font-weight: bold;
    font-family: var(--font-Roboto);
}

#top-header .et-social-icons li a {
    font-size: 0 !important;
    width: 14px;
    height: 14px;
    margin: 0 !important;
}
#top-header .et-social-icons li a::before {
    filter: brightness(0) saturate(100%) invert(71%) sepia(6%) saturate(8%) hue-rotate(314deg) brightness(94%) contrast(84%);
    width: 13px;
    height: 13px;
    transition: 0.2s;
}
#top-header .et-social-icons li a:hover:before {
    filter: brightness(0) saturate(100%) invert(17%) sepia(6%) saturate(195%) hue-rotate(169deg) brightness(103%) contrast(88%);
    transition: 0.2s;
}
#top-header .et-social-icons li {
    margin: 0 !important;
}
#top-header ul.et-social-icons {
    display: flex !important;
    flex-direction: row;
    gap: 35px !important;
    position: relative;
    align-items: center;
}

header nav#top-menu-nav ul.nav li.menu-item-has-children > a {
    padding-right: 17px !important;
    position: relative;
}
header nav#top-menu-nav ul.nav li.current-menu-item > a {
    color: var(--primarycolor-2) !important;
}
header nav#top-menu-nav ul.nav > li.current-menu-item > a:after {
    filter: brightness(0) saturate(100%) invert(37%) sepia(46%) saturate(4143%) hue-rotate(350deg) brightness(99%) contrast(90%);
}


div#et_mobile_nav_menu {
    display: none;
}


/* ==================== HEADER ========================== */



/* ==================== HOME BANNER SECTION ========================== */



.eukalin-banner-section .slider-banner-home .et_pb_slides {
    height: 0;
    padding-bottom: 42%;
    width: 100%;
    position: relative;
}
.eukalin-banner-section .slider-banner-home .et_pb_slides .et_pb_media_alignment_center {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.eukalin-banner-section .slider-banner-home .et_pb_slides .et_pb_media_alignment_center .et_pb_container {
    height: 100% !important;
}

.et-pb-slider-arrows a.et-pb-arrow-prev {
    width: 56px;
    height: 56px;
    left: 0 !important;

}
.et-pb-slider-arrows a.et-pb-arrow-next {
    width: 56px;
    height: 56px;
    right: 0 !important;

}
.et-pb-slider-arrows a.et-pb-arrow-prev::before {
    position: absolute;
    content: "" !important; 
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_lt_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}
.et-pb-slider-arrows a.et-pb-arrow-next::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_rt_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}

.eukalin-banner-section .slider-banner-home .et_pb_slide_description :where(h1, h2, h3, h4, h5, h6, p, a) {
    color: #fff !important;
}
.eukalin-banner-section .slider-banner-home .et_pb_slide_description {
    background-color: var(--primarycolor-2);
    padding: 37px 0px 28px 0px;
    width: 61%;
    opacity: 0.9 !important;
    margin: 22px auto 0 auto;
    transform: none !important;
}


.eukalin-banner-section .slider-banner-home .et_pb_slide_description h2 {
    font-size: 44px !important;
    margin-top: 10px;
    margin-bottom: 1px;
    text-transform: uppercase;
    line-height: 45px;
}
.eukalin-banner-section .slider-banner-home .et_pb_slide_description h3 {
    font-size: 38px;
    font-weight: 300 !important;
    line-height: normal;
    margin-top: 0;
    font-family: var(--font-Oxygen) !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}



/* ==================== HOME BANNER SECTION END ========================== */



.carousal-cpt-section .carousal-row-section {
    width: 100% !important;
    max-width: 100% !important;
    display: flex
;
    margin-right: auto;
    margin-left: 0;
}

.carousal-cpt-section .carousal-row-section .carousal-sec-col-1 {
    margin-right: 44px !important;
    width: 46%;
    margin-bottom: 50px;
}
.carousal-sec-col-2 {
    width: 54% !important;
}

.carousal-sec-col-1  
 span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 96%;
    display: block;
    width: 100%;
    height: 0;
}

.carousal-sec-col-1 span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 96%;
    top: 0;
    left: 0;
    object-fit: cover !important;
}

.caro-news-title h6 {
    margin-top: 27px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.home-title-contents h6  {
    position: relative;
    padding-bottom: 20px;
}
.home-title-contents h6::before {
    position: absolute;
    content: "";
    width: 180px;
    height: 2px;
    background:var(--primarycolor-2);
    bottom: 0px;
    left: 0;
}

.owl-stage-outer .news-item h2 {
    margin-bottom: 0;
    padding-bottom: 6px;
    width: 97%;
    margin-top: 49px;
    text-transform: none;
    font-weight: bold !important;
}
.caro-news-title {
    margin-bottom: 31px !important;
}

a.more-button {
    background-color: var(--primarycolor-2);
    color: white;
    font-size: 15px;
    letter-spacing: 0.6px;
    font-weight: 200;
    padding: 17px 71px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease;
    text-decoration: none !important;
    font-family: var(--font-Oxygen);
    margin-top: 34px;
}

a.more-button:hover {
    background-color: #323334; 
}
.carousal-cpt-section .carousal-row-section .news-item {
    padding-top: 10px;
    padding-right: 106px;
}

.carousal-cpt-section .carousal-row-section .owl-nav button span {
    display: none;
}
.carousal-cpt-section .carousal-row-section .owl-nav button {
    width: 45px;
    height: 45px;
    position: relative;
}
.carousal-cpt-section .carousal-row-section button.owl-prev::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_lt_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(74%) sepia(1%) saturate(337%) hue-rotate(78deg) brightness(95%) contrast(76%);
}
.carousal-cpt-section .carousal-row-section button.owl-next::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_rt_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}
.carousal-cpt-section .owl-carousel.owl-drag .owl-item p {
    padding-bottom: 0;
    width: 100%;
    font-size: 18px;
    word-spacing: 0px;
}
.carousal-cpt-section .carousal-row-section .owl-nav {
    gap: 24px;
    display: flex;
}

.carousal-cpt-section .carousal-row-section .news-carousel.owl-carousel.owl-loaded.owl-drag {
    display: flex;
    flex-direction: column-reverse;
}
.carousal-cpt-section .carousal-row-section .owl-dots {
    display: none;
}




/* ==================ABOUT US PAGE================== */


.content-home-col.home-title-contents h1 {
    letter-spacing: 2px !important;
    word-spacing: 3px;
}

.directory-section {
    padding-top: 16px !important;
    padding-bottom: 72px !important;
}
.directory-section .director-row-column {
    max-width: 100% !important;
    width: 56% !important;
    padding-bottom: 28px !important;
}

.directory-section .director-row-column .about-us-downloads {
    display: flex
;
    justify-content: center;
    gap: 106px !important;
    flex-direction: row !important;
    padding-bottom: 90px;
}

.directory-section .director-row-column .download-container {
    background-color: var(--primarycolor-2);
    color: white;
    width: 37%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    /* padding: 60px 21px 25px 21px; */
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
}
.directory-section .director-row-column .download-container a {
    text-decoration: none !important; 
}
.directory-section .director-row-column .download-container a.download-outer {
    padding: 60px 21px 25px 21px;
}
.directory-section .director-row-column .download-container span {
    color: white;
}
.content-about-sec.home-content-section h2 {
    color: var(--primarycolor-2) !important;
    font-weight: 300 !important;
    margin-top: -13px !important;
    margin-bottom: 12px;
}

.directory-section .director-row-column .download-container:hover {
    background-color: #353638; /* Darker red on hover */
}
.directory-section .director-row-column .download-container h2 {
    color: white !important;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: 1px;
    padding-bottom: 34px;
}

.view-file-link {
    color: white;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 10px;
    display: block;
    text-decoration: none !important;
}

.view-file-link:hover {
    text-decoration: underline;
}
.directory-section .director-row-column .et_pb_button_module_wrapper {
    text-align: center !important;
}


.sustain-row-col .sustain-about-content p {
    font-size: 17px;
    font-weight: 400;
}


.sustainality-sec {
    position: relative;
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}
.sustainality-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffff78;
    top: 0;
    left: 0;
}
.sustainality-sec .row-sustainability {
    background: #ffffffc4;
    max-width: 72% !important;
    padding: 20px 69px 24px 69px;
    opacity: 0.9;
}
.heading-center-underline h6 {
    position: relative;
    padding-bottom: 20px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content;
    letter-spacing: 2px;
}
.heading-center-underline h6::before {
    position: absolute;
    content: "";
    width: 57%;
    height: 2px;
    background: red;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.sustainality-sec .row-sustainability .sustainability-download {
    text-align: center;
}
a.sustainability-button {
    background-color: var(--primarycolor-2);
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 17px 71px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    font-family: var(--font-Oxygen);
    margin-top: 30px;
}
a.sustainability-button:hover {
    background-color: #323334;
}


.news-section-cpt {
    padding-top: 4px !important;
}
.news-title.ann-mob {
    display: none;
} 

.news-section-cpt .news-announce-row .news-title {
    padding-bottom: 51px;
}

.news-section-cpt .news-announce-row {
    max-width: 100% !important;
    width: 100% !important;
}
.news-section-cpt .news-announce-row .simple-news-carousel {
    padding-right: 130px;
    padding-left: 130px;
} 

.news-section-cpt .news-announce-row .news-slide-2 h2 {
    text-transform: uppercase;
    margin-top: 26px;
    line-height: 34px;
    font-size: 26px !important;
    padding-bottom: 23px;
    position: relative;
    margin-bottom: 15px;
    transition: 0.2s;
}
.news-section-cpt .news-announce-row .news-slide:hover .news-slide-2 h2 a {
    color: var(--primarycolor-2) !important;
    cursor: pointer;
    transition: 0.2s;
}
.news-section-cpt .news-announce-row .news-slide-2 h2::before {
    position: absolute;
    content: "";
    width: 24%;
    height: 2px;
    background: red;
    bottom: 0px;
    left: 0;
}

.news-section-cpt .news-announce-row .news-slide .news-slide-1 a {
    position: relative;
    padding-bottom: 68%;
    display: block;
    width: 100%;
    height: 0;
}

.news-section-cpt .news-announce-row .news-slide .news-slide-1 a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover !important;
}
a.read-button {
    text-transform: uppercase;
    color: var(--primarycolor-2);
    text-decoration: none !important;
    font-size: 18px;
}
#et-footer-nav .bottom-nav li.current-menu-item a {
    color: #313131 !important;
}

.news-section-cpt .news-announce-row .owl-nav {
    gap: 24px;
    display: flex;
}
.news-section-cpt .news-announce-row .owl-nav button {
    width: 45px;
    height: 45px;
    position: relative;
}
.news-section-cpt .news-announce-row button.owl-prev::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_lt_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(74%) sepia(1%) saturate(337%) hue-rotate(78deg) brightness(95%) contrast(76%);
}
.news-section-cpt .news-announce-row button.owl-next::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_rt_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}
.news-section-cpt .news-announce-row .owl-nav button span {
    display: none;
}


.news-section-cpt .news-announce-row .owl-nav {
    gap: 24px;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    justify-content: space-between;
    top: 32%;
    transform: translate(0px, -50%);
}
.news-section-cpt .news-announce-row .owl-dots {
    display: none;
}
/* About Us Detail page -----------------------------------------------------------------------*/

.news-sub-detail-outer {
    padding-top: 6px;
}
.news-detail-outer .right-sidebar ul li {
    list-style-type: none;
}
.news-section-cpt .news-announce-row .news-slide-2 h2 a {
    text-decoration: none !important;
}
/* ==================ABOUT US PAGE================== */




/* ===================BANNER INNER IMAGE==================== */


.common-banner-outer .common-banner-inner {
    position: relative;
    padding-bottom: 36%;
    display: block;
    width: 100%;
    height: 0;
}

.common-banner-outer .common-banner-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover !important;
}



/* ===================BANNER INNER IMAGE END==================== */




a.common-btn {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px 48px 7px 48px;
    background: var(--primarycolor-2);
    color: white;
    text-decoration: none !important;
    border-radius: 50px;
    font-family: var(--font-Roboto);
    border: 0 !important;
    line-height: normal !important;
    text-transform: uppercase;
}
a.common-btn:hover {
    font-size: 18px;
    text-transform: uppercase;
    padding: 7px 48px 7px 48px !important;
    background: #353637 !important;
    color: white;
    text-decoration: none !important;
    border-radius: 50px !important;
    font-family: var(--font-Roboto);
    border: 0 !important;
    line-height: normal !important;
    text-transform: uppercase;
}
a.common-btn::after {
    display: none;
}






/* ========================= SOCIAL FEED SECTION ================ */
ul li {
    list-style-type: none;
}



.social-feed-sec {
    background: #353637;
    padding-top: 34px !important;
    padding-bottom: 40px !important;
}
.social-feed-sec .social-about-row {
    max-width: 100%;
}
.social-feed-sec .splide__track {
    padding: 0 97px !important;
} 

.social-feed-sec .eapps-facebook-feed-inner {
    background: transparent;
    position: relative;
    border-radius: 0px;
    width: 100%;
    border: 0 !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}
.social-feed-sec .eapps-facebook-feed-posts-inner {
    margin-bottom: 0px;
    border-top: 0px ;
}
.social-feed-sec #eapps-facebook-feed-1 .eapps-facebook-feed-content-container {
    height: auto !important;
    overflow: auto !important;
}
.social-feed-sec .eapps-facebook-feed-container {
    max-width: 100% !important;
}
.social-feed-sec .eapps-facebook-feed-posts-item-content-picture {
    width: 100%;
}
.social-feed-sec .eapps-facebook-feed-posts-item {
    border-radius: 15px !important;
}
.social-feed-sec .eapps-facebook-feed-item-author-name a {
    text-decoration: none !important;
}



.social-feed-sec .splide__arrow--prev {
    opacity: 1;
    left: 0;
}
.social-feed-sec .splide__arrow--next {
    opacity: 1;
    right: 0;
}
.social-feed-sec .splide__arrow--prev::before  {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_lt_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}
.social-feed-sec .splide__arrow--next::before {
    position: absolute;
    content: "" !important;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow_rt_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0px;
    left: 0px;
    transition: 0.3s;
}

/* ========================= SOCIAL FEED SECTION ================ */

/*-------------------------------------------------------------*/

.footer-title h6 a {
    text-decoration: none !important;
    font-size: 28px;
    font-weight: 400;
}

/* Footer Section*-----------------------------------------------------------------------------/

/* Packaging products & Application */
     
.request-product-section {
    background-color: #353638 !important;
}
.request-product-section .request-title-contact {
    margin-bottom: 25px !important;
}
.request-product-section .request-title-contact h2 {
    color: white !important;
    font-size: 38px;
    font-weight: bold !important;
    font-family: var(--font-Oxygen) !important;
    letter-spacing: 2px;
    padding-bottom: 26px;
}

.request-product-section .request-title-contact h2::before {
    position: absolute;
    content: "";
    width: 170px;
    height: 2px;
    background: var(--primarycolor-2);
    bottom: 0px;
    left: 0;
}

.request-row-cols .req-content-form p {
    color: var(--whitecolor) !important;
    font-size: 18px !important;
    font-weight: 400;
    font-family: var(--font-Oxygen) !important;
}

.request-form-row {
    padding: 0 30px 0 30px !important;
}
body .request-form-row li {
    color: white !important;
}
/* .request-row-cols {
    padding-left: 14px;
} */
.request-product-section {
    padding: 33px 0 0 0 !important;
}
.request-row-cols ul li {
    color: white !important;
}

.entry-content ul li::before, .whats-inner ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--lightorangecolor);
    left: 1px;
    top: 13px;
    border-radius: 100px;
}
ul.cont-form li:before {
    display: none;
}
ul.cont-product-form li:before {
    display: none;
}
li.first-frm.request-form-info.contact-req span.wpcf7-form-control-wrap input {

    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
}

li.last-lrm.request-form-info.contact-req span.wpcf7-form-control-wrap input{

    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
}

li.contac-email.req-produc-frm.contact-req span.wpcf7-form-control-wrap input{
    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
}
li.contac-phone.req-produc-frm.contact-req span.wpcf7-form-control-wrap input{

    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
}

li.contac-txt.req-produc-frm.contact-req span.wpcf7-form-control-wrap select#product-dropdown {

    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
    width: 100%;
}

li.contac-add.req-produc-frm.contact-req span.wpcf7-form-control-wrap textarea.wpcf7-form-control.wpcf7-textarea {
    display: block;
    height: 128px;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
    min-height: 65px;
    min-width: 200px;
}
li.submit-item input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: fit-content;
    display: block;
    height: 56px;
    background-color: var(--primarycolor-2);
    font-family: var(--font-Oxygen);
    color: var(--whitecolor) !important;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 0 !important;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 60px 13px 60px !important;
}

li.submit-item p {
    width: 56%;
}
ul.cont-product-form li.first-frm.request-form-info.contact-req {
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.cont-product-form li.last-lrm.request-form-info.contact-req{
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.cont-product-form li.contac-email.req-produc-frm.contact-req{
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.cont-product-form li.contac-phone.req-produc-frm.contact-req {
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.contac-txt.req-produc-frm.contact-req span.wpcf7-form-control-wrap {
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.cont-product-form li.contac-txt.req-produc-frm.contact-req {
    text-align: -webkit-center;
    padding-bottom: 0;
}
ul.cont-product-form li.contac-add.req-produc-frm.contact-req {
    padding-bottom: 0;
}
ul.cont-product-form span.wpcf7-form-control-wrap input::placeholder{
    font-size: 20px !important;
    color: rgb(73, 73, 73) !important;
    font-family: var(--font-Oxygen) !important;
    font-weight: 400 !important;
}
ul.cont-product-form span.wpcf7-form-control-wrap textarea::placeholder{
    font-size: 20px !important;
    color: rgb(73, 73, 73) !important;
    font-family: var(--font-Oxygen) !important;
    font-weight: 400 !important;
}
.request-form-code {
    padding-top: 48px;
    padding-bottom: 85px;
}
ul.cont-product-form li {
    padding-bottom: 1px;
}

.content-product-app h2 {
    color: var(--primarycolor-2) !important;
    font-weight: 300 !important;
    margin-top: -13px !important;
    margin-bottom: 12px;
}
li.contac-txt.req-produc-frm.contact-req span.wpcf7-form-control-wrap .wpcf7-not-valid {
    border: 1px solid #ed1c24 !important;
    width: 56%;
    display: block;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}

ul.cont-product-form li.submit-item p span.wpcf7-spinner {
    right: -81px;
    position: absolute;
    top: 16px;
    background-color: rgb(103 104 106);
}
ul.cont-product-form li.submit-item p {
    width: fit-content;
    margin: 31px auto 0 auto;
    position: relative;
}

ul.contac-txt.req-produc-frm.contact-req {
    margin-top: 0;
}

ul.cont-product-form li.submit-item {
    padding: 10px 0 0 0;
}

li.submit-item input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #9e9c9d;
}

ul.cont-product-form li.contact-req input, ul.cont-product-form li.contact-req select, ul.cont-product-form li.contact-req textarea {
    width: 100%;
}
.request-form-code {
    width: 59%;
    margin: 0 auto;
}

li.contac-txt.req-produc-frm.contact-req .select2-container--default .select2-selection--single {
    border: 0px solid white !important;
    padding: 10px 10px 10px 12px !important;
    font-size: 20px !important;
    font-family: var(--font-Oxygen) !important;
    color: #353637 !important;
    text-transform: uppercase;
    font-weight: 400;
    background-color: white !important;
    height: 49px;
    border-radius: 0 !important;
    width: 100%;
}
li.contac-txt.req-produc-frm.contact-req span.select2-selection__rendered {
    font-size: 20px !important;
    font-family: var(--font-Oxygen) !important;
    color: #353637 !important;
    line-height: 26px !important;
    padding-left: 0 !important;
    text-align: left;
    text-transform: uppercase;
}
li.contac-txt.req-produc-frm.contact-req span.select2-selection__arrow::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/m_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 15px;
    right: 10px;
    z-index: 0;
    filter: brightness(0) saturate(100%) invert(20%) sepia(55%) saturate(4738%) hue-rotate(345deg) brightness(94%) contrast(102%);
}
li.contac-txt.req-produc-frm.contact-req .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
li.cont-txt.req-cont.cont-com span.select2-selection__arrow::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/m_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 15px;
    right: 10px;
    z-index: 0;
    filter: brightness(0) saturate(100%) invert(20%) sepia(55%) saturate(4738%) hue-rotate(345deg) brightness(94%) contrast(102%);
}
li.cont-txt.req-cont.cont-com .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/* .select2-container--open .select2-dropdown {
    top: 32px;
} */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ED1C24 !important;
}
.select2-results__option--selectable {
    text-transform: uppercase;
}

body.admin-bar span.select2-dropdown.select2-dropdown--below {
    top: 32px;

  }
span.select2-dropdown {
    border-radius: 0 !important;
 }
body.admin-bar .select2-dropdown--above {
    top: 32px;

 }


 /* span.select2-dropdown.select2-dropdown--below {
    top: 26px;
  }

  span.select2-dropdown.select2-dropdown--above {
    top: 26px;
 } */


/* ================ ACC ============== */

.app-category-content > p {
    text-align: center;
    margin-top: 10px;
}

.section-product-sections.home-content-section h1 {
    letter-spacing: 2px;
}

.acc-outer-sec {
    padding-top: 6px !important;
    padding-bottom: 34px;
}

.acc-outer-sec .acc-inner-sec {
    max-width: 100%;
}


.app-category-item button.app-category-title {
    width: 71%;
    text-align: left;
    border: 0;
    padding: 13px 20px 13px 38px;
    background: var(--primarycolor-2);
    color: white;
    font-size: 28px;
    text-transform: uppercase;
    border-radius: 0 !important;
    font-weight: bold;
    font-family: var(--font-Oxygen);
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
}
.app-category-item button.app-category-title::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/m_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 23px;
    right: 20px;
    z-index: 0;
    transition: 0.3s;
}
.app-category-item.active button.app-category-title::before {
    rotate: -181deg;
    transition: 0.3s;
}
.app-category-item {
    padding-bottom: 16px;
}
.app-category-content ul li img {
    width: 82px !important;
    height: 65px !important;
    object-fit: contain;
    margin-right: 0 !important;
    padding: 14px 12px 14px 12px;
    border-right: 4px solid white;
    user-select: none;
}
.app-category-content ul li button.product-toggle {
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 0 !important;
    font-weight: 500 !important;
    font-family: var(--font-Asap);
    letter-spacing: 1px;
    text-align: left;
}

 .app-category-content > ul > li.product-toggle-li {
    border-radius: 0 !important;
    padding: 0 !important;
    gap: 20px;
    margin-bottom: 15px !important;
    position: relative;
    cursor: pointer;
    width: 71%;
    margin: 0 auto;
}

.app-category-content ul li.product-toggle-li.active::before {
    /* rotate: -181deg; */
    position: absolute;
    content: "";
    transition: 0.3s;
    background: url(../images/dropdn-up.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    right: 20px;
    z-index: 0;
    display: block;
    left: auto;
    transform: translateY(-50%);
}
.app-category-content ul li:last-child {
    margin-bottom: 0px !important;
}
.app-product-accordion .app-category-content > ul > li::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/m_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    right: 20px;
    z-index: 0;
    display: block;
    left: auto;
    transform: translateY(-50%);
}

.app-category-content .product-content button.download-icon {
    width: fit-content;
    display: block;
    height: 56px;
    background-color: var(--primarycolor-2);
    font-family: var(--font-Oxygen);
    color: var(--whitecolor) !important;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 0 !important;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 60px 13px 60px !important;
    margin: 30px auto 15px auto;
    transition: 0.3s;
}
.app-category-content .product-content button.download-icon:hover {
    color: #fff;
    background-color: #a7a6a6;
    transition: 0.3s;
}
.app-category-content ul {
    margin-top: 15px !important;
}

table.draggable-table tr th {
    font-size: 17px !important;
    text-transform: uppercase;
    font-family: var(--font-Roboto);
    line-height: 18px !important;
    color: #6d6e70;
    background-color: #d3d2d2;
    padding: 4px 10px 4px 10px;
    text-align: center;
    min-width: 200px !important;
    /* border-right: 2px solid #fff ;
    border-top: 1px solid #d3d2d2; */
    border-left: 2px solid #fff;
}
table.draggable-table tr th:first-child {
    border-left: 2px solid #d3d2d2;
}
table.draggable-table td p {
    font-size: 15px !important;
    font-family: var(--font-Roboto);
    line-height: 18px !important;
    margin: 0 !important;
    color: #231f20 !important;
}
table.draggable-table td li {
    font-size: 15px !important;
    font-family: var(--font-Roboto);
    text-align: left;
}
table.draggable-table td ol li::before {
    display: none;
}
table.draggable-table td {
    font-size: 15px !important;
    font-family: var(--font-Roboto);
    line-height: 18px !important;
    margin: 0 !important;
    color: #231f20 !important;
}
table.draggable-table td strong, table.draggable-table td a  {
    font-size: 15px !important;
    font-family: var(--font-Roboto);
}
table.draggable-table tr td {
    padding: 6px 10px;
    text-align: center;
    border-top: 2px solid #d3d2d2 ;
}
table.draggable-table tr td {
    border: 2px solid #d3d2d2;
}
.product-content {
    border: 0 !important;
    padding: 33px 0px 10px 0px !important;
    user-select: none;
}

.product-content p {
    text-align: center;
}
.product-table-container {
    width: 71%;
    margin: 0 auto;
    overflow-x: auto;
    user-select: text;
}
table.draggable-table strong {
    color: red;
    font-weight: 400 !important;
}
img.download-image {
    width: 25px;
    height: 25px;
    object-fit: contain;
    cursor: pointer;
}

li.cont-txt.req-cont.cont-com .select2-container--default .select2-selection--single {
    border: 0;
    width: 100%;
    font-family: var(--font-Oxygen);
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 13px 13px !important;
    height: 51px;
    border-radius: 0 !important;
}
li.cont-txt.req-cont.cont-com .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--darkgrey) !important;
    font-size: 20px !important;
    background-color: transparent !important;
    font-family: var(--font-Oxygen);
    line-height: 28px;
    padding-left: 0;
}

li.cont-txt.req-cont.cont-com p span.select2-selection__arrow::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/m_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 15px;
    right: 10px;
    z-index: 0;
    filter: brightness(0) saturate(100%) invert(20%) sepia(55%) saturate(4738%) hue-rotate(345deg) brightness(94%) contrast(102%);
}
li.cont-txt.req-cont.cont-com p .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.request-form-code ul.cont-form li input::placeholder, .request-form-code ul.cont-form li textarea::placeholder {
    color: var(--darkgrey) !important;
    font-size: 20px !important;
}

li.cont-txt.req-cont.cont-com select.wpcf7-not-valid + span.select2.select2-container {
    border: 1px solid red;
}


div#request-product-form ul.cont-product-form li {
    padding-left: 0;
}

.product-checkbox {
    appearance: none !important;
    width: 18px;
    height: 18px;
    border: 0px solid #5f6368;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: 0s;
  }
  .product-checkbox::before {
    content: "";
    font-size: 16px;
    position: absolute;
    background: url(../images/checkmark-out.svg) !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 9px;
    background-repeat: no-repeat !important;
    transition: 0s;
  }
  
  .product-checkbox:checked {
    background-color: transparent;
    border:  0px solid #5f6368;
    transition: 0s;
  }
  
  .product-checkbox:checked::after {
    content: "";
    font-size: 16px;
    position: absolute;
    background: url(../images/check.svg) !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 9px;
    background-repeat: no-repeat !important;
    transition: 0s;
}
  table.draggable-table {
    border: 0 !important;
    width: 100%;
    margin-bottom: 15px !important;
}


td.checkbox-td {
    width: 50px;
    border: 0 !important;
}
td.download-td {
    width: 50px;
    border: 0 !important;
}

table.draggable-table .col1 {
    min-width: 130px !important;
}
table.draggable-table .col2 {
    min-width: 144px !important;
}
table.draggable-table .col3 {
    min-width: 190px  !important;
}
table.draggable-table .col4 {
    min-width: 230px !important;
}
table.draggable-table .col5 {
    min-width: 230px !important;
}
/* table.draggable-table tr th {
    width: fit-content;
} */




/* Custom Scrollbar Styling for Webkit Browsers */
.product-table-container::-webkit-scrollbar {
    height: 8px; /* Scrollbar height */
  }
  
  .product-table-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track color */
    border-radius: 10px;
  }
  
  .product-table-container::-webkit-scrollbar-thumb {
    background: #bdbdbd; /* Scrollbar color */
    border-radius: 10px;
  }
  
  .product-table-container::-webkit-scrollbar-thumb:hover {
    background: #bdbdbd; /* Darker color on hover */
  }


.product-table-container th.extra-col {
    min-width: 50px !important;
    background: transparent !important;
    border: 0;
}
th.extra-col.check-col {
    border-left: 2px solid #d3d2d2 !important;
}



 .request-product-form {
    width: 100%;
    margin: 0 auto;
    background: rgb(53 54 56);
    padding-top: 30px;
    padding-bottom: 30px;
}
.request-product-form form {
    width: 50% !important;
    margin: 0 auto;
}

.request-product-form :where( h1, h2, h3, h4, h5, h6, p, span, a, strong ) {
    color: white !important;
}
.request-title-contact-inner {
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
    width: 87%;
    display: flex
    ;
        justify-content: center;
}
.request-title-contact-inner h6 {
    position: relative;
    padding-bottom: 26px;
    letter-spacing: 2px;
    width: fit-content;
    text-align: center;
}
.request-title-contact-inner h6::before {
    position: absolute;
    content: "";
    width: 170px;
    height: 2px;
    background: var(--primarycolor-2);
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
ul.cont-product-form {
    margin-top: 32px !important;
}

.form-description p {
    text-align: left;
}

div#request-product-form form {
    width: 51% !important;
    margin: 0 auto;
}




/*packaging product & applications page Ending-----------------------------------------------------*/



/*Thank you page design start--------------------------------------------------*/

.thank-package-section {
    margin-top: 0;
    padding-bottom: 150px !important;
}

.package-title-thanks {
    margin-bottom: 0 !important;
}

.package-title-thanks h1 {
    margin: 0 !important;
}   

.app-thank-contents h2 {
    margin: 20px 0 0 0;
    font-weight: 300 !important;
    color: var(--primarycolor-2) !important;
}

.thank-row-sec {
    margin: 0px 0 0 88px;
    width: 100% !important;
}

.thank-column-app {
    width: 102% !important;
}

.app-thank-contents p {
    font-size: 17px !important;
    font-family: var(--font-Oxygen) !important;
    font-weight: 400 !important;
    margin-top: 15px;
}







.container.img-container-outer {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 80px;
}
.inner-cont-category {
    max-width: 86%;
    margin: 0 auto;
    padding-bottom: 34px;
    padding-top: 27px;
}
.img-container-outer .content-product-titles h1 {
    letter-spacing: 2px;
    margin: 40px 0px 21px 0px !important;
    padding-bottom: 23px;
    width: 100%;
    position: relative;
}
.img-container-outer .content-product-titles h1::before {
    position: absolute;
    content: "";
    width: 170px;
    height: 2px;
    background: var(--primarycolor-2);
    bottom: 0px;
    left: 0;
}




.cate-code-sec {
    padding-top: 30px;
}

.cate-code-sec .cade-code-row {
    max-width: 87%;
}
.cate-code-sec .application-product-categories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    row-gap: 45px;
}
.cate-code-sec .application-product-categories a {
    text-decoration: none !important;
}

.application-product-category .prod-img-outer {
    position: relative;
    padding-bottom: 68%;
    display: block;
    width: 100%;
    height: 0;
}
.application-product-category img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover !important;
}

.cate-code-sec .application-product-category .category-title {
    text-transform: uppercase;
    margin-top: 25px;
    line-height: 34px;
    font-size: 26px !important;
    padding-bottom: 23px;
    position: relative;
    margin-bottom: 15px;
}
.cate-code-sec .application-product-categories a.category-link:hover .category-title {
    color: var(--primarycolor-2) !important;
    cursor: pointer;
    transition: 0.2s;
}
.cate-code-sec .application-product-categories .application-product-category:hover .category-title a {
    color: var(--primarycolor-2) !important;
    cursor: pointer;
    transition: 0.2s;
}
.cate-code-sec .application-product-category .category-title::before {
    position: absolute;
    content: "";
    width: 24%;
    height: 2px;
    background: red;
    bottom: 0px;
    left: 0;
}
.cate-code-sec .category-button {
    text-transform: uppercase;
    color: var(--primarycolor-2);
    text-decoration: none !important;
    font-size: 18px;
}
.cate-code-sec .category-button a {
    text-transform: uppercase;
    color: var(--primarycolor-2);
    text-decoration: none !important;
    font-size: 18px;
}
.cate-code-sec button#load-more-categories {
    width: fit-content;
    display: block;
    height: 56px;
    background-color: var(--primarycolor-2);
    font-family: var(--font-Oxygen);
    color: var(--whitecolor) !important;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 0 !important;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 60px 13px 60px !important;
    margin: 60px auto 15px auto;
    transition: 0.3s;
    position: relative;
}
.cate-code-sec button#load-more-categories img {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 13px;
    right: -40px;
}


@media (max-width: 991px) {


/* ====================HEADER========================== */

    header#main-header .desktop-header{
        display: none;
    }
    header#main-header .mobile-header {
        display: block;
    }
    div#top-header {
        display: none;
    }



    header .logo_container img#logo {
        max-width: 100%;
    }
    .mobile-header .mob-logo {
        width: 53%;
    }

    header#main-header .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 26px 20px 26px 22px;
        /* border-bottom: 0.5px solid #ffffff33; */
    }
    .header_mobile_icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        position: absolute;
        left: 0;
        width: 100%;
        top: 97px;
        z-index: 0;
        background-color: var(--primarycolor-2);
        z-index: 9999;
        height: 100vh;
        padding-top: 0px;
        display: none;
        gap: 20px;
    }
    .header_mobile_icon.active {
        display: block;
        display: flex !important;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li {
        display: block;
        flex-direction: row-reverse !important;
        flex-direction: column;
        width: 100% !important;
        position: relative;
        flex-wrap: wrap;
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid white;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li >a {
        color: #fff !important;
        font-size: 18px !important;
        font-family: var(--font-Roboto) !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        display: flex !important;
        flex-direction: column;
        /* align-items: center; */
        text-shadow: 0px 1px 2px #00000026;
        opacity: 1 !important;
        padding: 24px 16px 16px 54px !important;
        /* border-bottom: 1px solid white; */
        width: 100%;
    }
    span.nav-click::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: url(../images/m_dropdn.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 75%;
        left: 0;
        top: 0;
    }
    header span.nav-click {
        font-size: 0;
        position: absolute;
        padding: 0px 11px 15px 15px;
        cursor: pointer;
        right: 25px;
        top: 28px;
        /* transform: translatey(-50%); */
    }
    li#nav-menu-item-77 > a {
        width: 100% !important;
    }
    .product-submenu-hide li#nav-menu-item-77 > a {
        width: 71% !important;
    }

    /* .mob-menu-mob-outer {
    } */

    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu {
        display: flex;
        flex-direction: column;
        background: white !important;
        align-items: flex-start;
        border: 0 !important;
        padding: 0px 55px 0px 55px !important;
        gap: 0px;
        width: 100% !important;
        position: relative;
        visibility: visible !important;
        opacity: 1;
    }
    .application-product-categories {
        padding-bottom: 27px;
    }
    /* nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list > li:hover > ul.sub-menu {
        visibility: visible;
    } */
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu li {
        width: 100%;
        padding: 0;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu li .category-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu li a {
        flex-direction: column;
        line-height: normal;
        width: 100%;
        color: var(--primarycolor-1) !important;
        font-size: 16px !important;
        font-family: var(--font-Roboto) !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        display: flex !important;
        opacity: 1 !important;
        background: transparent;
        transition: 0.5s;
        text-decoration: none !important;
        padding: 17px 13px 9px 15px !important;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu li a:hover {
        font-style: italic;
        transition: 0.5s;
        color: var(--lightorangecolor) !important;
    }

    .nav-mobile {
        width: 28px;
        height: 20px;
        position: relative;
    }
    .nav-mobile::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: url(../images/m_menu.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .nav-mobile.active::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: url(../images/m_close.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
    }


    .mob-menu-mob-outer .social-icons ul.et-social-icons li a.icon::before {
        filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2715%) hue-rotate(334deg) brightness(100%) contrast(94%);
        width: 13px;
        height: 13px;
    }
    header#main-header .mobile-header span#et-info-phone {
        width: 22px;
        height: 24px;
        margin-left: 74px;
    }

    header#main-header .mobile-header .social-icons ul.et-social-icons {
        display: flex;
        justify-content: center;
        gap: 22px;
        padding-bottom: 25px;
    }
    header#main-header .mobile-header ul.et-social-icons li a.icon {
        width: 19px;
        height: 18px;
    }
    header#main-header .mobile-header span#et-info-phone a {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
    }
    header#main-header .mobile-header span#et-info-phone a::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: url(../images/m_phone.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
    }
    header#main-header .mobile-header span#et-info-phone::before {
        display: none;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li ul.sub-menu li .category-item.current-menu-item a {
        font-style: italic;
        color: var(--lightorangecolor) !important;
    }
    nav.nav.nav-mob .menu-mobile-menu-container ul.nav-list >li span.nav-click.active::before {
        rotate: -180deg;
        transition: 0.2s;
    }
    span.nav-click::before {
        transition: 0.2s;
    }


    /* =============================HEADER END======================= */



}


@media (max-width: 900px) {
    .eukalin-banner-section .slider-banner-home .et_pb_slides {
        padding-bottom: 50%;
    }
    .eukalin-banner-section .slider-banner-home .et_pb_slide_description {
        padding: 49px 20px 11px 20px;
        width: 83%;
        margin: 22px auto 0 auto;
    }
    .eukalin-banner-section .slider-banner-home .et_pb_slide_description h2 {
        font-size: 26px !important;
        margin-top: 10px;
        margin-bottom: 0px;
        text-transform: uppercase;
        line-height: 33px;
        padding-bottom: 5px;
    }
    .eukalin-banner-section .slider-banner-home .et_pb_slide_description h3 {
        font-size: 21px;
        font-weight: 300 !important;
        line-height: normal;
        margin-top: 0;
        text-transform: uppercase;
    }
    .et-pb-slider-arrows a.et-pb-arrow-prev {
        width: 30px;
        height: 30px;
        left: 0 !important;
    }
    .et-pb-slider-arrows a.et-pb-arrow-next {
        width: 30px;
        height: 30px;
        right: 0 !important;
    }


}


.et_pb_scroll_top {
    bottom: 66px !important;
}