.glide__arrow {

    top: 315px !important;

    height: 30px !important;

    width: 30px !important;

    fill: transparent !important;

    stroke: var(--color-green) !important;

    stroke-width: 10px !important;

    stroke-linejoin: miter !important;

    transition: all 300ms ease-in-out !important;

}



.glide__arrow:hover {

    fill: var(--color-green) !important;

}



/* .glide__arrow--left {

    left: -100px !important;

}



.glide__arrow--right {

    right: -100px !important;

} */



/* ############################################################################################################################################################################ */



.glide__bullets {

    position: absolute;

    z-index: 2;

    bottom: 50px !important;

    left: 50%;

    display: inline-flex;

    list-style: none;

    transform: translateX(-50%)

}



.glide__bullet {

    border: 2px solid var(--color-green) !important;

    background-color: transparent !important;

    width: 15px !important;

    height: 15px !important;

    padding: 0;

    border-radius: 50%;

    border: 2px solid transparent;

    transition: all 300ms ease-in-out;

    cursor: pointer;

    line-height: 0;

    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);

    margin: 0 .25em

}



.glide__bullet:focus {

    outline: none

}



.glide__bullet:hover,

.glide__bullet:focus {

    background-color: var(--color-green) !important;

}



.glide__bullet--active {

    background-color: var(--color-green) !important;

}



/* ############################################################################################################################################################################ */

/* Basic Accordion Item Styles */

.accordion-item {

    border: 1px solid #ced4da;

    /* Border color for accordion item */

    border-radius: 0.25rem;

    /* Border radius */

}



/* Background Colors */

.accordion-button {

    background-color: var(--color-pearl);

    /* Default background color */

    color: var(--color-black);

    /* Text color */

}



.accordion-button:hover {

    background-color: var(--color-white);

    /* Default background color */

    color: var(--color-dark);

    /* Text color */

}



.accordion-button:focus {

    background-color: var(--color-light-blue);

    /* Default background color */

    color: var(--color-white);

    /* Text color */

}







/* ############################################################################################################################################################################ */



.bg-dark {

    background-color: var(--color-dark) !important;

}



.bg-shadow {

    background-color: var(--color-shadow) !important;

}



.bg-light {

    background-color: var(--color-light) !important;

}



.bg-green {

    background-color: var(--color-green) !important;

}
.bg-green-75 {

    background-color: var(--color-green-75) !important;

}



.bg-light-green {

    background-color: var(--color-light-green) !important;

}



.bg-blue {

    background-color: var(--color-blue) !important;

}



.bg-pearl {

    background-color: var(--color-pearl) !important;

}



.bg-drop-shadow {

    box-shadow: 0px 3px 3px 2px var(--color-shadow);

    z-index: 1;

}



/* ############################################################################################################################################################################ */



.font-black {

    color: var(--color-dark) !important;

}



.font-light {

    color: var(--color-light) !important;

}



.font-green {

    color: var(--color-green) !important;

}



.font-light-green {

    color: var(--color-light-green) !important;

}



.font-blue {

    color: var(--color-blue) !important;

}



.font-white {

    color: var(--color-white) !important;

}



/* ############################################################################################################################################################################ */



