@font-face {
    font-family: 'Futura-Book';
    src: url('../fonts/FuturaPT-Book.woff');
}

@font-face {
    font-family: 'Tungsten-SemiBold';
    src: url('../fonts/Tungsten-SemiBold.ttf');
}

@font-face {
    font-family: 'Oswald-ExtraLight';
    src: url('../fonts/Oswald-ExtraLight.ttf');
}

@font-face {
    font-family: 'arial';
    src: url('../fonts/arial.ttf');
}
@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('../fonts/MYRIADPRO-REGULAR.OTF');
}
:root {
    --ft-book: 'Futura-Book';
    --tungs-semi: 'Tungsten-SemiBold';
    --req-left-para: 'Oswald-ExtraLight';
    --hero-para-mar: 'MYRIADPRO-REGULAR';
    --arial-reg: 'arial';
    --para-color: #2b2b2b;
    --white-color: #fff;
    --black-color: #000;
    --req-para: #6F6D6D;
    --aestrick: #FF5252;
    --blue: #00ADEE;
}

/* Request services starts */
.requestservices {
    background-color: #f7fbff;
}
.requestservicesWr {
    padding: 30px 126px;   
}
.req-serviceswr h4 {
    font-family: var(--tungs-semi);
    font-size: 2.6rem;
}
.req-serviceswr p {
    font-family: var(--req-left-para);
    color: var(--req-para);
    font-size: 1.3rem;
}
.red {
    color: var(--aestrick);
    font-family: var(--arial-reg);
}
.requestservicesWr form label {
    font-family: var(--hero-para-mar);
    color: var(--req-para);
    font-size: 10px;
}

.btnsubmit {
    font-family: var(--ft-book);
    background-color: var(--blue);
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 3px 10px;
}
.req-serviceswr form label {
    color: var(--req-para);
    font-family: var(--arial-reg);
}
.requestservicesWr form input,
.requestservicesWr form textarea {
    width: 100%;
    height: 0px;
    border: none;
    border-bottom: 2px solid var(--req-para);
    font-family: var(--arial-reg);
}
.error {
    color: var(--aestrick);
    font-family: var(--arial-reg);
    font-size: 12px;

    display: none;
}
input:focus ~ .error {
    display: block;    
}

@media (min-width:768px) {
    .requestservicesWr form label {
        font-size: 15px;
        cursor: pointer;
    }
    .error  {
        font-size: 14px;
    }
}
@media (min-width:768px) {
    .requestservicesWr form label {
        font-size: 18px;
    }
}
/* Request services ends */