/*
 * Global Styles
 */
* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
a {color: #000;text-decoration: none;outline: none;}
body {color: #000;font-family: Arial, Helvetica, sans-serif;background: var(--primary-bg-color);}
body.overflw, html.overflw{overflow: hidden;}
img {border: 0 none;max-width: 100%;height: auto;}
ul, ol {list-style-type: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
html, body{height: 100%;margin: 0;padding: 0;}
html {scroll-behavior: smooth;}
.overflowhide {overflow: hidden;}

/*
 * Flexbox Styles
 */
.flex { display: flex; }
.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-start {justify-content: flex-start;}
.align-center { align-items: center; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }


/*
 * Aspect Ratio for Images & Iframes
 */
.aspect-ratio-img {width: 100%;aspect-ratio: 16 / 9; }
.aspect-ratio-iframe {width: 100%; aspect-ratio: 16 / 9; }



.gd-margin-top-24px {margin-top: 24px!important;}
.gd-margin-bottom-24px {margin-bottom: 24px!important;}
.gd-padding-top-12px {padding-top: 12px!important;}