@charset "UTF-8";
:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(247, 231, 198, 1.00);--secondary:rgba(162, 0, 11, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(230, 27, 0, 1.00);--alert:rgba(154, 0, 3, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(255, 255, 255, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(0, 0, 0, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(217, 201, 168, 1.00);--secondary-dark:rgba(132, 0, 0, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(200, 0, 0, 1.00);--alert-dark:rgba(124, 0, 0, 1.00);--header-color:rgba(49, 49, 49, 1.00);--subheader-color:rgba(49, 49, 49, 1.00);--small-color:rgba(49, 49, 49, 1.00);--text-color:rgba(49, 49, 49, 1.00);--link-color:rgba(162, 0, 11, 1.00);--link-color-hover:rgba(247, 231, 198, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:5px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(162, 0, 11, 1.00);--subheader-color:rgba(162, 0, 11, 1.00);--small-color:rgba(162, 0, 11, 1.00);--text-color:rgba(162, 0, 11, 1.00);--link-color:rgba(49, 49, 49, 1.00);--link-color-hover:rgba(162, 0, 11, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(5rem/16)}body{}
/*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900}  
@font-face{font-style:normal;font-family:'Oxanium';font-display:swap;font-stretch:normal;font-weight:400;src:local('Oxanium'),url('https://oneeleven.surf/fonts/Oxanium-400.woff') format('woff')}@font-face{font-style:normal;font-family:'Oxanium';font-display:swap;font-stretch:normal;font-weight:700;src:local('Oxanium Bold'),url('https://oneeleven.surf/fonts/Oxanium-700.woff') format('woff')}            .oxanium1{font-family:"Oxanium",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }
@font-face{font-style:normal;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:400;src:local('Roboto'),url('https://oneeleven.surf/fonts/Roboto-400.woff') format('woff')}@font-face{font-style:italic;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:400;src:local('MyFont Italic'),url('https://oneeleven.surf/fonts/Roboto-400-italic.woff') format('woff')}@font-face{font-style:normal;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:700;src:local('Roboto Bold'),url('https://oneeleven.surf/fonts/Roboto-700.woff') format('woff')}@font-face{font-style:italic;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:700;src:local('MyFont Bold Italic'),url('https://oneeleven.surf/fonts/Roboto-700-italic.woff') format('woff')} p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,.roboto{font-family:"Roboto",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important}
@charset "UTF-8";
@charset "UTF-8";



.white-transparent-bg{background-color:rgba(255, 255, 255, 0.40) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.white-transparent-bg{background-attachment:scroll!important}}
.section-container-white{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.section-container-white{background-attachment:scroll!important}}


            .button{font-size:calc(20rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}

.button{background-color:var(--secondary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.button{background-attachment:scroll!important}}
.button:hover{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.button{background-attachment:scroll!important}}
.button{color:var(--primary) ;}
.button:hover{color:var(--secondary) ;}

    h3,.h3,        .myclass{font-weight:800 ;}
            .header-h3{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}
.red-text{color:var(--secondary) !important;}
     h4,.h4,       .myclass{font-weight:800 ;}
            .section-container-white h3{font-family:"Roboto Slab",sans-serif !important}


.section-bg{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.section-bg{background-attachment:scroll!important}}
.section-bg{border-radius:10px ;}

@media screen and (min-width: 40em){.section-container{padding-top:4rem ;padding-bottom:2rem ;}}  
@media screen and (max-width: 39.9375em){.section-container{padding-top:2rem ;padding-bottom:2rem ;}}  
.section-container-white1{padding-top:4rem ;padding-bottom:4rem ;}  
.button{padding-top:0.5rem ;padding-right:3rem ;padding-bottom:0.5rem ;padding-left:3rem ;}  
img{border-radius:10px ;}
@charset "UTF-8";



.white-transparent-bg{background-color:rgba(255, 255, 255, 0.40) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.white-transparent-bg{background-attachment:scroll!important}}
.section-container-white{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.section-container-white{background-attachment:scroll!important}}


            .button{font-size:calc(20rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}

.button{background-color:var(--secondary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.button{background-attachment:scroll!important}}
.button:hover{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.button{background-attachment:scroll!important}}
.button{color:var(--primary) ;}
.button:hover{color:var(--secondary) ;}

    h3,.h3,        .myclass{font-weight:800 ;}
            .header-h3{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}
.red-text{color:var(--secondary) !important;}
     h4,.h4,       .myclass{font-weight:800 ;}
            .section-container-white h3{font-family:"Roboto Slab",sans-serif !important}


.section-bg{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.section-bg{background-attachment:scroll!important}}
.section-bg{border-radius:10px ;}

@media screen and (min-width: 40em){.section-container{padding-top:4rem ;padding-bottom:2rem ;}}  
@media screen and (max-width: 39.9375em){.section-container{padding-top:2rem ;padding-bottom:2rem ;}}  
.section-container-white1{padding-top:4rem ;padding-bottom:4rem ;}  
.button{padding-top:0.5rem ;padding-right:3rem ;padding-bottom:0.5rem ;padding-left:3rem ;}  
img{border-radius:10px ;}
@charset "UTF-8";
 .nav-menu>.menu a, .menu.nav-menu a{--menu-link-color:rgba(249, 235, 208, 1.00);--menu-link-color-hover:rgba(179, 5, 9, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(179, 5, 9, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .nav-menu>.menu .menu-text, .menu.nav-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .nav-menu>.menu>li>a, .menu.nav-menu>li>a{padding-top:1rem;padding-bottom:1rem} .nav-menu>.menu .submenu>li>a, .menu.nav-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .nav-menu>.menu li.active>a, .nav-menu>.menu li.is-active>a, .nav-menu>.menu a.is-active, .menu.nav-menu li.active>a, .menu.nav-menu li.is-active>a, .menu.nav-menu a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(179, 5, 9, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(179, 5, 9, 1.00)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-caret-color:rgba(179, 5, 9, 1.00)} .nav-menu>.menu .submenu, .menu.nav-menu .submenu{--submenu-bg-color:rgba(249, 235, 208, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(179, 5, 9, 1.00)} .nav-menu>.menu .submenu .menu-text, .menu.nav-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(179, 5, 9, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
@charset "UTF-8";
.navigation-container-desktop{position:fixed    ;z-index:9 ;top:0% ;bottom:unset ;left:0% ;right:0% ;}
.desktop-nav-col{background-color:rgba(49, 49, 49, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.desktop-nav-col{background-attachment:scroll!important}}
.desktop-nav-col{border-radius:0px 0px 10px 10px ;}
.stacks_in_1325_71 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}



@charset "UTF-8";
.hamburger-btn{color:var(--secondary) !important;}
.small-site-logo-cont1{background-color:rgba(255, 255, 255, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.small-site-logo-cont1{background-attachment:scroll!important}}
.off-canvas, .off-canvas-absolute{background-color:rgba(49, 49, 49, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.off-canvas, .off-canvas-absolute{background-attachment:scroll!important}}
.close-btn{color:var(--primary) !important;}
.small-site-logo-cont{position:fixed    !important;z-index:1 !important;top:0px !important;bottom:unset !important;left:0px !important;right:0px !important;}
.hamburger-btn1{position: absolute   ;z-index:1 ;top:10px ;bottom:unset ;left:unset ;right:0px ;}
@media screen and (max-width: 39.9375em){.small-nav-size-cont{margin-bottom:4rem ;}}  
.stacks_in_1325_94{--offcanvas-size-small:300px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;}
@charset "UTF-8";
@media screen and (min-width: 40em){.banner-contianer{padding-top:4rem ;}}  
@media screen and (max-width: 39.9375em){.banner-contianer{padding-top:3rem ;}}  
.banner-img{border-radius:10px ;}
@media screen and (min-width: 40em){.banner-headers1{position: absolute   ;z-index:1 ;top:unset ;bottom:15% ;left:0% ;right:0% ;}}
@media screen and (min-width: 40em){.banner-contianer h1,
.banner-contianer h3{color:rgba(49, 49, 49, 1.00) !important;}}
.banner-btn{margin-top:1.25rem ;}  

@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.about-img{display:flex;align-items:center;aspect-ratio:1/1;}
.about-img{border-radius:10px ;}
.about-img{background-image:url('https://images.unsplash.com/photo-1618349131765-99f84a166364?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDV8fG1hcmluZSUyMHZldHxlbnwwfHx8fDE3Nzg1MzQyNjR8MA&ixlib=rb-4.1.0&q=80&w=1080') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.about-img{background-attachment:scroll!important}}
/* Notch by Stacks Basecamp */

#stacks_in_1591 {
  --n-bw:         2px;
  --n-bw-t:       var(--n-bw);
  --n-bw-r:       var(--n-bw);
  --n-bw-b:       var(--n-bw);
  --n-bw-l:       var(--n-bw);
  --n-bc:         rgba(162, 0, 11, 1.00);
  --n-bs:         solid;
  --n-radius:     8px;
  --n-radius-tl:  8px;
  --n-radius-tr:  8px;
  --n-radius-bl:  8px;
  --n-radius-br:  8px;
  --n-pad-t:      24px;
  --n-pad-r:      24px;
  --n-pad-b:      24px;
  --n-pad-l:      24px;
  --n-bp:         767;
  --n-grad-angle: 90deg;
  --n-grad-start: rgba(10, 122, 255, 1.00);
  --n-grad-end:   rgba(191, 90, 242, 1.00);

  position: relative;
  box-sizing: border-box;
  width: calc(100% - var(--n-outer-l, 0px) - var(--n-outer-r, 0px));
  margin-top:    var(--n-outer-t, 0px);
  margin-right:  var(--n-outer-r, 0px);
  margin-bottom: var(--n-outer-b, 0px);
  margin-left:   var(--n-outer-l, 0px);
  border-style: solid;
  border-color: transparent;
  border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l);
  border-radius: var(--n-radius);
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */


/* ===== Shadow ===== */
/*  */

/* ===== Border frame =====
   Sibling element that draws the visible border. Notch Item children
   set clip-path on this element to create notches for each label/image. */
#stacks_in_1591 .n-border-frame {
  position: absolute;
  top:    calc(-1 * var(--n-bw-t));
  right:  calc(-1 * var(--n-bw-r));
  bottom: calc(-1 * var(--n-bw-b));
  left:   calc(-1 * var(--n-bw-l));
  box-sizing: border-box;
  border-style: var(--n-bs);
  border-color: var(--n-bc);
  border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l);
  border-radius: var(--n-radius);
  pointer-events: none;
  z-index: 3;
}

/* ===== Gradient border =====
   Uses a background gradient + mask to fill only the border ring, leaving
   the interior transparent. Compatible with border-radius and clip-path. */
/*  */

/* ===== Per-side border width (advanced mode) ===== */
/*  */

/* ===== Per-side padding (advanced mode) ===== */
/*  */

/* ===== Mobile padding override =====
   The detail branches write --n-pad-m-* unconditionally; the enable
   checkbox alone gates the media query that applies them. This layering
   avoids needing two conditions on one template conditional. */
/*  */
#stacks_in_1591 {
  --n-pad-m-t: 16px;
  --n-pad-m-r: 16px;
  --n-pad-m-b: 16px;
  --n-pad-m-l: 16px;
}
/*  */
/*  */
/*  */

/* ===== Non-advanced: sync per-corner vars to the simple radius slider ===== */
/*  */
#stacks_in_1591 {
  --n-radius-tl: var(--n-radius);
  --n-radius-tr: var(--n-radius);
  --n-radius-bl: var(--n-radius);
  --n-radius-br: var(--n-radius);
}
/*  */

/* ===== Per-corner radius (advanced mode) ===== */
/*  */

/* ===== Background =====
   Images render inside the .n-bg layer so blur only affects the image;
   .n-bg clips it to the frame's rounded corners. Color/gradient stay on
   the frame element itself. Paint order (bottom → top): frame bg, .n-bg,
   .n-overlay, portaled Cover, .n-content, .n-border-frame (z3), labels (z10). */
#stacks_in_1591 .n-bg {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}

/* Image - local file */
/*  */

/* Image - warehouse / external URL */
/*  */

/* Color */
/*  */

/* Gradient */
/*  */

/* None */
/*  */
#stacks_in_1591 { background: none; }
/*  */

/* ===== Overlay =====
   A tint layer painted above the background layers but below the content
   and the border frame (tree order handles stacking). */
#stacks_in_1591 .n-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  display: none;
}
/*  */
/*  */

