@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
span {
 font-family: "Wix Madefor Text", sans-serif !important; 
}
ul {
  margin: 0;
  padding: 0;
  font-family: "Wix Madefor Text", sans-serif !important; 
}

ul ul {
  margin: 0;
  padding: 0;
  font-family: "Wix Madefor Text", sans-serif !important; 
}

ul li {
 margin: 0 !important;
 padding: 0 !important; 
 font-family: "Wix Madefor Text", sans-serif !important; 
}

ul li a {
 font-family: "Wix Madefor Text", sans-serif; 
}
a {
  text-decoration: none;
    font-family: "Wix Madefor Text", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Wix Madefor Display, sans-serif;
  margin: 0 !important;
}
p,a {
  font-family: "Wix Madefor Text", sans-serif;
  margin: 0 !important;
}

form input {
 margin: 0 !important; 
}


form .hs-form-field {
  margin: 0 !important;
}

.textunderline {
 text-decoration: underline !important; 
}


.fw700 {
 font-weight: 700 !important; 
}

.fw500 {
 font-weight: 500 !important; 
}

.strong {
 font-weight: 700 !important; 
}

.max-content {
 width: max-content !important;
}
.black {
 color: #0D0D0D !important; 
}

.textwhite {
 color: #FFFFFF !important; 
}

.textblack {
  color: #0D0D0D !important; 
}
.cap::first-letter {
  text-transform: uppercase; 
}
.global-padding {
 padding: 64px; 
}

.global-padding-trl {
 padding: 64px 64px 0 64px; 
}

.global-topbtom-padding {
 padding: 128px 64px; 
}

.global-topbtomhnd-padding {
   padding: 100px 64px; 
}
  
.global-topbtm64128-padding {
  padding: 64px 64px 128px 64px;  
}


.global-padding-tp112 {
  padding: 112px 64px;
}


.global-padding-128-64tb {
 padding: 128px 64px 64px 64px;
}



.mw-container {
 max-width: 1400px;
 margin: 0 auto;
}


.mxcontent {
 width: max-content !important; 
}
.textleft {
  text-align: left !important; 
}

.textcenter {
 text-align: center !important; 
}


