/*
@File: Veter Template Styles
 
* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
 
This file table contents are outlined below>>>>>
 
*******************************************
******************************************* 
 
** - Topbar Area CSS
** - Navbar Area CSS
** - Index 01 Banner Area CSS
** - Index 01 About Area CSS
** - Index 01 Services Area CSS
** - Index 01 Why We Area CSS
** - Index 01 Our Company Area CSS
** - Index 01 Support Area CSS
** - Index 01 Our Clients Area CSS
** - Index 01 Case Study Area CSS
** - Index 01 Team Area CSS
** - Index 01 Testimonial Area CSS
** - Index 01 Blog Area CSS
** - Index 01 Appointment Area CSS
** - Index 01 Newsletter Area CSS
** - Index 01 Footer Area CSS
 
** - Index 02 Banner Area CSS
** - Index 02 About Area CSS
** - Index 02 services Area CSS
** - Index 02 Why Choose Us Area CSS
** - Index 02 Support Area CSS
** - Index 02 Blog Area CSS
 
** - Index 03 Navbar Area CSS
** - Index 03 Banner Area CSS
** - Index 03 Services Area CSS
** - Index 03 Company Area CSS
** - Index 03 Team Area CSS
 
** - Inner Uni Banner Area CSS
** - Inner Services page CSS
** - Inner Single services page CSS
** - Inner Blog page CSS
** - Inner Blog Details page CSS
** - Inner Team page CSS
** - Inner FAQ page CSS
** - Inner Contact Us page CSS
** - Inner Privacy Policy And Terms and Conditions page CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800;900&display=swap");
body {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Fira Sans", sans-serif;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff !important;
  z-index: 99999;
  padding: 0px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

p {
  margin-bottom: 15px;
  line-height: 1.8;
}

p:last-child {
  margin-bottom: 0px;
}

img {
  width: 100%;
}

.shapes img {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

:focus,
.form-control {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input:focus,
.form-control:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.uni-button {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  margin: 15px 0 0 0;
  border: 2px solid #001a57;
  padding: 10px 20px;
  text-transform: capitalize;
  background-color: #001a57;
  overflow: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  z-index: 9;
  border-radius: 5px;
}

.uni-button::before {
  background-color: #f95f08;
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.uni-button:hover {
  color: #ffffff;
  border: 2px solid #f95f08;
}

.uni-button:hover::before {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.multi-group .uni-button {
  margin-right: 15px;
}

.section-heading h6 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.section-heading h3 {
  font-size: 38px;
  font-weight: 600;
  text-transform: capitalize;
}

.section-heading p {
  font-size: 17px;
}

/*================================================
Topbar Area CSS
=================================================*/
.topbar {
  background-color: #001a57;
  padding-top: 5px;
  padding-bottom: 5px;
}

.topbar .topbar-left-side ul {
  margin: 0px;
  padding: 0px;
}

.topbar .topbar-left-side ul li {
  display: inline-block;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 17px;
  margin-left: 10px;
}

.topbar .topbar-left-side ul li i::before {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  margin-right: 3px;
}

.topbar .topbar-right-side {
  text-align: end;
}

.topbar .topbar-right-side ul {
  margin: 0px;
  padding: 0px;
}

.topbar .topbar-right-side ul li {
  list-style: none;
  display: inline-block;
  margin-left: 15px;
}

.topbar .topbar-right-side ul li .social-icons {
  margin: 0px;
  padding: 0px;
}

.topbar .topbar-right-side ul li .social-icons li {
  display: inline-block;
  background-color: #ffffff;
  height: 28px;
  width: 28px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  margin-left: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.topbar .topbar-right-side ul li .social-icons li a {
  display: inline-block;
  text-decoration: none;
  color: #001a57;
  padding-top: 2px;
}

.topbar .topbar-right-side ul li .social-icons li a i::before {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
}

.topbar .topbar-right-side ul li .social-icons li:hover {
  background-color: #001a57;
}

.topbar .topbar-right-side ul li .social-icons li:hover a {
  color: #ffffff;
}

.language-select .nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 17px;
  font-weight: 400;
  height: auto;
  line-height: initial;
  color: #ffffff;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  top: 4px;
}

.language-select .nice-select::after {
  border-color: #ffffff;
  height: 8px;
  width: 8px;
  right: 10px;
  margin-top: -5px;
}

.language-select .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0;
  width: 120px;
  height: 150px;
  overflow-y: scroll;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000000;
}

.language-select .nice-select .list::-webkit-scrollbar {
  display: none;
}

.language-select .nice-select .list .option.selected {
  background-color: #001a57 !important;
  color: #ffffff;
  font-weight: 600;
}

.language-select .nice-select ul {
  display: block;
}

.language-select .nice-select ul li {
  display: block;
  margin-left: 0px;
}

/*================================================
Navbar Area CSS
=================================================*/
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: absolute;
  background: transparent;
  padding: 20px 0 0;
  z-index: 999;
  height: 85px;
  text-transform: capitalize;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container a.meanmenu-reveal {
  width: 35px;
  height: 30px;
  padding: 12px 15px 0 0;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #001a57;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #001a57;
  height: 4px;
  margin-top: 3px;
  border-radius: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #ffffff;
  margin-top: 86px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #677294;
  border-top: 1px solid #dbeefd;
  text-decoration: none;
}

