@charset "UTF-8";
/* ------------------------------------------------------
@File: Default Styles
@Author: Template Mr.
@Developed By: Emran Khan
@Developer URL: http://emran-khan.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
------------------------------------------------------- */
/* ======================================================
@Template Name: Gournadi 
@Author: Template Mr. 
@Default Styles

Table of Content: 
01/ Variables
02/ Prefix
03/ Header
04/ Slider
05/ Marketting
06/ Services 
07/ Trusted
08/ Form
09/ Causes
10/ Testimonial
11/ News
12/ Appointment
13/ Faq
14/ Footer 
15/ Responsive   

===================================================== */
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/* Bottom to Top key frame*/
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Nunito:400,400i,600,700,800|Source+Sans+Pro:400,400i,600,700");
body{font-family: 'Poppins', sans-serif;}


a:hover{
  text-decoration: none;
}

.ftco-navbar-light {
  background: #0177a8 !important;
  padding: 0;
  margin: 0;
  z-index: 3;
  clear: both;
 }



  .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
    font-size: 15px;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase; }

    .ftco-navbar-light .navbar-nav > .nav-item.active > a {
    background: #0b559c !important;
    color: #fff;
}

    .ftco-navbar-light .navbar-nav a:hover {
    background-color: #0b559c;
    padding: 0;
    margin: 0;}


  .navbar-toggler{
   color: #fff;
    }

  .top-nav{
    padding-top: 17px;
    background: #fff;  
    }

  .header_area nav{
    margin-top: 100px;}
    
  .ftco-navbar-light.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 90px;
    margin-top: -70px;
    background: #0177a8 !important;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }

    .ftco-navbar-light.scrolled.awake {
  margin-top: -7px;
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out; }
    .ftco-navbar-light.scrolled.sleep {
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out; }


.header_area .btn{
  height: 44px;
  padding: 0px 45px;
  background-color: #0b559c;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
}

.header_area .btn:hover {
  background-color: #0177a8;
  color: #fff;
}



.header_area .navbar{
  background-color: #0177a8;
  color: #000000;
  font-size: 16px;
}

.header_area .navbar #icrq-nav ul li a{
  color: #ffffff;
  padding: 20px 20px 20px 20px;
}




.text-box {
  position: absolute;
  top: 40%!important;
  left: 15%;
  right: 15%;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.text-box a:hover{
  text-decoration: none;
  background: #ce192f;
  color: #fff;
   background-position: left bottom;
}

.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
opacity: .2;
background: #000000;
}

.slider-text-home h2 {
font-size: 40px;
color: #fff;
line-height: 1.2;
font-weight: 500;
font-family: "Poppins", Arial, sans-serif; 
margin-bottom: 40px;}

.boxed_btn {
  height: 50px;
  padding: 13px 60px;
  background-color: #f03a47;
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 2px;
  
}









/* About_area */ 
.About_area{
  padding-top: 100px;
  padding-bottom: 100px;
}

.About_area .About_area_text .btn{
  height: 60px;
  padding: 0px 50px;
  background-color: #0b559c;
  color: #ffffff;
  font-size: 20px;
}

.About_area .About_area_text .btn:hover {
  background-color: #0177a8;
  color: #fff;
}
/* End About_area */ 




/* qualification_area */ 

.qualification_area{
    width: 100%;
    height: 550px;
}

.qualification_area .qualification_card .qualification_area_text .btn{
  height: 60px;
  padding: 0px 50px;
  background-color: #0b559c;
  color: #ffffff;
  font-size: 20px;
}

.qualification_area .qualification_card .qualification_area_text .btn:hover {
  background-color: #0177a8;
  color: #fff;
}


.qualification_card{
  padding-top: 100px;
}


/* end qualification_area */ 






/* News_events_area_area */ 

.header_area-where nav{
  margin-top: 60px;
}

.News_events_area{
  padding-top: 150px;
  padding-bottom: 100px;
}


/* End News_events_area_area */ 






/* icrq_center_area */ 

.icrq_center_area{
  width: 100%;
  height: auto;
  background: rgb(1,119,168);
  background: linear-gradient(90deg, rgba(1,119,168,1) 0%, rgba(3,144,203,1) 100%);
  padding-bottom: 100px;
}

.icrq_center_area h2{
  padding-top: 100px;
  color: #ffffff;
}


.icrq_center_area p{
  color: #ffffff;
}

.icrq_center_area .btn{
  height: 60px;
  padding: 0px 50px;
  background-color: #ffffff;
  color: #0b559c;
  font-size: 20px;
  margin-top: 120px;
  float: right;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
}

.icrq_center_area .btn:hover {
  background-color: #0177a8;
  color: #fff;
}

