@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}
@media only screen and (max-width:3800px) and (min-width:2501px){.related-videos .jumplinks-target{top:-270px !important}
}
@media only screen and (max-width:2500px) and (min-width:1401px){.related-videos .jumplinks-target{top:-370px !important}
}
@media only screen and (max-width:1400px) and (min-width:1200px){.related-videos .jumplinks-target{top:-370px !important}
}
.related-videos h2{padding-bottom:16px}
.related-videos .rv_container{margin-left:32px;margin-right:32px}
.related-videos .rv_container .video-youtube{display:flex;padding:24px;gap:24px;align-items:flex-start;align-items:center;border-radius:6px;border:1px solid #aeaeaa}
.related-videos .rv_container .video-youtube .rvideothumbnail{border-radius:4px;width:181px;height:100px;min-width:181px;min-height:100px}
.related-videos .rv_container .video-youtube .rvideothumbnail img{border-radius:4px;width:100%;height:100%}
.related-videos .rv_container .video-youtube .row{display:contents}
.related-videos .rv_container .video-youtube .row .rvideotext{display:flex;flex-direction:column;gap:16px;width:100%}
.related-videos .rv_container .video-youtube .row .rvideotext .rvideo-category{text-transform:uppercase;font-size:12px}
.related-videos .rv_container .video-youtube .row .rvideotext .rvideo-title,.related-videos .rv_container .video-youtube .row .rvideotext a{color:#157eac;font-weight:700;font-size:16px}
.related-videos .rv_container .video-youtube .row .rvideotext .rvideo-title:hover{text-decoration-line:underline}
.related-videos .rv_container .video-youtube .row .mchp-card-buttons div{display:flex;float:left;gap:25px}
.related-videos .rv_container .video-youtube .row .mchp-card-buttons div i{font-size:16px;padding-left:8px}
.related-videos .rv_container .video-youtube .row .mchp-card-buttons div a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:27px;border:1px solid #1c355e;border-radius:4px;font-weight:700;font-size:14px;line-height:24px;white-space:nowrap;text-decoration:none}
.related-videos .rv_container .video-youtube .row .mchp-card-buttons div a:hover{color:#157eac;border:1px solid #157eac}
@media only screen and (max-width:799px){.related-videos .rv_container .video-youtube .row{display:flex;padding-left:24px}
.related-videos .rv_container .video-youtube .row .mchp-card-buttons{padding-top:16px}
}
@media only screen and (max-width:744px){.related-videos .rv_container .video-youtube .rvideothumbnail{display:none}
}
@media only screen and (max-width:799px){.related-videos .rv_container{margin-left:0;margin-right:0}
}