@font-face {

    font-family: 'Merriweather';

    font-weight: 300;

    font-style: normal;

    src: local('Merriweather Light'), url('assets/fonts/merriweather/Merriweather-Light.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 300;

    font-style: italic;

    src: local('Merriweather Light Italic'), url('assets/fonts/merriweather/Merriweather-LightItalic.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 400;

    font-style: normal;

    src: local('Merriweather Regular'), url('assets/fonts/merriweather/Merriweather-Regular.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 400;

    font-style: italic;

    src: local('Merriweather Regular Italic'), url('assets/fonts/merriweather/Merriweather-Italic.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 700;

    font-style: normal;

    src: local('Merriweather Bold'), url('assets/fonts/merriweather/Merriweather-Bold.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 700;

    font-style: italic;

    src: local('Merriweather Bold Italic'), url('assets/fonts/merriweather/Merriweather-BoldItalic.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 900;

    font-style: normal;

    src: local('Merriweather Black'), url('assets/fonts/merriweather/Merriweather-Black.ttf') format('truetype')

}



@font-face {

    font-family: 'Merriweather';

    font-weight: 900;

    font-style: italic;

    src: local('Merriweather Black Italic'), url('assets/fonts/merriweather/Merriweather-BlackItalic.ttf') format('truetype')

}



/* ############################################################################################################################################################################ */



.radius-t-25 {

    border-radius: 25px 25px 0 0 !important

}



.radius-t-50 {

    border-radius: 50px 50px 0 0 !important

}



.radius-t-75 {

    border-radius: 75px 75px 0 0 !important

}



.radius-t-100 {

    border-radius: 100px 100px 0 0 !important

}



.radius-b-25 {

    border-radius: 0 0 25px 25px !important

}



.radius-b-50 {

    border-radius: 0 0 50px 50px !important

}



.radius-b-75 {

    border-radius: 0 0 75px 75px !important

}



.radius-b-100 {

    border-radius: 0 0 100px 100px !important

}



.radius-l-25 {

    border-radius: 25px 0 0 25px !important

}



.radius-l-50 {

    border-radius: 50px 0 0 50px !important

}



.radius-l-75 {

    border-radius: 75px 0 0 75px !important

}



.radius-l-100 {

    border-radius: 100px 0 0 100px !important

}



.radius-r-25 {

    border-radius: 0 25px 25px 0 !important

}



.radius-r-50 {

    border-radius: 0 50px 50px 0 !important

}



.radius-r-75 {

    border-radius: 0 75px 75px 0 !important

}



.radius-r-100 {

    border-radius: 0 100px 100px 0 !important

}



.radius-t-l-25 {

    border-radius: 25px 0 0 0 !important

}



.radius-t-l-50 {

    border-radius: 50px 0 0 0 !important

}



.radius-t-l-75 {

    border-radius: 75px 0 0 0 !important

}



.radius-t-l-100 {

    border-radius: 100px 0 0 0 !important

}



.radius-t-r-25 {

    border-radius: 0 25px 0 0 !important

}



.radius-t-r-50 {

    border-radius: 0 50px 0 0 !important

}



.radius-t-r-75 {

    border-radius: 0 75px 0 0 !important

}



.radius-t-r-100 {

    border-radius: 0 100px 0 0 !important

}



.radius-b-l-25 {

    border-radius: 0 0 0 25px !important

}



.radius-b-l-50 {

    border-radius: 0 0 0 50px !important

}



.radius-b-l-75 {

    border-radius: 0 0 0 75px !important

}



.radius-b-l-100 {

    border-radius: 0 0 0 100px !important

}



.radius-b-r-25 {

    border-radius: 0 0 25px 0 !important

}



.radius-b-r-50 {

    border-radius: 0 0 50px 0 !important

}



.radius-b-r-75 {

    border-radius: 0 0 75px 0 !important

}



.radius-b-r-100 {

    border-radius: 0 0 100px 0 !important

}



.radius-25 {

    border-radius: 25px;

}



.radius-50 {

    border-radius: 50px;

}



.radius-75 {

    border-radius: 75px;

}



.radius-100 {

    border-radius: 100px;

}



/* ############################################################################################################################################################################ */



.height-50 {

    height: 50px;

}



.height-80 {

    height: 80px;

}



.height-100 {

    height: 100px;

}



.height-150 {

    height: 150px;

}



.height-200 {

    height: 200px;

}



.height-250 {

    height: 250px;

}



.height-300 {

    height: 300px;

}



.height-350 {

    height: 360px;

}



.height-400 {

    height: 400px;

}



.height-450 {

    height: 450px;

}



.height-500 {

    height: 500px;

}



.width-150 {

    width: 150px;

}



.btn-primary {

    background-color: var(--color-blue) !important;

    transition: .1s ease all;

    border-width: 0px !important;

}



.btn-primary:hover {

    background-color: var(--color-light-blue) !important;

    border-width: 0px !important;

}



/* ############################################################################################################################################################################ */

/* ############################################################################################################################################################################ */

/* ############################################################################################################################################################################ */



:root {

    --color-dark: #21242D;

    --color-shadow: #21242dbb;

    --color-light: #8C968A;

    --color-pearl: #E5E5E5;

    --color-white: #ffffff;

    --color-black: #000000;

    --color-blue: #0055B5;

    --color-light-blue: #2268b8;

    --color-green: #78AA4D;
    --color-green-75: #78aa4dbe;

    --color-light-green: #B5DE43;





    --color-banner-text-bg: #21242dbb;



    --color-body-bg: linear-gradient(180deg, rgb(76, 82, 74) 0%, rgb(128, 128, 128) 100%);

    --color-body-bg-flat: #4C524A;



    --font-size-14: 14px;

    --font-size-16: 16px;

    --font-size-18: 18px;

    --font-size-20: 20px;

    --font-size-22: 22px;

    --font-size-24: 24px;

    --font-size-26: 26px;

    --font-size-28: 28px;

    --font-size-30: 30px;

    --font-size-32: 32px;

    --font-size-34: 34px;

    --font-size-36: 36px;



    --font-size-rotoweld-title: 30px;

    --font-size-rotoweld-sub-title: 18px;



    --font-size-our-partners-region: 16px;

    --font-size-our-partners-name: 18px;

    --font-size-our-partners-email: 14px;

    --font-size-our-partners-phone: 15px;



    --font-size-contact-us: 16px;



    --font-size-footer-menu: 20px;

    --font-size-footer-socials: 14px;

    --font-size-footer-copyrights: 16px;



    --padding-size-footer-socials: 1em;

    --img-size-footer-icon: max(7%, 25px);



    --letter-spacing-our-partners-email: calc(-0.20em + 0.2vw);



    --font-size-btn: 10px;



    --size-x-rotoweld-img: clamp(0px, 350px, 100%);





}



/* ############################################################################################################################################################################ */

/* ############################################################################################################################################################################ */

/* ############################################################################################################################################################################ */

@media (max-width: 1300px) {

    :root {



        --font-size-16: 14px;

        --font-size-our-partners-region: 14px;

        --font-size-our-partners-email: 16px;

        --font-size-our-partners-phone: 13px;



        --font-size-contact-us: 14px;



    }

}



@media (max-width: 1200px) {

    :root {



        --font-size-footer-socials: 12px;

        --letter-spacing-our-partners-email: calc(-0.020em);

        --font-size-our-partners-region: 18px;

        --font-size-our-partners-name: 20px;

        --font-size-our-partners-email: 18px;

        --font-size-our-partners-phone: 17px;



    }

}



@media (max-width: 990px) {

    :root {

        --font-size-14: 12px;

        --font-size-footer-socials: 11px;

        --font-size-contact-us: 18px;



    }

}



@media (max-width: 900px) {

    :root {

        --font-size-footer-menu: 18px;

        --font-size-footer-copyrights: 14px;

        --padding-size-footer-socials: 0.5em;



    }

}



@media (max-width: 810px) {

    :root {

        --font-size-14: 11px;

        /* Adjust as needed */

        --font-size-16: 14px;

        --font-size-18: 16px;

        --font-size-20: 16px;

        --font-size-22: 20px;

        --font-size-24: 22px;

        --font-size-26: 24px;

        --font-size-28: 26px;

        --font-size-30: 28px;

        --font-size-32: 30px;

        --font-size-34: 32px;

        --font-size-36: 34px;

        --font-size-footer-menu: 16px;

        --font-size-rotoweld-title: 28px;

        --font-size-rotoweld-sub-title: 17px;



    }

}



@media (max-width: 710px) {

    :root {

        --font-size-14: 10px;

        /* Adjust as needed */

        --font-size-16: 10px;

        --font-size-18: 14px;

        --font-size-20: 16px;

        --font-size-22: 18px;

        --font-size-24: 20px;

        --font-size-26: 22px;

        --font-size-28: 24px;

        --font-size-30: 26px;

        --font-size-32: 28px;

        --font-size-34: 30px;

        --font-size-36: 32px;

        --font-size-footer-menu: 14px;

        --font-size-footer-socials: 10px;

        --font-size-rotoweld-title: 26px;

        --font-size-rotoweld-sub-title: 16px;

    }



    .md-center {

        justify-content: center !important;

    }

}



@media (max-width: 630px) {

    :root {



        --font-size-footer-menu: 12px;

        --font-size-footer-socials: 9px;

        --font-size-footer-copyrights: 11px;

        --font-size-18: 12px;

        --font-size-22: 16px;

        --font-size-26: 18px;

    }

}



@media (max-width: 560px) {

    :root {

        --font-size-footer-menu: 11px;

        --font-size-footer-socials: 8px;

        --font-size-footer-copyrights: 11px;

        --font-size-rotoweld-title: 24px;

        --font-size-rotoweld-sub-title: 15px;

        --font-size-our-partners-region: 16px;

        --font-size-our-partners-name: 18px;

        --font-size-our-partners-email: 14px;

        --font-size-our-partners-phone: 13px;

    }

}



@media (max-width: 500px) {

    :root {

        --font-size-footer-menu: 10px;

        --font-size-footer-copyrights: 11px;

        --img-size-footer-icon: max(6%, 20px);

        --font-size-rotoweld-title: 22px;

        --font-size-rotoweld-sub-title: 14px;





    }

}



@media (max-width: 440px) {

    :root {



        --font-size-footer-menu: 8px;

        --font-size-footer-copyrights: 10px;

        --font-size-footer-socials: 7px;

        --img-size-footer-icon: max(6%, 16px);

        --font-size-rotoweld-title: 20px;

        --font-size-rotoweld-sub-title: 12px;

        --font-size-contact-us: 14px;

    }

}



@media (max-width: 400px) {

    :root {



        --font-size-rotoweld-title: 18px;

        --font-size-our-partners-name: 16px;

        --font-size-our-partners-email: 11px;

        --font-size-our-partners-region: 14px;

    }

}



/* ############################################################################################################################################################################ */

/* ############################################################################################################################################################################ */



body {

    background: var(--color-body-bg-flat);

    background: var(--color-body-bg) !important;







}



a {

    text-decoration: none;

    /* Remove underline from links */

    color: inherit;

}



.page-section {

    scroll-margin-top: 125px;

    /* Adjust based on the height of the sticky header */

}

.navbar-brand {

    margin-left: 2vw;

    width:225px;

}

.navbar-language {

    letter-spacing: 0.2em;

    font-family: Merriweather !important;

    font-size: var(--font-size-14);

}



.navbar-language img {

    width: 30px !important;

    margin-right: 1.5vw;



}



.navbar-hamburger {

    width: 35px;

    height: 35px;

    position:relative;

    top: 42px;

    fill: var(--color-green)

}



.navbar-hamburger:hover {

    fill: var(--color-light-green) !important;

}



.navbar-toggler:focus {

    display: none;



}







.navbar-language a:hover {

    color: var(--color-light-green) !important;

    /* Change color on hover */

}



.navbar-separator {

    height: 12px;

}



.navbar-menu {



    padding-left: 3vw;



    font-family: copperplate-gothic-bold, sans-serif;

    font-size: var(--font-size-14);

    letter-spacing: 0em;

    font-weight: 600;

    text-align: center;



}



.navbar-menu a {

    text-decoration: none;

    /* Remove underline */

    color: inherit;

    /* Use inherited color from parent */

}



.navbar-menu a:hover {

    color: var(--color-pearl) !important;

    /* Change color on hover */



}

.hamburger-menu {

    align-content: center;

    padding-top: 100px;

    z-index: 1000;

    position: fixed;

    width: 0%;

    right: 0;

    opacity: 100;

    background-color: var(--color-dark);

    transition: opacity 0.5s ease, width 0.5s ease;

    display: none;



}

.hamburger-language {

    letter-spacing: 0.2em;

    font-family: Merriweather !important;

    font-size: var(--font-size-18);

}

.hamburger-language a:hover {

    color: var(--color-light-green) !important;

    /* Change color on hover */

}



.menu-list {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    list-style: none;

    padding: 0;

}



.menu-item {

    margin-bottom: 20px;

    /* Adjust spacing between menu items */

    font-size: var(--font-size-30);

    padding-top: 1vw;

    padding-bottom: 1vw;

    opacity: 100;

    display: none;

    color: var(--color-green)

}



.menu-item:hover {

    color: var(--color-light-green);

}



.menu-item a {

    text-decoration: none;

    /* Remove underline from links */

    color: inherit;

}

.banner img {

    height: 375px;

}



.banner-overlay {

    position: relative;

    height: 75px;

    bottom: 100px;

    /* Position at the bottom */

    background-color: var(--color-shadow);

    display: flex;

    justify-content: center;

    /* Center text horizontally */

}



.banner-overlay-text {

    padding-top: -5em !important;

    font-size: var(--font-size-20);

    font-weight: 500;

}



.president-quote-container {

    margin-top: -20px;

    padding-top: 20px;

}



.president-quote img {

    width: 99%;

}



.president-quote h1 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-30);

    position: absolute;

    z-index: 2;

}



.president-quote p {

    font-family: Merriweather !important;

    font-size: var(--font-size-22);

    letter-spacing: 0.1em;

}



.president-quote b {

    font-weight: 500;

    color: var(--color-blue);

}





.rotoweld_3_0 h1 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-rotoweld-title);

    vertical-align: middle;

}



.rotoweld_3_0 h2 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 400;

    letter-spacing: 0.15em;

    font-size: var(--font-size-rotoweld-sub-title);

    color: var(--color-green);

}



.rotoweld_3_0 h3 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-24)

}



