body{
  font-family: "Montserrat" ;
  text-align: center;

}
 h1,h2, h3, h4 ,h5,h6{
font-family: 'Cairo', sans-serif;

 }
 a{color: #47597e;}
p{font-family: 'Cairo', sans-serif;}
 a:link { text-decoration: none; }
i{font-family: 'Cairo', sans-serif;}

a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

label{font-family: 'Cairo', sans-serif;}

 p{color: #47597e;}


 /* كونتينر اللي بعمل الموقع ريسبونسف مع تحديد الحواف و الجوانب فوق و تحت يمين و شمال */
  .container-fluid{
    padding: 2% 15% ;
  }
.color-sections{
   background-color:#dbe6fd ;
 color: #47597e;

}


.white-sections{
  background-color: #fff;

}

.navbar{z-index: 10;

}

 #title{
text-align:center;
   text-align: left;

 }

/* الاستخدام الكونتينر الجاخز من البوستراب بس مع اختلاف عن الباقي */
/* معناه انو الكونينر اللي جوا الاي دي تايتل  */
 #title .container-fluid{
 padding:5% 15% 2%;
 }

 .big-header{font-family: 'Cairo', sans-serif;
 font-size: 2rem;
 line-height: 1.5;
 font-weight:700;
 text-align: right;
color:#47597e;
}



 .navbar{
     /* جوانب الموقع هنا للتاكد انو لا يوجد مسافة مختلفة عن الموقع */
   padding: 0 0 4.5rem;
 }



 /* logostyle navebar */
 .navbar-brand{
font-family:"ubuntu";
font-size: 2.5rem;
font-weight: bold;

}
.nav-item{padding:0 20px;
}
.nav-link{
  font-family: "Montserrat-light";
font-size:1.2rem;
color:#47597e;

}

.dawnload-button{

   margin: 5% 3% 5% 0;

}

 /* col-lg-6 استخدم 60 بالمءة من الايتم الام التي هي  */
.title-img{ width:80%;
  /* فنكشن تابع ل سيسس عشان اعمل روتيت */
 transform: rotate(-25deg);
 position: absolute;
left: 5%;
bottom: 5%;
padding-top: 50px;
margin-bottom: 7px;

 /* استخدمتها لانو في بوسيشن */

/* هاي في حال كانت الشاشة 991 و اصغر اعمل هاي التغيرات */
}

@media (max-width:991px)

{
  .title-img
  {
  position: static;
  /* عشان يكون ماشي مع الفلو */
  transform: rotate(0);
  }

}

/* كلاسس الجزء الثاني */
#features{


position: relative;
z-index: 1;
}
#features1{


position: relative;
z-index: 1;
}

.feature-title{font-size: 1.2rem;}
.feature-box{
  text-align: center;
}

.icon{
  margin-bottom: 1rem;

color:#47597e;
}

.icon:hover{
  color:#293b5f;
}
/* ____________________________________________________________ */
#testimonials
{
text-align: center;
background-color: #F3F3F3;
color: #fff;
}

.testimonials-images{
  width: 65%;
height: 60%;
  margin: 10px;

padding-top: 20px;
}
.testimonials-text{

font-size: 2rem;
line-height: 1.5;
padding-bottom: 90px;
}


/* ____________________________________________________________ */
#press
{
text-align: center;
background-color: #ef8172;
color: #47597e;
padding-bottom: 5%;}

.press-logo
{width: 10%;
margin: 20px 10px 50px;
}
#pricing{ padding: 100px;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;

}
.section-heading{font-size: 1.5rem;
  padding-top: 10px;
  padding-bottom: 5px;
line-height: 1.5;}

.pricing-colume{
  padding: 3% 2%;

}
.price-text{
  font-family: 'Montserrat-bold', sans-serif;
font-size: 1rem;
line-height: 2.5;}


#cta{
  text-align: center;
  height: 250px;
  color: #343a40;

}

/* ليس لة داعي لانه مشمول */
/* #cta{
  text-align: center;
background-color:#ff4c68 ;
color: #fff;
font-family: 'Montserrat-bold', sans-serif;
font-size: 1.5rem;
} */



#footer{background-color: #47597e;

text-align: center;
color: #fff;
}

#container{
   background-color:#dbe6fd ;
 color: #47597e;

}
#myInput {
   padding: 20px;
   margin-top: -6px;
   border: 0;
   border-radius: 0;
   background: #f1f1f1;
 }
 .alert{
  display:none;
}
.wrimagecard{
	margin-top: 0;
    margin-bottom: 1.5rem;
    text-align:center;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 50px;
}
.wrimagecard-topimage_header{
padding: 35px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 1px 2px 4px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
padding: 10px 12px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.print-only {
  display: none !important;
}

.print-only-hidden {
  visibility: hidden !important;
}

@media print{
  @page {
    size: A4 ;
  }

  *, a, p{
    color:black;
  }

  .no-print, .no-print *{
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .print-only-hidden {
    visibility: visible !important;
  }

  table {
    page-break-after: always;
  }
  table, th, td {
    border: 1px solid #000 !important;
  }


}