/* ===== Content area =====
   --n-ovlp-* is set per card by Notch Item JS when a label protrudes inward.
   --n-ovlp-*-eq is set by Notch Section JS to equalise padding across sibling
   cards so all cards' content starts at the same Y even if only one has a label.
   max() across both sources ensures user padding is never reduced below its set value. */
#stacks_in_1591 .n-content {
  position: relative;
  box-sizing: border-box;
  min-height: 40px;
  padding-top:    max(var(--n-pad-t), calc(max(var(--n-ovlp-t, 0px), var(--n-ovlp-t-eq, 0px)) + 4px));
  padding-right:  max(var(--n-pad-r), calc(max(var(--n-ovlp-r, 0px), var(--n-ovlp-r-eq, 0px)) + 4px));
  padding-bottom: max(var(--n-pad-b), calc(max(var(--n-ovlp-b, 0px), var(--n-ovlp-b-eq, 0px)) + 4px));
  padding-left:   max(var(--n-pad-l), calc(max(var(--n-ovlp-l, 0px), var(--n-ovlp-l-eq, 0px)) + 4px));
}
/* Notch Item by Stacks Basecamp */

#stacks_in_1620 {
  --i-lbl-size:          32px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --i-orn-before-size:   10px;
  --i-orn-before-color:  rgba(102, 102, 102, 1.00);
  --i-orn-before-gap:    8px;
  --i-orn-before-img-w:  20px;
  --i-orn-after-size:    10px;
  --i-orn-after-color:   rgba(102, 102, 102, 1.00);
  --i-orn-after-gap:     8px;
  --i-orn-after-img-w:   20px;
  --bg-pad-t:            0px;
  --bg-pad-r:            0px;
  --bg-pad-b:            0px;
  --bg-pad-l:            0px;
  --bg-bw:               0px;
  --bg-bw-t:             var(--bg-bw);
  --bg-bw-r:             var(--bg-bw);
  --bg-bw-b:             var(--bg-bw);
  --bg-bw-l:             var(--bg-bw);
  --bg-bc:               rgba(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           0px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_1620 {
  display: block;
  position: absolute;
  top: 0; left: 0; width: 0; height: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 10;
}

/* ===== Label wrap: positioned container (always a div, targeted by JS) ===== */
#stacks_in_1620 .n-label-wrap {
  position: absolute;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: var(--i-lbl-size);
  color: var(--i-lbl-color);
  line-height: 1.2;
  pointer-events: auto;
}

