@font-face {
  font-family: 'EuclidCircularA-Light'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Light.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-LightItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-LightItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}

@font-face {
  font-family: 'EuclidCircularA-Regular'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Regular.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-RegularItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-RegularItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}

@font-face {
  font-family: 'EuclidCircularA-Regular'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Regular.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-RegularItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-RegularItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}

@font-face {
  font-family: 'EuclidCircularA-Medium'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Medium.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-MediumItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-MediumItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}

@font-face {
  font-family: 'EuclidCircularA-Semibold'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Semibold.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-SemiboldItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-SemiboldItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}

@font-face {
  font-family: 'EuclidCircularA-Bold'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-Bold.woff) format('woff');
  font-display: swap; 
}

@font-face {
  font-family: 'EuclidCircularA-BoldItalic'; 
  src: url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/fonts/fonts-cx/EuclidCircularA-BoldItalic.woff) format('woff');
  font-display: swap; 
  font-style:italic;
}




/*** font ***/




 
 









 
 
 

  

 



 




/*** body ***/





/*** link ***/ 

/*** heading ***/














 
 


 
 

/*** custom fontsizes ***/



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 



html{
  background-color: #280051;
}
body {
  --black-color: #280051;
}

body{ 
  font-family: EuclidCircularA-Light,sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 150%;
  position:relative;
}


