/*** FILE : MX PAGE ***/

@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');

body {    -webkit-font-smoothing: antialiased;}

/* home page 16-09-25 */
.rozet-home { z-index: 100; float: right; display: block; top: 50px !important; position: absolute; width: 120px; left: 97%; transform: rotate(15deg) }
@media (max-width: 600px) {
.rozet-home { z-index: 100; float: right; display: block; top: 50px !important; position: absolute; width: 75px; left: 85%; transform: rotate(15deg) }
}

/* FK 01-10-25 website masterpage header kleur*/
.new-website .mxpage .mxpage-header-main { background-color: var(--color1); }
/*.new-website .menu_main .wmenu, .menu_main ul { background-color: var(--color1); }*/
.new-website .menu_main {  background-color: var(--color1); }
.new-website .menu_main a { color: #FFFFFF; }
.new-website .menu_main nav > ul > li:hover > a { border-color: #FFFFFF; }
.new-website .menu_main ul ul { color: var(--color1); background-color: #29235c66!important; border-radius: 5px !important; box-shadow: 4px 3px 3px rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }
.new-website .menu_main ul ul li:hover, .menu_main ul ul li.active { border-color: #FFF;}


.save-over-50 {
  background-color: #FFFFFF;
  margin: auto 40px;
  height: 300px;
  border-radius: 20px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.outside-solution-1  {
  background-color: #FFFFFF;
  margin: auto 40px;
  height: 170px;
  border-radius: 20px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;     
  justify-content: center; 
}

/* Aanpassing moet nog naar live toe */
.cols.cms-entry-columns .cms-entry-col-right.pop-over { width: 450px !important; position: relative !important; overflow: hidden !important; }
.cols.cms-entry-columns .cms-entry-col-center .side-buttons .side-btn-feed.active { right: 0px; }
.cms-entry-col-center.active .aa-step-container.col-xl-6 {width: 100% !important;}
.advanced-feed .content { overflow: auto;}
.aa-step-container:has(> .aa-step.hidden){display:none;}
/* Aanpassing moet nog naar live toe */

.item-view.card.small .info .description {
-webkit-line-clamp: 3;
}


/*** MODULATIREIT PAGE ***/
.modu1-card {
  /*width: 350px; */                 /* adjust as needed */
  background: #FFFFFF;           /* light blue background */
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  font-family: Arial, sans-serif;
  margin: 20px auto;
}

.modu1-card-image {
  width: 100%;
  height: auto;
  display: block;
border-radius: 40px;
}

.modu1-card-content {
  padding: 20px;
  text-align: center;
}

.modu1-card-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 20px 0;
  color: #1a1a40; /* dark navy */
}

   .modu-card-container {
    display: flex; /* Use flexbox for the container of the cards */
    gap: 20px; /* Space between the cards */
    padding: 20px; /* Padding around the cards if needed */
    flex-wrap: wrap; /* Allow cards to wrap to the next line on smaller screens */
    justify-content: center; /* Center cards horizontally */
    max-width: 100%; /* Ensure container doesn't overflow */
  }

  .modu-card-item {
    background-color: #cfcce2; /* Light purple background */
    color: #2f2c6c;             /* Dark blue text */
    padding: 20px 40px;         /* Vertical and horizontal padding for the text */
    border-radius: 10px;        /* Rounded corners */
    max-width: calc(50% - 10px); /* Max width to allow two cards side-by-side with a gap */

  }

  /* Media Query for Mobile/Small Screens */
  @media (max-width: 600px) {
    .modu-card-container {
      flex-direction: column; /* Stack cards vertically on small screens */
      gap: 15px; /* Adjust gap for vertical stacking */
      align-items: stretch; /* Make cards take full available width */
    }

    .modu-card-item {
      width: auto; /* Allow flexbox to manage width */
      max-width: 100%; /* Ensure it doesn't exceed container width */
      margin: 0 auto; /* Center individual cards if they don't take full width */
      flex: none; /* Reset flex properties to allow natural block behavior */
    }
  }


/* modu flex rows */
.modu-flex-row {
  display: flex;
  align-items: center;
  gap: 24px;              /* spacing between text and image */
  margin-bottom: 32px;
}

.modu-flex-item {
  flex: 1;
  padding: 10px;
}

/* Desktop: flip the second row so image is left, text is right */
.modu-second-row {
  flex-direction: row-reverse;
}

/* Text alignment helpers (desktop + mobile) */
.modu-text-left  { text-align: left; }
.modu-text-right { text-align: left; }

/* Make images responsive */
.modu-col-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;    /* optional */
}

/* Mobile */
@media (max-width: 600px) {
  .modu-flex-row {
    flex-direction: column; /* stack */
  }

  /* Always show image first, text second on mobile */
  .modu-col-media { order: 1; }
  .modu-col-text  { order: 2; }
}



/*** BOFU PAGE ***/
.light-light-blue-bg { background-color: #f2f7fb;}
.light-blue-bg { background-color: #eff8fe; }
.blue-bg { background-color: var(--color2); }
.dark-blue-bg { background-color: #29235c; }

.bofu-fixed-bottom-right {
position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 10px 20px 10px;
  z-index: 1000;
  background-color: #29235c66;
  border-radius: 7px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); 
}

@media (max-width: 600px) {
  .bofu-fixed-bottom-right {
    position: fixed;
    bottom: 20px;
  padding: 5px 10px 20px 5px;
  left: 50%; /* Moves the div to the horizontal center */
    transform: translateX(-50%); /* Adjusts for the div's own width */
    /* Other mobile styles */
    text-align: center; /* Centers text inside the div */
    width: 90%; /* Optional: Adjust width for smaller screens */
  }
}

/* Base styles for all devices */
.bofu-desktop-arrow {
    width: 100px; /* Adjust size as needed */
    height: auto;
}

.bofu-mobile-arrow {
    display: none; /* By default, hide the mobile arrow */
}

/* Mobile Responsiveness */
@media (max-width: 600px) {
    /* Hide the desktop arrow */
    .bofu-desktop-arrow {
        display: none;
    }

    /* Show the mobile arrow and move it below the text */
    .bofu-mobile-arrow {
        display: block; /* Show the arrow */
        margin: auto; 
    }

}


/* bofu iframe */
.bofu-video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
height: 0;
overflow: hidden;
margin: 40px 0px;
border-radius: 20px;
}

.bofu-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

@media only screen and (max-width: 600px) {
.bofu-video-container { margin: 0px 0px; }    
}

.bofu1-card {
  /*width: 350px; */                 /* adjust as needed */
  background: #eaf3fb;           /* light blue background */
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  font-family: Arial, sans-serif;
  margin: 20px auto;
}

.bofu1-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.bofu1-card-content {
  padding: 20px;
  text-align: left;
}

.bofu1-card-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 20px 0;
  color: #1a1a40; /* dark navy */
}

.bofu1-card-list {
  list-style: none!important; /* remove default bullets */
  padding: 0;
  margin: 0;
}

.bofu1-card-list li {
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
  color: #1a1a40;
  font-size: 16px;
  line-height: 1.4;
}

/* custom orange bullet */
.bofu1-card-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #f7931e; /* orange */
  font-size: 20px;
  line-height: 1;
}






/* logo galley*/
.bofu-image-gallery-2 {
  display: flex;
  align-items: flex-end; /* Aligns all items to the bottom of the container */
  justify-content: center;
  gap: 40px; /* Space between logos on desktop */
}

.bofu-image-gallery-2 img {
  height: auto;
  /* You can add a specific width here, e.g., width: 100px; */
}

/* Mobile Responsiveness */
@media (max-width: 600px) {
  .bofu-image-gallery-2 {
    flex-direction: column; /* Stacks logos vertically */
    align-items: center; /* Centers logos horizontally */
    gap: 40px; /* More space between logos on mobile */
  }
}

.gallery-overflow-hidden { overflow: hidden!important; }





.bofu-image-gallery-3 {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bofu-image-gallery-3-gallery-track {
  display: flex;
  width: max-content;
  animation: scroll 60s linear infinite; /* slower speed */
  gap: 150px; /* space between logo-item blocks */
}

.bofu-image-gallery-3-logo-item {
  display: flex;
  flex-direction: column;   /* stack big + small vertically */
  align-items: center;      /* center horizontally */
}

.bofu-image-gallery-3-logo-main {
  height: 100px;
  width: auto;
}

.bofu-image-gallery-3-logo-sub {
  width: 50px;
  height: 50px;
  margin-top: 10px;         /* small gap between main + sub image */
}

/* hide duplicates container on mobile */
.bofu-image-gallery-3-desktop-only {
  display: flex;
  gap: 150px;
}

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Mobile view */
@media (max-width: 768px) {
  .bofu-image-gallery-3-gallery-track {
    display: flex;
    flex-direction: column;
    align-items: center;  
    gap: 60px;            
    animation: none;      
    width: 100%;
  }

  .bofu-image-gallery-3-logo-item {
    margin: 0;
  }

  .bofu-image-gallery-3-desktop-only {
    display: none; /* hide duplicates */
  }
}







/* blue panels */
.bofu-panel-container {
  position: relative;
  width: 60%;
  margin-left: auto; /* This line will center the container */
  margin-right: auto; /* This line will center the container */
}

.bofu-panel-background-image {
  display: block;
  width: 100%;
  height: auto;
}

.bofu-panel-text-overlay {
position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 20px;
  width: 75%;
}

@media only screen and (max-width: 600px) {
  .bofu-panel-container {
    width: 95%; /* Adjust container width for smaller screens */
    margin-left: auto;
    margin-right: auto;
  }
  
  .bofu-panel-text-overlay {
    top: 55%; /* Center the text vertically again */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; /* Increase text overlay width to fill the container */
  }
}


/* bofu flex rows */
.bofu-flex-row {
  display: flex;
  align-items: center;
  gap: 24px;              /* spacing between text and image */
  margin-bottom: 32px;
}

.bofu-flex-item {
  flex: 1;
  padding: 10px;
}

/* Desktop: flip the second row so image is left, text is right */
.bofu-second-row {
  flex-direction: row-reverse;
}

/* Text alignment helpers (desktop + mobile) */
.bofu-text-left  { text-align: left; }
.bofu-text-right { text-align: left; }

/* Make images responsive */
.bofu-col-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;    /* optional */
}

/* Mobile */
@media (max-width: 600px) {
  .bofu-flex-row {
    flex-direction: column; /* stack */
  }

  /* Always show image first, text second on mobile */
  .bofu-col-media { order: 1; }
  .bofu-col-text  { order: 2; }
}

/* quote */
.bofu-quote-outer-container {
    position: relative;
    width: 97%;
    margin: 20px auto;
}

.bofu-quote-testimonial-card-container {
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 30px 80px;
    /*margin-left: 20px; */
    display: flex;
    gap: 30px;
}

.bofu-quote-logo-outer-area {
    position: absolute;
    bottom: 100px;
    left: -100px;
    width: 100px;
}

.bofu-quote-transcom-logo {
    width: 140%;
    height: auto;
    display: block;
}

.bofu-quote-content-area {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bofu-quote-quote {
    margin: 0 0 20px 0;
    padding: 0 20px 0 0;
    font-style: italic;
}

.bofu-quote-quote p {
    margin: 0;
}

.bofu-quote-quote-header {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 15px;
    font-style: normal;
}

.bofu-quote-author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.bofu-quote-author-photo {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.bofu-quote-author-details {
    display: flex;
    flex-direction: column;
}

.bofu-quote-author-name {
    font-weight: bold;
    margin: 0;
}

.bofu-quote-author-title {
    margin: 0;
    font-size: 0.9em;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .bofu-quote-outer-container {
        width: 100%;
        margin-top: 50px; /* Add some top margin to the outer container for the logo to sit on top */
    }
    .bofu-quote-testimonial-card-container {
        flex-direction: column;
        padding: 80px 20px 50px 20px; /* Increased top padding for the logo */
        gap: 15px;
        margin-left: 0;
    }
    .bofu-quote-logo-outer-area {
        position: absolute; /* Revert to absolute positioning for the logo */
        top: -50px; /* Position the logo above the card's top border */
        left: 50%; /* Center the logo horizontally */
        transform: translateX(-50%); /* Adjust for its own width */
        width: 200px; /* Set a specific width for the logo */
        margin-bottom: 0; /* Remove previous margin */
        text-align: center; /* Ensure the logo image itself is centered within its area */
        
    }
    
    .bofu-quote-logo-outer-area img { width: 50%; height: auto; }    
    .bofu-quote-transcom-logo {
        width: 100%; /* Make the logo image fill its outer area */
        height: auto;
    }
    .bofu-quote-quote {
        text-align: center;
    }
    .bofu-quote-author-info {
        justify-content: center;
    }
}


/*** END BOFU PAGE ***/

/* Uitzetten van de child weergave van Bed-order items */
.cms-advanced-child-container [data-select-child="381"] {display: none;}

/* Tijdelkijk Uitzetten van de stap voor partner weergave */
[data-area="overview_774_204"] [data-step-id="20"],
[data-area="overview_774_210"] [data-step-id="20"],
.cms-add-entry [data-advanced-app="774"] [data-step="20"] {display: none}

.new-website.home .mxpage-header {position: absolute;z-index: 10; width: 100%; }
.new-website.home .mxpage-header .menu_main { background: none; }
.new-website.home .mxpage-header .mxpage-header-right a, 
.new-website.home .mxpage-header .menu_main a {  color: #fff !important; }

.logo-home {
    content:url("/io/download/image/C5cL0Gh1_yI1?v=20171031115502");
}
.new-website.home .logo-home {
    content:url("/io/download/image/CAgeEs6ia__PQlbWflLjBzN2ruLJDq9N0?v=20240131181223");
}

.homepage-banner {min-height: 80vh;display: flex;
align-items: end;}
.banner-text {width: 100%;background-color: var(--color1);opacity: .8; margin-bottom: 100px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e6e6e6;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #e6e6e6;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e6e6e6;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e6e6e6;
}

.cms-image-entry { width: 120px; }

.new-banner-home { margin-bottom: 40px;}

.advanced-app-container .app-step-container .app-step.expanded { background-color: #c3c4dd;}

.display.user .primary,
.home .step-title {display: none !important;}
.widget-user > .area-main > .display.user > .units {
margin: 0px;
}
.page-header-right {
padding: 20px 0px 20px 0;
}

  .menu_main nav > ul > li.active > a, .menu_main nav > ul > li:hover > a, 
  .menu_main ul ul li:hover, .menu_main ul ul li.active { border-color: #29588c; }
    
input[type=text], input[type=password], textarea {
padding: 5px;
}
.html-widget.width-50 {
    display: inline-block;
    box-sizing: border-box;
    padding: 55px;
    width: 50%;
    float:left;
    
}

.html-widget.width-100 {
    display: inline-block;
    box-sizing: border-box;
    padding: 35px;
    clear:both;
    width: 100%;
}
 

/*.hero { 
    background-image: url("/io/download/image/QJBlLjXkxtM1?v=20171102120737" alt="56edaf_8f555c34cd74480795d1f85447becad3_mv2_d_6800_klein (jpg)"); 
    background-repeat: repeat-y; width: 100%; overflow: hidden; height: 40px;
}*/



.workspaces .workspace-list .dropdown-action { color: #29588c !important;}

.contact-item a { color: #fff; text-decoration: none;}
.prices #app-tool-793 .form-field { max-width: 20%;}
#app-tool-50673 .formRow label, .prices .cmsappwidget label, .app-step .step-name { font-family: 'Bold';}

body { -webkit-font-smoothing: subpixel-antialiased;}

.pipeline [data-id="-14"],.pipeline [data-id="-15"],.pipeline [data-id="-16"],.pipeline [data-id="-17"],.pipeline  [data-id="-18"],.pipeline [data-id="-19"],.pipeline [data-id="-20"],.pipeline [data-id="-21"],.pipeline [data-id="-22"] {DISPLAY: NONE;} 
.menu-widget .mobile-menu.active .menu-overlay { z-index: 102;}

.proposal-form #form_8023, .proposal-form #form_8024, .proposal-form #form_8025, .proposal-form #form_8027, [for="form_8025"], [for="form_8024"], [for="form_8027"]{display: none;}


.partnerhomepage .col-lg-3 {width: 33.33%;}
#row_widget_83 { width: 90%; margin: auto;}

@media (max-width: 767px) {
    .col-sm-12 {
    width: 100% !important;
}

#row_widget_83 { margin-top: -30px;}
}

#app-tool-50673 .tool-app .body.edit .area-preview .image img {
    margin-top: 20px;
}

.column-1 { min-height: 200px;}


.partnerhomepage .link-home { background-color: #244E81; color: #fff; padding: 10px 8px; box-sizing: border-box; margin: 20px 0px; text-decoration: none;}

.menu_main .wmenu { text-align: right; margin-right: 20px;}

/*partner home*/

.home-header-text { background-image: url('/io/download/image/a_pVNEzA6F81?v=20190301105904'); background-position: top; background-size: cover; height: 300px; margin-bottom: 20px; margin-top: 50px;}
/***.mxpage-header-main { background-image: url('/io/download/image/6OEps2T0zAc1?v=20181016112922'); background-size: cover;}***/
.startingpage .mxpage-header-main { background-image: none !important;}

/* font defs */


h1 {
    font-size: 3em;
    color: #29588c;
    font-weight: 400;
    font-family: 'Anton';
    line-height: 1.5em;
    
}

h2 {
    font-size: 2.5em;
    color: #29588c;
    font-weight: 400;
    font-family: 'Anton';
    line-height: 1.4em;
    
}

.partnerhomepage h2 { font-size: 1.5em;}

h3 {
    font-size: 1.8em;
    color: #29588c;
    font-weight: 400;
    font-family: 'Anton';
    line-height: 1.5em;
    
}

.white {
    color: #fff;
}

body {
    font-size: 15px;
}


/* general page styling */

[data-mxwidget-area="115"] {
/*border-top: 10px solid #29588c;*/
    
}



/* Header */

.header_logo {
    padding-top: 10px;
}

.menu_main {
    background-color: #fff;
}

.menu_main a,
.display.user {
    color: #29588c;
    font-family: 'Bold';
    text-transform: uppercase;
}

.display.user {
    font-size: 1.2em;
}


.menu_main .wmenu,
.menu_main ul {
    left: initial;
    text-align: right;
}



.menu_main .menu-item-parent > a:after {
    line-height: 1.1em;
    margin-left: 5px;
}
    
    
/* Section 1 */

.section-details {
    text-align: center;
    padding-top: 0px;
}

.features-item img {
    
    width: auto;
    margin-bottom: 25px;
    max-height: 198px;
}

.features-item {
    width: 25%;
    float: left;
    min-height: 320px;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}


/* Section form */

.section3-form {
    background: #DDD;
    color: #29588c;
}

#widget_cms_176 .mxui-toolbar,
#widget_cms_176 .step-header,
.contactform .formRow label,
#widget_cms_176 .navigation{
    display: none;
}

.contactform .formRow.hasDescription .form-input {
    text-align: center;
}

.contactform .cmsappwidget div > .buttonRow {

    float: initial;
    text-align: center;
}

input[type=button], input[type=text], input[type=password], textarea 
{ border: 2px solid #ececec;
    font-size: 1.2em;
}




/* Section contact */

.section-contact {
    background: #29588c;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    background: url(/io/download/image/232H13J8XYE1?v=20181016105505);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.section-banner-logo-wrapper {
    text-align:center;
    padding:50px;
}

.section-banner-logo{
    min-height:100px;  
    width:55%;
    margin:auto;
}

.section-banner-logo1 {
    background: url(/io/download/image/_cTQMDsNi3M1?v=20190306114137);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
}

.section-banner-logo2 {
    background: url(/io/download/image/E3vGzFEhNOI1?v=20190306114137);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
}

.section-banner-logo3 {
    background: url(/io/download/image/0JcYT55aFj81?v=20190306114137);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
}

.section-banner-logo4 {
    background: url(/io/download/image/I1U1xWfJFmU1?v=20190320154654);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
}

.section-banner-logo5 {
    background: url(/io/download/image/QpgqwgXw9ZQ1?v=20191017);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:contain;
}

.contact-details {
    width: 40%;
    float: right;
    text-align: left;
    margin-top: 50px;
}

.contact-details div {
    margin-bottom: 30px;
}



/* Section footer */

.section-footer {
    background: #17314b;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}



/* Mobile */

@media screen and (max-width: 600px) {
.projects #page_area {margin-top: 200px;}
.mxpage-header-left {    width: 85%; }

.mxpage-header-left .header_logo {
    padding: 10px 35px 10px 1px;
}

.mxpage-header-right, .mxpage-header-right-most {
    display: none;
}

.mxpage-header-left-most, .header_logo {
    text-align: center;
}
.header_logo img {
    display: inline;
}
.width-50, .width-100  {
        width: 100%;
        float:initial;
        clear:both;
        padding-left: 15px;
    padding-right: 15px;
    
}
    .section1-title {
        text-align: center;
    }
    
    .section1-movie {
        padding-top: 10px;
    }
    
.features-item {
     width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    }
    
    .cmsappwidget {
        padding: 0px;
    }
    
    .contact-details {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 50px;
    }
    
}

@media screen and (max-width: 992px) and (min-width: 600px) {
    .width-50 {
        width: 100%;
        float:initial;
        clear:both; }
    .section1-title {
        text-align: center;
    }
    
    .section1-movie {
        padding-top: 10px;
    }
    
    .features-item {
        width: 50%;
    }
}

@media only screen and (max-width: 1150px) and (min-width: 992px) {

    .features-item {
        width: 33%;
    }
}


/* Project page */

.projects .library .items .item .label {
    display: none;
}
/*
.projects .library .items.tiles.layout-style-6 .item .image img {
    max-width: none;
    max-height: none;
}

.projects .library .items .item {
    border: none !important;
}
.projects .library .items.tiles.layout-style-6 .item {
    padding: 0 !important;
    margin: 10px;
}*/

.pipeline .area-preview { display: none;}

.projects .articles-widget.grid-mode > .filter {display: none;}
.projects .articles-widget.grid-mode > .articles-container {width: 100%;}
.projects .articles-widget {margin-top: 50px;}
/*.projects .article .header, .projects .article .divider, .projects .article .content {display: none;} */
/*.projects .articles-widget.grid-mode > .articles-container > .article > .more-link {display: none;}*/

.articles-widget.grid-mode > .articles-container > .article > .image {height: 315px; object-fit: cover;}
#row_widget_1169, .block-home {display: block !important;}

.item-view.card.small .label {
font-size: 1.0em !important;
}

.form-field:not(:first-of-type) {
margin-top: 10px !important;
}







.new-website .mxpage .mxpage-header-main {padding: 15px;}

#button-orange { transition: .2s ease all; border-radius: 7px; background-color: #F38111; color: #fff !important; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 22px;}
#button-orange:hover {background-color: #FFD19A; font-weight: 700 !important; color: #EC8822 !important;}
#button-orange:active {background-color: #EC8822; color: #fff;}

#button-blue { transition: .2s ease all; border-radius: 7px; background-color: #21215B; color: #FFFFFF !important; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 22px;}
#button-blue:hover {background-color: #2F2C6C; font-weight: 700 !important; color: #8FD8F8 !important;}
#button-blue:active {background-color: #8FD8F8; color: #2F2C6C;}

/*FONT STYLING NEW WEBSITE*/

.new-website body {font-family: 'Poppins', sans-serif; font-weight: 300; color: #2F2C6C;}
.new-website p,
.new-website li {font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; color: #2F2C6C;}

.new-website h1 {font-family: 'Poppins', sans-serif; font-weight: 700; color: #2F2C6C; font-size: 36px; line-height: 50px;}
.new-website h2 {font-family: 'Poppins', sans-serif; font-weight: 700; color: #2F2C6C; font-size: 28px; line-height: 42px;}
.new-website h3 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 28px; line-height: 42px;}
.new-website h4 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 22px; line-height: 32px;}
.new-website h5 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 18px; line-height: 24px;}

.producttitle {font-family: 'Ephesis', cursive; color: var(--color1); font-size: 50px; line-height: 20px;}

/*HEADER STYLING NEW WEBSITE*/
.new-website .menu_main a {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 22px; line-height: 22px; text-transform: none;}
.new-website .menu_main .wmenu, .menu_main ul {text-align: center;}

/*ARTICLE LAY-OUT (SMALL) NEWS ITEMS */
.news-layout .articles-widget.grid-mode>.articles-container>.article>.more-link {display: none;}
.news-layout .articles-widget.grid-mode>.articles-container>.article>.content {display: none;}
.news-layout .articles-widget.grid-mode>.articles-container>.article>.divider {display: none;}
.news-layout .articles-widget.grid-mode > .articles-container > .article > .image { height: 180px;}
.news-layout .articles-widget.grid-mode>.articles-container>.article>.header>.title {line-height: 36px; font-size: 28px; font-weight: 700; color: #8FD8F8;}
.news-layout .articles-widget>.articles-container>.article>.header>.date-format {width: 100%; margin-bottom: 10px;}
.news-layout .articles-widget>.articles-container>.article>.header>.date-format>.day {color: #8FD8F8; font-size: 24px;}
.news-layout .articles-widget>.articles-container>.article>.header>.date-format>.month {color: #8FD8F8;}

.news-layout .article-details .title  {color: #2F2C6C; font-weight: 700;}

/*ARTICLE LAYOUT CASE STUDY ITEMS */
.downloads-layout .articles-widget.grid-mode>.articles-container>.article>.more-link {display: none;}
.downloads-layout .articles-widget.grid-mode>.articles-container>.article>.content {display: none;}
.downloads-layout .articles-widget.grid-mode>.articles-container>.article>.divider {display: none;}
.downloads-layout .articles-widget.grid-mode > .articles-container > .article > .image { height: 180px;}
.downloads-layout .articles-widget.grid-mode>.articles-container>.article>.header>.title {line-height: 36px; font-size: 28px; font-weight: 700;}

/*ARTICLE LAYOUT VIDEO ITEMS */
.videos-layout .articles-widget.grid-mode>.articles-container>.article>.more-link {display: none;}
.videos-layout .articles-widget.grid-mode>.articles-container>.article>.content {display: none;}
.videos-layout .articles-widget.grid-mode>.articles-container>.article>.divider {display: none;}
.videos-layout .articles-widget.grid-mode > .articles-container > .article > .image { height: 100%;}
.videos-layout .articles-widget.grid-mode>.articles-container>.article>.header>.title {display: none;}
.videos-layout .articles-widget.grid-mode>.articles-container>.article>.header {display: none;}
/*.videos-layout a {display:block; row-height:initial} */

/*ARTICLE LAYOUT NEWS & EVENTS ITEMS */
.events-layout .articles-widget.grid-mode>.articles-container {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.events-layout .articles-widget>.articles-container>.article>.header>.date-format {width: 100%; margin-bottom: 10px;}
.events-layout .articles-widget>.articles-container>.article>.header>.date-format>.day {color: #8FD8F8; font-size: 24px;}
.events-layout .articles-widget>.articles-container>.article>.header>.date-format>.month {color: #8FD8F8;}
.events-layout .articles-widget.grid-mode>.articles-container>.article>.header>.title {line-height: 28px; font-size: 24px; font-weight: 700; color: var(--color1);}
.events-layout .articles-widget.grid-mode>.articles-container>.article>.divider {display: none;}  
.events-layout .articles-widget.grid-mode>.articles-container>.article>.more-link {background-color: #8FD8F8;}
.events-layout .articles-widget.grid-mode>.articles-container>.article>.content p {color: #fff;}
.events-layout .articles-widget.grid-mode > .articles-container > .article > .image {height: 150px !important;}
.events-layout .articles-widget.grid-mode>.articles-container>.article>.content {display: none;}
/*.events-layout .articles-widget.grid-mode>.articles-container>.article {box-shadow: none; background: #2F2C6C;}*/

.new-website input {padding: 10px};
.new-website .formRow label {font-size: 20px !important; color: #ec6324 !important;}
.new-website .formRow label {font-size: 20px; color: var(--color1) !important;}
.new-website .form-field .radioLabel {color: #000; font-family: 'Regular' ;}
.questionnaire-step .questionnaire-button-row .button {float: left;font-size: 22px; background-color: #e65b13; border: 1px solid #e65b13;}


.new-website .article-details {
padding: 10px 50px 50px;
}
/*QUOTE STYLING*/
    .quote {width: 75%; position: relative; box-sizing: border-box; padding: 0 48px;}
    .quote:before {content: '“'; position: absolute; top: 0; left: 0; font-family: 'Open Sans'; font-size: 80px; font-weight: 700; color: #ff9c00; line-height: 65px;}
    .quote:after {content: '”'; position: absolute; bottom: 0; right: 0; font-family: 'Open Sans'; font-size: 80px; font-weight: 700; color: #ff9c00; line-height:0;}

/*PRODUCT PAGE*/
.productblock {border-radius: 10px;}

/*LOGIN PAGE STYLING*/
.login-widget .login-logo img {
    max-height: 85px;
    padding-top: 30px;}



/*RESPONSIVE STYLING NEW WEBSITE*/
@media screen and (max-width: 600px) {
    .new-website h1 {font-family: 'Poppins', sans-serif; font-weight: 700; color: #2F2C6C; font-size: 26px; line-height: 38px;}
    .new-website h2 {font-family: 'Poppins', sans-serif; font-weight: 700; color: #2F2C6C; font-size: 22px; line-height: 34px;}
    .new-website h3 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 22px; line-height: 34px;}
    .new-website h4 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 18px; line-height: 24px;}
    .new-website h5 {font-family: 'Poppins', sans-serif; font-weight: 400; color: #2F2C6C; font-size: 16px; line-height: 22px;}
    
    #button-orange { font-size: 12px;}
    #button-blue { font-size: 12px;}
    
    .quote { width: 100%; }
    
    .new-website .menu-widget .mobile-menu .mobile-nav-button i {background-color: #2F2C6C;}
    .new-website.home .menu-widget .mobile-menu .mobile-nav-button i {background-color: #fff;}
    .new-website .filter-block {display: none;}
    
    .article-details>.col-large {margin: 0px;}
    .new-website .article-details {
    padding: 10px 0px 50px;
}
    .mobile-nav a span {color: #2F2C6C;}
}






.download-widget .button-v2 {
    padding: 10px 25px;
    font-size: 1.5em;
}


/*MOBILE APP HEADER HIDE*/
.no-header-mobile .mxpage-header {display: none;}
.no-header-mobile .mxpage-content-body.mxwidget-area.mxempty {display: none;}

/*LANDING PAGE SURVEY*/
.landingpage-survey .cms-add-entry.aa-in-window {padding: 0px;}
.landingpage-survey .formRow label {color: #2F2C6C !important; font-family: 'Poppins';}
.landingpage-survey div#btn_save { background-color: #e65b13; border: solid 1px #e65b13; font-size: 28px; font-weight: 900; font-family: 'Poppins';}
.landingpage-survey .formRow.hasSlider .form-input {margin: 15px 0px 30px 0px}
.landingpage-survey .advanced-app-container .app-step-overview .step-label {display: none;}
.landingpage-survey .advanced-app-container .app-form-container {padding: 0!important;}