/* ===== Link inner: optional <a> or <div> wrapping ornaments + label ===== */
#stacks_in_1620 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_1620 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_1620 .n-label-outer {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--bg-pad-t) var(--bg-pad-r) var(--bg-pad-b) var(--bg-pad-l);
  border-style: var(--bg-bs);
  border-color: var(--bg-bc);
  border-width: var(--bg-bw-t) var(--bg-bw-r) var(--bg-bw-b) var(--bg-bw-l);
  border-radius: var(--bg-radius);
}

/* ===== Mobile label box padding =====
   The breakpoint lives on the parent Notch frame (--n-bp), so it can't be
   used in a media query here; the item JS toggles the .n-m class instead.
   Detail branches write --bg-pad-m-* unconditionally; the enable checkbox
   alone gates applying them in mobile state. */
/*  */
#stacks_in_1620 {
  --bg-pad-m-t: 0px;
  --bg-pad-m-r: 0px;
  --bg-pad-m-b: 0px;
  --bg-pad-m-l: 0px;
}
/*  */
/*  */
/*  */

/* ===== Per-side label border width (advanced mode) ===== */
/*  */

/* Color background */
/*  */

/* Image background - local file
   Rendered in a clipped ::before layer so blur only affects the image,
   never the border or label content. */
/*  */