.rotoweld_3_0 h4 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 400;

    font-size: var(--font-size-22);

    white-space: nowrap;

}



.rotoweld_3_0 p {

    font-family: Merriweather !important;

    font-size: var(--font-size-16);

    letter-spacing: 0.1em;

}



.rotoweld_3_0 b {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    font-size: var(--font-size-14);

    letter-spacing: 0.15em;

}



.rotoweld_3_0-img {

    position: relative;

    width: var(--size-x-rotoweld-img);

    /* border-bottom: var(--color-blue) solid 10px; */



}

.rotoweld_3_0 a:hover {

    color: var(--color-pearl);

}



.rotoweld_3_0_button:hover {

    background-color: var(--color-light-blue) !important;

}



.rotoweld_3_0-tecnar-logo {

    width: max(20%, 120px);

}



.rotoweld_3_0_popout {

    display: none;

}



.our-partners img {

    width: min(100%, 250px);



}



.our-partners-anchor {

    width: min(100%, 250px) !important;

}



.our-partners h1 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-36)

}



.our-partners h6 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    font-size: var(--font-size-our-partners-region);

    letter-spacing: calc(-0.03em - 0.06vw);

}



.our-partners h2 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 800;

    font-size: var(--font-size-our-partners-name);

    letter-spacing: calc(0.1em - 0.03vw);

}