/* end_icrq_center_area */ 




/* footer */ 



#footer {
  padding: 90px 40;
}
#footer .right p{
  float: right;
  clear: both;
}

#footer .right ul{
  float: right;
  clear: both;
}

#footer .logo_footer{
  padding-bottom: 62px;
  padding-top: 50px;
}



#footer ul.social li{
  padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
  font-size:25px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#footer ul.social li:hover a i {
  font-size:30px;
  margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
  color:#adadad;
}
#footer ul.social li a:hover{
  color:#0b569b;
}
#footer p a{
  color:#525252;
}

#footer h6{
  font-size: .9rem !important;
}


/* nav */ 










/*===============================================================
==================About Section=============================*/



.about_icrq{
  padding-bottom: 100px;
  padding-top: 100px;
}

.about_icrq h2{
  color: #0177a8;
  padding-bottom: 20px;
}

.sec2{
  padding-bottom: 100px;
}

.bgnd{
  background: #fff;
  box-shadow: 0 15px 20px 0 rgba(217,230,239,.72);
  padding: 30px 50px;
}

.sec3{
  padding: 30px 50px;
}


/*===============================================================
==================qualifications=============================*/
.qualifications_icrq .list-group-item{
  border:1px solid #0b559c;
  text-align: center;
}

.qualifications_icrq{
  padding-bottom: 100px;
  padding-top: 100px;
}
.qualifications_icrq .card-title-line{
  border: 2px solid #0b559c;
  width: 5%;
  margin-bottom: 10px;
}
.qualifications_icrq .single_courses{
  margin-top: 25px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.qualifications_icrq h1,h3{
  color: #0177a8;
}

.qualifications_icrq2{
  padding: 10px;
}

.qualifications_icrq2 .single_courses{
  margin-top: 25px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.single_courses .courses_info a{
 font-size: 20px;
 color: #000000;
 text-decoration: none;
}

.single_courses:hover{
transform: scale(1) translateY(-4px) translateZ(20px);
 }
/*===============================================================
==================Where To Study=============================*/

.Where-To-Study_icrq{
 padding-bottom: 100px;
  padding-top: 100px;
}
.Where-To-Study_icrq h2{
  color: #0177a8;
}

.no-gutters .card-body{
  margin-top: 25%;
}

.card-title-line{
  margin: 0 !important;
}

.no-gutters .card-body .card-title-line{
  border: 2px solid #0b559c;
  width: 20%;
}

.card-body .btn{
  background-color: #0b559c;
  border-radius: 0;
  color: #fff;
  padding: 10px 20px;
}

.Where-To-Study_icrq .col-md-12{
  padding-bottom: 40px;
}

.Where-To-Study_icrq .card{
  border: none;
  box-shadow: 0 15px 20px 0 rgba(217,230,239,.72);
}
/*=================innerpage=====================*/
.no-gutters .find-course-form{
  margin-top: 30px;
  padding: 35px;
}
.find-course{
padding-bottom: 100px;
}
.find-course .single_courses{
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  margin-top: 50px;
}

.find-course-bottom{
  padding: 15px;
}

/*===============================================================
==================Check Cart=============================*/

.checkcart_icrq{
  padding-bottom: 100px;
  padding-top: 100px;
}

.checkcart_icrq h2{
  color: #0177a8;
}


.verify{
  background-color: #e6eef5;
  padding: 90px 50px;
  border-left: 35px solid #0b569b;
}

form .btn{
  background-color: #0b559c;
  border-radius: .25rem;
  color: #fff;
  padding: 10px 20px;
  width: 100%;
}

/*===============================================================
==================News&Events=============================*/


.blog-entry h3 a:hover {
  color: #0b569b;
}

.blog-entry h3 a{
  color: #000;
}

.blog-entry h3 a:hover {
  text-decoration: none;
}


.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 275px;
    position: relative;
    display: block;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.blog-entry .text {
    position: relative;
     margin-bottom: 50px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.blog-entry .text .heading {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 600;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.blog-entry .meta-date {
    display: inline-block;
    background: #0177a8;
    color: #fff;
}

/*============news-events-inner=================*/

.news-events-inner{
    padding-bottom: 100px;
    padding-top: 100px;
}

/*===============================================================
==================login=============================*/

.login-area{
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #0b559c;
}

.back-area{
    align-items: left;
    background: #0b559c;
    padding: 20px 20px;
}

.form-login {
  width: 400px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 77px 55px 33px 55px;

  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);  
}

.login-area mb-3, my-3 {
    margin-bottom: 1rem!important;
}

.login-area input{
  margin-top: 15px;
}