.newsletter-container .newsletter__wrapper{padding:3rem;}
.newsletter-modal{flex-direction: row-reverse;}
   .newsletter-container .newsletter__button{margin-top:0;margin-left: 0px;}
   .newsletter-modal.text-center .newsletter__wrapper{text-align:center;}
   .newsletter-modal.text-start .newsletter__wrapper{text-align:left;}
   .newsletter-modal.text-end .newsletter__wrapper{text-align:right;}
   .newsletter-container .list-social{ display: flex; flex-wrap: wrap; margin-top: 0; justify-content: unset;gap: 0.6rem;justify-content:center;width:100%}
   .newsletter-modal.text-end .list-social{justify-content: right;}
   .newsletter-modal.text-start .list-social{justify-content: left;}
   .newsletter-modal.text-center .list-social{justify-content: center;margin-top: 20px;}
   .newsletter-container .newsletter-modal .field__label{top: calc(1.3rem + var(--inputs-border-width));}
   .newsletter-container .newsletter-modal .field__input{    height: 5rem;}
    .newsletter-container {
      position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    visibility: visible;
    margin: auto;
    height: 100%;
    width: 100%;
    transition: all linear .3s;
    }
    .newsletter-modal { padding: 20px; }
    .newsletter-modal .newsletter__wrapper > *:not(:last-child) { margin: 0 0 2rem; }
    .newsletter-modal{
     display:flex;flex-direction: column-reverse;
    padding: 0px;
   width: 100%;
    max-width: 500px;
    height: 700px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-10%, -50%);
    transition: all linear .3s;
    z-index: 1;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    align-items: center;
    background:transparent;border-radius: var(--media-radius);
    }
  
  span.newsletter-container-overlay{   
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
  }
  
   a.close-window.icon-button.close-icon{position:absolute; cursor: pointer;right: 15px;top: 15px;}
/*    a.close-window.icon-button.close-icon svg{    width: 1.6rem;  height: 1.6rem;} */
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper{display:flex; align-items:center; gap: 2rem;}
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper .newsletter-form__message {margin:0;}
@media screen and (max-width: 576px) {
/*     .newsletter-content button.newsletter__button.button{    
    position: absolute; 
    right: 0;
    top: 0px;
    bottom: 0;}    
  */
   .newsletter-form__field-wrapper{display:block;}
}
/* custom css */
.newsletter-container .newsletter-modal:before{display:block;opacity:0.4;}
.newsletter-modal .newsletter-content{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;
    background: rgba(var(--color-background));overflow: hidden;}
.newsletter-container .newsletter-modal   .newsletter__wrapper{width:480px;}
.newsletter-modal .newsletter__wrapper .title-wrapper-with-link{
    margin-bottom: 20px;
    letter-spacing: 0x;
    align-items: center;
}
.newsletter-container .newsletter-modal .newsletter__button{
    position: absolute;
    right: 5px;top:5px;
    height: 40px;
    border-radius: 50%;padding:0;
    width: 40px;min-width:40px;min-height:40px;
    }
.newsletter-container .newsletter-modal .newsletter__button svg{width:20px;height:20px}
.newsletter-container .newsletter-modal .field__input{margin: 0;height:calc(5rem + var(--buttons-border-width) * 2); color: rgb(var(--color-foreground));}
.newsletter-container .newsletter-modal .newsletter__subheading.rte.subtitle{max-width: 100%;margin: 0 auto 20px;font-weight: 500;font-size:  var(--font-base-size);}
.newsletter-container .newsletter-modal .newsletter__subheading.rte.body{font-size: var(--font-base-size);line-height: 1.64;margin-bottom: 5rem;}
.newsletter-modal .newsletter-form{max-width:100%;}
a.close-window.icon-button.close-icon{
    position: fixed;
    right: 15px;
    top: 15px;
    margin: 0;
    transition: var(--duration-default);
    display: flex;
    width: 3rem;
    height: 3rem;
    background: none;
    color: rgb(var(--color-link));
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: var(--inputs-radius);
}
a.close-window.icon-button.close-icon svg{transition: var(--duration-default);width: 16px;height: 16px;}
a.close-window.icon-button.close-icon:hover{background: transparent;}
a.close-window.icon-button.close-icon:hover svg{color:rgb(var(--color-link-hover));}
/* .newsletter-container .newsletter-modal .newsletter__button.button:before{border-top-left-radius: 0;border-bottom-left-radius: 0;} */
/* @media screen and (max-width: 1600px) {
.newsletter-modal{height:500px;width:1100px;}
} */
.newsletter-modal .newsletter-content .newsletter-form__field-wrapper .field i.fa.fa-envelope {position: absolute;left: 20px;z-index: 1;top: 50%;transform: translate(0%, -50%);}
/* .newsletter-content li.list-social__item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-default) linear;
    margin: 1px;    border: 1px solid;
    border-radius: 50%;
} */

