[data-lnpcalc] *{
    font-family: "Prompt", serif;
    font-weight:300;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #20264B;
}
[data-lnpcalc] .container{
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
  main .btn-orange a{
    color: white!important;
  }
  main .btn-orange a:hover{
    color: #F9B03D!important;
  }

  .block-infos-content-container .wpcf7-form-control-wrap{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .wp-block-group form .contact-form input[type=submit]{
    margin-left:2rem;
    margin-right:2rem;
  }

  main a {
      color: inherit !important;
      text-decoration: inherit !important;
  }
  main .flex-wrap {
      flex-wrap: inherit !important; 
      flex-wrap: unset!important;
  }
  main .flex-wrap {
      flex-wrap: wrap !important;
  }
  main dl, main ol, main ul {
      margin-bottom: 0rem!important;
  }

  main dl, main ol, main ul {
      margin-bottom: 1rem!important;
  }

  main ol {
      padding-left: 0rem!important;
  }
  main ol, main ul {
      padding-left: 0rem!important;
  }

  [data-lnpcalc] {
    margin-top: 140px;
  }

  [data-lnpcalc] h1{
  margin-bottom: 20px;
      color: #20264b;
      font-size: 2.6rem;
  }

  [data-lnpcalc] h2{
    font-size: 18px;
    line-height: 1.5rem;
      color:#113b65;
  }

  [data-lnpcalc] h2 i{
  font-size: 16px;
      text-decoration:none;
  }

  [data-lnpcalc] h3{
  font-size: 16px;
  }

  [data-lnpcalc] h4{
  font-size: 12px; 
      font-weight:300;
  }

  [data-lnpcalc] p{
  font-size: 14px;
  }

  [data-lnpcalc] b, [data-lnpcalc] strong{
  font-weight: 500;
  }

  [data-lnpcalc] .bold{
  font-weight: 500;
  }

  [data-lnpcalc] .orange-u{
  text-decoration: underline 3px #F9B03D;
      font-weight:500;
      transition: ease 100ms;
  }
  [data-lnpcalc] .grey-u{
  opacity: 0.7;
      font-weight: 200;
  }

  [data-lnpcalc] .blue-u{
  text-decoration: underline 3px #0D71B9 !important;
  }
    

  [data-lnpcalc] .colored-part{
  color: #F9B03D;
      font-weight: 500;
  }

  [data-lnpcalc] #accordionFlushExample{
  margin-top:10px;
  }

  [data-lnpcalc] #accordionFlushExample2{
  margin-top:10px;
  }

  [data-lnpcalc] .colored-star{
  color: #c1282e;
  }

  [data-lnpcalc] .units{
  font-size:smaller;
  }

  /*----------------- Title ----------------*/
  [data-lnpcalc] .underlined-title{
  color: #20264b;
      text-decoration-thickness: 3px;
      font-size: 3rem;
  }

  [data-lnpcalc] .underlined-title-underline{
  text-decoration: underline;
      text-decoration-color:#b7e1f9;
      text-underline-offset: 5px; 
      text-decoration-thickness: 6px;
  }

  [data-lnpcalc] .introduction-calculator{
  color: #20264b;
      margin-bottom: 0;
      font-size:18px;
  }

  [data-lnpcalc] .introduction-calculator b{
  color:#20264b;
  }

  [data-lnpcalc] .introduction-calculator img{
  margin-top: 15px;
      margin-right: 20px;
      margin-bottom: 5px;
      height:50px;
  }

  [data-lnpcalc] .introduction-separator{
  border-top: 1px solid #2b315530;
      margin-top: 10px;
      margin-bottom: 10px;
  }

  [data-lnpcalc] .introduction-calculator-method{
  font-size: 10px;
      color: inherit;
      margin-bottom: 30px;
      margin-left: -20px;
      color:#113b65;
  }

  [data-lnpcalc] .introduction-calculator-method b{
  color: inherit;
  }

  [data-lnpcalc] .introduction-label-align{
  position: relative;
      height: 100%;
  }

  [data-lnpcalc] .introduction-label-align-bottom{
  position: absolute;
      bottom: 40px;
      right: 0;
      margin-right: -20px;
      margin-bottom: -10px;
  }

  [data-lnpcalc] .introduction-label{
  font-size: 12px;
      line-height: 14px;
      margin: 0;
      color:#113b65;
  }
  [data-lnpcalc] .introduction-label b{
  color:#113b65;
  }

  [data-lnpcalc] .introduction-label i{
  font-size: 10px;
      font-style: normal;
      line-height: 12px;
      color:#113b65;
  }

  [data-lnpcalc] .entoure{
  display: inline-block;
      border: 4px solid #b7e1f9; 
      border-radius: 30px;
      padding-left: 10px;
      padding-right: 10px;
  }    

  [data-lnpcalc] .container-title{
  display: flex;
      margin-bottom: 20px;
  }

  [data-lnpcalc] .left-title{
  flex: 0 0 80%;
  }

  [data-lnpcalc] .right-title{
  flex: 0 0 20%;
      font-size: 14px;
      margin-right: 20px;
      margin-top: 40px;
  }

  [data-lnpcalc] .main-img-calculator{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50px;
    min-height: 200px;
    margin-top: 50px;
    padding:50px;
    padding-bottom: 40px;
  }

  /* ----------------- Tabs style ---------------- */
  [data-lnpcalc] #container{ 
  font-size: 12px;
      position: relative;
      margin-bottom: 50px;
      margin-top: -55px;

  }

  [data-lnpcalc] #container input.tab-input-1, [data-lnpcalc] #container input.tab-input-2{
  height: 37px;
  }

  [data-lnpcalc] #container label.tab-label-1, [data-lnpcalc] #container label.tab-label-2{
  /* [data-lnpcalc] background: #f9fcff;  */
    background: #f9fcff; 
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      border: 2px solid #e1f0ff;
      background-color: white;
      position: relative;
      top: 6px;
      height: 85px;
      color: #20264B;
      cursor: pointer;
      display: block;
      text-align: center;
      padding: 10px;
      box-shadow: rgba(100, [data-lnpcalc] 100, [data-lnpcalc] 111, 0.2) 0px 7px 29px 0px;
      -webkit-clip-path: inset(-25px -25px 0px -25px);
      clip-path: inset(-25px -25px 0px -25px);
  }

  [data-lnpcalc] #container img.img-right-tab{
  float:right;
  }
  [data-lnpcalc] #container label .tab-text-style{
  text-align:left;
      margin:0px;
      padding: 10px;
      padding-left: 0;
      font-size:16px;
  }

  [data-lnpcalc] #container label img.checkbox-tab-style{
  padding-top: 10px;
      display: block;
      text-align: left;
      float: right;
  }

  @media (max-width: 768px){
  [data-lnpcalc] #container label.tab-label-1, [data-lnpcalc] #container label.tab-label-2{
  float: none;
          margin-right: 0;
          width: 100%;
          left: 0;
          transform: none;
          font-size: 14px;
      }
  }

  [data-lnpcalc] #container input:hover ~ label{
  background: white;  
  }

  [data-lnpcalc] #container input:checked ~ label{
  background: white;  
      color: #20264B;
      position: relative;
      top: 6px;
      z-index: 6;
      border-top: 6px solid #e1f0ff;
      border-left: 6px solid #e1f0ff;
      border-right: 6px solid #e1f0ff;
      border-bottom: none;
      padding: 6px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      -webkit-clip-path: inset(-25px -25px 0px -25px);
      clip-path: inset(-25px -25px 0px -25px);
  }

  [data-lnpcalc] #content{
  background: white;
      border-radius: 15px;
      min-height: 1000px;  
      position: relative;
      width: 100%;
      z-index: 5;
      border: 6px solid #e1f0ff;
      padding: 40px 40px 10px 40px;
      box-shadow: 0 0 5px rgba(0,  0, 0, 0.1);
  }

  [data-lnpcalc] #content div.content-1{
  opacity: 0;
      padding: 1.5em;
      position: absolute;
      z-index: -100;
  }

  [data-lnpcalc] #container input#tab-1:checked ~ #content #content-1, [data-lnpcalc] #container input#tab-2:checked ~ #content #content-2{
  opacity: 1;
      z-index: 100;
      position: relative;
  }

  [data-lnpcalc] input.visible{
  visibility: visible !important;
  }
  [data-lnpcalc] .ITX-label-bold{
  text-align:left;
  }
  [data-lnpcalc] .warning{
  font-size: 9px;
      color: #c1282e;
      text-align: right;
      margin: -13px 20px 0 0;
      line-height: 9px;
  }

  [data-lnpcalc] .rnaWarning{
  font-size: 9px;
      color: #e6730e;
      text-align: right;
      margin: -10px 20px 0 0;
      padding-right: 5px;
      line-height: 9px;
  }

  /* Conteneur global de l'icône et de l'infobulle */
  [data-lnpcalc] .tooltip-container{
  position: relative;
      display: inline-block;
  }

  /* Conteneur de l'icône */
  [data-lnpcalc] .info-icon{
  /* [data-lnpcalc] cursor: pointer; */
        cursor: pointer;
      display: inline-block;
      vertical-align: 2px;
      margin-left: -4px;
      width: 9px;
      transition: transform 0.2s ease-in-out, z-index 0.2s ease-in-out;
  }

  /* Effet d'agrandissement au survol */
  [data-lnpcalc] .tooltip-container:hover .info-icon{
  transform-origin: top center;
      position: relative;
      z-index: 1001;
      transition:all 0.2 ease;
  }

  /* Infobulle */
  [data-lnpcalc] .tooltiptext{
  visibility: hidden;
      opacity: 0;
      font-size: smaller;
      background-color: #fff;
      color: #333;
      text-align: left;
      padding: 10px 10px 10px 25px;
      border-radius: 8px;
      position: absolute;
      z-index: 1000;
      top: -1px; /* Ajusté pour être sous l'icône */
      left: 11px;
      white-space: normal;
      transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
      border: 1px solid #ddd;
      margin-left: -18px;
      min-width: 220px;
      transform: translateY(5px); /* Départ légèrement plus bas */
  }

  /* Garder l'infobulle ouverte lorsque la souris est dessus */
  [data-lnpcalc] .tooltip-container:hover .tooltiptext{
  visibility: visible;
      opacity: 1;
      transform: translateY(0); /* Animation pour remonter */
      transition-delay: 0s; /* Affichage immédiat */
  }

  /* Ajouter un délai pour cacher l'infobulle après l'animation */
  [data-lnpcalc] .tooltiptext{
  transition: opacity 0.3s ease-in-out; 
  transform: 0.2s ease-in-out, visibility 0s linear 0.3s;
  }


    
    

  /*----------- Input ------------*/

  [data-lnpcalc] input{
  background-color: white;
      border: 2px solid #F9B03D;
      text-align: center;
      color: #20264b;
      width: 130px;
      height: 35px;
      border-radius: 10px;
      padding-left: 15px;
      font-size: 12px;

  }
   [data-lnpcalc] .checkbox-subscribe{
    height:initial;
    text-align: left;
        display: inline-block;
    margin: 0 0 0 1em;
}
  [data-lnpcalc] input:focus::placeholder{
  color: transparent;
  }
  [data-lnpcalc] input::placeholder{
  font-size: smaller;
      color: #bcbec9;
      padding:0;
      margin:auto;
  }
  [data-lnpcalc] input[type="text"]{
  padding:0;
      margin:auto;
  }

      /*supression des flèches sur les navigateurs chrome et safari*/
  [data-lnpcalc] input[type="number"]::-webkit-inner-spin-button, [data-lnpcalc] input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
      margin-right: 15px;
  }

      /*supression du changement de couleur du border lié au navigateur*/
  [data-lnpcalc] input:focus{
  outline: none;
      border: 2px solid #F9B03D;
      border-radius: 10px;
  }

  [data-lnpcalc] input[readonly]{
  border: none;
      background-color: transparent;
      cursor: default;
      outline: none;
    }
    .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {
    border-radius: .75rem;
    padding: .75rem;
    background-color: #ff3b301a;
    border: none;
}




  /*------------Part A------------*/

      [data-lnpcalc] .header-1{
  background-color:  #fef7ec;
          border-top-left-radius: 10px;
          text-align: right;
          padding-right: 50px;
      }

      [data-lnpcalc] .reverse-A{
  background-color:  #fef7ec;
          border-bottom-left-radius: 10px;
          text-align: right;
          padding-right: 50px; 
      }

      [data-lnpcalc] .label-tabs{
  text-align: right;
      }

      [data-lnpcalc] .ITX-row{
  display: table-row;
      }

      [data-lnpcalc] .col.header-1{
  width: 370px;
      }

  /*--------------Part B new table -----------*/

  [data-lnpcalc] .container-table{
  display: table;
      table-layout: fixed;
      max-width: 100%;
    }

  [data-lnpcalc] .container-table-option{
  display: table;
      table-layout: fixed;;
      max-width: 100%;
      margin-top: 5px;
  }  

  [data-lnpcalc] .accordion-button{
  padding: 0px;
  }
    
    [data-lnpcalc] .ITX-row{
  display: table-row;
      height: 55px;
    }
    
    [data-lnpcalc] .col{
  display: table-cell;
      border: 1px solid white;
      padding: 10px 12px 8px 8px;
      vertical-align: middle;
      box-sizing: border-box;
      width: 185px;
      line-height: 13px;
  }

  [data-lnpcalc] .blue-border-left-bottom{
  border-left: 2px solid #e1f0fe;
      border-bottom: 2px solid #e1f0fe;
  } 

  [data-lnpcalc] .blue-border-left{
  border-left: 2px solid #e1f0fe;
  } 

  [data-lnpcalc] .blue-border-right{
  border-right: 2px solid #e1f0fe;
  } 
  [data-lnpcalc] .blue-border-bottom{
  border-bottom: 2px solid #e1f0fe;
  } 

    [data-lnpcalc] .header{
  background-color: #fef7ec;
      border-top-left-radius: 10px;
    }

    [data-lnpcalc] .convert-3{
  border: 1px solid #0f71ba;
      background-color: #f3f9ff;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      font-size: 10px;
      line-height: 17px;
  }

    [data-lnpcalc] .reverse-1{
  background-color: #fef7ec;
      border-bottom-left-radius: 10px;
    }

    [data-lnpcalc] .reverse-2{
  background-color: #fef7ec;
      border-bottom-right-radius: 10px;
    }

    [data-lnpcalc] .button{
  background-color: #fef7ec;
      background-color:  #fef7ec;
    }
    
    [data-lnpcalc] .last-button{
  border-top-right-radius: 10px;
      background-color: #fef7ec;
    }

    [data-lnpcalc] .result{
  background:  #e1f0ff; 
      border-top: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      text-align: center;
    }

    [data-lnpcalc] .result span{
  font-weight: 500;
      font-size: 12px;
    }
    
    [data-lnpcalc] .result-1{
  border-top: 2px solid #0d71b9;
      border-left: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      background:  #e1f0ff; 
      border-bottom-left-radius: 10px;
      text-align: right;
    }

    [data-lnpcalc] .result-2{
  border-top: 2px solid #0d71b9;
      border-right: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      background:  #e1f0ff; 
      border-bottom-right-radius: 10px;
      text-align: center;
  }

  [data-lnpcalc] .result-3{
  background:  #e1f0ff; 
      border-top : 2px solid #0d71b9;
      border-left: 2px solid #0d71b9;
      border-top-left-radius: 10px;
      text-align: right;
  }

  [data-lnpcalc] .result-4{
  background:  #e1f0ff; 
      border-top : 2px solid #0d71b9;
      border-right: 2px solid #0d71b9;
      border-top-right-radius: 10px;
  }

  [data-lnpcalc] .result-5{
  background:  #e1f0ff;
      border-left: 2px solid #0d71b9; 
      text-align: right;
  }

  [data-lnpcalc] .result-6{
  background:  #e1f0ff;
      border-right: 2px solid #0d71b9; 
  }

  [data-lnpcalc] .last-result-1{
  background:  #f3f9ff; 
      border-bottom : 2px solid #0d71b9;
      border-left: 2px solid #0d71b9;
      border-bottom-left-radius: 10px;
      text-align: right;
  }

  [data-lnpcalc] .last-result-2{
  background:  #f3f9ff; 
      border-bottom : 2px solid #0d71b9;
      border-right: 2px solid #0d71b9;
      border-bottom-right-radius: 10px;
  }

  [data-lnpcalc] .ethanol-1{
  border-top: 2px solid #0d71b9;
      border-left: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      background:  #e1f0ff; 
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px;
  }

  [data-lnpcalc] .ethanol-2{
  border-top: 2px solid #0d71b9;
      border-right: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      background:  #e1f0ff; 
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
  }

  [data-lnpcalc] .export-datas-block{
  width:100%;
      background-color: #f3f9ff;
      border-radius: 10px;
      padding: 17px 20px;
      margin:0;
  }

  [data-lnpcalc] .export-datas-block p{
  font-size: 12px;
      margin:0;
  }



  [data-lnpcalc] .export-datas-block p.export-it{
  line-height: 12px;
      font-size: 10px;
      font-weight: 200;
      margin-bottom:.1rem;
      padding-top:5px;
  }
  [data-lnpcalc] .export-datas-block p.export-small{
  font-size: 8px;
      line-height:8px;
  }

  [data-lnpcalc] .export-datas-block p input[type="submit"]{
  font-size: 14px;
      font-weight: 500;;
      background-color: #F9B03D;
      color:white;
      padding:5px 10px;
      border-radius: 50px;
      border:none;
      margin-top:10px;
      transition:all 300ms ease-in-out;
  }

  [data-lnpcalc] .export-datas-block p input[type="submit"]:hover{
  background-color: white;
      color:#F9B03D;
  }

  [data-lnpcalc] .wpcf7-not-valid-tip{
  font-size:10px;
  }
  [data-lnpcalc] .wpcf7-response-output{
  font-size:10px;
  }

  [data-lnpcalc] .wpcf7 form.sent .wpcf7-response-output{
  background-color: #56dc7c24;
      border: none;
      padding: 10px 12px;
      border-radius: 10px;
      margin-top: 10px;
      display: inline-block;
  }
  [data-lnpcalc] .wpcf7 form.invalid .wpcf7-response-output, [data-lnpcalc] .wpcf7 form.unaccepted .wpcf7-response-output, [data-lnpcalc] .wpcf7 form.payment-required .wpcf7-response-output{
  background-color: #f3f9ff;
      border: none;
      padding: 10px 12px;
      border-radius: 10px;
      margin-top: 10px;
      display: inline-block;
  }


  /*--------------Button-----------*/

  [data-lnpcalc] .btn{
    background-color: white;
    border-radius: 15px;
    border: 2px solid #F9B03D;
    font-size: 10px;
    color: #bcbec9;
    line-height: 1.2;
    height: 35px;
  }
