@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

body{ font-family: 'Poppins', sans-serif; }
 p{ font-size: 15px; text-align: justify; }

.book-a-meeting{ position: fixed; right: 0%; top: 30%; z-index: 100; width: 35px; }
.book-a-meeting img{ width: 100%;   }

.sticky {
  position: fixed; background: #fff; z-index: 10000;
  top: 0;
  width: 100%;
}

.top-header{ padding-top: 10px; padding-bottom: 8px; border-bottom: 1px solid #eee; 
background-color: #172c76;
    background-image: linear-gradient(to right, #009ed2 , #172c76);
  }
.top-header p{ font-weight: 400; font-size: 14px; margin-bottom: 0px; color: #fff; }
.top-header .list{ padding: 0px; margin: 0px; }
.top-header .list li{ list-style: none; float: left; padding: 0px 5px; }
.top-header .list li a{ color: #fff; }
 
.header{ padding-top: 0px; padding-bottom: 0px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.header .info-icon { color: #E12454; font-size: 35px; margin-right: 10px; float: left; }
.header .info-text { font-size: 11px; color: #7a8a9e; margin-bottom: 5px; }
.header .info-sub-text { color: #223645; font-size: 20px; font-weight: 600; }

.menu { padding-top: 18px; padding-bottom: 28px; display: inline-block; }
.menu ul{ padding: 0px; margin: 13px 0px 0px 0px; }
.menu ul li{ list-style: none; float: left; padding: 0px 7px; }
.menu ul li a{ color: #333; padding: 5px 0px; font-weight: 500; font-size: 14px; position: relative;
-webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
     text-decoration: none; }
.menu ul li a:hover { color: #143276; }
.menu ul li a.active{ color: #143276; }
.menu ul li:nth-last-child(1) a{ padding: 10px 20px !important; border-radius: 90px; color: #fff;
background-color: #172c76;
    background-image: linear-gradient(to right, #172c76 , #009ed2); }
.menu ul li a.active:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #ddd;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    left: 0;
    right: auto; background: #143276;
}

.menu ul li a:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #ddd;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.menu ul li a:hover:after {
    width: 100%;
    left: 0;
    right: auto; background: #143276;
}



.banner { padding: 100px 15px;
  background: url("../images/slider_2_1.jpg?v=1") center center no-repeat;
  background-size: cover;
  display: block;
  clear: both;
}
.banner h1 span{  color: #333; font-size: 18px; margin-bottom: 10px; font-weight: 300;
padding: 10px 20px; background:#fff; border-radius: 20px; display: inline-block; }
.banner h1{ font-size: 32px; margin-bottom: 20px; color: #fff; font-weight: 800; line-height: 50px; }
.banner p{ font-size: 15px; color: #fff; margin-bottom: 20px; }
.banner p a{ color: #fff; font-size: 14px; font-weight: 400; padding-bottom: 3px; position: relative;
text-decoration: none; z-index: 1; padding: 6px 15px; }
.banner p a:hover{ color: #333; }
.banner p a.au:before {
    content: "";
    position: absolute;  border-radius: 4px;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 40px; z-index: -1;
    background: #E12454; -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.banner p a.au:after {
	content: "";
    position: absolute; border-radius: 4px;  
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 40px; z-index: -1;
    background: #E12454;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.banner p a.au:hover:after { 
    width: 100%;
    left: 0;
    right: auto; background: #ddd;
}

.banner p a.bb:before {
    content: "";
    position: absolute;  border-radius: 4px;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 40px; z-index: -1;
    border:1px solid #fff; -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.banner p a.bb:after {
	content: "";
    position: absolute; border-radius: 4px;  
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 40px; z-index: -1;
    background: #E12454;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.banner p a.bb:hover:after { 
    width: 100%;
    left: 0;
    right: auto; border:1px solid #E12454;
}




.aboutus{ padding-top: 80px; padding-bottom: 50px; }
.aboutus h1 span{ display: block; color: #172c76; font-size: 32px; margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-weight:600; }
.aboutus h1{ font-size: 25px; font-family: 'Playfair Display', serif; margin-bottom: 20px; }

.aboutus h2 span { 
    display: block; 
    color: #172c76; 
    font-size: 28px;
    margin-bottom: 10px; 
    font-family: 'Poppins', sans-serif; 
    font-weight:600;
}

.aboutus ul {
    padding: 0px;
    list-style: none;
    position: relative;
}

.aboutus ul li::before{
    display: inline-flex;
  content: '-';
  font-size: 0.5rem;
  position: relative;
  margin-right: 5px;
    /* font-family: var(--fa-style-family,"Font Awesome 6 Pro");
  font-weight: var(--fa-style,900);
   content: "\f04b";
  /*color: #172c76;*/
  vertical-align: middle;
}

.aboutus p{ font-size: 15px; }
.aboutus p a{ color: #E12454; font-size: 14px; font-weight: 500; padding-bottom: 3px; position: relative;
text-decoration: none; }

.aboutus p a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ddd; -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.aboutus p a:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #ddd;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.aboutus p a:hover:after {
    width: 100%;
    left: 0;
    right: auto; background: #E12454;
}




.content{ padding-top: 80px; padding-bottom:80px; background: #fff; }
.content .hh h1 span{ display: block; color: #E12454; font-size: 20px; margin-bottom: 10px; font-family: 'Poppins', sans-serif; }
.content .hh h1{ text-align: center; font-size: 30px; color:#172c76; 
padding: 0px 50px; margin-bottom: 20px; font-weight:600; }
.content .hh p{ text-align: center; }

.box{ text-align: center; padding: 30px 25px 20px 25px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 6px; background: #FFF; margin-bottom: 30px; height: 92%; }
.box h2{ font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 10px; }
.box p{ font-size: 15px; }
.post-icon-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px; background: #ebf5f5;
    border-radius: 50%;
}
.post-icon {
    position: relative;
    z-index: 1;
}
.post-icon i {
    display: inline-block;
    position: relative;
    font-size: 46px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%; color: #3C8080;
}

.contaact_left {
    background: #f1f1f1;
    padding-top: 40px;
    border-radius: 10px 0px 0px 10px;
}
.contaact_right {
    background: #200e36;
    padding-top: 40px;
    border-radius: 0px 10px 10px 0px;
}
.contaact_right h4{ color: #fff; }
.contaact_right input.form-control{ font-size: 15px; }
.footer-top{padding-top: 50px; padding-bottom: 50px; text-align: center;
background-color: #172c76;
    background-image: linear-gradient(to right, #172c76 , #009ed2);  }

.howitworks ol{ padding-left: 15px; }
.howitworks ol li{ margin-bottom: 8px; font-size: 15px; }
.page_head{ text-align: center; background: #f1f1f1; padding-top: 50px; padding-bottom: 50px; }
.page_head h1{ font-size: 32px;     color: #172c76;
    font-weight: bold; }

.footer-top h3{
color: #fff;
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    line-height: 39px;
    margin-bottom: 35px;
    font-weight: 100; }
.footer-top a{ background: #fff; color: #000; padding: 10px 20px; border-radius: 50px; font-weight: 500; margin: 5px;
text-transform: uppercase; border-bottom: 5px solid #680021 }


.footer{ background: #223645; padding-top: 80px; }
.footer h5{ color: #fff; text-transform: uppercase; margin-bottom: 15px; }
.footer img{ margin-bottom: 20px; margin-top: 20px; }
.footer p{ font-size: 14px; color: #fff; }
.footer ul{ padding: 0px; margin: 0px; }
.footer ul li{ list-style: none; float: left; width: 100%; color: #fff; font-size: 14px; margin-bottom: 10px;
padding-left: 25px; }
.footer ul li i{ position: absolute; margin-left: -25px; margin-top: 3px; }

.copyright-item{ text-align: center; padding-top: 50px; padding-bottom: 20px; }


@media screen and (min-device-width: 300px) and (max-device-width: 768px) { 
	.menu { display: inline-block;
    padding: 0px 0px 15px 0px; }
	.menu ul li:nth-last-child(1) a {
  padding: 5px 15px !important;
	}
	.info-wrap{ display: none; }
	.banner h1 {  font-size: 23px; }
	.banner p a { padding: 5px 10px; }
	.content .hh h1{ padding: 0px 0px; font-size: 26px;  }
	.footer-top a { padding: 6px 10px; font-size: 13px;  margin: 1px; text-transform: capitalize; }
	/*.logo img{ height: 55px; }*/
	.footer img{ height: 50px; }
	.book-a-meeting{ width: 30px; }
	}
	
	
.ol {
    padding-left: 15px;
}