@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.layout-container nav.tabs.grid-container ul { display: flex; justify-content: center; position: absolute; z-index: 99; }
.layout-container nav.tabs.grid-container ul li { display: flex; justify-content: center; margin: 0rem 1rem; background-color: #ffd022; padding: 0.2rem 1rem; border-radius: 0 0  10px 10px; }
/* Small only */
@media screen and (max-width:39.9375em) {
  .layout-container nav.tabs.grid-container ul li { display: flex; justify-content: center; margin: 0rem 0.2rem; padding: 0.1rem 0.2rem; border-radius: 0; line-height: normal; }
}

html {scroll-behavior: smooth;}

.lpb-layout { padding: 20px; margin: 2rem 0; border: 1px solid #ff0000; }

.main-container { overflow: hidden; }

/*.grid-x {justify-content: center;}*/

:root {
  --sky-blue: #00B5E2;
  --petrol: #3B4559;
  --infinity: #252A36;
  --light-bg: #ebecee;
  --button-text-light: #ffffff;
  --button-light: #ffffff;
  --button-text-dark: #0496d7;
  --button-dark: #0496d7;
  --body: #252A36;
}

html body { background-color: #F0F0F0; }
body .mm-page,
.mm-wrapper_background body { background-color: unset; }

.hero-product-ttl h1 {font-size: 1.35rem;}

.dark-mode h1,
.dark-mode .h1,
.dark-mode h2,
.dark-mode .h2,
.dark-mode h3,
.dark-mode .h3,
.dark-mode h4,
.dark-mode .h4,
.dark-mode h5,
.dark-mode .h5,
.dark-mode h6,
.dark-mode .h6 { color:#ffffff; }


.bg-primary {background-color: var(--primary);}
.bg-primary h3,
.bg-primary p {color: var(--light-bg);}

.bg-light-grey {background-color:#eeeeee; color: #fff; }
.bg-light-grey p,
.bg-light-grey a,
.bg-light-grey h2 {color: #333; }
.bg-light-grey a:hover {color: #333; border-bottom: 0px solid #333;}

.bg-mid-grey {background-color:#737373; color: #fff; }
.bg-mid-grey p,
.bg-mid-grey a,
.bg-mid-grey h2 {color: #fff; }

.bg-gradient-1 {background-color: #d7e7f1; background-image: linear-gradient(211deg, #ffffff 0%, #97dcf9 96%);}
.bg-gradient-2 { background: linear-gradient(280deg, rgba(166, 93, 183, 0.20) 0%, rgba(0, 181, 226, 0.20) 83.54%);}

.bg-colour-white {background-color: #ffffff;}
.colour-parisian-blue { background-color: #4C81A4; }
.colour-dark-petrol { background-color: #3B4559; }
.colour-sky-blue { background-color: #00B5E2; }
.gradient-petrol-sky-blue { background: linear-gradient(280deg, rgba(166, 93, 183, 0.20) 0%, rgba(0, 181, 226, 0.20) 83.54%); }
.gradient-sky-blue-purple { background: linear-gradient(280deg, #9640AA 0%, #00B5E2 70%), #00B5E2; }
.gradient-sky-blue-white {background-color: #d7e7f1; background-image: linear-gradient(211deg, #ffffff 0%, #97dcf9 96%);}
.white-grad { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.04%, rgba(255, 255, 255, 0.00) 100%); }
.grad-platform {}
.grad-lite-plan {}
.grad-plus-plan {}
.grad-pro-plan {}
.grad-enterprise-plan {}
.grad-mssp {background-color: #004559; background-image: linear-gradient(133deg,#12647F 0%, #004557 66%,  #0094b9 135%)}
.grad-dns-shield {background-color: #004559; background-image: linear-gradient(133deg,#12647F 0%, #004557 66%,  #0094b9 135%)}





.colour-parisian-blue h3,
.colour-parisian-blue .vrt-slide-body p,
.colour-parisian-blue .vrt-slide-cta a  {color: #ffffff;}
.dark-bg .vrt-slide-cta a  {color: #ffffff;}
.vrt-slide-cta a  {font-size: 1.1rem; font-weight: 500; text-decoration:underline; }
.scroll-slide article {z-index: 999;}
article .vrt-slide-cta {z-index: 999;}



.br-grad1 {background-image: linear-gradient(315deg, #f6faff 0%, #daf3ff 100%)}
.br-grad2 .cell {background-image: linear-gradient(315deg, #f6faff 0%, #daf3ff 100%)}
.blocks-grad { background: linear-gradient(180deg, #f0f0f0 0%, #D2DFE8 32.83%, #B7CDDB 76.09%), linear-gradient(180deg, #D2DFE8 32.83%, #BFECF8 95.45%); }

.dns-blocks-group .single-block-in { border-radius: 1.375rem; padding: 2rem; height: 100%; border-width: 1px; border-color: #ff0000; border-style: dashed; }


/*BUTTONS*/
.button {border-radius: 10px;}
.button, 
.button:hover {  bottom: 0;}
button a,
.button a { font-size: 1rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; text-transform: capitalize; padding: 10px 25px;}
button a:hover,
.button a:hover { background-position: 0; }
button a:hover:before,
.button a:hover:before { width: 100%; }
 
/*.light-mode button a { margin: 0; line-height: 1; display: inline-flex; justify-content: center; border-radius: 10px; background: linear-gradient(to left, #9640AA 0%, #1B2029 70%, #00B5E2) 100%; color: #fff; background-size: 200% auto; align-items: center; margin-right: 15px; transition: all 0.4s ease-in-out;}
.light-mode button a:hover { background-position: left center; }*/

.btn-grad1 button a,
.btn-grad1 .button a { background: linear-gradient(to left, #9640AA 0%, #1B2029 70%, #00B5E2) 100%; color: #fff; background-size: 200% auto;}
.btn-grad2 button a,
.btn-grad2 .button a { background: linear-gradient(to left, #9640AA 0%, #00B5E2) 100%, color:#fff; background-size: 200% auto; }


.m-btn.bt-stl-1,
button.bt-stl-1 { border-radius: 2rem; border: 1px solid #000; background: radial-gradient(107.5% 107.5% at 50% 50%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.04); }
.bt-stl-1 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; background-size: calc(100% + 20px); background-position: -10px; 
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 8.85%, #000 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.bt-stl-3 button:first-child,
button.bt-stl-2 { border-radius: 2rem;  border: 1px solid rgba(255, 255, 255, 0.50); background-color: #fff; }
.bt-stl-3 button:first-child a,
.bt-stl-2 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #3B4559; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; transition: all 0.4s ease-in-out;}
/*button.cell.comp-text-btn.bt-stl-3:hover {
    box-shadow: 0px 9px 30px -10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 7px 9px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 9px 30px -10px rgba(0,0,0,0.75);
    transition: all 0.4s ease-in-out;
}*/

.m-btn.bt-stl-3,
.bt-stl-3 button,
button.bt-stl-3 { border-radius: 2rem;  border: 1px solid rgba(255, 255, 255, 0.50); background-color: #3b455980; }
.bt-stl-3 button a,
.bt-stl-3 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #ffffff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; }

.m-btn.bt-stl-4,
.bt-stl-4 button,
button.bt-stl-4 { border-radius: 2rem;  border: 1px solid rgba(255, 255, 255, 0.50); background-color: transparent; }
.bt-stl-4 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #ffffff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; }

.m-btn.bt-stl-5,
.bt-stl-5 button,
button.bt-stl-5 { border-radius: 2rem;  border: 1px solid #3B4559; background-color: transparent; }
.bt-stl-5 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #3B4559; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; }


.m-btn.bt-stl-6,
.btn.bt-stl-6,
.bt-stl-6 button,
button.bt-stl-6,
.button.bt-stl-6 { border-radius: 2rem; display: table; background: #008fff; transition: all 0.4s ease-in-out;}
.bt-stl-6 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #fff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; }
.bt-stl-6:hover { background: #008080; color: #fff; border-radius: 2rem; display: table; transition: all 0.4s ease-in-out;}


.m-btn.bt-stl-7,
.bt-stl-7 button,
button.bt-stl-7,
.button.bt-stl-7 { border-radius: 2rem; border: 1px solid #2973FF; background: transparent; }
.bt-stl-7 a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #2973FF; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; }
.bt-stl-7 a:hover {color: #ffffff;}

button.bt-stl-9 {margin: 0;}
.bt-stl-9 a { font-size: 1.3rem;  font-weight: 600; color: #0496d7; margin: 0; line-height: 1; display: inline-flex; justify-content: center; }
.bt-stl-9 a:hover {color: #0496d7;}

.m-btn.bt-stl-8,
.bt-stl-8 button a,
button.bt-stl-8 a,
.button.bt-stl-8 a,
.menu-item .bt-stl-8 a { text-decoration: underline; padding: 0; }
.dark-bg button.bt-stl-8 a  {font-size: 1rem; color: #ffffff;}

.m-btn.bt-stl-9,
.bt-stl-9 button a,
button.bt-stl-9 a,
.button.bt-stl-9 a,
.menu-item .bt-stl-9 a { text-decoration: none; padding: 0; }
.dark-bg button.bt-stl-9 a  {font-size: 1.3rem; color: #0496d7; font-weight: 400;}

button.button_lite a,
button.button_plus a,
button.button_pro a,
button.button_enterprise a,
button.button_platform a,
button.button_mssp a,
button.button_dns a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #fff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px; border-radius: 35px; }

button.button_lite a {background: linear-gradient(132deg, #00B5E2 30%, #3b4559 90%);}
button.button_plus a {background: linear-gradient(132deg, #008080 30%, #e74138 90%);}
button.button_pro a {background: linear-gradient(132deg, #9640aa 30%, #f8ae40 90%);}
button.button_enterprise a {background: linear-gradient(132deg, #9640aa 30%, #00b5e2 90%);}
button.button_platform a {background: linear-gradient(132deg, #9640aa 0%, #00b5e2 50%, #005368 105%);}
button.button_mssp a {background: linear-gradient(132deg, #0062a4 30%, #3a8900 90%);}
button.button_dns a {background: linear-gradient(132deg,#12647F 0%, #004557 66%,  #0094b9 135%);}





/*button:first-child {margin-right: 2rem;}*/

.align-middle .cta-comp {margin: auto;} 


.resource-lib-thumb .dl-btn { margin: 1rem auto; font-size: 1.2rem; font-family: 'fira sans condensed', sans-serif; font-weight: 700; padding: 1rem 3rem; }

.req-demo-btn-wrap {border-radius: 2rem; border: 0px solid #2973FF;
background: radial-gradient(107.5% 107.5% at 50% 50%, #377CFF 0%, #008fff 100%), rgba(255, 255, 255, 0.04); background-size: calc(100% + 20px); background-position: -10px;}
a.req-demo-btn {font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #fff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px;}

.bt-stl-1 a,
.bt-stl-2 a,
.bt-stl-3 a,
.bt-stl-4 a,
.bt-stl-5 a,
.bt-stl-6 a,
.bt-stl-7 a,
.bt-stl-8 a {font-size: 1rem;}

p.m-btn {display: table;} 

a.bt-stl-9 { text-decoration: underline;}


.cta-comp .button {padding: 0;}


.dns-shield-table { padding: 2rem; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); }
.dns-shield-table table  {margin-bottom: 0;}
.dns-shield-table table thead { background-color: #004559; color: #fff;}
.dns-shield-table tbody  { padding: 2rem; background: #cae4eb; border-radius: 1rem;}


.box-lite .text-block-cta a,
button.button-cs-lite { background: linear-gradient(132deg, #00B5E2 30%, #3b4559 90%); }
.box-plus .text-block-cta a,
button.button-cs-plus { background: linear-gradient(132deg, #008080 30%, #e74138 90%); }
.box-pro .text-block-cta a,
button.button-cs-pro { background: linear-gradient(132deg, #9640aa 30%, #f8ae40 90%); }
.box-enterprise .text-block-cta a,
button.button-cs-enterprise { background: linear-gradient(132deg, #9640aa 30%, #00B5E3 90%); }

.branding_and_menu-out { background-color: #ffffff; }
/*.branding_and_menu_cont { padding-bottom: 1rem; }*/
.grad-ttl-1 { background: #451D4E; background-image: linear-gradient(190deg, #9640AA 0%, #451D4E 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*THEME*/
.dark-background { background-color: #1B2029; }
.article-social-share .social-icon i,
.article-social-share .social-icon img { height: 20px; width: auto;}
.share-icons { display: flex; align-content: flex-end; flex-direction: row; align-items: flex-end; gap: 1rem; }
.share-icons span {font-weight:600; margin-top: 6px; }
.share-icons .article-social-share a { line-height: 1; height: auto; font-size: unset; margin: 0 0.5rem;}



.sticky-sidebar { position: sticky!important; top: 100px; /* Adjust this value to match the height of the top row */ align-self: flex-start; padding: 10px; height: 100%; } 

/*BLOG*/
.hero_container { background-color: #1B2029; padding: 2rem 0; }
.hero-blog-outer { position: relative; justify-content: start; }
.hero-blog-image { position: relative; top: 0; right: 0; width: 66.6667%; z-index: 1; float: right; }
.hero-blog-image img { border-radius: 1rem 0 0 1rem; overflow: hidden; width: 100%; height: auto; }
.hero-blog-info { position: absolute; top: 60%; /* top: 50%; left: 5%; transform: translateY(-50%);*/ background: rgba(255, 255, 255); padding: 2rem; z-index: 2; background: linear-gradient(145deg, #f0f0f0, #ffffff); box-shadow: 0px 28px 14px -18px #bebebe; }

.blog-media { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
h1.blog-title { margin-top: 0.5rem; }
.blog-title-group .blog-subtitle { color: #fff; margin: 2rem 0; }
.blog-other-info { display: flex; align-content: center; justify-content: space-between; margin-top: 2rem;}

.blog-social-share-dark { display: flex; align-content: flex-end; align-items: flex-end; gap: 1rem; border-top: 1px solid; padding: 1rem 0; justify-content: flex-end; margin-top: 2rem; }

/*.blog-created { color: #fff; }*/
.author-pic { padding: 0 0.5rem; }
.author-pic img { width: 40px; height: 40px; }
.author-name,
.author-position,
.author-date { padding: 0 0.5rem; }
/*.reading-time { font-weight: 600; color: #fff; }*/
.reading-time { font-weight: 600; color: #3B4559; display: table; border: 1px solid; padding: 0.2rem 1rem; border-radius: 10px; font-size: 0.8rem; margin-bottom: 1rem; }

.blog-title-group {  margin-bottom: 3rem; padding: 1rem; width: 100%;}
.hs-form-frame .hsfc-Step__Content { padding: 0; }

.blog-hero { overflow: visible; }
.blog-media-mob img { width: 100%; }
.author-date { font-size: 0.9rem; color: #8a8a8a;}
.auth-info { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; }
.blog-sidebar-cont { position:relative; }
.blog-sidebar-cont .recent-blogs { margin-top: 3rem; background: #fafafa; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); border-radius: 20px; padding: 2rem; }
.blog-sidebar-cont .hubspot { border-radius: 1rem; padding: 1rem 0; background-image: linear-gradient(to right top, #607ca9, #51688e, #425574, #34435b, #263143); }
.resources-resent-list { margin: 0.5rem; }
h6.resources-resent-list-ttl { color: var(--petrol); font-weight: 400; } 
.blog-sidebar-cont .sticky {z-index: 10;}

.cto-series-title-group { margin-bottom: 3rem; }
.cto-series-outer .blog-hero-outer { margin-bottom: 3rem; }
.cto-series-outer .reading-time { color: #3B4559; }
.cto-series-outer h1.blog-title { line-height: normal; }

/*TABLE OF CONTENTS*/
.block-toc .toc-title.h3 { margin-bottom: 1.5rem; border-bottom: 3px solid #04b5e3; padding-bottom: 1rem; }
.block-toc ul { margin: 0; }
.block-toc ul ul { margin-left: 1.25rem; }
.block-toc li.toc-h2 { font-size: 0.8rem; list-style: none; margin: 0; margin-bottom: 0.5rem;}
.block-toc li.toc-active { font-weight: 700; color: #00b5e2; }
.block-toc li.toc-active li { font-weight: normal; color: #000; }
.block-toc li { font-size: 1rem; }

.all-recourse-lists {}
.recourse-list { position:relative; padding: 2rem; overflow: hidden; height: 100%; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80)}
.recourse-img {margin-bottom: 1rem; }
/*.recourse-list-txt { padding: 20px; background-image: linear-gradient(45deg, #F0F0F0 40%, #CED0D5 100%); height: 100%; }*/
.recourse-list-read-time { color: #007491; font-size: 0.8rem; font-weight: 500; }
h3.recourse-list-ttl a { font-size: 1.938rem; line-height: 1;}
.recourse-list-ttl { margin: 1rem 0; line-height: 1;}
.recourse-list-summary {margin-bottom: 3rem; font-size: 0.9rem}
.recourse-list-link { position: absolute; right: 1rem; bottom: 1rem; }
a.recourse-list-link:after { content: ""; background-image: url(/sites/default/files/icons/arrow-r.svg); height: 20px; width: 30px; display: table; background-repeat: no-repeat;}
.recourse-list img {width: 100%;}

.recent-blogs { padding: 2rem 3rem; }
.recent-blogs h4 { color: var(--sky-blue); }
.related-blogs { margin-top: 9rem; padding: 5rem 0;}

.blog-speakers-outer { width: 100%; margin: auto; background: #ddd; padding: 4rem; margin-top: 3rem;}

.related-list { justify-content: center; }

/*.blog-hero-read a { background-color: #1B2029; border-radius: 5rem; padding: 0.5rem 1rem; color: #00B5E2; }*/
/*.blog-hero-read a:hover {color: #00B5E2;}*/
.blog-hero-read { margin: 2rem 0 0; }
.blog-hero-r-time { color: #007491; font-weight: 900; }



/*.related-blogs .recourse-list-txt { background-image: linear-gradient(45deg, #263143 38%, #1B2029 100%);}*/
.related-release-notes .recourse-list-ttl,
.related-blogs .recourse-list-ttl {color: #1B2029;}
.related-release-notes .recourse-list-summary,
.related-blogs .recourse-list-summary {color: #1B2029;}
.related-release-notes .recourse-list-read-time,
.related-blogs .recourse-list-read-time { color: #04b5e3; }
.related-release-notes .display3,
.related-blogs .display3 { color: #007491; }
h4.related-release-note-artcls,
h4.related-blog-artcls {text-align: center; margin: 2rem;}

.related-release-notes {background-color: #f8f8f8; margin-top: 9rem; padding: 1rem 0 4rem 0;}
.recourse-ttl-cont { display: flex; align-items: center; justify-content: space-between; }
.recourse-release-note-version {margin: 1rem 0;}
a.bef-link.bef-link--selected { pointer-events: none; opacity: 0.6; cursor: default; }
form#views-exposed-form-resources-release-notes-block-list,
form#views-exposed-form-resources-newsroom-landing {width: 100%; margin-bottom: 2rem;}
form#views-exposed-form-resources-release-notes-block-list input,
form#views-exposed-form-resources-newsroom-landing input {display: none;}
form#views-exposed-form-resources-release-notes-block-list input[type="radio"] + label:hover,
form#views-exposed-form-resources-release-notes-block-list input[type="radio"]:checked + label,
form#views-exposed-form-resources-newsroom-landing input[type="radio"] + label:hover,
form#views-exposed-form-resources-newsroom-landing input[type="radio"]:checked + label  { color: #2ba6cb; display: inline-block; }
 
form#views-exposed-form-resources-release-notes-block-list .form-radios.form--inline,
form#views-exposed-form-resources-newsroom-landing .form-radios.form--inline { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
form#views-exposed-form-resources-release-notes-block-list [type='radio'] + label,
form#views-exposed-form-resources-newsroom-landing [type='radio'] + label { margin: 0 0.5rem 0 0.7rem; font-size: 1rem; }
form#views-exposed-form-resources-release-notes-block-list .js-form-item.form-item.js-form-type-radio.form-item-tid.js-form-item-tid:after,
form#views-exposed-form-resources-newsroom-landing .js-form-item.form-item.js-form-type-radio.form-item-tid.js-form-item-tid:after { content: "|"; }
form#views-exposed-form-resources-release-notes-block-list .js-form-item.form-item.js-form-type-radio.form-item-tid.js-form-item-tid:last-child:after,
form#views-exposed-form-resources-newsroom-landing .js-form-item.form-item.js-form-type-radio.form-item-tid.js-form-item-tid:last-child:after { content: none; }

.form-privacy-note p { margin-top: 0; font-size: 0.8rem; font-weight: 700; color: #999; }
.form-privacy-note p a { text-decoration: underline; }

.social-share-dark .article-social-share .social-icon i,
.social-share-dark .article-social-share .social-icon img { filter: unset; }

.listing-opt-1 .recourse-list-cont { position: relative; }
.listing-opt-1 .recourse-list-txt { position: absolute; z-index: 9; width: 100%; top: 0; background-image: unset; }
.listing-opt-1 h3.recourse-list-ttl a { font-size: 1.938rem; color: #fff; }
.listing-opt-1 .recourse-img { background-color: #3B4559;}
.listing-opt-1 .recourse-img img {opacity: 0.5;}
.listing-opt-1 .recourse-list-read-time {color: #00B5E2;}



.release-note-sidebar-cont { background: #F6F6F8; height: 100%; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); border-radius: 20px; padding: 2rem; text-align: center; }


.release-note-cont {margin: 3rem 0;}
h2.release-note-cs-title { color: #fff; }
.release-note-sidebar-cont .release-date {}
.relase-title .field__item {font-size: 4rem; color: #2ba6cb; line-height: normal; font-family: Inter, Roboto, "Helvetica Neue", Arial, sans-serif;}
.release-dl {margin-top: 1.5rem; font-weight: 600; margin: 2rem auto 1rem;}


#views-exposed-form-resources-release-notes-block-list .js-form-item.form-item.js-form-type-select.form-item-tid.js-form-item-tid ul { display: flex;    /* margin: 1rem; */ justify-content: center; }
#views-exposed-form-resources-release-notes-block-list .js-form-item.form-item.js-form-type-select.form-item-tid.js-form-item-tid ul li { margin: 1rem; list-style: none; }

 

/*WEBINARS*/
.webinar-hero-time-info { font-weight: bold; }
.hero-blog-outer .webinar-type {color: #000000; }
.webinar-type { color: #1b2029; }
.speaker-img.cell.shrink img { border-radius: 10px; }
.webinar-page .date-time { color: #1b2029; }
.webinar-page .blog-title-group { margin-bottom: 3rem; padding: 1rem 0; width: 100%; }

form#views-exposed-form-resource-filtering-new-res-page,
form#views-exposed-form-resource-filtering-res-page,
form#views-exposed-form-resource-listing-res-page,
form#views-exposed-form-resource-listing-resource-main-page-block { width: 100%; margin: 1rem; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-end; align-content: flex-end; }

form#views-exposed-form-resource-listing-resource-main-page-block input,
form#views-exposed-form-resource-listing-resource-main-page-block select {margin-bottom: 0;}

.resources-filter .views-exposed-form>div { margin-right: 1rem; }
.resources-3block header { width: 100%; display: flex; justify-content: space-between; margin: 0 0.9rem; align-items: center; }

button.all-resourse-cat-link { margin: 0; line-height: 1; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(280deg, #9640AA 0%, #1B2029 70%), #00B5E2; border-radius: 50em; color: #fff; }


.featured-columns { position: relative; }
.featured-columns a.recourse-list-link { position: absolute; bottom: 2rem; right: 2rem; filter: brightness(0) saturate(100%) invert(55%) sepia(99%) saturate(300%) hue-rotate(160deg);}
.featured-columns .views-field { height: 100%; }

.resources-library-node-outer.resource { margin: 5rem 0; }
.resources-library-title-group {margin-top: 1rem;}
.resources-library-title-group-inner {margin-bottom: 1rem;}
.resources-library-hero-outer { margin-top: 3rem; padding-top: 3rem; }
h3.resources-library-subtitle { line-height: normal; }
.resources-library-node-outer .author-date {padding: 0;}
.resources-library-node-outer .blog-body {margin-top: 1rem;}


.resources-library-title-group { position: relative; }
/*.resources-group-title-group-inner { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }*/


/*Pager*/
nav.pager { width: 100%; display: flex; justify-content: center; }
nav.pager ul li { display: inline-flex; }
ul.pager__item { background: none; height: 50px; width: 100px; margin: 0; padding: 0; }
li.pager__item { display: inline; list-style: none; margin-left: auto; margin-right: auto; top: 0px; height: 50px; }
li.pager__item a { text-decoration: none; font-weight: bolder; color: #000; height: 50px; width: auto; display: block; text-align: center; line-height: 50px; }
nav ul.js-pager__items { display: flex; margin: auto; justify-content: center; flex-wrap: nowrap; flex-direction: row; text-align: center; width: 100%; }
nav ul.js-pager__items li { list-style: none; margin: 1rem; font-weight: 900; color: #2ba6cb; }
.pager__items { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; margin: var(--space-m) 0; list-style: none; text-align: center; font-weight: bold; }
.pager__item { display: inline-block; margin-inline: calc(var(--space-xs) / 2); vertical-align: top; }
.pager__link,
.pager__item--current { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-inline-size: var(--pager-size); block-size: var(--pager-size); padding-inline: var(--space-xs); -webkit-text-decoration: none; text-decoration: none; color: #2ba6cb; border-radius: var(--space-m); background: var(--pager-bg-color); line-height: 1; }
.pager__link--action-link { border-radius: 10px; }
li.pager__item a { text-decoration: none; font-weight: bolder; color: #2ba6cb; height: 50px; width: auto; display: block; text-align: center; line-height: 50px; }

li.pager__item.is-active a { text-decoration: underline; color: #00B5E2; }
nav ul.js-pager__items li a { color: #3B4559; }
.pager__item.pager__item--first,
.pager__item.pager__item--last {display: none;}


/*HERO BANNER*/
.hero-banner .comp-banner-content { text-align: left; }
.hero-banner .banner-title h1 { color: #fff; margin: 0; }
.hero-banner .banner-subtitle { font-family: 'fira sans condensed', sans-serif; text-transform: capitalize; display: table; font-size: 3.3rem; line-height: 1.1; font-weight: 700; background: linear-gradient(90deg, #00B5E2 0%, #9640AA 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-banner .comp-banner-body p { font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-size: 1.2rem; color: #fff; font-weight: 400;; margin-top: 2rem; }
/*.hero-banner .cta.btn button:first-child { background: linear-gradient(280deg, #9640AA 0%, #00B5E2 70%), #00B5E2; border: 0; }
.hero-banner .cta.btn button:first-child a { color: #111319; }
.hero-banner .cta.btn button { display: inline-flex; justify-content: center; align-items: center; margin-right: 1rem; background: linear-gradient(#111319, #111319) padding-box, linear-gradient(to right, #00B5E2, #9640AA) border-box; border-radius: 10px; border: 2px solid transparent; }
.hero-banner .cta.btn button a { padding: 13px 26px; color: #00B5E2; font-weight: 600; line-height: 1; }*/
  .hero-banner .comp-banner-body h3 { color:#fff; }


/*STYLE 1 BANNER*/

.banner-style-1 .comp-banner { color: #ffff; border-radius: 30px; overflow: hidden; width: 80%; margin: auto; }
.banner-style-1 .comp-banner .banner-title h2 { color: #ffff; }
.banner-style-1 .comp-banner-content { display: flex; align-items: flex-start; align-content: center; justify-content: center; flex-direction: column; width: 80%; height: 100%; }
.banner-style-1 .comp-banner-content:before { content: ""; width: 25%; position: absolute; top: 0; background: #00B5E2; height: 2rem; border-radius: 0 0 10px 10px; }
.banner-style-1 .cta.btn button { display: inline-flex; justify-content: center; align-items: center; margin-right: 1rem; background: linear-gradient(280deg, #9640AA 0%, #00B5E2 70%), #00B5E2; border-radius: 10px; }
.banner-style-1 .cta.btn button a { padding: 13px 26px; color: #000; font-weight: 600; line-height: 1; }


.text-blocks-wrapper {width: 100%;} 

.text-blocks-group h2 { width: 100%; color: var(#1B2029, #1B2029); margin: 3rem 0; background: linear-gradient(90deg, #1B2029 30%, #1063fe 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-blocks-group .single-block-in { border-radius: 1.375rem; padding: 2rem; height: 100%; }
.vertical-view .single-block-in { display: flex; align-content: center; align-items: center; }
.single-block-vertical .single-block-in {padding: 0;}
h2.text-block-group { padding-right: 0.9375rem; padding-left: 0.9375rem; }
.h4.text-block-subtitle { font-size: 20px; color: #1B2029; font-weight: 800; }
.text-block-subtitle { font-size: 20px; color: #1B2029; font-weight: 800; }

.more-padding .single-block-vertical {margin-bottom: 2rem;}
.white-blocks-radius.text-blocks-group h2 { text-align: center; }
.single-block-vertical h4 {margin: 0;}

.text-blocks-group.justify-center > div {justify-content: center;} 

.align-middle-single.text-blocks-group .single-block-content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }



.white-blocks-radius .single-block-in { box-shadow: 16px 18px 17px -14px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 16px 18px 17px -14px rgba(0, 0, 0, 0.39); -moz-box-shadow: 16px 18px 17px -14px rgba(0, 0, 0, 0.39); border-radius: 1rem; background: #fff;}
/*.white-blocks-radius .single-block-content { border-left: 2px solid;  margin: 0; padding: 1rem 0 1rem 1rem; margin-top: 1rem;}*/
.white-blocks-radius .text-block-subtitle { margin-bottom: 0.5rem; }


.transp-block .single-block-in { background:#00000080; border:1px solid #fff;}
.transp-block .text-block-subtitle { color: #fff;}
/*.home .transp-block .single-block-content {border-left: 3px solid #fff;}*/
/*COLOURS*/

.blue-txt .single-block-in h3 { color: #008EE5; }
.purp-txt .single-block-in h3 { color: #E242D6; }
.orange-txt .single-block-in h3 { color: #FFAF4D; }


.h3.text-block-title { color: #202A44; margin-bottom: 2rem; }

.blocks-grad .text-block-body p { margin:0; }
.blocks-grad .single-block-in { justify-content: center; align-items: center;  }

.latest-articles-dark .recourse-list-txt {background: linear-gradient(180deg, #1B2029 40.43%, #262C39 100%);}
.latest-articles-dark h3.recourse-list-ttl,
.latest-articles-dark .recourse-list-summary {color: #ffffff;}

.dns-blocks-group .single-block-in { border-radius: 1.375rem; padding: 2rem; height: 100%; border-width: 1px; border-color: #1b202e; border-style: solid; }



/*CUSTOMER STORY/CASE STUDIES*/
.cs-cs-list { background: #ffffff; border: 1px solid; border-radius: 1rem; }
.cs-cs-photo { margin: 0; }
.cs-cs-photo img { width: 80px; /* border-radius: 100%; */ }
.cs-cs-list .cell { margin-left: 0 !important; }
.cs-cs-list .cs-cs-photo img { width: 50px; /* border-radius: 100%; */ }
.cs-cs-list .cs-cs-info { font-size: 0.8rem; padding-left: 0.5rem; }
.cs-cs-list { padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; }
.cs-cs-list-body { margin-bottom: 1rem; }
.cs-cs-title-group { }
.cs-cs-list .cs-cs-list-link { margin-top: 1rem; text-align: right; display: flex; flex-direction: row; justify-content: flex-end; }
.cs-cs-list a.cs-cs-list-link:after { content: ""; background-image: url(/sites/default/files/icons/arrow-r.svg); height: 20px; width: 30px; display: table; background-repeat: no-repeat; }
.cs-cs-personal-info { width: 100%; margin: 2rem 1rem; }
.cs-cs-node span.pub-date { font-size: 0.8rem; font-weight: 600; color: #00B5E2; }
.cs-cs-node .article-social-share .social-icon i,
.cs-cs-node .article-social-share .social-icon img { height: 20px; filter: unset; }
.cs-cs-node .related-articles { margin-bottom: 3rem; }



.testimonials-slider { }
.testimonials-list { }
.testimonials-slider-wrapper .splide__track { margin: 2rem 5rem; }
.testimonials-slider-wrapper { position: relative; padding: 2rem 1rem; overflow: hidden; height: 100%; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); background: #ffffff; border: 1px solid; border-radius: 1rem; display: flex; justify-content: center; flex-direction: column; align-content: flex-start; align-items: center; }
.testimonials-list-body { margin-bottom: 3rem; }
.testimonials-title-group { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }
.testimonials-photo { margin-right: 2rem; border-right: 1px solid; padding-right: 2rem; }
.testimonials-info cell auto { }
.testimonials-list-link { }
.testimonials-slider-wrapper .splide__pagination__page.is-active { background: #2ba6cb; }
.testimonials-slider-wrapper .splide--optionset--testimonials { margin: 0 3rem; }
.testimonials-slider-wrapper .splide__arrow { background: transparent; }
.testimonials-slider-wrapper .splide__arrow--prev { left: 0em; }
.testimonials-slider-wrapper .splide__arrow--next { right: 0em; }
.testimonials-slider-wrapper h5 { font-weight: 400; }

@media screen and (max-width:39.9375em) {
  .testimonials-slider-wrapper blockquote { border: 0; line-height: normal; font-weight: 400; padding: 0; }
  .testimonials-slider-wrapper h5 { font-weight: 400; }
  .testimonials-slider-wrapper .splide__track { margin: 1rem 3rem; }
  .testimonials-slider-wrapper .testimonials-list { margin-bottom: 2rem; }
}



.related-articles-head {margin: 2rem;}


/*VIDEO EMBED*/

.responsive-video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; overflow: hidden; background: black; }
.responsive-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; max-height:100vh; }


/*.social-like {margin: 1rem;}*/

/*FOOTER*/
footer.footer-container { background-color: #ffffff; }
.footer-free-trial h2 { width: 100%; color: #1B2029; margin: 3rem 0; background: linear-gradient(90deg, #1B2029 0%, #0094B9 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; }
.footer-free-trial h3 {font-size: 1.7rem; margin-top: 2rem;}

.footer-social .app-dl { display: flex; flex-direction: row; }
.footer-social .app-dl a {width: 130px;}

.footer-menu-col1,
.footer-menu-col2 {margin: 2rem;}
.footer-menu-col1 ul li,
.footer-menu-col2 ul li {list-style: none; font-size: 0.8rem;}
li.footer-link-cat { font-weight: 600; margin: 1rem 0 0.2rem; font-size: 0.9rem !important; }
nav.author-help-menu-nav > ul,
#footer-privacy-menu > ul { display: flex; justify-content: center; flex-direction: row }
nav.author-help-menu-nav > ul li,
#block-clear-skies-copyrightfooter,
#footer-privacy-menu > ul li {margin: 0 1rem;list-style: none; font-size: 0.8rem;}
nav#author-help-menu,
nav.author-help-menu-nav { background: #f4ff8b; padding: 0.5rem; }


/*MEGA MENU*/
.upper_menu {margin-bottom: 0.5rem;}

.mega-menu { position: unset; padding: 10px; }
.mega-menu .menu-out { list-style: none; display: flex; justify-content: space-around; justify-content: flex-end; position: unset; align-items: center;}
.menu-item { position: unset; }
.menu-item a { font-size: 0.9rem; padding: 10px;}
.menu-link { color: #3B4559; text-decoration: none; padding: 10px; }
.page-home .menu-link { color: #ffffff;}
.page-home .is-sticky .menu-link {color: #3B4559;}

.has-submenu:hover .mega-dropdown { display: block; }
.mega-dropdown { width: 95%; margin: 1.5rem auto!important; padding-top: 0.5rem; position: absolute; left: 50%; transform: translateX(-50%); text-align: left; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; display: unset !important; }
.mega-dropdown-wrap { /* max-width: 100%; margin: auto; */ padding: 3rem; background: #ffffff; border-radius: 0 0 10px 10px; 
  box-shadow: 0px -9px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgb(255 255 255 / 20%) inset, 0px 15px 11px -10px rgb(0 0 0 / 23%);}
.main-menu {position: relative;} /*TO BE REMOVED ON NEW RELEASE*/
.main-menu nav.mega-menu .submenu,
.main-menu nav.mega-menu .sub-submenu { list-style: none; }
.main-menu nav.mega-menu .submenu-item { /*border: 1px solid #73D6EF;*/ }
.main-menu nav.mega-menu .submenu-item ul.submenu,
.main-menu nav.mega-menu .submenu-item ul.sub-submenu { margin-left:0rem; }
.main-menu nav.mega-menu .submenu-item ul li.sub-submenu-item { margin: 1rem 0; }
.main-menu nav.mega-menu .submenu-item a { font-size: 0.9rem; color: #3B4559; text-decoration: none; display: block; padding: 5px; border-radius: 0 5px 5px 0; padding: 1rem; background: #efefefba; border-left: 1px solid #333; }
.main-menu nav.mega-menu .submenu-item a p { margin: 0; }
.main-menu nav.mega-menu .menu-description {color: #00B5E2;}
.main-menu nav .mega-block { display: flex; gap: 20px; margin-top: 10px; text-align: left;}
.main-menu nav .mega-block button { text-align: left;}
.main-menu nav .mega-block img { max-width: 100px; height: auto; border-radius: 5px; }
.main-menu nav.mega-menu ul.submenu { display: inline-flex; justify-content: space-between; align-content: stretch; flex-direction: row; }
.main-menu nav.mega-menu li { list-style: none; padding-left: 0; margin-left: 0; font-size: 0.9rem; line-height: 1;}
.main-menu nav.mega-menu li::marker {content: none;}
.main-menu nav.mega-menu ul.submenu-column {margin: 0;}
.main-menu nav.mega-menu ul li.submenu-item { margin: 0.5rem 0; }
.main-menu nav.mega-menu a span.menu-description {margin-top: 0.5rem; display: flex;}

.menu-item:hover > .mega-dropdown { opacity: 1; visibility: visible; }

.menu-link.is-active,
.subitem-level1.is-active,
.subitem-level2.is-active { font-weight: bold; }
.main-menu nav.mega-menu .submenu-item a.is-active {background-color: #00b5e21c;}

.mega-menu-articles { background: #2ba6cb; background: linear-gradient(132deg, #9640aa 0%, #00b5e2 90%); border-radius: 5px; }
.mega-menu-articles header { font-size: 1.2rem; font-weight: 700; color: #fff; margin: 0.5rem; }
.mega-menu-articles .cell.views-row { padding: 0.5rem }
.mega-menu-articles .recourse-list.menu-block { padding: 0 0 1rem 0; box-shadow: unset; background: transparent; border-bottom: 1px solid #00b5e2; }
.mega-menu-articles .views-row:last-child .recourse-list.menu-block {border-bottom: 0px; }
.mega-menu-articles .recourse-list.menu-block h4 { margin: 0; line-height: 0.7; }
.mega-menu-articles .recourse-list.menu-block h4 a { font-size: 0.9rem; padding: 0; color: #fff; }
.mega-menu-articles .recourse-list-read-time { color: #fff; font-size: 0.8rem; font-weight: 500; }

.mega-menu.menu-level-0 li .new-feature-menu { position: relative; }
.mega-menu.menu-level-0 .new-feature-menu:before { content: "new"; position: absolute; top: -2px; right: 23px; color: #ff0000; font-weight: 500; line-height: normal;}
li.req-dem-wrap.menu-item { margin-left: 1rem; }
.mega-menu.menu-level-0 a.is-active {font-weight: 600;}

/*.upper-menu-cs {margin-top: 1rem;}*/
.upper-menu-cs ul { list-style: none; display: flex; justify-content: space-around; justify-content: flex-end; position: unset; margin-bottom: 0;}
.upper-menu-cs ul li { list-style: none; font-size: 0.9rem; line-height: 1; margin: 0.5rem;}
.upper-menu-cs ul li a { font-size: 0.9rem; padding: 10px; }
.upper-menu-cs ul li a.is-active { font-weight: 600; }
.page-home .upper-menu-cs ul li span,
.page-home .upper-menu-cs ul li a { color: #ffffff;}

.page-home .is-sticky .upper-menu-cs ul li span,
.page-home .is-sticky .upper-menu-cs ul li a { color: #3B4559;}





.mega-menu .mega-menu-block {padding: 0; margin-bottom: 1rem;}
.mega-menu .menu-item .mega-menu-block a {padding: 0;}
.mega-menu .menu-item .mega-menu-block h6 a {font-size: 1.1rem;}

/*UPPER MENU*/
.upper_menu.cell.show-for-medium { padding: 0 1rem; }
/*a.login-swp { background: #2973FF; border-radius: 10px; padding: 0.3rem 1rem !important; color: #ffffff !important; text-transform: uppercase; }*/
/*.page-home a.login-swp { background: #fff; border-radius: 10px; padding: 0.3rem 1rem !important; color: #333 !important; text-transform: uppercase; }*/

.sticky-menu ul.proserv-out { display: flex; justify-content: center; }
.sticky-menu ul.proserv-out li { margin: 1rem; list-style: none; }
.sticky-menu ul.proserv-out li a{text-decoration: underline;}

.responsive-menu-toggle { display: inline-block !important; width: 50px; height: 50px; }
.rm-toggle { display: none }
.responsive-menu-toggle-icon span.label { display: none; }
.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon { background: #04b2e1; }
.responsive-menu { display: flex; justify-content: flex-end; margin: 0.5rem;}
a.req-demo-btn.mm-listitem__text { background: #2872fe; color: #fff; }
.page-home .is-sticky a.req-demo-btn {color: #fff; }

a.resp-req-demo-btn { border-radius: 0; }

/* ============================
   MEGA MENU (FOUNDATION 6)
   ============================ */



.path-frontpage .branding_and_menu_mid {text-align: left;}
.branding_and_menu_cont {position: relative; }
.new-mega-m { display: flex; justify-content: flex-end; }


.page-home ul.menu-level-0 {color: #ffffff;}
.page-home .is-sticky ul.menu-level-0 {color: unset;}
ul.menu-level-0 { display: flex; list-style: none; padding: 0; margin: 0; justify-content: flex-end; position: unset; text-align: left;
  > .menu-item { position: unset;

    /* Top-level trigger (span or a) */
    > span,
    > a { cursor: pointer; display: flex; font-size: 0.9rem; padding: 10px; margin-bottom: 1rem;}

    /* Mega menu container for level 1 */
    > .menu-dropdown.menu-dropdown-0 { position: absolute; left: 0; top: 100%; width: 100%; display: none; background: #fff; border-top: 3px solid #00B5E2; // optional accent
z-index: 999; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); padding: 2rem; border-radius: 0 0 10px 10px; box-shadow: 0px -9px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgb(255 255 255 / 20%) inset, 0px 15px 11px -10px rgb(0 0 0 / 23%); opacity: 0;
    visibility: hidden; transition: opacity 0.3s ease,visibility 0.3s ease; display: unset !important; }

    /* SHOW on hover for expanded parents */
    &.menu-item--expanded:hover > .menu-dropdown.menu-dropdown-0 { display: block; opacity: 1; visibility: visible;}

    /* Nested grid container */
    > .menu-dropdown.menu-dropdown-0 > .grid-container { display: flex; gap: 3rem; flex-wrap: wrap; }
  }
}

.page-home .menu-level-0 > li.menu-item--expanded > span:after {content: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.833658 7.08329L5.00033 2.91663L9.16699 7.08329" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.menu-level-0 > li.menu-item--expanded > span:after {
    content: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.833658 7.08329L5.00033 2.91663L9.16699 7.08329" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-left: 0.3rem; }

.menu-level-0 > li.menu-item--expanded:hover > span:after { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }

/* LEVEL 1 COLUMNS -------------------------- */
li.menu-item .hide-title,
li.menu-item .hide-ttl,
li.hide-ttl.menu-item span {visibility: hidden;}
ul.menu-level-0 .menu-item--active-trail > span {font-weight: 600;}
ul.menu-level-2 .sub-item-level2.menu-item--active-trail
  > a { font-weight: 600; border-bottom: 3px solid #bfecf8; display: flex; float: left; 
  > a:hover { border-bottom: 6px solid #bfecf8;}
  }
.menu-item--active-trail {}

[child_class="hide-span-ttl"] > span { display: none; }

.menu-level-1 { list-style: none; padding: 0; margin: 0; justify-content: flex-end;}
.menu-level-1 > .menu-item { margin-bottom: 0rem;
  > a,
  > span { font-size: 0.9rem; font-weight: 400; color: #4c81a4; text-decoration: none; text-decoration: none; font-weight: 700; }

  /* Description below top-level */
  > .menu-dropdown.menu-dropdown-1 { /*margin-top: .5rem;*/ font-size: .9rem; color: #555; }
}

li.menu-box {  padding: 1.5rem; border-radius: 10px; background: #f9f9f9; box-shadow: 0px -9px 20px -20px #00b5e2, 0px 0px 50px 0px rgb(255 0 0 / 0%) inset, 15px 15px 10px -10px rgb(0 0 0 / 10%); }

/* LEVEL 2 ITEMS --------------------------- */
.menu-level-2 { list-style: none; padding: 0; margin: 0rem 0 0 0; /*max-width: 250px;*/}
.menu-level-2 
  > .menu-item { margin-bottom: 0; 
  > a { font-size: 0.9rem; font-weight: 500; color: #3B4559; text-decoration: none; display: block; padding: 5px 10px; border-bottom: 0px solid #bfecf8; display: flex; flex-direction: column; float: left; transition: border-bottom 0.2s ease, color 0.2s ease;}
  > a:hover { padding: 5px 10px; border-bottom: 3px solid #d2dfe8;}
  > .menu-dropdown.menu-dropdown-2 { margin-top: .3rem; font-size: .85rem; line-height: 1.4; color: #00B5E2; }
  > a .menu-link-description { font-size: 0.7rem; line-height: normal; margin-top: 0rem; color: #007491;}
}
.menu-level-2 > .menu-item.cs-plan-main-m-item { margin-bottom: .65rem; }
.menu-level-2 .menu-item.cs-lite-menu-wrap a { background: linear-gradient(132deg, #00B5E2 30%, #3b4559 90%);}
.menu-level-2 .menu-item.cs-plus-menu-wrap a { background: linear-gradient(132deg, #008080 30%, #e74138 90%);}
.menu-level-2 .menu-item.cs-pro-menu-wrap a  { background: linear-gradient(132deg, #9640aa 30%, #f8ae40 90%);}
.menu-level-2 .menu-item.cs-enterp-menu-wrap a  { background: linear-gradient(132deg, #00b5e2 30%, #9640aa 90%);}
.menu-level-2 .menu-item.cs-mssp-menu-wrap a  { background: linear-gradient(132deg, #0062a4 30%, #3a8900 90%);}
.menu-level-2 .menu-item.cs-plan-main-m-item a { width: 100%; font-size: 0.9rem; display: block; border-radius: 0 5px 5px 0; padding: 0.5rem 1rem; border-left: 1px solid #333; }
.menu-level-2 .menu-item.cs-plan-main-m-item a,
.menu-level-2 .menu-item.cs-plan-main-m-item a:hover { color: #fff; font-weight: 700; font-size: 1.2rem; font-family: 'Fira Sans Condensed'; border-bottom: 0;}
.menu-level-2 .menu-item.cs-plan-main-m-item a span {color: #fff; font-size: 1rem; margin: 0; font-weight: 400; display: block;}
 
a.pricing-menu-btn:hover,
a.pricing-menu-btn { background: #00b5e2; padding: 0.5rem 2rem; color: #fff; font-size: 1.1rem; font-weight: 700; border-radius: 2rem; border: 0px; background: linear-gradient(132deg, #008fff 30%, #00B5E2 90%); background-size: calc(100% + 20px); background-position: -10px; }


.pricing-menu { }
ul.menu-level-2 .pricing-menu-wrap a,
ul.menu-level-2 .pricing-menu-wrap.sub-item-level2.menu-item--active-trail a { background: none; background-color: none; padding: 0; border-left: 0; font-size: 1.1rem; font-weight: 600; }
ul.menu-level-2 .pricing-menu-wrap a:after { content: "->" }



/* RESPONSIVE ------------------------------ */
@media screen and (max-width:900px) {
  ul.menu-level-0 { flex-direction: column; }
  .menu-dropdown.menu-dropdown-0 { position: static !important; box-shadow: none; padding: 1rem 0; }
  .menu-dropdown.menu-dropdown-0 > .grid-container { flex-direction: column; }
  .menu-level-1 { width: 100%; }
  .resp-menu-sec-ttl {font-weight: 600; background: #e8e8e8;}
}

.pro-serv-stick .single-block-out.single-block-vertical .large-7 { border-left: 3px solid #00B5E2; padding-left: 3rem;}
.pro-serv-stick .single-block-out.single-block-vertical { border-bottom: 0px solid #00B5E2; margin-bottom: 2rem; padding-bottom: 2rem; }

/*COUNTER*/
.block-counter-wrapper {padding: 2rem 0;}
.block-counter-wrapper .block-counter {max-width: calc(90rem - 10%);}
.block-counter-wrapper .single-block-count-out {}
.block-counter-wrapper .single-block-count-in { padding: 2rem; color: #fff; text-align: center; font-size: 2rem}
.counter-text { font-size: 1rem; font-family: 'Fira Sans Condensed'; font-weight: 700; color: #315370; }
.block-counter-wrapper .counter-number { font-size: 4rem; font-weight: 700; }
.block-counter-wrapper .large-up-4 .counter-number { font-size: 3rem; }
.counter-info-cta { padding: 2rem; border-right: 1px solid #fff; }
.counter-title .h2 { color: #00B5E2; }
.counter-cta button a { margin: 0; line-height: 1; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(280deg, #9640AA 0%, #00B5E2 70%), #00B5E2; border: 0; border-radius: 10px; color: #fff; }

.block-counter-wrapper.dark-mode .counter-text { color: #00B5E2; }
.block-counter-wrapper.light-mode .counter-number { color: #008fff; /*background: linear-gradient(90deg, #00B5E2 0%, #451D4E 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ }
.block-counter-wrapper.dark-mode .counter-number { color: #ffffff; background: unset; background-clip: unset; -webkit-text-fill-color: unset; }
.block-counter-wrapper.dark-mode { background: linear-gradient(180deg, #1B2029 40.43%, #262C39 100%); }
.block-counter-wrapper.light-mode { background: transparent; }
.block-counter-wrapper.dark-mode .counter-title .h2 { color: #ffffff; }
.hp-counter {width: 90%;}
.hp-counter .single-block-count-in { background: #F6F6F8; height: 100%; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80);}


/*Text Block & CTA*/

.text-comp-vert .text-center button.comp-text-btn {margin: 1rem 0;}
.text-comp-vert .comp-text-ttl-group,
.text-comp-2-clmn .comp-text-ttl-group {margin-bottom: 2rem; }
.component-text-outer.text-comp-vert.dark-mode,
.component-text-outer.text-comp-2-clmn.dark-mode {background: linear-gradient(180deg, #1B2029 40.43%, #262C39 100%);}
.text-comp-2-clmn button {margin: 0;}


.text-comp-vert.light-mode button a,
.text-comp-2-clmn.light-mode button a { /*margin: 0; line-height: 1; display: inline-flex; justify-content: center; border-radius: 10px; background: linear-gradient(to left, #9640AA 0%, #1B2029 70%, #00B5E2) 100%; color: #fff; background-size: 200% auto; align-items: center; margin-right: 15px; transition: all 0.4s ease-in-out; */}

 .text-comp-vert.light-mode button a:hover,
.text-comp-2-clmn.light-mode button a:hover { /*background-position: left center;*/}   


.text-comp-vert.dark-mode button a,
.text-comp-2-clmn.dark-mode button a {/* margin: 0; line-height: 1; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(280deg, #9640AA 0%, #00B5E2 70%), #00B5E2; border: 0; border-radius: 10px; color: #fff;*/ }

.text-comp-vert.light-mode h2, 
.text-comp-2-clmn.light-mode h2 { /* width: auto; color: #1B2029; margin: 3rem 0; background: linear-gradient(90deg, #1B2029 0%, #0094B9 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; */}
.text-comp-vert.dark-mode h2,
.text-comp-2-clmn.dark-mode h2 { width: 100%; color: #ffffff; margin: 3rem 0; margin: 0;}

h2.comp-text-main-title > div { background: linear-gradient(90deg, #1b2029 00%, #1063fe 40%, #1063fe00 60%, #1b202900 100%); background-size: 250% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text; }


.text-comp-vert.dark-mode .comp-text-main-body p,
.text-comp-vert.dark-mode .comp-text-main-body em,
.text-comp-2-clmn.dark-mode .comp-text-main-body p { color: #ffffff; }
.text-comp-2-clmn-teas-add .paragraph--view-mode--text-block-teaser-add { border-radius: 30px; overflow: hidden; position: relative; background: #fff; padding: 0; border: 2px solid #fff; }

.overlap-top.hp-top-promo {border-radius: 30px; overflow: hidden; position: relative; background: #fff; padding: 0; border: 2px solid #fff;}
.text-comp-vert .text-center .overlap-top.hp-top-promo button.comp-text-btn { margin: 1rem auto; }

.overlap-top.packages-hp-top-promo { border-radius: 30px; overflow: hidden; position: relative; background: #fff; padding: 0; border: 2px solid #fff;margin-bottom: 3rem;}
.text-comp-2-clmn-teas-add button.comp-text-btn { width: fit-content; align-self: end; margin-right: 2rem;}
.text-comp-2-clmn-teas-add .overlap-top.hp-top-promo {}

.text-comp-2-clmn-teas-add .overlap-top.packages-hp-top-promo .comp-text-icon { background: linear-gradient(132deg, #9640aa 0%, #00b5e2 50%, #005368 105%); min-height: 100px; }
.text-comp-2-clmn-teas-add .packages-hp-top-promo .comp-text-icon img { object-fit: contain; width: 80%; padding: 1rem; }

.text-comp-2-clmn-teas-add .comp-text-icon { margin-bottom: 0; position: relative; margin-bottom: 0; margin-top: 0rem;}

.text-comp-2-clmn-teas-add .comp-text-icon div { width: 100%; height: 100%; display: flex; justify-content: center;}
.text-comp-2-clmn-teas-add .comp-text-icon img { object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; }
.text-comp-2-clmn-teas-add .gartner-add .comp-text-icon img { object-fit: unset; width: unset; height: unset; top: unset; left: unset; }
.text-comp-2-clmn-teas-add .comp-text-icon { background-color: #1B2A53; }

.text-comp-2-clmn-teas-add .gartner-add .comp-text button { margin-top: 0rem; display: flex; justify-content: flex-end; }
.text-comp-2-clmn-teas-add .comp-text button { width: fit-content; }

.hp-what-makes img { width: 50px; height: 50px; }
.hp-what-makes .cell.single-block-vertical { padding:0; }

.component-text-outer .overlap-top {position: relative; z-index: 2;}
.component-text-outer.text-comp-2-clmn-teas-add.light-mode { max-width: 90%;}
.component-text-outer .text-center button.comp-text-btn {margin: auto;}


/*WEBFORMS*/
.webform-name .webform-flexbox {margin-bottom: 0;}

.webform-submit-button { display: flex; flex-direction: row; justify-content: flex-end; }
.webform-submit-button-outer { display: flex; flex-direction: row; justify-content: flex-end; }
.webform-button--submit.button { background-color: var(--sky-blue); font-size: 1rem; padding: 0.5rem 4rem; margin-bottom: 0; border-radius: 2rem; color: var(--petrol); }
.webform-button--submit.button:hover { background-color: var(--petrol); }

.contacts-webform input.webform-button--submit { color: #333; margin-top: 2rem; border: 1px solid #333; background-color: unset; transition: all 0.3s ease-in-out;}
.contacts-webform input.webform-button--submit:hover,
.contacts-webform input.webform-button--submit:focus { background-color: #d7e7f1;
    background-image: linear-gradient(211deg, #ffffff 0%, #97dcf9 96%); transition: all 0.3s ease-in-out;}

.form-required:after { content: "*"; color: #ff0000; margin-left: 0.5rem; }

.required.error,
.form-item--error .form-item--error-message {  }

.webform-btn.download-request-btn { display: flex; justify-content: flex-start; align-content: center; margin-top: 1rem; }
.webform-submission-form [aria-label="Error message"] { display: none; }
.webform-submission-form label { color: #333; }
 
.webform-submission-form .error { color: #ff0000; padding: 0 1rem; font-weight: 700; }

.webform-submission-form [type='text'],
.webform-submission-form [type='password'],
.webform-submission-form [type='date'],
.webform-submission-form [type='datetime'],
.webform-submission-form [type='datetime-local'],
.webform-submission-form [type='month'],
.webform-submission-form [type='week'],
.webform-submission-form [type='email'],
.webform-submission-form [type='number'],
.webform-submission-form [type='search'],
.webform-submission-form [type='tel'],
.webform-submission-form [type='time'],
.webform-submission-form [type='url'],
.webform-submission-form [type='color'],
.webform-submission-form [type='text']:focus,
.webform-submission-form [type='password']:focus,
.webform-submission-form [type='date']:focus,
.webform-submission-form [type='datetime']:focus,
.webform-submission-form [type='datetime-local']:focus,
.webform-submission-form [type='month']:focus,
.webform-submission-form [type='week']:focus,
.webform-submission-form [type='email']:focus,
.webform-submission-form [type='number']:focus,
.webform-submission-form [type='search']:focus,
.webform-submission-form [type='tel']:focus,
.webform-submission-form [type='time']:focus,
.webform-submission-form [type='url']:focus,
.webform-submission-form [type='color']:focus,
.webform-submission-form textarea:focus { color: #333; border-radius: 0; border: 0; border-bottom: 1px solid; background-color: transparent;  -webkit-box-shadow: unset;
    box-shadow: unset; border-bottom: 1px solid #333; }


.webform-submission-form textarea,
.webform-submission-form input { border: 0; box-shadow: unset; border-bottom: 1px solid; border-radius: 0; background: transparent; }
.webform-button--submit.button  {border-radius: 2rem;  border: 1px solid #3B4559; background-color: transparent;
font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #3B4559; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px;}

.webform.request-a-demo { position: relative; padding: 2rem; margin: 5rem; overflow: hidden; height: 100%; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80);}

.blog-sidebar-cont .registration-form {
    background: #fafafa;
    height: 100%;
    box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80);
    border-radius: 20px;
    padding: 2rem;
}


.webform-submission-form .select2-container--default .select2-selection--single { background-color: transparent; border: 0; border-bottom: 1px solid #333; border-radius: 0; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; }
.webform-submission-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: inherit; }
.webform-submission-form .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; margin: 0; }
.webform-submission-form .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 2rem; }

.dark-bg-form .webform-submission-form label { color: #fff; }
.dark-bg-form .webform-submission-form input { border-bottom: 1px solid #ffffff; color: #ffffff;}
.dark-bg-form .webform-submission-form input.webform-button--submit.button  {border-radius: 2rem;  border: 1px solid #ffffff; background-color: #ffffff; color: #333333;}

.dark-bg-form [type='text']:focus,
.dark-bg-form [type='password']:focus,
.dark-bg-form [type='date']:focus,
.dark-bg-form [type='datetime']:focus,
.dark-bg-form [type='datetime-local']:focus,
.dark-bg-form [type='month']:focus,
.dark-bg-form [type='week']:focus,
.dark-bg-form [type='email']:focus,
.dark-bg-form [type='number']:focus,
.dark-bg-form [type='search']:focus,
.dark-bg-form [type='tel']:focus,
.dark-bg-form [type='time']:focus,
.dark-bg-form [type='url']:focus,
.dark-bg-form [type='color']:focus,
.dark-bg-form textarea:focus { color: #ffffff; border-bottom: 1px solid #ffffff;}


.form-actions.webform-actions { margin: 2rem 0; } 

select.form-select { background-color: transparent; box-shadow: unset; border: 0; border-bottom: 1px solid; border-radius: 0; }


.registration-form.cell.medium-6.large-12 { background: #fafafa; height: 100%; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); border-radius: 20px; padding: 2rem; }

.form-border-out .form-border,
.form-border .nested-component-cont { position: relative; padding: 2rem; overflow: hidden; height: 100%; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); border: 1px solid #000000; border-radius: 20px; max-width: 70%; margin: 5rem auto;}


div#formContainer { position: absolute; top: 0; background: #F0F0F0; height: 100%; }
.resources-library-registration.cell.medium-6.large-5.align-self-middle {
    box-shadow: 0px -9px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgb(255 255 255 / 20%) inset, 0px 15px 11px -10px rgb(0 0 0 / 23%);
    background: #fff;
    padding: 2rem;
    border-radius: 2rem;
} 

/*CONTACTS*/
.contacts .grid-container { justify-content: center; }
.contacts .single-block-in { background: #f6f6f81f; height: 100%; box-shadow: 0px 0px 0px 0px rgb(190 204 238), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 10px 10px 11px 0px rgb(0 0 0 / 4%); height: 100%; border-radius: 0; }


/*GSAP*/
.gsap-text-image-scroll { display: flex; position: relative; width: 100%; }
.gsap-text-side { width: 50%; height: 30vh; overflow-y: scroll; padding: 2rem; box-sizing: border-box; }
.gsap-text-block { margin-bottom: 4rem; font-size: 1.2rem; }
.gsap-image-side { width: 50%; height: 30vh; position: relative; top: 0; display: flex; align-items: center; justify-content: center; position: relative; }
.gsap-image-block { position: absolute; opacity: 0; transition: opacity 0.6s ease-in-out; max-width: 90%; max-height: 90%; }
.gsap-image-block.active { opacity: 1; z-index: 1;}

/*FAQ*/
.full-width-container 
.comp-sidebar-image { min-height: 25vh; }
.sidebar-image-left-wide .comp-faq-other,
.sidebar-image-right-wide .comp-faq-other { width: 33% !important; }
.sidebar-image-left-wide .comp-faq-q-a-items,
.sidebar-image-right-wide .comp-faq-q-a-items { width: 67% !important; }
.comp-faq-body-cont { width: 75%; }
.comp-faq-q-a-items {}

.sidebar-image-full .comp-faq .comp-faq-other,
.sidebar-image-full .comp-faq .comp-faq-q-a-items {width: 100%;}

/*NESTED*/
/*.nested-wrapper .nested-component-cont > cell .grid-container { padding-right: 0rem; padding-left: 0rem; background: #ddd;}*/
.nested-wrapper .nested-component-cont .sidebar-image-full .cell {width: 100%!important;}

/*packages*/
.packages .cell.single-block-out .single-block-in { border-radius: 1.33963rem; background: #fff; box-shadow: 0px 1.786px 10.717px 0px rgba(20, 20, 43, 0.08); }
.packages .text-block-body ul { list-style: none; margin-left: 0.5rem; }
.packages .text-block-body ul li { padding-left: 2em; margin-bottom: 0.5em; position: relative; }
.packages .text-block-body ul li::before { content: ''; position: absolute; left: 0; top: 6px; width: 1em; height: 1em; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<?xml version=!string!encoding=!string!?><svg aria-hidden=!string!focusable=!string!data-prefix=!string!data-icon=!string!class=!string!role=!string!xmlns=!string!viewBox=!string!><path fill=!string!d=!string!></path></svg>"); }
.packages .text-block-cta { margin-top: 2rem; }
.package-title { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1rem; }
.package-title .single-block-icon { width: 4rem; margin-right: 1rem; }
.packages h4 sup { font-size: 70%; font-weight: 400; vertical-align: sub; }

.package-promo-box-wrapper .single-block-out.package-promo-box .single-block-in { position: relative; padding: 2rem; overflow: hidden; height: 100%; background: #F6F6F8; box-shadow: -10px -10px 20px -20px rgba(255, 255, 255, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px rgba(225, 225, 230, 0.80); border-radius: 0; }


.package-promo-box-wrapper .single-block-out.package-promo-box .text-block-cta a { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #fff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px;  border-radius: 35px; }

.package-promo-box-wrapper .single-block-out.package-promo-box.box-lite .text-block-cta a {background: linear-gradient(132deg, #00B5E2 30%, #3b4559 90%);}
.package-promo-box-wrapper .single-block-out.package-promo-box.box-plus .text-block-cta a {background: linear-gradient(132deg, #008080 30%, #e74138 90%);}
.package-promo-box-wrapper .single-block-out.package-promo-box.box-pro .text-block-cta a {background: linear-gradient(132deg, #9640aa 30%, #f8ae40 90%);}
.package-promo-box-wrapper .single-block-out.package-promo-box.box-enterprise .text-block-cta a {background: #00b5e2; background: linear-gradient(132deg, #9640aa 30%, #00b5e2 90%);
    background: -moz-linear-gradient(132deg, hsla(280, 84%, 41%, 1) 30%, hsla(218, 97%, 56%, 1) 90%);
    background: -webkit-linear-gradient(132deg, #9640aa 30%, #00B5E3 90%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#9640aa", endColorstr="#00B5E5", GradientType=1 );}
.package-promo-box-wrapper .text-block-subtitle { font-size: 1.5rem; font-family: 'fira sans condensed', sans-serif; font-weight: 700; color: var(--petrol); line-height: normal; }
.package-promo-box-wrapper .single-block-content .text-block-body h4 {color: #008fff; font-size: 20px; font-weight: 800;}
.package-promo-box h4 small { color: #333; font-size: 0.9rem; font-weight: 700; color: #008fff; }


/*CUSTOM*/

.dark-bg p,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h2.comp-text-main-title > div { color: #ffffff; background: unset; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; }
.dark-bg li { color: #ffffff; }


.trusted img {filter: grayscale(100%); opacity: 0.5; 
 transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s  ease-in-out;}
.trusted img:hover {filter: unset; opacity: 1; }

.sml-icn .single-block-icon { width: 40px!important; margin-right: 0!important; }

.funded .single-block-out { width: auto; }
.funded .single-block-out .single-block-icon { width: 75%; margin: auto;}
.funded > div {justify-content: center;}

.t-b-width-auto .cell { width: auto!important; }
.t-b-width-auto .cell .single-block-icon { margin: auto; }
.t-b-width-auto > div {justify-content: center;}


@media screen and (min-width:40em) {
  .comp-faq-body-cont { position: relative; padding: 2rem; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
}
@media screen and (min-width:64em) {
  .comp-faq-body-cont { position: relative; height: 100%; }
}
@media screen and (min-width:64em) {
  .sidebar-image-left-wide .comp-faq-other,
  .sidebar-image-left .comp-faq-other { order: 2; }
}

/* Small only */
@media screen and (max-width:39.9375em) {
  .blog-title-group .blog-title { font-size: 2rem; line-height: 1.3; }
  .blog-title-group .blog-subtitle { font-size: 1.5rem; }
  form#views-exposed-form-resource-filtering-new-res-page,
  form#views-exposed-form-resource-filtering-res-page,
  form#views-exposed-form-resource-listing-res-page,
  form#views-exposed-form-resource-listing-resource-main-page-block { display: flex; flex-direction: column; align-items: flex-start; }
  .text-comp-2-clmn-teas-add .comp-text-icon img { position: relative; }
  .text-comp-2-clmn-teas-add .comp-text-icon { margin-bottom: 2rem; margin-top: 0rem; }
  .comp-text-icon { }
  .component-text-outer.text-comp-2-clmn-teas-add.light-mode { margin: 50px auto; max-width: 90% }
  .hero-banner .comp-banner-body p { font-size: 1rem; }
  .form-border-out .form-border,
  .form-border .nested-component-cont { max-width: 100%; padding: 2rem 0; }
  .hero-banner .banner-title h1 { font-size: 1.2rem; }
  .page-home .hero-banner .banner-title h1 { font-size: 2rem; }
  .hero-banner .banner-subtitle { font-size: 2.2rem; }
  .comp-banner-content-cntnr { width: 90%; }
  .footer-columns,
  .footer-columns-out { padding: 0; }
  .hero-blog-info { padding: 2rem; position: relative; box-shadow: unset;}
  .footer-menu-col1,
  .footer-menu-col2 { margin: 1rem; }
  .footer-menu-col1 ul,
  .footer-menu-col2 ul { margin-left: 0rem; }
  .full-screen.space-3-4 .comp-banner-media,
  .full-screen.space-3-4 .comp-banner-media video,
  .full-screen.space-3-4 .comp-banner-media img { min-height: calc(100vh - 20vh); height: calc(100vh - 20vh); }
  .cs-pack-tbl__row.cs-pack-tbl__head { box-shadow: 0px 14px 21px -19px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 14px 21px -19px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 21px -19px rgba(0, 0, 0, 0.75); }
  button.package-select.bt-stl-6 a { padding: 10px 20px; }
}

/* Medium and up */
@media screen and (min-width:40em) {
  .blog-title-group .blog-title { font-size: 3rem; line-height: 1; }
  .component-text-outer.text-comp-2-clmn-teas-add.light-mode { margin: 50px auto; max-width: 90%; }
  .bottom-overlap.hero-banner { height: calc(100vh - 30vh - 120px); }


  .point article { flex-basis: 50%; margin-right: auto; }
  .point img { flex-basis: 50%; max-width: calc(50vw - 1.875rem); height: auto; border: 8px solid rgb(19, 19, 19); box-shadow: 9px 9px 15px -7px rgba(0, 0, 0, 1); -webkit-box-shadow: 9px 9px 15px -7px rgba(0, 0, 0, 1); -moz-box-shadow: 9px 9px 15px -7px rgba(0, 0, 0, 1); }
  .overflow-visible .sections-cont { overflow: visible; }
  .text-comp-2-clmn-teas-add .comp-text-icon img { overflow: revert; margin: auto; display: flex; }
  /*SCROLL SLIDE*/
  .scroll-slide { position: relative; }
  .indicators { left: 2rem; top: 0; margin: 10vh 0; height: 80vh; width: 3px; display: none; flex-direction: column; justify-content: space-between; position: absolute; z-index: 999; }
  .indicator { width: 100%; background-color: #adadad; flex-grow: 1; margin: 2px 0; cursor: pointer; }
  .scroll-slide .point { height: 100vh; width: 100%; display: flex; align-items: center; }
  .scroll-slide .wrapper { height: 100vh; width: 100%; }
}

/* Medium only */
@media screen and (min-width:40em) and (max-width:63.9375em) { }

/* Large and up */
@media screen and (min-width:64em) {
  .blog-hero-outer { position: relative; margin-bottom: 3rem; height: 50vh; }
  .webinar-page-new .blog-title-group
  .webinar-page .blog-title-group { background-color: #000; border-radius: 0; position: absolute; bottom: -10%; top: 50%; right: 0; }

  /*.blog-title-group { background-color: #000; width: 75%; padding: 2rem 2rem 2rem 10%; border-radius: 0 1rem 1rem 0; position: absolute; bottom: -10%; }*/
  .blog-hero { height: 100%; overflow: hidden; }

  /*.text-comp-2-clmn-teas-add .overlap-top.paragraph--view-mode--text-block-teaser-add { top: -100px; }*/
  .hero-blog-info { position: absolute; bottom: -15%; left: 5%; transform: translateY(0%); padding: 2rem 4rem; top: unset; }
  .hero-blog-outer { justify-content: flex-end; }
}

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }

/* XLarge and up */
@media screen and (min-width:75em) { }
.component-text-outer.text-comp-2-clmn-teas-add.light-mode { max-width: 70%; }

/*@media (min-height:900px), screen and (orientation:landscape) {
  .bottom-overlap.hero-banner { height: calc(100vh - 33vh - 100px); }
  .hero-banner .comp-banner-body p { font-size: 1.5rem; margin-top: 1rem; }
  .hero-banner .banner-subtitle { font-size: 2.5rem; }
  .hero-banner .banner-title h1 { font-size: 2.8rem; }
}*/

@media (max-height:800px) {
  .bottom-overlap.hero-banner { height: unset;}
}

/*ADMIN*/

.paragraph--unpublished {position:relative;}
article.node--unpublished:before,
.paragraph--unpublished:before { content: "Unpublished Component"; font-size: 1rem; font-weight: bold; opacity: 1; position: absolute; z-index: 9; right: 0; line-height: 1; background: #ff0000; color: #fff; border-radius: 10px; padding: 0.5rem 1rem; transform: rotate(20deg); width: 125px; text-align: center; top: 0; }
article.node--unpublished:before {transform: rotate(339deg); content: "Unpublished Page"; top: -10px; left: 1rem;}
.admin-resource-reference .details-wrapper { display: flex; }
.admin-resource-reference-item { padding: 0 1rem; }
body.maintenance-page { width: 100%; height: 100vh; margin: 0; background-color: #1b2029; font-family: "arial"; font-weight: 100; }

/*PAGE COMPONENT PAGE*/
.page-component-page .single-block-in { border: 1px solid #ddd; border-radius: 0 !important; }


/* Controls the matrix effect */
.maintenance-page canvas { position: relative; opacity: 25%; }

/* Controls the welcome area - The first part of site that you see */
.maintenance-page #info-container { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }

/*#inner-cont { align-self: center; margin: 0 auto; font-weight: bolder; }*/
.maintenance-page h1#loading-text { display: flex; justify-content: center; align-items: center; color: #00b5e2; font-family: 'Fira Sans Condensed'; font-weight: 700; font-size: 44px; letter-spacing: 1px; text-align: center; }
.maintenance-page h2#sub-text { font-weight: 200; font-size: 16px; text-align: center; letter-spacing: 1px; color: white; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; }
.maintenance-page .hidden { opacity: 0; }
.maintenance-page #logo { width: 100%; }
.maintenance-page #logo svg { display: table; width: 50px; margin: 1rem auto; }
.maintenance-page .cls-1 { fill: #00b5e2; }



/*notes*/
.notes-page { background-color: #c7c7c7; filter: invert(1); }
.notes { border-bottom: 2px #ff0000; margin-bottom: 3rem !important; padding-bottom: 3rem; }
.notes button { border: 2px solid #ffffff; border-radius: 20px; background: #fff; }

[data-anim="m_e_slide_in"] .comp-sidebar-image-media { left: -50vw; position: relative; opacity: 0; }
[data-anim="m_e_slide_in"] .comp-sidebar-image-content-cntnr { right: -50vw; position: relative; opacity: 0; }

.sidebar-image-right[data-anim="m_e_slide_in_right_img"] .comp-sidebar-image-media { left: 50vw; position: relative; opacity: 0; }
.sidebar-image-right[data-anim="m_e_slide_in_right_img"] .comp-sidebar-image-content-cntnr { right: 50vw; position: relative; opacity: 0; }
.sidebar-image-right-wide[data-anim="m_e_slide_in_right_img"] .comp-sidebar-image-media { left: 50vw; position: relative; opacity: 0; }
.sidebar-image-right-wide[data-anim="m_e_slide_in_right_img"] .comp-sidebar-image-content-cntnr { right: 50vw; position: relative; opacity: 0; }

.sidebar-image-right,
.sidebar-image-left,
.sections-cont {overflow: hidden;}
.cover-image.sidebar-image-right .media--image {display: grid;}
.cover-image.sidebar-image-right img {width:100%; height: auto; margin: auto!important;}


.text-comp-2-clmn-teas-add .comp-text-content-cntnr { padding:1rem; } 
.narrow-70 .comp-text {width: 70%;}

.comp-banner-media { position: relative; overflow: hidden; }
.comp-banner-media2 { position: absolute; bottom: -2%; right: -2%; width: 50%; z-index: 2; height: 500px; overflow: hidden; opacity: 0.5; border-radius: 20px; border: 12px solid #000; }


.banner-style-1 .comp-banner-content-cntnr {text-align: left;}

.darken-img .comp-banner-media:before { content: ""; background: #000000; width: 100%; height: 100%; }
.darken-img  img {opacity: 0.6;}

@media (max-width:767px) {
  #eael-data-table-wrapper-2d047e6.custom-responsive-option-enable .eael-data-table thead { display: none; }
  #eael-data-table-wrapper-2d047e6.custom-responsive-option-enable .eael-data-table tbody tr td { float: none; clear: left; width: 100%; text-align: left; display: flex; align-items: center; }
}

table.eael-data-table thead .sorting_asc,
table.eael-data-table thead .sorting_desc,
table.eael-data-table thead .sorting { position: relative; z-index: 0; outline: 0; cursor: pointer }
table.eael-data-table thead .sorting_asc:after,
table.eael-data-table thead .sorting_desc:after,
table.eael-data-table thead .sorting:after { position: absolute; top: 50%; right: 10px; font-family: "Font Awesome 5 Free"; color: #fff; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.eael-data-table-wrap .eael-data-tables_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100% }
.eael-data-table-wrap .eael-data-tables_filter { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: right }
.eael-data-table-wrap .eael-data-tables_filter label { font-weight: 700 }
.eael-data-table-wrap .eael-data-tables_filter label input[type=search] { height: 40px; border: 1px solid rgba(0, 0, 0, .09); outline: 0; padding: 10px; margin-left: 10px }
.eael-data-table-wrap .eael-data-tables_length { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50% }
.eael-data-table-wrap .eael-data-tables_length select { width: auto; max-width: 120px; height: 40px; border: 1px solid rgba(0, 0, 0, .09); outline: 0; margin-left: 10px; margin-right: 10px }
.eael-data-table-wrap .eael-data-tables_length label { font-weight: 700 }
.eael-data-table-wrap .eael-data-tables_info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; font-weight: 700 }
.eael-data-table-wrap .eael-data-tables_paginate { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: right }
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button { padding: 10px 15px; background: #f2f2f2; margin-right: 2px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s }
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover { color: #fff; background: #4a4893 }
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.current { color: #fff; background: #4a4893 }
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.disabled { cursor: no-drop; background: #f2f2f2; opacity: .5; color: #888 }
.data-header-icon { margin-right: 10px; position: relative; top: 2px }
.eael-data-table { width: 100%; height: auto; margin: 0; border-collapse: separate; border: none }
.eael-data-table tr { border-style: none }
.eael-data-table thead tr { text-align: left }
.eael-data-table thead tr th { padding: 20px 15px; background: #00b5e2; font-size: 20px; font-weight: 600; font-family: 'Fira Sans Condensed'; line-height: 1; color: #fff; border-color: #000; border-width: 2px; border-style: none; background-clip: padding-box; text-align: center; }
.eael-data-table thead tr th:hover { border-color: #000 }
.eael-data-table tbody tr.even { -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out }
.eael-data-table tbody tr.even:hover { background: rgba(242, 242, 242, .7) }
.eael-data-table tbody tr.even:last-child { border-bottom: 1px solid rgba(0, 0, 0, .09) }
.eael-data-table tbody tr.odd { background: rgba(242, 242, 242, .5); -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
.eael-data-table tbody tr.odd:hover { background: rgba(242, 242, 242, .7) }
.eael-data-table tbody tr.odd:last-child { border-bottom: 1px solid rgba(0, 0, 0, .09) }
.eael-data-table tbody tr td { padding: 20px 15px; font-size: 14px; line-height: 1; border-width: 2px; border-style: none; background-clip: padding-box }
.eael-data-table-th-img { display: inline-block; margin: 0 15px 0 0; line-height: 1 }
.th-mobile-screen { display: none }

table.eael-data-table thead .sorting:after { content: "" }
table.eael-data-table thead .headerSortDown:after { content: "" }
table.eael-data-table thead .headerSortUp:after { content: "" }
table.eael-data-table thead .sorting_disabled.sorting:after { display: none }
table.eael-data-table .sorting.sorting-none:after { display: none }
table.eael-data-table .sorting_desc.sorting-none:after { display: none }
table.eael-data-table .sorting_asc.sorting-none:after { display: none }
.eael-table-align-left table.eael-data-table { float: left }
.eael-table-align-center table.eael-data-table { margin: 0 auto }
.eael-table-align-right table.eael-data-table { float: right }
.eael-hide-elements .eael-data-tables_info { display: none }
.eael-dt-th-align-left .eael-data-table thead tr th { text-align: left }
.eael-dt-th-align-right .eael-data-table thead tr th { text-align: right; padding-right: 30px }
.eael-dt-th-align-center .eael-data-table thead tr th { text-align: center }
.eael-dt-td-align-left .eael-data-table tbody tr td { text-align: left }
.eael-dt-td-align-center .eael-data-table tbody tr td { text-align: center }
.eael-dt-td-align-right .eael-data-table tbody tr td { text-align: right; padding-right: 30px }
.eael-dt-td-align-left .eael-data-table .th-mobile-screen { text-align: left }
.eael-dt-td-align-center .eael-data-table .th-mobile-screen { text-align: center }
.eael-dt-td-align-right .eael-data-table .th-mobile-screen { text-align: right }
@media(max-width:1024px) {
  .eael-dt-td-align-tablet-left .eael-data-table tbody tr td { text-align: left }
  .eael-dt-td-align-tablet-center .eael-data-table tbody tr td { text-align: center }
  .eael-dt-td-align-tablet-right .eael-data-table tbody tr td { text-align: right }
  .eael-dt-th-align-tablet-left .eael-data-table thead tr th { text-align: left }
  .eael-dt-th-align-tablet-left .eael-data-table .th-mobile-screen { text-align: left }
  .eael-dt-th-align-tablet-right .eael-data-table thead tr th { text-align: right; padding-right: 30px }
  .eael-dt-th-align-tablet-right .eael-data-table .th-mobile-screen { text-align: right }
  .eael-dt-th-align-tablet-center .eael-data-table thead tr th { text-align: center }
  .eael-dt-th-align-tablet-center .eael-data-table .th-mobile-screen { text-align: center }
}
@media(max-width:767px) {
  .eael-dt-td-align-mobile-left .eael-data-table tbody tr td { text-align: left }
  .eael-dt-td-align-mobile-center .eael-data-table tbody tr td { text-align: center }
  .eael-dt-td-align-mobile-right .eael-data-table tbody tr td { text-align: right }
  .eael-dt-th-align-mobile-left .eael-data-table thead tr th { text-align: left }
  .eael-dt-th-align-mobile-left .eael-data-table .th-mobile-screen { text-align: left }
  .eael-dt-th-align-mobile-right .eael-data-table thead tr th { text-align: right; padding-right: 30px }
  .eael-dt-th-align-mobile-right .eael-data-table .th-mobile-screen { text-align: right }
  .eael-dt-th-align-mobile-center .eael-data-table thead tr th { text-align: center }
  .eael-dt-th-align-mobile-center .eael-data-table .th-mobile-screen { text-align: center }
}


@media(max-width:767px) {
  .eael-data-table-wrap { overflow-x: scroll !important; padding-bottom: 5px }
  .th-mobile-screen {        /* display: inline-block; */
  padding: 0 .6em; margin-right: 10px; text-align: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 100px; flex-basis: 100px }
  .th-mobile-screen .eael-data-table-th-img { margin: 0 auto 15px auto; display: block }
  .th-mobile-screen .data-header-icon { margin: 0 auto 15px auto; display: block }
  .td-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% }
  .td-content { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
  .td-content>p { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
  .eael-data-table .td-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex }
  .eael-dt-td-align-mobile-left .td-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
  .eael-dt-td-align-mobile-center .td-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
  .eael-dt-td-align-mobile-right .td-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
}





/*PARALLAX SLIDER*/
.parallax-slider .parallax_slider_wrapper {}
.parallax-slider .parallax_slider_wrapper:last-child {height: auto;}
.parallax-slider section { padding-top: 150px; padding-bottom: 50px; }
.parallax-slider .wrapp { width: 100%; height: auto; overflow: hidden; z-index: 1; }
.parallax-slider .content { width: 100%; padding: 0 70px; }
.parallax-slider .parallax_slide .section-title { text-align: left; }
.parallax-slider .parallax_slide_wrapp { display: flex; justify-content: space-between; }
/*.parallax-slider .parallax_slide_img,
.parallax-slider .about__txt { width: calc(50% - 35px); height: auto; }*/
/*.parallax-slider .parallax_slide_txt { padding-right: 70px; }*/
.parallax-slider .parallax_slide_p { line-height: 1.4; font-size: 20px; color: #4b4b4b; }
.parallax-slider .parallax_slide_img { height: auto; overflow: hidden; border: 8px solid rgb(19, 19, 19);
    box-shadow: 9px 9px 15px -7px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 9px 9px 15px -7px rgba(0, 0, 0, 1);
    -moz-box-shadow: 9px 9px 15px -7px rgba(0,0,0,1); margin-top: 2rem;}
/*.parallax-slider .parallax_slide_img > div { display: block; width: 100%; height: 100%; }*/
.parallax-slider .parallax_slide_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.parallax-slider .parallax_slide_cta a { color: #ffffff; font-size: 1.1rem; font-weight: 500; text-decoration: underline; }
.parallax-slider section { padding-top: 50px; padding-bottom: 50px; }
.parallax_slider_wrapper:nth-child(2n+1) .parallax_slide_txt { order: 0; }
/*.parallax_slide_img { margin-top: 2rem; }*/


@media screen and (min-width:40em) {
  .parallax_slider_wrapper:nth-child(2n+1) .parallax_slide_txt { order: 2; }
  .parallax_slide_img { margin-top: 0rem; }
  .parallax-slider section { padding-bottom: 150px; }
  .parallax-slider .parallax_slider_wrapper { height: 60vh; }
}



.icollector-wrapper {
align-content: center;
    align-items: center;
background-image: url(https://www.clearskiessa.com/wp-content/uploads/2020/10/iCollector-architecture.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 370px auto; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 10px; position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;

}

.icollector-spin {
    animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-name: gira;
    -webkit-animation-name: gira;
    transform-origin: center center;
    -webkit-transform-origin: center center;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 40s;
    -webkit-animation-duration: 40s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;
}

.icollector-spin img { width: 400px; vertical-align: middle; display: inline-block; :auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; }

@keyframes gira {
  0% { transform: rotate( 0deg ); }
  100% { transform: rotate( 360deg ); }
}


/*PACKAGES*/
 
/* --- add / replace these rules --- */
.cs-pack-card-container { perspective: 1000px;  /* optional: control width or keep fluid */ display: block;               /* or inline-block if you want shrink-to-fit */ display: inline-flex; flex-direction: column; align-items: center; }

.cs-pack-card {
  display: grid;                /* stack children in the same grid cell */
  grid-template-areas: "stack";
  transform-style: preserve-3d;
  transform-origin: center center;
  will-change: transform;
  /* keep position: relative if you use pseudo-elements or absolute children elsewhere */
  position: relative;
}

/* each side occupies the same grid cell and therefore overlap visually,
   BUT they remain in normal flow so the container will measure height */
.cs-pack-card-side {
  grid-area: stack;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-origin: center center;
  padding: 1rem;               /* keep your existing spacing */
}

/* back side is rotated 180deg */
.cs-pack-card-side.back {
  transform: rotateY(-180deg);
}



button.package-toggle-btn  { border-radius: 2rem; display: table; background: #008fff;
font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; display: inline-flex; justify-content: center; color: #fff; background-size: 200% auto; align-items: center; transition: all 0.4s ease-in-out; padding: 10px 25px;}
button.package-toggle-btn:hover { background: #008080; }

 
.pricing-plan-tbl h2 { text-align: center;}
.cs-pack-outer-cont { max-width: 100vw; position: relative; width: 100%; border-radius: 1rem; background: #fff; padding: 3rem;
box-shadow: 16px 18px 17px -14px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 16px 18px 17px -14px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 16px 18px 17px -14px rgba(0,0,0,0.39);
}
.cs-pack-outer-cont .cs-pack-tbl__row { display: grid; align-items: center; border-bottom: 0px solid rgba(0, 0, 0, .2); padding: 0.8rem 1rem; background-color: #fff; border-radius: 1rem;}
.cs-pack-tbl__row.cs-pack-tbl__head { align-items: start; position: sticky !important; top: 100px; align-self: flex-start; padding: 10px; height: 100%; align-items: start;}
.cs-pack-outer-cont .cs-pack-tbl__row.pricing-row { background: #00b5e21c!important; }
.cs-pack-tbl__row.pricing-row  .cs-pack-tbl__row__col h4 { margin-bottom:0; }

.cs-pack-tbl__row.pricing-row  .cs-pack-tbl__row__col.monthly-ttl { align-items: flex-start; }
.cs-pack-outer-cont .cs-pack-tbl__row:nth-child(even) { background: #f5f5f5; }
h3.cs-pack-tbl-title { font-size: 1.1rem; line-height: normal; margin-bottom: 0; }
h4.cs-pack-tbl-title { font-size: 1.1rem; line-height: normal; margin-bottom: 0; font-weight: 500;}
.cs-pack-tbl__row__label { width: 90%; }

h4.cs-pack-tbl-title-pkg {font-size: 1.7rem}
.cs-pack-outer-cont p {font-size: 0.8rem; margin-bottom: 0;}
p.cs-pack-tbl-description-pkg {font-size: 0.8rem}
.check-yes { background: url("/sites/default/files/inline-images/check-yes.png") no-repeat center; background-image: url("/sites/default/files/inline-images/check-yes.svg"); background-size: contain; width: 20px; height: 20px; }
.check-no { background: url("/sites/default/files/inline-images/check-no.png") no-repeat center; background-image: url("/sites/default/files/inline-images/check-no.svg"); background-size: contain; width: 20px; height: 20px;}
.cs-pack-tbl__row__label__details { }
.cs-pack-tbl-value {font-size: 1.2rem; text-align: center;}
.cs-pack-tbl__row__label__popup-button { display: none; }
.cs-pack-tbl__row.cs-pack-tbl__row--cta-row { border: none; }

.cs-pack-tbl__row {grid-template-columns: 1.3fr repeat(4, 1fr);}
.cs-pack-outer-cont .cs-pack-tbl__row.cs-pack-tbl__row--cta-row { background: transparent; border-top: 1px solid #f5f5f5; border-radius: 0; margin-top: 1rem; padding-top: 2rem; } 
.cs-pack-card-wrapper {perspective: 500vw;}

.cs-pack-outer-cont .cs-pack-tbl__row--cell { 
  -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;}
.cs-pack-outer-cont .cs-pack-tbl__row__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    text-align: center; font-size: 0.8rem;
}


@media (max-width:64em) {
  .cs-pack-outer-cont .cs-pack-tbl__row__label { grid-column: 1 / -1; text-align: center; padding: 0 1rem 1rem; margin-bottom: 1rem; width: 100%; }
  .cs-pack-tbl__row { grid-template-columns: repeat(4, 1fr); }
  p.cs-pack-tbl-description-pkg,
  h3.cs-pack-tbl-title { display: none; }
  .cs-pack-outer-cont { padding: 0.5rem; }
  h4.cs-pack-tbl-title-pkg { font-size: 1.4rem; }
  .cs-pack-outer-cont .cs-pack-tbl__row__col { padding: 0 0.5rem }
  .cs-pack-tbl__row.cs-pack-tbl__head { top: 70px; }
}



#ob-sticky {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e6f8fc;
    display: none; /* hidden until iframe asks to show */
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 80px;
    padding: 12px 16px;
    z-index: 9999;
box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.25);
width: 100vw;
  }
  #ob-sticky .wrap {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  #ob-sticky .pricing {
    display: flex;
    flex-direction: column;
    margin-right: 24px;
    font-size: 1.125rem;
  }
  #ob-sticky .pricing .strong {
    font-weight: 600;
  }
#ob-cta{
  font-family: "Inter";
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 17.86px;
  text-align: center;
  width: 159px;
  height: 39px;
  border-radius: 22px;
  align-items: anchor-center;
  margin: 0 !important;
}

.selected-ptn{
 color: #ffffff;
  background-color: #00B5E2;;
  border-radius: 96px;
}


.video-training-node { padding-bottom: 3rem; }
.training-video-container { position: relative; }
.training-video-container a { width: 100%; height: 100%; }
.training-video-container h3 { position: absolute; top: 0; color: #fff;    /* margin: 1rem; */    /* height: 100%; */

/* width: 100%; */ }
.training-video-container h3 a { width: 100%; height: 100%; display: block; padding: 1rem; }


/*SEARCH*/
.search-results-page-cont ol li { border-bottom: 1px solid #dcdcdc; margin-bottom: 1rem; padding-bottom: 1rem; list-style: none; }
.search-results-page-cont form#search-form,
.search-results-page-cont h2  {display:none}

.upper_menu.cell.show-for-large div { display: flex; flex-direction: row; justify-content: flex-end; }
.search-block-wrapper { display: inline-flex; align-items: center; position: relative; }
.page-home .upper_menu .search-block-wrapper .search-toggle { color: #ffffff; }
.page-home .is-sticky .upper_menu .search-block-wrapper .search-toggle { color: #252A36; }
.search-toggle { background: none; border: none; color: #252A36; cursor: pointer; font-size: 1.25rem; }

.search-form-container { overflow: hidden; max-width: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.search-form-container:not(.hidden) { max-width: 240px; opacity: 1; visibility: visible; margin-left: 0.5rem; }
.reveal { max-width: 500px; padding: 2rem; text-align: center; }
.reveal input[type="search"] { width: 100%; font-size: 1rem; padding: 0.5rem; margin-top: 1rem; }

.reveal-overlay { position: absolute; top: 0; height: 100vh; z-index: 9; width: 100%; display: none; background: #000000cf; z-index: 10; }
div#searchModal { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: center; position: absolute;
    z-index: 9;
    width: 100%;
    right: 0;
}
form#search-block-form--2 { display: flex; justify-content: space-between; align-items: baseline; flex-direction: row; }


/*.upper_menu.cell.show-for-large div { display: flex; flex-direction: row; justify-content: flex-end; }
.reveal-overlay { position: absolute; top: 100px; z-index: 9; }
div#searchModal { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; }
form#search-block-form { display: flex; flex-direction: row; align-content: flex-end; }*/

.cto-series-title-group { margin-bottom: 3rem; width: 100%;}
.cto-series-outer .blog-hero-outer { margin-bottom: 3rem; }
.cto-series-outer .reading-time { color: #3B4559; }
.cto-series-outer h1.blog-title { line-height: normal; }

.hero-anouncements {width: 100%;}
.hero-anouncements-wrapper h3 {margin: 0.5rem; color: #ffffff; font-size: 1.2rem; text-align: left;}

.hero-anouncements-wrapper .callout { position: relative; height: 100%; display: flex; align-content: center; flex-direction: row-reverse; justify-content: space-between; padding: 0rem; background: #2ba6cb; background: linear-gradient(132deg, #9640aa 0%, #00b5e2 90%); flex-wrap: nowrap; align-items: center; }

.hero-anouncements-wrapper .close-button,
.hero-anouncements-wrapper .close-button.medium { right: unset; top: unset; font-size: 2.5em; font-weight: 200; color: #ffffff; position: relative; padding: 0 1rem; }
.hero-anouncements-wrapper .close-button:hover,
.hero-anouncements-wrapper .close-button:focus { color: #ffffff; }

.search-modal { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: #ffffffe6; padding: 0 1rem; }
.search-modal.is-open { max-height: 300px; /* adjust for your content */ padding: 1rem; }
.search-modal .search-close { background: none; border: 0; color: #00b5e2; font-size: 2rem; float: right; cursor: pointer; height: 2rem; width: 2rem; line-height: normal; }

.paragraph--type--carousel-slider .splide__slide .paragraph { display: flex; justify-content: center; align-content: center; flex-direction: column; align-items: center; flex-wrap: wrap; }
.splide__progress { background: #cacaca; }
.splide__progress__bar { background: #00b5e2; height: 1px; }



.paragraph--view-mode--hero-banner {}



.pricing-hero { background: linear-gradient(-45deg, #00BFFF, #005368, #1A2238, #9000D5); background-size: 400% 400%; animation: platform-gradient 30s ease infinite; padding: 4rem 0 !important;}
.pricing-hero p {color: #ffffff; max-width: 1024px; margin: auto; margin-bottom: 1rem;}

.pricing-hero .display1 {padding: 0 0 3rem; color: #ffffff;}



@keyframes platform-gradient {
  0% { background-position: 0% 50%;  }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



/*
#edit-tid--wrapper { position: relative; width: 260px; }

#edit-tid--wrapper legend { cursor: pointer; border: 1px solid #ccc; padding: 10px 14px; background: #fff; border-radius: 4px; }
#edit-tid--wrapper legend::after { content: "▾"; float: right; }

#edit-tid--wrapper .fieldset-wrapper { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ccc; border-top: none; padding: 10px; display: none; max-height: 220px; overflow-y: auto; z-index: 50; }
#edit-tid--wrapper.is-open .fieldset-wrapper { display: block; }

#edit-tid--wrapper .form-item { margin-bottom: 6px; }

.resource-tags { margin-bottom: 10px; }
.resource-tag { display: inline-block; background: #f2f2f2; border-radius: 4px; padding: 4px 8px; margin-right: 6px; margin-bottom: 6px; font-size: 13px; }
.resource-tag button { border: none; background: transparent; margin-left: 6px; cursor: pointer; }*/