.newsletter-content .list-social .list-social__link { margin-right: 0!important; padding: 0;}
.newsletter-content .list-social .list-social__link:hover {color: inherit;}
.newsletter-content form .newsletter-form__field-wrapper .field__input{padding:0 4.5rem 0 2rem;transition:all 0.3s linear;
/* border-color: rgba(var(--color-base-accent-1),0.5); */                                                                      
}
.newsletter-content form .newsletter-form__field-wrapper .field__input:focus{
  /* background-size: 100% 1px,100% 1px,100%;  */
  border-color: rgba(var(--color-base-accent-1),1); box-shadow:none;
}
.newsletter-bg-img { width: 100%; height: 100%; z-index: -1;}
.newsletter-bg-img img{ height: 100%;}
/* .newsletter-container.show-modal form#contact_form :where(.field,button) {
    width: 100%;
} */


  .newsletter-modal .newsletter-content{width: 100%; padding: 3rem;}
  .newsletter-container .newsletter__wrapper{padding:0;}
  .newsletter-modal .newsletter__wrapper .title-wrapper-with-link{
    letter-spacing: 3px;margin-bottom: 3rem;display:block;}
  .newsletter-modal .newsletter-form__field-wrapper{flex-direction: column;}
  .newsletter-container .newsletter-modal .newsletter__wrapper {  width: 100%;}
  .newsletter-container .newsletter-modal:before{opacity: 1;}
 .newsletter-container .newsletter-modal.text-start .newsletter-form__field-wrapper{align-items: flex-start;}
 .newsletter-container .newsletter-modal.text-end .newsletter-form__field-wrapper{align-items: flex-end;}


@media screen and (max-width: 1199px) {
/* .newsletter-modal{max-width:94%;} */
.newsletter-modal .newsletter-content{padding:0 3rem;} 
}
@media screen and (min-width: 991px) {
.newsletter-container .newsletter-modal .newsletter-form__message { justify-content: flex-start;font-weight: 500;letter-spacing: normal;}
}
@media screen and (max-width: 990px) {
.newsletter-container .newsletter-modal:before{display:block;opacity:0.3;}
.newsletter-modal .newsletter-content{align-items: flex-start;} 
/* .newsletter-modal {background-position: left;}   */
.newsletter-container .newsletter-modal .newsletter__wrapper{width:100%}  
.newsletter-container .newsletter-modal .newsletter-form__message { justify-content: flex-start; }

}
@media screen and (max-width: 767px) {
  .newsletter-modal.text-start .newsletter__wrapper{text-align:center;}
  .newsletter-form__field-wrapper{align-items: center;}
  .newsletter-bg-img{display:none;}
  .newsletter-modal.text-start .newsletter__wrapper .title-wrapper-with-link{align-items: center;}
  .newsletter-modal .newsletter-content {padding: 0 5rem;}
  .newsletter-container .newsletter-modal .newsletter-form__message { justify-content: center;}
  .newsletter-container .newsletter-modal .newsletter-form__field-wrapper{ align-items: center;}
  .newsletter-container .list-social,.newsletter-modal.text-start .list-social,
  .newsletter-modal.text-end .list-social{width:100%;justify-content: center;}
  .newsletter-container .newsletter-modal.text-start .newsletter-form__field-wrapper,
 .newsletter-container .newsletter-modal.text-end .newsletter-form__field-wrapper{align-items: center;}
  .newsletter-modal { height: 500px; left: 50%;transform: translate(-50%, -50%);top: 50%;width: 80%;}
}
@media screen and (max-width: 576px) {
.newsletter-modal{padding: 0;width:90%;}
.newsletter-container .newsletter-modal .newsletter__subheading.rte{margin: 0 auto 20px;}  
.newsletter-container .newsletter-modal .newsletter__subheading.rte{width: 100%;}
.newsletter-modal .newsletter-content {padding: 0 2rem;}  
}