.globalBg{
  display:block !important;
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: -1;
  background-size: 140%;
  background-image:url(https://25322853.fs1.hubspotusercontent-eu1.net/hubfs/25322853/raw_assets/public/STAGIL_January2022/images/texture.png);
  /* mix-blend-mode:color-dodge; */
  opacity: 0.4;
}


a{
  color: #FFDE18;
}

a:active,
a:focus,
a:hover {
  color: #FFDE18;
}

blockquote{
  border-left: 3px solid #FFDE18;
}

h1,
h2,
h3,
h4,
h5,
h6{
  color: #FFFFFF;
  font-family: EuclidCircularA-Regular, sans-serif;
  font-weight: 500;
  line-height: 150%;
}

h1,
.cm-process .cm-item h6{
  font-size: 64px;
  font-weight: 600; 
  font-family: EuclidCircularA-Semibold,sans-serif;
}

h2 {
  font-size: 40px;  
  font-weight: 600;
  font-family: EuclidCircularA-Semibold,sans-serif;
}

h3 {
  font-size: 32px;
  font-family: EuclidCircularA-Medium,sans-serif;
}

h4 { 
  font-size: 18px;
  font-family: EuclidCircularA-Medium,sans-serif;
}

h5 { 
  font-size: 16px;  
  font-weight: 400;
}

h6 { 
  font-size:  12px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  h1,
  .cm-process .cm-item h6{
    font-size: 43.78947368384px; 
  }
}
@media (max-width: 991px) {
  h1,
  .cm-process .cm-item h6{
    font-size: 30.31578947328px; 
  }
}
@media (max-width: 767px) {
  h1,
  .cm-process .cm-item h6{
    font-size: 30.31578947328px; 
  }
  h2 {
    font-size: 30.0px; 
  }
  h3 {
    font-size: 24.0px; 
  }
}



.flexcard-base-container.cx_cards .flexcard .flexcard-content{
  color: #280051;
}

.appdetails_wrapper .appdetails_item .stagil-apps-link{
  font-size: 32px;
  font-family: EuclidCircularA-Semibold,sans-serif;
  background-color:;
  color:;
}

.appdetails_wrapper .appdetails_item .stagil-apps-link:hover{ 
  background-color:;
}

@media screen and (max-width: 560px){
  .appdetails_wrapper .appdetails_item .stagil-apps-link {
    font-size: 16px;
  }
}

.socials-group a {
  color: #FFFFFF;
}

.cm-process .cm-wrapper {
  background: ;
}

.cm-process .cm-item h5 {
  background: ;
}

.cm-process .cm-item h6 {
  font-family: EuclidCircularA-Light,sans-serif;  
}

.cm-process .cm-item:nth-child(2n) h5 {
  background-color: #FFDE18;
}

.course-date-cards .course-listing-container > *{ 
  border: 1px solid ; 
}

.course-date-cards .course-header .course--header-title{
  font-family: EuclidCircularA-Light,sans-serif; 
  font-weight: 600;
  font-size: 24px;
  color: #FFDE18;
}

.course-date-cards .course-info{ 
  font-family: EuclidCircularA-Light,sans-serif;
  font-weight: 400;
  font-size: 16px; 
}


.course-date-cards .course-location{
  font-family: EuclidCircularA-Light,sans-serif; 
  font-weight: 400;
  font-size: 16px; 
}

.course-date-cards .course-price{
  font-family: EuclidCircularA-Light,sans-serif;
  font-weight: 700;
  font-size: 50px;
}

.course-date-cards .course-container .course-dates {  
  border: 2px solid #280051;
}

.course-date-cards svg{ 
  fill:; 
}

.course-date-cards .course-booking-form { 
  background-color: #FFFFFF; 
}

.course-listing-container .course-listing-course-container { 
  border: 1px solid ;
}

.course-listing-container .course-listing-course-container .course-listing-course-dates{ 
  font-family: EuclidCircularA-Light,sans-serif; 
  font-weight: 600;
  font-size: 25px; 
  color: #FFFFFF !important; 
}

.course-listing-container .course-listing-course-container svg{ 
  fill: ;
}

.course-listing-container .course-listing-course-container .course-listing-course-price{
  font-family: EuclidCircularA-Light,sans-serif;
  font-weight: 800;
  font-size: 25px;
  color: #FFFFFF !important; 
}

.course-listing-container .course-listing-course-container .course-listing-course-location{ 
  font-family: EuclidCircularA-Light,sans-serif;
  font-weight: 600;
  font-size: 16px; 
  color:#FFFFFF !important; 
}

.course-listing-container .course-listing-course-container .course-listing-course-booking-container form{
  background-color: rgba(40, 0, 81, 0.24);
  font-family: EuclidCircularA-Light,sans-serif;
}

@media screen and (max-width: 990px){
  .course-listing-container .course-listing-course-container .course-listing-course-price, 
  .course-listing-container .course-listing-course-container .course-listing-course-dates {
    font-weight: 600;
    font-size: 20px; 
  }
}

.grid-cards a,
.grid-cards h2 svg,
.grid-cards h3 svg,
.grid-cards h4 svg,
.grid-cards h5 svg {
  color: #280051; 
}

.grid-cards h2 {
  font-family: EuclidCircularA-Light,sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.grid-cards h3 {
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.grid-cards h4 {
  font-family: EuclidCircularA-Bold,sans-serif; 
  font-size: 20px;
  font-weight: 500;
}

.grid-cards p { 
  font-family: EuclidCircularA-Light,sans-serif;
  font-size: 16px; 
}


.grid-cards h2, .grid-cards h3, .grid-cards h4, .grid-cards h5 {
  line-height: 150%;
}
.grid-cards .grid-card * {
  color: #280051; 
  fill:#280051; 
}

.grid-cards .grid-card__link { 
  color: #0055CC; 
  font-family: EuclidCircularA-Regular, sans-serif;
  font-size: 16px; 
}

.home-banner__typewriter {
  color: #FFDE18; 
}

.home-banner__overlays:before { 
  background-color: ;
}

.home-banner__headline { 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 64px; 
}

.home-banner__subheading {
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 24px;
}

.home-banner__paragraph { 
  font-size: 16px; 
}

.home-banner__link {
  color: #FFDE18; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 16px; 
}

.home-banner__bot-wrapper { 
  border-top: 1px solid #280051; 
}

@media screen and (max-width: 1200px) { 
  .home-banner__headline {
    font-size: 48px;
  }
}

@media screen and (max-width: 610px) {  
  .home-banner__headline { 
    font-size: 40px;
  } 
  .home-banner__specialized-badges { 
    border-top: 1px solid #280051; 
  } 
}

@media screen and (max-width: 930px){ 
  .home-banner__specialized-badges { 
    border-top: 1px solid #280051; 
  }
}

.flexcard-base-container .flexcard {
  background-color: #FFFFFF;
}

.flexcard-base-container a:hover {
  background-color:  !important; 
}



.flexcard-base-container .flexcard-listing-container .flexcard-header *,
.flexcard-base-container .flexcard-listing-container .flexcard-content *{ 
  color: #280051; 
}


.flexcard-base-container .flexcard-header h4 { 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #280051; 
}

.flexcard-base-container .flexcard-link { 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 16px;  
}

.flexcard-base-container .flexcard-link,
.flexcard-base-container .flexcard-link *{  
  color: #0055CC; 
  fill : #0055CC; 
}

.locationtab.stagil-tabbed-content .tab_container{
  background-color:#FFFFFF;
} 

.locationtab.cxStLocTab  ul.tabs li.active{
  background-color:#FFFFFF;
  color:#280051;
} 
.locationtab.cxStLocTab  ul.tabs li:hover{
  background-color:#FFFFFF;
  color:#280051;
} 
.locationtab.cxStLocTab  ul.tabs li{
  background-color:#FFFFFF;
  color:#280051;
} 

.locationtab.cxStLocTab .tab-content-row-content.active a {
  color: #FFDE18; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 25px;
  font-weight: 800;  
}

.locationtab.cxStLocTab .tab-content-row-content a {
  color: #280051; 
}

.locationtab.cxStLocTab .tab-content-row-content { 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 25px;
  font-weight: 800;
}

.locationtab.cxStLocTab .tab-titles,
.locationtab.cxStLocTab .tab-titles:hover, 
.locationtab.cxStLocTab .tab-titles:active {
  background: ; 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 17px; 
  color: #280051;  
}

.locationtab.cxStLocTab .tab-titles:hover {
  background: ;
}

.locationtab.cxStLocTab ul.tabs li.active .tab-titles {
  background: ;
}

.locationtab.cxStLocTab .tab-titles:active {
  background: ;
}

.locationtab.cxStLocTab .location-header { 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 27px; 
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container:after { 
  background: linear-gradient(90deg,  4%, #0000 32%), linear-gradient(-90deg,  0%, #0000 32%); 
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container:before { 
  background: ; 
}

.page-banner--background-image .page-banner__overlays:before { 
  background-color: ;
}

.page-banner--background-image .page-banner__overlays:after { 
  background-image: radial-gradient(circle at 8% 120%, #FFFFFF 16%, #0000 56%), radial-gradient(circle at 40% 120%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 64% 120%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 100% 120%, #FFFFFF 16%, #0000 56%);
}

@media screen and (min-width: 2200px) {
  .page-banner--background-image .page-banner__overlays:after {
    background-image: radial-gradient(circle at 8% 140%, #FFFFFF 16%, #0000 56%), radial-gradient(circle at 40% 140%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 64% 140%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 100% 140%, #FFFFFF 16%, #0000 56%);
  }
}

@media screen and (min-width: 3200px) {
  .page-banner--background-image .page-banner__overlays:after {
    background-image: radial-gradient(circle at 8% 160%, #FFFFFF 16%, #0000 56%), radial-gradient(circle at 40% 160%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 64% 160%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 100% 160%, #FFFFFF 16%, #0000 56%);
  }
}

.page-banner--content-image .page-banner__overlays:before { 
  background-color: ;
  background-image: radial-gradient(circle at 8% 124%, #FFFFFF 16%, #0000 56%), radial-gradient(circle at 40% 124%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 64% 124%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 100% 124%, #FFFFFF 16%, #0000 56%);
}

.page-banner--content-image .page-banner__overlays:after { 
  background-image: radial-gradient(circle at 70%, #FFFFFF 8%, #0000 48%); 
}

@media screen and (min-width: 1720px) {
  .page-banner--content-image .page-banner__overlays:before {
    background-image: radial-gradient(circle at 8% 132%, #FFFFFF 16%, #0000 56%), radial-gradient(circle at 40% 132%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 64% 132%, #FFFFFF 24%, #0000 48%), radial-gradient(circle at 100% 132%, #FFFFFF 16%, #0000 56%);
  }

  .page-banner--content-image .page-banner__overlays:after {
    background-image: radial-gradient(circle at 62% 48%, #FFFFFF 8%, #0000 48%);
  }
}


.page-banner__breadcrumbs { 
  color: #280051; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 24px; 
}

.page-banner__breadcrumbs-parent {
  color: #FFFFFF; 
}

@media (pointer: fine) {
  .page-banner__breadcrumbs-parent:hover {
    color: #FFFFFF;
  }
}

.page-banner__breadcrumbs-hyphen { 
  background-color: #FFFFFF; 
}

.page-banner__headline { 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 64px; 
}

.page-banner__paragraph { 
  font-size: 16px;
}

.page-banner__cta-button { 
  background: ; 
  font-family: EuclidCircularA-Bold,sans-serif ;
  color: #280051 !important; 
}

@media (pointer: fine) {
  .page-banner__cta-button:hover {
    background-color: ;
  }
}

@media screen and (max-width: 1200px) {
  .page-banner__headline {
    font-size: 48px;
  }

  .page-banner--background-image .page-banner__overlays .page-banner__background-image-container:after {
    background: linear-gradient(90deg,  16%, #0000 56%), linear-gradient(-90deg,  0%, #0000 32%);
  } 
}

@media screen and (max-width: 880px) {
  .page-banner--background-image .page-banner__overlays .page-banner__background-image-container:after {
    background: linear-gradient(90deg,  16%, #0000 56%), linear-gradient(-90deg,  0%, #0000 32%), linear-gradient(0deg,  40%, #0000 88%);
  }
}

@media screen and (max-width: 610px) {
  .page-banner__headline { 
    font-size: 40px;
  }

  .page-banner__breadcrumbs { 
    font-size: 16px;
  }

  .page-banner--background-image .page-banner__overlays .page-banner__background-image-container:after {
    background: linear-gradient(90deg,  0%, #0000 32%), linear-gradient(-90deg,  0%, #0000 32%), linear-gradient(0deg,  40%, #0000 88%);
  }
}

.stagil-tabbed-pricing .item-listing-pricerange .price{
  font-size: 22px;
  font-family: EuclidCircularA-Bold,sans-serif;
  color: #FFDE18; 
}

.stagil-tabbed-pricing .item-listing-cta a{ 
  background: ; 
  font-family: EuclidCircularA-Bold,sans-serif; 
  color: #280051!important; 
}

.stagil-tabbed-pricing .item-listing-cta a:hover {
  background: ;
}

.stagil-tabbed-pricing .item-listing .item-listing-benefits span{
  color: #FFDE18;
  font-weight: 900;
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px; 
}

.stagil-tabbed-pricing .item-listing h4{
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.stagil-tabbed-pricing .tab_container {
  border: 1px solid ; 
}

.stagil-tabbed-pricing .tab-titles h3 {
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.stagil-tabbed-pricing .tab-titles .tab-icon { 
  fill: #FFFFFF;
}

.stagil-tabbed-pricing ul.tabs { 
  background-color: ;
}

.stagil-tabbed-pricing ul.tabs li { 
  color: ; 
  border: 1px solid ;
}

.stagil-tabbed-pricing ul.tabs li:hover {
  background-color: ;
}

.stagil-tabbed-pricing ul.tabs li.active { 
  border: 1px solid ; 
  background-color: #FFFFFF;
}

@media screen and (max-width: 480px) {  
  .stagil-tabbed-pricing.st_pricing .tab_accordion_heading {
    background-color: ;
    color: #FFFFFF; 
  }
  .stagil-tabbed-pricing.st_pricing .acc_active {
    background-color: #707070;
    color: #FFFFFF;
  } 
}

@media screen and (max-width: 600px) { 
  .stagil-tabbed-pricing .item-listing{ 
    border-bottom: 1px solid ;
  } 
}

.stagil-tabbed-pricing .pricing-notice svg{ 
  fill: ; 
}

.flexcard-base-container .yellow .flexcard:hover {
  background-color:  !important;
}


@media (min-width: 320px) {
  .cm-form-wrapper h2,
  .lead-form-wrapper .cm-form-wrapper h2{
    font-family: EuclidCircularA-Light, HelveticaNeue-Light, Helvetica Neue Light,Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-size: 32px; 
  }
}

@media (min-width: 768px) {
  .cm-form-wrapper h2,
  .lead-form-wrapper .cm-form-wrapper h2{
    font-size: 48px;
  }
}

.blog-form-wrapper .dd-book-cover,
.document-download-wrapper .dd-book-cover { 
  background: ;   
}
.blog-form-wrapper .dd-book-inside,
.document-download-wrapper .dd-book-inside{
  border: 1px solid ; 
  background: #FFFFFF;
}

.blog-form-wrapper .dd-title,
.document-download-wrapper .dd-title {
  font-size:22px;
  color: #280051;
}

.blog-form-wrapper .dd-btn,
.document-download-wrapper .dd-btn { 
  background: ;
  color: #FFFFFF;
  font-weight: 700; 
  font-size: 16px; 
}


@media only screen and (max-width: 768px){
  .countdown-container ul li span{
    font-size: 25px;
  }
  .countdown-container ul li div{
    font-size: 18px;
  }
  .countdown-container ul li {
    font-size: 18px; 
  }
}

.countdown-container.minimal-countdown .countdown-link div {
  font-size: 22px; 
}

.countdown-container.minimal-countdown .countdown-link a{ 
  color: #FFFFFF;
}

.countdown-container.minimal-countdown ul li span{
  font-size: 25px;
}
.countdown-container.minimal-countdown  ul li div{
  font-size: 18px;
}

.countdown-container.minimal-countdown ul li {
  font-size: 18px;
}

.countdown-container.minimal-countdown h2{
  font-size: 30px;
}

.countdown-container.minimal-countdown .pointer svg path{
  fill: #FFFFFF;
}

@media screen and (max-width: 685px) { 
  .countdown-container.minimal-countdown ul li span{
    font-size: 22px!important;
  }
  .countdown-container.minimal-countdown  ul li div{
    font-size: 14px!important;
  } 
} 


.lead-form-wrapper-v2 .show-lead-form{
  background: ;
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 17px;
}

.lead-form-wrapper-v2 .button {
  background: ; 
  color: #FFFFFF;  
}

.lead-form-wrapper-v2 .button:hover {
  background: ;
}

.lead-form-wrapper-v2 .modal-content { 
  background-color: ;
}

.lead-form-wrapper-v2 .close {
  color: ; 
  font-size: 50px;
  color: #280051;
}

.lead-form-wrapper-v2 .close:hover,
.lead-form-wrapper-v2 .close:focus {
  color: ; 
}

.stagil-partner-listing-container .single-product-container {
  border: 1px solid ; 
}

.stagil-partner-listing-container {
  background-color: ;
}

.stagil-partner-listing-container .info-container,
.info-wrapper{ 
  border: 1px solid ; 
  background-color: #FFFFFF; 
}

.stagil-partner-listing-container .common-service-container { 
  background-color: ; 
  border: 1px solid 
}

.stagil-partner-listing-container .common-service-container svg { 
  fill: #280051;
}

.stagil-partner-listing-container .partner-listing-card {
  background-color: #FFFFFF;
}

.reference-person-container { 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 18px; 
}

.reference-person {
  font-family: EuclidCircularA-Bold,sans-serif;
}

.controls {
  color: #FFFFFF;
}

.blog-post-listing-container .blog-post-listing-wrapper{
  background-color: rgba(40, 0, 81, 0.24);
} 

.stagil-menu-search input[type=text] { 
  color: #FFFFFF; 
  background-color: #FFFFFF;  
}

.stagil-menu-search input[type=text]::placeholder{
  color: #FFFFFF;
}

.stagil-menu-search input[type=text]:focus { 
  color: ; 
}

.stagil-menu-search .stagil-menu-search-suggestions{ 
  background-color: #FFFFFF;  
  margin-top:-15px!important;
}

.stagil-menu-search .stagil-menu-search-suggestions a{
  color: #280051;
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 14px;  
}

.stagil-menu-search .stagil-menu-search-suggestions a:hover{
  color: #FFDE18; 
}

.stagil-menu-search .hs-search-field__bar .search-image-container img{ 
  fill: ;  
}

.hs-search-field.stagil-menu-search{ 
  background-color: #FFFFFF; 
}
/*
.stagil-tabbed-content .tab_container .tab_content .tab-content-row:nth-child(odd) {
background-color: #FFFFFF;  
}
*/ 
.stagil-tabbed-content .tab-titles .tab-icon { 
  fill: #FFFFFF;
}




@media screen and (max-width: 480px) { 
  .stagil-tabbed-content.cxStLocTab .tab_accordion_heading {
    background-color: ;
    color: #FFFFFF; 
  }
  .stagil-tabbed-content.cxStLocTab .acc_active {
    background-color: #707070;
    color: #FFFFFF;
  } 
}


.stimeline-wrapper .info{
  border: 1px solid ;
} 

.stagil-update-listing-container .stagil-update-listing-wrapper{ 
  border-bottom: 1px solid ;  
}

.stagil-update-listing-container .stagil-update-listing-wrapper .post-image img { 
  background-color: ; 
}


.flexcard-base-container .tabs a { 
  background-color: ;
  color: #280051; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 24px; 
}

.flexcard-base-container .current a {
  color: #FFFFFF;
  background: #280051; 
} 

.flexcard-base-container .tabs .current a:hover{
  color:#FFFFFF;
}

.flexcard-base-container .minimal-tabs li a {
  font-family: EuclidCircularA-Bold,sans-serif; 
  font-size: 17px
}

.flexcard-base-container .minimal-tabs li a,
.flexcard-base-container .minimal-tabs li.current a,
.flexcard-base-container .minimal-tabs li a:hover{
  color: #FFFFFF !important;
}

.similar-apps-wrapper .glide__bullets button:before { 
  color: #280051; 
} 

.similar-apps-wrapper .glide__bullets button.glide__bullet--active:before {
  color: #FFDE18; 
}

.similar-apps-wrapper  .glide__arrow--right:before, 
.similar-apps-wrapper  .glide__arrow--left:before {
  font-size: 20px; 
  color: #FFFFFF; 
} 

.similar-apps-wrapper ul.apps-slider-wrapper .slider-item .details-inner{
  background: rgba(62, 13, 112, 0.4); 
}

.similar-apps-wrapper ul.apps-slider-wrapper .details { 
  color: #FFFFFF;
}

.similar-apps-wrapper ul.apps-slider-wrapper  a { 
  font-size: 16px; 
}

.similar-apps-wrapper  li.slider-item:hover .details-inner{ 
  background: rgba(62, 13, 112, 1);
} 

.similar-apps-wrapper li.slider-item .details-inner a:hover {
  color: #280051 !important;
  text
} 

.solutionpartnerbadge .panel{
  Border:1px solid ; 
}

.flexcard-base-container.contact-options .flexcard .flexcard-content.contact-options{ 
  background-color: ; 
}

.globallogos-wrapper .logo-item:hover{ 
  background-color:;
}


body {
  --black-color: #280051;
}

.heading-3 { 
  color: var(--black-color);
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 24px; 
}

form {
  background: ; 
}  

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
#hs-pwd-widget-password{
  background-color: #FFFFFF; 
  border-color:; 
  font-size: 14px; 
}

.fn-date-picker .pika-table thead th {
  color: #FFFFFF;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus { 
  color: #FFFFFF;
}

form .hs-richtext{
  font-size: 14px;
}

form .hs-richtext p {
  font-size: 14px; 
}

.hs-form-required {
  color: ;
}

.hs-input.invalid.error {
  border-color: ;
}

.hs-error-msg {
  color:  !important;
  font-size: 14px; 
}

ul.no-list.hs-error-msgs.inputs-list li>label {
  color: ;
  font-size: 14px;
} 

form input[type=submit],
form .hs-button { 
  font-size: 14px; 
  background: ; 
  color: #280051; 
  font-family: EuclidCircularA-Bold,sans-serif; 
}


::-webkit-input-placeholder {
  color: ;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
} 

.panelContent.standardcta .form-columns-3 .field.hs-form-field { 
  background-color: #FFFFFF; 
}  

.stagil-form .hs-fieldtype-radio.field.field.hs-form-field > label{
  font-weight: 800;
}




form label { 
  font-size:12px;
  color: ; 
}

#hs-pwd-widget-password, 
form input[type=email],
form input[type=file],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text],
form select,
form textarea {
  border: 2px solid ;
  color: ; 
  font-size: 16px;
}

form .hs-button, 
form input[type=submit] { 
  font-size: 16px;
  font-weight: 400; 
  font-family: EuclidCircularA-Regular, sans-serif;
}

form input[type=checkbox] { 
  border: 2px solid ;
}



/* Table Cells */
table>tbody>tr>td, table>tbody>tr>th, 
table>tfoot>tr>td, table>tfoot>tr>th, 
table>thead>tr>td, table>thead>tr>th { 
  border-top: 1px solid ;
}

table th {
  background: #280051;
  color: #FFFFFF; 
}

table>thead>tr>th { 
  border-bottom: 2px solid ;
}

table>tbody>tr:nth-of-type(odd) {
  background-color: ;
}

table td {
  font-size: 14px;
}

.dcf-table caption { 
  font-weight: 700; 
}

blockquote { 
  font-size: 14px;
  border-left: 3px solid #FFDE18;
} 

hr { 
  border-top: 1px solid ; 
} 

.flexcard-base-container a:hover {
  background-color:  !important; 
}

.flexcard-base-container .flexcard-listing-container .flexcard { 
  border: 1px solid #FFFFFF;  
}

.flexcard-base-container .flexcard-header h4 { 
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px;
  font-weight: 500
}

.flexcard-base-container .flexcard-header .flexcard--header-title {
  font-family: EuclidCircularA-Light,sans-serif; 
  font-weight: 600;
  font-size: 24px;
}

.flexcard-base-container .flexcard-link { 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 16px; 
}

.grid-cards a {
  color: #280051;
}

.grid-cards h2 svg,
.grid-cards h3 svg, 
.grid-cards h4 svg, 
.grid-cards h5 svg {
  color: #280051; 
}

.grid-cards h2 {
  font-family: EuclidCircularA-Light,sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.grid-cards h3 {
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 28px;
  font-weight: 400;
}

.grid-cards h4 {
  font-family: EuclidCircularA-Bold,sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.grid-cards p { 
  font-family: EuclidCircularA-Light,sans-serif;
  font-size: 16px; 
}

.grid-cards .grid-card__link { 
  color: #0055CC; 
  font-family: EuclidCircularA-Regular, sans-serif;
  font-size: 16px; 
}

article.post-item .panel {
  background: ; 
} 
article.post-item .panelContent h5 { 
  font-family: EuclidCircularA-Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 16px; 
  color: ; 
}
article.post-item .panelContent h2 {
  font-size: 32px !important; 
}
article.post-item .learn-more { 
  color: ;
  font-family: EuclidCircularA-Semibold,sans-serif; 
} 
article.post-item .learn-more:hover { 
  color: #FFDE18; 
}   
.blogsidebar { 
  background: ; 
  font-family: EuclidCircularA-Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  font-size: 11pt; 
}  
.blogsidebar a {
  color: ;
}
.blogsidebar a:hover {
  color: ; 
} 
@media (min-width: 992px) { 
  article.post-item:first-child .panelContent h2 {
    font-size: 42px !important; 
  }
  article.post-item:first-child img { 
    border-left: 20px solid #FFFFFF;
  }
}
.blog-post__meta-section { 
  font-size: 16px; 
}

.blog-sidebar h3 {
  font-size: 21px;
  font-weight: 600; 
}

.blog-sidebar ul {
  background: #FFFFFF; 
}

.blog-sidebar ul li {
  border-top: 1px solid ;
  font-weight: 600; 
}

.blog-sidebar-post-listing li:before { 
  font-size: 36px;
  font-weight: 600; 
}

.blog-pagination { 
  font-size: 25px;
} 

.blog-pagination__link--active {
  border: 2px solid ;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
  color: ; 
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: ; 
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: ;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid ;
}

.page-header { 
  border-bottom: 1px solid ;
}

.page-header h1 {
  font-size: 42px;
}

.main-blog-post .lead { 
  font-size: 16px;
  font-weight: 400; 
}

.blog-post__body h2 { 
  font-family: EuclidCircularA-Regular, sans-serif;
  font-size: 24px;
}

.blog-post__body h1 {
  font-size: 42px;
} 

@media (min-width: 768px) {
  .main-blog-post .lead {
    font-size: 21px;
  }
} 
.blog-post__body h3 {
  font-family: EuclidCircularA-Regular, sans-serif;
  font-size: 18px !important;
}

@media (max-width: 767px) {
  .main-blog-post .page-header h1{
    font-size: 20pt;
  }

} 

.blog-related-posts__title a {
  color: ;
}

@media (max-width: 360px) {
  .de-blog-index article.post-item .panelContent h2 {
    font-size: 22pt !important;
  }
}

.container.section-container.error-conainter.bc-page-container h1 {
  font-family: EuclidCircularA-Bold,sans-serif !important; 
} 

.systems-page ul.no-list.hs-error-msgs label {
  color: ;
} 

.hs-search-results__title {
  color: ; 
  font-family: EuclidCircularA-Light,sans-serif; 
}

.error-page-wrapper .yellow .panel {
  background: ; 
}

.error-page-wrapper .button-wrapper a:hover{
  background-color: #FFFFFF; 
}

@media (max-width: 767px){ 
  .systems-page h2 {
    font-size: 20pt;
  } 
}


.flexcard-base-container .tabs_item .flexcard-listing-container {
  width: 100%;
}


/***** header *****/

.header__logo.header__logo--catworkx {
  width: unset !important;
}

.header__nav__link{ 
  color: #280051; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 16px;
}

.header__nav__sub a{ 
  color: #280051; 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 14px;
}

.stagil-menu-search input[type=text],
.header__nav__sub p{
  font-size: 14px;
}

.header__nav__sub p{
  color: ;
}
@media (pointer: fine) {
  .header__nav__link:hover, .header__nav__sub a:hover {
    text-decoration: underline !important;
  }
}

.header__cta {
  margin: 0 0 0 24px !important
}

@media screen and (max-width: 762px) {
  .header__cta {
    margin: 0 0 0 16px !important
  }
}

.header__cta a{ 
  background: ; 
  font-family: EuclidCircularA-Bold,sans-serif;    
  color: #280051;
  line-height: 20px;
}

.header__cta a:hover {
  background-color: ;
}

.lang-switch__trigger{
  color: #280051; 
}

.lang-switch__trigger span{ 
  font-family: EuclidCircularA-Semibold,sans-serif;
  font-size: 16px;
}

.header__nav__sub-divider{
  background-color: rgb(199, 150, 250);
}

@media (hover: none), screen and (max-width: 1100px){ 
  .header__nav {
    border-top: 1px solid ;
  } 
  .menu-button,
  .nav-controls>button{ 
    color: #FFFFFF; 
  }
  .nav-controls__dots button{
    color: #FFFFFF!important; 
  } 
  .nav-controls__dots button.active-dot {
    color: #FFFFFF!important; 
  }
  .header-outer.show-megamenu .header__nav__link, 
  .header-outer.show-megamenu1 .header__nav__link{
    color: #FFFFFF;
  }

  .nav-controls{ 
    background: #FFFFFF;
  }
}

.footer {
  background-color: rgb(62, 13, 112);
}
.footer-row:after {
  background: rgb(199, 150, 250) !important;
}

#footerLogo {
  margin: 0;
  height: unset;
  width: unset;
}

.footer, 
.footer a, 
.footer-links .hs-menu-wrapper ul li a, 
.footer-links .hs-menu-wrapper ul li a:hover {
  color: #FFFFFF;
}

#footer{
  border-top: 1px solid rgba(40, 0, 81, 0.24);
}

.footer-links .hs-menu-wrapper>ul>li>a:first-child{ 
  font-family:EuclidCircularA-Bold,sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.footer-links .hs-menu-wrapper ul ul li a{
  font-size: 14px;
  color: #FFFFFF; 
}

#footer-language { 
  font-family:EuclidCircularA-Bold,sans-serif; 
}

.footer-copyright {
  color: #FFFFFF;
  font-size: 12px;
  margin: 0;
}

.footer-copyright a {
  font-size: 14px;
}


/**** new module css ****/


.grid-cards .grid-card__link{
  color: #0055CC;
}
.grid-cards .grid-card__link svg,
.grid-cards .grid-card__link svg path{
  fill: #0055CC;
}
.grid-cards.cx_cards .grid-card__link svg,
.grid-cards.cx_cards .grid-card__link svg path{
  fill: #0055CC;    
}

.grid-cards.cx_cards h1,
.grid-cards.cx_cards h2,
.grid-cards.cx_cards h3,
.grid-cards.cx_cards h4,
.grid-cards.cx_cards h5,
.grid-cards.cx_cards h6 { 
  line-height: 150%;
}

.grid-cards.cx_cards h1:after, 
.grid-cards.cx_cards h2:after, 
.grid-cards.cx_cards h3:after, 
.grid-cards.cx_cards h4:after, 
.grid-cards.cx_cards h5:after, 
.grid-cards.cx_cards h6:after{ 
  background: #280051; 
}

.stagil-update-listing-container.cx_stagilUpdates h4 a:after{ 
  background: #FFFFFF; 
}


.stagil-update-listing-container.cx_stagilUpdates .stagil-update-listing-wrapper {
  width: 100%;
  background: rgba(40, 0, 81, 0.24); 
}

.grid-cards.cx_cards h1 a,
.grid-cards.cx_cards h2 a,
.grid-cards.cx_cards h3 a,
.grid-cards.cx_cards h4 a,
.grid-cards.cx_cards h5 a,
.grid-cards.cx_cards h6 a{
  color: #FFDE18;    
  text-decoration:none;
}


.cx_cards.transparent_theme .grid-card__container,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard{
  background-color: transparent !important;
}

.cx_cards.yellow_theme .grid-card__container,
.flexcard-base-container.yellow_theme .flexcard-listing-container .flexcard{
  background-color: #FFDE18 !important;
}

.cx_cards.white_theme .grid-card__container,
.flexcard-base-container.white_theme .flexcard-listing-container .flexcard{
  background-color: #FFFFFF !important;
}

.flexcard-base-container.light_grey_theme .flexcard-listing-container .flexcard{
  background-color: #F2F2F2 !important;
}


.cx_cards.light_grey_theme .grid-card__container{
  background-color: #F2F2F2 !important;
}  

.cx_cards.medium_grey_theme .grid-card__container,
.flexcard-base-container.medium_grey_theme .flexcard-listing-container .flexcard{
  background-color: #F2F2F2 !important;
}

.cx_cards.black_theme .grid-card__container,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard{
  background-color: rgb(62, 13, 112, 0.4) !important;
}


.cx_cards.orange_theme .grid-card__container,
.flexcard-base-container.orange_theme .flexcard-listing-container .flexcard{
  background-color: #FFDE18 !important;
}

.cx_cards.blue_theme .grid-card__container,
.flexcard-base-container.blue_theme .flexcard-listing-container .flexcard{
  background-color: #FFDE18 !important;
}

.cx_cards.black_theme .grid-card__container *,
.cx_cards.black_theme .grid-card__link svg path{
  color: #FFDE18; 
  fill: #FFDE18;
}


.flexcard-base-container.black_theme .flexcard-listing-container .flexcard .flexcard-link ,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard .flexcard-link *{
  color: #FFDE18 !important; 
  fill: #FFDE18 !important;
}



.flexcard-base-container.blue_theme .flexcard-listing-container .flexcard *{
  color: #280051; 
  fill: #280051;
}

.grid-cards.cx_cards h1:after,
.grid-cards.cx_cards h2:after,
.grid-cards.cx_cards h3:after, 
.grid-cards.cx_cards h4:after, 
.grid-cards.cx_cards h5:after, 
.grid-cards.cx_cards h6:after{
  background: #280051;
}

.cx_cards.black_theme h1:after,
.cx_cards.black_theme h2:after, 
.cx_cards.black_theme h3:after, 
.cx_cards.black_theme h4:after,
.cx_cards.black_theme h5:after, 
.cx_cards.black_theme h6:after, 
.cx_cards.transparent_theme h1:after,
.cx_cards.transparent_theme h2:after, 
.cx_cards.transparent_theme h3:after, 
.cx_cards.transparent_theme h4:after,
.cx_cards.transparent_theme h5:after, 
.cx_cards.transparent_theme h6:after,
.cx_cards.transparent_theme h1:after,
.cx_cards.transparent_theme h2:after, 
.cx_cards.transparent_theme h3:after, 
.cx_cards.transparent_theme h4:after,
.cx_cards.transparent_theme h5:after, 
.cx_cards.transparent_theme h6:after, 
.flexcard-base-container.cx_minimal_tabs.transparent_theme .hrserp,
.flexcard-base-container.cx_minimal_tabs.transparent_theme .hrserp{
  background: #FFFFFF;
}

.stagil-update-listing-container.cx_stagilUpdates .imgcx_gradient{
  background-image: linear-gradient(90deg, #FFDE18 0%, #FBC217);
}


.countdown-container.cxCountdown li .serp {
  background: linear-gradient(270deg, #FFDE1A 0%, #FFA700);
}

.countdown-container.cxCountdown li:not([class]){
  background-color: rgba(40, 0, 81, 0.24);
}


.solutionpartnerbadge.cxglobalPartner .panel,
.solutionpartnerbadge.cxglobalPartner .solutionpartner-accolades{
  border-color: ;
}


.globallogos-wrapper.cxgloballogos .sectionMacroRow .logo-item:hover { 
  background: rgba(255,255,255,0.08);
}

.appdetails_wrapper.cxappDetails .appdetails_item .stagil-apps-link{
  background-color: #FFDE18; 
}

.appdetails_wrapper.cxappDetails .appdetails_item .stagil-apps-link:hover{
  background-color: rgba(40, 0, 81, 0.24); 
}


.countdown-container.cxCountdown li.countdown-link a{
  color: #FFDE18;
}

.countdown-container.cxCountdown li.countdown-link a:hover{
  color: #FFDE18;
}

.stagil-chat ul li {
  font-weight: 400;
}

.stagil-chat ul li a.user {
  color: #280051;
}

.stagil-chat ul li .date {
  font-size: 14px;
}

.stagil-chat ul li .message:after {
  border-top: 17px solid #FFDE18;
}

.stagil-chat ul li.you .message:after {
  border-top: 17px solid rgba(40, 0, 81, 0.24);
}

.stagil-chat ul li.other .message:after {
  border-top: 17px solid #DBDBDB;
}


.stagil-chat.cxChatbox ul li .message{
  background-color:#FFDE18;
  color:#280051;
}
.stagil-chat.cxChatbox ul li h6{
  color:#280051;
}
.stagil-chat.cxChatbox ul li .message:after{
  border-top-color:#FFDE18;
}
.stagil-chat.cxChatbox ul li.other .message{
  background-color:rgba(40, 0, 81, 0.24); 
  color:#FFFFFF;
}
.stagil-chat.cxChatbox ul li.other h6{
  color:#FFFFFF;
}

.stagil-chat.cxChatbox ul li.other .message:after{
  border-top-color:rgba(40, 0, 81, 0.24);
}
.stagil-chat.cxChatbox ul li.other.third .message{
  background-color:#DBDBDB;
  color:#280051;
} 
.stagil-chat.cxChatbox ul li.other.third h6{
  color:#280051;
}

.stagil-chat.cxChatbox ul li.other.third .message:after{
  border-top-color:#DBDBDB;
}

.slider-container.card_gallery.cx_quotes .cx_tsti_meta { 
  border-top: 1px solid ;
}

.flexcard-base-container.cx_minimal_tabs .hrserp {
  background: ; 
}

.flexcard-base-container.cx_minimal_tabs .iconRow h4 {
  color: #280051; 
}

.stagil-tabbed-pricing.cx_pricingTabs .item-listing .item-listing-benefits:before { 
  background: linear-gradient(270deg, #FFDE1A 50%, #FFA700 112.5%); 
}

.stagil-tabbed-pricing.cx_pricingTabs .pricebenefit:before {  
  background: #FFFFFF; 
}

.stagil-tabbed-pricing.cx_pricingTabs .pricing-notice svg { 
  fill: #FFFFFF;
}


.stagil-tabbed-pricing.cx_pricingTabs ul.tabs li,
.stagil-tabbed-content.locationtab.cxLocationTabs  ul.tabs li,
.stagil-tabbed-content.cxstTabs ul.tabs li,
.flexcard-base-container.cx_minimal_tabs .tabs li,
.stagil-tabbed-pricing.cx_pricingTabs .tab_accordion_heading,
.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading,
.stagil-tabbed-content.cxstTabs .tab_content,
.stagil-tabbed-pricing.cx_pricingTabs .tab_content,  
.stagil-tabbed-content.locationtab.cxLocationTabs .tab_content, 
.stagil-tabbed-content.cxstTabs .tab_accordion_heading,
.flexcard-base-container.cx_minimal_tabs .accrdion_head a,
.flexcard-base-container.cx_minimal_tabs .tabs_item{ 
  border-color: #707070 !important;
}

.stagil-tabbed-pricing.cx_pricingTabs ul.tabs li:hover,
.stagil-tabbed-content.locationtab.cxLocationTabs  ul.tabs li:hover,
.stagil-tabbed-content.cxstTabs ul.tabs li:hover,
.flexcard-base-container.cx_minimal_tabs .tabs li:hover{
  border-color: #FFFFFF !important;
}

.stagil-tabbed-pricing.cx_pricingTabs  ul.tabs li.active,
.stagil-tabbed-content.locationtab.cxLocationTabs  ul.tabs li.active,
.stagil-tabbed-content.cxstTabs  ul.tabs li.active,
.flexcard-base-container.cx_minimal_tabs .tabs li.current,
.stagil-tabbed-pricing.cx_pricingTabs .tab_accordion_heading.acc_active,
.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading.acc_active,
.stagil-tabbed-content.cxstTabs .tab_accordion_heading.acc_active,
.stagil-tabbed-pricing.cx_pricingTabs .acc_active + .tab_content,
.stagil-tabbed-content.locationtab.cxLocationTabs .acc_active + .tab_content,
.stagil-tabbed-content.cxstTabs .acc_active + .tab_content,
.flexcard-base-container.cx_minimal_tabs .accrdion_head.current a,
.flexcard-base-container.cx_minimal_tabs .tabs_item.active{
  border-color: #FFDE18 !important;
}
.stagil-tabbed-content.cxstTabs  ul.tabs li svg{
  fill:inherit;
  color:currentColor;
}

.cx_timeline .cxtl_line {  
  background:  #5B5B5B;
} 
.cx_timeline .cxtl_line_inr { 
  background: linear-gradient(180deg, #280051, transparent 11.67%, transparent 88.63%, #280051);
}

.hrserp { 
  background: #280051;
}

.cx_timeline .cxtl_itm_inr:before { 
  background: linear-gradient(270deg, #FFDE1A 50%, #FFA700 112.5%); 
}

.cx_timeline .cxtl_itm_inr{
  background: rgba(40, 0, 81, 0.24);
}

.cx_leadForm .lead-form-image-text h5:after,
.cx_leadForm .lead-form-image-text h4:after { 
  background: ; 
}

.cxContactOptions .cxCntItem {
  border-bottom: 1px solid ; 
}

.lead-form-wrapper-v2.cxform2 { 
  background: rgba(40, 0, 81, 0.24) !important;
}

.lead-form-wrapper-v2.cxform2 .show-lead-form { 
  font-size: 16px;
  font-weight: 400; 
  font-family: EuclidCircularA-Regular, sans-serif;
  background: #FFDE18;
  color: #280051; 
}

.lead-form-wrapper-v2.cxform2 .show-lead-form:hover { 
  background: #FBC217;
}

.lead-form-wrapper-v2.cxform2 .text-wrapper h2,
.lead-form-wrapper-v2.cxform2 .text-wrapper h3 { 
  border-bottom: 1px solid #FFFFFF; 
}

.lead-form-wrapper-v2.cxform2 .modal-content {
  background: #280051; 
}
.lead-form-wrapper-v2.cxform2 form{
  background:none !important;
}

.blog-post-listing-container.cxblogListing .blog-post-listing-wrapper{
  background: rgba(40, 0, 81, 0.24); 
}

.blog-post-listing-container.documents-listing-container a{  
  color: #FFFFFF;
}
.blog-post-listing-container.cxblogListing .blog-post-listing-wrapper .post-summary{
  color: #FFFFFF;
}

.blog-post-listing-container.documents-listing-container a:hover {  
  color: #FFFFFF;
}

.flexcard-base-container.cx_cards .flexcard-header {
  border-color:#280051; 
}

.flexcard-base-container.cx_cards.black_theme .flexcard-header,
.flexcard-base-container.cx_cards.blue_theme .flexcard-header{
  border-color: #FFFFFF;
}

@media(max-width:1200px){
  .flexcard-base-container .flexcard-link {
    white-space: normal;
  }
}



/**** butttons *****/

.button, 
.hs-button {
  border-radius: 3px;
  padding: 8px 16px;
  font-family: EuclidCircularA-Regular, sans-serif;
  text-transform: uppercase;  
  display: inline-block; 
}

.primary_btn,
.hs-button,
.button,
.page-banner__cta-button{
  background-color: #FFDE18;
  color: #280051;
}

.primary_btn:hover,
.hs-button:hover,
.button:hover,
.page-banner__cta-button:hover{
  background-color: #FBC217;
  color: #280051; 
}

.primary_btn:focus,
.hs-button:focus,
.button:focus,
.page-banner__cta-button:focus{
  background-color: #FFDE18;
  color: #280051;  
}

.secondary_btn{
  background-color: rgba(40, 0, 81, 0.24);
  color: #FFFFFF; 
}
.secondary_btn:hover{
  background-color: #280051;
  color: #FFFFFF; 
}
.secondary_btn:focus{
  background-color: rgba(40, 0, 81, 0.24);
  color: #FFFFFF; 
}

.dark1_btn{ 
  background-color: #280051;
  color: #FFFFFF;   
}
.dark1_btn:hover{ 
  background-color: rgba(40, 0, 81, 0.24);
  color: #FFFFFF;   
}
.dark1_btn:focus{ 
  background-color: #280051;
  color: #FFFFFF;   
}

.dark2_btn{
  background-color: #FBC217;
  color: #280051; 
}
.dark2_btn:hover{
  background-color: #FFDE18;
  color: #280051; 
}
.dark2_btn:focus{
  background-color: #FBC217;
  color: #280051; 
}

.grid-cards.cx_cards .grid-card__content > *:first-child + *:after {
  display: none !important;
}

.grid-cards.cx_cards .grid-card__content {
  width: 100%;
}

.stagil-menu-search input[type=text] {
  border-radius: 20px !important;
  background-color: ;
}

.hs-search-field.stagil-menu-search {
  border-radius: 20px !important;
  background-color: ;
}
.stagil-menu-search ::placeholder {
  font-size: 0;
}

.stagil-menu-search .stagil-menu-search-suggestions {
  background-color: ;
  color: #FFDE18; 
}
.stagil-menu-search .stagil-menu-search-suggestions a {
  color: #FFDE18; 
}

.hs-search-field.stagil-menu-search {
  position: relative; 
}
.stagil-menu-search .hs-search-field__bar input[type=text] {
  color: ;
} 

.meta-nav{
  background-color:  !important; 
}

.post-item.Icon .panel{
  background-color: #FFDE18 !important; 
}



/* 
.ctBlog .blogBnr {
background-color: #FFDE18; 
}

.ctBlog .blogBnr:before { 
background-image:none; 
}
*/

.ctBlog .blogTags ul li a { 
  border: 1px solid #DBDBDB; 
}

.ctBlog .blogItemInr{
  background-color: rgba(40, 0, 81, 0.24);
}

.ctBlog .blog_sitesearch form input.hs-search-field__input { 
  border: 1px solid #DBDBDB;
  background: #DBDBDB; 
  font-size: 12px; 
  color: #280051; 
}

.ctBlog .blog_sitesearch form input.hs-search-field__input::placeholder {
  color: #280051; 
}


.ctBlog .blogListTitle h6 {
  font-size: 16px; 
}

.ctBlog .blogListtags a {
  border: 1px solid  #DBDBDB; 
}


.cx_cards.transparent_theme .grid-card__container,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard{
  border: 1px solid  #FFFFFF !important; 
  color: #FFFFFF; 
}

.cx_cards.transparent_theme .grid-card__container .grid-card__content *,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard .grid-card__content *,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard:hover .grid-card__content *,
.cx_cards.black_theme .grid-card__container .grid-card__content *,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard .grid-card__content *,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard:hover .grid-card__content *{ 
  color: #FFFFFF !important; 
}


.grid-cards.cx_cards.transparent_theme .grid-card__link,
.grid-cards.cx_cards.transparent_theme .grid-card__link{
  color: #FFDE18;    
}

.grid-cards.cx_cards.transparent_theme .grid-card__link svg,
.grid-cards.cx_cards.transparent_theme .grid-card__link svg path{
  fill: #FFDE18;    
}


.grid-cards .grid-card .grid-card__container { 
  transition: all .3s ease-in-out !important;
}



.cx_cards.transparent_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard:hover{
  background-color: transparent !important;
}

.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard:hover{
  border:none !important;
}

.cx_cards.transparent_theme .grid-card:not(:hover) .grid-card__container,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard:not(:hover){
  box-shadow:none !important;
}



.cx_cards.yellow_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.yellow_theme .flexcard-listing-container .flexcard:hover {
  background-color: #FBC217 !important;
}
.cx_cards.white_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.white_theme .flexcard-listing-container .flexcard:hover {
  background-color: #DBDBDB !important;
}

.cx_cards.light_grey_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.light_grey_theme .flexcard-listing-container .flexcard:hover {
  background-color: #DBDBDB !important;
}

.cx_cards.transparent_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.transparent_theme .flexcard-listing-container .flexcard:hover {
  background-color: rgba(255,255,255,0.08) !important;
}
.cx_cards.medium_grey_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.medium_grey_theme .flexcard-listing-container .flexcard:hover {
  background-color: #DBDBDB !important;
}
.cx_cards.black_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard:hover {
  background-color: rgb(62, 13, 112, 1) !important;
}
.cx_cards.orange_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.orange_theme .flexcard-listing-container .flexcard:hover {
  background-color: #FBC217 !important;
}
.cx_cards.blue_theme .grid-card:not(.noHoverCard):hover .grid-card__container,
.flexcard-base-container.blue_theme .flexcard-listing-container .flexcard:hover {
  background-color: #FFDE18 !important;
}

.cm_location_cards.grid-cards .grid-card * {
  color: #FFDE18 !important;
  fill: #FFDE18;
}


.solutionpartnerbadge.cxglobalPartner .panelContent {
  background: none !important;
}

.solutionpartnerbadge.cxglobalPartner .panel {
  border: 0;
  background: rgba(40, 0, 81, 0.24);
}


.hs-search-field.stagil-menu-search i {
  display: none;
}
.course-listing-container .course-listing-course-container svg {
  fill: #FFFFFF;
}

.stagilBnr .home-banner__overlays:after { 
  position: absolute;
  mix-blend-mode: soft-light;
  filter: blur(300px);
  transform: rotate(0deg);
  background-image: radial-gradient(circle at 8% 120%, rgb(255 222 24 / 7%) 16%, #0000 56%), radial-gradient(circle at 40% 120%, rgb(255 222 24 / 58%) 24%, #0000 48%), radial-gradient(circle at 64% 120%, rgb(255 222 24 / 8%) 24%, #0000 48%), radial-gradient(circle at 100% 120%, rgb(255 222 24 / 49%) 16%, #0000 56%);
  height: 100%;
}

.stagilBnr .home-banner__overlays:after, 
.stagilBnr .home-banner__overlays:before {
  height: 100%;
}
.flexcard-base-container.cx_cards.transparent_theme .flexcard-header h4{
  color: #FFFFFF;
}
.flexcard-base-container.cx_cards.transparent_theme .flexcard-header{
  border-color: #FFFFFF;
}

.flexcard-base-container.cx_cards.transparent_theme .flexcard-link,
.flexcard-base-container.cx_cards.transparent_theme .flexcard-link *{
  color: #FFDE18;
  fill: #FFDE18;
}

.flexcard-base-container.cx_cards.black_theme * {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.flexcard-base-container.cx_cards.blue_theme * {
  color: #280051 !important;
  fill: #280051 !important;
  border-color: #280051 !important;
}


.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li,
.locationtab.stagil-tabbed-content .tab_container,
.locationtab.stagil-tabbed-content .tab_container{
  background: none;
}

.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li{
  border-bottom-color: #707070 !important;
}

.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li:hover,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li:hover {
  border-bottom-color: #FFFFFF !important;
}

.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li.active,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li.active,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li.active:hover,
.stagil-tabbed-content.locationtab.cxLocationTabs ul.tabs li.active:hover{
  border-bottom-color: #FFDE18 !important;
}

.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading.acc_active ,
.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading.acc_active {
  border-left-color: #FFDE18;
}

.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading.acc_active + div ,
.stagil-tabbed-content.locationtab.cxLocationTabs .tab_accordion_heading.acc_active + div {
  border-left-color: #FFDE18;
}


.stagil-tabbed-pricing.cx_pricingTabs .item-listing {
  background: rgba(40, 0, 81, 0.24);
}

.stagil-tabbed-pricing ul.tabs li.active {
  background: none;
}

.stagil-tabbed-pricing ul.tabs li svg {
  fill: currentColor;
}


.blog-form-wrapper .cm-form-wrapper,
form,
.formBg{
  background: rgba(62, 13, 112, 1) !important;
  border-radius: 5px;
  padding: 32px;
}

form .input > .hs-input {
  background: none;
  border: 2px solid #738496;
  color: #707070;
}

::-webkit-input-placeholder {
  color: #707070;
}
ul.no-list.hs-error-msgs.inputs-list li>label{
  color:red;
}

form input[type=submit],
form .hs-button {
  background: #FFDE18;
  padding: 8px 16px 8px 16px;
  width: 100%;
}

form input[type=submit]:hover,
form .hs-button:hover {
  background: #FBC217;
}

.cm-form-wrapper .cm-form {
  max-width: 100% !important;
}

.document-download-wrapper .cm-form-wrapper{
  background: rgba(40, 0, 81, 0.24);
}

.offercard-wrapper.cx_offerCard .offercard-card,
.slider-container.card_gallery.cx_quotes .cxquote_inr{
  background: rgba(40, 0, 81, 0.24); 
}

.slider-container.card_gallery.cx_quotes .glide__arrow svg{
  fill: #FFFFFF;
  color: #FFFFFF;
}

.hs-search-field form{
  background:none !important;
}

.flexcard-base-container.cx_minimal_tabs.transparent_theme .iconRow h4 {
  color: #FFFFFF;
}

.flexcard-base-container.cx_minimal_tabs.black_theme .flexcard-listing-container .flexcard *,
.flexcard-base-container.cx_minimal_tabs.transparent_theme .flexcard-listing-container .flexcard * {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.flexcard-base-container.cx_minimal_tabs.black_theme .hrserp,
.flexcard-base-container.cx_minimal_tabs.transparent_theme .hrserp {
  fill: #FFFFFF;
  background: #FFFFFF;
}

.flexcard-base-container.black_theme.cx_cards .flexcard-listing-container .flexcard-content,
.flexcard-base-container.black_theme.cx_cards .flexcard-listing-container .flexcard-header *,
.flexcard-base-container.black_theme.cx_cards .flexcard-listing-container .flexcard-content,
.flexcard-base-container.black_theme.cx_cards .flexcard-listing-container .flexcard-header *,
.flexcard-base-container.transparent_theme.cx_cards .flexcard-listing-container .flexcard-content,
.flexcard-base-container.transparent_theme.cx_cards .flexcard-listing-container .flexcard-header *,
.flexcard-base-container.transparent_theme.cx_cards .flexcard-listing-container .flexcard-content,
.flexcard-base-container.transparent_theme.cx_cards .flexcard-listing-container .flexcard-header *{
  color: #FFFFFF;
}

.flexcard-base-container.blue_theme .flexcard-listing-container .flexcard-header *,
.flexcard-base-container.blue_theme .flexcard-listing-container .flexcard-content *{
  color: #280051 !important;
  fill: #280051 !important;
}

.offercard-wrapper.cx_offerCard .hrserp{
  background: #FFFFFF;
}

.flexcard-base-container.simpleTabsWrap .tabs a:hover, 
.flexcard-base-container.simpleTabsWrap .tabs a {
  color: #FFFFFF;
}

.flexcard-base-container.simpleTabsWrap .tabs a {
  background: rgba(40, 0, 81, 0.24);
}

.flexcard-base-container.simpleTabsWrap .tabs a:hover {
  background: #280051;
}

.flexcard-base-container.simpleTabsWrap .tabs .current a {
  background: #280051;
}

.cmProcessWrapper.cx_timeline .hrserp{
  background: #FFFFFF;
}

.similar-apps-wrapper ul.apps-slider-wrapper .details a:hover,
.similar-apps-wrapper ul.apps-slider-wrapper .details-inner:hover a {
  color: #FFDE18 !important;
  text-decoration:underline;
}


.similar-apps-wrapper .glide__arrow--left:before, .similar-apps-wrapper .glide__arrow--right:before {
  display: none;
}

.similar-apps-wrapper .glide__arrow--left svg, .similar-apps-wrapper .glide__arrow--right svg {
  display: block;
  fill: #FFFFFF;
}

.similar-apps-wrapper .glide__arrow--left svg *, .similar-apps-wrapper .glide__arrow--right svg * {
  fill: #FFFFFF;
}


.similar-apps-wrapper .glide__arrow--left {
  left: -50px;
}

.similar-apps-wrapper .glide__arrow--right {
  right: -50px;
}

.similar-apps-wrapper .glide__bullets button {
  width: 8px;
  height: 8px;
  background: #FFFFFF !important;
  border-radius: 50%;
  transition: .1s all ease-in-out;
}

.similar-apps-wrapper .glide__bullets button:before {
  display: none;
}

.similar-apps-wrapper .glide__bullets {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.similar-apps-wrapper .glide__bullets button.glide__bullet--active {
  background: #FFDE18 !important;
  transform: scale(1.5);
}


.page-banner--content-image .page-banner__overlays:before {
  background-image: radial-gradient(circle at 8% 126%, #ffde181a 16%, #0000 78%), radial-gradient(circle at 40% 92%, #ffde1840 30%, #0000 66%), radial-gradient(circle at 64% 144%, #ffde1821 24%, #0000 53%), radial-gradient(circle at 100% 132%, #ffde1824 16%, #0000 38%);
}

.page-banner--content-image .page-banner__overlays:after {
  background-image: radial-gradient(circle at 62% 48%, #ffffff3d 8%, #0000 48%);
}


.page-banner__breadcrumbs {
  color: #FFFFFF;
}



.page-banner__overlays {
  overflow: hidden;
  mix-blend-mode: soft-light;
}


.page-banner--content-image .page-banner__overlays:after, 
.page-banner--content-image .page-banner__overlays:before{
  height:100% !important;
}

.cx_timeline .hrserp{
  background-color: #FFFFFF;
}


.header__nav__link {
  color: #FFFFFF;
}

.stagil-menu-search .hs-search-field__bar input[type=text] {
  color: #280051;
}

.header__cta a {
  background: #FFDE18;
}

.header__cta a:hover {
  background: #FBC217;
}

.lang-switch__trigger,.lang-switch__trigger:hover {
  color: #FFFFFF;
}

.lang-switch__options a,.lang-switch__options a:hover {
  color: #280051;
}

.menu-button {
  color: #FFFFFF !important;
}

.header__nav__sub p {
  color: #FFFFFF;
}

.show-megamenu .lang-switch__trigger, 
.show-megamenu .lang-switch__trigger:hover {
  color: #280051;
}

.show-megamenu .menu-button {
  color: #280051 !important;
}

.show-megamenu  .header__nav {
  border-color: #280051;
}


.flexcard-base-container.cx_minimal_tabs .minimal-tabs-content .flexcard .flexcard-content-container * {
  color: #280051;
}

.flexcard-base-container.cx_minimal_tabs.black_theme .minimal-tabs-content .flexcard .flexcard-content-container *,
.flexcard-base-container.cx_minimal_tabs.transparent_theme .minimal-tabs-content .flexcard .flexcard-content-container *{
  color: #FFFFFF;
  fill: #FFFFFF;
}

.blog-pagination * {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.ctBlog .blogFeat:before{
  display:none !important;
}


.stagil-update-listing-container.cx_stagilUpdates .post-title-and-summary h4 a {
  width: 100%;
}

.cx-download-listing .panelContent {
  color: #FFFFFF;
}

.cx-download-listing .download-text {
  color:#FFFFFF !important;
  text-align: left !important;
}

article.post-item .panel {
  background: rgba(40, 0, 81, 0.24);
}

article.post-item:first-child img {
  border: 0;
}

.blog-header {
  background: transparent;
}

.cx-download-listing.sidebar a.flexcard:hover{
  background:rgba(40, 0, 81, 0.24)!important;
}

.hs-search-field .hs-search-field__suggestions li#results-for{
  color: #280051;
}


/*  stagil banner */


.page-banner__overlays:before,
.page-banner__overlays:after {
  display: none !important;
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container:before,
.page-banner--background-image .page-banner__overlays .page-banner__background-image-container:after {
  display: none;
}

.pb_overlay_global {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  filter: blur(200px);
  opacity: 0.5;
  display:block !important; 
  overflow:hidden;
}

.page-banner__container {
  position: relative;
  z-index: 4;
}

.pbOverlay1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: soft-light;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

.pbOverlay2 {
  position: absolute;
  width: 430px;
  height: 500px;
  background: radial-gradient(100.3% 100.3% at -4.21% 51.25%, #FFDE18 0%, rgba(255, 222, 24, 0.84) 67.5%, rgba(255, 222, 24, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 207px;
  transform: matrix(-0.42, -0.91, -0.91, 0.42, 0, 0);
  z-index: 2;
}

.pbOverlay3 {
  position: absolute;
  width: 430px;
  height: 500px;
  background: radial-gradient(100.3% 100.3% at -4.21% 51.25%, #FFDE18 0%, rgba(255, 222, 24, 0.84) 67.5%, rgba(255, 222, 24, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 207px;
  transform: matrix(0.85, -0.53, -0.53, -0.85, 0, 0);
  right: 0;
  z-index: 2;
}

.pbOverlay4 {
  position: absolute;
  width: 430px;
  height: 460px;
  background: #FFFFFF;
  border-radius: 207px;
  transform: matrix(-0.24, -0.97, -0.97, 0.24, 0, 0);
  left: 40%;
  z-index: 9;
  z-index: 2;
  opacity: 0.5;
}

.pb_overlay_global:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 70%);
}

.page-banner{
  background: linear-gradient(180deg, #0000 60%, #280051 100%);
}

.page-banner {
  padding-bottom: 100px !important;
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container img {
  filter: opacity(.32);
  height: 100%;
  object-fit: cover;
  object-position: top right;
  min-height: 700px;
}

.dnd-section{
  position:relative;
  z-index:10;
}

.course-listing-container.cwx-course-listing .course-listing-course-container .course-listing-course-name{
  color: #FFFFFF !important; 
}


.course-listing-container.cwx-course-listing .course-listing-course-container{
  background-color: rgba(40, 0, 81, 0.24) !important;
}

.page-banner__container { 
  z-index: 99 !important;
}


.pb_texture_overlay {
  display: block  !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(1);
  opacity: .25;
}

.flexcard-base-container .flexcard-link {
  white-space: normal !important;
}

.cm_location_cards.grid-cards .grid-card {
  border: none !important;
  background: rgba(40, 0, 81, 0.24) !important;
}


.stagil-chat.cxChatbox ul li.other .message.other:not(.third):after {
  border-right: 0;
  left: -2px;
}

.grid-cards.cx_cards.grid-cards--style-color .grid-card__container {
  border: none !important;
}




.header__panel {
  background: rgb(40, 0, 81, 0.32);
  box-shadow: 0px 2px 12px 0px rgba(0,0,0, 0.12), 0px 1px 1px 0px rgba(0,0,0, 0.24);
}

.header__overlay {
  background: rgba(40, 0, 81, 0.64) !important;
}

.header-outer.show-megamenu .header__panel {
  background: #280051;
}

.header__nav__link, .header__nav__sub a {
  color: #FFFFFF;
}

.header__nav__sub span.with-icon {
  color: rgb(255 255 255 / 48%);
}

.header__nav__sub-col--image::before {
  background: #DBDBDB;
}

.header .header__nav__sub-col.header__nav__sub-col--image h3 {
  color: #FFFFFF;
}

.header .header__nav__sub-col.header__nav__sub-col--image p { 
  color: #FFFFFF!important;
}

/* cursor pointer */

@media (pointer: fine) {
  .header-outer.show-megamenu .header__nav__link {
    opacity: 0.4;
    color: #FFFFFF !important;
    transition: opacity .15s ease-out;
  }

  .header-outer.show-megamenu .header__nav__li.hovered .header__nav__link {
    opacity: 1;
  }

  .header__nav__link:hover,
  .header__nav__sub a:hover {
    color: #FFFFFF !important;
  }
}

.header__nav__sub h3 {
  color: #FFFFFF;
}

@media screen and (max-width: 1100px), (hover: none) {
  .nav-controls__dots button {
    color: #FFFFFF !important;
  }

  .nav-controls__dots button.active-dot {
    color: #FFFFFF !important;
  }

  .menu-button span:before, 
  .menu-button span:after {
    background: #FFFFFF;
  }
}

.header__logo-container {
  display: none;
}

.header__logo-container.stagil_hd_logo {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.header__logo-divider {
  width: 1px;
  display: block;
  height: 12px;
  background: rgb(199, 150, 250);
}

.stagil_site_logo svg {
  display: block;
}


@media(max-width:767px){ 
  .course-listing-container.cwx-course-listing .course-listing-course-container>* {
    width: 100%;
  }

  .course-listing-container.cwx-course-listing .course-listing-course-container .course-listing-course-dates {
    width: auto !important;
    min-width: auto !important;
  } 
}

@media(max-width:500px){ 
  .header__logo-container {
    display: flex;
    gap: 8px;
  }

  .header__logo-container.stagil_hd_logo {
    display: none !important;
  } 
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container {
  width: 100%;
}

.page-banner--background-image .page-banner__overlays .page-banner__background-image-container img {
  width: 100%;
}


.cx_cards.transparent_theme .grid-card__container {
  border: 0 !important;
  box-shadow: none;
}

.cx_cards.black_theme .grid-card:hover .grid-card__container,
.flexcard-base-container.black_theme .flexcard-listing-container .flexcard:hover{
  box-shadow:none !important;
}

.flexcard-base-container.cx_minimal_tabs.light_grey_theme .flexcard-listing-container .flexcard:hover{
  background-color: #DBDBDB !important;
}

/* Overwriting module styles */

/* STAGIL Logos Extended */
.partners-logo-item img {
  filter: invert(1);
}

/* CWX/STGL DB Partner Apps */
.flexcard-base-container .flexcard-link {
  display: none !important;
}
.flexcard-base-container.cx_cards .flexcard .flexcard-content {
  margin: 0 !important;
}
.flexcard-base-container.cx_cards.black_theme .flexcard--header-title h4 {
  color: #FFDE18 !important;
  transition: color 250ms ease-in-out;
}
.flexcard-base-container.cx_cards.black_theme .flexcard:hover .flexcard--header-title h4 {
  color: #FFFFFF !important;
}


/* ADHB References */
.stagil-content-wrapper.stagil .references-container .reference-item {
  background: rgba(62, 13, 112, 1) !important;
}
.stagil-content-wrapper.stagil .references-container .reference-item a {
  color: #FFDE18 !important;
}
.ahdb-reference .star-rating {
  box-shadow: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}

/* Expert CTA */

.expertcta .cta-fullcta .ctabubble {
  background-color: rgb(62, 13, 112) !important;
  color: #FFFFFF !important;
  font-weight: 400 !important;
  font-family: EuclidCircularA-Regular, sans-serif !important;
}
.expertcta .cta-fullcta .ctabubble:after, .expertcta .cta-fullcta .ctabubble:before {
  border-top-color: rgb(62, 13, 112) !important;
}
.stagil-content-wrapper .expertcta .cta-fullcta .fullexpert-meta .expert-competences .expert-competence {
  border: 1px solid rgb(199, 150, 250) !important;
  color: rgb(199, 150, 250) !important;
}