/* Image background - warehouse / external URL */
/*  */

/* Gradient background */
/*  */
/*  */
/*  */

/* ===== Overlay =====
   A tint layer (::after) painted above the ::before image layer but below
   the label content, which is lifted with position:relative + z-index. */
/*  */
/*  */

/*  */

/*  */

/* ===== Label content ===== */
#stacks_in_1620 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_1620 .n-label-text  { display: inline; margin: 0; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; text-align: var(--i-lbl-align, center); }
#stacks_in_1620 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_1620 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_1620 .n-orn-before  { font-size: var(--i-orn-before-size); color: var(--i-orn-before-color); margin-right: var(--i-orn-before-gap); }
#stacks_in_1620 .n-orn-after   { font-size: var(--i-orn-after-size);  color: var(--i-orn-after-color);  margin-left:  var(--i-orn-after-gap); }
#stacks_in_1620 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_1620 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_1620 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
@charset "UTF-8";
.about-img{display:flex;align-items:center;aspect-ratio:1/1;}
.about-img{border-radius:10px ;}
.about-img{background-image:url('https://images.unsplash.com/photo-1618349131765-99f84a166364?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDV8fG1hcmluZSUyMHZldHxlbnwwfHx8fDE3Nzg1MzQyNjR8MA&ixlib=rb-4.1.0&q=80&w=1080') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.about-img{background-attachment:scroll!important}}
/* Notch by Stacks Basecamp */

