/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.preloader {width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6px;position:fixed;z-index:10000000;display:flex;align-items:center;justify-content:center;}
.preloader-overlay{content:'';background-color:#fff;width:100%;height:100%;position:absolute;opacity:0.8;}
.preloader .image-box {text-align:center;display:flex;justify-content:center;height: 100%;align-items: center;}
.preloader .image-box svg{animation:rotation 2s infinite linear;}
@keyframes rotation{
  from{transform: rotate(0deg);}
  to{transform: rotate(359deg);}
}


@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-Light.otf') format("Opentype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-LightIt.otf') format("Opentype");
  font-weight:300;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-Regular.otf') format("Opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-Italic.otf') format("Opentype");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-SemiBold.otf') format("Opentype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-SemiboldIt.otf') format("Opentype");
  font-weight:500;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-Bold.otf') format("Opentype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gibson';
  src: url('https://19533831.fs1.hubspotusercontent-na1.net/hubfs/19533831/cdm-premium-microsite-font/Canada%20Type%20-%20Gibson-BoldItalic.otf') format("Opentype");
  font-weight:600;
  font-style:italic;
  font-display:swap;
}

@font-face {
  font-family: 'Foundry Sterling Demi';
  src: url('https://www.twistandmake.com/hubfs/foundry-sterling-font/FoundrySterling-Demi.otf') format('otf'),
    url('/CDM%20Raya%202024/font/FoundrySterling-Demi.ttf') format('ttf'),
    url('/CDM%20Raya%202024/font/FoundrySterling-Demi.woff') format('woff'),
    url('/CDM%20Raya%202024/font/FoundrySterling-Demi.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;

}
@font-face {
  font-family: 'Foundry Sterling Bold';
  src: url('https://www.twistandmake.com/hubfs/foundry-sterling-font/FoundrySterling-Bold.otf') format('otf'),
    url('/CDM%20Raya%202024/font/zFoundrySterling-Bold.ttf') format('ttf');
  url('/CDM%20Raya%202024/font/zFoundrySterling-Bold.woff') format('woff'),
  url('/CDM%20Raya%202024/font/zFoundrySterling-Bold.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;

}


*, *:before, *:after {box-sizing: border-box;margin: 0;padding: 0;} 
:root {
  --primary-letter-spacing:0.03rem;
  --base-font-size: 1rem;
  --text-scale-ratio: 1.2;
  --primary-font-family: 'Gibson',sans-serif;
  --heading-line-height: 1.4;
  --paragraph-line-height: 1.2;
  --list-line-height: 1.5;
  --primary-color: #462d85;
  --secondary-color: #fff;
  --primary-transistion: .3s ease-in-out;
  --secondary-transistion: .4s ease-in-out;
  --info-transistion: .2s ease-in-out;
  --font-size-h1: 2rem;
  --font-size-h2: 1.75rem;
  --font-size-h3: 1.2rem;
  --font-size-h4: 1.15rem;
  --font-size-h5: 1.1rem;
  --font-size-h6: 1rem;
}
img {max-width: 100%;height: auto; display: block;}
.hs_cos_wrapper_type_linked_image img{display:block;}
body{font-family: var(--primary-font-family);font-size:var(--base-font-size);font-weight: 400;line-height:var(--paragraph-line-height);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: var(--primary-font-family);font-weight: 400; line-height: var(--heading-line-height);letter-spacing: var(--primary-letter-spacing);}
h1, .h1{font-size: var(--font-size-h1);font-weight: 500;}
h2, .h2{font-size: var(--font-size-h2);font-weight: 600;}
h3, .h3{font-size: var(--font-size-h3);font-weight: 500;}
h4, .h4{font-size: var(--font-size-h4);font-weight: 400;}
h5, .h5{font-size: var(--font-size-h5);font-weight: 400;}
h6, .h6{font-size: var(--font-size-h6);font-weight: 400;}
p{font-size: var(--base-font-size); color: var(--secondary-color); font-weight: 400;font-family: var( --primary-font-family); line-height: var(--paragraph-line-height);}
blockquote{background: var(--info-color);border-left: 4px solid var(--secondary-color);padding: 20px;border-radius: 15px;font-size: 16px;line-height: 1.4;color: var(--primary-color);}
li {list-style:none; }
a{text-decoration:none;}
.container{--bs-gutter-x: 0; padding-left: 15px; padding-right: 15px;}

.body-wrapper > div{display:inline;}
.header{position: sticky; top: 0%; z-index: 999; background-color: #2c1d54; }
.main-header__content{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.logo-img{width: 200px; height: auto;}
.hamburg-img{width: 50px; height: 50px; cursor:pointer;}
@media(min-width:576px){
  .logo-img{width: 300px;}
}
header.hide {
  transform: translateY(-100%);
}

.header-dropdown{display: none; overflow-y: auto;  width: 100%; height: 100%; top: 0%; position: fixed; z-index: 1; background-position: center; background-size: cover;}
#close-icon{display: flex; justify-content: end; padding: 15px 15px 30px 0;}
#close-icon img{width: 50px; height: 50px; cursor:pointer;}
.dropdown-logo{width: 320px; margin: auto; padding-bottom: 15px;}
.header-dropdown h1{padding-bottom: 50px; text-align: center; -webkit-text-fill-color: transparent; background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);background-clip: text;-webkit-background-clip: text;color: transparent;font-size: 35px; line-height: 1.1;}
.dropdown-list li{border-bottom: 1px solid #fff; padding-block: 8px;}
.dropdown-list li:hover{ background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);}
.dropdown-list li:nth-child(1) {border-top: 1px solid #fff; }
.dropdown-list li a{ padding-left: 10px; font-weight: 500; font-family: var(--primary-font-family); font-size: 28px; -webkit-text-fill-color: transparent; background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.dropdown-list li:hover a{color:#2c1a64;-webkit-text-fill-color: unset;background: none;}
.dropdown-list li.active a{color:#2c1a64;-webkit-text-fill-color: unset;background: none;}
.dropdown-list li.active{background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);}

body {overflow: visible;}
body.hidden-overflow {overflow: hidden;}
.header-dropdown p{text-align: center;font-size: 12px;padding-bottom: 20px;position: absolute;bottom: 0;text-align: center;width: 100%;}

/* Home Page Header */
.header-home{background-color:transparent;}
.header-home .main-header__content{justify-content: end;}


.header-dropdown{animation: slideUpDown 0.5s ease-in-out;}
.hide-popup {animation: slideUp 0.5s ease-in-out;}

@keyframes slideUpDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
}

@media(min-width:576px){
  .dropdown-logo{width: unset;}
  .header-dropdown h1{font-size: 46px;}
  .dropdown-list li a{font-size: 35px; padding-left: 15px;}
  .header-dropdown p{font-size: 16px;} 

}

/* footer  */

footer{background-color: #422B7E; padding-top:5px;}
.footer-bg{width:100%;}
footer ul{padding-top: 10px; padding-left: 25px;}
footer ul li {list-style: none; padding-bottom:10px;}
footer ul li a{font-size: 16px;font-weight: 500;-webkit-text-fill-color: transparent; background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
footer p{text-align: center;  font-size: 14px; padding-bottom:8px;}
.copy-rights{padding-bottom:20px; padding-top:20px;}
footer p a{-webkit-text-fill-color: transparent;background: linear-gradient(37.7deg, #ffe9ac 0%, #cb9f52 30%, #ffe9ac 70%, #eec674 98%, #eec674 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.footer-logo{padding-bottom: 12px;width: 100px;margin: auto;}
@media(min-width:576px){
  footer ul li a{font-size:30px;}
  footer p{font-size: 18px;}
}
.qr-scan{ background-position: center; background-size: cover;display:none}
@media(min-width:768px){
  .qr-scan{display:block}
}
.body-wrapper{display:block}
@media(min-width:768px){
  .body-wrapper{display:none}
}