/*

    /css/speka.css
    v2.0 [06 Mai 25]
    purple =>   #661AEE

*/

/* reset */
a:active, a:focus{outline: none !important; border: none !important; -moz-outline-style: none !important;}
div{font-size:20px; font-family:'Manrope';}      /* init */


#live-wrapper{width:100%; float:left; border-radius:15px; border:2px solid #EEEEEE; padding:3em; background-color:#FFF; box-sizing:border-box;}
  #live-bar{float:left; width:100%;}
  #live-icon{float:left; }
    #live-icon img{height:40px; padding: 0.35em 0.3em 0 0;}
  #live-title{float:left; font-size:2em; font-weight:800; margin-right:0.2em;}
  #live-date{float:left; padding: 0.7em 0.3em 0.3em 1em;}
  #live-counter{float:left; padding: 0.7em 0.3em 0.3em 0.3em;}
  #live-pagination-wrapper{float:right;}
    #live-pagination-txt{float:left; font-size:0.7em; font-weight:500; padding:1.4em 2em 0.3em 0.3em;}
    #live-pagination-buttons-wrapper{float:left; padding:0.5em 0 0 0;}
      #previous-link{float:left;}
      #next-link{float:left;}
      #previous-link img, #next-link img{height:40px;}
        a#previous:hover, a#next:hover{filter: brightness(0) saturate(100%) invert(19%) sepia(94%) saturate(5822%) hue-rotate(252deg) brightness(96%) contrast(93%);}
      span.off img{opacity:0.3;}

    div#newsletters-wrapper{float: left; width:100%;}

    #live-limit-msg{margin-top:2em; font-style:italic; font-size:0.7em; color:#555;}

  /* ul */
  ul#newsletters-list{float:left; width:100%; padding-left:0; list-style:none;}
    ul#newsletters-list li{float:left; width:100%; box-sizing:border-box;  padding:0.6em; list-style:none;}
    ul#newsletters-list li:not(:last-child){border-bottom:2px solid #EEE;}
    ul#newsletters-list li:hover{cursor:pointer; border-bottom:2px solid #661AEE;}

    .news-brand,.news-title,.news-date{font-size:0.7em;}
    .news-brand{float:left; width:25%; font-weight:500;}
    .news-title{float:left; width:65%; font-weight:500;}
    .news-date{float:left; width:10%; text-align:right; font-weight:500;}

  ul.trio{column-count:3; margin:1em 0 2.5em 0;padding-left:0;}
  ul.trio li{list-style: none;}
  ul.trio li a{font-size:0.9em; font-weight:400; color:#111; text-decoration: none;}
  ul.trio li a:active, ul.trio li a:focus{outline: none;}


  /* badges */
  .badge-purple-rg, .badge-black-rg, .badge-grey-rg{padding:0.7em 1.2em 0.7em 1.2em; color:#FFF; font-size:0.7em; border-radius:30px; font-weight:500;}
  .badge-purple-rg{background-color:#661AEE; }
  .badge-black-rg{background-color:#000;}
  .badge-grey-rg{background-color: #E1E1E1; color:#000!important;}

  .new{position:absolute; margin-left:0.8em; margin-top:0.6em; padding:0.2em 0.4em 0.1em 0.4em; background-color:#111; border-radius:3px; color:#FFF; font-size:0.5em; line-height:16px;}


  /* pagination */
  #pagination-wrapper{clear:both; float:left; width:100%; margin:1.1em 0 1.1em 0;}
  ul#pagination{padding-left:0;}
  ul#pagination li{list-style:none; float:left;}
  ul#pagination li:not(last-child){margin-right:0.5em;}
  ul#pagination li a{font-size:0.7em; color:#000; padding:0.8em 1em 0.8em 1em; border-bottom:3px solid #EEE; text-decoration:none;}
  ul#pagination li a:hover{border-color:#5333ED;}
  ul#pagination li span.active{background-color:#5333ED; border-color:#5333ED; font-size:0.7em; color:#FFF; padding:0.8em 1em 0.8em 1em;}
  ul#pagination li span.unactive{font-size:0.7em; color:#AAA; padding:0.8em 1em 0.8em 1em; border-bottom:3px solid #EEE;}
  ul#pagination li span.dots{font-size:0.7em; color:#000; padding:0.8em 1em 0.8em 1em;}


  /* round */
  .round-purple-rg {width:40px; height:40px; display: inline-block; background-color: #661AEE; color:#FFF; font-size:0.9em; padding:0.5em; border-radius:30px; box-sizing:border-box; text-align: center;}


  /* notw big slider */
  #notw-wrap{width: 100%; padding: 0 0 5em 0; margin: 0 auto 0 auto;}
    #notw{width:100%; box-sizing: border-box; margin: 0 auto 0 auto; padding: 5em 0 3em 0;}
    #notw ul.splide__list img{max-width:100%;  box-sizing: border-box; border:10px solid #F8F8F8;}
    #notw ul li img:hover{border-color:#000000;}

    /* notw showcase */
    #notw-showcase{width:100%; box-sizing: border-box; margin: 0 auto 0 auto; padding:0 0 3em 0;}
    #notw-showcase ul.splide__list img{max-width:100%;  box-sizing: border-box; border:10px solid #F8F8F8;}
    #notw-showcase ul li img:first-child{margin-bottom:1.5em;}
    #notw-showcase ul li img:hover{border-color:#000000;}

    /* customers logos slider */
    #customers-logos{width:100%; height:140px; box-sizing: border-box; padding:0 4em 0 4em; margin-block-start: 0!important;}
    #customers-logos ul.splide__list img{max-width:100%; box-sizing:border-box;}
    #customers-logos li.splide__slide img{opacity: 0.8;}
    #customers-logos li.splide__slide:hover img{opacity:1;}

    /* splide addon */
    button.splide__pagination__page.is-active{outline:none;}
    button.splide__pagination__page:focus{outline:none;}


    /* Plans flex boxes */
    #plans-wrap{display: flex; max-width: 1200px; margin-left: auto !important; margin-right: auto !important; gap:3em;}
    .plan-column{flex-grow: 1; min-width: 0; overflow-wrap: break-word; word-break: break-word; border:2px solid #EEE; border-radius:20px; padding: 1.5em; box-sizing: border-box;}
    .pack-title {font-size: 1.8em; font-weight:700; text-align: center; padding-bottom: 0.3em;}
    .pack-price {font-size: 2em; font-weight:700; text-align: center; padding: 0.3em 0 0.2em 0;}
    .pack-time {font-size: 0.9em; font-weight:500; color:#686868; text-align: center; padding-bottom: 0.4em;}
    .pack-user {font-weight:600; text-align: center; padding: 0.4em 0 0.4em 0;}
    .pack-btn {text-align: center; margin: 1.5em 0 1.5em 0;}
    hr.centred {width:20%; height:3px; color:#CCC; border:none; background-color:#CCC;}

    .btn-green-gt{background-color:#1DEB8E; color:#111; border-radius:30px; padding:1em 2em 1em 2em; font-size:0.8em; font-weight:600; border:2px solid #1DEB8E; text-decoration:none;}
    .btn-yellow-gt{background-color: #F5FD32; color: #111; border-radius: 30px; padding: 1em 2em 1em 2em; font-size: 0.8em; font-weight:600; border:2px solid #F5FD32; text-decoration:none;}
    .btn-purple-gt{background-color: #5333ED; color: #FFF; border-radius: 40px; padding: 1em 2em 1em 2em; font-size: 0.8em; font-weight:600; border: 2px solid #5333ED; text-decoration:none;}


    /* plans details list li */
    #pack-features-wrapper{clear: both; width: 20em; margin:0 auto 1em auto; padding:0 1em 1em 1em;}
      ul#pack-features{padding-left:0;}
      ul#pack-features li {position: relative; list-style: none; border-bottom: 2px solid #EEEEEE; padding: 0.5em 0.5em 0.5em 3em;}
      ul#pack-features li img{position: absolute; top: 0.6em; left: 1em; width:20px;}
      ul#pack-features li span{font-size:0.8em; font-weight:600;}

    /* class */
      .unit{float: left; width: 100%;}
      hr.separator-left-3-purple{clear: both; width: 10%; height:3px; background-color: #5333ED; border: 0; margin:1em auto 1em 0;}
      .mid-title-wrapper{position:relative; float:left; width:100%; margin:1em 0 1em 0; padding:0;}
      .mid-title-wrapper h1{float:left; margin:0.5em 0.5em 0.5em 0;}
      .mid-title-badge{float:left; margin-top:2.3em;}

      /* h1 */
      h1.speka{text-align:left; font-size:2em; font-weight: 800; margin:1em 0 0 0;}
      h1.brand{float:left; text-align:left; font-size:2em; font-weight: 800; margin:1em 0 0 0;}
      div.brandsite{float:right; position:relative; padding:2.5em 0 1em 1.8em;}
        div.brandsite a{font-size:0.9em; text-decoration: none;}
        div.brandsite img{position:absolute; top:2.8em; left:0; width:20px; height:20px;}

    /**/

    /* notw page */
    #notw-wrapper{width:100%;}
    h1#notw-title{margin-bottom:0;}
    #notw-subtitle{font-size: 1em;}
    ul.newslettersoftheweek{margin:1.5em 0 1.5em 0; padding-left:0;}
    ul.newslettersoftheweek li{float:left; width:30%; margin-right:5%; margin-bottom:2em; list-style:none;}
    ul.newslettersoftheweek li:nth-child(3n){margin-right:0;}
    ul.newslettersoftheweek li img{max-width:100%; box-sizing:border-box; border:10px solid #F3F3F3;}
    ul.newslettersoftheweek li:hover img{border-color:#111;}
    div.notw-details{text-align:center; font-size:0.6em;}

    /* notw prev next */
    #notw-prev-next-wrapper{clear:both; text-align:right; }
      #notw-prev-next-wrapper a{display:inline-block; text-decoration:none; font-weight:500; font-size:1em;}
      #notw-prev-next-wrapper a:not(:last-child){margin-right:2em;}
      span#notw-prev{color:#CCC; margin-right:2em;}
      span#notw-next{color:#CCC;}

    ul#notw-pagination{padding-left:0; margin:2em 0 2em 0;}
      ul#notw-pagination li{list-style:none; display: inline-flex; margin-bottom:1em; margin-right:0.5em;}
      ul#notw-pagination li a{font-size:0.8em; padding:0.4em; border-radius:4px; background-color:#F3F3F3; text-decoration:none; box-sizing:border-box;}
      ul#notw-pagination li a:hover{color:#FFF; background-color:#661AEE;}
      ul#notw-pagination li span{font-size:0.8em; color:#FFF; padding:0.4em; border-radius:4px; background-color:#000; text-decoration:none; box-sizing:border-box;}

    /* notw grid */
    .grid-container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0; margin:1em 0 1em 0;}
    .grid-item img {max-width: 100%; box-sizing: border-box; border: 10px solid #F3F3F3;}


    /* pagination advanced */
    .pagination-advanced{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin:3.5em 0; font-family: 'Manrope', sans-serif;}
    .pagination-advanced a, .pagination-advanced .current, .pagination-advanced .dots{padding: 8px 12px; border: 1px solid #DDD; border-radius: 4px; text-decoration: none; color: #333; transition: background 0.3s;}
    .pagination-advanced a:hover{background-color: #5D04D9; color: #FFF;}
    .pagination-advanced .current{background-color: #0E1126; color: #fff; border-color: #0E1126; cursor: default;}
    .pagination-advanced .dots {border: none; pointer-events: none; color: #999;}

    /* form contact */
    .form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 600px; margin: auto;}
    .form-group {display: flex; flex-direction: column;}
    .form-grid .full-width{grid-column: span 2;}

    form#form-contact input[type="text"], form#form-contact textarea{padding:0.8em; font-size:0.750em; font-family: 'Manrope', sans-serif; border: none; border-bottom: 2px solid #D9D9D9;}

    .char-counter {font-size: 0.9rem; text-align: right; color: #666; margin-top: 4px;}

    .spam-code {font-size:0.80em; font-weight:500; letter-spacing:5px; background-color:#f0f0f0; padding:10px; text-align:center; border:1px dashed #ccc; user-select:none;}

    form#form-contact input[type="submit"]{padding:15px 20px; font-size:0.750em; font-family:'Manrope', sans-serif; margin-top:20px; cursor:pointer; background-color:#5D04D9; color:#FFF;
    border-radius:5px; outline:none; border:none; font-weight:500;}
    form#form-contact input.red,form#form-contact textarea.red{border-color:#ED4E34;}

    /* form */
    .formreset{background-color:#EBEBEB; transition: background-color 0.5s;}

    .wide-alert{display:none; padding:1em; font-size:0.750em; text-align:center;}
    .wide-alert-red{background-color:#ED4E34; color:#FFF;}

    /* new loader full css   */
    .newloader{display:none; float:left; width:30px; height:30px; border:5px solid #5333ED; border-top:5px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; margin:0.4em 0 0 1em;}
    @keyframes spin{to{transform: rotate(360deg);}}

    /* msgbox */
    div#msgbox{display:none; z-index:100; position:fixed; bottom:4em; left:4em; background: #000000; padding: 1.5em; border:1px solid #ccc; color:#FFF; font-size:0.9em; font-weight:600; font-family:'Manrope',sans-serif; border-radius:5px;}



    /* media queries */
    @media (max-width: 900px){
      .grid-container {grid-template-columns: repeat(2, 1fr);}
    }
    @media (max-width: 600px){
      .grid-container {grid-template-columns: 1fr;}
    }