#stacks_in_1533 {
  --n-bw:         2px;
  --n-bw-t:       var(--n-bw);
  --n-bw-r:       var(--n-bw);
  --n-bw-b:       var(--n-bw);
  --n-bw-l:       var(--n-bw);
  --n-bc:         rgba(162, 0, 11, 1.00);
  --n-bs:         solid;
  --n-radius:     8px;
  --n-radius-tl:  8px;
  --n-radius-tr:  8px;
  --n-radius-bl:  8px;
  --n-radius-br:  8px;
  --n-pad-t:      24px;
  --n-pad-r:      24px;
  --n-pad-b:      24px;
  --n-pad-l:      24px;
  --n-bp:         767;
  --n-grad-angle: 90deg;
  --n-grad-start: rgba(10, 122, 255, 1.00);
  --n-grad-end:   rgba(191, 90, 242, 1.00);

  position: relative;
  box-sizing: border-box;
  width: calc(100% - var(--n-outer-l, 0px) - var(--n-outer-r, 0px));
  margin-top:    var(--n-outer-t, 0px);
  margin-right:  var(--n-outer-r, 0px);
  margin-bottom: var(--n-outer-b, 0px);
  margin-left:   var(--n-outer-l, 0px);
  border-style: solid;
  border-color: transparent;
  border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l);
  border-radius: var(--n-radius);
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */


/* ===== Shadow ===== */
/*  */

/* ===== Border frame =====
   Sibling element that draws the visible border. Notch Item children
   set clip-path on this element to create notches for each label/image. */
#stacks_in_1533 .n-border-frame {
  position: absolute;
  top:    calc(-1 * var(--n-bw-t));
  right:  calc(-1 * var(--n-bw-r));
  bottom: calc(-1 * var(--n-bw-b));
  left:   calc(-1 * var(--n-bw-l));
  box-sizing: border-box;
  border-style: var(--n-bs);
  border-color: var(--n-bc);
  border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l);
  border-radius: var(--n-radius);
  pointer-events: none;
  z-index: 3;
}

/* ===== Gradient border =====
   Uses a background gradient + mask to fill only the border ring, leaving
   the interior transparent. Compatible with border-radius and clip-path. */
/*  */

/* ===== Per-side border width (advanced mode) ===== */
/*  */

/* ===== Per-side padding (advanced mode) ===== */
/*  */

/* ===== Mobile padding override =====
   The detail branches write --n-pad-m-* unconditionally; the enable
   checkbox alone gates the media query that applies them. This layering
   avoids needing two conditions on one template conditional. */
/*  */
#stacks_in_1533 {
  --n-pad-m-t: 16px;
  --n-pad-m-r: 16px;
  --n-pad-m-b: 16px;
  --n-pad-m-l: 16px;
}
/*  */
/*  */
/*  */

