body{font-family: "Abel", sans-serif; font-size: 18px;}
a {text-decoration: none; color: #747474;}
a:hover {text-decoration: none;}

/*---Back to top button---*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #5a7ae2;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {font-size: 24px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #5a7ae2;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}
/*---Disable aos animation delay on mobile devices---*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {transition-delay: 0 !important;}
}
/*---Header---*/
#header {transition: all 0.5s;z-index: 997;transition: all 0.5s;padding: 15px 0;background: rgba(255, 255, 255, 0.95);}
#header.header-transparent {background: transparent;}
#header.header-scrolled {background: rgba(255, 255, 255, 0.95);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#header .logo img {margin: 0;max-height: 40px;}
/*---Navigation Menu---*/
/* Desktop Navigation */
.navbar {padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 15px;
  color: black;
  white-space: nowrap;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #5a7ae2;}
.navbar .getstarted,
.navbar .getstarted:focus {background: #5a7ae2;color: #fff;padding: 12px 25px;margin-left: 30px;color: #fff;line-height: 1;border-radius: 5px;}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {background: #748ec6;color: #fff;}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  transition: 0.3s;
  border-radius: 5px;
}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 8px 20px;font-size: 15px;text-transform: none;font-weight: 600;color: #747474; text-transform: capitalize;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color: #000; background-color: #f8f8f8;}
.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover>ul {left: -100%;}
}
/* Mobile Navigation */
.mobile-nav-toggle {color: #5a7ae2;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}
@media (max-width: 991px) {
  .mobile-nav-toggle {display: block;}
  .navbar ul {display: none;}
  }
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(51, 60, 79, 0.9);transition: 0.3s;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 6px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #747474;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {color: #000; background-color: #f8f8f8;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 15px;}
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {color: #000; background-color: #f8f8f8;}
.navbar-mobile .dropdown>.dropdown-active {display: block;}
.hero_section {margin-top: 80px; background-color: #212529;}
.hero_writeup{padding-right:50px; padding-left: 60px;}
.hero_writeup h1{font-size: 64px; color: #fff;margin-bottom: 20px;}
.hero_writeup p{font-size: 18px; color: #fff;}
.hero_section .btn{background-color: white; color: #000; border-radius: 20px;margin-top: 20px;}
.borderless li{border: none !important; background-color: #F4F4F4;}
.about_writeup1 h2{font-size: 40px}
.about_writeup2{background-color: #F4F4F4;}
.about_text{padding-left: 40px;} .about_text h2{font-size: 40px;}
.about_text .btn{background-color: white; color: #000; border-radius: 20px;}
.about_text i{margin-left: 2px; color: #747474;}
.call_to_action h2{font-size: 40px;} .call_to_action{text-align: center;}
.call_to_action .btn{background-color: #F4F4F4; color: #000; border-radius: 20px;}
.footer_top{background-color: #212529; padding-top: 70px; padding-bottom: 70px;}
.footer_links li{background-color: #212529;}
.footer_links li a{color: white; font-size: 18px; margin-left: -12px;}
.footer_links h4{color: white; font-size: 21px;}
@media only screen and (max-width: 768px){
  .hero_writeup h1{font-size: 40px; margin-top: 80px;}
  .hero_writeup{padding:20px;}
  .hero_section {margin-top: 70px;} .hero_section .btn{margin-bottom: 20px;}
  .about_writeup1 h2{font-size: 30px} .about_writeup1{padding: 10px;}
  .about_writeup2 h2{font-size: 30px} .about_text{padding: 12px;}
  .footer_links{margin-bottom: 40px;}
  .image-background{height: 60vh !important;} 
  .hero_section_all h2{font-size: 40px !important;}
  .about_rev{flex-flow: column-reverse; }
  .call_to_action{text-align: left;padding: 20px;}
  .panel-heading a{font-size: 23px !important; color: #000;}
  .panel-heading .accordion-toggle:after {font-size: 23px; font-family: FontAwesome;vertical-align:top ;color: #A6A6AB;float: right; content: "\2193";transition: 0.3s;}
.panel-heading a[aria-expanded=true]::after {transform: rotate(180deg);transition: 0.3s;}
}
@media only screen and (min-width: 600px){
  .hero_writeup{padding:20px;}
  .hero_section {margin-top: 70px;} .hero_section .btn{margin-bottom: 20px;}
  .about_writeup1 h2{font-size: 30px} .about_writeup1{padding: 10px;}
  .about_writeup2 h2{font-size: 30px} .about_text{padding: 10px;}
  .footer_links{margin-bottom: 40px;} .hero_section_all h2{font-size: 30px;}
}
.bg-color{background-color: #F4F4F4}
.hero_section_all{background-color: #F4F4F4;padding-top: 250px; padding-bottom: 50px;}
.hero_section_all h2{font-size: 64px;}
.image-background {
  height: 80vh;
  min-height: 500px;
  background-image: url("/assets/img/bg_img_about.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.display-2 {font-weight: 400;text-shadow: 1px 2px black;font-size: 40px;color: #fff;}

.image_bg_service{  height: 500px;
  background-image: url("/assets/img/service_image1.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}

.hero_section_all span{text-transform: uppercase; color: #A6A6AB;}
.service_heading {background-color: #F4F4F4; padding: 5px;}
.service1 img{ width:-webkit-fill-available; }
.panel-heading{border-bottom: 1px solid #d5d5d5;  padding-bottom: 8px; padding-top: 8px;}
.panel-heading a{font-size: 30px; color: #000;}
.panel-heading .accordion-toggle:after {font-size: 35px; font-family: FontAwesome;vertical-align:middle;color: #A6A6AB;float: right; content: "\2193";transition: 0.3s;}
.panel-heading a[aria-expanded=true]::after {transform: rotate(180deg);transition: 0.3s;}
.panel-body{margin-bottom: 15px;}
.submit_btn{background-color: #A6A6AB; color: white; padding: 8px 15px ;margin-top: 8px;}
.submit_btn:hover{background-color: #000; color: white;}
.form-control:focus{ outline-width: 0 !important;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.panel-heading a:hover{color: #5a7ae2;}
.panel-heading .accordion-toggle:hover::after{color: #5a7ae2;}