.mean-container .mean-nav ul li a:hover {
  background: #ffffff;
}

.mean-container .mean-nav ul li a.active {
  color: #ffffff;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  color: #677294;
  border-top: 1px solid #dbeefd;
  opacity: 1;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
  text-transform: none;
  font-size: 14px;
  text-transform: capitalize;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 3px;
  width: 100%;
  height: 24px;
  padding: 12px !important;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav .navbar-nav {
  overflow-y: scroll;
  height: 345px;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-nav .dropdown-toggle::after {
  display: none;
}

.mean-remove {
  display: none !important;
}

.mobile-nav {
  display: none;
}

.mobile-nav img {
  max-width: 100% !important;
}

.mobile-nav.mean-container .mean-nav ul li a.active {
  color: #f95f08;
}

/* Fix for box sizing on Foundation Framework etc. */
.main-nav {
  position: absolute;
  left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  z-index: 99;
  height: auto;
  background-color: transparent;
}

.main-nav nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.main-nav nav .navbar-nav {
  margin-left: auto !important;
}

.main-nav nav .navbar-nav .nav-item {
  position: relative;
  padding: 15px 0;
}

.main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #000000;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 35px;
  margin-right: 0px;
}

.main-nav nav .navbar-nav .nav-item a:hover {
  color: #f95f08;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-nav nav .navbar-nav .nav-item a:focus {
  color: #f95f08;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #f95f08;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-nav nav .navbar-nav .nav-item:hover a {
  color: #f95f08;
}

.main-nav nav .navbar-nav .nav-item:hover ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  position: absolute;
  top: 80px;
  left: 0;
  width: 180px;
  z-index: 99;
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  position: relative;
  padding: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 9px 15px;
  margin: 0;
  display: block;
  color: #000000;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #ffffff;
  background-color: #001a57;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: #ffffff;
  background-color: #001a57;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ffffff;
  background-color: #001a57;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #ffffff;
  text-transform: capitalize;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
  left: auto;
  right: 0;
}

.main-nav nav .navbar-nav .plus-icon {
  margin-right: 10px;
}

.main-nav nav .navbar-nav .plus-icon::after {
  content: "+";
  position: absolute;
  top: 15px;
  right: -12px;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  -webkit-transition: .5s;
  transition: .5s;
}

.main-nav nav .navbar-nav .active {
  color: #f95f08;
}

.main-nav nav .navbar-nav .active::after {
  color: #f95f08;
}

.main-nav nav .navbar-nav :hover {
  color: #f95f08;
}

.main-nav nav .navbar-nav :hover::after {
  color: #f95f08;
}

.navbar-light .navbar-brand {
  color: #001a57;
  font-weight: bold;
  text-transform: uppercase;
}

.navbar-light .navbar-brand:hover {
  color: #001a57;
  font-weight: bold;
  text-transform: uppercase;
}