/* ===== Non-advanced: sync per-corner vars to the simple radius slider ===== */
/*  */
#stacks_in_1533 {
  --n-radius-tl: var(--n-radius);
  --n-radius-tr: var(--n-radius);
  --n-radius-bl: var(--n-radius);
  --n-radius-br: var(--n-radius);
}
/*  */

/* ===== Per-corner radius (advanced mode) ===== */
/*  */

/* ===== Background =====
   Images render inside the .n-bg layer so blur only affects the image;
   .n-bg clips it to the frame's rounded corners. Color/gradient stay on
   the frame element itself. Paint order (bottom → top): frame bg, .n-bg,
   .n-overlay, portaled Cover, .n-content, .n-border-frame (z3), labels (z10). */
#stacks_in_1533 .n-bg {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}

/* Image - local file */
/*  */

/* Image - warehouse / external URL */
/*  */

/* Color */
/*  */

/* Gradient */
/*  */

/* None */
/*  */
#stacks_in_1533 { background: none; }
/*  */

/* ===== Overlay =====
   A tint layer painted above the background layers but below the content
   and the border frame (tree order handles stacking). */
#stacks_in_1533 .n-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  display: none;
}
/*  */
/*  */

/* ===== Content area =====
   --n-ovlp-* is set per card by Notch Item JS when a label protrudes inward.
   --n-ovlp-*-eq is set by Notch Section JS to equalise padding across sibling
   cards so all cards' content starts at the same Y even if only one has a label.
   max() across both sources ensures user padding is never reduced below its set value. */
#stacks_in_1533 .n-content {
  position: relative;
  box-sizing: border-box;
  min-height: 40px;
  padding-top:    max(var(--n-pad-t), calc(max(var(--n-ovlp-t, 0px), var(--n-ovlp-t-eq, 0px)) + 4px));
  padding-right:  max(var(--n-pad-r), calc(max(var(--n-ovlp-r, 0px), var(--n-ovlp-r-eq, 0px)) + 4px));
  padding-bottom: max(var(--n-pad-b), calc(max(var(--n-ovlp-b, 0px), var(--n-ovlp-b-eq, 0px)) + 4px));
  padding-left:   max(var(--n-pad-l), calc(max(var(--n-ovlp-l, 0px), var(--n-ovlp-l-eq, 0px)) + 4px));
}
.stacks_in_1543{height:90vh;border:none}@media screen and (min-width:40em){.stacks_in_1543{height:25vh}}@media screen and (min-width:64em){.stacks_in_1543{height:25vh}}
.stacks_in_1546{height:90vh;border:none}@media screen and (min-width:40em){.stacks_in_1546{height:25vh}}@media screen and (min-width:64em){.stacks_in_1546{height:25vh}}
.stacks_in_1549{height:90vh;border:none}@media screen and (min-width:40em){.stacks_in_1549{height:25vh}}@media screen and (min-width:64em){.stacks_in_1549{height:25vh}}
.stacks_in_1555{height:90vh;border:none}@media screen and (min-width:40em){.stacks_in_1555{height:25vh}}@media screen and (min-width:64em){.stacks_in_1555{height:25vh}}
.stacks_in_1552{height:90vh;border:none}@media screen and (min-width:40em){.stacks_in_1552{height:25vh}}@media screen and (min-width:64em){.stacks_in_1552{height:25vh}}
/* Notch Item by Stacks Basecamp */

