@charset "UTF-8";

/*-----------------------------------------------------------------------------------



    Template Name: Induxter - Industry And Factory HTML Theme

    Template URI: site.com

    Description: Induxter - Industry And Factory HTML Theme

    Author: Md. Mizanur Rahman

    Author URI: site.com

    Version: 1.0



-----------------------------------------------------------------------------------



    CSS INDEX

    ===================



    01. Theme default css

	02. Header css

    03. Hero css

    04. About css

    05. Service css

    06. Features css

    07. Project css

    08. Testimonial css

    09. Team css

    10. Blog css

    11. Contact css

    12. Footer css



-----------------------------------------------------------------------------------*/

/*===========================

    1. COMMON css 

===========================*/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");

html {

  font-size: 100%;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



a {

  color: inherit;

  text-decoration: none;

  transition: all 0.3s ease-out 0s;

}

a:hover, a:focus {

  color: inherit;

  text-decoration: none;

}



a:focus,

input:focus,

textarea:focus,

button:focus {

  text-decoration: none;

  outline: none;

}



i,

span,

a {

  display: inline-block;

}



h1,

h2,

h3,

h4,

h5 {

  font-weight: 700;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Gilroy", sans-serif;

  color: #282828;

  margin: 0px;

}



h1 {

  font-size: 65px;

}



h2 {

  font-size: 40px;

  line-height: 60px;

}



h3 {

  font-size: 30px;

}



h4 {

  font-size: 23px;

}



h5 {

  font-size: 19px;

}



h6 {

  font-size: 16px;

}



ul, ol {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

}



p {

  color: #626262;

  margin: 0px;

}



input, textarea {

  display: inherit;

}



img {

  max-width: 100%;

}



body {

  font-family: "Open Sans", sans-serif;

  font-weight: normal;

  font-style: normal;

  color: #626262;

  font-size: 15px;

  line-height: 28px;

  overflow-x: hidden;

}



.bg_cover {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



.slick-slide {

  outline: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1600px) {



  .container {

   /* max-width: 1200px;*/

   

   max-width: 99%;

  }

  

   .containerf {

   /* max-width: 1200px;*/

   

   max-width: 1500px;

  }

}



.section-title .sub-title {

  display: inline-block;

  position: relative;

  margin-bottom: 45px;

  z-index: 1;

}

.section-title .sub-title span.title {

  text-transform: uppercase;

  color: #000080;

  font-size: 17px;

  font-weight: 700;

  font-family: "Gilroy", sans-serif;

  z-index: 1;

}

.section-title .sub-title .icon {

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 65px;

  height: 65px;

  font-size: 65px;

  color: #ffe5dc;

  line-height: 1;

  z-index: -1;

}

.section-title h2 {

  margin-bottom: 20px;

     color: #ff0000;
	 font-size:50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .section-title h2 {

    font-size: 36px;

    line-height: 47px;

  }

}

@media (max-width: 991px) {

  .section-title h2 {

    font-size: 32px;

    line-height: 44px;

  }

}

.section-title h2 span {

  color: #000080;

}



.title-span-line span.line {

  background-color: #000080;

  height: 5px;

  border-radius: 2.5px;

}

.title-span-line span.line-1 {

  width: 40px;

}

.title-span-line span.line-2 {

  width: 20px;

  margin-left: 5px;

  margin-right: 5px;

}

.title-span-line span.line-3 {

  width: 40px;

}



.section-white-title h2 {

color: #fff;

  

}

.section-white-title h2 span {

  color: #282828;

}



ul.social-link li {

  display: inline-block;

}



.form_group {

  position: relative;

}



.form_control {

  width: 100%;

  padding: 0 30px;

  height: 60px;

}



textarea.form_control {

  padding-top: 15px;

}



/*===== All bg =====*/

.main-bg {

  background-color: #000080;

}



.light-bg {

  background: #f7f7f7;

}



/*===== All Button Style =====*/

.main-btn {

  display: inline-block;

  padding: 14px 43px;

  font-size: 16px;

  font-weight: 700;

  color: #fff;

  background: #000000;

  line-height: 27px;

  text-transform: capitalize;

  border-radius: 28px;

  transition: all 0.3s ease-out 0s;

}

.main-btn:after {

  display: inline-block;

  padding-left: 10px;

  font-family: "IcoFont";

  content: "";

}

.main-btn:hover, .main-btn:focus {

  background: #282828;

  color: #fff;

}



button {

  border: none;

}



.btn-link {

  color: #282828;

  font-family: "Gilroy", sans-serif;

  font-weight: 700;

  text-decoration: none;

  transition: all 0.3s ease-out 0s;

}

.btn-link:after {

  display: inline-block;

  content: "";

  font-family: "IcoFont";

  padding-left: 10px;

  transition: all 0.3s ease-out 0s;

}

.btn-link:hover, .btn-link:focus {

  text-decoration: none;

}

.btn-link:hover:after, .btn-link:focus:after {

  padding-left: 15px;

}



/*

    nice select css

*/

.nice-select {

  width: 100%;

  outline: none;

}

.nice-select.open:after {

  transform: none;

}

.nice-select:after {

  content: "";

  font-family: "Font Awesome 5 Free";

  right: 20px;

  font-size: 12px;

  font-weight: 600;

  transform: none;

  border: none;

  top: 0;

  margin-top: 0;

  color: #2E2E2E;

}

.nice-select .list {

  width: 100%;

}



/*

    Start Preloader css

*/

.preloader {

  background-color: #fff;

  bottom: 0;

  height: 100%;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 99999;

}



.lds-ellipsis {

  margin: 0 auto;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  width: 64px;

  text-align: center;

  z-index: 9999;

}



.lds-ellipsis span {

  display: inline-block;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background: #000080;

  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;

}



.lds-ellipsis span:nth-child(1) {

  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;

}



.lds-ellipsis span:nth-child(2) {

  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;

}

@keyframes ball-pulse-sync {

  33% {

    transform: translateY(10px);

  }

  66% {

    transform: translateY(-10px);

  }

  100% {

    transform: translateY(0);

  }

}

/*

    End Preloader css

*/

@keyframes pulse-border {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  100% {

    transform: scale(1.8);

    opacity: 0;

  }

}

/*

    Start scroll_up css

*/

.back-to-top {

  background: #000080;

  border-radius: 50%;

  bottom: 30px;

  color: #fff;

  cursor: pointer;

  display: none;

  font-size: 16px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  position: fixed;

  right: 30px;

  text-align: center;

  text-decoration: none;

  transition: 0.3s;

  z-index: 337;

}



.back-to-top:hover,

.back-to-top:focus {

  background: #282828;

  color: #fff;

}



/*

    End scroll_up css

*/

/*---=======================

   02. Start Header css 

===========================---*/

.transparent-header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

}



.header-navigation .nav-container {

  position: relative;

}

.header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {

  content: "";

  font-family: "IcoFont";

  font-weight: 400;

  margin-left: 5px;

  display: inline-block;

  color: #fff;

  font-size: 14px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {

    display: none;

  }

}

@media (max-width: 991px) {

  .header-navigation .nav-container .main-menu ul > li.menu-item-has-children > a:after {

    display: none;

  }

}

.header-navigation .nav-container .main-menu ul li {

  display: inline-block;

  position: relative;

}

.header-navigation .nav-container .main-menu ul li > a {

  display: block;

  font-size: 26px;

  color: #ffdf00;

  font-weight: 700;

  text-transform: capitalize;

  font-family: "Gilroy", sans-serif;

  padding: 38px 15px;

  line-height: 1;

  /*transform: skew(-20deg);

	background: #e03c31;*/

}





.header-navigation .nav-container .main-menu ul li > a.active {

background-color: #fbe529;

    color: black;

  /*transform: skew(-20deg);

	background: #e03c31;*/

}

.header-navigation .nav-container .main-menu ul li .sub-menu {

  position: absolute;

  left: 0;

  top: 120%;

  width: 200px;

  background-color: #fff;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s;

  z-index: 99;

  height: auto;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li {

  display: block;

  margin: 0;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li:last-child > a {

  border-bottom: none;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li a {

  display: block;

  padding: 8px 15px;

  font-size: 14px;

  position: relative;

  transition: all 0.3s ease-out 0s;

  border-radius: 0;

  line-height: 2;

  margin: 0;

  border-bottom: 1px solid #ececec;

  color: #1b3255;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li a:hover {

  background-color: #000080;

  color: #fff !important;

  border-color: transparent;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li .sub-menu {

  left: 100%;

  top: 50%;

}

.header-navigation .nav-container .main-menu ul li .sub-menu li:hover .sub-menu {

  top: 100%;

}

.header-navigation .nav-container .main-menu ul li:hover.menu-item-has-children > a:after {

  color: #282828;

}

.header-navigation .nav-container .main-menu ul li:hover > a {

  color: #ffffff;

  /*background-color:#FFFF00;*/

}





.header-navigation .nav-container .main-menu ul li:hover > .sub-menu {

  opacity: 1;

  visibility: visible;

  top: 100%;

}

.header-navigation .nav-container .main-menu ul li .dd-trigger {

  display: none;

}

.header-navigation .nav-container .site-branding {

  position: relative;

  

/*margin-top: -150px;

    margin-left: -70px;

  */



}

.header-navigation .nav-container .nav-menu {

  float: right;

}

.header-navigation .nav-container.breakpoint-on .nav-menu {

  background-color: #fff;

  position: fixed;

  top: 0;

  left: -300px;

  z-index: 9999;

  width: 300px;

  height: 100%;

  transition-duration: 500ms;

  padding: 0;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  display: block;

  overflow-x: hidden;

  overflow-y: scroll;

  padding-top: 70px;

}

.header-navigation .nav-container.breakpoint-on .nav-menu.menu-on {

  left: 0;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li {

  display: block;

  margin: 0;

  border-bottom: 1px solid #ececec;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li:last-child {

  border-bottom: 0;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {

  border-top: 1px solid #ececec;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li a {

  display: block;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  color: #282828 !important;

  padding: 13px 20px;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu {

  width: 100%;

  position: relative;

  top: 0;

  left: 0;

  box-shadow: none;

  background-color: transparent;

  visibility: visible;

  opacity: 1;

  display: none;

  transition: none;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {

  color: #282828;

  padding: 0px 20px 0 40px;

  line-height: 45px !important;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {

  border-color: rgba(255, 255, 255, 0.5);

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {

  display: block;

  position: absolute;

  right: 0;

  height: 45px;

  width: 45px;

  top: 0;

  border-left: 1px solid rgba(255, 255, 255, 0.5);

  z-index: 2;

  background: transparent;

  text-align: center;

  line-height: 45px;

  cursor: pointer;

  color: #282828;

  font-size: 14px;

}

.header-navigation .nav-container.breakpoint-on .nav-menu .main-menu.menu-on {

  left: 0;

}

.header-navigation .nav-container.breakpoint-on .nav-pushed-item {

  display: none;

}

.header-navigation .nav-container.breakpoint-on .navbar-close,

.header-navigation .nav-container.breakpoint-on .navbar-toggler {

  display: block;

}

.header-navigation .navbar-toggler {

  padding: 0;

  border: none;

  background-color: transparent;

  cursor: pointer;

  display: none;

}

.header-navigation .navbar-toggler span {

  position: relative;

  background-color: #fff;

  border-radius: 3px;

  display: block;

  height: 3px;

  margin-top: 5px;

  padding: 0;

  transition-duration: 300ms;

  width: 30px;

  cursor: pointer;

  display: block;

}

.header-navigation .navbar-toggler.active span:nth-of-type(1) {

  transform: rotate3d(0, 0, 1, 45deg);

  top: 8px;

}

.header-navigation .navbar-toggler.active span:nth-of-type(2) {

  opacity: 0;

}

.header-navigation .navbar-toggler.active span:nth-of-type(3) {

  transform: rotate3d(0, 0, 1, -45deg);

  top: -8px;

}

.header-navigation .navbar-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 12;

  display: none;

  background: #000080;

  padding: 5px;

}

.header-navigation .navbar-close .cross-wrap {

  width: 34px;

  height: 34px;

  cursor: pointer;

  position: relative;

}

.header-navigation .navbar-close .cross-wrap span {

  position: absolute;

  display: block;

  width: 100%;

  height: 2px;

  border-radius: 6px;

  background: #fff;

}

.header-navigation .navbar-close .cross-wrap span.top {

  top: 17px;

  left: 0;

  transform: rotate(45deg);

}

.header-navigation .navbar-close .cross-wrap span.bottom {

  bottom: 15px;

  left: 0;

  transform: rotate(-45deg);

}



.header-top {

  padding: 50px 0;

  background-color: #00021c;

}

@media (max-width: 767px) {

  .header-top .top-left {

    text-align: center;

	margin-top: -45px;

  }

}

.header-top .top-left ul li {

  display: inline-block;

  margin-right: 50px;

}

@media (max-width: 991px) {

  .header-top .top-left ul li {

    margin-right: 4px;

  }

}

.header-top .top-left ul li span {

      color: #fef37a;

    padding-left: 75px;

    font-size: 20px;

    text-align: center;

}

}

.header-top .top-left ul li span i {

  margin-right: 10px;

}

.header-top .top-right {

  float: right;

}

@media (max-width: 767px) {

  .header-top .top-right {

    margin-top: 20px;

    float: none;

    text-align: center;

  }

}

.header-top .top-right ul.social-link li {

  margin-left: 5px;

}

.header-top .top-right ul.social-link li a {

  width: 33px;

  height: 33px;

  border: 1px solid #fff;

  line-height: 33px;

  text-align: center;

  border-radius: 50%;

  color: #fff;

}

.header-top .top-right ul.social-link li a:hover, .header-top .top-right ul.social-link li a:focus {

  background-color: #000080;

  border-color: #000080;

  color: #fff;

}



.header-area-v1 .header-navigation {

  position: relative;

  background-color: #000080;

}

.header-area-v1 .header-navigation:before {

  position: absolute;

  content: "";

  background: #000080;

  height: 100%;

  width: calc(100% - 60%);

  left: -100px;

  top: 0;

  transform: skew(-50deg, 0deg);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v1 .header-navigation {

    padding: 20px 0;

  }

}

@media (max-width: 991px) {

  .header-area-v1 .header-navigation {

    padding: 20px 0;

  }

  .header-area-v1 .header-navigation:before {

    width: calc(100% - 50%);

  }

}

@media (max-width: 767px) {

  .header-area-v1 .header-navigation:before {

    width: calc(100% - 10%);

  }

}

@media (max-width: 400px) {

  .header-area-v1 .header-navigation:before {

    width: calc(100% - 10%);

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .header-area-v1 .header-navigation:before {

    width: calc(100% - 30%);

  }

}

.header-area-v1 .header-navigation .nav-container {

  position: relative;
  background-color: #000080;

}

.header-area-v1 .header-navigation .nav-container .logo-col {

  position: relative;

}



.custom-container {

  max-width: 1510px;

  margin: auto;

  padding-left: 15px;

  padding-right: 15px;

}



.header-area-v2 .header-top {

  background-color: transparent;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-area-v2 .header-top .top-left {

    text-align: center;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v2 .header-top .top-left ul li {

    margin-right: 15px;

  }

}

.header-area-v2 .header-top .top-left ul li span {

  color: #626262;

}

.header-area-v2 .header-top .top-left ul li span i {

  color: #000080;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-area-v2 .header-top .top-right {

    float: none;

    text-align: center;

    margin-top: 15px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v2 .header-top .top-right ul.social-link li a {

    border-color: #282828;

    color: #282828;

  }

  .header-area-v2 .header-top .top-right ul.social-link li a:hover, .header-area-v2 .header-top .top-right ul.social-link li a:focus {

    border-color: transparent;

    color: #fff;

  }

}

@media (max-width: 991px) {

  .header-area-v2 .header-top .top-right ul.social-link li a {

    border-color: #282828;

    color: #282828;

  }

  .header-area-v2 .header-top .top-right ul.social-link li a:hover, .header-area-v2 .header-top .top-right ul.social-link li a:focus {

    border-color: transparent;

    color: #fff;

  }

}

.header-area-v2 .header-navigation {

  position: relative;

  z-index: 1;

}

/*.header-area-v2 .header-navigation.sticky .nav-container .main-menu .nav-button .main-btn {

  background: #282828;

}*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v2 .header-navigation {

    padding: 15px 0;

  }

}

@media (max-width: 991px) {

  .header-area-v2 .header-navigation {

    padding: 15px 0;

  }

}

.header-area-v2 .header-navigation:after {

  position: absolute;

  top: 0;

  left: -100px;

  content: "";

  height: 100%;

  width: 75%;

  border-radius: 50px;

  background-color: #000080;

  z-index: -1;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .header-area-v2 .header-navigation:after {

    width: 83%;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v2 .header-navigation:after {

    width: 85%;

  }

}

@media (max-width: 991px) {

  .header-area-v2 .header-navigation:after {

    width: 150%;

  }

}

.header-area-v2 .header-navigation .nav-container .main-menu {

  position: relative;

  padding-right: 20px;

}

@media only screen and (min-width: 1200px) {

  .header-area-v2 .header-navigation .nav-container .main-menu ul li a {

    font-size: 15px;

  }

}

.header-area-v2 .header-navigation .nav-container .nav-button .main-btn {

  border-radius: 32px;

  padding: 19px 49px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-area-v2 .header-navigation .nav-container .nav-button .main-btn {

    padding: 19px 41px;

  }

}



.header-area-v2 .header-navigation {

  position: relative;

  z-index: 1;

}

/*.header-area-v2 .header-navigation.sticky .nav-container .nav-button .main-btn {

  background: #282828;

}*/



/*.header-navigation.sticky {

display:none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

  animation: sticky 1.2s;

  background: #000080;

}*/

@keyframes sticky {

  0% {

    top: -200px;

  }

  100% {

    top: 0;

  }

}

/*---=======================

   End Header css 

===========================---*/

/*---=======================

   03. Start Hero css 

===========================---*/

.banner-area-v1 {

  position: relative;

 

}

.banner-area-v1 .hero-slider-one .single-hero {

  position: relative;

  padding: 210px 0 220px;

  z-index: 1;

  

   height:700px;

}

@media (max-width: 991px) {

  .banner-area-v1 .hero-slider-one .single-hero {

    padding: 110px 0 120px;

  }

}

.banner-area-v1 .hero-slider-one .single-hero:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.12);

  z-index: -1;

  

}

.banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {

  font-size: 115px;

  line-height: 105px;

  color: #fff;

  margin-bottom: 35px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {

    font-size: 42px;

    line-height: 52px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {

    font-size: 82px;

    line-height: 96px;

    margin-bottom: 15px;

  }

}

@media (max-width: 767px) {

  .banner-area-v1 .hero-slider-one .single-hero .hero-content h1 {

    font-size: 36px;

    line-height: 46px;

  }

}

.banner-area-v1 .hero-slider-one .single-hero .hero-content h1 span {

  font-weight: 400;

}

.banner-area-v1 .hero-slider-one .single-hero .hero-content h4 {

  font-size: 23px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 50px;

}

@media (max-width: 767px) {

  .banner-area-v1 .hero-slider-one .single-hero .hero-content h4 {

    font-size: 18px;

    line-height: 28px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-area-v1 .hero-slider-one .single-hero .hero-content h4 {

    font-size: 25px;

    line-height: 38px;

    margin-bottom: 35px;

  }

}

.banner-area-v1 .hero-arrows .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  z-index: 1;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  border-radius: 50%;

  background-color: rgba(51, 51, 51, 0.7);

}

.banner-area-v1 .hero-arrows .slick-arrow:hover, .banner-area-v1 .hero-arrows .slick-arrow:focus {

  background-color: #000080;

  color: #fff;

}

.banner-area-v1 .hero-arrows .slick-arrow.prev {

  left: 3%;

}

.banner-area-v1 .hero-arrows .slick-arrow.next {

  right: 3%;

}



.banner-area-v2 .hero-slider-two .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  z-index: 1;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 50%;

  color: #fff;

  background-color: #000080;

  left: 10%;

  transition: all 0.3s ease-out 0s;

}

.banner-area-v2 .hero-slider-two .slick-arrow.next {

  top: 57%;

  transform: translateY(-57%);

}

.banner-area-v2 .hero-slider-two .slick-arrow:hover {

  background-color: #282828;

  color: #fff;

}

.banner-area-v2 .hero-slider-two .single-slider {

  padding: 350px 0 210px;

  position: relative;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right {

  position: absolute;

  right: 0;

  top: 0;

  max-width: 40%;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-content span {

  font-weight: 700;

  color: #000080;

  font-size: 25px;

  margin-bottom: 25px;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {

  font-size: 85px;

  line-height: 90px;

  padding-right: 50px;

  margin-bottom: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {

    font-size: 45px;

    line-height: 60px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {

    font-size: 75px;

    line-height: 85px;

  }

}

@media (max-width: 767px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-content h1 {

    font-size: 40px;

    line-height: 50px;

  }

}

.banner-area-v2 .hero-slider-two .single-slider .hero-content h4 {

  font-weight: 500;

  font-size: 22px;

  color: #626262;

  margin-bottom: 42px;

  line-height: 35px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-content h4 {

    font-size: 20px;

    line-height: 30px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right {

    display: none !important;

  }

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right img {

  width: 100%;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon {

  width: 190px;

  height: 190px;

  border-radius: 50%;

  text-align: center;

  padding: 30px 35px;

  background-color: #000080;

  position: absolute;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon {

    width: 160px;

    height: 160px;

    border-radius: 50%;

    text-align: center;

    padding: 18px 35px;

  }

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon {

  position: relative;

  margin-bottom: 20px;

  z-index: 1;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon:after {

  position: absolute;

  top: 0;

  left: 10px;

  content: "";

  width: 55px;

  height: 55px;

  background-color: #fc783a;

  border-radius: 50%;

  z-index: -1;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .icon i {

  width: 45px;

  height: 45px;

  font-size: 45px;

  line-height: 1;

  color: #fff;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon .info h5 {

  color: #fff;

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-one {

  top: 28%;

  left: -12%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-one {

    top: 28%;

  }

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-two {

  top: 60%;

  left: -5%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-two {

    top: 60%;

  }

}

.banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-three {

  bottom: -5%;

  left: 25%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area-v2 .hero-slider-two .single-slider .hero-slide-right .slider-icon.icon-three {

    bottom: -5%;

    left: 25%;

  }

}

.banner-area-v2 .hero-slider-two .slick-current[data-slick-index="2"] .hero-slide-right .slider-icon.icon-three, .banner-area-v2 .hero-slider-two .slick-current[data-slick-index="1"] .hero-slide-right .slider-icon.icon-two, .banner-area-v2 .hero-slider-two .slick-current[data-slick-index="0"] .hero-slide-right .slider-icon.icon-one {

  background-color: #282828;

}



.breadcrumbs-section {

  padding: 130px 0;

}

@media (max-width: 991px) {

  .breadcrumbs-section {

    padding: 70px 0;

  }

}

.breadcrumbs-section .breadcrumbs-content h1 {

  color: #fff;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .breadcrumbs-section .breadcrumbs-content h1 {

    font-size: 32px;

  }

}

.breadcrumbs-section .breadcrumbs-content ul.link li {

  display: inline-block;

  color: #fff;

}

.breadcrumbs-section .breadcrumbs-content ul.link li:after {

  display: inline-block;

  content: "-";

  margin-left: 5px;

  font-size: 20px;

  margin-right: 5px;

}

.breadcrumbs-section .breadcrumbs-content ul.link li:last-child:after {

  display: none;

  margin-right: 0px;

}

.breadcrumbs-section .breadcrumbs-content ul.link li.active {

  color: #fff;

}



/*---=======================

   End Hero css 

===========================---*/

/*---=======================

   04. Start About css 

===========================---*/

.about-area-v1 .about-img-box {

 /* margin-left: -200px;*/

 

  margin-left: -50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v1 .about-img-box {

    margin-left: 0px;

  }

}

@media (max-width: 991px) {

  .about-area-v1 .about-img-box {

    margin-left: 0px;

    margin-bottom: 60px;

  }

}

.about-area-v1 .about-content-box {

  /*margin-left: 40px;

  margin-right: -70px;*/

  

  margin-right: -20px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v1 .about-content-box {

    margin-left: 0px;

    margin-right: 0px;

  }

}

@media (max-width: 991px) {

  .about-area-v1 .about-content-box {

    margin-left: 0px;

    margin-right: 0px;

  }

}

.about-area-v1 .about-content-box .section-title h2 span.thin {

  font-weight: 300;

  font-style: italic;

}

.about-area-v1 .about-content-box h5 {

  font-size: 17px;

  line-height: 28px;

  font-style: italic;

  margin-bottom: 20px;

}

.about-area-v1 .about-content-box p {

  margin-bottom: 9px;

/*      font-size: 21px;*/

  /*  line-height: 32px;*/

}



.about-area-v2 .about-img {

 /* margin-left: -100px;*/

    margin-left: -85px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v2 .about-img {

    margin-left: 0px;

  }

}

@media (max-width: 991px) {

  .about-area-v2 .about-img {

    margin-left: 0px;

    margin-bottom: 60px;

  }

}

.about-area-v2 .about-content-box h2 {

  margin-bottom: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v2 .about-content-box h2 {

    font-size: 32px;

    line-height: 42px;

  }

}

@media (max-width: 991px) {

  .about-area-v2 .about-content-box h2 {

    font-size: 26px;

    line-height: 36px;

  }

}

.about-area-v2 .about-content-box h2 span {

  color: #000080;

}

.about-area-v2 .about-content-box .content-box {

  background-color: #000080;

  padding: 25px 40px;

  border-radius: 10px;

  margin-bottom: 30px;

}

.about-area-v2 .about-content-box .content-box p {

  font-size: 18px;

  color: #f9e624;

  font-weight: 700;

  padding-left: 35px;

  border-left: 3px solid #000080;

  margin-bottom: 0px;
  line-height: 2.5em;

}

.about-area-v2 .about-content-box p {

  margin-bottom: 35px;

}



.about-area-v3 .section-title span.span {

  color: #000080;

  font-size: 20px;

  font-weight: 700;

  font-family: "Gilroy", sans-serif;

  margin-bottom: 15px;

}

.about-area-v3 .section-title span.span:after {

  display: inline-block;

  content: "";

  width: 100px;

  height: 3px;

  margin-left: 20px;

  border-radius: 2px;

  vertical-align: middle;

  background-color: #000080;

}

@media (max-width: 991px) {

  .about-area-v3 .about-content-box {

    margin-bottom: 40px;

  }

}

.about-area-v3 .about-content-box p {

     color: #ffffff;

    font-size: 30px;

    line-height: 45px;

}

.about-area-v3 .counter-wrapper {

  margin-top: 35px;

}

.about-area-v3 .counter-wrapper .counter-column {

  position: relative;

}

.about-area-v3 .counter-wrapper .counter-column:after {

  position: absolute;

  content: "";

  right: 15px;

  top: 0;

  width: 5px;

  height: 100%;

  background-color: #fff;

  border-radius: 3px;

}

.about-area-v3 .counter-wrapper .counter-column:last-child::after {

  display: none;

}

@media (max-width: 991px) {

  .about-area-v3 .counter-wrapper .counter-column {

    margin-bottom: 60px;

  }

}

@media (max-width: 767px) {

  .about-area-v3 .counter-wrapper .counter-column:after {

    display: none;

  }

}

.about-area-v3 .counter-wrapper .counter-box h2 {

  color: #000080;

  margin-bottom: 15px;

  line-height: 1;

}

.about-area-v3 .counter-wrapper .counter-box h2 span.plus {

  font-size: 25px;

  vertical-align: super;

  margin-left: -10px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v3 .counter-wrapper .counter-box h2 {

    font-size: 32px;

    line-height: 42px;

  }

}

.about-area-v3 .counter-wrapper .counter-box h4 {

  color: #fff;

  font-size: 22px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v3 .counter-wrapper .counter-box h4 {

    font-size: 18px;

    line-height: 28px;

  }

}

.about-area-v3 .about-img {

  text-align: right;

  margin-right: -100px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-area-v3 .about-img {

    margin-right: 0px;

  }

}

@media (max-width: 991px) {

  .about-area-v3 .about-img {

    margin-right: 0px;

  }

}



/*---=======================

   End About css 

===========================---*/

/*---=======================

   05. Start Service css 

===========================---*/

.service-area-v1 {

  position: relative;

  z-index: 1;

}

.service-area-v1:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.75);

  z-index: -1;

}

.service-area-v1 .section-title h2 {

 /* padding: 0 100px;*/

 /* font-size:34px;*/

}

@media (max-width: 991px) {

  .service-area-v1 .section-title h2 {

    padding: 0px;

  }

}

.service-area-v1 .section-white-title h2 span {

  color: #000080;

}

.service-area-v1 .service-item {

  background-color: #fff;

  border-radius: 10px;

  padding: 40px;

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.service-area-v1 .service-item:hover:before {

  background-color: #000080;

}

.service-area-v1 .service-item:hover:after {

  border-right: 25px solid #000080;

  border-bottom: 25px solid #000080;

}

.service-area-v1 .service-item:before {

  position: absolute;

  content: "";

  top: -40px;

  left: -30px;

  width: 185px;

  height: 185px;

  background-color: #ffd6c3;

  border-radius: 50%;

  z-index: -1;

  transition: all 0.2s ease-out 0s;

}

.service-area-v1 .service-item:after {

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  border-right: 25px solid #fff;

  border-left: 25px solid transparent;

  border-top: 25px solid transparent;

  border-bottom: 25px solid #fff;

  bottom: 20px;

  right: 20px;

  z-index: -1;

  transition: all 0.2s ease-out 0s;

}

.service-area-v1 .service-item .service-img {

  margin-bottom: 35px;

}

.service-area-v1 .service-item .service-img img {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  border: 8px solid #fff;

  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1);

}

.service-area-v1 .service-item .service-content span.position {

  color: #000080;

  margin-bottom: 10px;

}

.service-area-v1 .service-item .service-content h3.title {

  font-size: 25px;

  margin-bottom: 15px;

}

.service-area-v1 .service-item .service-content .btn-link {

  color: #6e6d6d;

}

.service-area-v1 .service-item .service-content .btn-link:after {

  display: none;

}

.service-area-v1 .service-slider-one .slick-dots {

  text-align: center;

}

.service-area-v1 .service-slider-one .slick-dots li.slick-active button {

  background-color: #000080;

}

.service-area-v1 .service-slider-one .slick-dots li button {

  width: 10px;

  height: 10px;

  border-radius: 5px;

  background-color: #fff;

  transition: all 0.3s ease-out 0s;

}



.service-area-v2 .service-item {

  border-radius: 5px;

}

.service-area-v2 .service-item .service-img {

  position: relative;

  z-index: 1;

}

.service-area-v2 .service-item .service-img img {

  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);

          clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);

  border-radius: 5px 5px 0 0;

  width: 100%;

}

.service-area-v2 .service-item .service-img:after {

  position: absolute;

  content: "";

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: #000080;

  z-index: -1;

  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%);

          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%);

  border-radius: 5px 5px 0 0;

}

.service-area-v2 .service-item .service-img .icon {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 65px;

  height: 65px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: #000080;

  box-shadow: 0px 11px 20px 0px rgba(254, 90, 14, 0.3);

  z-index: 1;

}

.service-area-v2 .service-item .service-img .icon i {

  color: #fff;

  font-size: 28px;

  line-height: 1;

}

.service-area-v2 .service-item .service-content {

  padding: 30px 40px 40px;

  background-color: #fff;

  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);

  border-radius: 0 0 5px 5px;

}

.service-area-v2 .service-item .service-content h3 {

  font-size: 25px;

  line-height: 35px;

  margin-bottom: 22px;

}

.service-area-v2 .service-item .service-content p {

  padding-bottom: 35px;

}

.service-area-v2 .service-item .service-content .main-btn {

  border-radius: 5px;

  padding: 9px 11px;

  background-color: #282828;

  text-transform: capitalize;

}

.service-area-v2 .service-item .service-content .main-btn:hover, .service-area-v2 .service-item .service-content .main-btn:focus {

  background-color: #000080;

  color: #fff;

}



.service-area-v3 .service-item {

  position: relative;

  background-color: #fff;

  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);

  padding: 40px 40px 30px;

  border-radius: 5px;

  overflow: hidden;

  transition: all 0.3s ease-out 0s;

}

.service-area-v3 .service-item .service-shape .shape {

  position: absolute;

  content: "";

  top: 0;

  right: -100px;

  background-color: rgba(254, 90, 14, 0.04);

  border-radius: 5px;

  transform: rotate(45deg);

}

.service-area-v3 .service-item .service-shape .shape.shape-1 {

  width: 150px;

  height: 150px;

  top: 28px;

}

.service-area-v3 .service-item .service-shape .shape.shape-2 {

  width: 170px;

  height: 170px;

  top: 20px;

}

.service-area-v3 .service-item .service-shape .shape.shape-3 {

  width: 190px;

  height: 190px;

  top: 10px;

}

.service-area-v3 .service-item .service-shape .shape.shape-4 {

  width: 210px;

  height: 210px;

  top: 0px;

}

.service-area-v3 .service-item:hover {

  background-color: #000080;

}

.service-area-v3 .service-item:hover .service-shape .shape {

  background-color: rgba(255, 255, 255, 0.08);

}

.service-area-v3 .service-item:hover .service-icon i {

  background-color: #fff;

  color: #000080;

}

.service-area-v3 .service-item:hover .service-content h3, .service-area-v3 .service-item:hover .service-content p, .service-area-v3 .service-item:hover .service-content .btn-link {

  color: #fff;

}

.service-area-v3 .service-item .service-icon {

  margin-bottom: 30px;

}

.service-area-v3 .service-item .service-icon i {

  width: 65px;

  height: 65px;

  line-height: 65px;

  text-align: center;

  background-color: #000080;

  color: #fff;

  border-radius: 10px;

  font-size: 36px;

  box-shadow: 0px 11px 20px 0px rgba(254, 90, 14, 0.3);

}

.service-area-v3 .service-item .service-content h3.title {

  margin-bottom: 18px;

  font-size: 25px;

  line-height: 35px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .service-area-v3 .service-item .service-content h3.title {

    font-size: 18px;

    line-height: 28px;

  }

}

@media (max-width: 991px) {

  .service-area-v3 .service-item .service-content h3.title {

    font-size: 22px;

    line-height: 32px;

  }

}

.service-area-v3 .service-item .service-content p {

  margin-bottom: 20px;

}



/* Service-details-section */

.service-details-section .service-img {

  margin-bottom: 25px;

}

.service-details-section .service-img img {

  border-radius: 10px;

}

.service-details-section .service-content h3 {

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 20px;

}

.service-details-section .service-content p {

  margin-bottom: 25px;

}

.service-details-section .service-content p:last-child {

  margin-bottom: 0;

}

.service-details-section .content-box {

  background-color: #fff3ed;

}

.service-details-section .content-box .content {

  padding: 40px 40px 25px;

}

.service-details-section .content-box .block-img img {

  width: 100%;

}

.service-details-section .how-work-box h3 {

  margin-bottom: 20px;

}

.service-details-section .how-work-box .work-item {

  border: 1px solid #e6e6e6;

  padding: 30px 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .service-details-section .how-work-box .work-item {

    padding: 30px 15px;

  }

}

.service-details-section .how-work-box .work-item .work-title {

  position: relative;

  padding-left: 75px;

  margin-bottom: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .service-details-section .how-work-box .work-item .work-title {

    padding-left: 0px;

  }

}

.service-details-section .how-work-box .work-item .work-title span.icon {

  position: absolute;

  top: 0;

  left: 0;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 50%;

  background-color: #000080;

  color: #fff;

  font-size: 25px;

  font-family: "Gilroy", sans-serif;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .service-details-section .how-work-box .work-item .work-title span.icon {

    position: relative;

    top: auto;

    left: auto;

    margin-bottom: 20px;

  }

}

.service-details-section .service-details-wrapper .faq-area {

  padding: 40px;

  background-color: #fff;

  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .service-details-section .service-details-wrapper .faq-area {

    padding: 20px 15px;

  }

}

@media (max-width: 991px) {

  .service-details-section .service-details-wrapper .faq-area {

    padding: 20px 15px;

  }

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper h3 {

  margin-bottom: 30px;

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card {

  border-radius: 5px;

  border: none;

  border: 1px solid #e6e6e6;

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header {

  background-color: transparent;

  border-bottom: none;

  font-size: 16px;

  color: #282828;

  font-weight: 700;

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn {

  float: right;

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn:after {

  content: "";

  font-family: "IcoFont";

  display: inline-block;

  font-size: 15px;

  color: #282828;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 767px) {

  .service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-header .toggle_btn:after {

    display: none;

  }

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card .card-body {

  padding-top: 0px;

}

.service-details-section .service-details-wrapper .faq-area .faq-wrapper .card.card .card-header[aria-expanded=true] .toggle_btn:after {

  content: "";

}

.service-details-section .sidebar-widget-area .widget {

  background-color: #fff;

  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.08);

}

.service-details-section .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:hover {

  background-color: #000080;

  color: #fff;

  border-color: transparent;

}



/*---=======================

   End Service css 

===========================---*/

/*---=======================

   06. Start Features css 

===========================---*/

.features-area-v1 .features-column {

  flex: 0 0 20%;

  max-width: 20%;

  border-right: 1px solid #fae3d9;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-area-v1 .features-column {

    flex: 0 0 50%;

    max-width: 50%;

    border-right: none;

  }

}

@media (max-width: 767px) {

  .features-area-v1 .features-column {

    flex: 0 0 100%;

    max-width: 100%;

    border-right: none;

  }

}

.features-area-v1 .features-column:last-child {

  border-right: none;

}

.features-area-v1 .features-column .features-item {

  background-color: #b9e1ff;

  padding: 30px 25px;

  position: relative;

  z-index: 1;

}

.features-area-v1 .features-column .features-item:hover:after, .features-area-v1 .features-column .features-item:hover:before {

  visibility: visible;

  opacity: 1;

}

.features-area-v1 .features-column .features-item:hover .features-icon i {

  color: #fff;

}

.features-area-v1 .features-column .features-item:hover .features-content h5 {

  color: #fff;

}

.features-area-v1 .features-column .features-item:before {

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  border-right: 25px solid transparent;

  border-left: 25px solid #fff;

  border-top: 25px solid #fff;

  border-bottom: 25px solid transparent;

  top: -5px;

  left: 10px;

  z-index: 2;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.features-area-v1 .features-column .features-item:after {

  position: absolute;

  top: -15px;

  left: 0;

  width: 100%;

  height: calc(100% + 30px);

  content: "";

  background-color: #000080;

  z-index: -1;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.features-area-v1 .features-column .features-item .features-icon {

  margin-bottom: 20px;

}

.features-area-v1 .features-column .features-item .features-icon i {

  width: 60px;

  height: 60px;

  color: #000080;

  font-size: 60px;

  line-height: 1;

}

.features-area-v1 .features-column .features-item .features-content h5 {

  font-size: 18px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .features-area-v1 .features-column .features-item .features-content h5 {

    font-size: 15px;

  }

}



.features-area-v2 .features-nav .nav-tabs {

  border-bottom: none;

}

.features-area-v2 .features-nav .nav-tabs .nav-item {

  width: 20%;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-area-v2 .features-nav .nav-tabs .nav-item {

    width: 33.33%;

  }

}

@media (max-width: 767px) {

  .features-area-v2 .features-nav .nav-tabs .nav-item {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .features-area-v2 .features-nav .nav-tabs .nav-item {

    width: 50%;

  }

}

.features-area-v2 .features-nav .nav-tabs .nav-item .nav-link {

  text-align: center;

  border: none;

}

.features-area-v2 .features-nav .nav-tabs .nav-item .nav-link i {

  width: 80px;

  height: 70px;

  line-height: 1;

  color: #b8b8b8;

  font-size: 75px;

}

.features-area-v2 .features-nav .nav-tabs .nav-item .nav-link.active i {

  color: #000080;

}

.features-area-v2 .tab-left-content, .features-area-v2 .tab-right-content {

  margin-bottom: 30px;

}

.features-area-v2 .tab-left-content h2 {

  margin-bottom: 0px;

}

.features-area-v2 .tab-right-content p {

  margin-bottom: 35px;

}

.features-area-v2 .tab-right-content h6 {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  line-height: 28px;

  font-style: italic;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .features-area-v3 .features-column {

    flex: 0 0 50%;

    max-width: 50%;

  }

}

.features-area-v3 .features-box {

  position: relative;

  overflow: hidden;

  background-color: #fff3ed;

  padding: 45px 34px;

  z-index: 1;

  transition: all 0.3s ease-out 0s;

}

.features-area-v3 .features-box:hover {

  background-color: #000080;

}

.features-area-v3 .features-box:hover .features-icon i {

  color: #fff;

}

.features-area-v3 .features-box:hover .features-content h4, .features-area-v3 .features-box:hover .features-content p, .features-area-v3 .features-box:hover .features-content .btn-link {

  color: #fff;

}

.features-area-v3 .features-box:hover .features-content .btn-link {

  border-color: #fff;

}

.features-area-v3 .features-box:hover:after {

  visibility: visible;

  opacity: 1;

}

.features-area-v3 .features-box:hover::before {

  color: rgba(255, 255, 255, 0.3);

}

.features-area-v3 .features-box:after {

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  border-right: 25px solid #fff;

  border-left: 25px solid transparent;

  border-top: 25px solid transparent;

  border-bottom: 25px solid #fff;

  bottom: 20px;

  right: 20px;

  z-index: -1;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.features-area-v3 .features-box:before {

  position: absolute;

  top: -50px;

  right: -50px;

  font-size: 200px;

  color: #ffe3d6;

  font-family: "Flaticon";

  line-height: 1;

  z-index: -1;

}

.features-area-v3 .features-box.box-1:before {

  content: "";

}

.features-area-v3 .features-box.box-2:before {

  content: "";

}

.features-area-v3 .features-box.box-3:before {

  content: "";

}

.features-area-v3 .features-box.box-4:before {

  content: "";

}

.features-area-v3 .features-box .features-icon {

  margin-bottom: 30px;

}

.features-area-v3 .features-box .features-icon i {

  font-size: 65px;

  width: 65px;

  height: 65px;

  line-height: 1;

  color: #000080;

}

.features-area-v3 .features-box .features-content h4 {

  font-size: 25px;

  line-height: 35px;

  margin-bottom: 23px;

}

.features-area-v3 .features-box .features-content p {

  margin-bottom: 20px;

}

.features-area-v3 .features-box .features-content .btn-link {

  font-size: 18px;

  padding-left: 25px;

  border-left: 3px solid #000080;

}

.features-area-v3 .features-box .features-content .btn-link:after {

  display: none;

}



.features-area-v4 .features-box {

  background-color: #fff3ed;

  padding: 37px 45px 45px;

  border-radius: 5px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .features-area-v4 .features-box {

    padding: 25px 30px 25px;

  }

}

.features-area-v4 .features-box.features-video {

  padding: 0px;

  height: 386px;

}

.features-area-v4 .features-box.features-video .play-content {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.features-area-v4 .features-box.features-video .play-content .video-popup {

  width: 95px;

  height: 95px;

  text-align: center;

  line-height: 95px;

  background-color: #000080;

  border-radius: 50%;

  color: #fff;

}

.features-area-v4 .features-box .features-content h4 {

  font-size: 25px;

  margin-bottom: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .features-area-v4 .features-box .features-content h4 {

    font-size: 22px;

    line-height: 32px;

  }

}

.features-area-v4 .features-box .features-content p {

  margin-bottom: 30px;

}

.features-area-v4 .features-box .features-content h5.title {

  padding-left: 25px;

  border-left: 3px solid #000080;

  font-size: 18px;

  font-weight: 700;

  color: #000080;

}



.counter-area-v1 .counter-column {

  flex: 0 0 20%;

  max-width: 20%;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .counter-area-v1 .counter-column {

    flex: 0 0 50%;

    max-width: 50%;

    margin-bottom: 40px;

  }

  .counter-area-v1 .counter-column:last-child {

    margin-bottom: 0px;

  }

}

@media (max-width: 767px) {

  .counter-area-v1 .counter-column {

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 40px;

  }

  .counter-area-v1 .counter-column:last-child {

    margin-bottom: 0px;

  }

}

.counter-area-v1 .counter-column .counter-box {

  background-color: #b9e1ff;

  padding: 50px 35px 60px;

  position: relative;

  transition: all 0.3s ease-out 0s;

  z-index: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counter-area-v1 .counter-column .counter-box {

    padding: 40px 35px;

  }

}

.counter-area-v1 .counter-column .counter-box:before, .counter-area-v1 .counter-column .counter-box:after {

  position: absolute;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.counter-area-v1 .counter-column .counter-box:before {

  content: "";

  height: 0;

  width: 0;

  border-right: 25px solid transparent;

  border-left: 25px solid #fff;

  border-top: 25px solid #fff;

  border-bottom: 25px solid transparent;

  top: 10px;

  left: 10px;

  z-index: -1;

}

.counter-area-v1 .counter-column .counter-box:after {

  position: absolute;

  bottom: 0;

  left: 30px;

  content: "";

  font-family: "Flaticon";

  color: rgba(255, 255, 255, 0.15);

  font-size: 150px;

  line-height: 1;

  z-index: -1;

}

.counter-area-v1 .counter-column .counter-box:hover {

  background-color: #000080;

}

.counter-area-v1 .counter-column .counter-box:hover:before, .counter-area-v1 .counter-column .counter-box:hover:after {

  visibility: visible;

  opacity: 1;

}

.counter-area-v1 .counter-column .counter-box:hover h2 {

  color: #fff;

}

.counter-area-v1 .counter-column .counter-box h2 {





  margin-bottom: 15px;

  font-size: 45px;

  line-height: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counter-area-v1 .counter-column .counter-box h2 {

    font-size: 32px;

    line-height: 44px;

  }

}

.counter-area-v1 .counter-column .counter-box h2 span.plus {

  font-size: 25px;

  vertical-align: super;

}

.counter-area-v1 .counter-column .counter-box h5 {

  font-size: 19px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counter-area-v1 .counter-column .counter-box h5 {

    font-size: 13px;

  }

}



.counter-area-v2 .counter-wrapper {

  padding: 95px 40px 91px;

  border-radius: 50px;

}

.counter-area-v2 .counter-column {

  position: relative;

}

@media (max-width: 991px) {

  .counter-area-v2 .counter-column {

    margin-bottom: 50px;

  }

  .counter-area-v2 .counter-column:last-child {

    margin-bottom: 0px;

  }

}

.counter-area-v2 .counter-column:after {

  position: absolute;

  content: "";

  right: 15px;

  top: 0;

  width: 5px;

  height: 100%;

  background-color: #fff;

  border-radius: 3px;

}

@media (max-width: 991px) {

  .counter-area-v2 .counter-column:after {

    display: none;

  }

}

.counter-area-v2 .counter-column:last-child::after {

  display: none;

}

.counter-area-v2 .counter-box {

  text-align: center;

}

.counter-area-v2 .counter-box h2 {

  color: #fff;

  margin-bottom: 15px;

  line-height: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counter-area-v2 .counter-box h2 {

    font-size: 32px;

    line-height: 44px;

  }

}

.counter-area-v2 .counter-box h2 span.plus {

  font-size: 25px;

  vertical-align: super;

  margin-left: -10px;

}

.counter-area-v2 .counter-box h4 {

  color: #fff;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counter-area-v2 .counter-box h4 {

    font-size: 16px;

  }

}



.counter-area-v3 {

  position: relative;

  margin-top: -80px;

}

.counter-area-v3 .counter-wrapper {

  /*padding: 95px 40px 91px;*/
  padding:30px;

  border-radius: 50px;

  background-color: #e2e2ff;

  box-shadow: 0px 11px 38px 0px rgba(32, 42, 48, 0.04);

}

@media (max-width: 991px) {

  .counter-area-v3 .counter-wrapper {

    padding-bottom: 51px;

  }

}

.counter-area-v3 .counter-column {

  position: relative;

}

@media (max-width: 991px) {

  .counter-area-v3 .counter-column {

    margin-bottom: 40px;

  }

}

.counter-area-v3 .counter-column:after {

  position: absolute;

  content: "";

  right: 15px;

  top: 0;

  width: 5px;

  height: 100%;

  background-color: #ffede4;

  border-radius: 3px;

}

@media (max-width: 991px) {

  .counter-area-v3 .counter-column:after {

    display: none;

  }

}

.counter-area-v3 .counter-column:last-child::after {

  display: none;

}

.counter-area-v3 .counter-box {

  text-align: left;

}

.counter-area-v3 .counter-box h2 {

  color: #000080;

  margin-bottom: 15px;

  line-height: 1;

}

.counter-area-v3 .counter-box h2 span.plus {

  font-size: 25px;

  vertical-align: super;

  margin-left: -10px;

}



.awards-area {

  background-color: #000080;

  padding: 55px 0 40px;

}

.awards-area .awards-slide .single-awards {

  text-align: center;

  padding: 0 20px;

}

@media (max-width: 991px) {

  .awards-area .section-title {

    text-align: center;

    margin-bottom: 40px;

  }

}



.cta-area-v1 .cta-wrapper {

  padding: 50px 100px;

  border-radius: 50px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .cta-area-v1 .cta-wrapper {

    padding: 50px 15px;

  }

}

.cta-area-v1 .cta-wrapper:after {

  position: absolute;

  bottom: 0;

  left: 50px;

  content: "";

  font-family: "Flaticon";

  font-size: 400px;

  color: rgba(255, 255, 255, 0.15);

  z-index: -1;

}

.cta-area-v1 .cta-wrapper .section-title h2 {

  margin-bottom: 0px;

}

@media (max-width: 991px) {

  .cta-area-v1 .cta-wrapper .section-title {

    margin-bottom: 40px;

  }

}

.cta-area-v1 .cta-wrapper .button-box {

  float: right;

}

@media (max-width: 991px) {

  .cta-area-v1 .cta-wrapper .button-box {

    float: none;

  }

}

.cta-area-v1 .cta-wrapper .button-box .main-btn {

  background-color: #fff;

  color: #282828;

  padding: 21px 50px;

  border-radius: 35px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cta-area-v1 .cta-wrapper .button-box .main-btn {

    padding: 15px 30px;

  }

}



.cta-area-v2 .cta-wrapper {

  padding: 56px 100px;

  border-radius: 5px 5px 0 0;

  padding-bottom: 128px;

}

@media (max-width: 991px) {

  .cta-area-v2 .cta-wrapper {

    padding: 56px 20px 140px;

  }

}

@media (max-width: 991px) {

  .cta-area-v2 .cta-wrapper .section-title {

    text-align: center;

    margin-bottom: 40px;

  }

}

.cta-area-v2 .cta-wrapper .button-box {

  float: right;

}

@media (max-width: 991px) {

  .cta-area-v2 .cta-wrapper .button-box {

    float: none;

    text-align: center;

  }

}

.cta-area-v2 .cta-wrapper .button-box .main-btn {

  background-color: #fff;

  color: #282828;

  position: relative;

}

.cta-area-v2 .cta-wrapper .button-box .main-btn:after {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(255, 255, 255, 0.07);

  width: 120%;

  height: 140%;

  border-radius: 52px;

}

.cta-area-v2 .cta-wrapper .button-box .main-btn:before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(255, 255, 255, 0.07);

  width: 140%;

  height: 190%;

  border-radius: 67px;

}



.pricing-item {

  position: relative;

  padding: 40px 60px 50px;

  background-color: #fff;

  box-shadow: 0px 0px 50px 0px rgba(254, 90, 14, 0.08);

  z-index: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pricing-item {

    padding: 40px 20px 50px;

  }

}

@media (max-width: 991px) {

  .pricing-item {

    padding: 40px 20px 50px;

  }

}

.pricing-item:hover .pricing-bg {

  visibility: visible;

  opacity: 1;

}

.pricing-item:hover .pricing-title-price h4.plan {

  color: #fff;

}

.pricing-item:hover .pricing-title-price h2.price {

  color: #fff;

}

.pricing-item:hover .pricing-title-price h2.price span.currency, .pricing-item:hover .pricing-title-price h2.price span.time {

  color: #fff;

}

.pricing-item:hover .pricing-title-price .title-span-line span.line {

  background-color: #fff;

}

.pricing-item:hover .pricing-features ul li {

  color: #fff;

}

.pricing-item:hover .pricing-features ul li:before {

  color: #fff;

}

.pricing-item:hover .pricing-button .main-btn {

  background-color: #fff;

  color: #282828;

}

.pricing-item .pricing-bg {

  background-color: #000080;

  background-image: url(../images/pricing-bg.png);

  position: absolute;

  height: calc(100% + 100px);

  left: 0;

  width: 100%;

  top: -50px;

  border-radius: 10px;

  opacity: 0;

  visibility: hidden;

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: contain;

  z-index: -1;

  transition: all 0.3s ease-out 0s;

}

.pricing-item .pricing-title-price {

  margin-bottom: 10px;

}

.pricing-item .pricing-title-price h2.price {

  color: #000080;

}

.pricing-item .pricing-title-price h2.price span.currency {

  font-size: 22px;

  vertical-align: super;

}

.pricing-item .pricing-title-price h2.price span.time {

  font-size: 15px;

  color: #626262;

}

.pricing-item .pricing-features {

  margin-top: 40px;

  padding: 0 20px;

  margin-bottom: 40px;

}

.pricing-item .pricing-features ul li {

  margin-bottom: 10px;

}

.pricing-item .pricing-features ul li:last-child {

  margin-bottom: 0px;

}

.pricing-item .pricing-features ul li:before {

  font-family: "IcoFont" !important;

  content: "";

  padding-right: 30px;

  color: #626262;

  color: #000080;

}



.error-header.transparent-header {

  top: 60px;

}



.error-banner {

  padding: 335px 0 260px;

}

.error-banner .error-content h1 {

  font-size: 36px;

  line-height: 68px;

  font-weight: 500;

  margin-bottom: 10px;

}

.error-banner .error-content h1 span {

  color: #000080;

  font-weight: 700;

}

.error-banner .error-content p {

  font-size: 18px;

  line-height: 32px;

  margin-bottom: 37px;

}



/*---=======================

   End Features css 

===========================---*/

/*---=======================

   07. Start Project css 

===========================---*/

.project-area-v1 .section-title h2 span {

  color: #000080;

}

.project-area-v1 .project-main-section {

  position: relative;

  padding: 120px 0;

}

.project-area-v1 .project-main-section .project-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 85%;

  height: 100%;

}

@media (max-width: 991px) {

  .project-area-v1 .project-main-section .project-bg {

    width: 100%;

  }

}

.project-area-v1 .project-main-section .project-bg:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(2, 6, 15, 0.55);

}

.project-area-v1 .project-main-section .play-content .video-popup {

  width: 95px;

  height: 95px;

  line-height: 95px;

  border-radius: 50%;

  text-align: center;

  background-color: #000080;

  color: #fff;

  font-size: 16px;

  position: relative;

}

.project-area-v1 .project-slide-wrapper {

  position: relative;

  margin-top: -215px;

  margin-left: 28%;

}

@media (max-width: 991px) {

  .project-area-v1 .project-slide-wrapper {

    margin-top: 0;

    margin-left: 0%;

  }

}

.project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow {

  position: absolute;

  bottom: 100px;

  left: 0;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

  background-color: #282828;

  color: #fff;

  left: -20%;

  z-index: 1;

  cursor: pointer;

  transition: all 0.3s ease-out 0s;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow {

    bottom: 0;

  }

}

.project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow.next {

  left: -13%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow.next {

    left: -10%;

  }

}

.project-area-v1 .project-slide-wrapper .project-slide-one .slick-arrow:hover {

  background-color: #000080;

}

.project-area-v1 .project-item {

  transition: all 0.3s ease-out 0s;

}

.project-area-v1 .project-item:hover .project-img .project-overlay {

  visibility: visible;

  opacity: 1;

}

.project-area-v1 .project-item .project-img {

  position: relative;

  overflow: hidden;

  margin-bottom: 20px;

}

.project-area-v1 .project-item .project-img img {

  width: 100%;

}

.project-area-v1 .project-item .project-img .project-overlay {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 85%;

  height: 85%;

  background-color: #000080;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(-50%, -50%);

  visibility: visible;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.project-area-v1 .project-item .project-img .project-overlay .project-content .icon .popup-icon {

  display: block;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  background-color: #fff;

  color: #282828;

}

.project-area-v1 .project-item .project-info {

  padding-left: 25px;

  border-left: 3px solid #fe5a0e;

}

.project-area-v1 .project-item .project-info span.span {

  color: #000080;

  margin-bottom: 10px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v1 .project-item .project-info span.span {

    font-size: 13px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v1 .project-item .project-info h4 {

    font-size: 14px;

  }

}



.project-area-v2 .project-item:hover .project-img .project-overlay {

  transform: scale(1);

  visibility: visible;

}

.project-area-v2 .project-item .project-img {

  position: relative;

  overflow: hidden;

}

.project-area-v2 .project-item .project-img img {

  width: 100%;

  border-radius: 10px;

}

.project-area-v2 .project-item .project-img .project-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transform: scale(0);

  justify-content: center;

  visibility: hidden;

  background-color: rgba(254, 90, 14, 0.95);

  border-radius: 10px;

  transition: all 0.3s ease-out 0s;

}

.project-area-v2 .project-item .project-img .project-overlay .project-content {

  position: relative;

  padding: 30px;

  width: 100%;

  height: 100%;

  border-radius: 5px;

}

.project-area-v2 .project-item .project-img .project-overlay .project-content .content {

  position: relative;

  padding-left: 30px;

}

.project-area-v2 .project-item .project-img .project-overlay .project-content .content:before {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 3px;

  height: 100%;

  background-color: #fff;

}

.project-area-v2 .project-item .project-img .project-overlay .project-content .content h4, .project-area-v2 .project-item .project-img .project-overlay .project-content .content p.p-name {

  color: #fff;

}

.project-area-v2 .project-item .project-img .project-overlay .project-content .content h4 {

  margin-bottom: 5px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v2 .project-item .project-img .project-overlay .project-content .content h4 {

    font-size: 18px;

  }

}

.project-area-v2 .project-item .project-img .project-overlay .project-content .icon .popup-icon {

  position: absolute;

  bottom: 10px;

  right: 10px;

  width: 35px;

  height: 35px;

  background-color: #fff;

  color: #fff;

  font-size: 16px;

  line-height: 35px;

  color: #282828;

  text-align: center;

  border-radius: 50%;

}



.filter-nav ul.filter-btn {

  position: relative;

  padding-bottom: 40px;

}

.filter-nav ul.filter-btn:before, .filter-nav ul.filter-btn:after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 50%;

  height: 5px;

  transform: translateX(-50%);

  border-radius: 3px;

}

.filter-nav ul.filter-btn:before {

  width: 7%;

  background-color: #000080;

  z-index: 1;

}

.filter-nav ul.filter-btn:after {

  width: 25%;

  background-color: #ffe7dc;

}

.filter-nav ul.filter-btn li {

  display: inline-block;

  font-size: 19px;

  padding: 5px;

  cursor: pointer;

  color: #282828;

  font-family: "Gilroy", sans-serif;

  font-weight: 700;

}

.filter-nav ul.filter-btn li.active {

  color: #000080;

}

.filter-nav ul.filter-btn li:last-child:after {

  display: none;

}

.filter-nav ul.filter-btn li:after {

  display: inline-block;

  content: "-";

  padding-left: 12px;

  font-size: 19px;

}



.project-area-v3 .container-fluid, .releted-project-section .container-fluid {

  padding-left: 60px;

  padding-right: 60px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .project-area-v3 .container-fluid, .releted-project-section .container-fluid {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .container-fluid, .releted-project-section .container-fluid {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .container-fluid, .releted-project-section .container-fluid {

    padding-left: 15px;

    padding-right: 15px;

  }

}

.project-area-v3 .project-item:hover .project-img .project-overlay, .releted-project-section .project-item:hover .project-img .project-overlay {

  transform: translate(-50%, -50%) scale(1);

  visibility: visible;

}

.project-area-v3 .project-item .project-img, .releted-project-section .project-item .project-img {

  position: relative;

  overflow: hidden;

}

.project-area-v3 .project-item .project-img img, .releted-project-section .project-item .project-img img {

  width: 100%;

  border-radius: 5px;

}

.project-area-v3 .project-item .project-img .project-overlay, .releted-project-section .project-item .project-img .project-overlay {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 86%;

  height: 86%;

  transform: translate(-50%, -50%) scale(0);

  visibility: hidden;

  transition: all 0.3s ease-out 0s;

}

.project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {

  position: relative;

  padding: 30px;

  height: 100%;

  background-color: #000080;

  display: flex;

  align-items: flex-end;

  border-radius: 5px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {

    padding: 15px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content, .releted-project-section .project-item .project-img .project-overlay .project-content {

    padding: 20px;

  }

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {

  position: relative;

  padding-left: 30px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {

    padding-left: 15px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {

    padding-left: 15px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content, .releted-project-section .project-item .project-img .project-overlay .project-content .content {

    padding-left: 20px;

  }

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .content:before, .releted-project-section .project-item .project-img .project-overlay .project-content .content:before {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 3px;

  height: 100%;

  background-color: #fff;

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {

  color: #fff;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {

    font-size: 14px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {

    font-size: 13px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content p.p-name, .releted-project-section .project-item .project-img .project-overlay .project-content .content p.p-name {

    font-size: 14px;

  }

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {

  margin-bottom: 5px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {

    font-size: 16px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {

    font-size: 15px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .content h4, .releted-project-section .project-item .project-img .project-overlay .project-content .content h4 {

    font-size: 16px;

  }

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon {

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-40%, -50%);

}

.project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {

  display: block;

  width: 50px;

  height: 50px;

  background-color: #fff;

  color: #fff;

  font-size: 22px;

  line-height: 50px;

  color: #282828;

  text-align: center;

  border-radius: 50%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {

    width: 35px;

    height: 35px;

    line-height: 35px;

    font-size: 16px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {

    width: 35px;

    height: 35px;

    line-height: 35px;

    font-size: 16px;

  }

}

@media (max-width: 991px) {

  .project-area-v3 .project-item .project-img .project-overlay .project-content .icon .popup-icon, .releted-project-section .project-item .project-img .project-overlay .project-content .icon .popup-icon {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }

}



.project-details-page-section .project-details-wrapper .project-content .content-box h3 {

  font-size: 35px;

  margin-bottom: 25px;

}

.project-details-page-section .project-details-wrapper .project-content .content-box p {

  padding-bottom: 10px;

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details {

  background-color: #000080;

  padding: 40px;

  border-radius: 5px;

  width: 350px;

  margin-top: -155px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-details-page-section .project-details-wrapper .project-content .project-info-details {

    padding: 40px 15px;

    width: 100%;

  }

}

@media (max-width: 991px) {

  .project-details-page-section .project-details-wrapper .project-content .project-info-details {

    margin-top: 20px;

    padding: 40px 15px;

    width: 100%;

  }

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details h3 {

  font-size: 30px;

  color: #fff;

  margin-bottom: 15px;

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list {

  position: relative;

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list.title li:after {

  position: absolute;

  right: 0;

  top: 0;

  content: ":";

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li {

  position: relative;

  color: #fff;

  margin-bottom: 9px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li {

    font-size: 14px;

  }

}

.project-details-page-section .project-details-wrapper .project-content .project-info-details ul.info-list li:last-child {

  margin-bottom: 0px;

}

.project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  border-radius: 50%;

  background-color: #333333;

  color: #fff;

  z-index: 1;

  transition: all 0.3s ease-out 0s;

}

.project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow:hover, .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow:focus {

  background-color: #000080;

  color: #fff;

}

.project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow.prev {

  left: 40px;

}

.project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow.next {

  right: 40px;

}

@media (max-width: 767px) {

  .project-details-page-section .project-details-wrapper .project-content .project-slide-four .slick-arrow {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

}

.project-details-page-section .project-details-wrapper .project-content .project-slide-four .project-item .project-img img {

  width: 100%;

}



.post-share-tag {

  background-color: #f6f6f6;

  padding: 21px 30px;

}

@media (max-width: 991px) {

  .post-share-tag .post-tag {

    text-align: center;

  }

}

.post-share-tag .post-tag ul li {

  display: inline-block;

}

.post-share-tag .post-tag ul li span {

  color: #282828;

  font-weight: 700;

}

.post-share-tag .post-share {

  float: right;

}

@media (max-width: 991px) {

  .post-share-tag .post-share {

    text-align: center;

    float: none;

    margin-top: 15px;

  }

}

.post-share-tag .post-share ul li {

  display: inline-block;

  margin-left: 5px;

}

@media (max-width: 991px) {

  .post-share-tag .post-share ul li {

    margin-left: 5px;

    margin-right: 5px;

  }

}

.post-share-tag .post-share ul li a {

  display: block;

  width: 37px;

  height: 37px;

  text-align: center;

  line-height: 37px;

  border-radius: 50%;

  border: 1px solid #c4c4c4;

}

.post-share-tag .post-share ul li a:hover, .post-share-tag .post-share ul li a:focus {

  background-color: #000080;

  color: #fff;

  border-color: transparent;

}



.post-next-prev-post .post-nav-img {

  position: relative;

  display: inline-block;

  width: 80px;

  height: 80px;

}

.post-next-prev-post .post-nav-img img {

  max-width: 100%;

  border-radius: 50%;

}

.post-next-prev-post .post-nav-img i {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  border: 1px solid #fff;

  border-radius: 50%;

  background-color: #000080;

  color: #fff;

}

.post-next-prev-post .post-nav-img.post-prev-img {

  margin-left: 15px;

}

.post-next-prev-post .post-nav-img.post-prev-img i {

  left: -15px;

}

.post-next-prev-post .post-nav-img.post-next-img {

  margin-right: 15px;

  float: right;

}

.post-next-prev-post .post-nav-img.post-next-img i {

  left: auto;

  right: -15px;

}



/*---=======================

   End Project css 

===========================---*/

/*---=======================

   08. Start Project css 

===========================---*/

.testimonial-area-v1 {

  background-color: #b9e1ff;

}

@media (max-width: 991px) {

  .testimonial-area-v1 {

    padding-bottom: 120px;

  }

}

.testimonial-area-v1 .testimonial-img {

  margin-left: -150px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-area-v1 .testimonial-img {

    margin-left: 0px;

  }

}

@media (max-width: 991px) {

  .testimonial-area-v1 .testimonial-img {

    margin-left: 0px;

    margin-bottom: 60px;

  }

}

.testimonial-area-v1 .testimonial-item .td-content p {

  font-weight: 500;

  font-size: 32px;

  line-height: 33px;

  margin-left:90px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-area-v1 .testimonial-item .td-content p {

    font-size: 17px;

    line-height: 28px;

  }

}

@media (max-width: 991px) {

  .testimonial-area-v1 .testimonial-item .td-content p {

    font-size: 17px;

    line-height: 28px;

  }

}

.testimonial-area-v1 .testimonial-item .td-content .td-author-info {

  display: flex;

}

.testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-thumb {

  min-width: 90px;

  max-width: 90px;

  height: 90px;

  border-radius: 50%;

  background-color: #ff7a76;

}

.testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author {

  margin-left: 35px;

}

.testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author h4 {

  font-size: 23px;

}

.testimonial-area-v1 .testimonial-item .td-content .td-author-info .td-author p.position {

  font-size: 15px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-area-v1 .testimonial-arrows-one {

    margin-bottom: 50px;

  }

}

.testimonial-area-v1 .testimonial-arrows-one .slick-arrow {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 50px;

  height: 50px;

  border: 1px solid #f7cab5;

  border-radius: 50%;

  line-height: 50px;

  color: #000080;

  cursor: pointer;

  text-align: center;

  z-index: 1;

  transition: all 0.3s ease-out 0s;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-area-v1 .testimonial-arrows-one .slick-arrow {

    bottom: 60px;

  }

}

.testimonial-area-v1 .testimonial-arrows-one .slick-arrow:hover {

  background-color: #000080;

  color: #fff;

}

.testimonial-area-v1 .testimonial-arrows-one .slick-arrow.prev {

  right: 60px;

}



.testimonial-area-v2 .testimonial-slider-two .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid #f3aa88;

  color: #f3aa88;

  cursor: pointer;

  z-index: 1;

}

.testimonial-area-v2 .testimonial-slider-two .slick-arrow:hover {

  border-color: #000080;

  color: #000080;

}

.testimonial-area-v2 .testimonial-slider-two .slick-arrow.prev {

  left: -12%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .testimonial-area-v2 .testimonial-slider-two .slick-arrow.prev {

    left: -5%;

  }

}

.testimonial-area-v2 .testimonial-slider-two .slick-arrow.next {

  right: -12%;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .testimonial-area-v2 .testimonial-slider-two .slick-arrow.next {

    right: -5%;

  }

}

.testimonial-area-v2 .testimonial-item {

  padding-left: 120px;

  position: relative;

}

@media (max-width: 991px) {

  .testimonial-area-v2 .testimonial-item {

    padding-left: 0px;

    padding-top: 120px;

  }

}

.testimonial-area-v2 .testimonial-item .td-thumb {

  position: absolute;

  top: 60px;

  left: 0;

  width: 90px;

  height: 90px;

  border-radius: 50%;

}

@media (max-width: 991px) {

  .testimonial-area-v2 .testimonial-item .td-thumb {

    top: 0;

  }

}

.testimonial-area-v2 .testimonial-item .td-thumb .icon {

  width: 35px;

  height: 35px;

  line-height: 35px;

  border-radius: 50%;

  background-color: #000080;

  color: #fff;

  font-size: 40px;

  font-family: "Gilroy", sans-serif;

  font-weight: 500;

  text-align: center;

  padding-top: 9px;

  padding-right: 12px;

}

.testimonial-area-v2 .testimonial-item .td-content {

  position: relative;

  background-color: #fff1eb;

  padding: 53px 35px 50px;

  border-radius: 10px;

}

.testimonial-area-v2 .testimonial-item .td-content:after {

  position: absolute;

  top: 57px;

  left: 35;

  content: "";

  font-family: "IcoFont";

  font-size: 60px;

  color: rgba(254, 90, 14, 0.25);

}

.testimonial-area-v2 .testimonial-item .td-content:before {

  position: absolute;

  top: 20px;

  left: -10px;

  content: "";

  width: 40px;

  height: 50px;

  border-radius: 5px;

  background-color: #fff1eb;

  transform: skewX(-35deg);

}

@media (max-width: 991px) {

  .testimonial-area-v2 .testimonial-item .td-content:before {

    top: -10px;

    left: 10px;

    transform: skewY(-35deg);

  }

}

.testimonial-area-v2 .testimonial-item .td-content p {

  margin-bottom: 35px;

}

.testimonial-area-v2 .testimonial-item .td-content .td-author-info .td-author h4.title {

  margin-bottom: 10px;

}

.testimonial-area-v2 .testimonial-item .td-content .td-author-info .td-author p.position {

  margin-bottom: 0px;

}

ul.rating li {

  display: inline-block;

}

ul.rating li i {

  color: #fe5a0e;

}



/*---=======================

   End Project css 

===========================---*/

/*---=======================

   09. Start Team css 

===========================---*/

.team-area-v1 .team-item:hover .team-info .team-shape:after {

  background-color: #fff;

}

.team-area-v1 .team-item:hover .team-info .team-member-info .team-content h4, .team-area-v1 .team-item:hover .team-info .team-member-info .team-content p {

  color: #fff;

}

.team-area-v1 .team-item:hover .team-info .team-member-info .team-content p.position:after {

  background-color: #fff;

}

.team-area-v1 .team-item:hover .team-info .team-member-info .team-social .social-link li a {

  border-color: #fff;

  color: #fff;

}

.team-area-v1 .team-item:hover .team-info .team-shape, .team-area-v1 .team-item:hover .team-info .team-member-info {

  background-color: #000080;

}

.team-area-v1 .team-item .team-img img {

  width: 100%;

}

.team-area-v1 .team-item .team-info {

  position: relative;

  width: calc(100% - 40px);

  margin: -90px auto 0 auto;

  background-color: #fff;

  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.06);

}

.team-area-v1 .team-item .team-info .team-shape {

  position: absolute;

  top: -25px;

  left: 0;

  width: 100%;

  height: 50px;

  transform: skewY(7deg);

  background-color: #fff;

  z-index: 1;

}

@media (max-width: 991px) {

  .team-area-v1 .team-item .team-info .team-shape {

    top: -34px;

    height: 63px;

  }

}

.team-area-v1 .team-item .team-info .team-shape:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 5px;

  content: "";

  background-color: #000080;

  transition: all 0.1s ease-out 0s;

}

.team-area-v1 .team-item .team-info .team-member-info {

  position: relative;

  padding: 15px 12px 25px;

  z-index: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .team-area-v1 .team-item .team-info .team-member-info {

    padding: 15px 20px 25px;

  }

}

@media (max-width: 991px) {

  .team-area-v1 .team-item .team-info .team-member-info {

    padding: 15px 20px 25px;

  }

}

.team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li {

  display: block;

  margin-bottom: 10px;

}

.team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li:last-child {

  margin-bottom: 0px;

}

.team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li a {

  display: block;

  width: 37px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  border: 1px solid #c3c3c3;

  border-radius: 50%;

}

.team-area-v1 .team-item .team-info .team-member-info .team-social .social-link li a:hover {

  background-color: #fff;

  border-color: #fff;

  color: #282828;

}

.team-area-v1 .team-item .team-info .team-member-info .team-content {

  margin-left: 5px;

}

.team-area-v1 .team-item .team-info .team-member-info .team-content h4 {

  font-size: 23px;

  margin-bottom: 10px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .team-area-v1 .team-item .team-info .team-member-info .team-content h4 {

    font-size: 17px;

  }

}

@media (max-width: 991px) {

  .team-area-v1 .team-item .team-info .team-member-info .team-content h4 {

    font-size: 17px;

  }

}

.team-area-v1 .team-item .team-info .team-member-info .team-content p.position {

  position: relative;

  padding-bottom: 18px;

}

.team-area-v1 .team-item .team-info .team-member-info .team-content p.position:after {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 65px;

  height: 3px;

  background-color: #282828;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .team-area-v2 .team-column {

    flex: 0 0 50%;

    max-width: 50%;

  }

}

.team-area-v2 .team-item {

  position: relative;

  transition: all 0.3s ease-out 0s;

}

.team-area-v2 .team-item:hover .team-content {

  background-color: #000080;

}

.team-area-v2 .team-item:hover .team-content h3.title, .team-area-v2 .team-item:hover .team-content p {

  color: #fff;

}

.team-area-v2 .team-item:hover .team-content ul.social-link li a {

  border-color: #fff;

  color: #fff;

}

.team-area-v2 .team-item .team-img {

  position: relative;

  z-index: 1;

}

.team-area-v2 .team-item .team-img img {

  width: 100%;

}

.team-area-v2 .team-item .team-img:after {

  position: absolute;

  content: "";

  width: 85%;

  height: 100%;

  border-radius: 10px;

  background-color: #282828;

  bottom: -15px;

  right: 0;

  z-index: -1;

}

.team-area-v2 .team-item .team-img:before {

  position: absolute;

  content: "";

  width: 85%;

  height: 100%;

  border-radius: 10px;

  background-color: #000080;

  top: -10px;

  left: -10px;

  z-index: -1;

}

.team-area-v2 .team-item .team-img img {

  border-radius: 10px;

}

.team-area-v2 .team-item .team-content {

  background-color: #fff;

  margin-left: 15px;

  border-radius: 0 0 10px 10px;

  padding: 25px 25px 25px 45px;

  text-align: center;

  transition: all 0.3s ease-out 0s;

}

.team-area-v2 .team-item .team-content h3.title {

  font-size: 22px;

  line-height: 28px;

  margin-bottom: 5px;

}

.team-area-v2 .team-item .team-content p {

  margin-bottom: 15px;

}

.team-area-v2 .team-item .team-content ul.social-link li {

  margin-left: 5px;

  margin-right: 5px;

}

.team-area-v2 .team-item .team-content ul.social-link li a {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 1px solid #282828;

  width: 37px;

  height: 37px;

  color: #282828;

  transition: all 0.3s ease-out 0s;

}

.team-area-v2 .team-item .team-content ul.social-link li a:hover {

  border-color: transparent;

  background-color: #fff;

  color: #282828;

}



.team-area-v3 .team-item:hover .team-img .team-overlay {

  visibility: visible;

  transform: translate(-50%, -50%) scale(1);

}

.team-area-v3 .team-item .team-img {

  position: relative;

  overflow: hidden;

  width: 270px;

  height: 270px;

  margin: auto;

  margin-bottom: 35px;

}

.team-area-v3 .team-item .team-img img {

  width: 100%;

  border-radius: 50%;

}

.team-area-v3 .team-item .team-img .team-overlay {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) scale(0);

  width: 86%;

  height: 86%;

  background-color: rgba(254, 90, 14, 0.95);

  border-radius: 50%;

  visibility: hidden;

  transition: all 0.3s ease-out 0s;

}

.team-area-v3 .team-item .team-img .team-overlay .overlay-content {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.team-area-v3 .team-item .team-img .team-overlay .overlay-content .icon {

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 50%;

  background-color: #fff;

  color: #282828;

}

.team-area-v3 .team-item .team-content h4 {

  margin-bottom: 15px;

}

.team-area-v3 .team-item .team-content p.position {

  font-weight: 500;

  font-family: "Gilroy", sans-serif;

}

.team-area-v3 .team-arrows .slick-arrow {

  display: inline-block;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 50%;

  border: 1px solid #f3a885;

  color: #f3a885;

  z-index: 1;

  cursor: pointer;

  transition: all 0.3s ease-out 0s;

}

.team-area-v3 .team-arrows .slick-arrow:hover, .team-area-v3 .team-arrows .slick-arrow:focus {

  border-color: #000080;

  color: #000080;

}

.team-area-v3 .team-arrows .slick-arrow.prev {

  margin-right: 20px;

}

.team-area-v3 .button-box .main-btn {

  position: relative;

}

.team-area-v3 .button-box .main-btn:after {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(254, 90, 14, 0.07);

  width: 120%;

  height: 140%;

  border-radius: 52px;

}

.team-area-v3 .button-box .main-btn:before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(254, 90, 14, 0.07);

  width: 140%;

  height: 190%;

  border-radius: 67px;

}



.team-area-v4 .team-wrapper {

  background-color: #000080;

  padding: 95px 145px;

  border-radius: 40px;

  background-position: bottom;

  background-size: 100%;

}

@media (max-width: 991px) {

  .team-area-v4 .team-wrapper {

    padding: 55px 15px;

  }

}

.team-area-v4 .team-item .team-content h4 {

  color: #fff;

}

.team-area-v4 .team-item .team-content p.position {

  color: #ffe5d9;

}

.team-area-v4 .button-box .main-btn {

  position: relative;

  background-color: #fff;

  color: #282828;

}

.team-area-v4 .button-box .main-btn:after {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(255, 255, 255, 0.1);

  width: 120%;

  height: 140%;

  border-radius: 52px;

}

.team-area-v4 .button-box .main-btn:before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(255, 255, 255, 0.1);

  width: 140%;

  height: 190%;

  border-radius: 67px;

}



.team-details-page-section {

  padding-top: 240px;

}

@media (max-width: 991px) {

  .team-details-page-section {

    padding-top: 120px;

  }

}

.team-details-page-section .team-details-wrapper .team-main-content {

  background-color: #f9f9f9;

  margin-left: 60px;

  padding: 60px 60px 25px 60px;

  border: 1px solid #eeeeee;

}

@media (max-width: 991px) {

  .team-details-page-section .team-details-wrapper .team-main-content {

    margin-left: 0px;

    padding: 30px 15px;

  }

}

@media (max-width: 991px) {

  .team-details-page-section .team-details-wrapper .team-main-content .team-img-box {

    margin-bottom: 30px;

  }

}

.team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img {

  margin-left: -110px;

  margin-top: -130px;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img {

    margin: 0;

  }

}

.team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img:after {

  position: absolute;

  top: -50px;

  right: 0;

  content: "";

  width: 190px;

  height: 190px;

  border-radius: 50%;

  background-color: #000080;

  z-index: -1;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img img {

  border: 5px solid #fff;

  border-radius: 2px 85px 2px 2px;

}

@media (max-width: 991px) {

  .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-img img {

    width: 100%;

    margin-bottom: 20px;

  }

}

.team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a {

  display: block;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  border-radius: 50%;

  border: 1px solid #c4c4c4;

  font-size: 12px;

  color: #282828;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a:hover, .team-details-page-section .team-details-wrapper .team-main-content .team-img-box .team-social ul.social-link li a:focus {

  background-color: #000080;

  color: #fff;

  border-color: transparent;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-contnet h4 {

  font-size: 25px;

  margin-bottom: 25px;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list {

  max-width: 300px;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list li {

  position: relative;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list.title li {

  font-weight: 700;

  color: #282828;

}

.team-details-page-section .team-details-wrapper .team-main-content .team-contnet .info-list ul.list.title li:after {

  position: absolute;

  right: 0;

  top: 0;

  content: ":";

}

.team-details-page-section .team-details-wrapper .team-content-box .content-box h4, .team-details-page-section .team-details-wrapper .team-content-box .skill-area h4 {

  font-size: 30px;

  margin-bottom: 28px;

}

.team-details-page-section .team-details-wrapper .team-content-box .content-box p {

  margin-bottom: 12px;

}

.team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title {

  margin-bottom: 15px;

}

.team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title h5 {

  font-size: 15px;

}

.team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress-title h5 span {

  float: right;

}

.team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress {

  height: 5px;

  background-color: #ffeee6;

}

.team-details-page-section .team-details-wrapper .team-content-box .skill-area .single-skill .progress .progress-bar {

  background-color: #000080;

}



/*---=======================

   End Team css 

===========================---*/

/*---=======================

   10. Start Blog css 

===========================---*/

.blog-grid-v1 .blog-post-item {

  position: relative;

}

.blog-grid-v1 .blog-post-item:hover .entry-content {

  background-color: rgba(254, 90, 14, 0);

  border-color: #ffe5d9;

}

.blog-grid-v1 .blog-post-item .post-thumbnail {

  position: relative;

  overflow: hidden;

}

.blog-grid-v1 .blog-post-item .post-thumbnail img {

  width: 100%;

}

.blog-grid-v1 .blog-post-item .post-thumbnail .date {

  position: absolute;

  bottom: 20px;

  left: 40px;

  padding: 8px 18px;

  background-color: #fff;

  font-weight: 600;

  color: #000080;

  line-height: 19px;

  border-radius: 18px;

}

.blog-grid-v1 .blog-post-item .entry-content {

  background-color: #fff;

  border-radius: 5px;

  padding: 30px 35px 40px;

  border-radius: 5px;

  box-shadow: 0px 15px 40px 0px rgba(255, 122, 118, 0.1);

  border: 2px solid #fff;

  transition: all 0.3s ease-out 0s;

}

.blog-grid-v1 .blog-post-item .entry-content h3.title {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 20px;

  transition: all 0.3s ease-out 0s;

}

.blog-grid-v1 .blog-post-item .entry-content h3.title:hover, .blog-grid-v1 .blog-post-item .entry-content h3.title:focus {

  color: #000080;

}

.blog-grid-v1 .blog-post-item .entry-content p {

  margin-bottom: 35px;

}



.blog-grid-v2 .blog-title-wrapper {

  padding: 55px 40px 70px;

  border-radius: 5px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .blog-grid-v2 .blog-title-wrapper {

    padding: 55px 50px 70px;

  }

}

@media (max-width: 991px) {

  .blog-grid-v2 .blog-title-wrapper {

    margin-bottom: 60px;

  }

}

.blog-grid-v2 .blog-title-wrapper .section-title h3 {

  margin-bottom: 30px;

}

.blog-grid-v2 .blog-title-wrapper .section-title p {

  color: #fff;

  margin-bottom: 37px;

}

.blog-grid-v2 .blog-title-wrapper .blog-arrows-two {

  margin-top: 30px;

}

.blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow {

  position: relative;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  border-radius: 50%;

  border: 2px solid #fff;

  color: #fff;

  display: inline-block;

  cursor: pointer;

  z-index: 1;

  transition: all 0.3s ease-out 0s;

}

.blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow:hover {

  background-color: #fff;

  color: #282828;

  border-color: transparent;

}

.blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow.prev {

  margin-right: 50px;

}

.blog-grid-v2 .blog-title-wrapper .blog-arrows-two .slick-arrow.prev:after {

  position: absolute;

  top: 0;

  right: -50%;

  display: inline-block;

  content: "";

  width: 4px;

  height: 100%;

  background-color: #fff;

  border-radius: 2px;

}

.blog-grid-v2 .blog-post-item .post-thumbnail img {

  width: 100%;

  border-radius: 5px 5px 0 0;

}

.blog-grid-v2 .blog-post-item .entry-content {

  background-color: #fff;

  padding: 20px 35px 30px;

  border-radius: 0 0 5px 5px;

}

.blog-grid-v2 .blog-post-item .entry-content .post-meta {

  margin-bottom: 5px;

}

.blog-grid-v2 .blog-post-item .entry-content .post-meta ul li:last-child:after {

  display: none;

}

.blog-grid-v2 .blog-post-item .entry-content .post-meta ul li:after {

  display: inline-block;

  content: "/";

  margin-left: 5px;

  margin-right: 2px;

  color: #000080;

}

.blog-grid-v2 .blog-post-item .entry-content .post-meta ul li span {

  font-size: 14px;

  font-weight: 500;

  font-family: "Gilroy", sans-serif;

  color: #000080;

}

.blog-grid-v2 .blog-post-item .entry-content h3.title {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 6px;

}

.blog-grid-v2 .blog-post-item .entry-content p {

  margin-bottom: 15px;

}

.blog-grid-v2 .blog-post-item .entry-content .main-btn {

  font-weight: 600;

  font-size: 15px;

  border-radius: 20px;

  padding: 6px 16px;

}



/*  blog-standard-section  */

.blog-standard-section .blog-post-item .entry-content {

  padding: 31px 50px 40px;

  border: 1px solid #eeeeee;

  border-top: none;

  background-color: #fff;

  box-shadow: 0px 6px 20px 0px rgba(254, 90, 14, 0.03);

}

@media (max-width: 991px) {

  .blog-standard-section .blog-post-item .entry-content {

    padding: 31px 15px 40px;

  }

}

.blog-standard-section .blog-post-item .entry-content h3.title {

  margin-bottom: 18px;

  transition: all 0.3s ease-out 0s;

}

.blog-standard-section .blog-post-item .entry-content h3.title:hover, .blog-standard-section .blog-post-item .entry-content h3.title:focus {

  color: #000080;

}

@media (max-width: 991px) {

  .blog-standard-section .blog-post-item .entry-content h3.title {

    font-size: 26px;

    line-height: 36px;

  }

}

.blog-standard-section .blog-post-item .entry-content p {

  margin-bottom: 25px;

}

.blog-standard-section .blog-post-item .entry-content .main-btn {

  border-radius: 2px;

  padding: 12px 20px;

  text-transform: capitalize;

}



/*  Post Thumbnail  */

.post-thumbnail img {

  border-radius: 2px;

}



/*  Post Meta  */

.post-meta ul li {

  display: inline-block;

}



.post-meta {

  margin-bottom: 16px;

}

@media (max-width: 767px) {

  .post-meta {

    flex-direction: column;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .post-meta {

    flex-direction: inherit;

  }

}

.post-meta ul.meta-link li {

  display: inline-block;

  padding-right: 58px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .post-meta ul.meta-link li {

    padding-right: 5px;

  }

}

@media (max-width: 991px) {

  .post-meta ul.meta-link li {

    padding-right: 10px;

  }

}

.post-meta ul.meta-link li span i {

  margin-right: 15px;

  color: #000080;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .post-meta ul.meta-link li span i {

    margin-right: 5px;

  }

}

@media (max-width: 991px) {

  .post-meta ul.meta-link li span i {

    margin-right: 5px;

  }

}

.post-meta ul.meta-link li span:hover, .post-meta ul.meta-link li span:focus {

  color: #000080;

}

.post-meta ul.social-link {

  float: right;

}

@media (max-width: 400px) {

  .post-meta ul.social-link {

    float: none;

  }

}

.post-meta ul.social-link li {

  margin-left: 5px;

}

@media (max-width: 767px) {

  .post-meta ul.social-link li {

    margin-left: 0;

  }

}

.post-meta ul.social-link li span {

  padding-right: 10px;

}

.post-meta ul.social-link li a:hover, .post-meta ul.social-link li a:focus {

  color: #000080;

}



/*  Blog-details-section  */

.blog-details-section .post-thumbnail {

  margin-bottom: 32px;

}

.blog-details-section .entry-content {

  margin-bottom: 55px;

}

.blog-details-section .entry-content h3.title {

  margin-bottom: 15px;

}

.blog-details-section .entry-content p {

  margin-bottom: 20px;

}

.blog-details-section .entry-content .content-box {

  background-color: #b9e1ff;

  padding: 40px 45px 25px;

  border-radius: 10px;

  margin-bottom: 30px;

}

.blog-details-section .entry-content .content-box h4 {

  font-size: 25px;

  line-height: 35px;

  margin-bottom: 16px;

}

.blog-details-section .entry-content .content-box p {

  margin-bottom: 15px;

}

.blog-details-section .post-share-tag {

  background-color: #b9e1ff;

}

.blog-details-section .admin-box {

  background-color: #fff3ed;

  display: flex;

  padding: 40px 30px;

}

@media (max-width: 991px) {

  .blog-details-section .admin-box {

    flex-direction: column;

  }

}

.blog-details-section .admin-box .admin-img {

  min-width: 190px;

  max-width: 190px;

  height: 190px;

}

.blog-details-section .admin-box .admin-img img {

  width: 100%;

  border-radius: 50%;

}

.blog-details-section .admin-box .admin-info {

  margin-left: 40px;

}

@media (max-width: 991px) {

  .blog-details-section .admin-box .admin-info {

    margin-left: 0px;

    margin-top: 30px;

  }

}

.blog-details-section .admin-box .admin-info h4 {

  font-size: 25px;

  margin-bottom: 5px;

}

.blog-details-section .admin-box .admin-info p.position {

  margin-bottom: 12px;

}

.blog-details-section .related-post h4.title {

  margin-bottom: 20px;

}

.blog-details-section .related-post .blog-post-item:hover .post-thumbnail .post-overlay {

  visibility: visible;

  opacity: 1;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail {

  position: relative;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail img {

  width: 100%;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 80%;

  height: 86%;

  background-color: rgba(254, 90, 14, 0.95);

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content .main-btn {

  padding: 11px 16px;

  background-color: #fff;

  color: #282828;

  border-radius: 2px;

}

.blog-details-section .related-post .blog-post-item .post-thumbnail .post-overlay .post-content .main-btn:after {

  display: none;

}

.blog-details-section .comments-area h4.comments-title {

  margin-bottom: 20px;

}

.blog-details-section .comments-area ul.comments-list li.comment {

  display: flex;

  padding: 20px 25px 15px;

  border: 1px solid #e8e8e8;

  margin-bottom: 20px;

}

@media (max-width: 767px) {

  .blog-details-section .comments-area ul.comments-list li.comment {

    flex-direction: column;

  }

}

.blog-details-section .comments-area ul.comments-list li.comment:nth-child(even) {

  margin-left: 70px;

}

@media (max-width: 767px) {

  .blog-details-section .comments-area ul.comments-list li.comment:nth-child(even):nth-child(even) {

    margin-left: 0px;

  }

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-avatar {

  min-width: 100px;

  max-width: 100px;

  height: 100px;

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-avatar img {

  max-width: 100%;

  border-radius: 50%;

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-wrap {

  margin-left: 30px;

}

@media (max-width: 767px) {

  .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap {

    margin-top: 30px;

    margin-left: 0px;

  }

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content {

  position: relative;

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.author-name {

  font-size: 22px;

  font-weight: 700;

  color: #282828;

  font-family: "Gilroy", sans-serif;

  display: block;

  margin-bottom: 5px;

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content span.date {

  margin-bottom: 15px;

}

.blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content a.reply {

  position: absolute;

  top: 0;

  right: 0;

  padding: 6px 35px;

  background-color: #000080;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  border-radius: 2px;

}

@media (max-width: 767px) {

  .blog-details-section .comments-area ul.comments-list li.comment .comment-wrap .comment-author-content a.reply {

    position: relative;

    top: auto;

    right: auto;

    margin-top: 20px;

  }

}

.blog-details-section .comments-respond {

  background-color: #b9e1ff;

  padding: 55px 50px 60px;

  border-radius: 2px;

}

@media (max-width: 991px) {

  .blog-details-section .comments-respond {

    padding: 55px 15px 60px;

  }

}

.blog-details-section .comments-respond h4.comments-heading {

  margin-bottom: 20px;

}

.blog-details-section .comments-respond form .form_group .form_control {

  border: none;

  height: 60px;

  border-radius: 2px;

  border: 1px solid #fff;

}

.blog-details-section .comments-respond form .form_group .form_control:focus {

  border-color: #000080;

}

.blog-details-section .comments-respond form .form_group textarea.form_control {

  height: 240px;

}

.blog-details-section .comments-respond form .main-btn {

  border-radius: 2px;

  padding: 14px 35px;

}



/* Sidebar-widget-area */

.sidebar-widget-area {

  margin-left: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area {

    margin-left: 0px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area {

    margin-left: 0px;

  }

}

.sidebar-widget-area .widget {

  background-color: #f9f9f9;

  padding: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget {

    padding: 20px 15px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget {

    padding: 20px 15px;

  }

}

.sidebar-widget-area .widget h4.widget-title {

  margin-bottom: 25px;

}

.sidebar-widget-area .widget.widget-search {

  padding: 0px;

  background-color: transparent;

}

.sidebar-widget-area .widget.widget-search .form_group .form_control {

  border: 1px solid #e8e8e8;

  height: 60px;

}

.sidebar-widget-area .widget.widget-search .form_group .search-icon {

  position: absolute;

  top: 17px;

  right: 20px;

  background-color: transparent;

}

.sidebar-widget-area .widget.widget-catageory ul.categeory-link li {

  margin-bottom: 10px;

}

.sidebar-widget-area .widget.widget-catageory ul.categeory-link li:last-child {

  margin-bottom: 0px;

}

.sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {

  display: block;

  background-color: #fff;

  border: 1px solid #e8e8e8;

  border-radius: 2px;

  padding: 10px 20px;

}

.sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:hover, .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a:focus {

  border-color: #000080;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {

    font-size: 14px;

    padding: 10px 15px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget.widget-catageory ul.categeory-link li a {

    font-size: 14px;

    padding: 10px 15px;

  }

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content {

  margin-bottom: 50px;



  display: flex;

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content:last-child {

  margin-bottom: 0px;

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content img {

  width: 80px;

  height: 80px;

  border-radius: 2px;

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {

  margin-left: 30px;

  margin-top: -8px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {

    margin-left: 15px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date {

    margin-left: 15px;

  }

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6 {

  font: 19px;

  font-weight: 600;

  line-height: 28px;

  margin-bottom: 5px;

  transition: all 0.3s ease-out 0s;

}

.sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:hover, .sidebar-widget-area .widget.widget-recent-post ul.recent-post-widget li.post-thumbnail-content .post-title-date h6:focus {

  color: #000080;

}

.sidebar-widget-area .widget.widget-tag-cloud {

  padding-bottom: 30px;

}

.sidebar-widget-area .widget.widget-tag-cloud a {

  display: inline-block;

  background-color: #fff;

  border: 1px solid #e8e8e8;

  border-radius: 2px;

  padding: 7px 25px;

  margin-right: 5px;

  margin-bottom: 10px;

}

.sidebar-widget-area .widget.widget-tag-cloud a:hover, .sidebar-widget-area .widget.widget-tag-cloud a:focus {

  border-color: #000080;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget.widget-tag-cloud a {

    font-size: 14px;

    padding: 7px 15px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget.widget-tag-cloud a {

    font-size: 14px;

    padding: 7px 15px;

  }

}

.sidebar-widget-area .widget.widget-cta {

  padding: 0px;

  background-color: transparent;

}

.sidebar-widget-area .widget.widget-cta .cta-content {

  position: relative;

  z-index: 1;

  padding: 40px;

}

.sidebar-widget-area .widget.widget-cta .cta-content:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  z-index: -1;

  background-color: rgba(254, 90, 14, 0.95);

}

.sidebar-widget-area .widget.widget-cta .cta-content h3 {

  color: #fff;

  margin-bottom: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget.widget-cta .cta-content h3 {

    font-size: 26px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget.widget-cta .cta-content h3 {

    font-size: 26px;

  }

}

.sidebar-widget-area .widget.widget-cta .cta-content i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 105px;

  height: 105px;

  font-size: 36px;

  color: #000080;

  border-radius: 50%;

  background-color: #fff;

  margin: auto;

  margin-bottom: 30px;

}

.sidebar-widget-area .widget.widget-cta .cta-content h4.call {

  font-size: 32px;

  color: #fff;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-widget-area .widget.widget-cta .cta-content h4.call {

    font-size: 24px;

  }

}

@media (max-width: 991px) {

  .sidebar-widget-area .widget.widget-cta .cta-content h4.call {

    font-size: 24px;

  }

}



/* Pagination */

.induxter-pagination ul li {

  display: inline-block;

  margin-right: 5px;

}

.induxter-pagination ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid #f9d0bc;

  width: 64px;

  height: 64px;

  border-radius: 50%;

  font-weight: 700;

}

.induxter-pagination ul li a:hover, .induxter-pagination ul li a:focus, .induxter-pagination ul li a.active {

  background-color: #000080;

  color: #fff;

  border-color: transparent;

}



/* Blockquote */

.blockquote {

  background-color: #b9e1ff;

  padding: 25px 40px;

  border-radius: 10px;

  margin-bottom: 30px;

}

.blockquote p {

  font-size: 15px;

  color: #282828;

  font-weight: 700;

  padding-left: 35px;

  border-left: 3px solid #000080;

  margin-bottom: 0px;

}



/*---=======================

   End Blog css 

===========================---*/

/*---=======================

   11. Start Contact css 

===========================---*/

.contact-page-section {

  /*margin-bottom: -350px;*/

  

      background-color: #000080;

  

}

.contact-page-section .contact-info-list .info-box .icon i {

  color: #000080;

  font-size: 50px;

}

@media (max-width: 991px) {

  .contact-page-section .contact-info-list .info-box .icon i {

    font: 26px;

  }

}

.contact-page-section .contact-info-list .info-box .info {

  margin-left: 45px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .contact-page-section .contact-info-list .info-box .info {

    margin-left: 30px;

  }

}

@media (max-width: 991px) {

  .contact-page-section .contact-info-list .info-box .info {

    margin-left: 20px;

  }

}

.contact-page-section .contact-info-list .info-box .info h4 {

  font-size: 25px;

}

.contact-page-section .contact-info-list .info-box .info p {

  font-size: 20px;

  line-height: 35px;

}

@media (max-width: 991px) {

  .contact-page-section .contact-info-list .info-box .info p {

    font-size: 16px;

    line-height: 28px;

  }

}

.contact-page-section .contact-form-wrapper {

  background-color: #e2e2ff;

  box-shadow: 0px 20px 30px 0px rgba(40, 40, 40, 0.08);

  padding: 45px 70px 60px;

}

@media (max-width: 991px) {

  .contact-page-section .contact-form-wrapper {

    padding: 20px 30px;

  }

}

.contact-page-section .contact-form-wrapper .contact-form .form_group .form_control {

  margin-bottom: 20px;

  border: 1px solid #eeeeee;

  background-color: #fff;

  border-radius: 2px;

}

.contact-page-section .contact-form-wrapper .contact-form .form_group .form_control:focus {

  border-color: #000080;

}

.contact-page-section .contact-form-wrapper .contact-form .form_group textarea.form_control {

  height: 240px;

}



.contact-home-section {

  margin-bottom: 0px;

}



/*--- Contact map css ---*/

.contact-map-section .map_box iframe {

  width: 100%;

  height: 700px;

  display: inherit;

  border: none;

}



/*---=======================

    End Contact css 

===========================---*/

/*---=======================

   12. Start Footer css 

===========================---*/

.footer-area .footer-widget {

  padding-top: 130px;

}

.footer-area .footer-widget .widget h4.widget-title {

  color:#ffdf00;

  margin-bottom: 9px;

    font-size: 18px;

	/*width:300px;*/

}

.footer-area .footer-widget .widget p {

  color: #e1e1e1;

  margin-bottom: 30px;

  width: 290px;

}

}

.footer-area .footer-widget .widget.about-widget img {

  margin-bottom: 40px;

  margin-top: -14px;

}

.footer-area .footer-widget .widget.about-widget p {

  margin-bottom: 35px;

}

.footer-area .footer-widget .widget.about-widget ul.social-link li {

  margin-right: 5px;

}

.footer-area .footer-widget .widget.about-widget ul.social-link li a {

  width: 37px;

  height: 37px;

  display: block;

  line-height: 37px;

  text-align: center;

  border: 1px solid #d9d9d9;

  border-radius: 50%;

  font-size: 12px;

  color: #fff;

  transition: all 0.3s ease-out 0s;

}

.footer-area .footer-widget .widget.about-widget ul.social-link li a:hover, .footer-area .footer-widget .widget.about-widget ul.social-link li a:focus {

  background-color: #000080;

  color: #fff;

  border-color: transparent;

}

.footer-area .footer-widget .widget.widget-categories {

  /*padding-left: 70px;*/

  padding-left: 20px;

    width: 370px;

 

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .footer-area .footer-widget .widget.widget-categories {

    padding-left: 0px;

  }

}

@media (max-width: 991px) {

  .footer-area .footer-widget .widget.widget-categories {

    padding-left: 0px;

  }

}

.footer-area .footer-widget .widget.widget-categories ul.widget-link li {

  padding-bottom: 10px;

}

.footer-area .footer-widget .widget.widget-categories ul.widget-link li a {

  color: #e1e1e1;

}

.footer-area .footer-widget .widget.newsletter-widget .newsletter-form .form_group .form_control {

  background-color: #fff;

  border: none;

  height: 55px;

  border-radius: 5px;

}

.footer-area .footer-widget .widget.newsletter-widget .newsletter-form .form_group .newsletter-btn {

  position: absolute;

  top: 0;

  right: 0;

  width: 55px;

  height: 55px;

  text-align: center;

  line-height: 55px;

  background-color: #000080;

  color: #fff;

  border-radius: 5px;

}

.footer-area .footer-widget .widget.newsletter-widget .newsletter-info h5 {

  color: #fff;

  margin-bottom: 8px;

}

.footer-area .footer-widget .widget.newsletter-widget .newsletter-info p {

  color: #e1e1e1;

}

.footer-area .footer-widget .widget.instragram-widget {

  padding-left: 70px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .footer-area .footer-widget .widget.instragram-widget {

    padding-left: 0px;

  }

}

@media (max-width: 991px) {

  .footer-area .footer-widget .widget.instragram-widget {

    padding-left: 0px;

  }

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin-left: -4px;

  margin-right: -4px;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li {

  padding-left: 4px;

  padding-right: 4px;

  flex: 0 0 33.33%;

  margin-bottom: 10px;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a {

  position: relative;

  display: block;

  overflow: hidden;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a:hover .insta-overlay {

  visibility: visible;

  opacity: 1;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a img {

  width: 100%;

  border-radius: 5px;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a .insta-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000080;

  display: flex;

  align-items: center;

  justify-content: center;

  visibility: hidden;

  border-radius: 5px;

  opacity: 0;

  transition: all 0.3s ease-out 0s;

}

.footer-area .footer-widget .widget.instragram-widget ul.instagram-list li a .insta-overlay i {

  color: #fff;

}

.footer-area .copyright-area {

  background-color: #08abf0;

  padding: 16px 0 21px;

}

.footer-area .copyright-area .copyright-text p {

  color: #f0efef;

}

.footer-area .copyright-area .copyright-text p span {

  color: #ffdf00;

}



.footer-area-v1 {

  background-color: #282828;

}



.footer-area-v2 {

  background-color: #fff;

}

.footer-area-v2 .footer-widget .widget h4.widget-title {

  color: #282828;

}

.footer-area-v2 .footer-widget .widget p {

  color: #626262;

}

.footer-area-v2 .footer-widget .widget.about-widget ul.social-link li a {

  border-color: #282828;

  color: #282828;

}

.footer-area-v2 .footer-widget .widget.widget-categories ul.widget-link li a {

  color: #626262;

}

.footer-area-v2 .footer-widget .widget.newsletter-widget .newsletter-info h5 {

  color: #282828;

}

.footer-area-v2 .footer-widget .widget.newsletter-widget .newsletter-info p {

  color: #626262;

}

.footer-area-v2 .footer-top .main-wrapper {

  position: relative;

  padding: 65px 85px 70px;

  z-index: 1;

  border-radius: 15px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .footer-area-v2 .footer-top .main-wrapper {

    padding: 65px 15px 70px;

  }

}

.footer-area-v2 .footer-top .main-wrapper:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(249, 88, 14, 0.9);

  z-index: -1;

}

@media (max-width: 991px) {

  .footer-area-v2 .footer-top .info-box {

    margin-bottom: 30px;

  }

}

.footer-area-v2 .footer-top .info-box .icon i {

  width: 60px;

  height: 60px;

  font-size: 60px;

  line-height: 1;

  color: #fff;

}

.footer-area-v2 .footer-top .info-box .info {

  margin-left: 35px;

}

.footer-area-v2 .footer-top .info-box .info h4 {

  color: #fff;

  font-size: 25px;

  margin-bottom: 15px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .footer-area-v2 .footer-top .info-box .info h4 {

    font-size: 18px;

  }

}

@media (max-width: 991px) {

  .footer-area-v2 .footer-top .info-box .info h4 {

    font-size: 18px;

  }

}

.footer-area-v2 .footer-top .info-box .info p {

  font-size: 22px;

  color: #ffe5d9;

  line-height: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .footer-area-v2 .footer-top .info-box .info p {

    font-size: 16px;

    line-height: 28px;

  }
  .flip-box
  {
  width:100% !important;
  }
  
  .flip-box-inner
  
   {
  width:100% !important;
  }
  
  .flip-box-front
  
 {
  width:100% !important;
  }
  
  .flip-box-back
  {
  width:100% !important;
  }
  
  .rotate-box
   {
  width:100% !important;
  }
  .rotate-box-inner
  
   {
  width:100% !important;
  }
  
   .rotate-box-front
  
 {
  width:100% !important;
  }
  
   .rotate-box-back
  {
  width:100% !important;
  }
  
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.responsive-tradingview-container {
    width: 100%; /* Full width on all screens */
    height: 400px; /* Default height for larger screens */
    /* Add padding/margins as needed */
}
}

@media (max-width: 991px) {

  .footer-area-v2 .footer-top .info-box .info p {

    font-size: 16px;

    line-height: 28px;

  }
  
   .flip-box
  {
  width:100% !important;
  }
  
  .flip-box-inner
  
   {
  width:100% !important;
  }
  
  .flip-box-front
  
 {
  width:100% !important;
  }
  
  .flip-box-back
  {
  width:100% !important;
  }
  
  .rotate-box
   {
  width:100% !important;
  }
  .rotate-box-inner
  
   {
  width:100% !important;
  }
  
   .rotate-box-front
  
 {
  width:100% !important;
  }
  
   .rotate-box-back
  {
  width:100% !important;
  }
.responsive-iframe {
   width: 100%;
 
}

.responsive-tradingview-container {
    width: 100%; /* Full width on all screens */
    height: 400px; /* Default height for larger screens */
    /* Add padding/margins as needed */
}
  
}

.brand-logo {
    width: 550px;
}

/*---=======================

   End Footer css 

===========================---*/

/*# sourceMappingURL=style.css.map */