[data-lnpcalc] button.btn-orange{
    font-size: 15px;
    padding: 10px 0;
    color: #FFFFFF;
    height: auto;
    border: 2px solid #F9B03D;
    background-color:#F9B03D;
}
[data-lnpcalc] button.btn-orange:hover{
    color: #20264B;
    background-color:#FFFFFF;
}
    
  [data-lnpcalc] .custom-dropdown{
  position: relative;
      padding-right: 30px;
      padding-left: 15px; 
    }
    
    [data-lnpcalc] .custom-dropdown:focus, [data-lnpcalc] .custom-dropdown:active, [data-lnpcalc] .custom-dropdown.show{
  outline: none; 
      box-shadow: none;
      border-color: #F9B03D;
      background-color: white;
    }  

    [data-lnpcalc] .custom-dropdown:hover{
  border-color: #F9B03D;
      background-color: white;
    }

    [data-lnpcalc] .dropdown-icon{
  position: absolute;
      z-index: 11;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
    }
    
  [data-lnpcalc] .btn:hover, [data-lnpcalc] .btn:focus{
  background-color: white;
    color:#bcbec9; 
    border: 2px solid #F9B03D;
  }

[data-lnpcalc] .dropdown-menu .dropdown-item{
    font-size: 12px;
    padding: 4px 16px;

}

    [data-lnpcalc] .btn.dropdown-toggle{
  min-width: 150px; 
      text-align: left; 
    }

    [data-lnpcalc] .btn-group .dropdown-menu{
  min-width: 150px;
      z-index: 10;
      padding: 10px;
      margin-top: -2px !important;
      border-radius: 0 0 15px 15px;
      border-left: 2px solid #F9B03D;
      border-right: 2px solid #F9B03D;
      border-bottom: 2px solid #F9B03D;
      border-top: 2px solid #80808033;
      box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1);
    }
    
    [data-lnpcalc] .btn-group .dropdown-menu input.form-control{
  width: 100%;
      height: 25px;
      font-size: 12px;
      padding: 5px 5px;
      border: 1px solid #F9B03D;
      border-radius: 10px;
      outline: none;
      margin: 5px 0 10px 0;
    }
    
  
    [data-lnpcalc] .btn-group .dropdown-menu input.form-control:focus{
  border-color: #F9B03D;
      text-align: left;
      box-shadow: 0px 0px 5px rgba(242, 159, 43, 0.845);
    }

    [data-lnpcalc] .btn.dropdown-toggle:focus{
  border-bottom: 0;
      border-radius : 15px 15px 0 0; 
    } 

    [data-lnpcalc] .btn.dropdown-toggle:active{
  border-color: #F9B03D;
      background-color: white;
    } 

    [data-lnpcalc] .dropdown-item.active, [data-lnpcalc] .dropdown-item:active{
  background-color: #F9B03D;
    }
    
    [data-lnpcalc] .btn.dropdown-toggle::after{
  display: none;
    }  

  [data-lnpcalc] .hidden{
  display: none;
    }

  [data-lnpcalc] .dropdown-header{
      font-size: 11px;
      font-weight: 500;
      color: #20264b96;
      padding-top: 0;
      margin-top:-2px;
    }

    [data-lnpcalc] .dropdown-divider{
  margin: 0px -8px 5px -8px;
      border-top: 2px solid #0000002d;
    }

  /*-----------------------Option------------------*/

  [data-lnpcalc] .tr-stock-solution{
  background:  #fef7ec;  
  }

  [data-lnpcalc] .table-option{
  margin-bottom: 8px;
      margin-top: 10px;
  }

  /*---------------Accordion----------------------*/

  [data-lnpcalc] .collapse {
      visibility: unset;
  }

  [data-lnpcalc] .accordion-button{
  background-color: white;
      border : none;   
  }

  [data-lnpcalc] .accordion-button:not(.collapsed){
  background-color: white;
      box-shadow: none;
  }

  [data-lnpcalc] .accordion-button::after{
  display: none;
  }

  [data-lnpcalc] .accordion-button:focus{
  box-shadow: none; 
      outline: none;
  }

  [data-lnpcalc] .accordion-item{
  border: none;
  }

  [data-lnpcalc] .accordion-body{
  padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
  }

  [data-lnpcalc] .export-datas-option{
  margin-top:60px;
  }

  [data-lnpcalc] .accordion-arrow{
  transition: transform 0.3s ease;
      margin-right: 8px;
    }
    
  [data-lnpcalc] button.accordion-button:not(.collapsed) .accordion-arrow{
  transform: rotate(90deg);
    }

  /*---------------------Part D--------------------*/

  [data-lnpcalc] .last-result{
  background:  #f3f9ff;
      border: 2px solid #0d71b9;
  }

  [data-lnpcalc] .convert-1{
  color: #bcbec9;
      border-top:5px solid #e1f0ff;
      border-right:5px solid #e1f0ff;
      border-top-right-radius: 10px;
  }

  [data-lnpcalc] .convert-2{
  border-bottom:5px solid #e1f0ff;
      border-right:5px solid #e1f0ff;
      border-bottom-right-radius: 10px;
  }

  [data-lnpcalc] .col.result-3{
  width: 370px;
  }

  /*--------------button convert------------*/

  [data-lnpcalc] .btn-mini-convert{
  background-color: white;
      border: 1px solid #F9B03D;
      padding-left: 10px;
      width: 70px;
      height: 18px;
      margin-top: 5px;
      margin-bottom: -5px;
      border-radius: 6px;
      font-size: smaller;
  }

  [data-lnpcalc] .btn-mini-convert-2{
  background-color: white;
      border: 2px solid #F9B03D;
      text-align: center;
      width: 100px;
      height: 25px;
      border-radius: 6px;
  }

  [data-lnpcalc] .btn-mini-convert.dropdown-toggle::after{
  display: none;
  }

  [data-lnpcalc] .btn-mini-convert-2.dropdown-toggle::after{
  display: none;
  }

  [data-lnpcalc] .custom-arrow{
  position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      width: 12px;
  }

  /*-------------Reload------------*/

  [data-lnpcalc] #reloadButtonLipid{
  position: absolute;
      top: 0;
      right: 10px;
      margin-top: 10px;
      border: none;
      background: #e1f0ff80;
      border-radius: 50%;
      padding: 5px;
      cursor: pointer;
      transition: transform 1s ease;
  }

  [data-lnpcalc] #reloadButtonLipid:hover{
  transform: rotate(80deg);
  }

  [data-lnpcalc] #reloadButtonRna{
  position: absolute;
      top: 0;
      right: 10px;
      margin-top: 10px;
      border: none;
      background: #e1f0ff80;
      border-radius: 50%;
      padding: 5px;
      cursor: pointer;
      transition: transform 1s ease;
  }

  [data-lnpcalc] #reloadButtonRna:hover{
  transform: rotate(80deg);
  }

  /*-------------RNA part------------*/

  [data-lnpcalc] .rna-small{
  border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #fef7ec;
      width: 370px;
      text-align: right;
  }

  [data-lnpcalc] .rna-small-1{
  background-color: #fef7ec;
  }

  [data-lnpcalc] .rna-small-3{
  color: #bcbec9;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border: 2px solid #fef7ec; 
  }

  [data-lnpcalc] .rna-volume{
  border-top: 2px solid #0d71b9;
      border-left: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #e1f0ff;
      width: 66.66%;
      text-align: right;
  }

  [data-lnpcalc] .rna-volume-1{
  border-top: 2px solid #0d71b9;
      border-right: 2px solid #0d71b9;
      border-bottom: 2px solid #0d71b9;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #e1f0ff;
  }

  [data-lnpcalc] .desired{
  border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #fef7ec;
      width: 66.66%;
      text-align: right;
  }

  [data-lnpcalc] .desired-1{
  border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #fef7ec;
  }

  [data-lnpcalc] .convert-rna-1{
  border-top: 2px solid #e1f0ff;
    border-bottom: 2px solid #e1f0ff;
    border-right: 2px solid #e1f0ff;
    border-top-right-radius: 10px;
  }

  [data-lnpcalc] .convert-rna-2{
  border-bottom: 2px solid #e1f0ff;
      border-right: 2px solid #e1f0ff;
      border-bottom-right-radius: 10px;
  }

  [data-lnpcalc] .hidden-computer{
  display:none;
      opacity:0;
  }

  [data-lnpcalc] .hidden-mobile{
  display:table-cell;
  }
  [data-lnpcalc] .inline-block{
  display:inline-block;
  }

  [data-lnpcalc] .lip-table-responsive{
  display:flex;
  }

  [data-lnpcalc] .space-sections{
  margin-top:30px;
  }