.main-btn {
  border-radius: 8px;
  background: var(--Publiq-Black, #0D0D0D);
  padding: 12px 20px;
  color: var(--Publiq-White, #FFF);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 144%; /* 23.04px */
  display: block;
  transition: background-color 0.3s ease;
  border: 1.5px solid var(--Publiq-Black, #0D0D0D);
}


.main-btn:hover {
 background: rgba(13, 13, 13, 0.80); 
}


.main-btn-transparent {
  border-radius: 8px;
  background: var(--Publiq-White, #FFF);
  padding: 12px 20px;
  color: var(--Publiq-Black, #0D0D0D);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 144%; /* 23.04px */
  display: block;
  transition: border 0.3s ease;
}


.main-btn-transparent:hover {
  border: 1.5px solid rgba(13, 13, 13, 0.80);
  color: #0D0D0DCC;
}



.app-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.025px 16.823px 7.239px 9.025px;
  border-radius: 6.768px;
  border: 1.175px solid #A6A6A6;
  background: #000;
}

.app-btn:hover {
 background: rgba(13, 13, 13, 0.80); 
}

.app-btn-wrapper {
    align-items: start;
    display: flex;
    gap: 8px;
    justify-content: start;
    margin-top: 32px; 
    flex-wrap: wrap;
}


.smbold-text {
  color: var(--Gray, #FFF);
  font-family: "Wix Madefor Text", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 144%; /* 23.04px */
}

.small-text {
  font-family: "Wix Madefor Text", sans-serif;
  color: var(--Gray, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%; /* 20.16px */
}


.h1, .body-content-column h1 {
    color: var(--Publiq-Black, #0D0D0D);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 55.2px */
}


h1 {
    color: var(--Publiq-Black, #0D0D0D);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 55.2px */
}


.h2, .body-content-column h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

 h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}


.h3, .body-content-column h3  {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

h3  {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}


.h4, .body-content-column h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.h5, .body-content-column h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.h6 {
   color: var(--Publiq-Black, #0D0D0D);
font-family: "Wix Madefor Text";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 23.04px */ 
}
h6 {
  
 color: var(--Publiq-Black, #0D0D0D);
font-family: "Wix Madefor Text";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 23.04px */ 
}

p, .p1, .body-content-column p {
  color: #0D0D0D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
}
.p2, .body-content-column li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%; /* 175% */
}
.p3 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}




.dflex-center {
 display: flex;
 align-items: center;
 justify-content: center;
}

.dflex-between {
 display: flex;
 align-items: start;
 justify-content: space-between;
}

.dflex-between-end {
 display: flex;
 align-items: end;
 justify-content: space-between;
}

.dflex-start {
 display: flex;
 align-items: start;
 justify-content: start;
}


.direction-column {
  flex-direction: column;
}

.dgrid-twocol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  justify-content: start;
}

.dgrid-threecol {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  justify-content: start;
}


.alcenter {
 align-items: center !important; 
}

.gap4 {
 gap: 4px; 
}

.gap8 {
 gap: 8px; 
}
.gap12 {
 gap: 12px; 
}

.gap10 {
 gap: 10px; 
}

.gap16 {
  gap: 16px;
}

.gap20 {
 gap: 20px; 
}

.gap24 {
 gap: 24px; 
}

.gap64 {
 gap: 64px; 
}

.gap32 {
 gap: 32px; 
}

.gap128 {
  gap: 128px !important;
}
.mtop8 {
 margin-top: 8px !important; 
}

.mt48 {
 margin-top: 48px; 
}
.mb16 {
 margin-bottom: 16px !important; 
}

.mb17 {
   margin-bottom: 17px !important; 
}

.mb20 {
   margin-bottom: 20px !important; 
}
.mb22 {
 margin-bottom: 22px !important; 
}

.mb32 {
 margin-bottom: 32px !important; 
}

.mb27 {
 margin-bottom: 27px !important; 
}

.mb24 {
   margin-bottom: 24px !important; 
}

.mb48 {
  margin-bottom: 48px !important; 
}

.mb40 {
  margin-bottom: 40px !important; 
}

.mb64 {
 margin-bottom: 64px; 
}

.mb8 {
 margin-bottom: 8px !important; 
}



.form-container form {
 background: none !important;
 padding: 0 !important;
}

.form-container .form-title {
 display: none !important; 
}
.form-container form {
  background: var(--secondary-beige-beige-100, #F2EFE4);
  padding: 48px;
}

.form-container input[type=text] {
    border-radius: 8px;
    background: var(--Gray, linear-gradient(0deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 100%), #FFF);
    color: var(--Publiq-Black, #0D0D0D);
    font-family: "Wix Madefor Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    padding: 12px;
    outline: none;
    border: 0;
}

.form-container input[type=text]:focus {
 border: 1.5px solid var(--Publiq-Blue, #3775F2);
}




.form-container input[type=email] {
    border-radius: 8px;
    background: var(--Gray, linear-gradient(0deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 100%), #FFF);
    color: var(--Publiq-Black, #0D0D0D);
    font-family: "Wix Madefor Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    padding: 12px;
    outline: none;
    border: 0;
}

.form-container input[type=email]:focus {
 border: 1.5px solid var(--Publiq-Blue, #3775F2);
}

.form-container input[type=tel] {
    border-radius: 8px;
    background: var(--Gray, linear-gradient(0deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 100%), #FFF);
    color: var(--Publiq-Black, #0D0D0D);
    font-family: "Wix Madefor Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    padding: 12px;
    outline: none;
    border: 0;
}

.form-container input[type=tel]:focus {
 border: 1.5px solid var(--Publiq-Blue, #3775F2);
}


.form-container select {
    border-radius: 8px;
    background: var(--Gray, linear-gradient(0deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 100%), #FFF) !important;
    color: var(--Publiq-Black, #0D0D0D);
    font-family: "Wix Madefor Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    padding: 12px;
    outline: none;
    border: 0;
}

.form-container select:focus {
 border: 1.5px solid var(--Publiq-Blue, #3775F2);
}



.form-container textarea {
    border-radius: 8px;
    background: var(--Gray, linear-gradient(0deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 100%), #FFF);
    color: var(--Publiq-Black, #0D0D0D);
    font-family: "Wix Madefor Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    padding: 12px;
    outline: none;
    border: 0;
}

.form-container textarea:focus {
 border: 1.5px solid var(--Publiq-Blue, #3775F2);
}

.form-container .hs-form-field {
 margin-bottom: 16px !important; 
}

.form-container input[type=submit] {
    border-radius: 8px;
    background: var(--Publiq-Black, #0D0D0D);
    color: var(--Publiq-White, #FFF);
    text-align: center;
    font-family: "Wix Madefor Text", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 144%; /* 23.04px */
    width: fit-content;
    outline: none;
    padding: 12px 16px;
    border: 0;
}


.cmngsoon input[type=submit]{
  margin-top: 24px !important;
}
  .form-container  input[type="file"] {
    background: #EC6C24;
    color: var(--secondary-beige-beige-100, #f2efe4);
    font-family: "Wix Madefor Text", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    width: fit-content;
    outline: none;
    padding: 12px 16px;
    border: 0;
    }


.form-container input[type=submit]:hover {
  
   background: rgba(13, 13, 13, 0.80);
}

form input, 
form textarea, 
form select {
    margin-bottom: 6px; /* Adds 20px of space below each field */
}

.form-container label {
  color: var(--accent-black-100, #141822);
  font-family: "Wix Madefor Text", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 100% */ 
  margin-bottom: 8px !important;
}


form .hs-error-msg, form .hs-error-msgs {
  color: var(--Publiq-Error, #FE3D3D);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%; /* 20.16px */
  margin: 0 !important;
  padding: 0 !important;
}


.posrelative{
 position: relative; 
}

.h100vh {
 height: 100vh; 
}

@media only screen and (max-width: 900px) {
  .dgrid-threecol {
   grid-template-columns: 1fr; 
  }
  
    .dgrid-twocol {
   grid-template-columns: 1fr; 
  }
  
  .gap64 {
   gap: 32px !important; 
  }
  
  .main-btn {
   padding: 10px 14px;
    font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 144%; /* 20.16px */
  }
  
  .main-btn-transparent {
    padding: 10px 14px;
    font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 20.16px */
    
  }
}



@media screen and (max-width:1200px) {
  .global-padding {
 padding: 64px; 
}
  
  .global-padding-trl {
 padding: 64px 64px 0 64px; 
}

.global-topbtom-padding {
 padding: 128px 64px; 
}
  
  .global-topbtm112-padding {
    padding: 112px 64px;
  }
  
  .global-topbtomhnd-padding  {
     padding: 100px 64px; 
  }
  
  
  .global-topbtm64128-padding {
    padding: 64px !important;
  }
}



@media screen and (max-width:768px) {
  
  .pad0 {
   padding: 0 16px !important; 
  }
  .global-padding {
   padding: 28px 16px; 
  }
  
  .global-padding-trl {
 padding: 28px 16px 0 16px; 
}
  
  
  .global-topbtom-padding {
   padding: 56px 16px; 
  }
  
  .global-padding-tp112 {
  padding: 56px 16px; 
  
  }
  
  .global-padding-128-64tb {
    padding: 56px 16px; 
  }
  
    .global-topbtomhnd-padding  {
     padding: 56px 16px; 
  }
  
    .global-topbtm64128-padding {
    padding: 56px 16px !important;
  }
  
  .global-topbtm112-padding {
    padding: 56px 16px; 
  }
  
.h1, .body-content-column h1 {
  color: var(--Publiq-Black, #0D0D0D);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%; /* ~41.6px */
}
  
  
  h1 {
  color: var(--Publiq-Black, #0D0D0D);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%; /* ~41.6px */
}

.h2, .body-content-column h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* ~36.4px */
}

   h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* ~36.4px */
}

  
.h3, .body-content-column h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* ~31.2px */
}
  
   h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* ~31.2px */
}

.h4, .body-content-column h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* ~27px */
}
  
  h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* ~27px */
}

.h5, .body-content-column h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* ~24.3px */
}
  
  
  h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* ~24.3px */
}

  
   p, .p1 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  }
  
  
    p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  }
  .p2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 144%; /* 185.714% */
  }
  .p3 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
  }
  
  .gap128 {
  gap: 32px !important;
   
}
  
  

}


@media only screen and (max-width: 440px)  {
  .main-btn {
  width: 100%;
}


.main-btn-transparent
  {
    width: 100%;
}