/* ===================================
    Fonts
====================================== */
@font-face {
    font-family: "Frutiger";
    src: url("./fonts/FrutigerLTArabic-55Roman.ttf");
}
@font-face {
    font-family: "Frutiger";
    src: url("./fonts/Frutiger_bold.ttf");
    font-weight: bold;
}

/* ===================================
    General
====================================== */

body {font-family: 'Frutiger'; font-size: 16px;color: #333333;font-weight:300;line-height:25px;width: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.2; font-weight: 700; font-family: 'Frutiger'; color: #1c9ac5}
a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next {transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-moz-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;}
section,.section-padding {position: relative;overflow: hidden;}
.section-top-margin{margin-top: 7.5rem;}
a {color:inherit;text-decoration: none;}
.rev_slider_wrapper{width: 100% !important;}
.btn.focus, .btn:focus{-webkit-box-shadow: none;box-shadow: none;}
p:last-child{margin-bottom: 0 !important;}
a:active, a:hover{color: #5B4885;}
.hidden{display: none;}
section{padding: 2rem 0;}


body{
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
}

.btn{
    padding: 0.7rem 2rem;
    margin: 0 10px;
}

.btn--takamol{
    background: #5B4885;
    color: #fff;    
}

.btn--takamol:hover, .btn--takamol:active, .btn--takamol:focus{
    background: #3e315c;
    color: #fff;    
}

.btn--takamol--outline{
    border: 1px solid #5B4885;
    color: #5B4885;    
}

.btn--takamol--outline:hover, .btn--takamol--outline:active{
    border: 1px solid #5B4885;
    color: #fff;
    background: #5B4885;    
}

figure{
    box-shadow: 0 0 35px rgba(0,0,0,0.2);
    background: #fff;
    width: 1000px;
    height: 1000px;
    padding: 20px;
}

canvas{
    background: #dae6e8;
}

.logo{
    height: 60px;
}


/* Arabic Styles */

html[lang=ar] body, html[lang=ar] .form-control {
    text-align: right;
}

html[lang=ar] .buttons-container {
    direction: rtl;
}


/* ===================================
    Media Queries
   ====================================== */


@media screen and (max-width:991px){

}


@media screen and (max-width:767px){
    
}