/* Sekcja hero – kontener */
.hero-fill {
    min-height: calc(70vh - 100px);  /* 100px ˜ wysokosc nawigacji */
    position: relative;
    overflow: hidden;  /* na wszelki wypadek, zeby overlay nie wystawal */}

/* Ciemna nakladka na zdjecie w tle */
.hero-fill::before {
    content: "";
    position: absolute;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;     /* nie blokuje klikania w linki itd. */}

/* Tresc ma byc ponad nakladka */
.hero-fill > * {
    position: relative;
    z-index: 1;}


#g-hero {
    background-image: url(../../../../../../../images/contact-us.webp);
    background-size: cover;      /* na cala sekcje */
    background-position: center; /* wysrodkowane */
    background-repeat: no-repeat;
    color: #fff;}



/*----------------------------------------------------------------------------------------*/

.contact-box1 {
    padding: 20px 0 20px 0;}

.contact-box2 {
    height: 100px;
    float: left;
    margin-right: 30px;
    padding-top: 20px;}

.circle1 {
    width: 60px;
    height: 60px;
    margin: auto;
    background: #ffc000;
    border-radius: 50%;
    text-align: center;}

.fafa2 {
    font-size: 22px;
    color: #fff;
    line-height: 60px;}

.txt10 {
    font-family: "Roboto", Sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #fff;}


/*----------------------------------------------------------------------------------------*/
.form-input, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), input[type="text"], textarea {
    margin-top: 4px;
    margin-bottom: 15px;
    font-size: .8rem;
    line-height: 1.2rem;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 1.8rem;
    padding: .25rem .4rem;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    color: #465a83;
    border: .05rem solid #caced7;
    border-radius: .1rem;
    outline: 0;
    background: #EEEEEE;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

.custom-message {
    min-height: 200px;}