:root {
    --input-padding-x: 1.5rem;
    --input-padding-y: 0.75rem;
}

body {
    font-family: 'Nunito', sans-serif;
}

.container-fluid {
    padding: 0px;
}


.required_label:after {
    content:" *";
    color: red;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

.mauticform-field-hidden {
    display: none;
}

.form-label-group>input,
.form-label-group>label,
.form-label-group>select {
    padding: var(--input-padding-y) var(--input-padding-x);
    height: auto;
    border-radius: .5rem;
}

.form-label-group>label {
    margin-bottom: .125rem; 
    font-size: 1.25rem;
    font-weight: 100;
    font-weight: 800;
    color: #515151;
    transition: all .1s ease-in-out;		
}

.form-label-group input::-webkit-input-placeholder {
    color: rgba(0,0,0,.35);
}

.form-label-group input:-ms-input-placeholder {
    color: rgba(0,0,0,.35);
}

.form-label-group input::-ms-input-placeholder {
    color: rgba(0,0,0,.35);
}

.form-label-group input::-moz-placeholder {
    color: rgba(0,0,0,.35);
}

.form-label-group input::placeholder {
    color: rgba(0,0,0,.35);
}
.custom-checkbox {
    display: inline-block;
    padding: .5rem;
    margin-bottom: 1rem;
}


.page-header {
    padding: 0px;
    margin: 0px;
}

.banner {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.mauticform-radiogrp {
    align-content: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

.mauticform-radiogrp-row {
    display: flex;
    justify-content: left;
}

.mauticform-row {
    display: flex;
    flex-direction: row;
    background-color: whitesmoke;
    padding: 1rem;
    border-radius: .5rem;
    color: black;
}

.mauticform-radiogrp-label {
    margin: 1%;
}

.mauticform-checkboxgrp-label {
    margin: 1%;;
}

.mauticform-input {
    grid-column: span 5;
}

.mauticform-selectbox {
    grid-column: span 5;
}

/* .mauticform-label {
    color: #005c2e;
} */

.mauticform-button {
    grid-column: span 5;
    grid-row: span 5;
    margin: 0px;
}

.mauticform-textarea {
    grid-column: span 5;
}

.sendBtn {
    background-color: #0e4c80;
    color: whitesmoke;
    height: 4rem;
    width: 100%;
}

.sendBtn:hover {
    box-shadow: 1px 0px 10px gray;
    transition: 500ms;
}

.image-cont img {
    width: 100%;
    height: auto;
}

.logo-div {
    border-bottom: 5px solid #0e4c80;
}

.form-div {
    margin-left: 10%;
    margin-right: 10%;
}

.not-publish-div{
    text-align:center;
    background-color: #0e4c80;
}

.gracias-label{
    color: #0e4c80;
    margin-top: 1rem;
    padding: .6rem;
    transform: skew(20deg);
}