[data-lnpcalc] #contactForm7ResultLipid, [data-lnpcalc] #contactForm7ResultRna{
  margin-top:20px;
  }

  /* Harmonize email input radius on focus */
  [data-lnpcalc] #contactForm7ResultLipid input[type="email"]:focus,
  [data-lnpcalc] #contactForm7ResultRna input[type="email"]:focus{
    border-radius:15px;
  }


  [data-lnpcalc] #contactFormFeedbacks{
  margin: 50px 10px;
      background-color: #f3f9ff;
      padding: 20px;
      border-radius: 30px;
  }

  [data-lnpcalc] #contactFormFeedbacks .form-control-lg{
  text-align: left;
      padding: 10px 20px;
  }

 [data-lnpcalc] .export-datas-block form label{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    }   
[data-lnpcalc] .export-datas-block form label input, [data-lnpcalc] .export-datas-block form label input{
    width: 100%;
    border-radius: 15px;
}
[data-lnpcalc] .export-datas-block form label input:focus, [data-lnpcalc] .export-datas-block form label input:focus{
    border-radius: 15px;
}
   .export-datas-block input[type=submit], [data-lnpcalc] .export-datas-block input[type=submit]{
      background-color: #F9B03D;
      color: white;
      border-radius: 15px;
      margin-left: 10px;
      padding: 0;
      font-size: medium;
  }
  .export-datas-block input[type=submit]:hover{ 
    background-color: #20264b;
   }

  [data-lnpcalc] #contactFormFeedbacks .btn{
  color:white;
      background-color: #F9B03D;
      font-size:16px;
  }

  [data-lnpcalc] #contactFormFeedbacks .wpcf7 form.invalid .wpcf7-response-output, [data-lnpcalc] .wpcf7 form.unaccepted .wpcf7-response-output, [data-lnpcalc] .wpcf7 form.payment-required .wpcf7-response-output{
  /* [data-lnpcalc] display: block; */
        display: block;
      text-align: center;
      background-color: #ffe3e5;
  }


  /*-------------Bootstrap Breakpoints Responsive------------*/
  @media (min-width: 1200px){
  [data-lnpcalc] .container, [data-lnpcalc] .container-lg, [data-lnpcalc] .container-md, [data-lnpcalc] .container-sm, [data-lnpcalc] .container-xl{
  max-width: 1045px;
      }
  }

  @media (min-width: 1200px){
  [data-lnpcalc] .container, [data-lnpcalc] .container-lg, [data-lnpcalc] .container-md, [data-lnpcalc] .container-sm, [data-lnpcalc] .container-xl{
  max-width: 1045px;
      }
  }

  @media (min-width: 1400px){
  [data-lnpcalc] .container, [data-lnpcalc] .container-lg, [data-lnpcalc] .container-md, [data-lnpcalc] .container-sm, [data-lnpcalc] .container-xl, [data-lnpcalc] .container-xxl{
  max-width: 1045px;
      }
  }

  @media (min-width: 992px){
  [data-lnpcalc] .container, [data-lnpcalc] .container-lg, [data-lnpcalc] .container-md, [data-lnpcalc] .container-sm{
  max-width: 1045px;
      }
  }

  @media (max-width: 991px){
  /* Responsive table-row and table-cell */
      [data-lnpcalc] .container-table{
  display: block;
          width: 100%;
      }

      [data-lnpcalc] .ITX-row{
  display: flex;
          width: auto;
          height: auto;
      }

      [data-lnpcalc] .col{
  display: block;
          align-items: center;
          align-content: center;
          justify-content: center;
          flex-wrap: wrap;
          flex-direction: row;
          min-height: 80px;
          padding: 20px;
          line-height: 16px;
      }

      [data-lnpcalc] .container-table-option{
  display: block;
      }

      [data-lnpcalc] .table-label{
  text-align: right !important;
          margin:auto;
      }

      [data-lnpcalc] .convert-3{
  display: none !important;
      }

      /* responsive lipid table */
      [data-lnpcalc] .hidden-computer{
  display:block;
          opacity:1;
      }

      [data-lnpcalc] .lip-table-responsive{
  display:block;
      }
      [data-lnpcalc] .hidden-mobile{
  display:none;
      }

      [data-lnpcalc] .responsive-tabs{
  margin-top: 20px;
          position: absolute;
          margin-left: 10px;
          margin-right: 25px;
          z-index: 10;
      }

      [data-lnpcalc] #container input:checked ~ label{
  border: solid #f9b03e 3px;
          box-shadow: rgb(100 100 111 / 0%) 0px 7px 29px 0px;
      }

      [data-lnpcalc] #container label.tab-label-1, [data-lnpcalc] #container label.tab-label-2{
  border: solid #e1f0ff 1px;
          border-radius: 15px;
          margin-bottom: 10px;
          box-shadow: rgb(100 100 111 / 0%) 0px 7px 29px 0px;
      }

      [data-lnpcalc] #container{
  padding: 0;
      }

      [data-lnpcalc] #content{
  padding:20px;
          padding-top: 230px;
          font-size:14px;
      }

      [data-lnpcalc] .main-img-calculator{
  background-position: left;
          margin: -12px;       
          border-radius: 0;  
          padding: 70px 20px;  
      }

      [data-lnpcalc] .introduction-calculator{
  font-size: 18px;
      }

      [data-lnpcalc] .introduction-calculator-method{
  margin-left: 0px;
          font-size: 12px;
      }

      [data-lnpcalc] input[type="color"], [data-lnpcalc] input[type="date"], [data-lnpcalc] input[type="datetime"], [data-lnpcalc] input[type="datetime-local"], [data-lnpcalc] input[type="email"], [data-lnpcalc] input[type="month"], [data-lnpcalc] input[type="number"], [data-lnpcalc] input[type="password"], [data-lnpcalc] input[type="search"], [data-lnpcalc] input[type="tel"], [data-lnpcalc] input[type="text"], [data-lnpcalc] input[type="time"], [data-lnpcalc] input[type="url"], [data-lnpcalc] input[type="week"], [data-lnpcalc] select:focus, [data-lnpcalc] textarea{
  font-size: 16px;
      }

      [data-lnpcalc] .col{
  max-width:55%;
      }

      [data-lnpcalc] .col-label-responsive{
  max-width:45%;
      }

      [data-lnpcalc] .dropdown-header{
  font-size: 14px;
      }

      [data-lnpcalc] .dropdown-menu .dropdown-item{
  font-size: 14px;
          padding: 10px 10px;
      }

      [data-lnpcalc] .btn-group .dropdown-menu input.form-control{
  margin-left:-7px;
          margin-right:-7px;
          font-size: 14px;
          width: 110%;
      }

      [data-lnpcalc] h1{
  font-size: 55px;
      }

      [data-lnpcalc] .underlined-title{
  font-size: 55px;
      }

      [data-lnpcalc] h3{
  font-size: 18px; 
      }

      [data-lnpcalc] h4{
  font-size: 12px;
      }

      [data-lnpcalc] .reverse-1{
  border-bottom-left-radius: 0px;
          border-top-right-radius: 10px;
      }

      [data-lnpcalc] .last-button{
  border-bottom-left-radius: 10px;
          border-top-right-radius: 0px;
      }

      [data-lnpcalc] .rna-small-1{
  border-bottom-right-radius: 10px;
          border-top-right-radius: 10px;
      }

      [data-lnpcalc] .result{
  border-right: 2px solid #0d71b9;
          border-bottom-right-radius: 10px;
      }

      [data-lnpcalc] .table-radius-responsive{
  border-top-right-radius: 10px;
      }

      [data-lnpcalc] .info-icon{
  width:17px;
      }

      [data-lnpcalc] input{
          padding-left:0;
      }
      
  }