/*================================================
Index 01 Banner Area CSS
=================================================*/
.banner {
  background-image: url("../images/banner/banner-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 250px;
  padding-bottom: 200px;
  overflow: hidden;
}

.banner-text {
  width: 620px;
  position: relative;
  z-index: 9;
}

.banner-text .shapes .shape-1 {
  position: absolute;
  left: 100px;
  z-index: -1;
}

.banner-text .shapes .shape-2 {
  position: absolute;
  z-index: -1;
  left: 0;
}

.banner-text h1 {
  font-size: 80px;
  text-transform: capitalize;
  font-weight: 700;
  z-index: 10;
  color: #001a57;
}

.banner-text p {
  font-size: 17px;
}

/*================================================
Index 01 About Area CSS
=================================================*/
.about {
  padding-top: 100px;
  padding-bottom: 100px;
}

.about img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.about-text-content {
  margin-top: 15px;
}

.about-text-content p {
  font-size: 17px;
}

.about-image {
  padding-left: 40px;
  position: relative;
}

.about-image img {
  width: 100%;
}

.about-image .experience-card {
  background-image: url("../images/25-years-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 350px;
  padding: 0 25px;
  position: absolute;
  bottom: 0;
  left: -10px;
  color: #ffffff;
}

.about-image .experience-card .experience-card-text {
  position: relative;
}

.about-image .experience-card .experience-card-text h2 {
  font-size: 90px;
  margin: 0px;
}

.about-image .experience-card .experience-card-text h6 {
  position: absolute;
  top: 50%;
  left: 100px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  margin: 0px;
}

.about-1 {
  padding-bottom: 70px;
}

/*================================================
Index 01 Services Area CSS
=================================================*/
.service {
  padding-bottom: 100px;
}

.service .section-heading {
  margin-top: 30px;
}

.services-card {
  padding: 10px 20px 20px;
  margin-top: 30px;
  -webkit-box-shadow: 1px 1px 10px 0px #d3d3d3;
          box-shadow: 1px 1px 10px 0px #d3d3d3;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.services-card .service-card-icon i::before {
  margin: 0px;
  padding: 0px;
  font-size: 50px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.services-card .service-card-text h4 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

.services-card .service-card-text h4 a {
  color: #202020;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.services-card .service-card-text p {
  color: #202020;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.services-card:hover {
  background-image: url("../images/service-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services-card:hover .service-card-icon i::before {
  color: #ffffff;
}

.services-card:hover h4 a {
  color: #ffffff;
}

.services-card:hover p {
  color: #ffffff;
}

/*================================================
Index 01 Why We Area CSS
=================================================*/
.why-we {
  background-image: url("../images/why-us/why-us1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.why-we .why-we-overlay {
  background-color: #2b4273d0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.why-we .why-we-overlay .section-heading {
  color: #ffffff;
}

.why-we-content {
  margin-top: 30px;
}

.why-we-content .service-list ul {
  margin: 0px;
  padding: 0px;
}

.why-we-content .service-list ul li {
  list-style: none;
  display: inline-block;
  background-color: #001a57;
  width: 240px;
  margin-right: 15px;
  margin-top: 15px;
  color: #ffffff;
  padding: 15px 15px 10px 35px;
  font-size: 18px;
  position: relative;
}

.why-we-content .service-list ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #f95f08;
  position: absolute;
  color: #f95f08;
  top: 20px;
  left: 10px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.why-we-content .service-list ul li:hover::before {
  content: "\27A4";
  background-color: transparent;
  top: 15px;
  color: #f95f08;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.why-we-content .why-we-bar h4 {
  color: #ffffff;
}

/*================================================
Index 01 Our Company Area CSS
=================================================*/
.company {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f0f0f1;
}

.company .company-content {
  margin-top: 20px;
}

.company-card {
  position: relative;
  margin-top: 30px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  border-radius: 10px;
}

.company-card .company-card-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d1d4da), color-stop(#e8e9ebde), color-stop(#d8d8dadc), color-stop(#c9cad1d2), color-stop(#b5bbc5a3), color-stop(#c0c6cc41), to(#cddbe72a));
  background-image: linear-gradient(to top, #d1d4da, #e8e9ebde, #d8d8dadc, #c9cad1d2, #b5bbc5a3, #c0c6cc41, #cddbe72a);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 5px;
}

.company-card .company-card-overlay .company-card-text {
  position: absolute;
  bottom: 15px;
  text-align: center;
  color: #202020;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.company-card .company-card-overlay .company-card-text h4 {
  font-size: 25px;
}

.company-card .company-card-overlay .company-card-text p {
  font-size: 18px;
  width: 80%;
  margin: 0 auto;
}

.company-card:hover {
  margin-top: 20px;
}

.company-card:hover .company-card-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#001a57), color-stop(#0a235ede), color-stop(#03184ab6), color-stop(#181e41b4), color-stop(#435778a3), color-stop(#8799aea1), to(#cddbe78e));
  background-image: linear-gradient(to top, #001a57, #0a235ede, #03184ab6, #181e41b4, #435778a3, #8799aea1, #cddbe78e);
}

.company-card:hover .company-card-overlay .company-card-text {
  color: #ffffff;
}

/*================================================
Index 01 Our Company Area CSS
=================================================*/
.counter {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("../images/shapes/shape5.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.counter img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.counter-card {
  position: relative;
  -webkit-box-shadow: 1px 1px 10px 1px #eeeeee;
          box-shadow: 1px 1px 10px 1px #eeeeee;
  padding: 20px 40px;
  overflow: hidden;
  background-color: #ffffff;
}

.counter-card .c-shape {
  position: relative;
}

.counter-card .counter-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.counter-card .counter-icon i::before {
  margin: 0px;
  padding: 0px;
  font-size: 50px;
  font-weight: 500;
}

.counter-card .counter-card-text {
  position: absolute;
  top: 50%;
  left: 100px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.counter-card .counter-card-text h2 {
  color: #001a57;
  font-weight: 700;
}

.counter-card .counter-card-text p {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
}

.c-2 .counter-card-text h2 {
  color: #f95f08;
}

.c-3 .counter-card-text h2 {
  color: #ff0036;
}

.c-4 .counter-card-text h2 {
  color: #09c4e0;
}

/*================================================
Index 01 Support Area CSS
=================================================*/
.support {
  background-image: url("../images/support-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.support .support-overlay {
  background-color: #001a57b8;
  padding: 90px 0;
}

.support .support-overlay .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.support .support-overlay .container .support-content {
  width: 780px;
}

.support .support-overlay .container .support-content h3 {
  font-size: 60px;
  color: #ffffff;
}

.support .support-overlay .container .support-content p {
  color: #ffffff;
  font-size: 18px;
}

/*================================================
Index 01 Our Clients Area CSS
=================================================*/
.our-clients {
  padding: 100px 0px;
  background-color: #f0f0f1;
}

.our-clients .our-clients-content {
  margin-top: 20px;
}

.our-clients-card {
  margin-top: 30px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
}

.our-clients-card .our-clients-icon i {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 0px;
  width: 50px;
  border-radius: 10px;
  padding-top: 0px;
  background-color: #001a57b8;
  text-align: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.our-clients-card .our-clients-icon i::before {
  margin: 0px;
  padding: 0px;
  color: transparent;
  font-weight: 700;
  font-size: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.our-clients-card .clients-text {
  text-align: center;
  margin-top: 15px;
  background-color: #ffffff;
  padding: 15px 10px 5px;
  border-radius: 15px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.our-clients-card .clients-text h4 {
  text-transform: capitalize;
  font-size: 25px;
  color: #001a57;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.our-clients-card:hover {
  margin-top: 20px;
}

.our-clients-card:hover .our-clients-icon i {
  top: 50%;
  height: 50px;
  padding-top: 10px;
}

.our-clients-card:hover .our-clients-icon i::before {
  color: #ffffff;
  font-size: 20px;
}

.our-clients-card:hover .clients-text {
  background-color: #001a57;
}

.our-clients-card:hover .clients-text h4 {
  color: #ffffff;
}

/*================================================
Index 01 Case Study Area CSS
=================================================*/
.case-study {
  padding: 100px 0;
}

.case-study-content {
  margin-top: 10px;
}

.case-study-content .case-card {
  position: relative;
  margin-top: 30px;
}

.case-study-content .case-card .case-card-text {
  background-image: url("../images/25-years-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -20px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  color: #ffffff;
  padding: 0px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.case-study-content .case-card .case-card-text h4 {
  font-size: 0px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.case-study-content .case-card .case-card-text p {
  font-size: 0px;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.case-study-content .case-card .case-card-text p a {
  color: #ffffff;
  text-decoration: none;
}

.case-study-content .case-card .case-card-text p::after {
  content: "\27A4";
  color: #f95f08;
  position: absolute;
  right: -0px;
  top: 1px;
}

.case-study-content .case-card:hover .case-card-text {
  padding: 15px 20px;
}

.case-study-content .case-card:hover .case-card-text h4 {
  font-size: 20px;
}

.case-study-content .case-card:hover .case-card-text p {
  font-size: 15px;
}

/*================================================
Index 01 Team Area CSS
=================================================*/
.team {
  padding: 100px 0;
  background-color: #f0f0f1;
}

.team .team-content {
  margin-top: 20px;
}

.team-card {
  position: relative;
  margin-top: 30px;
  border-radius: 10px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.team-card .team-card-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#001a57), color-stop(#0a235ebe), color-stop(#03184a91), color-stop(#181e4141), color-stop(#43577813), color-stop(#8799ae00), to(#cddbe78e));
  background-image: linear-gradient(to top, #001a57, #0a235ebe, #03184a91, #181e4141, #43577813, #8799ae00, #cddbe78e);
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.team-card .team-card-overlay .team-card-text {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.team-card .team-card-overlay .team-card-text .team-name {
  color: #ffffff;
  text-transform: capitalize;
  padding-left: 10px;
}

.team-card .team-card-overlay .team-card-text .team-name h6 {
  font-size: 15px;
}

.team-card .team-card-overlay .team-card-text .team-name h4 {
  font-size: 25px;
}

.team-card .team-card-overlay .team-card-text .team-contact ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li {
  margin-top: 5px;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  padding-top: 7px;
  margin-right: 5px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li a:hover {
  padding-left: 3px;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li ul {
  margin: 0px;
  padding: 0px;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li ul li {
  display: inline-block;
}

.team-card .team-card-overlay .team-card-text .team-contact ul li ul li:hover i {
  background-color: #ffffff;
  color: #001a57;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.team-card:hover {
  margin-top: 20px;
}

/*================================================
Index 01 Testimonial Area CSS
=================================================*/
.testimonial {
  background-image: url("../images/testimonial/testimonial-bg-1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testimonial .testimonial-overlay {
  background-color: #001a57b8;
  padding: 100px 0;
  color: #ffffff;
}

.testimonial .testimonial-overlay .testimonial-content {
  margin-top: 20px;
}

.testimonial img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}

.testimonial-card {
  margin-top: 30px;
  border-radius: 15px;
  background-image: url("../images/testimonial/testimonial-card--bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px;
}

.testimonial-card ul {
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.testimonial-card ul li {
  list-style: none;
  margin: 5px 0;
}

.testimonial-card ul li h4 {
  margin: 0px;
  text-transform: capitalize;
  font-size: 23px;
}

.testimonial-card ul li ul li i::before {
  margin: 0px 3px;
  padding: 0px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}

.testimonial-card p {
  font-size: 16px;
}

/*================================================
Index 01 Blog Area CSS
=================================================*/
.blog {
  padding: 100px 0;
}

.blog .blog-content {
  margin-top: 20px;
}

.blog-card {
  margin-top: 30px;
  -webkit-box-shadow: 1px 1px 10px 1px #dddddd;
          box-shadow: 1px 1px 10px 1px #dddddd;
}

.blog-card .blog-card-text {
  padding: 15px;
}

.blog-card .blog-card-text h6 {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.blog-card .blog-card-text h4 {
  font-size: 23px;
  font-weight: 600;
  text-transform: capitalize;
}

.blog-card .blog-card-text h4 a {
  color: #202020;
  text-decoration: none;
}

.blog-card .blog-card-text p {
  color: #202020;
  font-size: 16px;
}

/*================================================
Index 01 Appointment Area CSS
=================================================*/
.appointment {
  background-color: #001a57;
}

.appointment .row {
  margin: 0px;
}

.appointment .row .col-lg-6 {
  padding: 0px;
}

.google-map {
  width: 100%;
  height: 100%;
}

.google-map .gmap {
  width: 100%;
  height: 100%;
  border: none;
}

.appointment-form-area {
  padding: 95px 0 98px 20px;
  color: #ffffff;
}

.appointment-form-area .appointment-form .row {
  margin-left: -15px;
  margin-right: -15px;
}

.appointment-form-area .appointment-form .row .col-lg-6 {
  padding-left: 15px;
  padding-right: 15px;
}

.appointment-form-area .appointment-form input,
.appointment-form-area .appointment-form textarea {
  margin-top: 20px;
  padding: 10px;
  background-color: transparent;
  color: #ffffff;
}

.appointment-form-area .appointment-form input::-webkit-input-placeholder,
.appointment-form-area .appointment-form textarea::-webkit-input-placeholder {
  color: #ffffff;
}

.appointment-form-area .appointment-form input:-ms-input-placeholder,
.appointment-form-area .appointment-form textarea:-ms-input-placeholder {
  color: #ffffff;
}

.appointment-form-area .appointment-form input::-ms-input-placeholder,
.appointment-form-area .appointment-form textarea::-ms-input-placeholder {
  color: #ffffff;
}

.appointment-form-area .appointment-form input::placeholder,
.appointment-form-area .appointment-form textarea::placeholder {
  color: #ffffff;
}

.appointment-form-area .appointment-form .uni-button {
  border: 1px solid #ffffff;
  margin-top: 20px;
}

/*================================================
Index 01 Newsletter Area CSS
=================================================*/
.newsletter {
  padding: 100px 0;
  background-color: #011032;
}

.newsletter p {
  text-align: right;
  text-transform: capitalize;
  color: #ffffff;
  font-size: 25px;
}

.newsletter .input-group {
  width: 70%;
  margin: 0px !important;
  padding: 0px;
}

.newsletter .input-group .btn {
  background-color: #f95f08;
}

.newsletter .input-group .btn i::before {
  margin: 0px;
  padding: 0px 10px;
  color: #ffffff;
  font-weight: 500;
}

.newsletter .input-group .btn:hover i::before {
  padding-top: 0px;
}

/*================================================
Index 01 Footer Area CSS
=================================================*/
.footer {
  background-color: #011032;
}

.footer img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer-options {
  border-top: 1px solid #f0f0f077;
  border-bottom: 1px solid #f9600882;
  padding: 100px 0 85px;
}

.footer-logo-area {
  color: #ffffff;
}

.footer-logo-area p {
  margin: 20px 0 0px;
  font-size: 16px;
}

.footer-logo-area .footer-social-area ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.footer-logo-area .footer-social-area ul li {
  display: inline-block;
  margin-right: 10px;
  text-transform: capitalize;
}

.footer-logo-area .footer-social-area ul li p {
  font-size: 20px;
}

.footer-logo-area .footer-social-area ul li ul li {
  margin: 0 5px;
}

.footer-logo-area .footer-social-area ul li ul li i {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.footer-logo-area .footer-social-area ul li ul li i:hover {
  color: #f95f08;
}

.footer-company h3,
.footer-support h3,
.footer-contact h3 {
  color: #ffffff;
  font-size: 25px;
  text-transform: capitalize;
}

.footer-company ul,
.footer-support ul,
.footer-contact ul {
  margin: 20px 0 0;
  padding: 0px;
  list-style: none;
}

.footer-company ul li,
.footer-support ul li,
.footer-contact ul li {
  margin: 10px 0;
}

.footer-company ul li a,
.footer-support ul li a,
.footer-contact ul li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  font-size: 16px;
}

.footer-company ul li a:hover,
.footer-support ul li a:hover,
.footer-contact ul li a:hover {
  color: #f95f08;
}

.footer-company,
.footer-support {
  padding-left: 30px;
}

.footer-contact ul li a {
  text-transform: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-contact ul li a i {
  margin-right: 10px;
  padding-top: 3px;
  color: #ffffff;
}

.copyright {
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  padding: 12px 0 10px;
  color: #ffffff;
}

.copyright a {
  text-decoration: none;
  color: #f95f08;
}

/*================================================
Index 02 Banner Area CSS
=================================================*/
.banner-2 {
  background-image: none;
  background-color: #edf2fc;
  padding: 150px 0 100px;
}

.banner-2 .banner-text {
  width: 100%;
}

.banner-2 .banner-text .shapes .shape-2 {
  left: 40%;
  top: -50px;
}

.banner-2 h1 {
  font-size: 70px;
}

.banner-2 h1 span {
  color: #f95f08;
}

/*================================================
Index 02 About Area CSS
=================================================*/
.about-2 .about-image {
  padding-left: 40px;
  position: relative;
}

.about-2 .about-image .experience-card {
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 350px;
  padding: 0 25px;
  position: absolute;
  bottom: 15px;
  left: 30px;
  color: #ffffff;
}

.about-2 .about-image .experience-card .experience-card-text {
  position: relative;
}

.about-2 .about-image .experience-card .experience-card-text h2 {
  font-size: 70px;
  margin: 0px;
}

.about-2 .about-image .experience-card .experience-card-text h6 {
  position: absolute;
  top: 50%;
  left: 80px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  margin: 0px;
}

/*================================================
Index 02 services Area CSS
=================================================*/
.service-2 {
  background-color: #f1f1f1;
  padding: 70px 0 100px;
}

.service-2 .service-left-image {
  margin-top: 30px;
  margin-right: 20px;
  width: 100%;
}

/*================================================
Index 02 Why Choose Us Area CSS
=================================================*/
.why-we-2 {
  background-image: none;
}

.why-we-2 .why-we-overlay {
  background-color: #edf2fc;
}

.why-we-2 .why-we-overlay .section-heading {
  color: #202020;
}

.why-we-2 .service-list {
  padding-left: 30px;
}

.why-we-2 .service-list ul li {
  margin-top: 20px;
  margin-bottom: 20px;
}

.why-we-2 .why-we-bar {
  padding-left: 30px;
}

.why-we-2 .why-we-bar .single-bar {
  margin: 30px 0 0;
}

.why-we-2 .why-we-bar .single-bar h4 {
  color: #202020;
}

.why-we-2 .why-we-bar .single-bar .barfiller .tip {
  color: #202020;
}

/*================================================
Index 02 Support Area CSS
=================================================*/
.support-2 {
  background-image: url("../images/support-bg-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.support-2 .support-overlay {
  background-color: #001a57b8;
  padding: 83px 0 80px;
}

.support-2 .support-overlay .container {
  display: block;
}

.support-2 .support-overlay .container .support-content {
  width: 100%;
}

.support-2 .support-overlay .container .support-content h3 {
  font-size: 40px;
  color: #ffffff;
}

.support-2 .support-overlay .container .support-content p {
  color: #ffffff;
  font-size: 16px;
}

.counter-2 .counter-card {
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #001a57;
}

.counter-2 .counter-card .counter-card-content {
  width: 220px;
  margin: 0 auto;
}

.counter-2 .counter-card .counter-icon {
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.counter-2 .counter-card .counter-icon i::before {
  color: #f95f08;
}

.counter-2 .counter-card .counter-card-text {
  position: relative;
  left: 60px;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  color: #ffffff;
  text-align: left;
}

.counter-2 .counter-card .counter-card-text h2 {
  color: #ffffff;
}

/*================================================
Index 02 Blog Area CSS
=================================================*/
.blog-2 .blog-card .blog-card-text h6 i::before {
  margin: 0px 5px 0px 0px;
  color: #f95f08;
}

/*================================================
Index 03 Navbar Area CSS
=================================================*/
.nav-3 .main-nav {
  background-color: #ffffff;
}

/*================================================
Index 03 Banner Area CSS
=================================================*/
.banner-3 {
  background-image: none;
  background-color: #edf2fc;
  padding: 50px 0 0px;
}

.banner-3 .row {
  margin-left: 0px;
  margin-right: 0px;
}

.banner-3 .row .col-lg-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.banner-3 .banner-3-text {
  float: right;
}

.banner-3 .banner-text {
  width: 550px;
}

.banner-3 .banner-text .shapes .shape-2 {
  left: 40%;
  top: -50px;
}

.banner-3 .banner-text h1 {
  font-size: 70px;
}

/*================================================
Index 03 Services Area CSS
=================================================*/
.service-3 {
  padding-bottom: 0px;
}

.service-3 .service-left-cards {
  margin-top: 0px;
}

.service-3 .section-heading {
  text-align: center;
  padding: 0 30px;
  margin-top: 0px;
}

.service-3 .services-card {
  margin: 0 0 30px 0;
}

.service-3 .service-img2 {
  display: none;
}

.service-3 .service-large {
  display: none;
}

.service-3 .service-img img {
  height: 712px;
}

.service-md-hide {
  display: none;
}

/*================================================
Index 03 Company Area CSS
=================================================*/
.company-3 {
  padding: 67px 0 100px;
  background-color: #001a57;
}

.company-3 .section-heading {
  text-align: center;
  color: #ffffff;
  margin-top: 30px;
}

.company-3 .company3-card {
  background-color: #ffffff;
  padding: 8px 20px 20px;
  border-radius: 10px;
  margin-top: 30px;
}

.company-3 .company3-card .company-icon i::before {
  margin: 0px;
  padding: 0px;
  font-size: 60px;
}

.company-3 .company3-card .company-card-text h4 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
}

.company-3 .company3-card .company-card-text h4 a {
  color: #202020;
  text-decoration: none;
}

.company-3 .company3-card .company-card-text p {
  font-size: 16px;
  color: #202020;
}

/*================================================
Index 03 Team Area CSS
=================================================*/
.team-3 {
  background-color: #f5f5f5;
}

/*================================================
Inner Uni Banner Area CSS
=================================================*/
.uni-banner {
  background-image: url("../images/inner-banner/about-banner.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  position: relative;
}

.uni-banner .uni-banner-overlay {
  background-color: #d0d0d0ab;
  padding: 220px 0 150px;
}

.uni-banner .shapes {
  display: none;
}

.uni-banner-text h1 {
  font-size: 80px;
  font-weight: 700;
  text-transform: capitalize;
  color: #001a57;
}

.uni-banner-text h1 span {
  color: #f95f08;
}

.uni-banner-text ul {
  margin: 0px;
  padding: 0px;
}

.uni-banner-text ul li {
  list-style: none;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
  color: #001a57;
  display: inline-block;
  margin: 0 15px;
  position: relative;
}

.uni-banner-text ul li a {
  color: #001a57;
  text-decoration: none;
}

.uni-banner-text ul li::after {
  content: "\27A0";
  font-size: 20px;
  position: absolute;
  right: -28px;
  top: 2px;
  color: #f95f08;
}

.uni-banner-text ul li:nth-last-child(1)::after {
  content: "";
}

.inner-service-banner {
  background-image: url("../images/inner-banner/Services-banner.png");
}

.inner-blog-banner {
  background-image: url("../images/inner-banner/blog-banner.png");
}

.inner-team-banner {
  background-image: url("../images/inner-banner/team.png");
}

.inner-work-banner {
  background-image: url("../images/inner-banner/work.png");
}

.inner-faq-banner {
  background-image: url("../images/inner-banner/faq-bg.png");
}

.inner-privacy-banner {
  background-image: url("../images/inner-banner/privacy.png");
}

/*================================================
Inner Services page CSS
=================================================*/
.inner-page-services {
  background-color: #ffffff;
  padding-top: 70px;
}

/*================================================
Inner Blog page CSS
=================================================*/
.inner-blog-section .section-heading {
  text-align: center;
}

/*================================================
Inner Blog Details page CSS
=================================================*/
.blog-details {
  padding: 100px 0;
}

.blog-details .h2-bc-date {
  padding: 15px 5px 5px;
}

.blog-details .h2-bc-date ul {
  margin: 0;
  padding: 0;
}

.blog-details .h2-bc-date ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  text-transform: capitalize;
}

.blog-details .h2-bc-date ul li i::before {
  font-size: 15px;
  color: #001a57;
  margin: 0;
  font-weight: 600;
  margin-right: 5px;
}

.bdmp-text h3 {
  font-size: 35px;
  text-transform: capitalize;
  font-weight: 700;
}

.bdmp-text p {
  font-size: 17px;
  color: #202020;
}

.bdmp-text .bdmp-inner-img {
  margin: 15px 0;
}

.bdmp-comments {
  margin-top: 30px;
}

.bdmp-comments img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bdmp-comments .comments {
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 10px 5px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  background-color: #f7f5fa;
}

.bdmp-comments .user-comments {
  margin: 30px 0;
  padding: 15px 25px 10px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background-color: #f7f5fa;
  position: relative;
}

.bdmp-comments .user-comments img {
  position: absolute;
}

.bdmp-comments .user-comments .u-comment {
  padding-left: 40px;
  padding-top: 5px;
}

.bdmp-comments .user-comments .u-comment h4 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

.bdmp-comments .user-comments .u-comment ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bdmp-comments .user-comments .u-comment ul li {
  display: inline-block;
  cursor: pointer;
}

.bdmp-comments .user-comments .u-comment ul .active {
  color: #001a57;
}

.bdmp-comments .user-comments .u-comment p {
  font-size: 17px;
  margin-top: 10px;
}

.bdmp-comments .user-comments .u-comment .hours {
  color: #202020;
  font-size: 14px;
}

.comments-box {
  padding: 15px 25px 20px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background-color: #f7f5fa;
}

.comments-box h3 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.comments-box p {
  margin-bottom: 10px;
}

.comments-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.comments-box ul li {
  display: inline-block;
  cursor: pointer;
}

.comments-box ul li:hover {
  color: #001a57;
}

.comments-form input {
  padding: 10px;
  margin: 15px 0;
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

.comments-form textarea {
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

.recent-post {
  margin: 30px 0 0;
  padding: 10px 20px 15px;
  background-color: #f7f5fa;
  border-radius: 20px;
}

.recent-post img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.recent-post h3 {
  font-size: 28px;
  font-weight: 700;
}

.post-card {
  margin-top: 20px;
  position: relative;
}

.post-card img {
  position: absolute;
  max-height: 100%;
}

.post-card .h2-bc-date {
  padding: 0 0px 10px;
}

.post-card .post-card-text {
  padding-left: 130px;
  height: 100px;
}

.post-card .post-card-text h4 {
  font-size: 18px;
  font-weight: 600;
}

.post-card .post-card-text h4 a {
  color: #202020;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.post-card .post-card-text h4:hover a {
  color: #001a57;
}

.popular-services {
  padding: 10px 20px 5px;
  background-color: #f7f5fa;
  border-radius: 20px;
}

.popular-services h3 {
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.popular-services ul {
  margin: 0;
  padding: 0;
}

.popular-services ul li {
  list-style: none;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.popular-services ul li a {
  color: #001a57;
  text-decoration: none;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.popular-services ul li a::after {
  content: "\2192";
  font-size: 20px;
  position: absolute;
  right: 50px;
  color: #ffffff;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: -1;
}

.popular-services ul li:hover {
  background-color: #001a57;
}

.popular-services ul li:hover a {
  color: #ffffff;
}

.popular-services ul li:hover a::after {
  right: 20px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: 99;
}

/*================================================
Inner Team page CSS
=================================================*/
.inner-team-section {
  background-color: #ffffff;
}

.inner-team-section .section-heading {
  text-align: center;
}

/*================================================
Inner FAQ page CSS
=================================================*/
.faq {
  padding: 95px 0 70px;
}

.faq .section-heading {
  text-align: center;
}

.faq .faq-content {
  margin-top: 50px;
}

.faq .faq-content .accordion-item {
  margin-top: 15px;
  -webkit-box-shadow: 1px 1px 20px #eeeeee;
          box-shadow: 1px 1px 20px #eeeeee;
}

.faq .faq-content .accordion-button {
  position: relative;
  padding-left: 35px;
  font-weight: 600;
  text-align: left;
}

.faq .faq-content .accordion-button::before {
  content: "\27A4";
  color: #001a57;
  position: absolute;
  left: 14px;
}

.faq .faq-content .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  color: #f95f08;
  border: 1px solid #eeeeee;
}

.faq .faq-content .accordion-button:not(.collapsed)::before {
  content: "\27A4";
  color: #f95f08;
  position: absolute;
  left: 7px;
}

.ques-form {
  padding-bottom: 100px;
  text-align: center;
  margin-top: 20px;
}

.ques-form span {
  color: #f95f08;
}

.ques-form .ques-form-content .ques-input-form input {
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #b8b8b8;
}

.ques-form .ques-form-content .ques-input-form textarea {
  margin: 15px 0;
  border: 1px solid #b8b8b8;
}

/*================================================
Inner Single services page CSS
=================================================*/
.single-services-top-section {
  padding: 100px 0 50px;
}

.single-services-top-section img {
  max-width: 40%;
  float: left;
  margin-right: 40px;
  padding-bottom: 0px;
  -webkit-box-shadow: 1px 1px 20px 0px #dddddd;
          box-shadow: 1px 1px 20px 0px #dddddd;
}

.single-services-second-part .ss-image img {
  margin-bottom: 20px;
}

.ss-side-bar h3 {
  font-size: 30px;
  background-color: #001a57;
  color: #ffffff;
  padding: 10px;
  text-transform: capitalize;
}

.ss-side-bar ul {
  margin: 0px;
  padding: 0px;
}

.ss-side-bar ul li {
  list-style: none;
  padding: 15px;
  border: 1px solid #eeeeee;
  margin: 10px 0;
  font-size: 18px;
}

.ss-side-bar ul li i {
  font-size: 20px;
  margin-right: 5px;
  color: #f95f08;
}

.ss-side-bar ul li a {
  text-decoration: none;
  color: #202020;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.ss-side-bar ul li a:hover {
  color: #f95f08;
}

.single-service-form .ques-form {
  padding: 20px 20px 30px;
  -webkit-box-shadow: 1px 1px 20px 5px #dddddd;
          box-shadow: 1px 1px 20px 5px #dddddd;
  width: 60%;
  margin: 95px auto 100px;
}

/*================================================
Inner Privacy Policy And Terms and Conditions page CSS
=================================================*/
.privacy {
  padding: 95px 0;
}

.privacy h3 {
  font-size: 30px;
  font-weight: 600;
}

/*================================================
Inner Work Details page CSS
=================================================*/
.work-details-page {
  padding: 100px 0;
}

.work-details-page p {
  font-size: 17px;
  color: #707070;
}

.work-details-page h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.project-details {
  margin-top: 20px;
}

.important-facts {
  margin: 20px 0 20px 0px;
}

.important-facts ul {
  padding: 0px;
  margin: 15px 0 0 10px;
  padding-left: 18px;
}

.important-facts ul li {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  list-style: none;
  position: relative;
  color: #505050;
}

.important-facts ul li::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f95f08;
  position: absolute;
  left: -20px;
  top: 8px;
}

/*================================================
Inner Contact Us page CSS
=================================================*/
.contact-page-form {
  padding: 100px 0;
}

.contact-page-form .contact-info {
  margin-bottom: 30px;
}

.contact-page-form .contact-info h3 {
  background-color: #001a57;
  color: #ffffff;
  padding: 10px 15px;
  text-transform: capitalize;
  text-align: center;
  font-size: 30px;
}

.contact-page-form .contact-info ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.contact-page-form .contact-info ul li {
  padding: 15px 15px;
  -webkit-box-shadow: 1px 1px 20px #dddddd;
          box-shadow: 1px 1px 20px #dddddd;
  margin: 15px 0;
}

.contact-page-form .contact-info ul li a {
  font-size: 20px;
  color: #202020;
  text-decoration: none;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-page-form .contact-info ul li a i {
  color: #f95f08;
  margin-right: 8px;
}

.contact-page-form .ques-form {
  padding: 0;
  margin: 0;
}

.contact-page-form .ques-form h3 {
  background-color: #001a57;
  color: #ffffff;
  padding: 10px 0;
  font-size: 30px;
}

.contact-map {
  width: 100%;
  height: 500px;
}

.contact-map .gmap {
  width: 100%;
  height: 100%;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 20px;
  right: 20px;
  border-radius: 5px;
  background-color: #001a57;
  color: #ffffff;
  z-index: 99;
  width: 33px;
  text-align: center;
  height: 35px;
  opacity: 0;
  visibility: hidden;
  font-size: 20px;
  -webkit-transition: var(--transition);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top i {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.go-top:hover {
  background-color: #ffffff;
  color: #001a57;
  border: 1px solid #001a57;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
/*# sourceMappingURL=style.css.map */