:root{
    --orange : #FFAA23;
    --red : #FE6150;
    --blue : #124E70;
    --light-blue : #1BC0C6;
    --gray : #DFE0E5;
    --darkgray : #D9D9D9;
    --blue : #fff;
    --main-font: 'El Messiri', sans-serif;
    --main-font2: 'Tajawal', sans-serif;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #f6f6f6;
    background-image: url('../images/contactbk.png');
    background-position: top left;
    background-size: 270% ;
    background-repeat: no-repeat;    
}
@media only screen and (min-width : 1400px){
    body{
        background-color: #f6f6f6;
        background-image: url('../images/contactbk.png');
        background-position: top left;
        background-size: 230% ;
        background-repeat: no-repeat;    
    }    
}
/*Overwrite Navbar*/
.pages-item-link{
    text-decoration: none;
    color: var(--blue) !important;
}
.pages-item-link:hover{
    color: var(--blue) !important;
}
.header-finance{
    color: var(--blue) !important;
}
.header-finance:hover{
    color: var(--orange) !important;
}
/****************/
.contact{
    margin: 20vh auto 5vh;
    direction: rtl;
    font-family: testfont2;
}
.form-col{
    margin: auto;
}
.contact-title{
    font-size: 10vh;
    color: var(--orange);
    margin: 5vh auto;
    font-family: testfont;
}
.form-input{
    width: 100%;
    height: 7.5vh;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--blue);
    color: var(--blue);
    margin: 2vh 0;
    padding: 0;
}
.form-msg{
    height: 15vh;
}
.form-submit{
    width: fit-content;
    color : var(--white);
    border : none;
    outline : none;
    height: auto;
    padding: 1.5vh;
    border-radius : 10px;
    background-color : var(--blue);
}
::-webkit-input-placeholder { /* Edge */
    color: var(--blue);
    padding: 0;
    font-size : 16px;
    }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--blue);
    padding: 0;
    font-size : 16px;
    }
::placeholder {
    color: var(--blue);
    padding: 0;
    font-size : 16px;
    
    }

@media only screen and (max-width : 850px) {
    .contact{
        margin: 12.5vh auto;
    }
    .contact-title{
        font-size: 5vh;
        margin: 10vh auto 3vh;
    }
    .form-msg{
        padding-top: 1vh;
    }
    .form-submit{
        padding: 1vh 2vh;
        height: auto;
    }
    ::-webkit-input-placeholder { /* Edge */
        font-size: large;
        }
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: large;
        }
    ::placeholder {
        font-size: large;
        }
}   
.info-col{
    padding-top: 100px;
    color: var(--blue);
}
.icon-row{
    margin: 2vh auto;
}
.icon-col{
 /*   border: 1px solid var(--blue); */
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    position: relative;
}
.icon{
    font-size: 3vh;
    position: absolute;
    color : var(--blue);
    top: 60%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.text{
    width: fit-content;
    color : var(--blue);
    margin: auto 0;
    padding: 1.5vh 0;
    font-size : 14px;
}
.text a{
    text-decoration : none;
    color : var(--blue);
}
.text a{
     color : var(--blue);
}
.map-row{
}
/*
@media only screen and (min-width : 850px){
    iframe{
        transform  :translateY(185px);
    }
}
*/

/*
.footer{
    background-color: var(--blue) !important;
    color: var(--white) !important;
}
.footer-links-col .footer-link,
.footer-contact,
.footer-contact:hover,
.footer-follow-col .follow,
.footer-follow-col .follow:hover{
    color: var(--white) !important;
}
*/