div#formCTAgdpr {
    color: #fff;
    padding: 5px 5px 10px 18px;

}
#scroll.sec-pTB{padding-top:0;}
div#formCTAgdpr a {
    color: #fff;
    text-decoration: underline;
}

div#meGDPRMessage {
    color: #fff;
    margin-bottom: 5px;
font-size: 14px;
    line-height: 1.5;
}

div#meGDPRMessage a {
    color: #fff;
    text-decoration: underline;
}
.align-center{
  text-align: center;
}
  input#tos {
      padding: 3px;
      height: 14px;
      width: auto;
      margin: auto;
  }
  
  label.sign_agree {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      color: #fff;
  }
  
  label.sign_agree a {
      color: #fff;
      margin: 0px 3px;
      text-decoration: underline;
  }
  .thank-message img{
      height: 40px !important;
      margin-bottom:10px
  }
  .thank-message { display: none; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  padding: 25px; text-align: center; } .thank-message p { margin: 20px 0 0; font-size: 18px; color: #fff;}
  .thank-message h5{
      font-size: 20px;
      line-height: 1.7;
  color: #fff;
  }
  section#ebook-download {
      text-align: center;
  }
      input#btnSubmit {
          width: fit-content !important;
          border-radius: 30px !important;
          background: #DD0404 !important;
          color: #fff ! IMPORTANT;
          padding: 12px 35px !important;
          cursor: pointer;
          text-decoration: none;
          font-weight: 300 !IMPORTANT;
          margin-top: 0;
          display: inline-block;
          height: 45px;
  
      }
      input#btnSubmit:hover{
          background: #E3142B !important;
      }
          .ebook-form input {
              background: #f2f2f2;
              border-radius: 50px;
              padding: 5px 15px;
              width: 100%;
              border: none;
              height: 35px;
              margin-bottom: 20px;
          }
          .ebook-form{
  position:relative;
  }
          .ebook-form select{
              background: #f2f2f2;
              border-radius: 50px;
              padding: 5px 15px;
              width: 108%;
              border: none;
              height: 45px;
              margin-bottom: 20px;
          }
              .carousel-item p {
                  padding-left: 0 !Important;
              }
                  .ebook-form-box {
                 
                  margin-bottom: 50px;
              }
                  .ebook-features {
                  padding: 30px 0px;
                  background: #F7F8FC;
              }   
              .ebook-form-box h3{
                  font-size: 30px;
                  font-weight: 200;
                  margin-bottom: 20px;
                  line-height: 1.7;
              }
              .ebook-fea-1 {
                  display: flex;
                  align-items: center;
                  justify-content: left;
              }
              .ebook-form {
                  width: 360px; 
                      }
                      
                      
                      
                      
                      .download-btn {
                          background: #DD0404;
                          color: white;
                          border: none;
                          padding: 10px 20px;
                          font-size: 16px;
                          border-radius: 50px;
                          cursor: pointer;
                          outline: none;
                      }
                      .download-btn:hover{
                          background: #E3142B !important;
                      }
                      .download-btn:focus {
                          outline: 2px solid blue;
                      }
              .fea-box {
                  background: #fff;
                  width: 320px;
                  min-height: 255px;
                  margin: 10px;
                  border-radius: 5px;
                  padding: 30px 20px;
              }
              .fea-box h3{
                  font-size: 21px !important;
                  margin: 20px 0px 0px 0px !important;
                  line-height: 1.6;
                  font-weight: 500 !important;
              }
              .fea-box p{
                  margin: 10px 0px 0px 0px !important; 
              }
              .fea-box img {
                  height: 50px;
              }
              
              .ebook-features h3 {
                  font-size: 30px;
                  font-weight: 200;
                 line-height: 1.7;
                  margin: 40px 0px 0px 0px;
              }
                  .ebook-cta {
                      position: relative;
                      width: 100%;
                      text-align: center;
                      overflow: hidden;
                      padding: 30px 0px;
                      margin: 0 0 0 auto;
                  }
                      .saas-new-btn {
                          width: fit-content;
                      border-radius: 30px !important;
                      background: #DD0404 !important;
                      color: #fff ! IMPORTANT;
                      padding: 12px 35px !important;
                      cursor: pointer;
                      text-decoration: none;
                      
                      font-weight: 300 !IMPORTANT;
                      margin-top: 20px;
                      display: inline-block;
                      }
                      .ebook-cta h3 {
                      font-size: 30px;
                      font-weight: 200;
                      color: #fff;
                      line-height: 1.7;
                      margin: 20px 0px;
                  }
                  .carousel-container h2{
                      padding: 0px 20px;
                  }
                  
                  
                  .download-btn{
                      display: block  !important;
                  }
                  .ebook-form{
                      width: 360px;
                  }
                          .ebook-banner{
                          background: url(/sites/meweb/images/fr/saas-management/images/reports-banner-bg_1.png);
                          background-size: cover;
                          }
                          .okta-integration span {
                          max-width: 450px;
                          
                      }
                          .okta-steps ul {
                              list-style: disc;
                              margin: 10px 15px;
                          }
                          img.trans {
                              transform: rotate(-180deg);
                          }
                          .sec{
                          background: black;
                              margin: 0px 0px 50px 0px;
                              padding-bottom: 50px;
                              color: #fff;
                          }
                          .okta-steps ol {
                              list-style: auto;
                              padding-left: 20px;
                              margin: 10px 0px;
                          }
                          .okta-integration p{
                          text-align:justify
                          }
                          .okta-steps li {
                              margin-bottom: 15px;
                          }
                              .okta-steps h2{
                              font-size: 28px;
                              font-weight: 500;
                          line-height: 1.6;
                          }
                          .okta-steps p{
                              font-size: 17px;
                              line-height: 1.6;
                          }
                          .okta-steps li{
                              font-size: 17px;
                              line-height: 1.6;
                          }
                              .carousel-container {
                              
                              position: relative;
                              width: 90%;
                              margin: auto;
                              overflow: hidden;
                              padding: 60px 0px;
                              margin: 0 0 0 auto;
                              }
                              .carousel-container h2{
                          line-height: 1.3;
                          color:#fff;
                          }
                              .carousel-wrapper {
                                display: flex;
                                overflow: hidden;
                              }
                              .carousel-container p{
                                  font-size: 17px;
                                  line-height: 1.6;
                    padding-left: 15px;
                              }
                              .carousel {
                                display: flex;
                                transition: transform 0.5s ease-in-out;
                              }
                              
                              .carousel-item {
                                   width: 340px;
                              text-align: left;
                              background-color: #f5f5f7;
                              border-radius: 15px;
                              margin: 0 5px;
                              height: 160px;
                              padding: 30px;
                              }
                              .carousel-item h4{
                                  font-size: 24px;
                                  margin: 0;
                                  line-height: 1.6;
                              }
                              .carousel-item p{
                                  font-size: 17px;
                                  line-height: 1.6;
                          color:#000;
                              }
                              /* Arrow controls positioned at bottom-left */
                              .arrow-controls {
                                position: absolute;
                                bottom: 10px;
                                left: 10px; /* Position at bottom-left */
                                display: flex;
                                gap: 10px; /* Space between arrows */
                              }
                              .okta-pic {
                              text-align: center;
                              margin: 40px auto;
                          }
                          
                          .okta-pic img {
                              height: 600px;
                          }
                          
                          .okta-steps {
                              margin-top: 40px;
                          }
                          
                              .arrow {
                                  display: inline-block;
                              background-color: rgb(240 240 242);
                              color: #000000;
                              border: none;
                              padding: 10px 14px;
                              cursor: pointer;
                              font-size: 12px;
                              border-radius: 50%;
                              width: 40px;
                              height: 40px;
                              }
                              
                              .arrow:hover {
                                  background-color: rgb(213 213 213);
                              }
                              
                              /* Responsive Design */
                              @media (max-width: 768px) {
                                  .carousel-container p{
                                      padding: 0px 20px;
                                  }
                                  .ebook-fea-1 {
                                      display: block !important;
                                  }
                                .carousel-item {
                                  
                                }
                          .okta-integration {
                              position: relative;
                              top: 50px;
                          }
                                .okta-integration img{
                                  max-width: 100%;
                                  height: 300px !important;
                                  margin: 30px auto;
                              
                                }
                          .carousel-item {
                              width: 300px;
                              height: 210px;
                          }
                          
                          
                          .carousel-item h4 {
                              width: 280px;
                          
                          }
                          
                          .carousel-item p {
                              width: 280px;
                              padding: 0;
                          }
                                .okta-integration{
                                  display: block !important;
                                }
                                .carousel-container{
                                  width: 100%;
                                }
                              }
                              .okta-integration h1 {
                                  font-size: 42px;
                                  line-height: 1.3;
                                  font-weight: 500;
                                  color: #fff;
                                  max-width: 450px;
                                  margin-bottom: 10px;
                              }
                              .okta-integration{
                                  padding: 50px 0px;
                                  display: flex;
                              
                                  align-items: center;
                                  justify-content: space-between;
                                 
                              }
                              .okta-integration img{
                                  height: 550px;
                                  justify-self: right;
                                  text-align: right;
                              }
                              .okta-integration p{
                                  color: #fff;
                                  font-size: 18px;
                                  line-height: 1.7;
                                  max-width: 450px;
                              }
                              .okta-benefits{
                                  background: #fbffdb;
                                  padding: 15px;
                                  text-align: center;
                              
                              }
                              .okta-benefits h2{
                                  font-size: 28px;
                                  font-weight: 500;
                          line-height:1.3;
                              }
                              .okta-benefits p{
                                  font-size: 17px;
                                  line-height: 1.6;
                              }
                              .okta-why h2{
                                  font-size: 28px;
                                  font-weight: 500;
                              }
                              .okta-why p{
                                  font-size: 17px;
                                  line-height: 1.6;
                              }
                              .carousel-container h2{
                                  font-size: 28px;
                                  font-weight: 500;
                              }
                              .mar-a p {
                                  display: block;
                              }
                              
                              
                              .banner{
                              display:none;
                              
                              
                              }
                              .sticky-nav-tabs p {
                                  display: none;
                              }
                              img.feature-right-img {
                                  height: 450px;
                              }
                              .features-new-banner{
                                              background: url(./images/features-bg.svg);
                                              background-size: cover;
                                              padding: 30px;
                              
                                          }
                                          
                                          .features-new-banner h1{
                                              font-size: 42px;
                                              line-height: 1.3;
                                              font-weight: 500;
                                              color: #000;
                                          }
                                          .features-lr{
                                              display: flex;
                                              align-items: center;
                                              justify-content: center;
                                          }
                                          .features-new-right img{
                                              max-height: 500px;
                                              width: 100%;
                                          }
                                          .features-new-left {
                                              margin-right: 30px;
                                          }
                                          body { font-family: "Lato", sans-serif; }
                              
                              a { text-decoration: none; }
                              
                              .spa-header {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-orient: horizontal;
                                -webkit-box-direction: normal;
                                -ms-flex-direction: row;
                                flex-direction: row;
                                -webkit-box-pack: justify;
                                -ms-flex-pack: justify;
                                justify-content: space-between;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                position: fixed;
                                top: 0;
                                left: 0;
                                right: 0;
                                padding: 0 2em;
                                height: 75px;
                                z-index: 2;
                                -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                                transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                              }
                              
                              .spa-header--scrolled {
                                background: #fafafa;
                                box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
                              }
                              
                              .spa-header--move-up {
                                -webkit-transform: translateY(-75px);
                                transform: translateY(-75px);
                                -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                                transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                              }
                              
                              .spa-header__logo { color: #000; }
                              
                              .spa-header__link {
                                margin-left: 1em;
                                color: #000;
                              }
                              
                              .sticky-nav-tabs, .spa-slide {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-orient: vertical;
                                -webkit-box-direction: normal;
                                -ms-flex-direction: column;
                                flex-direction: column;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                
                                position: relative;
                                background: #eee;
                                text-align: center;
                                padding: 0 2em;
                              }
                              section#tab-react {
                                  display: grid;
                                grid-template-columns: 40% 60%;
                                 background: #fff1e3;
                                 height: 600px;
                              }
                              section#tab-react img{
                                  width: auto;
                                  height: auto;
                                  max-width: 100%;
                                  top: -90px;
                                  position: absolute;
                                  right: 0;
                              }
                              section#tab-angular {
                                  display: grid;
                                grid-template-columns: 60% 40%;
                                 background: #e3f6ff;
                                 height: 600px;
                              }
                              section#tab-angular img{
                                  width: auto;
                                  height: auto;
                                  max-width: 97%;
                                  top: -80px;
                                  position: absolute;
                                  left: 0;
                              }
                            
                              .spa-main h2{
                                  text-align: left;
                              }
                              
                              section#tab-cssscript {
                                  display: grid;
                                grid-template-columns: 40% 60%;
                                 background: #e3fff0;
                                 height: 600px;
                              }
                              section#tab-cssscript img {
                                  width: auto;
                                  height: auto;
                                  max-width: 100%;
                                  top: -90px;
                                  position: absolute;
                                  right: 0;   
                              }
                              
                              section#tab-vue {
                                  display: grid;
                                grid-template-columns: 60% 40%;
                                 background: #fdebf2;
                                 height: 600px;
                              }
                              section#tab-vue img{
                                  width: auto;
                                  height: auto;
                                  max-width: 97%;
                                  top: -90px;
                                  position: absolute;
                                  left: 0;
                              }
                              
                              section#tab-report {
                                  display: grid;
                                grid-template-columns: 40% 60%;
                                 background: #ecedfe;
                                 height: 600px;
                              }
                              section#tab-report img {
                                  width: auto;
                                  height: auto;
                                  max-width: 100%;
                                  top: -90px;
                                  position: absolute;
                                  right: 0;   
                              }
                              
                              section#tab-last {
                                  display: grid;
                                grid-template-columns: 60% 40%;
                                 background: #FDFBE8;
                                 height: 600px;
                                 overflow: hidden;
                              margin-bottom:30px;
                              }
                              section#tab-last img{
                                  width: auto;
                                  height: auto;
                                  max-width: 95%;
                                  top: -58px;
                                  position: absolute;
                                  left: 0;
                              }
                              .sticky-nav-tabs h1, .spa-slide h1 {
                                font-size: 2rem;
                                margin: 0;
                                letter-spacing: 1rem;
                              }
                              
                              .sticky-nav-tabs h3, .spa-slide h3 {
                                font-size: 1rem;
                                letter-spacing: 0.3rem;
                                opacity: 0.6;
                              }
                              
                              .sticky-nav-tabs-container {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-orient: horizontal;
                                -webkit-box-direction: normal;
                                -ms-flex-direction: row;
                                flex-direction: row;
                                position: absolute;
                                top: 0;
                                width: 100%;
                                height: 75px;
                                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                                background: #fafafa;
                                z-index: 1;
                                -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                                transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                              }
                              
                              .sticky-nav-tabs-container--top-first {
                                position: fixed;
                                top: 43px;
                                -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                                transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
                              }
                              
                              .sticky-nav-tabs-container--top-second {
                                position: fixed;
                                top: 43px;
                              }
                              
                              .sticky-nav-tab {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-flex: 1;
                                -ms-flex: 1;
                                flex: 1;
                                color: #000;
                               
                                -webkit-transition: all 0.5s ease;
                                transition: all 0.5s ease;
                                font-size: 0.8rem;
                              }
                              
                              .sticky-nav-tab:hover {
                                color: #E9142B;
                                background: transparent;
                                -webkit-transition: all 0.5s ease;
                                transition: all 0.5s ease;
                              text-decoration:none;
                              }
                              
                              .sticky-nav-tab-slider {
                                position: absolute;
                                bottom: 0;
                                width: 0;
                                height: 3px;
                                background: #E9142B;
                                -webkit-transition: left 0.3s ease;
                                transition: left 0.3s ease;
                              }
                               @media (min-width: 800px) {
                              
                              .sticky-nav-tabs h1,  .spa-slide h1 { font-size: 3rem; }
                              
                              .sticky-nav-tabs h3,  .spa-slide h3 { font-size: 1rem; }
                              
                              .sticky-nav-tab { font-size: 1rem; }
                              }
                              .img-pos{
                                  position: relative;
                                  margin-left: 40px;
                              }
                              .img-pos-1{
                                  position: relative;
                                  
                              }
                              .mar-a{
                                  margin: auto;
                              }
                              
                              .pre-footer{
                                  background: #F3F3F3;
                                  padding: 30px;
                              }
                              .pre-footer ul{
                                  list-style: none;
                                  padding-left: 0;
                              
                              }
                              .pre-footer li{
                                  margin:10px 0px;
                              }
                              .pre-footer h4{
                              
                              }
                              .pre-footer li a{
                                  text-decoration: none;
                                  color: black;
                              }
                              .pre-footer li a:hover{
                                  text-decoration: underline;
                              }
                              
                              .cta-bg{
                                  position: relative;
                                  background: url('./images/cta-bg.svg');
                                  border-radius: 20px;
                                  text-align: center;
                                  padding: 20px 20px 40px 20px;
                                  background-size: cover;
                              margin-bottom:40px;
                              }
                              .mob-features{
                                  display: none;
                              }
                              .cta-bg h2{
                                    font-size: 40px;
                                  line-height: 55px;
                                  margin: 0px 0px 20px;
                                  font-weight: 500;
                              }
                              
                              @media only screen and (max-width: 768px) {
                                  .features-lr{
                                  display: block !important;
                                  text-align: center;
                              }
                              .features-lr img{
                               margin-top: 20px;
                              }
                              .mob-features{
                                  display: block !important;
                              }
                              .sticky-nav-tabs{
                               display: none;
                              }
                              .spa-main{
                                  display: none;
                              }
                              img.feature-right-img {
                                  height: auto !important;
                              }
                              .dash-feature
                              {
                                  background: #fff1e3;
                                  text-align: left;
                                 padding:25px;
                              }
                              .app-feature{
                                  background: #e3f6ff;
                                  text-align: left;
                               padding:25px;
                              }
                              .user-feature{
                                  background: #e3fff0;
                                  text-align: left;
                               padding:25px;
                              }
                              .seam-feature{
                                  background: #fdebf2;
                                  text-align: left;
                               padding:25px;
                              }
                              .report-feature{
                                  background: #ecedfe;
                                  text-align: left;
                               padding:25px;
                              }
                              .settings-feature{
                                  background: #FDFBE8;
                                  text-align: left;
                               padding:25px;
                              }
                              .mob-features h2{
                                  font-size: 26px;
                              }
                              .mob-features p{
                                  font-size: 17px;
                                  line-height: 1.6;
                              display:block;
                              }
                              .mob-features img{
                                  
                              }
                              .features-new-banner{
                              position: relative;
                                  top: 70px;
                                  height: 650px;
                              }
                              }
                              .banner-content{
                              width:auto;
                              }
                              .banner-content h3{
                              color:#fff;
                              }
                                  .feature-col h2 {font-size: 30px;font-weight: 500;margin-bottom: 15px;    padding-left: 18px;     line-height: 1.4;}
                                  .feature-col h3 {font-size: 20px; font-weight:500; margin-bottom:15px;    padding-left: 18px;}
                                  .feature-col p{
                                      font-size:15px; margin-bottom:40px;    padding-left: 18px; text-align:justify;
                                  }
                                              #temp-body * {
                                      -webkit-box-sizing: border-box;
                                      -moz-box-sizing: border-box;
                                      box-sizing: border-box;
                                  }
                                  .default-content h1{
                                  margin-bottom:20px;
                                  }
                                  .banner{
                                  margin-top:0;
                                  }
                                  .banner-content{
                                  text-align:center;
                                  }
                                              @media (min-width: 1200px){
                                  .cs-container {
                                      max-width: 1140px;
                                  }
                                  }
                                  .feature-list ul li.active a {
                                      color: #397FF5;
                                      border-left: 3px solid #397FF5;
                                  }
                                  .feature-col img{
                                  height:350px;
                                  margin-bottom:50px;
                                  }
                                  .feature-list ul li a {
                                      color: inherit;
                                      text-decoration: none;
                                      padding: 0 10px;
                                      margin-bottom: 20px;
                                      border-left: 2px solid #ffffff;
                                      font-size: 16px;
                                      display: inline-block;
                                  }
                                  .cs-container {
                                      width: 100%;
                                      padding-right: 15px;
                                      padding-left: 15px;
                                      margin-right: auto;
                                      margin-left: auto;
                                  padding-bottom: 35px;
                                  }
                                  .cs-row {
                                      display: -ms-flexbox;
                                      display: flex;
                                      -ms-flex-wrap: wrap;
                                      flex-wrap: wrap;
                                      margin-right: -15px;
                                      margin-left: -15px;
                                  }
                                  .mB40 {
                                      margin-bottom: 40px;
                                  }
                                  .feature-list {
                                      position: -webkit-sticky;
                                      position: sticky;
                                      top: 120px;
                                  }
                                  .text-head-mob {
                                      display: none;
                                  }
                                  #fea-mob-show {
                                      display: none;
                                  }
                                  .mT40 {
                                      margin-top: 40px;
                                  }
                                  @media (min-width: 992px){
                                  .cs-col-lg-3 {
                                      -ms-flex: 0 0 25%;
                                      flex: 0 0 25%;
                                      max-width: 25%;
                                  }
                                  }
                                  @media (min-width: 992px){
                                  .cs-col-lg-9 {
                                      -ms-flex: 0 0 75%;
                                      flex: 0 0 75%;
                                      max-width: 75%;
                                  }
                                  }
                                  .cs-col-lg-3, .cs-col-lg-9 {
                                      position: relative;
                                      width: 100%;
                                      min-height: 1px;
                                      padding-right: 15px;
                                      padding-left: 15px;
                                  }