@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-Regular.ttf')}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-Italic.ttf');font-style:italic}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-Bold.ttf');font-weight:700}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-BoldItalic.ttf');font-weight:700;font-style:italic}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-SemiBold.ttf');font-weight:600}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-SemiBoldItalic.ttf');font-weight:600;font-style:italic}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-Light.ttf');font-weight:300}
@font-face{font-family:'Open Sans';src:url('../../../../../etc.clientlibs/mchp/clientlibs/clientlib-site/resources/Open_Sans/OpenSans-LightItalic.ttf');font-weight:300;font-style:italic}
.default-font-family{font-family:'Open Sans',sans-serif}
.font-family-sans{font-family:"Open Sans",sans-serif}
.h1-mixin{color:#34333e;font-size:35px;font-weight:700;line-height:40px;font-family:'Open Sans',sans-serif}
.h2-mixin{font-size:23px;font-weight:600;line-height:27px;font-family:'Open Sans',sans-serif}
.h3-mixin{font-size:17px;font-weight:600;line-height:20px;font-family:'Open Sans',sans-serif}
.h4-5-6-mixin{font-size:15px;font-weight:700;line-height:24px;font-family:'Open Sans',sans-serif}
.p-mixin,.td-mixin{font-size:15px;font-weight:400;line-height:24px;font-family:'Open Sans',sans-serif}
.form-field-label{font-size:17px;font-weight:500;line-height:null;font-family:"Open Sans",sans-serif}
.mdheader{width:100%}
.mdheader .mchp-bg-container{background-color:#fff;display:flex;max-width:1440px;margin:0 auto}
@media only screen and (max-width:1199px){.mdheader .mchp-bg-container{padding:5px 10px 5px 10px}
}
.mdheader .mchp-bg-container .display-none{display:none}
.mdheader .mchp-bg-container .md-header-overlay-div{display:flex;justify-content:space-between;height:80px;width:100%}
.mdheader .mchp-bg-container .md-header-overlay-div .md-logo-div{display:flex}
.mdheader .mchp-bg-container .md-cart-div{display:flex;width:90%;justify-content:end;align-items:center;cursor:pointer}
@media only screen and (max-width:991px){.mdheader .mchp-bg-container .md-cart-div{flex-direction:column-reverse;align-items:end;justify-content:center}
}
.mdheader .mchp-bg-container .md-cart-div .header-icon-cart{font-family:"Font Awesome 6 Pro",sans-serif;font-style:normal;font-size:16px;color:#181818;cursor:pointer}
.mdheader .mchp-bg-container .md-cart-div .md-cart-icon{margin-left:10px}
@media only screen and (max-width:991px){.mdheader .mchp-bg-container .md-cart-div .md-cart-icon{margin-right:24px}
}
.mdheader .mchp-top-bar{display:flex;justify-content:space-between;height:80px;padding:0 20px;max-width:1400px;flex:4}
.mdheader .mchp-top-bar nav{cursor:pointer}
.mdheader .mchp-top-bar div,.mdheader .mchp-top-bar a,.mdheader .mchp-top-bar nav{align-self:center}
.mdheader .mchp-logo{min-width:150px;align-self:center;margin-left:15px}
.mdheader .mchp-logo img{min-width:150px;max-width:180px;aspect-ratio:3.6}
.mdheader .mchp-top-bar div a,.mdheader .mchp-top-bar div a:hover{text-decoration:none}
@media only screen and (min-width:1200px){.mdheader .active-nav-link.active-nav-link{border-bottom:2px solid #da291c;padding-bottom:5px;font-weight:600}
.mdheader .graphic{flex:0}
}
.mdheader .is-active{display:block;z-index:1000;visibility:visible}
.mdheader .is-hidden{display:none}
.mdheader .graphic{height:80px}
.mdheader .graphic img{height:80px;width:auto}
@media only screen and (max-width:1199px){.mdheader .graphic img{height:50px}
}
.mdheader .spacer{flex:1;width:50%;height:80px}
@media only screen and (max-width:1199px){.mdheader .spacer{flex:1}
}
@media only screen and (max-width:1199px){.mdheader .mchp-header{box-shadow:0 8px 4px -4px rgba(0,0,0,0.1);padding:0 !important}
.mdheader .mchp-top-bar{height:50px;flex:2;max-width:55%}
.mdheader .mchp-logo{min-width:128px;max-width:128px}
.mdheader .graphic{height:50px;width:40%}
.mdheader .spacer{flex:1;width:50%;height:50px}
}
@media only screen and (max-width:991px){.mdheader .mchp-top-bar{max-width:60%}
.mdheader .mchp-logo img{min-width:128px !important;max-width:128px !important}
}