////////////////OVO TI JE ZA HEADING OVO STO PISE KORISNICKA PODRSKA
.heading{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 3.5rem;
    font-size: 4rem;
}
.heading span{
    text-align: center;
    color: var(--maincol);
    text-transform: uppercase;
}


////////////////////OVO TI JE ZA FORMU I OVE INPUTE I MAPU

.obrazac{
    margin-top: 100px;
}
.obrazac .row{
    display: flex;
    align-items: center;
    background: var(--floattxt);
    flex-wrap: wrap;
    gap: 1rem;
}
.obrazac .row .map{
    flex: 1 1 45rem;
    width: 100%;
    object-fit: cover;
}
.obrazac .row form{
    flex: 1 1 45rem;
    padding: 5rem 2rem;
    text-align: center;
}
.obrazac .row form h3{
    text-transform: uppercase;
    font-size: 3.5rem;
    color: #fff;
}
.obrazac .row form .inputbox{
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: var(--border);
    background: var(--maincol);

}
.obrazac .row form .inputbox span{
    color: #fff;
    font-size: 2rem;
    padding-left: 2rem;
}
.obrazac .row form .inputbox input,textarea{
    background:var(--maincol);
    border:none;
    outline: none;
    color: #fff;
    width: 100%;
    padding: 2rem;
    font-size: 1.7rem;
    text-transform: none;
}
.obrazac .row form .inputbox input::placeholder,textarea::placeholder{
    color:#fff;
}
.obrazac .row .send{
    background-color: rgb(135, 153, 130);
    width: 150px;
    height: 45px;

}
.obrazac .row form .send:hover{
    background-color:var(--maincol);
    cursor: pointer;
}