/* --------------------------------------------------------- GLOBAL */
html {scroll-behavior: smooth;}
h1 {margin: 0;}
.overflow-hidden {overflow: hidden;}

/* --------------------------------------------------------- HR */
hr {border:none; height: 1px; background: #000000;}
hr.space-01 {margin: 36px 0 24px 0 !important;}
hr.space-02 {margin: 8px 0 25px 0 !important;}
hr.main {background: #232832;}
hr.guru-light {background: #2B3D51;}
hr.guru-dark {background: #1A2531;}
hr.sarasin {background: #E0EEF7;}

/* --------------------------------------------------------- OUT OF BOUNDS BACKGROUND COLOURS */
body.home-template {background: #101010;}
body.black-template {background: #151515;}
body.white-template {background: #FFF;}
body.navy-template {background:#1A2531;}
.guru-gradient-bg {background: linear-gradient(180deg, #1A2531 0%, #273749 100%)}

/* --------------------------------------------------------- IMAGES */
img {display: block;}
body.white-template img {border: 1px solid #E0EEF7;}
body.navy-template img {border-radius: 4px;}
body.black-template img {border-radius: 4px;}

/* --------------------------------------------------------- CARD STYLES */
.card-main {background: #151515; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);}
.card-sarasin {background: #FFFFFF; border-radius: 0; border: 1px solid #E0EEF7;}
.card-guru {background: #1A2531; border-radius: 4px; box-shadow: none;}

/* --------------------------------------------------------- STRIP */
.strip-main, .strip-guru, .strip-sarasin {width: 100%; height: 48px;}
.strip-main {background: #232832;}
.strip-guru {background: #131D28;}
.strip-sarasin {background: #FFFFFF; border-top:1px solid #E0EEF7; border-bottom:1px solid #E0EEF7;}

/* --------------------------------------------------------- SPACE */
.space-01 {margin-bottom: 18px !important;}
.space-02 {margin-top: 29px !important; margin-bottom: 25px !important;}
.space-03 {margin-top: 2px !important;}
.space-04 {margin-bottom: 26px !important;}
.space-05 {margin-top: 41px !important;}