.our-partners h3 {

    font-family: Merriweather !important;

    font-weight: 500;

    font-size: var(--font-size-our-partners-email);

    letter-spacing: var(--letter-spacing-our-partners-email);

}



.our-partners h4 {

    font-family: Merriweather !important;

    font-weight: 400;

    font-size: var(--font-size-our-partners-phone);

    letter-spacing: calc(0.1em - 0.03vw);

}



.about-us img {

    width: 99%;

}



.about-us h1 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-36);

}



.about-us p {

    font-family: Merriweather !important;

    font-size: var(--font-size-18);

    letter-spacing: 0.1em;

}



.about-us b {

    font-weight: 600;


}

.about-us a {
    font-weight: 800px;
    color: var(--color-blue);

}
.about-us a:hover {
    font-weight: 800px;
    color: var(--color-white);
    
}



.contact-us img {

    width: 100%;

}



.contact-us p {

    font-family: coppergo-gothic, sans-serif !important;

    font-size: var(--font-size-contact-us);

    font-weight: 500;

    letter-spacing: 0.025;





}

.contact-us h1 {

    font-family: copperplate-gothic, sans-serif !important;

    font-weight: 600;

    letter-spacing: 0.15em;

    font-size: var(--font-size-36);

}





.other-organizations img {

    width: min(100%, 250px)

}



.footer {

    position: relative;

}



.footer a:hover {

    color: var(--color-pearl);

}



.footer-icon img {

    width: var(--img-size-footer-icon);
position:relative;
bottom: 4px;

}


.footer-icon p {

    font-family: coppergo-gothic, sans-serif !important;

    font-size: var(--font-size-footer-socials);

    font-weight: 800;


    padding-right: var(--padding-size-footer-socials);




}



.footer-menu h1 {

    font-family: coppergo-gothic, sans-serif !important;

    vertical-align: bottom;

    font-size: var(--font-size-footer-menu);

    font-weight: 800;

    padding-top: 0.5em;





}



.footer-copyright p {

    font-family: coppergo-gothic, sans-serif !important;

    vertical-align: bottom;

    font-size: var(--font-size-footer-copyrights);

    font-weight: 500;

    line-height: 15px;








}



.footer-bg img {

    position: relative;

    width: 100%;



}



.footer-content {

    position: absolute;

    /* Change to absolute positioning */

    bottom: 0;

    /* Align at the bottom of the footer */

    left: 0;

    /* Align to the left side */

    right: 0;

    /* Make it stretch to the right */

}



.footer-contact a:hover {

    color: var(--color-light-green);

}