/*## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Website header 1h. Website footer 2. Containers / Grid / DND areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Website header 8. Website footer 9. Blog 10. System pages 11. Modules ##*/ /*########################################################################### ############################ 1. Variables ############################# ###########################################################################*/ /* 1a. Containers */ /* 1b. Colors */ /* 1c. Typography */ /* 1d. Buttons */ /* 1e. Forms */ /* 1f. Tables */ /* 1g. Website header */ /* 1h. Website footer */ /*** Custom colors ***/ /** iPad font size ***/ /** Phone font size ***/ /* ########################################################################### ################## 2. Containers / Grid / DND areas ################### ########################################################################### */ .content-wrapper { max-width: 1312px; } .dnd-section,.content-wrapper--vertical-spacing { padding: 0px 0px; } .container{ max-width: 1312px; margin:0 auto; padding-left:15px; padding-right:15px; } /*########################################################################### ########################### 3. Typography ############################# ########################################################################### */ html { font-size: 18px; } body { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000; font-size: 18px; line-height:1.5;} /* Paragraphs */ p,li{ font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color:#333; } li{ margin-bottom:5px; } /* Anchors */ a { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; transition:all 0.3s ease-in-out; } a:hover, a:focus { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } a:active { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #282828; } /* Headings */ h1,.h1 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 70px; text-transform: none; line-height:1; } h2,.h2 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 46px; text-transform: none; line-height:1; } h3,.h3 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 48px; text-transform: none; line-height:1.1; } h4,.h4 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 36px; text-transform: none; line-height:1.1; } h5,.h5 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 18px; text-transform: none; line-height:1.2; } h6,.h6 { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 24px; text-transform: none; line-height:1.3; } /* Blockquote */ blockquote { border-left-color: #000000; font-family:F37 Lineca, F37 Lineca, sans-serif; } .text-uppercase {text-transform: uppercase;} .text-lowercase {text-transform: lowercase;} .text-capitalize {text-transform: capitalize;} .text-center{text-align: center;} .text-left{text-align: left;} .text-right{text-align: right;} .text-justify{text-align: justify;} /*** box list ***/ .box-list{ padding-top:10px; } .box-list ul{ padding:0px; list-style:none; } .box-list ul li{ background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg) 0 0 no-repeat; padding: 4px 0 15px 56px; margin-bottom:10px; font-size:18px; } .lazy {background-image: none;background-color: transparent !important;} .lazy.dark-bg{background-color:#000 !important; background-image: none;} /* Text link style */ #main-content a:not(.no-link-style) { text-decoration: underline; font-weight: bold; } #main-content a:not(.no-link-style):hover, #main-content a:not(.no-link-style):focus { text-decoration:none; } /* ########################################################################### ############################ 4. Buttons ############################### ########################################################################### */ button,.button { border: 1px solid #000000; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: ; border-radius: 8px; color: #000; font-size: 16px; text-transform: none; } button:hover,button:focus,.button:hover,.button:focus { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(0, 0, 0, 1.0); border-color: #000000; } button:active,.button:active { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(40, 40, 40, 1.0); border-color: #282828; } /**************** PRIMARY BUTTON **********************/ .primary-button{position: relative;z-index: 2;} .primary-button a{ align-items: center; padding: 9px 20px; border-radius: 48px; display:inline-block; text-transform:uppercase; font-weight: 500; font-size: 16px; letter-spacing: 0.1em; position:relative; overflow:hidden; transition:all 0.3s ease-in-out; } .primary-button a:before{ width:100%; height:100%; content:''; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); position:absolute; left:0%; top:0; transition:all 0.3s ease-in-out; z-index:-1; border-radius: 48px; } .primary-button a:after{ width:100%; height:100%; content:''; background:black; position:absolute; left:-100%; top:0; transition:all 0.4s ease-in-out; z-index:-1; border-radius: 48px; } .primary-button a:hover{ color:white; background:rgba(255,255,255,0.01); } .primary-button a:hover:after{ left:0%; } .primary-button a:hover:before{ left:100%; } /**************** PRIMARY BORDER BUTTON **********************/ .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span, .primary-border-button a { align-items: center; padding:8px 20px; border-radius: 80px; color:#000; display:inline-block; text-transform:uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.1em; position:relative; z-index:1; overflow:hidden; text-align:center} .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span:after, .primary-border-button a:after{content:"";position:absolute;border-radius:80px;background: #000;width:100%;height:100%;background: linear-gradient(45deg, black, black);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: -1; inset: 0; padding: 2px;left: -100%;box-sizing: border-box;transition:all 0.3s ease-in-out;top:0; bottom:0;} .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span:before, .primary-border-button a:before{content: "";position: absolute; inset: 0;border-radius: 80px; padding: 2px; background: linear-gradient(19deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; transition:all 0.3s ease-in-out; z-index: -1;left:0; right:0; top:0; bottom:0;} .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span:hover:after{ left:0; } .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span:hover:before, .primary-border-button a:hover:before{ left:102%; } .dark-bg .primary-border-button a:hover{color:#fff} header.header .header-section .primary-border-button a:hover:after,.dark-bg .primary-border-button a:hover:after{ background:#fff; } .primary-border-button .hs-cta-node { position: relative; display: inline-block; overflow: hidden;} .primary-border-button .hs-cta-node::before {content: "";position: absolute;width: 100%;background: #000;height:100%; border-radius:18px;left: -100%;} .dark-bg .primary-border-button .hs-cta-node::before {background: #fff;} .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span:hover:before, .primary-border-button a:hover:before{ left:100%;} .primary-border-button a:hover:after{left:0;} .header-section .header-menu ul li#resources ul li .right-col .primary-border-button span::before,.primary-border-button a::before{left:0; right:0; top:0; bottom:0;margin:0 auto;} /**************** BLACK BORDER BUTTON **********************/ .black-border-button a{ padding: 9px 20px; color:black; border:1px solid black; border-radius: 48px; display:inline-block; text-transform:uppercase; font-weight: 500; font-size: 14px; letter-spacing: 0.1em; overflow:hidden; position:relative;z-index:9; } .black-border-button a:hover{ color:black; border:1px solid black; } .black-border-button a:before{ content:''; width:100%; height:100%; position:absolute; left:-100%; top:0px; border-radius:48px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); transition:all 0.3s ease-in-out; z-index:-1; transition:all 0.3s ease-in-out;} .black-border-button a:hover:before{ left:0; } /**************** BLACK FILL BUTTON **********************/ .black-fill-button a{ padding: 9px 20px; color:white; border-radius: 48px; display:inline-block; text-transform:uppercase; font-weight: 500; font-size: 16px; letter-spacing: 0.1em; position:relative; overflow:hidden; z-index:1; } .black-fill-button a:before{ content:''; width:100%; height:100%; position:absolute; left:-100%; top:0px; border-radius:48px; background:linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); transition:all 0.3s ease-in-out; z-index:-1; transition:all 0.3s ease-in-out;} .black-fill-button a:after{ content:''; width:100%; height:100%; position:absolute; left:0%; top:0px; border-radius:48px; background:black; transition:all 0.3s ease-in-out; z-index:-2; transition:all 0.3s ease-in-out; } .black-fill-button a:hover:before { left:0%; } .black-fill-button a:hover:after { left:100%; } .black-fill-button a:hover{ color:black; background:transparent; } /**************** LIGHT TEXT LINK **********************/ .light-text-link a {color:#93FF82;text-decoration:underline; } .light-text-link a:hover,.light-text-link a:focus {text-decoration:none;} /* ########################################################################### ############################## 5. Forms ############################### ########################################################################### */ form,.submitted-message { font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } /* Form title */ .form-title { color: #000000; text-align:center; } /* Labels */ form label { color: #000; font-weight: 500; } form label.hs-error-msg{color: #cc0000; font-family:Inter;font-size:14px;font-weight:normal;text-align:right;} .hs-input.invalid.error {border-color: #cc0000;} /* Help text */ form legend { color: #cc0000; } /* Inputs */ form input[type=text],form input[type=email],form input[type=password],form input[type=tel],form input[type=number],form input[type=file],form select, form textarea { border: 1px solid #cccccc; background-color: #F7F7F7; color: #000; border-radius: 8px; border:1px solid #E5E5E5; box-sizing:border-box;width:100% !important; font-family:Inter; } .hs-form-field { margin-bottom:1rem; } /* Form placeholder text */ ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input::placeholder, select:required:invalid {color:#a9a9a9;opacity:1;} select option[value=""][disabled] {display: none;} /* Inputs - date picker */ .hs-fieldtype-date .input .hs-dateinput:before { color: #a9a9a9; } .fn-date-picker td.is-selected .pika-button { background: #000; } .fn-date-picker td .pika-button:hover { background-color: #000 !important; } .fn-date-picker td.is-today .pika-button { color: #000; } /* Submit button */ form input[type=submit],form .hs-button { border: 1px solid #000000; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: ; border-radius: 8px; color: #000; font-size: 16px; text-transform: none; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 48px; border:0px; text-transform:uppercase; font-weight:500; } form input[type=submit]:hover,form input[type=submit]:focus,form .hs-button:hover,form .hs-button:focus { background:black; color:white; } form input[type=submit]:active,form .hs-button:active { background:black; color:white; } form fieldset .legal-consent-container .hs-richtext{ font-size:12px; } /* ########################################################################### ############################# 6. Tables ############################### ########################################################################### */ /* Table */ table { border: 1px solid #000000; background-color: ; } /* Table cells */ td,th { border: 1px solid #000000; padding: 18px; color: #000; } /* Table header */ thead th { background-color: ; color: #FFFFFF;} /* Table footer */ tfoot td { background-color: ; color: #000; } /*** Parallax ***/ /*.section{position: relative; display: flex;} .bg{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; }*/ strong.reveal-text,.section-header strong.reveal-text,.section-content strong.reveal-text{ text-transform:uppercase; display:block; padding-bottom:20px; opacity:0.5; letter-spacing: 0.2em; } .top-divider.glow { z-index:1; } .bottom-divider.glow{ z-index:1; } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select:none;-moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-touch-callout:none; -khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before,.slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ########################################################################### ########################### 7. Website header ######################### ########################################################################### */ @keyframes rotation{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } .top-banner-module .banner-inner-wrapper { display: flex; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; align-items: center; justify-content: center; position:relative;} .top-banner-module .banner-content p { margin: 0;} .top-banner-module .banner-content p a { text-decoration: underline;font-weight:600;} .top-banner-module .close-button { position: absolute; right: 0; top:-4px;} .top-banner-module .close-button a {background: rgba(255,255,255,0.8); width: 35px; height: 35px; display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display: flex; align-items: center;justify-content: center;border-radius: 100%;} .top-banner-module .banner-content {width: 100%; text-align:center;} .top-banner-module .close-button a:hover{background:#fff;} .header-button-col.normal-link {display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display: flex; align-items: center;} .header-button-col.normal-link a {color: #fff; text-transform: uppercase; display: inline-block;line-height: normal;} header#header-no-navigation { position: absolute;} .header-top-row {display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display: flex; justify-content: flex-end;} .header-top-row .header-buttons.for-outer { display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display: flex; gap: 15px; padding: 12px 20px; margin-bottom: 8px; background: #FFFFFF;box-shadow: 0px 12px 60px rgb(0 0 0 / 12%); backdrop-filter: blur(24px);-webkit-backdrop-filter:blur(24px); border-radius: 0px 0px 28px 28px; } .header-top-row .header-button-col.normal-link a{border-radius: 48px; display: inline-block; font-size: 14px;font-weight: 600;letter-spacing: .1em;overflow: hidden; padding: 9px 20px; position: relative; text-transform: uppercase;transition: all .3s ease-in-out;} header.header{ position: fixed; width: 100%; top: 47px; z-index: 10; transition:all 0.3s} .header .header-section{ border-radius:80px; padding:0px 20px; transition:all 0.3s ease-in-out; position:relative;} .header-section{ display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex;} .header-section .header-logo{ align-self:center; min-width:106px; max-width:106px; position:relative; } .header-section .header-logo img{ display:block; } .header-section .header-logo #hs_cos_wrapper_site_logo_icon{ position:absolute; left:0; top:0; } .header-section .header-logo #hs_cos_wrapper_site_logo_icon img{ width:38px !important; animation: rotation infinite 5s linear; } .header-section .header-menu{ width:100%; align-self:center; } .header-section .header-menu ul{ list-style:none; margin:0px; padding-left:15px; } .header-section .header-menu ul li{ display:inline-block; vertical-align:middle; position:relative; margin:0px 10px; padding:22px 5px; letter-spacing: 0.1em; font-size:14px;} .header-section .header-menu ul li a{ color: #fff;} .header-section .header-menu ul li.hs-menu-depth-1 > a{ text-transform:uppercase; /*opacity: 0.5;*/ } .header-section .header-menu ul li.hs-item-has-children > a{ display:inline-block; vertical-align:middle;} .header-section .header-menu ul li.hs-item-has-children > .child-trigger{ display:inline-block; vertical-align:middle; margin-left:5px; opacity: 0.7; } .header-section .header-menu ul li.hs-item-has-children > .child-trigger:after{ display:block; content:''; width:12px; height:10px; background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/drop-down-arrow.svg) center no-repeat; transition:all 0.3s ease-in-out; } .header-section .header-menu ul li ul.hs-menu-children-wrapper{ display:none; position:absolute; left:0; top:100%; border:0px solid rgba(255,255,255,1); /*padding:15px;*/ /*border-radius:30px 30px 24px 24px;*/ min-width:296px;/* background: rgba(0, 0, 0, 1.0) ;border-radius:30px 30px 24px 24px;*/} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li{max-width:264px} .header-section .header-menu ul li ul.hs-menu-children-wrapper:before{width:100%; height:100%; content:''; background: rgba(0, 0, 0, 1.0) ; position:absolute; left:0; top:6px; border-radius:24px;z-index:-1 } .header-section .header-menu ul li ul.hs-menu-children-wrapper li{ display:block; font-size:14px; font-weight: 600; padding:0px; letter-spacing: 0;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex;align-items: center;transition: unset;-webkit-transition: unset;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a > img{ margin-right:10px; max-height:24px; max-width:40px; min-width:40px; width:auto; margin-top:7px;} section .header-menu ul li#products>ul li ul li{max-width:100%;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a span{ letter-spacing: 0; display:block;font-weight:600; } .header-section .header-menu ul li ul.hs-menu-children-wrapper li a span small{ font-size:12px; font-weight:400; } .header-section .header-menu ul li.hs-item-has-children > .child-trigger.child-open:after{ transform: rotate(180deg); } .header-section .header-menu ul li#resources ul li .right-col .post-title h3{font-size:20px;} .header-section .header-menu ul li#resources ul li .right-col .post-button span { display: inline-block; width: auto;} .header .header-section.nav-down { position: relative; transition: all 0.5s; top: 0;} .header .header-section.nav-up {transition: all 0.3s;top: -170px; width: 100%;} .header .header-button-col a {font-size: 14px;} main#main-content { position: relative; /*overflow: hidden;*/ } .pdf-tab {cursor: pointer; transform: translateX(33%); transition: transform .3s ease-in-out; position: relative; z-index: 1; text-align: center;} /* .pdf-tab:hover { transform: translateX(0);} */ .tab-label { display: block;} .stickySideBar.fixed .pdf-tab { transform: translateX(0); } .pdf-tab { cursor: pointer; position: relative; text-align: center; transition: transform .3s ease-in-out; z-index: 1; transform: rotate(-90deg) translateY(66px); } .pdf-tab button { position:relative;align-items: center; padding: 9px 20px; border-radius: 48px; display: inline-block; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 0.1em; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; border: navajowhite; color: #000; background-color: transparent; font-family:Inter, Inter, sans-serif; } .pdf-tab button:before { width: 100%; height: 100%; content: ''; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); position: absolute; left: 0%; top: 0; transition: all 0.3s ease-in-out; z-index: -1; border-radius: 48px; } .pdf-tab button:after { width: 100%; height: 100%; content: ''; background: black; position: absolute; left: -100%; top: 0; transition: all 0.4s ease-in-out; z-index: -1; border-radius: 48px;} .pdf-tab button:hover {color: #fff !important;} .pdf-tab button:hover:before {left: 100%;} .pdf-tab button:hover:after {left: 0%;} @media(min-width: 1025px) { .header-section .header-menu ul li.hs-item-has-children:hover > .child-trigger:after{ transform: rotate(180deg); } .header-section .header-menu .hs-menu-wrapper> ul{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex;justify-content: flex-end;} .header-section .header-menu .hs-menu-wrapper> ul>li:hover > ul.hs-menu-children-wrapper{ display:block; } .header-section .header-menu ul li.hs-menu-depth-1:hover > a{ opacity:1; } .header-section .header-menu ul li.hs-item-has-children:hover > .child-trigger{ opacity:1; } .header-section .header-menu ul li#solutions>ul{padding-top:25px; min-height:400px; min-width:608px;} .header-section .header-menu ul li#products>ul{min-height:320px;padding-top:25px; min-width:576px;min-height:576px;} .header-section .header-menu ul li#solutions>ul li a,.header-section .header-menu ul li#products>ul li a{padding:17px 23px} .header-section .header-menu ul li#solutions>ul li,.header-section .header-menu ul li#products>ul li{position:unset;} .header-section .header-menu ul li#solutions>ul li .child-trigger,.header-section .header-menu ul li#products>ul li .child-trigger { display: none;} .header-section .header-menu ul li#solutions>ul li ul,.header-section .header-menu ul li#products>ul li ul{padding:15px; max-width: 280px; min-width: 280px; height:87%; top:25px; bottom:15px; bottom:0;} .header-section .header-menu ul li>ul li ul li{max-width:100% !important;} .header-section .header-menu ul li#solutions>ul li ul{min-width:312px;} .header-section .header-menu ul li#solutions>ul li ul{height:84%} .header-section .header-menu ul li#solutions>ul li ul::before,.header-section .header-menu ul li#products>ul li ul::before{width:91%; height:94%; content:''; background:#333;position:absolute; left:0; right:0; margin:0 auto; top:0px; border-radius:30px 30px 24px 24px;} .header-section .header-menu ul li#solutions>ul li ul li,.header-section .header-menu ul li#products>ul li ul li{position:relative;} .header-section .header-menu ul li#solutions>ul li a,.header-section .header-menu ul li#products>ul li a{border-radius:16px;} .header-section .header-menu ul li#solutions>ul li:hover a,.header-section .header-menu ul li#products>ul li:hover a{background:#333; } .header-section .header-menu ul li ul.hs-menu-children-wrapper li ul{left:auto; right:16px; top:15px; min-width:282px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li:hover ul{display:block; opacity:1; } .header-section .header-menu ul li#developers ul li a,.header-section .header-menu ul li#resources ul li a,.header-section .header-menu ul li#company ul li a,.header-section .header-menu ul li#solutions>ul li ul li a,.header-section .header-menu ul li#products>ul li ul li a{border-radius: 8px; padding:10px 20px; position:relative; transition: all 0s ease-out;} .header-section .updated-mega-header-menu-section .column-menus > li > a{border-radius: 8px;} .header-section .header-menu ul li#solutions>ul li ul li,.header-section .header-menu ul li#products>ul li ul li { margin: 0 12px;} .header-section .header-menu ul li#resources ul li:hover .left-col a,.header-section .header-menu ul li#developers ul li a:hover,.header-section .header-menu ul li#resources ul li a:hover,.header-section .header-menu ul li#company ul li a:hover,.header-section .header-menu ul li>ul li ul li a:hover,.header-section .header-menu ul li#solutions>ul li ul li a:hover,.header-section .header-menu ul li#products>ul li ul li a:hover{background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); color:#000;} .header-section .header-menu ul li#developers ul li a span,.header-section .header-menu ul li#resources ul li a span,.header-section .header-menu ul li#company ul li a span,.header-section .header-menu ul li#solutions>ul li ul li a span, .header-section .header-menu ul li#products>ul li ul li a span { width: 100%;} .header-section .header-menu ul li#resources ul li:hover .left-col a:after,.header-section .header-menu ul li>ul li ul li a:hover:after,.header-section .header-menu ul li#developers ul li a:hover::after,.header-section .header-menu ul li#resources ul li a:hover::after,.header-section .header-menu ul li#company ul li a:hover::after,.header-section .header-menu ul li#products>ul li ul li a:hover::after, .header-section .header-menu ul li#solutions>ul li ul li a:hover::after{opacity:1} .header-section .header-menu ul li#developers ul li a::after,.header-section .header-menu ul li#resources ul li a::after,.header-section .header-menu ul li#company ul li a::after,.header-section .header-menu ul li>ul li ul li a::after,.header-section .header-menu ul li#products>ul li ul li a::after, .header-section .header-menu ul li#solutions>ul li ul li a::after{ content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E%0A"); width: 30px; height: 30px; right: 16px; background-size: cover; position: absolute; opacity:0} .header-section .header-menu ul li#resources ul li:hover .left-col a img,.header-section .header-menu ul li#developers ul li a:hover img,.header-section .header-menu ul li#resources ul li a:hover img,.header-section .header-menu ul li#company ul li a:hover img,.header-section .header-menu ul li#solutions>ul li ul li a:hover img,.header-section .header-menu ul li#products>ul li ul li a:hover img{grayscale(94%) brightness(0%);-webkit-filter: grayscale(94%) brightness(0%);-moz-filter: grayscale(94%) brightness(0%);} .header-section .header-menu ul li#products>ul li ul li#pricing {border-top: 1px solid #666666; margin: 8px 12px 0 12px !important;} .header-section .header-menu .hs-menu-wrapper > ul > li > ul{padding-top:20px;padding-bottom:15px;padding-right:15px;} .header-section .header-menu ul li#company ul li, .header-section .header-menu ul li#developers ul li,.header-section .header-menu ul li#resources ul li { max-width: 100%; margin:0} .header-section .header-menu ul li#resources ul li{position:unset;} .header-section .header-menu ul li#company ul,.header-section .header-menu ul li#developers ul,.header-section .header-menu ul li#resources ul {padding-bottom:15px;} .header-section .header-menu ul li#company ul li,.header-section .header-menu ul li#developers ul li,.header-section .header-menu ul li#resources ul li{padding-right:0;} .header-section .header-menu ul li#resources ul li .right-col { position: absolute; top: 6px; left: 100%; background: #333; border-radius:0 24px 24px 0; display:none; padding:32px; min-width:267px; height:336px;} .header-section .header-menu ul li#resources ul li .right-col::before { content: ""; position: absolute; width: 24px; height: 100%; background: rgba(0, 0, 0, 1.0) ; left: -24px; top: 0;z-index:-1;} .header-section .header-menu ul li#resources ul{min-height:155px;} .header-section .header-menu ul li#resources ul li .right-col a { display: block; padding: 0;} .header-section .header-menu ul li#resources ul li .right-col a:hover{background:unset; color:unset:} .header-section .header-menu ul li#resources ul li .right-col a:hover img{filter:none;} .header-section .header-menu ul li#resources ul li .right-col .post-box{background: #FFFFFF;/* blur/glass light */ box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12);backdrop-filter: blur(24px); -webkit-backdrop-filter:blur(24px);/* Note: backdrop-filter has minimal browser support */border-radius: 12px; overflow:hidden; padding-bottom:24px;} .header-section .header-menu ul li#resources ul li:hover .right-col{display:block;} .header-section .header-menu ul li#resources ul li .right-col .post-image img { width: 100%;} .header-section .header-menu ul li#resources ul li .right-col .post-image{margin-bottom:14px;} .header-section .header-menu ul li#resources ul li .right-col .post-button { margin-top: 32px;} .header-section .header-menu ul li#resources ul li .right-col .post-button,.header-section .header-menu ul li#resources ul li .right-col .post-title{padding-left:24px; padding-right:24px;} .header-section .header-menu ul li#resources ul li .right-col a:hover::after{display:none;} .header-section .header-menu ul li ul li.active > a{background:#333} .header-section .header-menu ul li ul li.active ul{display:block} .header-section .header-menu ul li#products>ul.payout-network{min-height: 515px;} .header-section .header-menu ul li#products>ul.payout-network > li > ul::before{height:100%;} .header-section .header-menu ul li#solutions>ul li ul::before { height: 100%;} .header-section .header-menu ul li#solutions>ul.for-merchants{min-height:230px; max-height:230px;} .header-section .header-menu ul li#solutions>ul.for-merchants li ul{height:78%;} .header-section .header-menu ul li#solutions>ul.for-merchants li ul::before{height:91%} .header-section .header-menu ul li#resources ul.hs-menu-children-wrapper.research { min-height: 365px;} .header-section .header-menu ul li#resources ul.customer-stories { background: transparent;} } .header-section .header-buttons{ align-self:center; display:-webkit-flex;display:-webkit-box; display:-moz-flex;display:-moz-box; display:-ms-flexbox; display:flex; gap:20px; margin-left:20px;} .header-section .header-buttons .header-button-col .cta_button { white-space: nowrap; } .header-section .header-buttons .primary-button a::after{ background: #fff; } .header-section .header-buttons .primary-button a:hover{ color:black; } header.header .header-section .primary-border-button a:hover{ color:#fff; } .small-header header.header .header-section .header-buttons .primary-button a::after{ background: rgba(0, 0, 0, 1.0) ; } .small-header header.header .header-section .header-buttons .primary-button a:hover{ color:white; } @media(max-width: 1024px) { .mobile-open .header-top-row { display: none;} .mobile-open .header-section{margin-top:20px;} .body-wrapper{overflow:hidden;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li{max-width:100%;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li .child-trigger { position: absolute; right: 0; top: 10px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper{padding-left:30px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li ul{margin: 0; height: 100%; max-height: 100%; padding: 14px; position: fixed; height: 100vh; background: #000; z-index: 4; top: 0px; left: 0%; width: 100%; box-sizing: border-box; overflow-y: scroll; padding-top:120px; transition:all 0.5s} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col { max-width: 320px; padding: 15px; background: #333; border-radius:12px;margin: 15px 0 15px 0;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box { background: #fff; border-radius: 12px; overflow: hidden; padding-bottom:20px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box .post-image img { width: 100%;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box .post-image{margin-bottom:15px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box .post-title, .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box .post-button { padding: 0 20px;} .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col .post-box .post-button{margin-top:20px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li#research .right-col a{display:block} .header-section .header-buttons.for-mobile .header-button-col.white-link a { color: #fff; text-transform:uppercase;} .header-section .header-buttons.for-mobile .header-button-col a{font-size:16px;} .header-section .header-buttons.for-mobile .primary-border-button a::before { } .header-section .header-menu ul li ul.hs-menu-children-wrapper > li .child-trigger.child-open:after{transform:none} .header-section .header-menu ul li.hs-menu-depth-1 > a{opacity:0.5} .header-section .header-menu ul li:hover a { opacity: 1 !important;} .header-section .header-menu ul li.hs-item-has-children > .child-trigger { position: absolute; right: 0;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li#remittances a > img, .header-section .header-menu ul li ul.hs-menu-children-wrapper li#gig-payouts a > img ,.header-section .header-menu ul li ul.hs-menu-children-wrapper li#gaming-cashouts a > img,.header-section .header-menu ul li ul.hs-menu-children-wrapper li#playground img {max-width: 32px;min-width: 32px; height:40px;} .header-section .updated-mega-header-menu-section .column-menus.playground > li:hover > a img {-webkit-filter: grayscale(94%) brightness(0%);-moz-filter: grayscale(94%) brightness(0%);} } /** Small header ***/ .header-section .blur-layer{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:80px; z-index:-1; background: rgba(0, 0, 0, 1.0) ; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .small-header header.header .header-section{ background:none; position:relative; } .small-header header.header .header-section .blur-layer{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:80px; z-index:-1; background: rgba(255,255,255, 0.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .small-header header.header .header-section .blur-layer:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0, 0.3); } header.header .header-section .primary-border-button a{ color:white; } .small-header header.header .header-section .primary-border-button a{ /*color:black;*/ } .enable-dark-mode .header .header-section{ background: rgba(255,255,255, 0.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);} header.header#header-no-navigation .header-section{ padding-top: 15px;padding-bottom: 15px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px); } header.header#header-no-navigation .blur-layer{ background: rgba(255,255,255, 0.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;background-color: rgba(0, 0, 0, 0.3);} .menu__link,.header__logo .logo-company-name,.header__language-switcher-label-current,.header__language-switcher .lang_list_class li a { color: #fff; font-family: Inter; } .menu__child-toggle-icon { border-top-color: #fff; } .menu .menu__link:hover,.menu .menu__link:focus,.header__language-switcher-label-current:hover,.header__language-switcher-label-current:focus,.header__language-switcher .lang_list_class li:hover a,.header__language-switcher .lang_list_class li a:focus { color: #d7d7d7;} .menu__child-toggle-icon:hover,.menu__child-toggle-icon:focus { border-top-color: #d7d7d7; } .menu .menu__link:active,.header__language-switcher-label-current:active,.header__language-switcher .lang_list_class li a:active { color: #ffffff; } .menu__child-toggle-icon:active { border-top-color: #ffffff; } .menu .menu__item--depth-1 > .menu__link--active-link:after { background-color: #fff; } @media (min-width: 767px) { .menu .menu__submenu,.header__language-switcher .lang_list_class { border: 2px solid #000000; background-color: ; } .menu__submenu--level-2 > .menu__item:first-child:before { border: 2px solid #000000; background-color: ; } } .menu__submenu .menu__link,.menu__submenu .menu__link:hover,.menu__submenu .menu__link:focus { color: #fff; background-color: ;} .header__language-switcher .lang_list_class:before { border-bottom-color: #000; } .menu__submenu .menu__link:hover,.menu__submenu .menu__link:focus,.header__language-switcher .lang_list_class li:hover,.menu__submenu--level-2 > .menu__item:first-child:hover:before,.menu__submenu--level-2 > .menu__item:first-child.focus:before { background-color: rgba(0, 0, 0, 1.0) ; } .header__language-switcher .lang_list_class.first-active::after { border-bottom-color: rgba(0, 0, 0, 1.0) ; } .header__language-switcher-label-current,.header__language-switcher .lang_list_class li a { font-family: Inter; } .header__language-switcher-label-current:after { border-top-color: #fff; } @media(max-width: 767px) { .header__navigation { background-color: rgba(0, 0, 0, 1.0) ; } .header__navigation-toggle svg,.menu-arrow svg { fill: #fff; } header.header{top:33px;} .top-banner-module .close-button{top:-2px;} } /*########################################################################### ########################### 8. Website footer ######################### ###########################################################################*/ .footer { padding:64px 0px; background-color: rgba(0, 0, 0, 1.0) ;position: relative;} .footer .footer-section .footer-top-row,.footer .footer-section .footer-logo{ padding-bottom:64px; } .footer .footer-section .footer-top-row img,.footer .footer-section .footer-logo img{ max-width:127px; } .footer .footer-section .footer-mid-row{ padding-bottom:64px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; gap:30px; width:100%; } .footer .footer-section .blog-subscription-box{ width:25%; min-width:300px; padding-right:100px; } .footer .footer-section .blog-subscription-box h3{margin-bottom: 15px;font-weight: 600; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-family:; } .footer .footer-section .blog-subscription-box form{ position:relative; padding-right:50px; } .footer .footer-section .blog-subscription-box form .hs-form-field > label{ display:none; } .footer .footer-section .blog-subscription-box form input.hs-input{ background: rgba(51, 51, 51, 0.6); border: 1px solid #666666; border-radius: 8px; padding:10px 12px; color:white; width:93%; outline:0; } .footer .footer-section .blog-subscription-box form input.hs-input::placeholder{ color:#999999; opacity:1; } .footer .footer-section .blog-subscription-box form input.hs-input::-webkit-input-placeholder{ color:#999999; opacity:1; } .footer .footer-section .blog-subscription-box form input.hs-input:-ms-input-placeholder{ color:#999999; opacity:1; } .footer .footer-section .blog-subscription-box form input.hs-input:focus{ border-color:white; } .footer .footer-section .blog-subscription-box form .hs-submit{ position:absolute; right:0; top:5px; width:auto; } .footer .footer-section .blog-subscription-box form .actions{ border-radius:100%; background: linear-gradient(45deg,#00ffa3,#93ff82 48.31%,#eefc51 94.4%); } .footer .footer-section .blog-subscription-box form input.hs-button.primary{ width:32px; height:32px; border-radius:100%; font-size:0px; cursor:pointer; padding: 0px; margin: 0px; display: block; background-image:url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/Runa-Theme/Icons/button-arrow-right.svg); background-position:center; background-repeat:no-repeat; } .footer .footer-section .blog-subscription-box form input.hs-button.primary:hover,.footer .footer-section .blog-subscription-box form input.hs-button.primary:focus{ background:url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/Runa-Theme/Icons/button-arrow-right.svg); background-position:center; background-repeat:no-repeat; } .footer .footer-section .blog-subscription-box form .actions:hover{ background: linear-gradient(45deg,#eefc51,#93ff82 48.31%,#00ffa3 94.4%); } .footer .footer-section .blog-subscription-box form .hs-error-msg{ font-size:12px; color:red; font-weight:normal; } .footer .footer-section .blog-subscription-box form .hs-form-field{ margin-bottom:10px; } .footer .footer-section .blog-subscription-box form .legal-consent-container{ display:none; } .footer .footer-section .blog-subscription-box form .legal-consent-container input.hs-input{ width:auto; } .footer .footer-section .blog-subscription-box form .legal-consent-container .inputs-list .hs-form-booleancheckbox{ margin:5px 0px; } .footer .footer-section .blog-subscription-box form .legal-consent-container .inputs-list .hs-form-booleancheckbox label{font-weight:normal;font-size: 12px;} .footer .footer-section .blog-subscription-box .hs_error_rollup{ display:none; } .footer .footer-section .blog-subscription-box .hs_error_rollup ul li{ margin:0px; } .footer .footer-section .blog-subscription-box .hs_error_rollup ul.hs-error-msgs li label{ font-size:12px; color:red; font-weight:normal; } .footer .footer-section .blog-subscription-box .submitted-message{ color:green; } .footer .footer-section .blog-subscription-box .form-title { text-align: left;} .footer#footer-no-navigation .footer-section .blog-subscription-box{ max-width:400px; margin-top:40px;} .footer .footer-section .footer-mid-row .footer-menu{ width:100%; } .footer .footer-section .footer-mid-row .footer-menu ul{ margin:0px; padding:0px; list-style:none;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box; display:-ms-flexbox; display:flex; gap:20px; } .footer .footer-section .footer-mid-row .footer-menu ul li{ width:100%; font-size:14px; font-family:; padding-right: 20px;} .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 > a{ display:block; font-size:12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight:600; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper{ padding-top:25px; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 ul{ display:block; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 ul li{ display:block; padding-bottom:14px; margin-bottom:0; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 ul li a span.tag{ align-items: center; padding:4px 10px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius:32px; display:inline-block; font-weight: 600; font-size: 12px; color:#000; margin-left:5px; transition:all 0.3s ease-in-out; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 ul li a span.tag:hover{ background:black; color:white; transition:all 0.3s ease-in-out; } .footer .footer-section .footer-bottom-row{display:-webkit-flex; display:-webkit-box; display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; gap:20px;} .footer .footer-section .footer-bottom-row .copyright-text{ font-size:12px; padding-right:20px; } .footer .footer-section .footer-bottom-row .footer-menu{ } .footer .footer-section .footer-bottom-row .footer-menu span{ display:block; } .footer .footer-section .footer-bottom-row .footer-menu ul{ margin:0px; padding:0px; list-style:none;display:-webkit-flex; display:-webkit-box;display:-moz-flex; display:-moz-box;display:-ms-flexbox; display:flex; line-height:normal; flex-wrap:wrap; } .footer .footer-section .footer-bottom-row .footer-menu ul li{ font-size:12px; line-height:normal; margin:0 8px; } .footer .footer-section .footer-bottom-row .footer-menu ul li a{ display:block; line-height:normal; } .footer .footer-section .footer-mid-row .footer-menu ul li a:hover,.footer .footer-section .footer-bottom-row .footer-menu ul li a:hover{ text-decoration:underline; } .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap { max-width: 25%; width: 100%;} .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap > li#contact,.footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap > li#resources { margin-top: 50px;} /* Footer content */ .footer p,.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer label,.footer span,.footer li,.footer img,.footer a{ color: #fff; } /*########################################################################### ############################## 9. Blog ################################ ###########################################################################*/ .blog-post,.blog-header__inner,.blog-related-posts { padding: 0px 0; } /* Blog post */ .blog-post__meta a { color: #000; } .blog-post__tag-link { color: #000; } .blog-post__tag-link:hover,.blog-post__tag-link:focus { color: #000000; } .blog-post__tag-link:active { color: #282828; } /* Blog related posts */ .blog-related-posts__title-link,.blog-related-posts__title-link:hover,.blog-related-posts__title-link:focus,.blog-related-posts__title-link:active { font-weight: 400; font-family: 'F37 Lineca'; text-transform: none; } .blog-related-posts__title-link { color: #000; } .blog-related-posts__title-link:hover,.blog-related-posts__title-link:focus { color: #000000; } .blog-related-posts__title-link:active { color: #282828; } /* Blog comments */ .blog-comments { margin-bottom: 0px; } #comments-listing .comment-reply-to {color: #000000; } #comments-listing .comment-reply-to:hover,#comments-listing .comment-reply-to:focus { color: #000000; } #comments-listing .comment-reply-to:active { color: #282828; } .hs-search-results__title { font-weight: 400; font-family: 'F37 Lineca'; color: #000; } /* Blog listing */ .blog-index__post-title-link,.blog-index__post-title-link:hover,.blog-index__post-title-link:focus,.blog-index__post-title-link:active { font-weight: 400; font-family: 'F37 Lineca'; text-transform: none; } .blog-index__post-title-link { color: #000; } .blog-index__post-title-link:hover,.blog-index__post-title-link:focus { color: #000000; } .blog-index__post-title-link:active { color: #282828; } .blog-index__post-tag,.blog-index__post-author-name { color: #000; } /* Blog pagination */ .pagination__link-text,.pagination__link--number { color: #000; } .pagination__link:hover .pagination__link-text,.pagination__link:focus .pagination__link-text,.pagination__link--number:hover,.pagination__link--number:focus { color: #000000; } .pagination__link:active .pagination__link-text,.pagination__link--number:active { color: #282828; } .pagination__link-icon svg { fill: #000; } /* Pricing card */ .card__price { font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 48px; } .card__body svg { fill: #000;} /* Social follow */ .social-links__icon { background-color: #000;} .social-links__icon:hover,.social-links__icon:focus { background-color: #000000; } .social-links__icon:active { background-color: #282828; font-weight: 400; font-family: 'F37 Lineca'; color: #000; font-size: 48px; } /****** hero Module *****/ .home-hero-module{ background-position:center top; background-repeat:no-repeat; position:relative; text-align:center; overflow:hidden; } .home-hero-module .hero-left-col{ position:absolute; left:0; top:20%; padding-top:50px; } .home-hero-module .hero-left-col .hero-icon1{ position:absolute; left:-40px; top: 0; } .home-hero-module .hero-left-col .hero-icon3{ position:absolute; bottom:150px; right:150px; } .home-hero-module .hero-left-col .large-image{ left:-140px; top:-100px; position:relative; } .home-hero-module .hero-right-col{ position:absolute; right:0; top:20%; } .home-hero-module .hero-right-col .hero-icon2{ position:absolute; left:50px; bottom:0px; } .home-hero-module .hero-right-col .hero-icon3{ position:absolute; right:20px; bottom:-20px; } .home-hero-module .hero-right-col .large-image{ right:-150px; position:relative; } .home-hero-module .hero-inner-wrap{ max-width:752px; margin:0 auto; } .home-hero-module .hero-inner-wrap .hero-button-row{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; justify-content:center; align-items: center; } .home-hero-module .hero-inner-wrap .hero-button-row .hero-button{ padding:0 10px; } .home-hero-module .hero-inner-wrap .hero-sub-heading{ padding-bottom:120px; margin-top:40px;} .hero-sub-heading h5{ position:relative; } .hero-sub-heading .hero-subheading-text{ font-weight:600; } /* Fading animation */ .fade-text-banner { animation-name: fadeText; animation-duration: 0.8s; } @keyframes fadeText { from {opacity: 0; transform: translate(0%, 70%); } to {opacity: 1; transform: translate(0px); } } /*** Simple Benefits with Icons Module ****/ /**** Logo Row Module *****/ .logo-row-module{ } .logo-row-module .logo-row{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; } .logo-row-module .logo-row .logo-col{ text-align:center; /*padding:15px 25px;*/ } .logo-row-module .section-header h6,.logo-row-module .section-header h5{ font-weight:700; } .logo-row-module .section-header a{font-family:F37 Lineca, F37 Lineca, sans-serif; text-decoration:none;font-weight: 700;} /*** System templates css ****/ .system-content{ padding:200px 0 100px; text-align:center; } .system-content form{ max-width:550px; margin:0 auto; } .system-content form input.hs-input,.system-content form input[type=password],.system-content form input[type=text]{ height:auto !important; padding: 15px 4% !important; font-size: inherit !important; width: 91% !important; margin-left: inherit !important; margin-bottom:15px; } .system-content form input.hs-button.primary{ width:100%; border:0px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; } .system-content form#email-prefs-form{ max-width:850px; text-align:left; } .system-content form#email-prefs-form .email-prefs .item{ border-radius:7px; padding:15px; border:1px solid black; margin-bottom:20px; } .system-content form#email-prefs-form .email-prefs .item p:last-child{ margin-bottom:0px; } #email-backup-unsubscribe-section .system-content form#email-prefs-form{ max-width:550px; margin:0 auto; } /******** Split Text Line By Line *************/ .reveal-text { visibility: hidden; } .line { position: relative; overflow: hidden; display: grid;} /**************** Logo Marquee with Filter Module ******************/ @media (prefers-reduced-motion: reduce) { .logo-marquee-with-filter-module .marquee__group { animation-play-state: paused; } } .marquee--reverse .marquee__group { animation-direction: reverse; animation-delay: -3s;} @keyframes scroll-x { from { transform: translateX(0); } to { transform: translateX(calc(-100% - calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14))); } } @keyframes scroll-y { from { transform: translateY(0); } to { transform: translateY(calc(-100% - calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14))); } } /* Parent wrapper */ /* logo-marquee-with-filter-module moved and commented code *****/ /** user-types-module ***/ .user-types-module{ } .user-types-module .user-types-row-wrapper{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:2%; justify-content:center; align-items:start; max-width:1098px; margin:0 auto; } .user-types-module .user-types-row-wrapper .user-type-block{ width: calc(33.333% - 15px);} .user-types-module .user-types-row-wrapper .user-type-block:first-child{ margin-top:40px; } .user-types-module .user-types-row-wrapper .user-type-block:nth-child(even), .user-types-module .user-types-row-wrapper .user-type-block.even-block{ margin-top:100px; } .user-types-module .user-types-row-wrapper .user-type-block .block-image{ padding-bottom:15px; } .user-types-module .user-types-row-wrapper .user-type-block .block-image img{ border-radius:30px; width:100%; } .user-types-module .user-types-row-wrapper .user-type-block .block-title{} .user-types-module .user-types-row-wrapper .user-type-block .block-title h5{ font-weight:700; } .user-types-module .user-types-row-wrapper .user-type-block .block-summary{ } .user-types-module .section-header { margin-bottom: 100px;} /** feature-card-module ***/ .feature-card-module{ } .feature-card-module .section-header{ padding-bottom:60px; max-width:900px; margin:0 auto; } .feature-card-module .section-list-row{ padding-bottom:50px; max-width:900px; margin:0 auto; } .feature-card-module .section-list-row ul{ padding:10px 0px; list-style:none; } .feature-card-module .section-list-row ul li{ background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg) 0 0 no-repeat; padding:2px 20px 15px 56px; margin-bottom:7px; font-size:18px; font-weight:400; color:#333; display:inline-block; } .feature-card-module .feature-card-box{ display:flex; justify-content:center; align-items:center; gap:50px; } .feature-card-module .feature-card-box .box-left-column{ width:50%; padding:0 20px; } .feature-card-module .feature-card-box .box-left-column .box-subheading{ padding-bottom:40px; text-transform:uppercase; letter-spacing: 0.2em; } .feature-card-module .feature-card-box .box-left-column .box-subheading strong{ font-weight:600; } .feature-card-module .feature-card-box .box-right-column{ width:70%; text-align:center; } .feature-card-module .feature-card-box .box-right-column .box-video .hs-video-container{ width:100%; max-width:inherit !important; } .feature-card-module .feature-card-box .box-left-column .box-button{ padding-top:20px; } /**** text-image-card-repeater-module ***/ .text-image-card-repeater-module .section-header{ padding-bottom:50px; max-width:850px; margin:0 auto; } .text-image-card-repeater-module .repeaters-card-row .card-block{ margin-bottom:30px; box-shadow: 48px 72px 96px -16px rgba(212, 212, 212, 0.4); border-radius: 40px;display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: space-between; min-height: 352px; max-height:352px; overflow: hidden;} .text-image-card-repeater-module .repeaters-card-row .card-block a{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: space-between; width:100%; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-content-column{ align-self:center; width:100%; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-content-column .content-desc{ padding:0 50px; max-width:450px; margin:0 auto; } .text-image-card-repeater-module .repeaters-card-row .card-block a .card-content-column .card-link-icon svg rect{stroke:black; transition:all 0.3s ease-in-out; } .text-image-card-repeater-module .repeaters-card-row .card-block a:hover .card-content-column .card-link-icon svg rect{ stroke:url(#paint0_linear_1567_9892); transition:all 0.3s ease-in-out; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column{ width:100%; text-align:center; position:relative; max-width: 600px; background-repeat:no-repeat; } .text-image-card-repeater-module .repeaters-card-row .card-block.left-image-right-text .card-content-column{ order:2; } .text-image-card-repeater-module .repeaters-card-row .card-block.left-image-right-text .card-image-column{ order:1; } .text-image-card-repeater-module .repeaters-card-row .card-block.margin-right-auto .card-image-column .card-image-block1 img{margin-right:auto; margin-left:0} .text-image-card-repeater-module .repeaters-card-row .card-block.margin-left-auto .card-image-column .card-image-block1 img{margin-left:auto; margin-right:0} .text-image-card-repeater-module .card-image.margin-left-auto img { margin-left: auto; margin-right: 0 !important;} .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column .card-image-block1 img{ display:block; margin:0 auto } .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column .card-image-block2{ position:absolute; bottom:0; left:7%; z-index: 999; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column .card-image-block3{ position:absolute; top:25%; left:35%; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column .card-image-block4{ position:absolute; top:20%; left:55%; transition:all 0.3s ease-in-out; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column1 .card-image-column .card-image-block3{ left: 3%; top: 2%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column1 .card-image-column .card-image-block4{ left:-10%; top:inherit; bottom:30px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column .card-image-block1{ padding-bottom:15px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column .card-image-block2{ top: 20%; left:inherit; right: 5%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column .card-image-block3{ top:35%; left:inherit; right:-10%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column .card-image-block2{ left: 50%; top:5%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column .card-image-block3{ left: 45%; top: 40%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block1{ padding-bottom:15px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block2{ top: 18%; left:0%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block3{ left: 20%; top:0%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block4{ left:5%; top:inherit; bottom:10px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column .card-image-block2{ top: 15%; left: 0%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column .card-image-block3{ left:17%; top:0%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column .card-image-block4{ left:2%; top:inherit; bottom:40px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column{ /*padding-top:60px; padding-bottom:60px; */} .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column6 .card-image-column{ padding-top:5px; padding-bottom:10px; } .text-image-card-repeater-module .repeaters-card-row.layout2-block .card-block{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; overflow:hidden; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.3); } .text-image-card-repeater-module .repeaters-card-row.layout2-block .card-block .card-content-column{ width:50%; max-width: inherit; } .text-image-card-repeater-module .repeaters-card-row.layout2-block .card-block .column-image{ width:50%; } .text-image-card-repeater-module .repeaters-card-row.layout2-block .card-block .column-image img{ width:100%; display:block; height: auto; object-fit:cover; } .text-image-card-repeater-module .section-bottom-row{ padding-top:100px; } .text-image-card-repeater-module.dark-bg .repeaters-card-row.layout2-block .card-block{ background: rgba(255, 255, 255, 0.1); } .text-image-card-repeater-module .section-button-row { display: inline-flex; gap: 20px; margin-top: 25px;flex-wrap:wrap;} .text-image-card-repeater-module .section-button-row a{font-size:16px;} .text-image-card-repeater-module .container{max-width:1088px;} .text-image-card-repeater-module .section-header a {font-family:F37 Lineca, F37 Lineca, sans-serif; text-decoration: underline; font-weight: 600;} .text-image-card-repeater-module .section-header a:hover, .text-image-card-repeater-module .section-header a:focus {text-decoration: none;} /**** benefits-cards-module ***/ .benefits-cards-module .section-header{ padding-bottom:110px; max-width:850px; margin:0 auto; } .benefits-cards-module .benefits-cards-row{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; gap:32px; justify-content:center; align-self:start; } .benefits-cards-module .benefits-cards-row.three-items-per-row, .benefits-cards-module .benefits-cards-row.two-items-per-row{ flex-wrap:wrap; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column{ width:100%; } .benefits-cards-module .benefits-cards-row.three-items-per-row .card-column{ width:31.3%; } .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column{ width:42%; max-width: 416px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .flip-box{ height:360px; position:relative; transition: transform 0.8s; transform-style: preserve-3d; cursor:pointer; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 40px; } .benefits-cards-module.white-bg-card .benefits-cards-row.layout1 .card-column .flip-box{ box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .benefits-cards-module.white-bg-card .benefits-cards-row.layout2 .card-column .flip-box{ box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .benefits-cards-module .benefits-cards-row.layout1 .card-column .flip-box svg circle{ fill:#999; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-icon{ min-height:50px; max-width:50px;display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; margin-bottom: 30px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-icon img{ width:43px; height:auto; max-height: 43px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-title{ padding-bottom:20px; min-height:160px; transition:all 0.3s ease-in-out; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-title h6{ font-weight:700; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .content-box{ padding:40px 32px 60px; transition:all 0.3s ease-in-out; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-front{ position:absolute; top:0; left:0; width:100%; height:100%; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-front .card-icon.plus-icon{ position:absolute; left:20px; bottom:20px; margin:0px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-back{ position:absolute; left:0; top:0; width:100%; height:100%; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-back .content-box{ opacity:0; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-back .card-summary{ min-height:250px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-back .card-icon.minus-icon{ position:absolute; left:20px; bottom:20px; margin:0px; } /* front pane, placed above back */ .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-front { z-index: 2; transform: rotateY(0deg); }/* back, initially hidden pane */ .benefits-cards-module .benefits-cards-row.layout1 .card-column .card-back{ transform: rotateY(180deg); } .benefits-cards-module .benefits-cards-row.layout1 .card-column:hover .flip-box{ transform: rotateY(180deg); } .benefits-cards-module .benefits-cards-row.layout1 .card-column:hover .card-back .content-box{ opacity:1; } .benefits-cards-module .benefits-cards-row.layout1 .card-column:hover .card-front .content-box{ opacity:0; } .benefits-cards-module.small-container .container{ max-width:1110px; } .benefits-cards-module.white-bg-card .benefits-cards-row.layout1 .card-column .flip-box svg circle, .benefits-cards-module.white-bg-card .benefits-cards-row.layout2 .card-column .flip-box svg circle{ opacity:1; fill: url(#paint0_linear_1789_44288); } .benefits-cards-module.white-bg-card .benefits-cards-row.layout1 .card-column .flip-box svg path, .benefits-cards-module.white-bg-card .benefits-cards-row.layout2 .card-column .flip-box svg path{ fill:black; } .light-bg{background:#fff} /*** dark-bg white text *****/ .dark-bg{ background:black; } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text li, .white-text p{ color:white; } /* ** card-tabs-module **/ @keyframes slideUpAnimation { 0% {top: 100%} 100% {top:0%} } .card-tabs-module .tabs-inner-wrapper{ display:flex; justify-content:space-between; padding:64px; border-radius:48px; background:rgba(255,255,255,0.1); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); gap:40px; box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.3); overflow:hidden; } .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper{ width:40%; } .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block{ margin-bottom:45px; padding-left:46px; padding-right:30px; cursor:pointer; opacity:0.6; position:relative;} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block h4{ margin-bottom:5px; letter-spacing: -0.02em;opacity:.5;} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block.active h4 {opacity:1;} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block.active{ opacity:1;transform: scale(1.01);-webkit-transform: scale(1.01);} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block.active:before, .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block:hover:before{ opacity:1;height:100%;transition-duration: 0.5s;transition-timing-function: ease;} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block:before{content:'';height:0;width:6px;border-radius:32px;position:absolute; left:0; top:0; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border:0;transition: all ease 0.3s;opacity:0;transition-duration: 0.5s;transition-timing-function: ease;} .card-tabs-module .tab-summary ul { padding: 0; list-style: none;} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block:hover { transform: scale(1.01);-webkit-transform: scale(1.01);} .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block:hover h4 {opacity:1;} .card-tabs-module .tab-summary ul li { background: url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg) 0 0 no-repeat; padding: 4px 0 15px 56px; margin-bottom: 10px;font-size: 18px; list-style: none; display:block} .card-tabs-module .tabs-inner-wrapper .tabs-media-wrapper{ width:45%; } .card-tabs-module .tabs-inner-wrapper .tabs-media-wrapper img{ width:100%; border-radius:16px; } .card-tabs-module .tabs-inner-wrapper .tabs-media-wrapper .tabs-media-block img{ position:relative; /*top:-100%;*/ } .card-tabs-module .tabs-inner-wrapper .tabs-media-wrapper .tabs-media-block.active img{ animation: 0.5s slideUpAnimation ease-in-out; } .card-tabs-module .section-header{ padding-bottom:100px; } /*** benefits-cards-module ***/ .benefits-cards-module .benefits-cards-wrapper{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; flex-wrap:wrap; } .benefits-cards-module .benefits-cards-wrapper .card-column{ padding:40px; border-radius:30px; background:rgba(255,255,255,0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .benefits-cards-module .benefits-cards-wrapper.layout2{ gap:30px; max-width:950px; margin:0 auto; justify-content: center; } .benefits-cards-module .benefits-cards-wrapper.layout2 .card-column{ width:36%; } .benefits-cards-module .benefits-cards-wrapper .card-column .card-icon{ padding-bottom:30px; } .benefits-cards-module .benefits-cards-wrapper .card-column .card-icon img{ height:45px!important; width:45px !important; width:auto; } .benefits-cards-module .benefits-cards-block.layout3{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; gap:32px; padding-top:30px;} .benefits-cards-module .benefits-cards-block.layout3 .card-column{ background:white; box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 40px; width:100%; padding:32px; } .benefits-cards-module .benefits-cards-block.layout3 .card-column .card-icon{ background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 48px; width: 64px; height: 64px;display:-webkit-flex; display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; align-items:center; justify-content:center; margin-bottom:30px; } /*** twoC-image-content-repeater-module ***/ .twoC-image-content-repeater-module .section-repeater-row{ max-width:1090px; margin:0 auto; } .bulksend-page .twoC-image-content-repeater-module .section-repeater-row{max-width:100%} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block{display:-webkit-flex;display:-webkit-box;display:-moz-flex; display:-moz-box;display:-ms-flexbox; display:flex; gap:90px; align-items:center; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .content-column{ width:45%; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .image-column{ width:55%; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .image-column img{ border-radius:45px; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block.left-content-right-image .image-column{ text-align:right; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block.left-image-right-content .content-column{ order:2; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block.left-image-right-content .image-column{ order:1; } .twoC-image-content-repeater-module .section-header{ max-width:850px; margin:0 auto; } .twoC-image-content-repeater-module .section-repeater-row .content-column ul{ padding:10px 0px; list-style:none; } .twoC-image-content-repeater-module .section-repeater-row .content-column ul li{ background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg) 0 0 no-repeat; padding: 4px 0 15px 56px; margin-bottom:3px; font-size:18px; color:#333; } /*** product-graphic-module ****/ .product-graphic-module .section-header{ padding-bottom:30px; } .product-graphic-module .product-repeater-images{display:-webkit-flex; display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; gap:32px; position:relative; justify-content:center; overflow:hidden; } .product-graphic-module .product-repeater-images .product-image.image-box-1{ position:absolute; left:0%; top:0%; } .product-graphic-module .product-repeater-images .product-image.image-box-2{ position:absolute; left:5%; top:10%; } .product-graphic-module .product-repeater-images .product-image.image-box-3{ position:absolute; left:25%; top:30%; } .product-graphic-module .product-repeater-images .product-image.image-box-4{ position:absolute; left:30%; top:20%; } .product-graphic-module .product-repeater-images .product-image.image-box-5{ padding-left:200px; } .product-graphic-module .product-repeater-images .product-image.image-box-6{ position:absolute; right:10%; top:20%; } /*** big-stat-card-module ****/ .big-stat-card-module .section-header{ padding-bottom:120px; } .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; gap:32px; flex-wrap:wrap;justify-content: center;} .big-stat-card-module .stat-card-repeater-row .stat-card-col{ background: rgba(255, 255, 255, 0.1); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 40px; padding:32px; min-height:170px; box-sizing:border-box} .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col{ calc(25% - 24px)} .big-stat-card-module .two-stat-cards-per-row,.big-stat-card-module .three-stat-cards-per-row{max-width:976px;margin: 0 auto;} .big-stat-card-module .three-stat-cards-per-row > div { max-width: calc(33.333% - 22px); width: 100%;} .big-stat-card-module .two-stat-cards-per-row > div{max-width:calc(50% - 16px);width: 100%;} .big-stat-card-module .stat-number h2{font-size:88px;} .big-stat-card-module .stat-number{margin-bottom:50px;} .big-stat-card-module .stat-card-repeater-row .stat-card-col .stat-number .suffix-text{ font-size:36px; } .big-stat-card-module .testimonial-inner-wrapper{ padding-top:50px; margin-top:100px; } .big-stat-card-module .testimonial-card{ background: rgba(255, 255, 255, 0.1); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 40px; padding:68px; } .big-stat-card-module .testimonial-card .testimonial-card-image img{ border-radius:16px; width:100%; } .big-stat-card-module .testimonial-card .tetimonial-card .testimonial-card-content .card-logo{ padding-bottom:20px; } .big-stat-card-module .testimonial-card .tetimonial-card{ gap:80px; } .big-stat-card-module .testimonial-card .tetimonial-card .testimonial-card-image:before{ display:none; } /**** full-width-image-module ****/ .full-width-image-module{ position:relative; background-attachment: fixed; } .full-width-image-module .overlay{ position:absolute; left:0; top:0; width:100%; height:100%; } .full-width-image-module .container{ position:relative; z-index:1; } .full-width-image-module .section-button { margin-top: 32px;} /*** careers-banner-module ***/ .careers-banner-module{ background-repeat:no-repeat; } .careers-banner-module h1 { font-size:72px; margin-bottom: 40px; } .careers-banner-module .banner-button-row {margin-top:50px;} /*** mission-panel-module ***/ .mission-panel-module .section-header{ max-width:870px; margin:0 auto; padding-bottom:60px; } .mission-panel-module .repeaters-card-row .card-block{ box-shadow: 48px 72px 96px -16px rgba(212, 212, 212, 0.4);display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; gap:100px; padding:0px; overflow:hidden; } .mission-panel-module .repeaters-card-row .card-block .card-content-column{ width:45%; padding:125px; align-self:center; } .mission-panel-module .repeaters-card-row .card-block .card-image-column{ width:55%; background-repeat:no-repeat; background-position:center bottom; position:relative; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image{ position:absolute; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image.card-image-block1{ left:25%; top:3%; width:50px; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image.card-image-block2{ left:0; top:10%; width:150px; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image.card-image-block3{ left:0; bottom:0; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image.card-image-block4{ left:33%; bottom:37%; } .mission-panel-module .repeaters-card-row .card-block .card-image-column .card-image.card-image-block5{ left:75%; bottom:35%; width:60px; } /*** two-column-benefits-module ***/ .careers-page-two-column-benefits .twoC-benefits-inner-wrapper .section-header { max-width: 864px; margin: 0 auto;} .careers-page-two-column-benefits .benefits-repeater-row{max-width:832px;} /**** enable dark mode css here *******/ .enable-dark-mode .careers-banner-module{ background-color:black; } .enable-dark-mode .cta-cards-module .cta-cards-wrapper .cta-card-column{ /*text-align:center;*/ } .careers-banner-module .banner-button-row { display: inline-flex; gap: 20px; flex-wrap: wrap;} /*** request-a-demo-module *****/ .request-a-demo-module{ background-repeat:no-repeat; } .request-a-demo-module .section-inner-wrapper{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; gap:100px; justify-content:space-between; } .request-a-demo-module .section-left-column{ width:45%; } .request-a-demo-module .section-left-column ul{ padding:0px; list-style:none; } .request-a-demo-module .section-left-column ul li{ background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg) 0 0 no-repeat; padding: 4px 0 5px 46px; margin-bottom:10px; font-size:18px; } .request-a-demo-module .section-left-column .col-button{ padding-bottom:40px; } .request-a-demo-module .section-left-column .col-images-group{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:space-between; position:relative; } .request-a-demo-module .section-left-column .col-images-group .col-image:first-child{ padding-top:80px; } .request-a-demo-module .section-left-column .col-images-group .col-image:nth-child(2){ position:absolute; left:30%; top:80%; } .request-a-demo-module .section-left-column .col-images-group .col-image img{ border-radius:32px; box-shadow: 0px 16px 32px rgba(212, 212, 212, 0.4); } .request-a-demo-module .section-right-column{ width:45%; background: rgba(255, 255, 255, 0.3); box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 32px; padding:32px; height:100%; } .request-a-demo-module .section-right-column form .form-columns-2 input.hs-input{ width:90%; } .request-a-demo-module .section-right-column form fieldset.form-columns-1 select.hs-input{ width:99%;} .request-a-demo-module .section-right-column .form-title{margin-bottom:35px;} .request-a-demo-module .section-right-column h3.form-title{font-size:32px;} /***** Runa blog listing and post detail page ******/ .main-blog-listing-wrapper{ padding-top:300px; padding-bottom:100px; background-repeat:no-repeat; background-size: cover; background-position: center; } .main-blog-listing-wrapper .section-header-row{ text-align:center; } .main-blog-listing-wrapper .blog-category-menus-module{ text-align:center; padding:30px 0px; } .main-blog-listing-wrapper .blog-category-menus-module ul{ list-style:none; padding:0px; margin:0px; } .main-blog-listing-wrapper .blog-category-menus-module ul li{ display:inline-block; vertical-align:middle; padding:0 5px; } .main-blog-listing-wrapper .blog-category-menus-module ul li a{ padding:10px 20px; display:block; letter-spacing: 0.1em; text-transform: uppercase; color:black; border-radius: 48px; font-size:16px; font-weight:600; } .main-blog-listing-wrapper .blog-category-menus-module ul li a:hover{ color:white; background:black; } .main-blog-listing-wrapper .blog-category-menus-module ul li.active a{ color:white; background:black;} .main-blog-listing-wrapper .featured-post{ margin:50px 0px; border-radius: 20px; box-shadow:0px 12px 60px rgba(0, 0, 0, 0.12); overflow:hidden; background:white; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-left-column{ width:60%; overflow:hidden; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-left-column .post-image img{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:block; transition:all 0.3s ease-in-out; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column{ width:35%;display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; padding:24px 40px 80px; position:relative; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .top-row{ width:100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; margin-bottom:10px; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .top-row .post__tag{ padding-right:12px; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .top-row .post-read-time{ font-size:12px; color:#666; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .post-title{ width:100%; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .post-summary{ width:100%;} .main-blog-listing-wrapper .featured-post .feature-blog-post-row .feature-right-column .post-link{ width:100%; position:absolute; right:40px; bottom:30px; width:auto; transition:all 0.3s ease-in-out; } .main-blog-listing-wrapper .featured-post .feature-blog-post-row:hover .feature-left-column .post-image img{ -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .main-blog-listing-wrapper .featured-post .feature-blog-post-row:hover .feature-right-column .post-link{ right:30px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:40px; justify-content:left; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item{ width:calc(33.333% - 26.9px ); border-radius: 40px; overflow:hidden; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); margin-bottom:20px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-content-box{ padding:24px; padding-bottom:68px;} .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-content-box .top-row{display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; margin-bottom:10px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-content-box .top-row .post__tag{ padding-right:12px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-content-box .top-row .post-read-time{ font-size:12px; color:#666; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-image a{ display:block; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-image img{ width:100%; max-height:192px; object-fit:cover; display:block; transition:all 0.3s ease-in-out; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-content-box .post-link{ position:absolute; right:24px; bottom:24px; width:auto; transition:all 0.3s ease-in-out; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item .post-image{ overflow:hidden; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item:hover .post-image img{ -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item:hover .post-content-box .post-link{ right:20px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-tag-section{ padding:20px 0 20px; } .main-blog-listing-wrapper .load-more-button{ text-align:center; padding-top:60px; } .blog-detail-main-wrapper{ padding:200px 0 100px; } .blog-detail-main-wrapper .post-detail-header-section .header-back-button{ padding-bottom:35px; } .blog-detail-main-wrapper .post-detail-header-section .header-back-button a{ color:#999; letter-spacing: 0.1em; text-transform: uppercase; font-size: 14px; } .blog-detail-main-wrapper .post-detail-header-section .header-back-button a img{ vertical-align:middle; margin-right:5px; } .blog-detail-main-wrapper .post-detail-header-section .header-back-button a:hover{ color:#000; } .blog-detail-main-wrapper .header-inner-wrapper .post-tag-time-row .post__tag{ display:inline-block; vertical-align:middle; } .blog-detail-main-wrapper .header-inner-wrapper .post-tag-time-row .post-read-time{ padding-left:7px; font-size:12px; color:#666; display:inline-block; vertical-align:middle; } .blog-detail-main-wrapper .post-detail-header-section .post-tag {padding-bottom: 35px;} .blog-detail-main-wrapper .post-detail-header-section{ text-align:center; max-width:900px; margin:0 auto; } .blog-detail-main-wrapper .post-featured-image-section{ text-align:center; padding:85px 0px; } .blog-detail-main-wrapper .post-featured-image-section .post-image img{ border-radius: 40px; max-width:864px; } .blog-detail-main-wrapper .quote-module{ padding:30px 0px; } .blog-detail-main-wrapper .quote-module .quote-inner-box{ padding-left:30px; padding-right:30px; } .blog-detail-main-wrapper .quote-module .quote-inner-box .box-logo{padding-bottom:60px;} .blog-detail-main-wrapper .quote-module .quote-inner-box .person-name{padding-top:20px;} .blog-detail-main-wrapper .quote-module .quote-inner-box .person-name p{text-align: center;letter-spacing: 0.2em; text-transform: uppercase;color: #333;} .blog-detail-main-wrapper .post-body-content{margin-top:40px;} .blog-detail-main-wrapper .post-detail-header-section .post-body-content{color:#333;font-size:24px;line-height:140%;} .blog-detail-main-wrapper .post-body-content .container{ max-width:864px;} .blog-detail-main-wrapper .post-body-content.post-excerpt{font-size:24px;padding-top:15px;margin-bottom:80px;} .blog-detail-main-wrapper .post-body-content .post-social-share{ padding-top:40px;} .blog-detail-main-wrapper .post-body-content .post-social-share p strong{ font-weight:600; letter-spacing: 0.1em; text-transform: uppercase; font-size:16px; padding-right:15px; } .blog-detail-main-wrapper .post-body-content .post-social-share p a{ background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); width: 32px; height: 32px; border-radius: 32px; display:inline-block; vertical-align:middle; line-height:32px; text-align:center; margin-right:4px;} .blog-detail-main-wrapper .post-body-content .post-social-share p a:hover{ background:black;} .blog-detail-main-wrapper .post-body-content .post-social-share p a:hover svg path{ fill:white;} .blog-detail-main-wrapper .post-detail-header-section .post-date {font-family: 'F37 Lineca', sans-serif;font-weight: 700;font-size: 14px;color: #666;} .blog-detail-main-wrapper .blog-related-posts-row {display:-webkit-flex;display:-webkit-box; display:-moz-flex;display:-moz-box;display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:40px; justify-content:left;margin-top:60px;} .blog-detail-main-wrapper .blog-related-posts-row .related-post-item { width:30%; border-radius: 40px; overflow:hidden; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-image{ max-height:192px; overflow:hidden; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item img{ width:100%; max-height:192px; object-fit:cover; display:block; transition:all 0.3s ease-in-out; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-content-box{ padding:24px; padding-bottom:68px; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-content-box .top-row {display:flex; margin-bottom:30px;align-items:center;} .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-content-box .top-row .post-read-time{font-size:12px;color:#666666;} .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-content-box .top-row .post__tag {margin-right:15px;} .blog-detail-main-wrapper .blog-related-posts-row .related-post-item .post-content-box .post-link{ position:absolute; right:27px; bottom:28px; transition:all 0.3s ease-in-out; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item:hover img{ -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item:hover .post-content-box .post-link{ right:20px; } .blog-detail-main-wrapper .post-body-content h1 {font-size:44px;} .blog-detail-main-wrapper .post-body-content h2 {font-size:36px;} .blog-detail-main-wrapper .post-body-content h3 {font-size:30px;} .blog-detail-main-wrapper .post-body-content a {font-weight:bold;text-decoration:underline;} .blog-detail-main-wrapper .post-body-content a:hover, .blog-detail-main-wrapper .post-body-content a:focus {text-decoration:none;} /* CUSTOMER STORY BLOG */ .customer-story-related-posts-module .section-header{ padding-bottom:30px; } .customer-story-related-posts-module .blog-related-posts-row{ display:flex; flex-wrap:wrap; gap:40px; justify-content:left; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item{ width:30%; border-radius: 40px; overflow:hidden; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); } .customer-story-related-posts-module .blog-related-posts-row .related-post-item .post-image{ max-height:192px; overflow:hidden; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item img{ width:100%; max-height:192px; object-fit:cover; display:block; transition:all 0.3s ease-in-out; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item .post-content-box{ padding:24px; padding-bottom:68px; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item .post-content-box .post-link{ position:absolute; right:27px; bottom:28px; transition:all 0.3s ease-in-out; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item:hover img{ -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .customer-story-related-posts-module .blog-related-posts-row .related-post-item:hover .post-content-box .post-link{ right:20px; } .featured{ background:#93FF82; } .post__tag .engineering{background:#EEFC51;} .post__tag .product-updates{background: #00FFA3} .incentive-marketing{ background:#EEFC51; } .post__tag .insights{background:#93ff82} .employee-benefits{ background:#00FFA3; } .customer-stories{ background:#14F4DE; } .post__tag-link{padding:4px 10px;display:inline-block;vertical-align:middle;color:black;margin:0 0 0 0px;border-radius:32px;font-size:12px;text-transform:capitalize;font-weight:600;line-height: 150%;} .post__tag-link:hover{ background:black; color:white; } /**** custom story blog ****/ .post-tag a.customer-incentives{ background:#93FF82; } .post-tag a.partners{ background:#EEFC51; } .post-tag a.loyalty-programs{ background:#14F4DE; } .post-tag a.employee-rewards{ background:#00FFA3; } .video-carousel-module .video-carousel .video-block{min-height:550px;border-radius:40px;padding:50px;background-size: cover;margin:0 30px 0 0; position:relative;} .video-carousel-module .video-carousel{ position:relative; } .video-carousel-module .video-carousel .slick-list{ padding-right:150px;} .video-carousel-module .video-carousel ul.slick-dots{ list-style:none; text-align:center; position:absolute; bottom:-70px; left:0; right:0; } .video-carousel-module .video-carousel li{ display:inline-block; vertical-align:middle; padding:0 9px;} .video-carousel-module .video-carousel li button{ height:16px; width:16px; border-radius:16px; padding:0px; border:0px; background:#999; font-size:0px; cursor:pointer; transition:all 0.3s ease-in-out; opacity:0.5;} .video-carousel-module .video-carousel li.slick-active button{ padding-left:15px; padding-right:15px; background: linear-gradient(45deg,#00ffa3,#93ff82 48.31%,#eefc51 94.4%); opacity:1;} .video-carousel-module .video-carousel .slick-arrow{ position:absolute; bottom:-50px; border:0px; background:none; z-index:1;background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/slider-arrow-left.svg) no-repeat; width:22px; height:17px; cursor:pointer; left:20%; font-size:0px; padding:0px;} .video-carousel-module .video-carousel .slick-arrow.slick-next{ left:inherit; right:20%; background:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/slider-arrow-right.svg) no-repeat; width:22px; height:17px; } .video-carousel-module .video-carousel .slick-arrow:hover{opacity:0.7;} .video-carousel-module .video-carousel .video-block .video-play-button{ width:auto; right:50px; bottom:50px; position:absolute; } .video-carousel-module .video-carousel .video-block .video-play-button a{ width: 120px; height: 120px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 100px; display:block; text-align:center; line-height:100px; } .video-carousel-module .video-carousel .video-block .video-play-button a img{ margin:0 auto; position: relative; top: 42px; } .video-carousel-module .video-carousel .video-block .video-content-box{ max-width:550px; position:absolute; bottom:50px; left:50px; } .video-carousel-module .video-carousel .video-block .video-content-box h4,.video-carousel-module .video-carousel .video-block .video-content-box h6{ color:white; } .video-carousel-module .video-carousel .video-carousel-item{ position:relative; } .show_popup_box .video-carousel-module .video-carousel .video-carousel-item:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); content:''; z-index: 100; } .video-popup-box{ position:absolute; left:0; right:0; margin:0 auto; top:50%; z-index: 99999; transform: translateY(-50%);} .video-popup-box .popup-wrapper{ max-width: 800px !important; width: 100%; margin: 0 auto; position:relative;} .video-popup-box .popup-wrapper .video-box > div { max-width: 100% !important; max-height: 100% !important;} .video-popup-box .popup-wrapper .popup-close-button {position: absolute; top: -8px;z-index:2; right:-8px;} .video-popup-box .popup-wrapper .popup-close-button a { display: block; width: 30px; height: 30px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 100%;} .video-popup-box .popup-wrapper .popup-close-button a:hover{background:#000} .video-popup-box .popup-wrapper .popup-close-button a span { height: 2px; width: 20px; background: #000; display: block; position: absolute; transform: rotate(45deg); top: 14px; left: 5px;} .video-popup-box .popup-wrapper .popup-close-button a:hover span{background:#fff} .video-popup-box .popup-wrapper .popup-close-button a span:last-child{transform: rotate(-45deg);} .button-module .section-button.button-with-icon-start a{ color:#999; } .button-module .section-button.button-with-icon-start a img{ vertical-align:middle; margin-right:5px; } .button-module .section-button.button-with-icon-start a:hover{ color:black; } .solution-in-action-box-module .solution-box-inner-wrapper{ border-radius: 40px; } .solution-in-action-box-module .solution-box-inner-wrapper .section-header{ margin-bottom:40px; } .solution-in-action-box-module .solution-box-inner-wrapper .section-header p:first-child > strong{letter-spacing:0.2em;text-transform:uppercase;opacity:0.6;} .solution-in-action-box-module .section-images-row{ display:flex; align-items:center; padding:15px 0px; justify-content: center; } .solution-in-action-box-module .section-images-row .left-image{ position:relative; right:-70px; } .solution-in-action-box-module .section-images-row .right-image{ position:relative; left:-70px; } .solution-in-action-box-module .section-content-row{ display:flex; padding:55px 0px; gap:100px; } .solution-in-action-box-module .section-content-row .left-column-content{ } .solution-in-action-box-module .section-content-row .right-column-content{ } .solution-in-action-box-module .section-stats-row .benefit-section{ display:flex; gap:40px; justify-content:center; align-items:start;text-align:center;} .solution-in-action-box-module .section-stats-row .benefit-section .benefit-column{ width:100%; } .solution-in-action-box-module .section-stats-row .benefit-section .benefit-column .top-row{ display:flex; justify-content:center; align-items:center; } .solution-in-action-box-module .section-stats-row .benefit-section .benefit-column .top-row .benefit-icon{ width: 48px; height: 48px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 48px; text-align:center; margin-right:10px; display: flex; align-items: center; justify-content: center; } .solution-in-action-box-module .section-stats-row .benefit-section .benefit-column .top-row .benefit-stat .title{ font-size:88px; margin-bottom:0px; } .sub-heading{ letter-spacing: 0.2em; text-transform: uppercase; opacity:0.6; } .col-button{ padding-top:20px; } /*** Dark mode body color ***/ .dark-bg .primary-button a::after,.dark-bg .primary-border-button a::after { background: #fff;} body.enable-dark-mode .dark-bg{ background-color:black; } body.enable-dark-mode .header-section .blur-layer{ background-color: rgba(0,0,0, 0.3); } .dark-bg .primary-border-button a, .cta-cards-module.dark-bg .primary-border-button a{ color:white; } .dark-bg .primary-button a:hover, .cta-cards-module.dark-bg .primary-border-button a:hover{ color:black; } body.enable-dark-mode.category-education-page{ background-color:black; } .dark-bg .primary-border-button a:hover{color:#fff} /*--------*/ .job-listing-module .location-filter{text-align:center; margin:61px 0 88px 0} .job-listing-module .location-filter form{ max-width: 216px; margin: 0 auto;} .job-listing-module .location-filter form fieldset { padding: 0; border: none;} .job-listing-module .location-filter form fieldset select{padding: 12px 30px 12px 20px; border: 2px solid #000000;border-radius: 48px; width:auto; font-weight: 600;font-size: 16px; align-items: center;letter-spacing: 0.1em;text-transform: uppercase;color: #000000; background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");-webkit-appearance: none; -moz-appearance: none;background-repeat: no-repeat;background-position: 95% 50%; background-size: 20px;} .job-listing-module .location-filter form fieldset select::-ms-expand { display: none;} .job-listing-module .accordion{border-top:1px solid #CCCCCC;} .job-listing-module .accordionContent { border-bottom: 1px solid #CCCCCC;} .job-listing-module .accordion_header h4{margin-bottom:0; padding:24px 0; position:relative; cursor: pointer;} .job-listing-module .accordion_header h4::before { content: '+'; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); width: 40px; height: 40px; border-radius: 100%; position: absolute; right: 0; top: 27px; z-index: -1; align-items: center; text-align: center; line-height:40px;} .job-listing-module .expanded .accordion_header h4::before {content: "-";} .job-listing-module .acc-column-text h5{letter-spacing: -0.02em;font-weight: 700;font-size: 28px;color: #000000;margin-bottom:12px;} .job-listing-module .acc-column-text h5 a{position:relative; padding-right:34px; display: inline-flex; align-items: center;} .job-listing-module .acc-column-text h5 a::after { content: ""; display: inline-block; width: 22px; height: 17px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23666666' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3' /%3E%3C/svg%3E%0A"); position: absolute; right: -0px; top: 50%; transform: translateY(-50%);opacity:0; transition:all 0.3s;background-size:cover;} .job-listing-module span.location{display:inline-block; background:#000; font-size:12px; color:#fff; padding:4px 10px; border-radius: 30px; text-transform: uppercase;font-weight: 600; transition: all 0.3s ease-in-out;} .job-listing-module .acc-column-text {margin-bottom: 32px;} .job-listing-module .accordion_content{padding-top:16px; padding-bottom:7px;} .job-listing-module .accordion_content .acc-column-text:hover a { color: #666666;} .job-listing-module .accordion_content .acc-column-text:hover span.location{background:#666666} .job-listing-module .accordion_content .acc-column-text:hover h5 a::after{opacity:1;} /*----*/ .hidden {visibility: hidden;width: 0px !important;height: 0px !important; margin: 0px !important; padding: 0px !important;} /*** faq-module ***/ .faq-module .section-header{ padding-bottom:30px; } .faq-module .accordion .accordion_group{ border-top: 1px solid #CCCCCC; position:relative; } .faq-module .accordion .accordion_group:before{ content:''; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); width:40px; height:40px; border-radius:100%; position:absolute; right:0; top:22px; z-index:-1; } .faq-module .accordion .accordion_group .accordion_header{ font-size:36px; padding:15px 70px 15px 0px; font-family:F37 Lineca, F37 Lineca, sans-serif; font-weight:400; cursor:pointer; } .faq-module .accordion .accordion_group .accordion_header:before{content:''; display:block; width:20px; height:2px; background:black; position:absolute; right:10px; top:41px; } .faq-module .accordion .accordion_group .accordion_header:after{content:''; display:block; width:2px; height:20px; background:black; position:absolute; right:19px; top:31px; } .faq-module .accordion .accordion_group.expanded .accordion_header:after{ display:none; } .faq-module .accordion .accordion_group .accordion_content{ max-width:1065px; padding:10px 0 30px; } .faq-module .accordion .accordion_group .accordion_content li{ margin-bottom:10px; } .faq-module .accordion .accordion_group .accordion_content a{ text-decoration:underline; } .faq-module .accordion .accordion_group .accordion_content a:hover{ text-decoration:none; } /*** comparison-module ***/ .comparison-module{} .comparison-module .section-header{ padding-bottom:20px; } .comparison-module .comparison-table-wrapper{ max-width:970px; margin:0 auto; } .comparison-module .comparison-table-wrapper .table-row{ display:flex; gap:20px; padding:20px 0px; margin-bottom:10px; } .comparison-module .comparison-table-wrapper .table-row h6, .comparison-module .comparison-table-wrapper .table-row p{ margin:0px;} .comparison-module .comparison-table-wrapper .table-row .column-title{ width:56%; } .comparison-module .comparison-table-wrapper .table-row .table-column{ width:22%; } .comparison-module .comparison-table-wrapper .table-row .table-column p{ display:flex; align-items:center; } .comparison-module .comparison-table-wrapper .table-row .table-column p img{ background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); border-radius: 60px; padding:10px; min-width:20px; width:20px; min-height:20px; max-height:20px; margin-right:28px; } .comparison-module .comparison-table-wrapper .table-row .table-column p img[alt="cross-icon"]{ background: transparent;border: 1px solid;} .comparison-module .comparison-table-wrapper .table-row .table-column{ width:22%; } .comparison-module .section-additional-content{ padding-top:20px; } /*----------------*/ .pricing-packages-module .container{max-width:1088px;} .pricing-packages-module .price-packages-block-rows > div { max-width: calc(50% - 16px); width: 100%; box-shadow: 8px 8px 64px rgba(212, 212, 212, 0.4); border-radius: 40px; background:#fff; padding:40px; box-sizing:border-box;position: relative;padding-bottom:180px;} .pricing-packages-module .price-packages-block-rows { display: flex;flex-wrap: wrap; gap: 32px;} .pricing-packages-module .price-package-column::before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); filter: blur(16px); border-radius: 40px; transform: matrix(1, 0, 0, -1, 0, 0); left: 0; top: 0; z-index: -1;opacity:0; transition:all 0.5s} .pricing-packages-module .price-package-column:hover::before{opacity:1} .pricing-packages-module .price-package-column ul{list-style: none; padding-left: 0px;} .pricing-packages-module .price-package-column ul li { position: relative; line-height: 32px; margin-bottom: 13px;padding: 0 0 0 56px;} .pricing-packages-module .price-package-column ul li::before { content: "";position: absolute; width: 32px; height: 32px; background-image: url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/Runa-Theme/Icons/list-check-mark-1.png); left: 0; top: 0;} .pricing-packages-module .primary-border-button > span{padding: 10px 20px; border-radius: 80px; color: #000; display: inline-block; text-transform: uppercase;font-weight: 600;font-size: 16px; letter-spacing: 0.1em; position: relative; z-index: 1; overflow: hidden;} .pricing-packages-module .primary-border-button > span::before{left: 0;right: 0;margin: 0 auto;content: ''; width: 97%; height: 89%;position: absolute;top: 2px; border-radius: 48px; background: white; transition: all 0.3s ease-in-out; z-index: -1;} .pricing-packages-module .primary-border-button > span::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border-radius: 48px; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); transition: all 0.3s ease-in-out; z-index: -2;} .pricing-packages-module .primary-border-button > span:hover::before{left: 102%;} .pricing-packages-module .price-package-column .package-content-btm {position: absolute; bottom: 40px;} /** Custom class for mask and other ****/ .relative{ position:relative; } .absolute{position:absolute} .fixed{position:fixed;} .sticky{position:sticky} .relative > .container{ position:relative; z-index:1; } .white-mask-top:before{ content:''; top:-1px; left:0; width:100%; height:100px; position:absolute; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transition:all 0.3s ease-in-out; } .white-mask-bottom:after{ content:''; bottom:-1px; left:0; width:100%; height:100px; position:absolute; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transition:all 0.3s ease-in-out; } .black-big-mask-top:before{ content:''; top:-50px; left:0; width:100%; height:200px; position:absolute; background: linear-gradient(180deg, #000000 6.77%, rgba(255, 255, 255, 0) 100%); transition:all 0.3s ease-in-out; } .black-big-mask-bottom:after{ content:''; bottom:-2px; left:0; width:100%; height:200px; position:absolute; background: linear-gradient(180deg, #000000 6.77%, rgba(255, 255, 255, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); transition:all 0.3s ease-in-out; } .black-mask-bottom:after{ content:''; bottom:-2px; left:0; width:100%; height:100px; position:absolute; background: linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); transition:all 0.3s ease-in-out; } .black-mask-top:before{ content:''; top:-1px; left:0; width:100%; height:100px; position:absolute;background: linear-gradient(180deg, #000 0%, rgba(255, 255, 255, 0) 100%);transition: all 0.3s ease-in-out;} .uppercase-text{text-transform:uppercase;} .lowercase-text{text-transform:lowercase;} .capitalize-text{text-transform:capitalize} .cta-cards-module.dark-bg .primary-border-button a,.feature-card-module.dark-bg .primary-border-button a{ color:white; } .cta-cards-module.dark-bg .primary-border-button a:hover,.feature-card-module.dark-bg .primary-border-button a:hover{ color:#fff; } .content-center .cta-card-column{ text-align:center;} /*-----*/ /*----------*/ .feature-card-module.light-bg{ transition:all 0.3s ease-in-out; background-color:white !important; } .light-bg.feature-card-module .section-header h1,.light-bg.feature-card-module .section-header h2,.light-bg.feature-card-module .section-header h3,.light-bg.feature-card-module .section-header h4,.light-bg.feature-card-module .section-header h5,.light-bg.feature-card-module .section-header h6,.light-bg.feature-card-module .section-header p{ color:black !important; } .feature-card-module.light-bg .section-list-row ul li{ color:black !important; } .feature-card-module.light-bg .feature-card-box .box-heading h4,.feature-card-module.light-bg .feature-card-box .box-content p,.feature-card-module.light-bg .feature-card-box .box-subheading strong{ color:black !important; } .light-theme .logo-row-module.black-big-mask-bottom::after, .light-theme .content-module.black-big-mask-top::before{ opacity:0; } /*-----------*/ @media all and (max-width:767px){ .user-types-module .section-header { margin-bottom: 50px;} } /*-------------*/ .prepaid-card-banner-section{position:relative} /*--Full Width text button module-*/ .fullwidth-text-button-module .section-button-row {display: inline-flex;gap: 20px;flex-wrap: wrap;} /*--------*/ /*-----meet-the-team-module------*/ .meet-the-team-module .section-header { margin-bottom: 100px;} .meet-the-team-module .team-repeater-row { max-width: 976px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 32px;} .meet-the-team-module .team-column { box-shadow: 0px 10px 60px rgb(0 0 0 / 25%), 0px 0px 0px rgb(0 0 0 / 60%); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 40px;position:relative; padding-bottom:60px; overflow:hidden; max-width:304px; width:100%;} .meet-the-team-module .data-info { display: flex; position: absolute; width: 100%; min-width: 100%; bottom: 0; background: linear-gradient(360deg, #1A1A1A 60%, rgba(0, 0, 0, 0) 100%); padding: 40px 32px 24px;justify-content: space-between;left: 0;box-sizing: border-box;align-items: center;} .meet-the-team-module .data-info .person-info p {margin-bottom: 0;} .meet-the-team-module .team-4items-per-row{max-width:1088px;} @media all and (min-width:992px){ .meet-the-team-module .team-2items-per-row .team-column { max-width: calc(50% - 16px);} .meet-the-team-module .team-4items-per-row .team-column { max-width: calc(25% - 24px);} .meet-the-team-module .team-3items-per-row .team-column { max-width: calc(33.333% - 21.98px);} } /*------------*/ /*=======rewards-catalog-module======*/ .rewards-catalog-module .filters {display: flex;max-width:900px;margin:0 auto;} .rewards-catalog-module .filters > div {width: 50%;padding: 0 8px;} .rewards-catalog-module .filters {margin: 0 auto;padding-top: 15px;padding-bottom: 30px;} .rewards-catalog-module .filters .Search-bar .quicksearch,.rewards-catalog-module .filters .ui-group .filter-select{ border: 1px solid #cccccc; background-color: #F7F7F7; color: #000; border-radius: 8px; border:1px solid #E5E5E5; box-sizing:border-box;width:100% !important; font-family:Inter; } .rewards-catalog-module .filters .ui-group .filter-select{ color: #a9a9a9;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");-webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position: center right 15px; background-size: 20px;} .rewards-catalog-module .catalog-listing-row {position:relative;} .rewards-catalog-module .catalog-listing-row .category-table-head .product-row-head {grid-column-gap: 16px;grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1.5fr 1.5fr 1fr 1fr;grid-auto-columns: 1fr; justify-items: start; padding: 12px 15px;display: grid;background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%);border-radius: 8px;transition: all ease 0.3s;text-transform: uppercase;font-weight:600;letter-spacing: 0.1em; font-size: 17px;} .rewards-catalog-module .catalog-listing-row .category-table-head {z-index:1;margin: 0 auto;width:100%;border-radius: 8px;} .products-listing-data .product-row-list {grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1.5fr 1.5fr 1fr 1fr; grid-auto-columns: 1fr;justify-items: start; padding: 12px 15px; display: grid;border-radius: 8px;border: 1px solid #E5E5E5;margin: 5px 0 5px 0;text-transform: capitalize;} .products-listing-data .product-row-list:nth-of-type(2n) {background-color: #f7f7f7;} .back-to-top a{background: linear-gradient(45deg,#00ffa3,#93ff82 48.31%,#eefc51 94.4%);padding: 9px 20px;border-radius: 48px;display: inline-block;text-transform: uppercase;font-weight: 500;letter-spacing: 0.1em;position: relative;transition: all 0.3s ease-in-out;font-size: 14px;} .sticky-button a{position: relative;} .back-to-top a:hover {background: linear-gradient(45deg,#eefc51,#93ff82 48.31%,#00ffa3 94.4%);} .sticky-button,.back-to-top {margin: 0 auto 0;padding: 10px 15px 10px;background-color: #000;border-radius: 8px;backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);} .rewards-catalog-module .back-to-top {text-align:center;border: 1px solid #fff;border-radius: 0;border-top: none;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .rewards-catalog-module.dark-mode .back-to-top {background-color: #000;} .back-to-top a:after {content: "";background-image: url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/Runa-Theme/Icons/button-arrow-right.svg);background-position: center;background-repeat: no-repeat;display: inline-block;width: 16px;height: 16px;transform: rotate(-90deg);vertical-align: middle;position: relative;top: -2px;margin-left: 5px;} .reward-section {position: relative;} .rewards-catalog-module .catalog-listing-row .category-table-head.sticky-head {box-shadow: 0px 0 8px rgba(212, 212, 212, 0.7);top: 120px;position: fixed;position:absolute;top:0;} .rewards-catalog-module .filters .Search-bar .quicksearch{background-image:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/serch-icon.svg);background-repeat: no-repeat;background-position: center right 15px; background-size: 18px;} .prod-head.brand-name {cursor: pointer;} .prod-head.brand-name:after{content:"";vertical-align: middle;margin-left: 10px;background-image:url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/bottom_arrow_icon.svg);background-position: center;background-repeat: no-repeat;display: inline-block;width: 12px;height: 12px;} .rewards-catalog-module .catalog-listing-row .category-table-head.sticky-head .product-row-head {padding: 22px 15px;background-repeat: no-repeat;} .rewards-catalog-module.table-head-up .category-table-head.sticky-head {top: 0;} div#product-box {height: 800px;overflow-y: auto;padding-top:70px;} div#product-box::-webkit-scrollbar {display: none;} .rewards-catalog-module.dark-mode .section-header h1,.rewards-catalog-module.dark-mode .section-header h2,.rewards-catalog-module.dark-mode .section-header p {color: #fff;} .rewards-catalog-module.dark-mode .products-listing-data .product-row-list {background-color: #f7f7f7;} /*=======FX module======*/ .fx-module .section-header h2 {margin-bottom: 60px;} .fx-module .fx-inner-wrapper {max-width:900px;margin:0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 20px;backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);} .fx-module .fx-inner-wrapper.three-columns {grid-template-columns: 1fr 1fr 1fr;padding-left: 70px !important;} .fx-module .fx-inner-wrapper .section-left-column, .fx-module .fx-inner-wrapper .section-right-column, .fx-module .fx-inner-wrapper .third-column {padding: 20px;box-sizing: border-box;} .fx-module .fx-col-item {display: flex;align-items: center;margin: 12px 0;justify-content:center;padding-left:25%;} .fx-module .fx-inner-wrapper.three-columns .fx-col-item {padding-left:0;} .fx-module .fx-col-item .col-content p {margin: 0;} .fx-module .fx-col-item .col-image {width: 36px;} .fx-module .fx-col-item .col-content {width: calc(100% - 36px);padding-left: 12px;} .fx-module .fx-col-item .col-image img {display: block;} /*=======post-featured-video-section======*/ .post-featured-video-section {padding: 20px 0;} .post-featured-video-section .container,.post-featured-video-section .hs-video-widget img {max-width: 864px;} .post-featured-video-section .hs-video-container {max-width: 864px !important;} .post-featured-video-section .feature-video iframe {border-radius:40px;width: 100% !important;height: 100% !important;} /*=======twoC-case-study-stats-module======*/ .twoC-case-study-stats-module {position:relative;} .twoC-case-study-stats-module .section-inner-wrapper {display: flex;flex-wrap:wrap;box-sizing:border-box;} .twoC-case-study-stats-module .section-inner-wrapper .section-right-column{border-left:3px solid #E5E5E5;padding-left:55px;width:31%;box-sizing:border-box;} .twoC-case-study-stats-module .section-inner-wrapper .section-left-column {padding-right: 80px;width: 69%;box-sizing:border-box;} .twoC-case-study-stats-module .col-content h5 {font-size: 36px;letter-spacing: -0.72px;} .twoC-case-study-stats-module .stat-items-block .stat-column {background: url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/list-icon.svg);padding: 0 0 0 32px;margin-bottom: 35px;font-size: 18px;color: #333;background-position: left top 4px;background-size: 24px;background-repeat: no-repeat;} .twoC-case-study-stats-module .stat-items-block .stat-num h4 {font-size: 36px;line-height: 100%;letter-spacing: -0.723px;margin: 0;} .twoC-case-study-stats-module .stat-items-block .stat-title p {color: #000; font-family: F37 Lineca; font-size: 20px;line-height: 110%;letter-spacing: -0.4px;margin: 0;} .twoC-case-study-stats-module .stat-items-block .stat-column:last-child {margin: 0;} .twoC-case-study-stats-module .col-heading h6 {color: #999; font-family: Inter; font-size: 18px;font-weight: 600;line-height: 130%;letter-spacing: 3.6px;text-transform: uppercase;margin-bottom: 16px;} /*=======three-column-benefits-module======*/ .three-column-benefits-module .section-header {max-width: 864px;margin: 0 auto;padding-bottom: 40px;} .three-column-benefits-module .benefits-repeater-row { display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;gap: 40px;margin: 0 auto;width: 100%;box-sizing: border-box;backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px); } .three-column-benefits-module .benefits-repeater-row > div {width: 33.333%;} .three-column-benefits-module .benefit-column {display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding: 0 0 40px 0px;} .three-column-benefits-module .benefit-column .benefit-icon {min-width: 70px;} .three-column-benefits-module .benefit-content {width: 100%;padding-left:15px;} .three-column-benefits-module .benefit-content h6 {margin-bottom: 7px;} .three-column-benefits-module .section-button {margin-top: 80px;} .three-column-benefits-module .benefit-column:last-child {padding: 0;} /*======= custom-bullet-list-module ======*/ .bullet-list ul {margin: 0;padding: 0;} .bullet-list ul li {display: flex;align-items: flex-start;margin: 0 0 17px;} .bullet-list ul li svg {width: 24px;height: 24px;margin-top: 5px;} .bullet-list ul li span {width: calc(100% - 20px);padding-left: 13px;} .custom-bullet-list-module .heading h5 {font-family: F37 Lineca;font-size: 36px;letter-spacing: -0.72px;margin-bottom: 27px;} /* ==========pillar============ */ .bottomCtaGroup {margin-top: 40px;border-top: 5px solid #00FFA3;padding-top: 40px;display: flex;justify-content: space-between;gap: 15px;} .pillarSectionRight.black-border-button {margin: 25px 0 20px;} .pillarSectionRight.black-border-button { margin: 25px 0 20px;} .pillarSectionRightSideInner p a {color: #00ffa3;text-decoration: underline;font-weight: bold;} .pillarPagecta{text-align:right;padding:0 0;margin-bottom:30px;} video#myVideo {width: 100%; height: 100%; } .pillarPageTwoColumn {display: flex;padding-top: 30px;} .pillarSectionLeftSide {width:25%; height: auto; position: relative; margin: 0; padding: 0; } .pillarPageRightCol { width: 75%;padding-right:0;padding-left:15px;} .pillarSectionRigh {padding-top: 40px;} .stickySideBar {height: auto;z-index: 66; margin: 0; padding: 0; position: relative; text-align: right; padding-top: 100px;position: absolute;right: 0; } .stickySideBar.fixed {position: fixed; top: 50%; right: 0; transform: translateY(-50%); } .bottomCtaGroup a:hover{color: #00FFA3;} .breadcrumbStructureInner ul {display: flex;flex-wrap: wrap;align-items: center;color: #fff;list-style: none;margin: 0;padding: 0;} .breadcrumbStructureInner ul li a {color: #fff;} .breadcrumbStructureInner ul li a:after {content: ">";margin: 0 10px;} .breadcrumbStructureInner ul li:last-child a:after {content: "";} /*Safari browser for gap */ @media not all and (min-resolution: 0.001dpcm) { .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block, .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row, .text-image-card-repeater-module .section-button-row, .solution-in-action-box-module .section-stats-row .benefit-section, .solution-in-action-box-module .section-content-row, .request-a-demo-module .section-inner-wrapper, .mission-panel-module .repeaters-card-row .card-block, .feature-card-module .feature-card-box, .comparison-module .comparison-table-wrapper .table-row, .big-stat-card-module .testimonial-card .tetimonial-card, .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row, .benefits-cards-module .benefits-cards-row, .fullwidth-text-button-module .section-button-row, .careers-banner-module .banner-button-row, .user-types-module .user-types-row-wrapper, .pricing-packages-module .price-packages-block-rows, .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block{gap:unset;} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block>div{margin-right:90px} .solution-in-action-box-module .section-content-row>div,.request-a-demo-module .section-inner-wrapper > div,.mission-panel-module .repeaters-card-row .card-block > div{margin-right:100px;} .big-stat-card-module .testimonial-card .tetimonial-card >div{margin-right:80px} .fullwidth-text-button-module .section-button-row>div, .careers-banner-module .banner-button-row > div{margin-right:15px; } .comparison-module .comparison-table-wrapper .table-row>div, .header-section .header-buttons> div { margin-right:20px; } .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row >div, .benefits-cards-module .benefits-cards-row > div, .pricing-packages-module .price-packages-block-rows > div{ margin-right:32px; margin-top:32px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div{margin-right:40px; margin-bottom:40px;} .text-image-card-repeater-module .section-button-row > div {margin-right:20px;} .user-types-module .user-types-row-wrapper > div{margin-right:2%;} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block > div{margin-right:90px;} .feature-card-module .feature-card-box > div {margin-right:50px;} .solution-in-action-box-module .section-stats-row .benefit-section > div{margin-right:40px;} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block>div:last-child, .text-image-card-repeater-module .section-button-row > div:last-child, .solution-in-action-box-module .section-stats-row .benefit-section > div:nth-last-child(2), .solution-in-action-box-module .section-content-row>div:last-child, .request-a-demo-module .section-inner-wrapper > div:last-child, .mission-panel-module .repeaters-card-row .card-block > div:last-child, .feature-card-module .feature-card-box > div:last-child, .comparison-module .comparison-table-wrapper .table-row>div:last-child, .big-stat-card-module .testimonial-card .tetimonial-card >div:last-child, .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row>div:last-child, .benefits-cards-module .benefits-cards-row > div:last-child, .fullwidth-text-button-module .section-button-row>div:last-child, .careers-banner-module .banner-button-row > div:last-child, .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block > div:last-child, .pricing-packages-module .price-packages-block-rows > div:last-child, .user-types-module .user-types-row-wrapper > div:last-child, .header-section .header-buttons> div:last-child{ margin-right:0px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(3), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(6), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(9), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(12), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(15), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(18), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(21), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(24), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(27), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(30), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(33), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(36), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(39), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(42), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(45), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(48), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(51), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(54), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(57), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(60), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(63), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(66), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(69), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(72), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(75), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(78), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(81), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(84), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(87), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(90), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(93), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(96), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(99), .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(102){margin-right:0px;} } @media (max-width:1280px){ .mission-panel-module .repeaters-card-row .card-block > div{margin-right:10px;} } @media (max-width:1024px){ .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row>div, .benefits-cards-module .benefits-cards-row > div{margin:15px;} } @media (max-width:991px){ .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div{margin-right:31px; margin-bottom:31px;} .mission-panel-module .repeaters-card-row .card-block > div{margin:10px 0} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block > div{margin-right:40px;} .user-types-module .user-types-row-wrapper > div,.twoC-image-content-repeater-module .section-repeater-row .repeater-section-block > div:last-child{margin-right:0} .solution-in-action-box-module .section-stats-row .benefit-section>div{margin-bottom:20px;} .feature-card-module .feature-card-box > div{margin:15px 0} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block>div{margin-right:40px;} } @media (max-width:768px){ .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div{margin-bottom:31px;} .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(odd){margin-right:0;} .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(even){margin-right:31px;} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block > div{margin-right:0px;} .request-a-demo-module .section-inner-wrapper > div, .pricing-packages-module .price-packages-block-rows > div, .solution-in-action-box-module .section-content-row>div, .fullwidth-text-button-module .section-button-row>div, .big-stat-card-module .testimonial-card .tetimonial-card >div{margin:15px 0} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block>div{margin-right:0;margin-bottom:40px} .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block>div:last-child{margin-bottom:0px;} } @media (max-width:767px){ .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(odd),.main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:nth-child(even){margin-right:0; margin-bottom:30px;} .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row>div:last-child{margin-bottom:0px;} .blog-detail-main-wrapper .post-featured-image-section .post-image img {max-width:100%;} } /* =========== Update footer 2023 ========== */ .footer .footer-section .footer-menu .footer-menu-wrapper ul {flex-wrap: wrap;gap: 25px;} .footer .footer-section .footer-menu .footer-menu-wrapper ul .menu-wrap { max-width: 100%;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper{padding-top:0;} .footer .footer-menu .footer-menu-wrapper > span > .hs-menu-wrapper > ul > .hs-item-has-children > a, .footer .footer-section .footer-menu .footer-menu-wrapper ul .menu-wrap > li > a,.footer .footer-menu .footer-menu-wrapper .menu-child-inner-wrap .column-heading h5{color:#00FFA3;font-size: 12px;letter-spacing: 0.2em;text-transform: uppercase;font-weight: 600;line-height: 1.5;font-family:Inter, Inter, sans-serif;cursor: text;pointer-events: inherit;} .footer .footer-menu .footer-menu-wrapper > span > .hs-menu-wrapper > ul > .hs-item-has-children > a:hover, .footer .footer-section .footer-menu .footer-menu-wrapper ul .menu-wrap > li > a:hover{text-decoration:none;} .footer .footer-menu .footer-menu-wrapper .menu-child-inner-wrap .column-menus {margin-top: 1rem;} .footer .footer-menu .footer-menu-wrapper .menu-child-inner-wrap .column-heading h5 {margin-bottom: 1rem;} .footer-bottom-row.footer-bottom-update {align-items: center;} .footer-bottom-update .social-share a {display: flex;align-items: center;} .footer-bottom-update .social-share {display: flex;align-items: center;gap: 20px;padding-left: 18px;} .footer-bottom-update .social-share a svg {display: block;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper .col-button a {padding: 10px 32px; font-size: 14px; letter-spacing: normal;font-weight: 600;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper .col-button a:hover{color:#000;text-decoration:none;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper ul li {padding-right: 10px;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper .col-button a:hover:after { background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%) !important; -webkit-mask: none; -webkit-mask-composite: none; mask-composite: none;} .demo-page .copy-image-grid-repeater-module .container,.demo-page .twoC-image-form-module .container,.demo-page .image-slider-module .container{max-width: 919px;} .demo-page header .container,.demo-page .faq-module .container{max-width: 1030px;} /* ========twoC-image-form-module=========== */ .twoC-image-form-module .image-form-row-wrapper {display: flex;flex-wrap: wrap;box-sizing: border-box;margin:0 -15px;} .twoC-image-form-module .image-form-row-wrapper .section-left-column {width: 48%;padding: 0 15px 0 0;box-sizing: border-box;} .twoC-image-form-module .image-form-row-wrapper .section-right-column {width: 52%;padding: 0;box-sizing: border-box;} .twoC-image-form-module .section-form {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 23px;background-color: rgba(255, 255, 255,0.1);box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12);padding: 30px 50px 25px;margin-top: 70px;max-width: 400px;box-sizing: border-box;} .twoC-image-form-module .section-form .hs-form-field label {color: #fff;} .twoC-image-form-module .section-form .form-title {font-family:Inter, Inter, sans-serif;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: 23.4px;letter-spacing: 0.36px;text-transform: uppercase;background-image: url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/line-col.svg);background-repeat: no-repeat;background-position: center bottom;padding: 0 0 15px;margin-bottom: 30px;} .twoC-image-form-module .section-form .hs-button {margin-top: 15px;} .twoC-image-form-module .section-content h1 {font-size: 40px;line-height: 46px;} .twoC-image-form-module .section-form form p {color: #fff;font-size: 13px;} .twoC-image-form-module .section-form form p a {color: #fff;text-decoration: underline;} .twoC-image-form-module .section-form .hs-button:hover, .twoC-image-form-module .section-form .hs-button:focus, .twoC-image-form-module .section-form .hs-button:active {background: linear-gradient(270deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); color: #000;} .twoC-image-form-module .section-form form label.hs-error-msg {text-align: left;} .twoC-image-form-module .section-form form .hs_error_rollup {display: none;} .demo-page .content-module .sectionn-inner-wrap .section-button a:hover::after { content: "";background: linear-gradient(258deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); } /* ========copy-image-grid-repeater-module=========== */ .copy-image-grid-repeater-module .grid-items-wrapper {display: grid;flex-wrap: wrap;gap: 30px;grid-template-columns:1fr 1fr;} .copy-image-grid-repeater-module .grid-item-block {box-sizing: border-box;display: flex;flex-direction: column;} .copy-image-grid-repeater-module .grid-item-block .grid-image {margin-top: auto;overflow: hidden;} .copy-image-grid-repeater-module .grid-item-block img {display: block;margin: 0 0 -1px;} .image-slider-module .slick-arrow {border: none;background-color:transparent;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 9;background-repeat: no-repeat;background-position: center;background-size: contain;font-size:0px;width:47px;height:47px;padding: 0;line-height: normal;} .image-slider-module .slick-arrow.slick-prev {left: 0;background-image:url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/2023-images/left_arrow.svg);} .image-slider-module .slick-arrow.slick-next {right: 0;background-image:url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/2023-images/right_arrow.svg);} .image-slider-module .image-slide-item {padding: 0 80px;} .image-slider-module .image-slider-wrapper {margin-top: 60px;} .image-slider-module .slick-dots {margin: 0;padding: 0;text-align: center;list-style: none;} .image-slider-module .slick-dots li {display: inline-block;} .image-slider-module .slick-dots li button {background: #EBEBEB;border: 0px solid #FFFFFF;width: 16px;height: 16px;border-radius: 30px;color: transparent;margin: 0px 10px;padding: 0;font-size: 0;line-height: normal;} .image-slider-module .slick-dots li.slick-active button {background: linear-gradient(180deg, #42FF9B 0%, #E8FC55 100%);width: 16px;height: 16px;border: 4px solid #000000;} .faq_update.faq-module .accordion .accordion_group .accordion_header::after,.faq_update.faq-module .accordion .accordion_group .accordion_header:before { background-size: contain;background-repeat: no-repeat;background-position: center; width: 40px;height: 40px;border-radius: 100%;background-color: transparent;right: 12px;top: 12px;} .faq_update.faq-module .accordion .accordion_group .accordion_header::after{background-image:url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/2023-images/nonexpend.svg);} .faq_update.faq-module .accordion .accordion_group.expanded .accordion_header:before{background-image: url(https://20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/2023-images/expend_arrow.svg);} .faq-module.faq_update .accordion .accordion_group {position: relative;box-shadow: 0px 0.3320707678794861px 2.2138051986694336px rgba(0, 0, 0, 0.01), 0px 0.7980122566223145px 5.32008171081543px rgba(0, 0, 0, 0.01), 0px 1.5025862455368042px 10.017241477966309px rgba(0, 0, 0, 0.01), 0px 2.680356979370117px 17.869047164916992px rgba(0, 0, 0, 0.02), 0px 5.013313293457031px 33.422088623046875px rgba(0, 0, 0, 0.02), 0px 12px 80px rgba(0, 0, 0, 0.03);border-radius: 25px;margin-bottom: 24px;border: none;padding: 0 2.8em 0 2em;} .faq_update .accordion .accordion_group .accordion_content p:last-child {margin-bottom: 0;} .faq_update .accordion_content ul {padding: 0 0 0 20px;} .faq-module.faq_update .accordion .accordion_group .accordion_content {padding-top:0;font-family:Inter;font-weight:400;font-size:16px;line-height: 24px;} .faq-module.faq_update .accordion .accordion_group:before {right: 12px;top:12px;} .faq-module.faq_update .accordion .accordion_group .accordion_header{font-weight: 700;font-size: 21px;line-height: 27px;color: #333;width: 100%;padding-top: 1rem;padding-bottom: 1rem;} .faq-module.faq_update .accordion .accordion_group .accordion_content a {color: #007bff;text-decoration: none;} .faq-module.faq_update .accordion .accordion_group .accordion_content a:hover{text-decoration: underline;} .pillarSectionRight { padding-top: 30px; } /* ========footer#footer-with-links-only=========== */ footer#footer-with-links-only { background:#000; padding:20px 0; } #footer-with-links-only .footer-section .footer-wrapper {display: flex;justify-content:space-between;} #footer-with-links-only .footer-section .footer-wrapper ul {margin: 0;padding: 0;list-style: none;} /** Piller page banner ***/ .pillarPageBanner .pillarPageBannerLeftCol{ max-width:600px; } .sec-links-wrap .link-row{ padding-bottom:5px; padding-top: 5px; } .sec-links-wrap .link-row a{ align-items:center;font-weight:normal !important; text-decoration:none !important; display:flex; justify-content:space-between; padding: 5px 15px; } .sec-links-wrap .link-row a.active{ background: #000; border-radius: 10px; color: #00ffa3; font-weight: 700 !important; } .sec-links-wrap .link-row a.active svg{ fill:white; } /**** learning-academy-module ***/ .grp-slider-items .slider-column .content-box .button:hover a{ color:white; } /*** No Overflow css ***/ .no-hidden-section main#main-content{ overflow:initial; } @media (min-width: 769px) { .no-hidden-section .body-wrapper { overflow: initial; } } /******************Mobile responsive ******************/ @media (max-width:1800px){ .leftSideBarWithContentSection .container {padding-right: 240px;} } @media (min-width: 769px){ .body-wrapper {overflow: hidden;} .for-mobile{ display:none;} } @media (max-width: 1440px) { .header-section .header-menu ul li{ padding: 22px 0px; margin: 0 15px; } .home-hero-module .hero-right-col .hero-icon2{ left: 100px; } .home-hero-module .hero-left-col .hero-icon3{ right: 250px; } } @media (max-width: 1400px) { .header-section .header-buttons{margin-left:13px;} .header-section .header-menu ul li{margin:0 13px;} .header-section .header-menu ul li#resources ul li .right-col{position: unset; border-radius: 24px;margin: 10px 0;height: auto;} .header-section .header-menu ul li#resources ul li .right-col::before{display:none;} } @media (max-width: 1330px) { .rewards-catalog-module .catalog-listing-row .category-table-head.sticky-head .product-row-head {border-radius: 0; padding: 12px 35px;} .rewards-catalog-module .catalog-listing-row .category-table-head.sticky-head {left: 0; right: 0;} } @media (max-width: 1280px) { .header-section .header-buttons{margin-left:6px;} .header .header-button-col a{font-size:12px;} .header-section .header-menu ul li{ font-size:12px; margin: 0 4px; } .header-section .header-buttons .primary-button a, .header-section .header-buttons .primary-border-button a{padding:9px 10px;} .footer .footer-section .footer-mid-row .blog-subscription-box{ padding-right:50px; } .mission-panel-module .repeaters-card-row .card-block{ gap: 10px; } .mission-panel-module .repeaters-card-row .card-block .card-content-column{ padding: 75px; } } @media (max-width: 1199px) { .header-section .header-buttons .primary-button a,.header-section .header-buttons .primary-border-button a{ font-size: 12px; } .header-section .header-menu ul{ padding-left: 20px; } .header-section .header-buttons{ gap: 10px; } .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper{ width: 50%; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item{ width: 30.6%; } .cta-banner-module .cta-banner-inner{ background-size: cover; background-color: black; } .footer .footer-section .footer-mid-row .blog-subscription-box{ min-width: 250px; padding-right: 30px; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column1 .card-image-column .card-image-block4{ width: 50%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column .card-image-block2{ width: 28%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column .card-image-block3{ width:50%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block4{ width:48%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column .card-image-block4{ width:50%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column2 .card-image-column{ background-position: center right; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column{ background-position: center left; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column{ background-position: center left; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column{ background-position: center right; } } @media(max-width:1025px){ .body-wrapper {overflow: hidden;} } @media (max-width: 1024px) { html { font-size: 16px; } body { font-size: 16px; } /* Paragraphs */ p { font-size: 16px; } /* Headings */ h1, .h1 { font-size: 68px; } h2, .h2 { font-size: 56px; } h3, .h3 { font-size: 44px; } h4, .h4 { font-size: 40px; } h5, .h5 { font-size: 32px; } h6, .h6 { font-size: 28px; } /*** Custom size */ .careers-banner-module h1 { font-size:60px; } .header-section .header-menu ul{ padding: 15px 30px; } .header-section .header-menu ul li.hs-item-has-children > .child-trigger{ float: right; } header.header .header-section{ min-height:52px; } header.header .header-section .primary-border-button a::before{ } .mobile-open header.header .header-section .blur-layer{ z-index: 1; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); background:rgba(255,255,255,.1); } .mobile-open.small-header header.header .header-section .blur-layer{ z-index: 2; } .mobile-open .mobile-trigger::after{ background:transparent; } .mobile-open{ overflow:hidden; } .enable-dark-mode.mobile-open .header .header-section{ backdrop-filter: initial; -webkit-backdrop-filter: initial; } .mobile-open header.header{top:10px;} /** Mobile menu css here */ .header .header-section{ padding: 0 12px; } .header .header-section > .header-buttons{ display: none; } .header .header-section > .header-buttons.for-outer{ display:none; position: relative; right:60px; } .header-section .header-menu .hs-menu-wrapper .header-buttons{ display:block; text-align:center; padding-bottom:0px; } .header-section .header-menu .hs-menu-wrapper .header-buttons .header-button-col{ padding:10px 0px; } .header-section .header-menu ul li ul.hs-menu-children-wrapper li a span{font-size:16px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a span small{font-size:14px; color:#CCCCCC} .header-section .header-menu ul li ul.hs-menu-children-wrapper > li .child-trigger::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E%0A");width:30px;height:30px;background-size: cover;} .header-section .header-menu ul li ul .submenu-header{display:block !important; margin-bottom:30px;} .submenu-header a.back-link{font-size:16px; font-weight:600;} .submenu-header a.back-link::before {content: "";display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5L8.25 12l7.5-7.5' /%3E%3C/svg%3E%0A");width: 20px;height: 20px;margin-right: 16px;} .mobile-trigger{ cursor:pointer; width: 44px; height: 32px; border-radius: 48px; position:relative; float:right; overflow: hidden; margin:10px 0px; position: absolute; right: 15px; top: 0; z-index:3; } .mobile-trigger:before{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%); } .mobile-trigger:after{ content:''; position:absolute; width:81.5%; height:75%; left:2px; top:2px; border:2px solid transparent; background:black; border-radius:48px; z-index:2; } .mobile-trigger span{ display:block; margin:4px auto; height:2px; position:relative; z-index:3; max-width:20px; transition:all 0.3s ease-in-out; background: linear-gradient(45deg, #00FFA3 0%, #93FF82 48.31%, #EEFC51 94.4%);} .mobile-trigger span:first-child{ margin-top:12px; } .mobile-trigger span:last-child{ display:none; } .mobile-open .mobile-trigger span{ position: absolute; left: 12px; top:11px; transform: rotate(45deg); width: 100%;} .mobile-open .mobile-trigger span:first-child{ transform: rotate(-45deg); top: 3px; } .mobile-open .mobile-trigger::before{ background:none; } .header-section .header-buttons.for-mobile { display: block !important;} .header .header-section{ position:relative; } .header-section .header-menu .hs-menu-wrapper{ display:none; position:fixed; left:0px; top:0px; width:100%; background:black; padding:0px 0 0px; border-radius:0px; overflow:auto; height:100%; z-index:-1; } .header-section .header-menu .hs-menu-wrapper > ul{ margin-top:90px; } .header-section .header-menu ul li{ display:block; padding: 10px 30px 10px 0px } .header-section .header-menu ul li.hs-menu-depth-1 > a{ font-size:18px;} .header-section .header-menu ul li ul.hs-menu-children-wrapper{ position:relative; padding:15px 0 0px; margin-right: -30px;} .mobile-open .header-section .header-logo{ z-index:10; } .header-section .header-menu > .header-buttons{ display:none; } .header-section .header-menu ul li.hs-item-has-children > .child-trigger{ padding:7px; cursor:pointer; } .user-types-module .user-types-row-wrapper .user-type-block { width: 30.5%;} .home-hero-module .hero-left-col{ display:none; } .home-hero-module .hero-right-col{ display:none; } .home-hero-module .hero-inner-wrap .hero-button-row{ flex-wrap: wrap;} .home-hero-module .hero-inner-wrap .hero-button-row .hero-button{ width:100%; padding:10px 0px; } .feature-card-module .feature-card-box{ align-items: start; } .feature-card-module .feature-card-box .box-left-column { padding: 0 0px; } .benefits-cards-module .benefits-cards-row{ flex-wrap:wrap; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column{ width:38%; } .benefits-cards-module .benefits-cards-row.three-items-per-row .card-column{ width:30.3%; } .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column{ width:42%; } .footer .footer-section .footer-mid-row .blog-subscription-box{ padding-bottom:50px; } .footer .footer-section .footer-mid-row{ display:block; } .footer .footer-section .footer-bottom-row{ justify-content: left; display: flex; flex-wrap: wrap; } .footer .footer-section .footer-bottom-row .copyright-text{ padding-bottom:25px; } .footer .footer-section .footer-bottom-row .footer-menu ul li{ margin:0px 16px 10px 0px; } .footer .footer-section .footer-mid-row .blog-subscription-box { padding-right:0px; min-width: 280px; } .footer .footer-section .footer-bottom-row .copyright-text{ order:2; width:100%;} .big-stat-card-module .stat-card-inner-wrapper .stat-card-repeater-row{ flex-wrap: wrap; justify-content: center; } .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col { width: 41%; } .mission-panel-module .repeaters-card-row .card-block{ gap:0px; overflow:hidden; } .mission-panel-module .repeaters-card-row .card-block .card-image-column{ background-position: left top; } .text-image-card-repeater-module .repeaters-card-row .card-block a{ padding-right: 20px; padding-left: 20px; } .card-tabs-module .tabs-inner-wrapper{ padding:40px; border-radius: 40px; } .benefits-cards-module .benefits-cards-wrapper.layout2 .card-column { width: 32%; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-content-column .content-desc{ padding:0 64px; } .solution-in-action-box-module .solution-box-inner-wrapper { padding-right: 82px !important; padding-left:82px !important; } .mission-panel-module .repeaters-card-row .card-block .card-content-column{ padding:75px 64px; } .home-hero-module .hero-inner-wrap .hero-sub-heading{ padding-bottom:150px; } .careers-banner-module{ background-position: right top !important; background-size: 876px !important; } .big-stat-card-module .stat-number h2{font-size:60px;} .big-stat-card-module .three-stat-cards-per-row > div, .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col, .big-stat-card-module .two-stat-cards-per-row > div{max-width:calc(50% - 16px);width: 100%;} .footer-bottom-update .social-share{padding-left: 0; padding-top:0; width:100%; padding-bottom: 10px;} } @media (max-width: 991px) { .solution-in-action-box-module .section-stats-row .benefit-section{ flex-wrap:wrap; } .user-types-module .user-types-row-wrapper .user-type-block{ width:100%; margin-bottom:30px; } .user-types-module .user-types-row-wrapper .user-type-block:first-child { margin-top:0px; } .user-types-module .user-types-row-wrapper .user-type-block:nth-child(even), .user-types-module .user-types-row-wrapper .user-type-block.even-block { margin-top:0px; margin-bottom:35px; } .user-types-module .user-types-row-wrapper .user-type-block .block-image { padding-bottom: 25px;} .feature-card-module .feature-card-box{ flex-wrap:wrap; padding: 32px !important; } .feature-card-module .feature-card-box .box-left-column{ width:100%; order:2; } .feature-card-module .feature-card-box .box-right-column{ width:100%; order:1; } .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block{ padding-left: 26px; padding-right: 0px; } .card-tabs-module .tabs-inner-wrapper .tabs-content-wrapper .tabs-content-block:last-child{ margin-bottom:0px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row{ gap: 31px; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item { width: calc(33.333% - 21.1px );} .customer-story-related-posts-module .blog-related-posts-row .related-post-item{ width: 29.4%; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item .post-content-box{ padding: 24px 24px 50px 24px; } .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col { width: 39%; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block{ gap: 40px; } .mission-panel-module .repeaters-card-row .card-block{ flex-wrap:wrap; gap: 20px; } .mission-panel-module .repeaters-card-row .card-block .card-content-column{ width:100%; padding:50px 50px 20px; } .mission-panel-module .repeaters-card-row .card-block .card-image-column{ width:100%; min-height:350px; background-position: right top; } .benefits-cards-module .benefits-cards-block.layout3{ flex-wrap:wrap; max-width: 700px; margin: 0 auto; } .comparison-module .comparison-table-wrapper .table-row{ margin-bottom:0px; } .benefits-cards-module .benefits-cards-row.three-items-per-row .card-column{ width:39.3%; } .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column{ width:42%; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-image-column .card-image-block2{ width: 35%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column1 .card-image-column .card-image-block3{ width: 40%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column .card-image-block2{ width: 30%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column3 .card-image-column .card-image-block3{ width: 50%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column4 .card-image-column .card-image-block3{ width: 37%; } .text-image-card-repeater-module .repeaters-card-row .card-block.card-block-column5 .card-image-column .card-image-block3{ width: 37%; } .pricing-packages-module .primary-border-button > span{font-size:14px;} .video-carousel-module .video-carousel .video-block .video-play-button a img { margin: 0 auto; position: relative; top: 23px;} .video-carousel-module .video-carousel .video-block .video-play-button a{width: 80px; height: 80px;line-height:80px;} .three-column-benefits-module .benefits-repeater-row {gap: 0px;flex-wrap: wrap;} .three-column-benefits-module .benefits-repeater-row > div {max-width: 340px;width: 100%;} .footer .footer-section .footer-mid-row .footer-menu .footer-menu-wrapper .col-button a {padding: 10px 20px;} .leftSideBarWithContentSection .container {padding-right: 15px;} .stickySideBar.fixed .pdf-tab{transform: rotate(-90deg) translateY(66px);} .pdf-tab{right: -9px;} .stickySideBar { position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; right: 0!important; } .stickySideBar.fixed {position: fixed;} .learning-academy-module .section-inner-wrapper .section-left-column{ min-width: 200px; } } @media (max-width:991px) and (min-width:768px){ .video-carousel-module .video-carousel .video-block .video-content-box {max-width: 68%;} } @media (max-width: 960px) { .pillarPageBanner.white-text, .pillarPageBanner.white-text h1, .pillarPageBanner.white-text h2, .pillarPageBanner.white-text h3, .pillarPageBanner.white-text h4, .pillarPageBanner.white-text h5, .pillarPageBanner.white-text h6, .pillarPageBanner.white-text li, .pillarPageBanner.white-text p{ color: #fff ;} .country-pages-hubdb-module .country-filters-row #countryPages .country-page{ width: 50%; } .pillarPageBanner{text-align: center;} } @media (max-width: 768px) { .fx-module .fx-col-item .col-content {text-align: left;} .for-desktop{ display:none !important; } h6, .h6 { font-size: 24px; } header.header#header-no-navigation .header-section{padding-bottom: 0px; padding-top: 0px;} header.header .header-section {top:20px;} .mobile-open .header .header-section{top:0px;} .careers-banner-module h1 { font-size:56px; } .text-image-card-repeater-module .card-accordion-row .accordion_group{background:white;border-radius:16px;margin-bottom:16px;box-shadow:0px 8px 16px rgba(212, 212, 212, 0.32);overflow:hidden; } .text-image-card-repeater-module .card-accordion-row .accordion_group .card-title{ padding:40px; cursor:pointer; } .text-image-card-repeater-module .card-accordion-row .accordion_group .card-title h4{ margin:0px; position:relative; padding-right:50px; } .text-image-card-repeater-module .card-accordion-row .accordion_group .card-title h4:after{ content:''; height:3px; width:32px; background:#D9D9D9;position:absolute;right:0px;top:14px;} .text-image-card-repeater-module .card-accordion-row .accordion_group .card-title h4:before{ content:''; height:32px; width:3px; background:#D9D9D9; position:absolute; right:14px; top:0px; opacity:1;} .text-image-card-repeater-module .card-accordion-row .accordion_group.expanded .card-title h4:before{ opacity:0; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content{ padding-top:10px; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content .card-summary{ padding-left:40px; padding-right:40px; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content .card-link-icon{ padding-left:40px; padding-right:40px; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content .card-image-column{ margin-top:24px; position:relative; text-align: center;background-repeat: no-repeat;} .text-image-card-repeater-module .card-accordion-row .accordion_group .card-image img{ display:block; margin: 0 auto;} .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column1 .card-image.card-image-block2{ position:absolute; top:0; left:10%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column1 .card-image.card-image-block3{ position:absolute; top:21%; left:5%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column1 .card-image.card-image-block4{ position:absolute; top:30%; left:0%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column2 .card-image.card-image-block2{ position:absolute; top:0; right:14%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column2 .card-image.card-image-block3{ position:absolute; top:15%; right:0%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column3 .card-image.card-image-block2{ position:absolute; top:0; right:10%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column3 .card-image.card-image-block3{ position:absolute; top:35%; right:5%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column4 .card-image.card-image-block2{ position:absolute; top:0; left:10%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column4 .card-image.card-image-block3{ position:absolute; top:15%; left:10%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column4 .card-image.card-image-block4{ position:absolute; top:35%; left:0%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column5 .card-image.card-image-block2{ position:absolute; top:0; right:5%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column5 .card-image.card-image-block3{ position:absolute; top:15%; right:0%; } .text-image-card-repeater-module .card-accordion-row .accordion_group.card-block-column5 .card-image.card-image-block4{ position:absolute; top:35%; right:0%; } .card-tabs-module .card-tab-slider-wrapper .tab-card-bx{ background: rgba(255, 255, 255, 0.1); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.3); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 24px; padding:32px; } .card-tabs-module .card-tab-slider-wrapper .tab-card-bx .card-image{ padding-bottom:40px; } .card-tabs-module .card-tab-slider-wrapper .tab-card-bx .card-image img{ border-radius:16px; display:block; } .card-tabs-module .card-tab-slider-wrapper ul.slick-dots{ list-style:none; text-align:center; position:absolute; bottom:-70px; left:0; right:0; padding:0px; } .card-tabs-module .card-tab-slider-wrapper ul li{ display:inline-block; vertical-align:middle; padding:0 0 10px 46px; } .card-tabs-module .card-tab-slider-wrapper li button{ height:16px; width:16px; border-radius:16px; padding:0px; border:0px; background:#999; font-size:0px; cursor:pointer; transition:all 0.3s ease-in-out; opacity:0.5; } .card-tabs-module .card-tab-slider-wrapper li.slick-active button{ padding-left:15px; padding-right:15px; background: linear-gradient(45deg,#00ffa3,#93ff82 48.31%,#eefc51 94.4%); opacity:1; } .main-blog-listing-wrapper .featured-post{ display:none; } .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item { width: 47.8%; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item {width:60%; margin:0 auto;} .big-stat-card-module .testimonial-card{ padding:40px; } .big-stat-card-module .testimonial-card .tetimonial-card { gap: 40px; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block{ flex-wrap:wrap; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .content-column{ width:100%; order:2; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .image-column{ width:100%; order:1; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block.left-content-right-image .image-column, .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block.left-image-right-content .image-column{ text-align: center; } .request-a-demo-module .section-inner-wrapper{ flex-wrap:wrap; } .request-a-demo-module .section-left-column { width:100%; } .request-a-demo-module .section-left-column .col-button { padding-bottom: 10px; } .request-a-demo-module .section-right-column{ width:100%; margin-top: 40px; background:none; box-shadow:none; border-radius:0px; padding:0px; } .request-a-demo-module .section-right-column .form-box{ background: rgba(255, 255, 255, 0.3); box-shadow: 0px 12px 60px rgba(0, 0, 0, 0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter:blur(24px); border-radius: 32px; padding: 32px; } .careers-banner-module .career-banner-inner-wrapper{ margin:0 auto; text-align: center; } .careers-banner-module .career-banner-inner-wrapper .banner-img{ padding-top:30px; } .careers-banner-module .career-banner-inner-wrapper .banner-img img{ display:block; } .solution-in-action-box-module .section-images-row{ flex-wrap:wrap; } .solution-in-action-box-module .section-images-row .left-image{ right:0px; order:2; } .solution-in-action-box-module .section-images-row .right-image { left:0px; order:1; } .solution-in-action-box-module .section-content-row{ flex-wrap:wrap; gap:30px; } .solution-in-action-box-module .section-stats-row .benefit-section{ flex-wrap:wrap; gap:20px; } .text-image-card-repeater-module.dark-bg .card-accordion-row .accordion_group .accordion_content .card-link-icon svg g path{} .text-image-card-repeater-module.dark-bg .card-accordion-row .accordion_group .accordion_content .card-link-icon svg rect{ stroke:#000; } .black-big-mask-bottom::after, .black-big-mask-top::before{ height: 167px; } .black-big-mask-top::before{ top:-5px; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .flip-box{ height: 300px; } .text-image-card-repeater-module .repeaters-card-row .card-block .card-content-column .content-desc{ padding:0 40px; } .solution-in-action-box-module .solution-box-inner-wrapper { padding-right: 48px !important; padding-left:48px !important; } .request-a-demo-module .section-inner-wrapper{ gap: 0; } .request-a-demo-module .section-inner-wrapper .col-images-group{ padding-top:40px; display:flex; gap:25px; justify-content: center; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image{ border-radius:24px;} .request-a-demo-module .section-inner-wrapper .col-images-group .col-image img{ display:block; border-radius:24px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(1){ align-self:center; padding-bottom:50px; padding-top:50px; max-width:205px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(2){ align-self:end; padding-top:50px; max-width:135px; position:relative; left:0px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(3){ align-self:start; padding-bottom:50px; max-width:205px; } .home-hero-module .hero-inner-wrap .hero-sub-heading{ padding-bottom:48px; } .card-tabs-module .card-tab-slider-wrapper .card-tab-slider .slick-list{ padding-right:250px; } .card-tabs-module .card-tab-slider-wrapper .card-tab-slider .tab-card-bx{ margin-left:10px; margin-right:10px; } .feature-card-module .section-list-row{ padding-bottom:20px; } .pricing-packages-module .price-packages-block-rows > div{max-width:100%; padding-bottom: 40px;} .pricing-packages-module .price-package-column .package-content-btm {position:relative; bottom: auto; margin-top: 40px;} .footer .footer-section .blog-subscription-box .form-title {text-align: left;} .fx-module .fx-inner-wrapper.three-columns { padding-left: 50px !important; } .learning-academy-module .section-learning-wrap .grp-slider-items .slider-column .content-box{ margin-right: 20px; } .learning-academy-module .section-inner-wrapper .section-left-column{ min-width: 200px; } } @media (min-width: 769px) { .text-image-card-repeater-module .repeaters-card-row.layout2-block .card-block .column-image img{ min-height:480px; } } @media (min-width: 768px) and (max-width:991px) { .rewards-catalog-module .filters {max-width: 768px;} .rewards-catalog-module .catalog-listing-row { max-width: calc(768px - 16px);margin: 0 auto; } .rewards-catalog-module .catalog-listing-row .category-table-head {max-width: calc(768px - 16px);} } @media (max-width: 768px) { } @media (max-width: 767px) { html { font-size: 16px; } body { font-size: 16px; } .container{ padding-left: 25px; padding-right: 25px; } /* Paragraphs */ p { font-size: 16px; } /* Headings */ h1, .h1 { font-size: 44px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 36px; } h4, .h4 { font-size: 28px; } h5, .h5 { font-size: 24px; } h6, .h6 { font-size: 24px; } .header-section .header-menu ul.hs-menu-children-wrapper.customer-stories { background: transparent !important;} .footer .footer-section .footer-mid-row .footer-menu ul{ flex-wrap:wrap; } .footer .footer-section .footer-mid-row .footer-menu ul li{ width:45%; } .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap{max-width:45%;} .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap li{max-width:100%; width:100%;} .footer .footer-section .footer-mid-row .footer-menu ul li li{ width:100%; } .footer .footer-section .footer-mid-row .footer-menu ul li{padding-right:0;} .footer.updatefooter .footer-section .footer-mid-row .footer-menu ul li{ width:100%; } .footer .footer-section .footer-mid-row{ padding-bottom: 32px; } .post-featured-video-section .video-play-button a {width: 54px;height: 54px;padding: 18px;} .post-featured-video-section .video-play-button {right: 24px;bottom: 15px;} .post-featured-video-section .featured-video-inner-wrap .video-block,.post-featured-video-section .video-popup-box iframe {border-radius: 16px;} .post-featured-video-section .video-popup-box .popup-wrapper {width: 95%;} .careers-banner-module h1 { font-size:40px; } .top-banner-module .container{ padding-left: 15px; padding-right: 15px;} .top-banner-module p { font-size: 14px;} .top-banner-module .close-button a{width:25px; height:25px; font-size: 14px;} .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column { width: 75%; } .benefits-cards-module .benefits-cards-wrapper.layout2 .card-column { width: 70%; } .feature-card-module .feature-card-box{ padding:24px !important; gap: 24px; } .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column { width: 80%; } .benefits-cards-module .benefits-cards-row.three-items-per-row .card-column{ width:80%; } .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column{ width:80%; } .main-blog-listing-wrapper{ padding-top: 200px; padding-bottom:60px; } .blog-detail-main-wrapper { padding: 150px 0 70px;} .main-blog-listing-wrapper .blog-listing-posts-section .blog-listing-posts-row .post-item { width: 100%; margin-bottom: 0; } .blog-detail-main-wrapper .post-featured-image-section{ padding: 30px 0; } .blog-detail-main-wrapper .post-body-content { margin-top: 20px; } .customer-story-related-posts-module .blog-related-posts-row{ gap: 20px; } .customer-story-related-posts-module .blog-related-posts-row .related-post-item { width: 100%; } .blog-detail-main-wrapper .post-body-content h1 {font-size:30px;} .blog-detail-main-wrapper .post-body-content h2 {font-size:24.5px;} .blog-detail-main-wrapper .post-body-content h3 {font-size:20px;} .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col { width: 80%; } .product-graphic-module .product-repeater-images{ min-height: 350px;} .product-graphic-module .product-repeater-images .product-image.image-box-1{ width: 150px; } .product-graphic-module .product-repeater-images .product-image.image-box-2{ width:180px; } .product-graphic-module .product-repeater-images .product-image.image-box-3{ width:100px; } .product-graphic-module .product-repeater-images .product-image.image-box-4{ width:80px; } .product-graphic-module .product-repeater-images .product-image.image-box-5 { padding-left:20px; } .product-graphic-module .product-repeater-images .product-image.image-box-6{ width:150px; } .careers-banner-module { background-image:none !important; } .video-carousel-module .video-carousel .slick-list { padding-right: 50px; } .video-carousel-module .video-carousel .video-block{ min-height: 350px; padding: 30px; } .video-carousel-module .video-carousel .video-block .video-content-box{ max-width: 90%; right:50px; } .video-carousel-module .video-carousel .video-block .video-play-button a{ height: 60px; width: 60px; line-height: 60px; } .video-carousel-module .video-carousel .video-block .video-play-button a img{ top: 13px; left: 2px; } .solution-in-action-box-module .solution-box-inner-wrapper{ padding:32px !important; border-radius:24px; } .feature-card-module .section-header{ padding-bottom:40px; } .benefits-cards-module .section-header { text-align: left !imporant; } .feature-card-module .feature-card-box{ border-radius:24px !important; } .user-types-module .user-types-row-wrapper .user-type-block .block-image img{ border-radius:24px; } .solution-in-action-box-module .solution-box-inner-wrapper .section-header { margin-bottom: 25px; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block .image-column img { border-radius:24px; } .comparison-module .comparison-table-wrapper .table-row .table-column p{ display:block; text-align:center; } .comparison-module .comparison-table-wrapper .table-row .table-column p img{ margin-right:0px; } .comparison-module .comparison-table-wrapper .table-row .table-column p .col-title{ display:block; font-size:14px;} .card-tabs-module .card-tab-slider-wrapper .card-tab-slider .slick-list{ padding-right:130px; } .card-tabs-module .card-tab-slider-wrapper .card-tab-slider .tab-card-bx{ margin-left:10px; margin-right:10px; } .card-tabs-module .card-tab-slider-wrapper .tab-card-bx{ padding:24px; border-radius: 24px; } .card-tabs-module .card-tab-slider-wrapper .tab-card-bx .card-image img{ border-radius:8px;width:100%; } .card-tabs-module .section-header { padding-bottom: 60px !important; } .benefits-cards-module .section-header { text-align:left; } .text-image-card-repeater-module .card-accordion-row .accordion_group .card-title{ padding:24px; cursor:pointer; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content .card-summary{ padding-left:24px; padding-right:24px; } .text-image-card-repeater-module .card-accordion-row .accordion_group .accordion_content .card-link-icon{ padding-left:24px; padding-right:24px; } .text-image-card-repeater-module .section-bottom-row { padding-top: 50px;} .solution-in-action-box-module .container{ padding-left:0px; padding-right:0px; } .solution-in-action-box-module .solution-box-inner-wrapper{ border-radius:0px; } .cta-banner-module .cta-banner-inner{ padding-top: 60px !important; padding-bottom: 60px !important; } .header-section .header-buttons .primary-button a, .header-section .header-buttons .primary-border-button a{ padding: 8px 12px; } header.header .header-section .primary-border-button a{ overflow: hidden; text-overflow: ellipsis; max-width: 60px; } header.header .header-section .primary-border-button a::before { } .header-section .header-menu .hs-menu-wrapper .header-buttons .primary-border-button a { max-width:inherit; } .text-image-card-repeater-module .section-button-row > div, .careers-banner-module .banner-button-row > div, .fullwidth-text-button-module .section-button-row > div{width:100%} .big-stat-card-module .three-stat-cards-per-row > div, .big-stat-card-module .stat-card-repeater-row.four-stat-cards-per-row .stat-card-col, .big-stat-card-module .two-stat-cards-per-row > div{max-width:100%;} .big-stat-card-module .stat-card-repeater-row .stat-card-col .stat-number .suffix-text { font-size: 25px;} .big-stat-card-module .stat-number{ margin-bottom:30px; } .top-banner-module .banner-inner-wrapper{ justify-content: unset;padding-right:28px; } .job-listing-module .acc-column-text h5{font-size:22px;} .job-listing-module .accordion_header h4::before{width:30px; height:30px; line-height:30px; top:24px;} .job-listing-module .accordion_header h4{padding-right:40px;} .bottom-divider.glow .bottom-divider-inner, .bottom-divider.glow .divider-inner, .bottom-divider.glow .inner-divider { height: 120px !important; bottom: -59px !important;} .top-divider.glow .divider-inner,.top-divider.glow .inner-divider { height: 120px !important; top: -59px !important;} .white-mask-bottom:after,.white-mask-top:before,.black-mask-top:before,.black-mask-bottom:after{height:60px;} .fullwidth-text-button-module {margin-bottom:-1px;} .divider { height: 80px !important;} .faq-module .accordion .accordion_group .accordion_header{font-size:28px;} .video-popup-box .popup-wrapper{max-width: 100%; width: 90%;} .video-carousel-module .video-carousel .video-block .video-play-button {width: auto;right: auto;bottom:30px; position:absolute;right: auto;left:50px;} .video-carousel-module .video-carousel .video-block .video-content-box{bottom:80px;} .rewards-catalog-module .filters > div {padding: 8px 8px;width: 100%;} .rewards-catalog-module .filters {flex-wrap: wrap;justify-content: center;} .products-listing-data { overflow: auto;width: 767px;} .rewards-catalog-module .catalog-listing-row .category-table-head {width: auto;position: static !important;width: 767px;} .rewards-catalog-module .catalog-listing-row {overflow: auto;} .fx-module .fx-col-item {padding-left:10%;} .twoC-case-study-stats-module .section-inner-wrapper .section-left-column {padding-right: 0;width: 100%;} .twoC-case-study-stats-module .section-inner-wrapper .section-right-column {padding: 35px 0 0;width: 100%;border-top: 3px solid #E5E5E5;border-left: none;margin-top: 20px;} .three-column-benefits-module .benefit-column {flex-wrap: wrap;padding: 0 0 20px 0px;} .post-featured-video-section .feature-video iframe {border-radius: 15px;} .fx-module .fx-inner-wrapper,.fx-module .fx-inner-wrapper.three-columns {grid-template-columns: 1fr;gap:20px;} .fx-module .section-left-column .fx-col-item:last-child,.fx-module .section-right-column .fx-col-item:last-child,.fx-module .third-column .fx-col-item:last-child {margin-bottom:0;} .fx-module .section-left-column .fx-col-item:first-child,.fx-module .section-right-column .fx-col-item:first-child,.fx-module .third-column .fx-col-item:first-child {margin-top:0;} .fx-module .fx-inner-wrapper .section-left-column, .fx-module .fx-inner-wrapper .section-right-column, .fx-module .fx-inner-wrapper .third-column {padding:0 20px;text-align:center;} .fx-module .fx-inner-wrapper.three-columns {padding-left: 20px !important;} .twoC-image-form-module .image-form-row-wrapper .section-left-column,.twoC-image-form-module .image-form-row-wrapper .section-right-column {width: 100%;} .twoC-image-form-module .section-content { text-align: center;max-width: 400px;margin: 0 auto;} .twoC-image-form-module .section-form { margin-top: 40px;margin-left: auto; margin-right: auto;padding: 30px 20px 25px;} .twoC-image-form-module .section-content h1 {font-size: 32px; line-height: normal;} .twoC-image-form-module .image-form-row-wrapper .section-right-column .section-image {max-width: 420px; margin: 60px auto 0;} .copy-image-grid-repeater-module .section-heading {text-align: center; margin-bottom: 50px;} .image-slider-module .image-slide-item {padding: 0;} .faq-module.faq_update .accordion .accordion_group:before,.faq_update.faq-module .accordion .accordion_group .accordion_header::after, .faq_update.faq-module .accordion .accordion_group .accordion_header:before {width: 30px;height: 30px;top: 15px;} .demo-page header.header#header-no-navigation .header-section {margin: 0 auto;justify-content: center;} .copy-image-grid-repeater-module .accordion_header:after,.copy-image-grid-repeater-module .accordion_header:before {content: "";width: 30px;height: 30px;background-repeat: no-repeat; background-position: center;position: absolute;right: 15px;top: calc(50% - 20px);transform: translateY(calc(50% - 20px)); -webkit-transform: translateY(calc(50% - 20px));} .copy-image-grid-repeater-module .accordion_header:before {background-image: url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/plus.svg);} .copy-image-grid-repeater-module .expanded .accordion_header:after {background-image: url(//20335080.fs1.hubspotusercontent-na1.net/hubfs/20335080/raw_assets/public/Runa/images/minus.svg);} .copy-image-grid-repeater-module .expanded .accordion_header:before{background-image: none;} .copy-image-grid-repeater-module .accordion_header{position:relative;padding-right: 40px;margin:0 0;} .copy-image-grid-repeater-module .accordion_content .grid-subtext { padding-right: 40px;padding-bottom: 30px;padding-left:20px;} .copy-image-grid-repeater-module .section-button {margin-top: 100px;} .faq-module.faq_update .accordion .accordion_group {padding: 0 1em 0 1em;} .copy-image-grid-repeater-module .accordion_header h4 {max-width: 270px;margin: 0;padding: 0 0 20px 20px} .faq-module.faq_update .accordion .accordion_group .accordion_header{padding-right: 30px; box-sizing: border-box;} .twoC-image-form-module .section-form .hs-button {padding-left: 15px;padding-right: 15px; display: block; margin-left: auto;margin-right: auto;} .copy-image-grid-repeater-module .grid-accordion-item {border-radius: 25px;padding: 20px 0 0 0;margin:0 0 20px;} .copy-image-grid-repeater-module .grid-accordion-item .grid-image img {display: block;} .pillarPageTwoColumn {flex-wrap: wrap;} .pillarSectionLeftSide { width: 100%;} .pillarPageRightCol {width: 100%;padding: 25px 0 0;} .pillarPagecta {text-align: center;} .breadcrumbStructureInner ul { justify-content: center;} .country-pages-hubdb-module .country-filters-row #countryPages .country-page{ width: 50%; } .learning-academy-module .section-inner-wrapper{ flex-wrap:wrap; } .learning-academy-module .section-inner-wrapper .section-left-column{ margin-right:0px; margin-bottom:20px; width:100%; } .blog-author-section{ padding:30px 0px; } .blog-author-section .blog-author-social-share .no-link-style{ display:inline-block; padding: 5px; } .blog-author-section .blog-author-social-share .no-link-style svg{ width: 30px; display:block; } #main-content .blog-detail-main-wrapper .post-body-content .post-body a:not(.no-link-style){ display:inline; padding:10px 2px; } #main-content .blog-detail-main-wrapper .post-body-content .post-body a:not(.no-link-style) span{ display: inline-block; padding: 10px 4px; } #main-content .blog-detail-main-wrapper .post-body-content .post-body .counter-hierarchy nav ul li a{ display:inline-block; padding-top:4px; padding-bottom:10px; } #main-content .blog-detail-main-wrapper .post-body-content .post-body ul li li a:not(.no-link-style), #main-content .blog-detail-main-wrapper .post-body-content .post-body ul li a:not(.no-link-style){ padding-bottom:8px; padding-top:8px; display:inline-block; } .card-tabs-module .card-tab-slider-wrapper li button{ height: 28px; width: 28px; } .card-tabs-module .card-tab-slider-wrapper li.slick-active button{ padding-left:25px; padding-right:25px; } .card-tabs-module .card-tab-slider-wrapper .slick-arrow{ bottom: -41px; } .learning-academy-module .section-learning-wrap .grp-slider-items .slick-dots{ width: 100%; bottom: 40px; } .fullwidth-text-button-module .section-content a, .fullwidth-text-button-module .section-content span a{ padding: 7px 3px; display: inline-block; min-width: 50px; min-height: 20px; word-wrap: anywhere; } .fullwidth-text-button-module .section-content span{ display:inline-block; } } @media (max-width: 480px) { .footer{ padding: 64px 0px 40px; } .header-section .header-logo #hs_cos_wrapper_site_logo_icon img{ width: 28px !important; } .header-section .header-logo{min-width: 72px; max-width: 72px;} header.header .container{padding-left:15px; padding-right:15px;} header.header .header-section .primary-border-button a{ max-width: 52px;} .header .header-section > .header-buttons.for-outer{ right: 58px; } .footer .footer-section .footer-mid-row{ padding-bottom: 10px; } .footer .footer-section .footer-mid-row .footer-menu ul li.hs-menu-depth-1 > a{ font-weight:600; } .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap{max-width:100%;} .footer .footer-section .footer-mid-row .footer-menu ul .menu-wrap, .footer .footer-section .footer-mid-row .footer-menu ul li { width: 100%; padding-bottom:20px; } .footer .footer-section .footer-bottom-row{ display:flex; flex-wrap:wrap; } .footer .footer-section .footer-bottom-row .copyright-text{ order:2; width:100%; padding-bottom: 0px;} .footer .footer-section .footer-bottom-row .footer-menu{ order:1; width:100%; } .footer .footer-section .footer-bottom-row .footer-menu ul{ display:block; } .footer .footer-section .footer-bottom-row .footer-menu ul li{ padding-bottom: 14px; margin:0px; } .box-list ul li{ font-size: 16px; padding: 4px 0 10px 56px; } .twoC-image-content-repeater-module .section-repeater-row .repeater-section-block{ padding-top:40px !important; padding-bottom:40px !important; } .big-stat-card-module .section-header { padding-bottom: 60px; } .big-stat-card-module .testimonial-inner-wrapper{ margin-top: 70px; padding-top: 30px; } .video-carousel-module .video-carousel .video-block .video-content-box{ left:20px; right:20px; } .video-carousel-module .video-carousel .video-block .video-play-button{ left: 20px; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column{ width:100%; border-radius: 24px; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column .card-front .card-icon.plus-icon{ bottom: 27px; left: 32px; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column .card-front .card-icon.minus-icon{ bottom: 27px; left: 32px; } .benefits-cards-module .benefits-cards-row.four-items-per-row .card-column:hover .card-front .card-icon.minus-icon{ right: 32px; } .blog-detail-main-wrapper .blog-related-posts-row .related-post-item {width:100%;} .card-tabs-module .card-tab-slider-wrapper .card-tab-slider .slick-list { padding-right:60px; } .benefits-cards-module .section-header{ padding-bottom:75px; text-align:left !important; } .benefits-cards-module .benefits-cards-row.three-items-per-row .card-column, .benefits-cards-module .benefits-cards-row.two-items-per-row .card-column { width: 100%; } .benefits-cards-module .benefits-cards-row.layout1 .card-column .flip-box{ border-radius:40px; } .request-a-demo-module .section-inner-wrapper .col-images-group{ gap: 0px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image img{ border-radius: 10px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(1){ width:auto; max-width: 205px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(2){ width:auto; max-width: 135px; } .request-a-demo-module .section-inner-wrapper .col-images-group .col-image:nth-child(3){ width:auto; max-width: 205px; } .header-top-row .header-buttons.for-outer .header-button-col.primary-button:nth-child(2) { display: none;} .pricing-packages-module .price-packages-block-rows > div{padding:20px;} .pricing-packages-module .primary-border-button > span{text-align:center;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a{flex-wrap:wrap;} .header-section .header-menu ul li ul.hs-menu-children-wrapper li a span{max-width:70%} .header-section .header-menu ul li ul.hs-menu-children-wrapper{min-width:auto;} .top-banner-module p { font-size: 13px;} h2,.h2 {font-size: 34px;} h3,.h3 {font-size: 30px;} .footer .footer-section .footer-menu .footer-menu-wrapper ul{gap:0;} .footer .footer-section .footer-bottom-row.footer-bottom-update .footer-menu { order: unset;} .country-pages-hubdb-module .country-filters-row #countryPages .country-page{ width:100%; } } @media (max-width: 375px) { .fx-module .fx-col-item {padding-left:10%;} .twoC-image-form-module .section-content h1 {font-size: 27px;line-height: normal;} } @media (min-width:768px) { .footer .footer-menu .footer-menu-wrapper > span {display: flex;flex-wrap: wrap;} .footer .footer-menu .footer-menu-wrapper > span > div {width: 24%;} .footer .footer-menu .footer-menu-wrapper > span > div:first-child {width: 20%;} .footer .footer-menu .footer-menu-wrapper > span > div:nth-child(2) {width: 32%;} } /* XL DESKTOP STYLES */ @media (min-width:1921px) { .container {max-width:1600px;} } /**** Aos animation code ****/ [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*# sourceMappingURL=aos.css.map*/