#stacks_in_1535 {
  --i-lbl-size:          32px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --i-orn-before-size:   10px;
  --i-orn-before-color:  rgba(102, 102, 102, 1.00);
  --i-orn-before-gap:    8px;
  --i-orn-before-img-w:  20px;
  --i-orn-after-size:    10px;
  --i-orn-after-color:   rgba(102, 102, 102, 1.00);
  --i-orn-after-gap:     8px;
  --i-orn-after-img-w:   20px;
  --bg-pad-t:            0px;
  --bg-pad-r:            0px;
  --bg-pad-b:            0px;
  --bg-pad-l:            0px;
  --bg-bw:               0px;
  --bg-bw-t:             var(--bg-bw);
  --bg-bw-r:             var(--bg-bw);
  --bg-bw-b:             var(--bg-bw);
  --bg-bw-l:             var(--bg-bw);
  --bg-bc:               rgba(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           0px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_1535 {
  display: block;
  position: absolute;
  top: 0; left: 0; width: 0; height: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 10;
}

/* ===== Label wrap: positioned container (always a div, targeted by JS) ===== */
#stacks_in_1535 .n-label-wrap {
  position: absolute;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: var(--i-lbl-size);
  color: var(--i-lbl-color);
  line-height: 1.2;
  pointer-events: auto;
}

/* ===== Link inner: optional <a> or <div> wrapping ornaments + label ===== */
#stacks_in_1535 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_1535 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_1535 .n-label-outer {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--bg-pad-t) var(--bg-pad-r) var(--bg-pad-b) var(--bg-pad-l);
  border-style: var(--bg-bs);
  border-color: var(--bg-bc);
  border-width: var(--bg-bw-t) var(--bg-bw-r) var(--bg-bw-b) var(--bg-bw-l);
  border-radius: var(--bg-radius);
}

/* ===== Mobile label box padding =====
   The breakpoint lives on the parent Notch frame (--n-bp), so it can't be
   used in a media query here; the item JS toggles the .n-m class instead.
   Detail branches write --bg-pad-m-* unconditionally; the enable checkbox
   alone gates applying them in mobile state. */
/*  */
#stacks_in_1535 {
  --bg-pad-m-t: 0px;
  --bg-pad-m-r: 0px;
  --bg-pad-m-b: 0px;
  --bg-pad-m-l: 0px;
}
/*  */
/*  */
/*  */

/* ===== Per-side label border width (advanced mode) ===== */
/*  */

/* Color background */
/*  */

/* Image background - local file
   Rendered in a clipped ::before layer so blur only affects the image,
   never the border or label content. */
/*  */

/* Image background - warehouse / external URL */
/*  */

/* Gradient background */
/*  */
/*  */
/*  */

/* ===== Overlay =====
   A tint layer (::after) painted above the ::before image layer but below
   the label content, which is lifted with position:relative + z-index. */
/*  */
/*  */

/*  */

/*  */

/* ===== Label content ===== */
#stacks_in_1535 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_1535 .n-label-text  { display: inline; margin: 0; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; text-align: var(--i-lbl-align, center); }
#stacks_in_1535 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_1535 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_1535 .n-orn-before  { font-size: var(--i-orn-before-size); color: var(--i-orn-before-color); margin-right: var(--i-orn-before-gap); }
#stacks_in_1535 .n-orn-after   { font-size: var(--i-orn-after-size);  color: var(--i-orn-after-color);  margin-left:  var(--i-orn-after-gap); }
#stacks_in_1535 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_1535 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_1535 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
@charset "UTF-8";
.footer-container{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer-container{background-attachment:scroll!important}}
.footer-container{padding-top:5rem ;padding-bottom:2.5rem ;}  
.footer-cta{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer-cta{background-attachment:scroll!important}}
.footer-cta{color:var(--primary) !important;}
.footer-links{color:var(--secondary) !important;}
.footer-links{display:flex } 
.footer-links{padding-top:1rem ;}  
.footer-divider{border-color:rgba(255, 255, 255, 0.05) ;border-width:1px ;border-style:solid ;}
.footer-socials{margin-right:0.5rem ;margin-left:0.5rem ;}  
.footer-socials svg{fill:var(--secondary) !important;stroke:var(--secondary) !important;}
.stacks_in_1328_17 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1328_68 img{width:100%;max-width:300px}

.stacks_in_1328_24 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1328_28{line-height:0}.stacks_in_1328_28 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_1328_28.full-width svg{width:100%;height:auto}

.stacks_in_1328_32{line-height:0}.stacks_in_1328_32 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_1328_32.full-width svg{width:100%;height:auto}

.stacks_in_1328_36{line-height:0}.stacks_in_1328_36 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_1328_36.full-width svg{width:100%;height:auto}