/* .mauticform_wrapper {
    margin: 10px 50px;
 } */




/* Banner  */
.subscribe-banner {
   background-color: #262626;
   color: #c0b8c6;
   padding: 12px 20px;
   margin-bottom: 0 !important;
   border: none;
   border-radius: 0;
   /* width: 100%; */
   z-index: 9999;
}

.banner-text {
   font-size: 19px;
}

.flex-container-custom {
   display: flex;
   justify-content: center;
   flex-direction: row;
   align-items: center;
}

[class^="item"] {
   text-decoration: none;
   margin-right: 20px;
   background: transparent;
   box-shadow: none;
   border: none;
   box-sizing: border-box;
   cursor: pointer;
}

[class^="item"]:last-child {
   margin-right: 0;
}

/* close button  */
.item-5 {
   position: relative;
   width: 20px;
   height: 20px;
}

.item-5:before,
.item-5:after {
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   background-color: #fff;
   width: 100%;
   height: 2px;
   transition: height 0.2s ease-out;
   border-radius: 3px;
}

.item-5:before {
   transform: translate(-50%, -50%) rotate(45deg);
   background: #fff;
}

.item-5:after {
   transform: translate(-50%, -50%) rotate(-45deg);
   background: #fff;

}

.item-5:hover:before,
.item-5:focus:before,
.item-5:hover:after,
.item-5:focus:after {
   height: 4px;
}

/* white close button */


.item-6 {
   position: relative;
   width: 20px;
   height: 20px;
}

.item-6:before,
.item-6:after {
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   background-color: #fff;
   width: 100%;
   height: 2px;
   transition: height 0.2s ease-out;
   border-radius: 3px;
}

.item-6:before {
   transform: translate(-50%, -50%) rotate(45deg);
   background: #fff;
}

.item-6:after {
   transform: translate(-50%, -50%) rotate(-45deg);
   background: #fff;

}

.item-6:hover:before,
.item-6:focus:before,
.item-6:hover:after,
.item-6:focus:after {
   height: 4px;
}




/*  */


.padding-modal {
   padding: 0 13% 9% 13%;
}

.mauticform-innerform {}

.mauticform-post-success {}

.mauticform-name {
   font-weight: bold;
   font-size: 1.5em;
   margin-bottom: 3px;
}

.mauticform-description {
   margin-top: 2px;
   margin-bottom: 10px;
}

.mauticform-error {
   margin-bottom: 10px;
   color: red;
}

.mauticform-message {
   margin-bottom: 10px;
   color: green;
}

.mauticform-row {
   display: block;
   margin-bottom: 20px;
}

.mauticform-label {
   font-size: 1.1em;
   display: block;
   font-weight: bold;
   margin-bottom: 5px;
}

.mauticform-row.mauticform-required .mauticform-label:after {
   color: #e32;
   content: " *";
   display: inline;
}

.mauticform-helpmessage {
   display: block;
   font-size: 0.9em;
   margin-bottom: 3px;
}

.mauticform-errormsg {
   display: block;
   color: red;
   margin-top: 2px;
}



.mauticform-selectbox,
.mauticform-input,
.mauticform-textarea {
   width: 100%;
padding: 0.8rem;
   border: 1px solid #CCC;
   background: #fff;
   box-shadow: 0px 0px 0px #fff inset;
   border-radius: 4px;
   background-color: #262626;
   box-sizing: border-box;
}



/* input#mauticform_input_newsletterform_f_name {
        color: #c0b8c6;
      }
      input#mauticform_input_newsletterform_f_name::placeholder {
        color: #c0b8c6;
      } */

input.mauticform-input {
   color: #c0b8c6;

   font-family: proxima-nova, sans-serif;
   font-size: initial;
   line-height: initial;
}



input.mauticform-input::placeholder {
   color: #c0b8c6;
   font-size: 14px !important;
}


.mauticform-checkboxgrp-label {
   font-weight: normal;
}

.mauticform-checkboxgrp-checkbox {}


.mauticform-radiogrp-label {
   font-weight: normal;
}


.mauticform-button-wrapper .mauticform-button.btn-default,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
   color: #2d2d2d;
   background-color: #ec709a;
   border-color: #ec709a;
   text-transform: uppercase;
   font-size: 16px;

}

.mauticform-button-wrapper .mauticform-button,
.mauticform-pagebreak-wrapper .mauticform-pagebreak {
   display: inline-block;
   margin-bottom: 0;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   line-height: 1.3856;
   border-radius: 3px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.mauticform-button-wrapper .mauticform-button.btn-default[disabled],
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] {
   background-color: #ffffff;
   border-color: #dddddd;
   opacity: 0.75;
   cursor: not-allowed;
}

.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
   display: inline;
}

.border-top.border-dotted {
   border-top-style: dotted !important;
}



/* Custom CSS modal Styles  */


.newsletter-modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 10000000;
}

.modal-custom-heading {
   font-size: 3.5rem;
}

.newsletter-modal.active {
   display: flex;
   justify-content: center;
   align-items: center;
}

.newsletter-modal-content {
   background: #262626;
   width: 90%;
   max-width: 500px;
   padding: 1rem 2rem;
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   position: relative;
}

.newsletter-close-btn {
   position: absolute;
   right: 20px;
   top: 6px;
   background: none;
   border: none;
   font-size: 35px;
   cursor: pointer;
   color: #cf6e94;
   width: 40px;
   cursor: pointer;
}

.newsletter-header {
   margin-bottom: 20px;
   padding-bottom: 15px;
   font-size: 24px;
   color: #333;
}

.newsletter-body {
   margin-bottom: 20px;
}

.newsletter-form {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

@media screen and (max-width: 480px) {

   .banner-text {
      font-size: 15px;
   }



   .item-6 {
      position: relative;
      width: 15px;
      height: 15px;
   }

   .modal-custom-heading{
      font-size: 2.5rem;
      font-weight: 900;
  }
}