/* =========================================================
   KV CUSTOM BRANDED SCROLLBAR UI
   ========================================================= */
html {
  scrollbar-width: thin;
  scrollbar-color: #1664c0 #f1f5f9;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1664c0 0%, #034ea2 100%);
  border-radius: 8px;
  border: 2px solid #f1f5f9;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #85c815 0%, #72ad10 100%);
}

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

Template Name: Clenix HTML Template
Template URL: http://www.radiustheme.com/demo/html/clenix/
Description: Cleaning Company & Cleaning Services HTML Template
Author: RadiusTheme
Author URL: http://www.radiustheme.com 
Version: 1.0 

===================   
CSS INDEX
===================
1. Typography
2. Bootstrap Overwrite
    2.1 Form
    2.2 Grid
    2.3 Media Object
3. Vendor Custom Style 
    3.1 Nivo Slider
    3.2 Owl Carousel Nav Style
    3.3 Select 2 Style
4. Template Layout Style
    4.1 Content
    4.2 Footer
    4.3 Global
    4.4 Header Menu
    4.5 Section Heading
    4.6 Pagination
    4.7 Widget
5. Template Page Style
    5.1 About Us
    5.2 Banner
    5.3 Blog
    5.4 Brand
    5.5 Call To Action
    5.6 Coming Soon
    5.7 Contact Page
    5.8 Error Page
    5.9 Faq Page
    5.10 Pricing Table
    5.11 Process
    5.12 Progress
    5.13 Project
    5.14 Service
    5.15 Shop Page
    5.16 Team
    5.17 Testimonial
    5.18 Why Choose Us
6. Helper Classes
    6.1 Background
    6.2 Border
    6.3 Margin
    6.4 Misc
    6.5 Padding
    6.6 Text 

/*=======================================================================
1. Typography 
=========================================================================*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900|Poppins:300,400,500,600,700,800,900);

html {
  height: 100%;
  font-size: 62.5%;
}

@media only screen and (max-width: 1199px) {
  html {
    font-size: 60%;
  }
}

@media only screen and (max-width: 991px) {
  html {
    font-size: 55%;
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: 50%;
  }
}

@media only screen and (max-width: 479px) {
  html {
    font-size: 45%;
  }
}

@media only screen and (max-width: 320px) {
  html {
    font-size: 40%;
  }
}

body {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  height: 100%;
  line-height: 30px;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #646464;
  background-color: #ffffff;
}

p {
  margin: 0 0 2rem 0;
  color: #646464;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 2rem 0;
  color: #14287b;
}

h1,
h2 {
  line-height: 48px;
}

h3,
h4,
h5 {
  line-height: 30px;
}

h1 {
  font-size: 40px;
}

@media only screen and (max-width: 1199px) {
  h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 28px;
  }
}

h2 {
  font-size: 27px;
}

@media only screen and (max-width: 1199px) {
  h2 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 991px) {
  h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 15px;
  }
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

/*=======================================================================
2. Bootstrap Overwrite
=========================================================================*/
/*------------------- 2.1 Form -------------------*/
.form-group {
  position: relative;
}

.form-group .form-control {
  font-size: 16px;
  color: #646464;
  padding: 10px 15px;
  border: none;
}

.form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}

.form-group input {
  height: 50px;
}

.form-group:last-child {
  margin-bottom: 0;
}

.form-group.datetime-picker i {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*------------------- 2.2 Grid -------------------*/
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.gutters-1 {
  padding-left: 14.5px;
  padding-right: 14.5px;
}

.row.gutters-1>[class^="col-"] {
  padding-left: 0.5px;
  padding-right: 0.5px;
}

.row.gutters-2 {
  padding-left: 14px;
  padding-right: 14px;
}

.row.gutters-2>[class^="col-"] {
  padding-left: 1px;
  padding-right: 1px;
}

.row.gutters-3 {
  padding-left: 13.5px;
  padding-right: 13.5px;
}

.row.gutters-3>[class^="col-"] {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.row.gutters-4 {
  padding-left: 13px;
  padding-right: 13px;
}

.row.gutters-4>[class^="col-"] {
  padding-left: 2px;
  padding-right: 2px;
}

.row.gutters-5 {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.row.gutters-5>[class^="col-"] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.row.gutters-6 {
  padding-left: 12px;
  padding-right: 12px;
}

.row.gutters-6>[class^="col-"] {
  padding-left: 3px;
  padding-right: 3px;
}

.row.gutters-7 {
  padding-left: 11.5px;
  padding-right: 11.5px;
}

.row.gutters-7>[class^="col-"] {
  padding-left: 3.5px;
  padding-right: 3.5px;
}

.row.gutters-8 {
  padding-left: 11px;
  padding-right: 11px;
}

.row.gutters-8>[class^="col-"] {
  padding-left: 4px;
  padding-right: 4px;
}

.row.gutters-9 {
  padding-left: 10.5px;
  padding-right: 10.5px;
}

.row.gutters-9>[class^="col-"] {
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.row.gutters-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.row.gutters-10>[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.row.gutters-11 {
  padding-left: 9.5px;
  padding-right: 9.5px;
}

.row.gutters-11>[class^="col-"] {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.row.gutters-12 {
  padding-left: 9px;
  padding-right: 9px;
}

.row.gutters-12>[class^="col-"] {
  padding-left: 6px;
  padding-right: 6px;
}

.row.gutters-13 {
  padding-left: 8.5px;
  padding-right: 8.5px;
}

.row.gutters-13>[class^="col-"] {
  padding-left: 6.5px;
  padding-right: 6.5px;
}

.row.gutters-14 {
  padding-left: 8px;
  padding-right: 8px;
}

.row.gutters-14>[class^="col-"] {
  padding-left: 7px;
  padding-right: 7px;
}

.row.gutters-15 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row.gutters-15>[class^="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row.gutters-20 {
  padding-left: 5px;
  padding-right: 5px;
}

.row.gutters-20>[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

.row.gutters-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.row.gutters-40>[class^="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 575px) {
  .row.gutters-40 {
    margin-left: 0;
    margin-right: 0;
  }

  .row.gutters-40>[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.row.gutters-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.row.gutters-50>[class^="col-"] {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 575px) {
  .row.gutters-50 {
    margin-left: 0;
    margin-right: 0;
  }

  .row.gutters-50>[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*------------------- 2.3 Media Object -------------------*/
.media-body {
  margin-left: 3rem;
}

.media-body.mg-right {
  margin-left: 0;
  margin-right: 3rem;
}

.media-body.space-xl {
  margin-left: 50px;
}

.media-body.space-lg {
  margin-left: 40px;
}

.media-body.space-md {
  margin-left: 20px;
}

.media-body.space-sm {
  margin-left: 15px;
}

.media-body.space-xs {
  margin-left: 10px;
}

.media-body.media-body-box {
  padding: 20px 20px 20px 3rem;
  margin-left: 0;
}

.media-body.media-body-box p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .media-none--lg {
    display: block;
  }

  .media-none--lg>div {
    width: 100%;
  }

  .media-none--lg img {
    width: 100%;
  }

  .media-none--lg img.media-img-auto {
    width: auto;
  }

  .media-none--lg .media-body,
  .media-none--lg .media-body.space-xl,
  .media-none--lg .media-body.space-lg,
  .media-none--lg .media-body.space-md,
  .media-none--lg .media-body.space-sm,
  .media-none--lg .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none--lg .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .media-none--md {
    display: block;
  }

  .media-none--md>div {
    width: 100%;
  }

  .media-none--md img {
    width: 100%;
  }

  .media-none--md img.media-img-auto {
    width: auto;
  }

  .media-none--md .media-body,
  .media-none--md .media-body.space-xl,
  .media-none--md .media-body.space-lg,
  .media-none--md .media-body.space-md,
  .media-none--md .media-body.space-sm,
  .media-none--md .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none--md .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .media-none--sm {
    display: block;
  }

  .media-none--sm>div {
    width: 100%;
  }

  .media-none--sm img {
    width: 100%;
  }

  .media-none--sm img.media-img-auto {
    width: auto;
  }

  .media-none--sm .media-body,
  .media-none--sm .media-body.space-xl,
  .media-none--sm .media-body.space-lg,
  .media-none--sm .media-body.space-md,
  .media-none--sm .media-body.space-sm,
  .media-none--sm .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none--sm .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media only screen and (max-width: 575px) {
  .media-none--xs {
    display: block;
  }

  .media-none--xs>div {
    width: 100%;
  }

  .media-none--xs img {
    width: 100%;
  }

  .media-none--xs img.media-img-auto {
    width: auto;
  }

  .media-none--xs .media-body,
  .media-none--xs .media-body.space-xl,
  .media-none--xs .media-body.space-lg,
  .media-none--xs .media-body.space-md,
  .media-none--xs .media-body.space-sm,
  .media-none--xs .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none--xs .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media only screen and (max-width: 479px) {
  .media-none-mb {
    display: block;
  }

  .media-none-mb>div {
    width: 100%;
  }

  .media-none-mb img {
    width: 100%;
  }

  .media-none-mb img.media-img-auto {
    width: auto;
  }

  .media-none-mb .media-body,
  .media-none-mb .media-body.space-xl,
  .media-none-mb .media-body.space-lg,
  .media-none-mb .media-body.space-md,
  .media-none-mb .media-body.space-sm,
  .media-none-mb .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none-mb .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .media-none-lg {
    display: block;
  }

  .media-none-lg>div {
    width: 100%;
  }

  .media-none-lg img {
    width: 100%;
  }

  .media-none-lg img.media-img-auto {
    width: auto;
  }

  .media-none-lg .media-body,
  .media-none-lg .media-body.space-xl,
  .media-none-lg .media-body.space-lg,
  .media-none-lg .media-body.space-md,
  .media-none-lg .media-body.space-sm,
  .media-none-lg .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none-lg .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .media-none-md {
    display: block;
  }

  .media-none-md>div {
    width: 100%;
  }

  .media-none-md img {
    width: 100%;
  }

  .media-none-md img.media-img-auto {
    width: auto;
  }

  .media-none-md .media-body,
  .media-none-md .media-body.space-xl,
  .media-none-md .media-body.space-lg,
  .media-none-md .media-body.space-md,
  .media-none-md .media-body.space-sm,
  .media-none-md .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none-md .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .media-none-sm {
    display: block;
  }

  .media-none-sm>div {
    width: 100%;
  }

  .media-none-sm img {
    width: 100%;
  }

  .media-none-sm img.media-img-auto {
    width: auto;
  }

  .media-none-sm .media-body,
  .media-none-sm .media-body.space-xl,
  .media-none-sm .media-body.space-lg,
  .media-none-sm .media-body.space-md,
  .media-none-sm .media-body.space-sm,
  .media-none-sm .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none-sm .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

@media (min-width: 480px) and (max-width: 575px) {
  .media-none-xs {
    display: block;
  }

  .media-none-xs>div {
    width: 100%;
  }

  .media-none-xs img {
    width: 100%;
  }

  .media-none-xs img.media-img-auto {
    width: auto;
  }

  .media-none-xs .media-body,
  .media-none-xs .media-body.space-xl,
  .media-none-xs .media-body.space-lg,
  .media-none-xs .media-body.space-md,
  .media-none-xs .media-body.space-sm,
  .media-none-xs .media-body.space-xs {
    margin-top: 20px;
    margin-left: 0;
  }

  .media-none-xs .media-body.media-body-box {
    margin-top: 0;
    margin-left: 0;
    padding: 3rem;
  }
}

/*=======================================================================
3. Vendor Custom Style
=========================================================================*/
/*------------------- 3.1 Nivo Slider -------------------*/
.slider-area {
  position: relative;
}

.slider-area .nivo-controlNav {
  display: none;
}

.slider-area .nivo-directionNav a {
  z-index: 12;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .slider-area .nivo-directionNav a {
    visibility: hidden;
    opacity: 0;
  }
}

.slider-area .nivo-directionNav a.nivo-prevNav {
  left: 10%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #111111;
  font-size: 0;
  transition: all 0.5s ease-out;
}

@media only screen and (max-width: 1440px) {
  .slider-area .nivo-directionNav a.nivo-prevNav {
    left: 1%;
  }
}

.slider-area .nivo-directionNav a.nivo-prevNav:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
  margin-right: 2px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 991px) {
  .slider-area .nivo-directionNav a.nivo-prevNav {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .slider-area .nivo-directionNav a.nivo-prevNav:before {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area .nivo-directionNav a.nivo-prevNav {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

/* .slider-area .nivo-directionNav a.nivo-prevNav:hover {
  background-color: #14287b;
} */

.slider-area .nivo-directionNav a.nivo-prevNav:hover:before {
  color: #ffffff !important;
}

.slider-area .nivo-directionNav a.nivo-nextNav {
  right: 10%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #111111;
  font-size: 0;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1440px) {
  .slider-area .nivo-directionNav a.nivo-nextNav {
    right: 6%;
  }
}

.slider-area .nivo-directionNav a.nivo-nextNav:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
  margin-left: 2px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 991px) {
  .slider-area .nivo-directionNav a.nivo-nextNav {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .slider-area .nivo-directionNav a.nivo-nextNav:before {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area .nivo-directionNav a.nivo-nextNav {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

/* .slider-area .nivo-directionNav a.nivo-nextNav:hover {
  background-color: #14287b;
} */

.slider-area .nivo-directionNav a.nivo-nextNav:hover:before {
  color: #ffffff !important;
}

.slider-area:hover a {
  opacity: 1;
  visibility: visible;
}

.slider-area .nivo-caption {
  opacity: 1;
  z-index: 12;
}

.slider-area .nivo-caption p {
  padding: 0;
}

.slider-area .slide-1 h1.slider-big-text,
.slider-area .slide-2 h1.slider-big-text,
.slider-area .slide-3 h1.slider-big-text {
  font-size: 48px;
  font-weight: 700;
  color: #14287b;
  margin-bottom: 18px;
  line-height: 48px;
  width: 100%;
  font-family: 'Poppins', sans-serif;
}

.slider-area .slide-1 h1.slider-big-text span,
.slider-area .slide-2 h1.slider-big-text span,
.slider-area .slide-3 h1.slider-big-text span {
  display: block;
}

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

  .slider-area .slide-1 h1.slider-big-text,
  .slider-area .slide-2 h1.slider-big-text,
  .slider-area .slide-3 h1.slider-big-text {
    font-size: 40px;
    margin-bottom: 15px;
  }
}

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

  .slider-area .slide-1 h1.slider-big-text,
  .slider-area .slide-2 h1.slider-big-text,
  .slider-area .slide-3 h1.slider-big-text {
    font-size: 30px;
    margin-bottom: 5px;
  }
}

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

  .slider-area .slide-1 h1.slider-big-text,
  .slider-area .slide-2 h1.slider-big-text,
  .slider-area .slide-3 h1.slider-big-text {
    font-size: 28px;
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {

  .slider-area .slide-1 h1.slider-big-text,
  .slider-area .slide-2 h1.slider-big-text,
  .slider-area .slide-3 h1.slider-big-text {
    font-size: 26px;
  }
}

@media only screen and (max-width: 479px) {

  .slider-area .slide-1 h1.slider-big-text,
  .slider-area .slide-2 h1.slider-big-text,
  .slider-area .slide-3 h1.slider-big-text {
    font-size: 22px;
  }
}

.slider-area .slide-1 h1.slider-big-text.text-light,
.slider-area .slide-2 h1.slider-big-text.text-light,
.slider-area .slide-3 h1.slider-big-text.text-light {
  color: #ffffff;
}

.slider-area .slide-1 div.slider-sub-text,
.slider-area .slide-2 div.slider-sub-text,
.slider-area .slide-3 div.slider-sub-text {
  font-size: 24px;
  color: #287ff9;
  margin-bottom: 20px;
}

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

  .slider-area .slide-1 div.slider-sub-text,
  .slider-area .slide-2 div.slider-sub-text,
  .slider-area .slide-3 div.slider-sub-text {
    margin-bottom: 15px;
    font-size: 22px;
  }
}

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

  .slider-area .slide-1 div.slider-sub-text,
  .slider-area .slide-2 div.slider-sub-text,
  .slider-area .slide-3 div.slider-sub-text {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

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

  .slider-area .slide-1 div.slider-sub-text,
  .slider-area .slide-2 div.slider-sub-text,
  .slider-area .slide-3 div.slider-sub-text {
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {

  .slider-area .slide-1 div.slider-sub-text,
  .slider-area .slide-2 div.slider-sub-text,
  .slider-area .slide-3 div.slider-sub-text {
    display: none;
  }
}

.slider-area .slide-1 div.slider-sub-text.text-light,
.slider-area .slide-2 div.slider-sub-text.text-light,
.slider-area .slide-3 div.slider-sub-text.text-light {
  color: #ffffff;
}

.slider-area .slide-1 div.slider-paragraph,
.slider-area .slide-2 div.slider-paragraph,
.slider-area .slide-3 div.slider-paragraph {
  color: #444444;
  margin-bottom: 20px;
  width: 40%;
}

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

  .slider-area .slide-1 div.slider-paragraph,
  .slider-area .slide-2 div.slider-paragraph,
  .slider-area .slide-3 div.slider-paragraph {
    width: 50%;
  }
}

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

  .slider-area .slide-1 div.slider-paragraph,
  .slider-area .slide-2 div.slider-paragraph,
  .slider-area .slide-3 div.slider-paragraph {
    width: 65%;
  }
}

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

  .slider-area .slide-1 div.slider-paragraph,
  .slider-area .slide-2 div.slider-paragraph,
  .slider-area .slide-3 div.slider-paragraph {
    width: 100%;
    text-align: center;
    color: #000000;
  }
}

@media only screen and (max-width: 575px) {

  .slider-area .slide-1 div.slider-paragraph,
  .slider-area .slide-2 div.slider-paragraph,
  .slider-area .slide-3 div.slider-paragraph {
    display: none;
  }
}

.slider-area .slide-1 div.slider-paragraph.text-light,
.slider-area .slide-2 div.slider-paragraph.text-light,
.slider-area .slide-3 div.slider-paragraph.text-light {
  color: #ffffff;
}

.slider-area .slide-1 .slider-big-text.padding-right,
.slider-area .slide-2 .slider-big-text.padding-right,
.slider-area .slide-3 .slider-big-text.padding-right,
.slider-area .slide-1 .slider-sub-text.padding-right,
.slider-area .slide-2 .slider-sub-text.padding-right,
.slider-area .slide-3 .slider-sub-text.padding-right,
.slider-area .slide-1 .slider-paragraph.padding-right,
.slider-area .slide-2 .slider-paragraph.padding-right,
.slider-area .slide-3 .slider-paragraph.padding-right {
  padding-right: 60%;
}

.slider-area .slide-1 .slider-big-text.padding-left,
.slider-area .slide-2 .slider-big-text.padding-left,
.slider-area .slide-3 .slider-big-text.padding-left,
.slider-area .slide-1 .slider-sub-text.padding-left,
.slider-area .slide-2 .slider-sub-text.padding-left,
.slider-area .slide-3 .slider-sub-text.padding-left,
.slider-area .slide-1 .slider-paragraph.padding-left,
.slider-area .slide-2 .slider-paragraph.padding-left,
.slider-area .slide-3 .slider-paragraph.padding-left {
  padding-left: 60%;
}

.slider-area .slider-btn-area {
  margin-top: 34px;
}

@media only screen and (max-width: 991px) {
  .slider-area .slider-btn-area {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area .slider-btn-area {
    display: none;
  }
}

.slider-area .slider-btn-area a.item-btn-fill {
  padding: 15px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fef22e;
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-out;
}

.slider-area .slider-btn-area a.item-btn-fill i {
  margin-left: 8px;
}

.slider-area .slider-btn-area a.item-btn-fill:after {
  content: "";
  height: 100%;
  width: 0;
  background-color: #14287b;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  transition: all 0.3s ease-out;
}

.slider-area .slider-btn-area a.item-btn-fill:hover {
  color: #ffffff;
}

.slider-area .slider-btn-area a.item-btn-fill:hover:after {
  width: 100%;
  left: 0;
}

.slider-layout1 .slide-1 h1.slider-big-text,
.slider-layout1 .slide-2 h1.slider-big-text,
.slider-layout1 .slide-3 h1.slider-big-text {
  animation: fadeInLeft 2000ms ease-in-out;
}

.slider-layout1 .slide-1 div.slider-sub-text,
.slider-layout1 .slide-2 div.slider-sub-text,
.slider-layout1 .slide-3 div.slider-sub-text {
  animation: fadeInUp 1500ms ease-in-out;
}

.slider-layout1 .slide-1 div.slider-paragraph,
.slider-layout1 .slide-2 div.slider-paragraph,
.slider-layout1 .slide-3 div.slider-paragraph {
  animation: fadeInUp 1500ms ease-in-out;
}

.slider-layout1 .slider-btn-area {
  animation: fadeInUp 2000ms ease-in-out;
}

.slider-layout2 .slide-1 h1.slider-big-text,
.slider-layout2 .slide-2 h1.slider-big-text,
.slider-layout2 .slide-3 h1.slider-big-text {
  animation: fadeInLeft 2000ms ease-in-out;
}

.slider-layout2 .slide-1 div.slider-sub-text,
.slider-layout2 .slide-2 div.slider-sub-text,
.slider-layout2 .slide-3 div.slider-sub-text {
  animation: fadeInUp 1500ms ease-in-out;
}

.slider-layout2 .slide-1 div.slider-paragraph,
.slider-layout2 .slide-2 div.slider-paragraph,
.slider-layout2 .slide-3 div.slider-paragraph {
  animation: fadeInUp 1500ms ease-in-out;
}

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

  .slider-layout2 .slide-1 div.slider-paragraph,
  .slider-layout2 .slide-2 div.slider-paragraph,
  .slider-layout2 .slide-3 div.slider-paragraph {
    display: none;
  }
}

.slider-layout2 .slider-btn-area {
  animation: fadeInUp 2000ms ease-in-out;
}

/*------------------- 3.2 Owl Carousel Nav Style -------------------*/
.nav-control-layout1 {
  z-index: 2;
}

.nav-control-layout1 .owl-nav {
  margin-top: 0;
}

.nav-control-layout1 .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff !important;
  background: #14287b !important;
  height: 4rem;
  width: 4.5rem;
  border-radius: 4px;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
}

.nav-control-layout1 .owl-nav button i {
  font-size: 20px;
}

.nav-control-layout1 .owl-nav button i:before {
  font-size: 20px;
  font-weight: 600;
}

.nav-control-layout1 .owl-nav button:hover {
  background: #fef22e !important;
  color: #ffffff;
}

.nav-control-layout1 .owl-nav button:focus {
  outline: none;
}

.nav-control-layout1 .owl-nav .owl-prev {
  left: -6rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout1 .owl-nav .owl-prev {
    left: 0;
  }
}

.nav-control-layout1 .owl-nav .owl-next {
  right: -6rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout1 .owl-nav .owl-next {
    right: 0;
  }
}

.nav-control-layout1:hover .owl-nav button {
  visibility: visible;
  opacity: 1;
}

.nav-control-layout2 .owl-nav {
  margin-top: 0;
}

.nav-control-layout2 .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #111111 !important;
  background: #ffffff !important;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.nav-control-layout2 .owl-nav button i {
  margin-top: 3px;
  font-size: 20px;
}

.nav-control-layout2 .owl-nav button i:before {
  font-size: 20px;
  font-weight: 600;
}

.nav-control-layout2 .owl-nav button:hover {
  background: #14287b !important;
  color: #ffffff !important;
}

.nav-control-layout2 .owl-nav button:focus {
  outline: none;
}

.nav-control-layout2 .owl-nav .owl-prev {
  left: 4rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout2 .owl-nav .owl-prev {
    left: 0;
  }
}

.nav-control-layout2 .owl-nav .owl-next {
  right: 4rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout2 .owl-nav .owl-next {
    right: 0;
  }
}

.nav-control-layout3 .owl-nav {
  margin-top: 0;
}

.nav-control-layout3 .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fef22e !important;
  background: transparent !important;
  border: 2px solid #ffffff !important;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.nav-control-layout3 .owl-nav button i {
  font-size: 20px;
}

.nav-control-layout3 .owl-nav button i:before {
  font-size: 20px;
  font-weight: 600;
}

.nav-control-layout3 .owl-nav button:hover {
  background: #ffffff !important;
  color: #14287b !important;
}

.nav-control-layout3 .owl-nav button:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .nav-control-layout3 .owl-nav button {
    visibility: hidden;
    opacity: 0;
  }
}

.nav-control-layout3 .owl-nav .owl-prev {
  left: 4rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout3 .owl-nav .owl-prev {
    left: 0;
  }
}

.nav-control-layout3 .owl-nav .owl-next {
  right: 4rem;
}

@media only screen and (max-width: 1399px) {
  .nav-control-layout3 .owl-nav .owl-next {
    right: 0;
  }
}

.dot-control-layout1 {
  position: relative;
}

.dot-control-layout1 .owl-dots {
  text-align: center;
  margin-top: 60px;
}

.dot-control-layout1 .owl-dots button {
  position: relative;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0 3px;
  border: 2px solid rgba(161, 161, 161, 0.3);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.dot-control-layout1 .owl-dots button:after {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1c4163;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.dot-control-layout1 .owl-dots button:focus {
  outline: none;
}

.dot-control-layout1 .owl-dots button.active:after {
  visibility: visible;
  opacity: 1;
}

/*------------------- 3.3 Select 2 Style -------------------*/
.select2-container--classic .select2-selection--single {
  background: #ffffff;
  border: 1px solid #ffffff;
  height: 50px;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  color: #646464;
  padding-left: 15px;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #f4f4f4;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background: none;
  border-left: none;
  height: 50px;
  top: 0;
  width: 40px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #444444 transparent transparent transparent;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #444444 transparent;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  background: #ffffff;
  border-color: #cccccc;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  background: #f4f4f4;
  border-color: #cccccc;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #cccccc;
  position: inherit !important;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #0529a4;
}

/*=======================================================================
4. Template Layout Style
=========================================================================*/
/*------------------- 4.1 Content -------------------*/
.inner-page-banner {
  display: block;
  padding: 11.4rem 0 10rem;
}

.inner-page-banner .breadcrumbs-area {
  text-align: center;
  position: relative;
  z-index: 1;
}

.inner-page-banner .breadcrumbs-area h1 {
  font-weight: 600;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .inner-page-banner .breadcrumbs-area h1 {
    margin-bottom: 5px;
    line-height: 1.5;
  }
}

.inner-page-banner .breadcrumbs-area ul li {
  display: inline-block;
  color: #fef22e;
  font-size: 16px;
  position: relative;
  margin-right: 15px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.inner-page-banner .breadcrumbs-area ul li:before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: -10px;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  color: #ffffff;
}

.inner-page-banner .breadcrumbs-area ul li a {
  color: #f2f2f2;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.inner-page-banner .breadcrumbs-area ul li a:hover {
  color: #ffffff;
}

.inner-page-banner .breadcrumbs-area ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.inner-page-banner .breadcrumbs-area ul li:last-child:before {
  display: none;
}

.fw-btn-fill {
  width: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  border: none;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.fw-btn-fill i {
  margin-left: 8px;
}

.fw-btn-fill:hover {
  background-color: #14287b;
  color: #ffffff;
}

.btn-fill-xl {
  border-radius: 4px;
  display: inline-block;
  padding: 12px 55px;
  font-weight: 500;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.btn-fill-xl:hover {
  background-color: #14287b;
  color: #ffffff;
}

.btn-fill-md {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  padding: 14px 30px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn-fill-md i:before {
  font-size: 16px;
  margin-left: 8px;
}

.btn-fill-md:hover {
  background-color: #14287b;
  color: #ffffff;
}

.btn-fill-sm {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  padding: 14px 25px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn-fill-sm i:before {
  font-size: 16px;
  margin-left: 6px;
}

.btn-fill-sm:hover {
  background-color: #14287b;
  color: #ffffff;
}

.btn-fill-xs {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  padding: 10px 30px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn-fill-xs i:before {
  font-size: 16px;
  margin-left: 8px;
}

.btn-fill-xs:hover {
  background-color: #14287b;
  color: #ffffff;
}

.hover-textprimary:hover {
  background-color: #ffffff;
  color: #14287b;
}

.btn-slide-hover {
  position: relative;
  z-index: 2;
}

.btn-slide-hover:after {
  content: "";
  height: 100%;
  width: 0;
  background-color: #14287b;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  transition: all 0.3s ease-out;
}

.btn-slide-hover:hover {
  background-color: inherit;
}

.btn-slide-hover:hover:after {
  width: 100%;
  left: 0;
}

#preloader {
  background: #0d0121 url('img/preloader.gif') no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.scrollup {
  overflow: hidden;
  position: fixed;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 45px;
  bottom: -50px;
  right: 20px;
  text-align: center;
  z-index: 9999;
  background-color: rgba(17, 17, 17, 0.8);
  display: block;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}

.scrollup i {
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.scrollup:hover,
.scrollup:focus {
  color: #ffffff;
}

.scrollup:hover i,
.scrollup:focus i {
  -webkit-animation: toBottomFromTop20 0.5s forwards;
  animation: toBottomFromTop20 0.5s forwards;
}

.scrollup.back-top {
  bottom: 20px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #14287b;
    box-shadow: 0 0 0 0 #14287b;
  }

  40% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #14287b;
    box-shadow: 0 0 0 0 #14287b;
  }

  40% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
  }
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #14287b;
    box-shadow: 0 0 0 0 #14287b;
  }

  40% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
  }
}

@keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #14287b;
    box-shadow: 0 0 0 0 #14287b;
  }

  40% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 20px rgba(255, 194, 17, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
  }
}

@-webkit-keyframes animate-figure1 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-20px) translateX(10px);
    transform: translateY(-20px) translateX(10px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@keyframes animate-figure1 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-20px) translateX(10px);
    transform: translateY(-20px) translateX(10px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@-webkit-keyframes animate-figure2 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-20px) translateX(-10px);
    transform: translateY(-20px) translateX(-10px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@keyframes animate-figure2 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-20px) translateX(-10px);
    transform: translateY(-20px) translateX(-10px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@-webkit-keyframes animate-figure3 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-10px) translateX(-40px);
    transform: translateY(-10px) translateX(-40px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@keyframes animate-figure3 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-10px) translateX(-40px);
    transform: translateY(-10px) translateX(-40px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@-webkit-keyframes animate-figure4 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-10px) translateX(40px);
    transform: translateY(-10px) translateX(40px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

@keyframes animate-figure4 {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  50% {
    -webkit-transform: translateY(-10px) translateX(40px);
    transform: translateY(-10px) translateX(40px);
  }

  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

/*------------------- 4.2 Footer -------------------*/
.footer-wrap-layout1 {
  background-color: #14287b;
}

.footer-top-box {
  padding: 9.4rem 0 4rem;
}

.footer-top-box .footer-box-layout1 {
  margin-bottom: 4rem;
}

@media only screen and (max-width: 575px) {
  .footer-top-box .footer-box-layout1 {
    text-align: center;
  }
}

.footer-top-box .footer-box-layout1 .footer-title {
  margin-bottom: 2.5rem;
}

.footer-top-box .footer-box-layout1 .footer-title h4 {
  color: #ffffff;
  font-weight: 600;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .footer-menu-list li {
  margin-bottom: 12px;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .footer-menu-list li:last-child {
  margin-bottom: 0;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .footer-menu-list li a {
  font-size: 15px;
  color: #dcdcdc;
  padding: 5px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .footer-menu-list li a:hover {
  color: #ffffff;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .contact-btn {
  text-align: center;
  display: block;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #ffffff;
  border: 1px solid #006df0;
  padding: 12px;
  margin-top: 4.5rem;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-top-box .footer-box-layout1 .footer-menu-box .contact-btn i {
  margin-right: 10px;
  color: #fef22e;
}

@media only screen and (max-width: 1199px) {
  .footer-top-box .footer-box-layout1 .footer-menu-box .contact-btn {
    font-size: 14px;
  }
}

.footer-top-box .footer-box-layout1 .footer-menu-box .contact-btn:hover {
  background-color: #006df0;
}

.footer-top-box .footer-box-layout1 .footer-newsletter {
  margin-bottom: 2.5rem;
}

.footer-top-box .footer-box-layout1 .footer-newsletter p {
  color: #dcdcdc;
  margin-bottom: 30px;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group {
  height: 50px;
  border-radius: 4px;
  padding: 0;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group .form-control {
  border: none;
  box-shadow: none;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
  color: #111111;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group .input-group-addon {
  display: flex;
  padding: 0;
  border: none;
  border-radius: 0 4px 4px 0;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group .input-group-addon button {
  cursor: pointer;
  background: #fef22e;
  border: 0;
  padding: 0 35px;
  font-size: 16px;
  font-weight: 700;
  color: #14287b;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group .input-group-addon button:focus {
  outline: none;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group .input-group-addon:hover button {
  background: #287ff9;
  color: #ffffff;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group input {
  font-size: 16px;
  color: #14287b;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group input.form-control::-webkit-input-placeholder,
.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group textarea.form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group input.form-control:-moz-placeholder,
.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group textarea.form-control:-moz-placeholder {
  color: #aaaaaa;
}

.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group input.form-control:-ms-input-placeholder,
.footer-top-box .footer-box-layout1 .footer-newsletter .stylish-input-group textarea.form-control:-ms-input-placeholder {
  color: #aaaaaa;
}

.footer-top-box .footer-box-layout1 .footer-social .social-icon li {
  display: inline-block;
}

.footer-top-box .footer-box-layout1 .footer-social .social-icon li:first-child a {
  padding-left: 0;
}

.footer-top-box .footer-box-layout1 .footer-social .social-icon li a {
  font-size: 16px;
  color: #aaadc8;
  padding: 7px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-top-box .footer-box-layout1 .footer-social .social-icon li a:hover {
  color: #ffffff;
}

.footer-top-box .footer-box-layout1 .footer-social .social-icon li:last-child a {
  padding-right: 0;
}

.footer-middle-box {
  padding: 1rem 0 6rem;
}

.footer-middle-box .footer-newsletter .item-title {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .footer-middle-box .footer-newsletter .item-title {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-middle-box .footer-newsletter .item-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-middle-box .footer-newsletter .item-title {
    font-size: 20px;
  }
}

.footer-middle-box .footer-newsletter .stylish-input-group {
  height: 50px;
  border-radius: 4px;
  padding: 0;
}

.footer-middle-box .footer-newsletter .stylish-input-group .form-control {
  border: none;
  box-shadow: none;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
  color: #111111;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
}

.footer-middle-box .footer-newsletter .stylish-input-group .input-group-addon {
  display: flex;
  padding: 0;
  border: none;
  border-radius: 0 4px 4px 0;
  background: #fef22e;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-middle-box .footer-newsletter .stylish-input-group .input-group-addon button {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 700;
  color: #14287b;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-middle-box .footer-newsletter .stylish-input-group .input-group-addon button:focus {
  outline: none;
}

.footer-middle-box .footer-newsletter .stylish-input-group .input-group-addon:hover {
  background: #287ff9;
}

.footer-middle-box .footer-newsletter .stylish-input-group .input-group-addon:hover button {
  color: #ffffff;
}

.footer-middle-box .footer-newsletter .stylish-input-group input {
  font-size: 16px;
  color: #14287b;
}

.footer-middle-box .footer-newsletter .stylish-input-group input.form-control::-webkit-input-placeholder,
.footer-middle-box .footer-newsletter .stylish-input-group textarea.form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}

.footer-middle-box .footer-newsletter .stylish-input-group input.form-control:-moz-placeholder,
.footer-middle-box .footer-newsletter .stylish-input-group textarea.form-control:-moz-placeholder {
  color: #aaaaaa;
}

.footer-middle-box .footer-newsletter .stylish-input-group input.form-control:-ms-input-placeholder,
.footer-middle-box .footer-newsletter .stylish-input-group textarea.form-control:-ms-input-placeholder {
  color: #aaaaaa;
}

.footer-middle-box .footer-social {
  justify-content: flex-end;
  display: flex;
  padding: 6rem 0 0;
}

@media only screen and (max-width: 991px) {
  .footer-middle-box .footer-social {
    justify-content: center;
  }
}

.footer-middle-box .footer-social .item-title {
  font-size: 18px;
  color: #ffffff;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 479px) {
  .footer-middle-box .footer-social .item-title {
    font-size: 16px;
    margin: 0 10px 0 0;
  }
}

.footer-middle-box .footer-social .social-icon li {
  display: inline-block;
}

.footer-middle-box .footer-social .social-icon li a {
  font-size: 16px;
  color: #aaadc8;
  padding: 7px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 479px) {
  .footer-middle-box .footer-social .social-icon li a {
    padding: 5px;
    font-size: 14px;
  }
}

.footer-middle-box .footer-social .social-icon li a:hover {
  color: #ffffff;
}

.footer-middle-box .footer-social .social-icon li:last-child a {
  padding-right: 0;
}

.footer-bottom-box {
  border-top: 1px solid #2c4195;
  padding: 3.5rem 0;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-box {
    text-align: center;
  }
}

.footer-bottom-box .copyright {
  font-size: 15px;
  color: #dcdcdc;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-box .copyright {
    margin-bottom: 10px;
  }
}

.footer-bottom-box .footer-bottom-menu {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-box .footer-bottom-menu {
    text-align: center;
  }
}

.footer-bottom-box .footer-bottom-menu ul li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

.footer-bottom-box .footer-bottom-menu ul li:after {
  content: ".";
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  right: -14px;
}

.footer-bottom-box .footer-bottom-menu ul li a {
  font-size: 15px;
  color: #dcdcdc;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer-bottom-box .footer-bottom-menu ul li a:hover {
  color: #ffffff;
}

.footer-bottom-box .footer-bottom-menu ul li:last-child {
  margin-right: 0;
}

.footer-bottom-box .footer-bottom-menu ul li:last-child:after {
  display: none;
}

/*------------------- 4.3 Global -------------------*/
a {
  text-decoration: none;
  cursor: pointer;
}

a:active,
a:hover,
a:focus {
  text-decoration: none;
}

a:active,
a:hover,
a:focus {
  outline: 0 none;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin-left: 0;
}

.form-response .alert-danger,
.form-response .alert.alert-info,
.form-response .alert.alert-success {
  margin-top: 10px;
  margin-bottom: 0;
}

.form-response .alert-danger p,
.form-response .alert.alert-info p,
.form-response .alert.alert-success p {
  margin-bottom: 0;
}

/*------------------- 4.4 Header Menu -------------------*/
header.header {
  position: relative;
  z-index: 15;
}

@media only screen and (max-width: 991px) {
  header.header {
    display: none;
  }
}

.logo-area a {
  display: block;
}

.header-menu {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-menu:after {
  clear: both;
  content: "";
  display: block;
}

.header-menu nav.template-main-menu>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-menu nav.template-main-menu>ul>li>a {
  transition: all 0.3s ease-out;
}

.header-menu nav.template-main-menu>ul>li>a:hover {
  color: #3285f9;
}

.kv-quote-item {
  margin-left: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.kv-quote-item .kv-btn-quote {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 11px 24px !important;
  height: 44px !important;

  background: #85c815 !important;
  color: #ffffff !important;

  border-radius: 50px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(133, 200, 21, 0.35) !important;
  transition: all 0.25s ease !important;
}

.kv-quote-item .kv-btn-quote:hover {
  background: #72ad10 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(133, 200, 21, 0.45) !important;
}

/* =========================================================
   KV Commercial Cleaning sydney FOOTER
   ========================================================= */

.kv-footer {
  background: #007bff;
  color: #ffffff;
  padding: 55px 0 0;
}

.kv-footer-content {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
  gap: 55px;
  padding-bottom: 45px;
}

.kv-footer-column h4 {
  position: relative;
  display: inline-block;

  margin: 0 0 25px;
  padding-bottom: 8px;

  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}

.kv-footer-column h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 35px;
  height: 3px;

  background: #85c815;
}


/* Company */

.kv-footer-company {
  padding-right: 25px;
}

.kv-footer-logo {
  margin-bottom: 18px;
}

.kv-footer-logo img {
  max-width: 190px;
  height: auto;
}

.kv-footer-company p {
  margin: 0;

  color: #ffffff;
  font-size: 15px;
  line-height: 1.8;
}


/* Footer Links */

.kv-footer-column ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

.kv-footer-column ul li {
  margin-bottom: 10px;
}

.kv-footer-column ul li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;

  text-decoration: none;

  transition: all 0.3s ease;
}

.kv-footer-column ul li a:hover {
  color: #85c815;
  padding-left: 4px;
}


/* Contact */

.kv-footer-contact {
  padding-left: 0px;
}

.kv-contact-item {
  display: flex;
  align-items: flex-start;

  gap: 13px;

  margin-bottom: 18px;

  color: #ffffff;
  font-size: 15px;
  line-height: 1.7;
}

.kv-contact-item i {
  min-width: 18px;

  margin-top: 4px;

  color: #ffffff;
  font-size: 18px;
}

.kv-contact-item a {
  color: #ffffff;
  text-decoration: none;
}

.kv-contact-item a:hover {
  color: #ffffff;
}


/* Bottom */

.kv-footer-bottom {
  padding: 20px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  text-align: center;
}

.kv-footer-bottom p {
  margin: 0;

  color: #ffffff;
  font-size: 14px;
}

.kv-footer-bottom a {
  color: #85c815;
  font-weight: 600;
  text-decoration: none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

  .kv-footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

}

@media (max-width: 575px) {

  .kv-footer {
    padding-top: 40px;
  }

  .kv-footer-content {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .kv-footer-company {
    padding-right: 0;
  }

  .kv-footer-contact {
    padding-left: 0;
  }

}

/* ==========================================
   FLOATING CONTACT MENU
========================================== */

.kv-floating-contact {
  position: fixed;
  right: 20px;
  bottom: 25px;
  z-index: 9998;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kv-floating-btn {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50%;

  color: #ffffff;
  font-size: 19px;

  cursor: pointer;
  text-decoration: none;

  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18);

  transition: all 0.3s ease;
}

.kv-floating-btn:hover {
  transform: translateY(-3px);
  color: #ffffff;
}


/* MESSAGE */

.kv-floating-message {
  background: #85c815;
}

.kv-floating-message:hover {
  background: #6fae0d;
}


/* EMAIL */

.kv-floating-mail {
  background: #0d3439;
}

.kv-floating-mail:hover {
  background: #124b51;
}


/* CALL */

.kv-floating-call {
  background: #85c815;
}

.kv-floating-call:hover {
  background: #6fae0d;
}


/* SCROLL TOP */

.kv-floating-top {
  background: #333333;
}

.kv-floating-top:hover {
  background: #222222;
}


/* ==========================================
   CONTACT POPUP
========================================== */

.kv-floating-popup {
  position: fixed;
  right: 85px;
  bottom: 25px;

  width: 390px;
  max-width: calc(100vw - 30px);

  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);

  transition: all 0.3s ease;
}

.kv-floating-popup.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.kv-floating-popup-inner {
  background: #ffffff;

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.22);
}


/* POPUP HEADER */

.kv-floating-popup-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  padding: 22px 22px 18px;

  background: #0d3439;
}

.kv-floating-popup-header h3 {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: 22px;
  font-weight: 700;
}

.kv-floating-popup-header p {
  margin: 0;

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

  font-size: 13px;
  line-height: 1.5;
}

.kv-floating-popup-close {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  margin-left: 15px;

  border: none;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.12);

  color: #ffffff;

  cursor: pointer;

  transition: all 0.3s ease;
}

.kv-floating-popup-close:hover {
  background: #85c815;
}


/* POPUP BODY */

.kv-floating-popup-body {
  padding: 22px;
}


/* FORM */

.kv-floating-form-group {
  margin-bottom: 14px;
}

.kv-floating-form-group input,
.kv-floating-form-group textarea {
  width: 100%;

  padding: 12px 14px;

  border: 1px solid #dddddd;
  border-radius: 6px;

  background: #ffffff;

  color: #333333;

  font-size: 14px;

  outline: none;

  transition: border-color 0.3s ease;
}

.kv-floating-form-group input {
  height: 46px;
}

.kv-floating-form-group textarea {
  min-height: 100px;

  resize: vertical;
}

.kv-floating-form-group input:focus,
.kv-floating-form-group textarea:focus {
  border-color: #85c815;
}


/* RECAPTCHA */

.kv-floating-recaptcha {
  margin-bottom: 18px;

  overflow: hidden;
}


/* SUBMIT */

.kv-floating-submit {
  width: 100%;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  border: none;
  border-radius: 6px;

  background: #85c815;

  color: #ffffff;

  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  transition: all 0.3s ease;
}

.kv-floating-submit:hover {
  background: #6fae0d;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 575px) {

  .kv-floating-contact {
    right: 12px;
    bottom: 15px;
    gap: 8px;
  }

  .kv-floating-btn {
    width: 46px;
    height: 46px;

    font-size: 17px;
  }

  .kv-floating-popup {
    right: 12px;
    bottom: 75px;

    width: calc(100vw - 24px);
  }

  .kv-floating-popup-body {
    padding: 18px;
  }

}

nav.template-main-menu>ul>li {
  position: relative;
}

nav.template-main-menu>ul>li>a {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  display: block;
  color: #14287b;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 {
  border-top: 1px solid #14287b;
  background-color: #ffffff;
  width: 250px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 0 0 4px 4px;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li {
  position: relative;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  color: #14287b;
  padding: 12px 20px;
  display: block;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:before,
nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:hover:before {
  display: none !important;
  content: none !important;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a:hover {
  color: #1664c0;
  padding-left: 26px;
}

@media only screen and (max-width: 1199px) {
  nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li a {
    padding: 10px 15px;
  }
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 100%;
  border-bottom: 1px solid #e9e9e9;
  z-index: -1;
}

@media only screen and (max-width: 1199px) {
  nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li:after {
    left: 15px;
    right: 15px;
  }
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-1 li:last-child:after {
  border-bottom: none;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 {
  display: flex;
  align-items: center;
  border-top: 1px solid #14287b;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li {
  min-width: 200px;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a {
  font-size: 15px;
  text-transform: capitalize;
  color: #111111;
  padding: 8px 15px;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a:hover {
  color: #ffffff;
  background-color: #14287b;
}

nav.template-main-menu>ul>li ul.dropdown-menu-col-2 li a:last-child {
  padding-bottom: 15px;
}

nav.template-main-menu>ul>li .template-mega-menu {
  background-color: #ffffff;
  border-top: 1px solid #14287b;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  padding: 20px 0 0;
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.template-main-menu>ul>li .template-mega-menu .menu-ctg-title {
  font-size: 16px;
  font-weight: 500;
  color: #14287b;
  margin-bottom: 15px;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu {
  margin-bottom: 20px;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li {
  margin-bottom: 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ebebeb;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a {
  font-size: 15px;
  text-transform: capitalize;
  color: #14287b;
  padding: 5px 15px 5px 30px;
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  position: relative;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a i {
  color: #14287b;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a:hover {
  color: #287ff9;
  padding: 5px 15px 5px 35px;
}

nav.template-main-menu>ul>li .template-mega-menu ul.sub-menu li a:hover i {
  color: #14287b;
  animation: toRightFromLeft10 0.5s;
}

nav.template-main-menu>ul>li:hover ul.dropdown-menu-col-1 {
  opacity: 1;
  visibility: visible;
  transform: translatey(0);
}

nav.template-main-menu>ul>li:hover ul.dropdown-menu-col-2 {
  opacity: 1;
  visibility: visible;
  transform: translatey(0);
}

nav.template-main-menu>ul>li:hover .template-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translatey(0);
}

.header-menu.menu-layout1 {
  background-color: #ffffff;
}

.header-menu.menu-layout1 nav.template-main-menu>ul>li>a {
  padding: 40px 20px;
}

@media only screen and (max-width: 1199px) {
  .header-menu.menu-layout1 nav.template-main-menu>ul>li>a {
    padding: 40px 15px;
  }
}

.header-menu.menu-layout2 {
  background-color: #14287b;
}

.header-menu.menu-layout2 nav.template-main-menu>ul>li>a {
  padding: 25px 20px;
  color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .header-menu.menu-layout2 nav.template-main-menu>ul>li>a {
    padding: 25px 15px;
  }
}

.header-menu.menu-layout3 nav.template-main-menu>ul>li>a {
  padding: 26px 20px;
  color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .header-menu.menu-layout3 nav.template-main-menu>ul>li>a {
    padding: 26px 15px;
  }
}

.header-menu.menu-layout3 nav.template-main-menu>ul>li .template-mega-menu {
  background-color: transparent;
  border-top: none;
  box-shadow: none;
  padding: 0;
}

.header-menu.menu-layout3 nav.template-main-menu>ul>li .template-mega-menu .mega-menu-small {
  padding: 20px 20px 0;
  border-top: 1px solid #14287b;
}

.rt-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  left: 0;
  right: 0;
  background-color: #ffffff;
}

.rt-sticky nav.template-main-menu>ul>li>a {
  padding: 28px 18px;
}

@media only screen and (max-width: 1199px) {
  .rt-sticky nav.template-main-menu>ul>li>a {
    padding: 28px 15px;
  }
}

.header-menu.menu-layout1.rt-sticky {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.header-menu.menu-layout1.rt-sticky nav.template-main-menu>ul>li>a {
  padding: 28px 18px;
}

@media only screen and (max-width: 1199px) {
  .header-menu.menu-layout1.rt-sticky nav.template-main-menu>ul>li>a {
    padding: 28px 15px;
  }
}

.header-menu.menu-layout2.rt-sticky {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.header-menu.menu-layout3.rt-sticky {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: #14287b;
}

@media only screen and (min-width: 992px) {
  .hide-on-desktop-menu {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  .hide-on-mobile-menu {
    display: none;
  }
}

.header-action-layout1 ul {
  display: flex;
  align-items: center;
}

.header-action-layout1 ul li {
  display: inline-block;
  margin-right: 25px;
}

.header-action-layout1 ul li:last-child {
  margin-right: 0;
}

.header-action-layout1 ul .header-action-number {
  display: flex;
  align-items: center;
}

.header-action-layout1 ul .header-action-number .item-icon {
  margin-right: 15px;
}

.header-action-layout1 ul .header-action-number .item-icon i:before {
  font-size: 30px;
  color: #14287b;
}

.header-action-layout1 ul .header-action-number .item-content .item-title {
  line-height: 1;
  color: #111111;
}

.header-action-layout1 ul .header-action-number .item-content .item-number {
  font-weight: 700;
  font-size: 20px;
  color: #111111;
}

.header-action-layout1 ul .header-action-number-2 {
  display: flex;
  align-items: center;
}

.header-action-layout1 ul .header-action-number-2 .item-icon {
  position: relative;
  text-align: center;
  height: 38px;
  width: 38px;
  line-height: 38px;
  background-color: #fef22e;
  border-radius: 50%;
  margin-right: 20px;
  animation: pulse2 infinite 2s;
}

.header-action-layout1 ul .header-action-number-2 .item-icon:before {
  content: "";
  height: 48px;
  width: 48px;
  border: 1.5px solid #d7d7d7;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
  animation: pulse2 infinite 2s;
}

.header-action-layout1 ul .header-action-number-2 .item-icon:after {
  content: "";
  height: 58px;
  width: 58px;
  border: 2px solid #d7d7d7;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
  animation: pulse2 infinite 2s;
}

.header-action-layout1 ul .header-action-number-2 .item-icon i:before {
  font-size: 22px;
  color: #000000;
}

.header-action-layout1 ul .header-action-number-2 .item-content .item-number {
  color: #14287b;
  font-size: 22px;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .header-action-layout1 ul .header-action-number-2 .item-content .item-number {
    font-size: 20px;
  }
}

.header-action-layout1 ul .header-action-btn .item-btn {
  border-radius: 0 4px 4px 0;
  background-color: #fef22e;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
  display: inline-block;
  padding: 20px 30px 20px 45px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin-right: -1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-action-layout1 ul .header-action-btn .item-btn i {
  margin-right: 10px;
}

.header-action-layout1 ul .header-action-btn .item-btn:hover {
  background-color: #287ff9;
  color: #ffffff;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background-color: transparent;
  text-align: center;
  padding: 0;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn:focus {
  outline: none;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap {
  width: 36px;
  height: 17px;
  display: block;
  position: relative;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span {
  position: absolute;
  right: 0;
  height: 2px;
  width: 100%;
  background-color: #c8cfeb;
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) {
  top: 0;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) {
  width: 80%;
  top: 10px;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) {
  top: 20px;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light {
  background-color: transparent;
  box-shadow: none;
  padding: 15px 0;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light .btn-icon-wrap span {
  background-color: #ffffff;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(1n) {
  top: 7px;
  transform: rotate(135deg);
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(2n) {
  left: 40px;
  opacity: 0;
  visibility: hidden;
}

.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(3n) {
  width: 100%;
  top: 7px;
  transform: rotate(-135deg);
}

.header-topbar-layout1 ul li {
  display: inline-block;
  margin-right: 30px;
}

.header-topbar-layout1 ul li:last-child {
  margin-right: 0;
}

.header-topbar-layout1 .header-top-left .social-icon a {
  padding-right: 8px;
  margin-right: 4px;
  font-size: 15px;
  color: #a5b3e9;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-topbar-layout1 .header-top-left .social-icon a:last-child {
  padding-right: 0;
  margin-right: 0;
}

.header-topbar-layout1 .header-top-left .social-icon a:hover {
  color: #ffffff;
}

.header-topbar-layout1 .header-top-left .opening-hour {
  color: #a5b3e9;
  font-size: 15px;
}

.header-topbar-layout1 .header-top-left .opening-hour i {
  font-size: 16px;
  color: #ffffff;
  margin-right: 10px;
}

.header-topbar-layout1 .header-top-right .header-top-btn {
  display: block;
  background-color: #fef22e;
  padding: 8px 30px;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-topbar-layout1 .header-top-right .header-top-btn i {
  margin-right: 10px;
}

.header-topbar-layout1 .header-top-right .header-top-btn:hover {
  background-color: #287ff9;
  color: #ffffff;
}

.header-topbar-layout2 .header-top-right .social-icon a {
  padding-right: 8px;
  margin-right: 5px;
  color: #14287b;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-topbar-layout2 .header-top-right .social-icon a:last-child {
  padding-right: 0;
  margin-right: 0;
}

.header-topbar-layout2 .header-top-right .social-icon a:hover {
  color: #287ff9;
}

.header-topbar-layout2 .header-top-right .social-icon.icon-light a {
  color: #dbdff1;
}

.header-topbar-layout2 .header-top-right .social-icon.icon-light a:hover {
  color: #ffffff;
}

.header-topbar-layout2 .header-top-left .item-location {
  color: #14287b;
}

.header-topbar-layout2 .header-top-left .item-location i {
  font-size: 18px;
  color: #287ff9;
  margin-right: 10px;
}

.header-topbar-layout2 .header-top-left .search-bar-area li {
  display: inline-block;
  margin-right: 15px;
}

.header-topbar-layout2 .header-top-left .search-bar-area li:last-child {
  margin-right: 0;
}

.header-topbar-layout2 .header-top-left .search-bar-area .location-title {
  color: #9aa7dc;
  font-size: 15px;
}

.header-topbar-layout2 .header-top-left .search-bar-area .location-title i {
  font-size: 18px;
  color: #fef22e;
  margin-right: 12px;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group {
  height: 32px;
  border-radius: 4px;
  padding: 0;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .form-control {
  border: none;
  box-shadow: none;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
  height: 32px;
  padding: 5px 20px;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .input-group-addon {
  display: flex;
  padding: 0;
  border: none;
  border-radius: 0 4px 4px 0;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .input-group-addon button {
  cursor: pointer;
  background: #fef22e;
  border-radius: 0 4px 4px 0;
  border: 0;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .input-group-addon button i {
  margin-left: 4px;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .input-group-addon button:focus {
  outline: none;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group .input-group-addon:hover button {
  background: #287ff9;
  color: #ffffff;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group input {
  font-size: 14px;
  color: #14287b;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group input.form-control::-webkit-input-placeholder,
.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
  font-size: 13px;
  color: #646464;
  font-style: italic;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group input.form-control:-moz-placeholder,
.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group textarea.form-control:-moz-placeholder {
  font-size: 13px;
  color: #646464;
  font-style: italic;
}

.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group input.form-control:-ms-input-placeholder,
.header-topbar-layout2 .header-top-left .search-bar-area .search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {
  font-size: 13px;
  color: #646464;
  font-style: italic;
}

.header-middlebar-layout1 {
  padding: 30px 0;
}

.header-middlebar-layout1 .middlebar-content ul li {
  display: inline-flex;
  align-items: center;
  margin-right: 45px;
}

@media only screen and (max-width: 1199px) {
  .header-middlebar-layout1 .middlebar-content ul li {
    margin-right: 40px;
  }
}

.header-middlebar-layout1 .middlebar-content ul li:last-child {
  margin-right: 0;
}

.header-middlebar-layout1 .middlebar-content ul li .item-icon {
  margin-right: 15px;
}

.header-middlebar-layout1 .middlebar-content ul li .item-icon i:before {
  font-size: 34px;
  color: #287ff9;
}

.header-middlebar-layout1 .middlebar-content ul li .item-content .item-title {
  line-height: 1;
  color: #646464;
}

.header-middlebar-layout1 .middlebar-content ul li .item-content .item-subtitle {
  font-weight: 500;
  font-size: 16px;
  color: #111111;
}

.offcanvas-menu-wrap {
  width: 300px;
  position: fixed;
  transform: translateX(-100%);
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
  z-index: 200;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.offcanvas-menu-wrap[data-position='right'] {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

.offcanvas-menu-wrap .close-btn {
  cursor: pointer;
  position: absolute;
  top: 3px;
  right: 25px;
  font-size: 24px;
  font-weight: 500;
  color: #292828;
  padding: 10px;
}

.offcanvas-menu-wrap .offcanvas-content {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 6rem 0 5.5rem;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a {
  display: block;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu {
  text-align: center;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item {
  margin-bottom: 20px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a {
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  padding: 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a:hover {
  color: #14287b;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer {
  text-align: center;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
  font-size: 15px;
  color: #acacac;
  margin-bottom: 14px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li {
  display: inline-block;
  margin-right: 6px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li:last-child {
  margin-right: 0;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a {
  color: #444444;
  padding: 5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover {
  color: #14287b;
}

div#wrapper.open>.offcanvas-mask {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 150;
  animation: slideInRight 500ms ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mean-container .mean-bar {
  background: #ffffff !important;
  float: none;
  padding: 0 !important;
  position: fixed !important;
  top: 0;
  z-index: 20;
}

.mean-container .mean-bar:after {
  content: "";
  clear: both;
  display: block;
}

.mean-container .mean-bar {

  /* ================= Modern Mobile Navigation Drawer ================= */
  .mean-container .mean-bar {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(11, 47, 92, 0.06) !important;
    position: relative !important;
    z-index: 999999 !important;
    min-height: 62px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .mean-container .mean-bar * {
    box-sizing: border-box !important;
  }

  .mean-container .mean-bar a.logo-mobile-menu {
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
  }

  .mean-container .mean-bar .mobile-menu-nav-back {
    padding-left: 16px;
    padding-right: 64px;
    border-bottom: none !important;
    position: relative;
    text-align: left;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #ffffff !important;
  }

  .mean-container .mean-bar a.logo-mobile {
    display: inline-flex !important;
    align-items: center !important;
    height: 100%;
    text-decoration: none;
  }

  .mean-container .mean-bar a.logo-mobile img {
    max-height: 48px !important;
    max-width: 175px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  .mean-container .mean-bar .mobile-menu-nav-back:before {
    display: none !important;
  }

  /* Modern Hamburger & Close Button */
  .mean-container a.meanmenu-reveal {
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    float: none !important;
    width: 42px !important;
    height: 42px !important;
    padding: 10px 9px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    color: #1664c0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  }

  .mean-container a.meanmenu-reveal:hover {
    background: #e0f2fe !important;
    border-color: #93c5fd !important;
  }

  .mean-container a.meanmenu-reveal span {
    display: block !important;
    background: #1664c0 !important;
    height: 2.5px !important;
    width: 22px !important;
    margin: 2px auto !important;
    border-radius: 2px !important;
    transition: all 0.25s ease !important;
  }

  /* When Menu is Open */
  .mean-container a.meanmenu-reveal.meanclose {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-indent: 0 !important;
    text-align: center !important;
  }

  /* Open Menu Container */
  .mean-container .mean-nav {
    float: none !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 16px 32px rgba(11, 47, 92, 0.12) !important;
    border-top: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
  }

  .mean-container .mean-nav>ul {
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    padding: 8px 0 20px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .mean-container .mean-nav>ul:after {
    content: '';
    display: block;
    clear: both;
  }

  .mean-container .mean-nav ul li {
    background: #ffffff !important;
    position: relative !important;
    width: 100% !important;
    border-top: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .mean-container .mean-nav>ul>li>a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0b2f5c !important;
    background-color: #ffffff !important;
    padding: 14px 20px !important;
    text-transform: capitalize !important;
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  .mean-container .mean-nav>ul>li>a:hover,
  .mean-container .mean-nav>ul>li:hover>a {
    color: #1664c0 !important;
    background-color: #f8fafc !important;
  }

  /* Expandable Toggle Button (+ / -) */
  .mean-container .mean-nav ul li a.mean-expand {
    width: 38px !important;
    height: 38px !important;
    line-height: 36px !important;
    text-align: center !important;
    position: absolute !important;
    right: 14px !important;
    top: 6px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1664c0 !important;
    background: #f1f5f9 !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 5 !important;
    transition: all 0.2s ease !important;
  }

  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: #e0f2fe !important;
    border-color: #93c5fd !important;
    color: #0284c7 !important;
  }

  /* Submenu Dropdowns */
  .mean-container .mean-nav ul ul {
    background: #f8fafc !important;
    padding: 4px 0 !important;
    border-left: 3px solid #1664c0 !important;
    margin: 0 !important;
  }

  .mean-container .mean-nav ul ul li {
    background: transparent !important;
    border-bottom: 1px solid #edf2f7 !important;
  }

  .mean-container .mean-nav ul ul li:last-child {
    border-bottom: none !important;
  }

  .mean-container .mean-nav ul ul li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 10px 20px 10px 24px !important;
    text-transform: capitalize !important;
    background: transparent !important;
    display: block !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
  }

  .mean-container .mean-nav ul ul li a:hover {
    color: #1664c0 !important;
    background: #eef5fc !important;
    font-weight: 600 !important;
    padding-left: 28px !important;
  }

  /* Quote button in mobile menu */
  .mean-container .mean-nav ul li.kv-quote-item {
    margin: 16px 20px 12px !important;
    border: none !important;
    width: auto !important;
    background: transparent !important;
  }

  .mean-container .mean-nav ul li.kv-quote-item a.kv-btn-quote {
    background: linear-gradient(135deg, #85c815 0%, #6da90e 100%) !important;
    color: #0b2f5c !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-align: center !important;
    border-radius: 30px !important;
    padding: 13px 24px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    box-shadow: 0 4px 14px rgba(133, 200, 21, 0.35) !important;
    transition: all 0.25s ease !important;
  }

  .mean-container .mean-nav ul li.kv-quote-item a.kv-btn-quote:hover {
    background: #1664c0 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(22, 100, 192, 0.35) !important;
  }

  .mean-container #wrapper {
    padding-top: 62px;
  }


  /*------------------- 4.5 Section Heading -------------------*/
  .heading-layout1 {
    text-align: center;
    margin-bottom: 3.2rem;
    position: relative;
  }

  .heading-layout1 h2 {
    font-weight: 700;
    color: #14287b;
    margin-bottom: 12px;
  }

  .heading-layout1 p {
    width: 50%;
    margin: 0 auto;
  }

  @media only screen and (max-width: 1199px) {
    .heading-layout1 p {
      width: 60%;
    }
  }

  @media only screen and (max-width: 991px) {
    .heading-layout1 p {
      width: 80%;
    }
  }

  @media only screen and (max-width: 767px) {
    .heading-layout1 p {
      width: 100%;
    }
  }

  .heading-layout1:after {
    content: url('img/figure/figure3.png');
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .heading-layout2 {
    text-align: center;
    margin-bottom: 6rem;
  }

  .heading-layout2 h2 {
    font-weight: 700;
    color: #14287b;
    margin-bottom: 12px;
  }

  .heading-layout2 h2 span {
    display: block;
  }

  @media only screen and (max-width: 991px) {
    .heading-layout2 h2 {
      line-height: 40px;
    }
  }

  .heading-layout2 p {
    width: 50%;
    margin: 0 auto;
  }

  .heading-layout3 {
    text-align: center;
    margin-bottom: 3.2rem;
    position: relative;
  }

  .heading-layout3 h2 {
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
  }

  .heading-layout3 p {
    color: #ffffff;
    width: 50%;
    margin: 0 auto;
  }

  @media only screen and (max-width: 1199px) {
    .heading-layout3 p {
      width: 60%;
    }
  }

  @media only screen and (max-width: 991px) {
    .heading-layout3 p {
      width: 70%;
    }
  }

  @media only screen and (max-width: 767px) {
    .heading-layout3 p {
      width: 90%;
    }
  }

  @media only screen and (max-width: 575px) {
    .heading-layout3 p {
      width: 100%;
    }
  }

  .heading-layout3:after {
    content: url('img/figure/figure8.png');
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .heading-layout4 {
    margin-bottom: 26px;
    position: relative;
  }

  .heading-layout4 h3,
  .heading-layout4 h4 {
    font-weight: 600;
    padding-left: 20px;
  }

  .heading-layout4:after {
    content: "";
    height: 24px;
    width: 3px;
    background-color: #287ff9;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  /*------------------- 4.6 Pagination -------------------*/
  .pagination-layout1 ul li {
    display: inline-block;
    margin-right: 5px;
  }

  .pagination-layout1 ul li:last-child {
    margin-right: 0;
  }

  .pagination-layout1 ul li .nav-item {
    display: inline-block;
    background-color: #ededed;
    font-size: 20px;
    font-weight: 500;
    color: #444444;
    padding: 10px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .pagination-layout1 ul li .nav-item:hover {
    background-color: #287ff9;
    color: #ffffff;
  }

  .pagination-layout1 ul li .nav-item.active {
    background-color: #287ff9;
    color: #ffffff;
  }

  .pagination-layout2 {
    margin-bottom: 60px;
  }

  .pagination-layout2 .prev-btn .media .item-img {
    margin-top: 6px;
  }

  .pagination-layout2 .prev-btn .media .item-img img {
    border-radius: 4px;
  }

  .pagination-layout2 .prev-btn .media .media-body .item-title {
    font-weight: 500;
    color: #111111;
    margin-bottom: 2px;
    line-height: 25px;
  }

  @media only screen and (max-width: 1199px) {
    .pagination-layout2 .prev-btn .media .media-body .item-title {
      display: none;
    }
  }

  .pagination-layout2 .prev-btn .media .media-body .item-date {
    margin-bottom: 10px;
    color: #3285f9;
    font-size: 15px;
  }

  .pagination-layout2 .prev-btn .media .media-body .item-date i {
    font-weight: 500;
    margin-right: 10px;
  }

  @media only screen and (max-width: 1199px) {
    .pagination-layout2 .prev-btn .media .media-body .item-date {
      display: none;
    }
  }

  .pagination-layout2 .prev-btn .media .media-body a {
    font-size: 16px;
    color: #646464;
  }

  .pagination-layout2 .prev-btn .media .media-body a i {
    font-size: 15px;
    color: #14287b;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .pagination-layout2 .prev-btn .media .media-body a:hover {
    color: #111111;
  }

  .pagination-layout2 .next-btn .media {
    flex-direction: row-reverse;
  }

  .pagination-layout2 .next-btn .media .item-img {
    margin-top: 6px;
  }

  .pagination-layout2 .next-btn .media .item-img img {
    border-radius: 4px;
  }

  @media only screen and (max-width: 1199px) {
    .pagination-layout2 .next-btn .media .item-img {
      text-align: right;
    }
  }

  .pagination-layout2 .next-btn .media .media-body .item-title {
    font-weight: 500;
    color: #111111;
    margin-bottom: 2px;
    line-height: 25px;
  }

  @media only screen and (max-width: 1199px) {
    .pagination-layout2 .next-btn .media .media-body .item-title {
      display: none;
    }
  }

  .pagination-layout2 .next-btn .media .media-body .item-date {
    margin-bottom: 10px;
    color: #3285f9;
    font-size: 15px;
  }

  .pagination-layout2 .next-btn .media .media-body .item-date i {
    font-weight: 500;
    margin-right: 10px;
  }

  @media only screen and (max-width: 1199px) {
    .pagination-layout2 .next-btn .media .media-body .item-date {
      display: none;
    }
  }

  .pagination-layout2 .next-btn .media .media-body a {
    font-size: 16px;
    color: #646464;
  }

  .pagination-layout2 .next-btn .media .media-body a i {
    font-size: 15px;
    color: #14287b;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .pagination-layout2 .next-btn .media .media-body a:hover {
    color: #111111;
  }

  /*------------------- 4.7 Widget -------------------*/
  @media only screen and (max-width: 991px) {
    .sidebar-break-md {
      margin-top: 5rem;
    }
  }

  .sidebar-widget-area .widget {
    margin-bottom: 4rem;
  }

  .sidebar-widget-area .widget:last-child {
    margin-bottom: 0 !important;
  }

  .widget-search-box {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-search-box .stylish-input-group {
    height: 60px;
    border-radius: 4px;
    padding: 0;
    background-color: #ffffff;
  }

  .widget-search-box .stylish-input-group .form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    color: #111111;
    font-size: 16px;
    height: 60px;
    padding: 10px 20px;
  }

  .widget-search-box .stylish-input-group .input-group-addon {
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none !important;
  }

  .widget-search-box .stylish-input-group .input-group-addon button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-search-box .stylish-input-group .input-group-addon button span {
    color: #14287b;
    font-size: 20px;
    font-weight: 700;
    margin-left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-search-box .stylish-input-group .input-group-addon button:focus {
    outline: none;
  }

  .widget-search-box .stylish-input-group .input-group-addon:hover button span {
    color: #111111;
  }

  .widget-search-box .stylish-input-group input {
    font-size: 16px;
    color: #14287b;
  }

  .widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,
  .widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 16px;
  }

  .widget-search-box .stylish-input-group input.form-control:-moz-placeholder,
  .widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder {
    color: #a9a9a9;
    font-size: 16px;
  }

  .widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder,
  .widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #a9a9a9;
    font-size: 16px;
  }

  .widget-category {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-category .category-list ul li {
    background-color: #ffffff;
    margin-bottom: 2px;
  }

  .widget-category .category-list ul li:last-child {
    margin-bottom: 0;
  }

  .widget-category .category-list ul li a {
    margin-left: 20px;
    position: relative;
    display: block;
    color: #444444;
    padding: 15px 0 15px 22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-category .category-list ul li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .widget-category .category-list ul li a i:before {
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-category .category-list ul li a:hover {
    color: #287ff9;
    padding-left: 30px;
  }

  .widget-category .category-list ul li a:hover i:before {
    color: #287ff9;
  }

  .widget-recent-post {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-recent-post .recent-post-list li {
    background-color: #ffffff;
    padding: 16px 20px 20px;
    margin-bottom: 2px;
  }

  .widget-recent-post .recent-post-list li:last-child {
    margin-bottom: 0;
  }

  .widget-recent-post .recent-post-list li .post-date {
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 4px;
  }

  .widget-recent-post .recent-post-list li .post-date i {
    font-size: 14px;
  }

  .widget-recent-post .recent-post-list li .item-title {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
  }

  .widget-recent-post .recent-post-list li .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-recent-post .recent-post-list li .item-title a:hover {
    color: #3285f9;
  }

  .widget-newsletter {
    background-color: #14287b;
    padding: 40px 40px;
    border-radius: 4px;
    text-align: center;
  }

  .widget-newsletter .item-img {
    margin-bottom: 30px;
  }

  .widget-newsletter .item-img img {
    -webkit-box-shadow: 0px 9px 13px 0px rgba(13, 28, 93, 0.75);
    box-shadow: 0px 9px 13px 0px rgba(13, 28, 93, 0.75);
  }

  .widget-newsletter .item-content .item-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .widget-newsletter .item-content p {
    color: #b7bede;
  }

  .widget-newsletter .item-content .form-box .form-group {
    margin-bottom: 8px;
  }

  .widget-newsletter .item-content .form-box .form-group:last-child {
    margin-bottom: 0;
  }

  .widget-newsletter .item-content .form-box .form-group .form-control {
    text-align: center;
    border: none;
    background-color: #ffffff;
    padding: 10px;
  }

  .widget-newsletter .item-content .form-box .form-group input {
    height: 60px;
  }

  .widget-newsletter .item-content .form-box .form-group .item-btn {
    width: 100%;
    border: none;
    background-color: #fef22e;
    border-radius: 4px;
    font-weight: 500;
    color: #111111;
    padding: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-newsletter .item-content .form-box .form-group .item-btn:hover {
    background-color: #287ff9;
    color: #ffffff;
  }

  .widget-archive {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-archive .archive-list ul li {
    background-color: #ffffff;
    margin-bottom: 2px;
  }

  .widget-archive .archive-list ul li:last-child {
    margin-bottom: 0;
  }

  .widget-archive .archive-list ul li a {
    font-size: 15px;
    position: relative;
    display: block;
    color: #444444;
    padding: 15px 0 15px 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-archive .archive-list ul li a span {
    color: #909090;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-archive .archive-list ul li a:hover {
    color: #14287b;
  }

  .widget-archive .archive-list ul li a:hover span {
    color: #14287b;
  }

  .widget-tag {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-tag .tag-list li {
    display: inline-block;
    margin: 1px -1px;
  }

  .widget-tag .tag-list li a {
    font-size: 14px;
    display: block;
    background-color: #ffffff;
    color: #444444;
    padding: 10px 18px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-tag .tag-list li a:hover {
    background-color: #14287b;
    color: #ffffff;
  }

  .widget-contact-form {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  @media only screen and (max-width: 479px) {
    .widget-contact-form {
      padding: 30px 30px;
    }
  }

  .widget-contact-form .contact-form-box .form-group {
    margin-bottom: 2px;
  }

  .widget-contact-form .contact-form-box .form-group .form-icon {
    position: absolute;
    top: 15px;
    left: 35px;
    color: #cdcccc;
  }

  .widget-contact-form .contact-form-box .form-group .form-control {
    font-size: 15px;
    color: #111111;
    padding-left: 50px;
  }

  .widget-contact-form .contact-form-box .form-group .textarea.form-control {
    padding-top: 18px;
  }

  .widget-contact-form .contact-form-box .form-group input {
    height: 60px;
  }

  .widget-download {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-download .download-list ul li {
    background-color: #ffffff;
    margin-bottom: 2px;
  }

  .widget-download .download-list ul li:last-child {
    margin-bottom: 0;
  }

  .widget-download .download-list ul li a {
    position: relative;
    display: block;
    color: #444444;
    font-weight: 500;
    padding: 15px 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .widget-download .download-list ul li a i {
    font-size: 18px;
    font-weight: 500;
    margin-right: 15px;
  }

  .widget-download .download-list ul li a:hover {
    color: #14287b;
  }

  .widget-banner {
    background-color: #e2ebf0;
    border-radius: 4px;
    text-align: center;
  }

  .widget-banner .item-img img {
    width: 100%;
  }

  .widget-banner .item-content {
    padding: 1.5rem 5rem 5rem;
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .widget-banner .item-content {
      padding: 1.5rem 2rem 5rem;
    }
  }

  @media only screen and (max-width: 479px) {
    .widget-banner .item-content {
      padding: 1.5rem 2rem 5rem;
    }
  }

  .widget-banner .item-content .item-title {
    font-weight: 300;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }

  .widget-banner .item-content .item-title span {
    font-weight: 700;
    font-size: 48px;
  }

  @media only screen and (max-width: 575px) {
    .widget-banner .item-content .item-title {
      font-size: 30px;
    }
  }

  .widget-banner .item-content .item-subtitle {
    font-size: 24px;
    color: #14287b;
    font-weight: 300;
    margin-bottom: 28px;
  }

  @media only screen and (max-width: 575px) {
    .widget-banner .item-content .item-subtitle {
      font-size: 20px;
    }
  }

  .widget-banner .item-content .fw-btn-fill {
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.18);
  }

  .widget-service-info {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  .widget-service-info .service-info ul li {
    background-color: #ffffff;
    padding: 20px 30px 14px;
    margin-bottom: 2px;
  }

  .widget-service-info .service-info ul li:last-child {
    margin-bottom: 0;
  }

  .widget-service-info .service-info ul li .service-price {
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
  }

  @media only screen and (max-width: 1199px) {
    .widget-service-info .service-info ul li .service-price {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 991px) {
    .widget-service-info .service-info ul li .service-price {
      font-size: 26px;
    }
  }

  .widget-service-info .service-info ul li .item-title {
    line-height: 1.2;
  }

  .widget-service-info .service-info ul li .item-subtitle {
    font-weight: 500;
    color: #444444;
  }

  .widget-service-info .service-info ul li.active {
    background-color: #287ff9;
    padding: 28px 30px;
  }

  .widget-project-info {
    background-color: #f8f8f8;
    padding: 40px 40px;
    border-radius: 4px;
  }

  @media only screen and (max-width: 1199px) {
    .widget-project-info {
      padding: 40px 25px;
    }
  }

  .widget-project-info .project-details {
    padding-left: 20px;
  }

  .widget-project-info .project-details>ul>li {
    display: flex;
    margin-bottom: 18px;
    color: #444444;
  }

  .widget-project-info .project-details>ul>li:last-child {
    margin-bottom: 0;
  }

  .widget-project-info .project-details>ul>li span {
    font-size: 18px;
    font-weight: 500;
    color: #14287b;
    min-width: 100px;
    display: inline-block;
    margin-right: 18px;
    position: relative;
  }

  .widget-project-info .project-details>ul>li span:after {
    content: ":";
    font-size: 18px;
    color: #444444;
    font-weight: 500;
    position: absolute;
    top: -1px;
    right: 0;
  }

  .widget-project-info .project-details>ul>li .item-rating li {
    display: inline-block;
    color: #ff6f00;
  }

  /*=======================================================================
5. Template Page Style
=========================================================================*/
  /*------------------- 5.1 About Us -------------------*/
  .about-box-layout1 {
    padding-right: 12rem;
    position: relative;
    z-index: 5;
  }

  @media only screen and (max-width: 1199px) {
    .about-box-layout1 {
      padding-right: 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout1 {
      margin-bottom: 6rem;
    }
  }

  .about-box-layout1 .item-tag {
    font-size: 18px;
    font-weight: 500;
    color: #287ff9;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }

  .about-box-layout1 .item-title {
    font-weight: 700;
  }

  .about-box-layout1 .item-subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 18px;
  }

  .about-box-layout1 .list-item {
    margin-top: 4rem;
  }

  .about-box-layout1 .list-item ul li {
    padding-left: 55px;
    position: relative;
    margin-bottom: 3.5rem;
  }

  .about-box-layout1 .list-item ul li:last-child {
    margin-bottom: 0;
  }

  .about-box-layout1 .list-item ul li:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    color: #287ff9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .about-box-layout1 .list-item ul li h3 {
    font-weight: 700;
  }

  .about-box-layout1 .list-item ul li:hover:after {
    color: #fef22e;
  }

  .about-box-layout2 {
    background-color: #287ff9;
    padding: 5rem 5.5rem 5.5rem;
    border-radius: 4px;
    margin-bottom: 30px;
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout2 {
      padding: 4rem;
    }
  }

  .about-box-layout2 .item-title {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 3rem;
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout2 .item-title {
      padding: 40px;
    }
  }

  .about-box-layout3 {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
  }

  .about-box-layout3 .item-icon {
    position: absolute;
    z-index: -1;
  }

  .about-box-layout3 .shape1 {
    top: 25px;
    left: 50px;
    animation: animate-figure1 infinite 3s;
  }

  .about-box-layout3 .shape2 {
    bottom: 30px;
    right: 150px;
    animation: animate-figure2 infinite 4s;
  }

  .about-box-layout3 .shape3 {
    bottom: 150px;
    left: 115px;
    animation: animate-figure3 infinite 5s;
  }

  .about-box-layout3 .shape4 {
    top: 150px;
    right: 100px;
    animation: animate-figure4 infinite 6s;
  }

  @media only screen and (max-width: 1199px) {
    .about-box-layout4 {
      text-align: center;
    }
  }

  .about-box-layout4 .tag-line {
    display: inline-block;
    font-size: 18px;
    position: relative;
    margin-bottom: 14px;
  }

  .about-box-layout4 .tag-line:after {
    content: "";
    height: 2px;
    width: 67px;
    background-color: #287ff9;
    position: absolute;
    top: 50%;
    right: -85px;
    transform: translateY(-50%);
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout4 .tag-line:after {
      right: -80px;
    }
  }

  .about-box-layout4 .item-title {
    font-weight: 700;
  }

  .about-box-layout4 .item-title span {
    font-weight: 400;
    display: block;
  }

  .about-box-layout4 .service-list {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .about-box-layout4 .service-list ul {
    display: inline-block;
  }

  .about-box-layout4 .service-list ul li {
    text-align: left;
    font-size: 18px;
    color: #111111;
    padding-left: 40px;
    position: relative;
    margin-bottom: 8px;
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout4 .service-list ul li {
      font-size: 17px;
    }
  }

  .about-box-layout4 .service-list ul li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #14287b;
    position: absolute;
    top: 0;
    left: 0;
  }

  .about-box-layout4 .action-area {
    display: flex;
    align-items: center;
  }

  @media only screen and (max-width: 1199px) {
    .about-box-layout4 .action-area {
      display: block;
    }
  }

  @media only screen and (max-width: 1199px) {
    .about-box-layout4 .action-area .btn-fill-sm {
      margin-bottom: 25px;
    }
  }

  .about-box-layout4 .action-area .phone-number {
    margin-left: 3rem;
    font-size: 24px;
    color: #14287b;
    font-weight: 700;
  }

  .about-box-layout4 .action-area .phone-number i:before {
    font-size: 32px;
    color: #14287b;
    margin-right: 10px;
  }

  @media only screen and (max-width: 1199px) {
    .about-box-layout4 .action-area .phone-number {
      margin-left: 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout4 .action-area .phone-number {
      font-size: 22px;
    }

    .about-box-layout4 .action-area .phone-number i:before {
      font-size: 28px;
    }
  }

  .about-box-layout5 {
    position: relative;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout5 {
      margin-bottom: 10rem;
    }
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout5 {
      margin-bottom: 4rem;
    }
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout5 .item-img {
      text-align: center;
    }
  }

  .about-box-layout5 .item-img img {
    border-radius: 4px;
  }

  .about-box-layout5 .popup-img {
    position: absolute;
    bottom: -30px;
    right: 0;
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout5 .popup-img {
      display: none;
    }
  }

  .about-box-layout5 .popup-img img {
    border-radius: 4px;
  }

  .about-box-layout5 .popup-img .item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }

  .about-box-layout5 .popup-img .item-icon .play-btn {
    text-align: center;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: rgba(20, 40, 123, 0.9);
    animation: pulse infinite 2s;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .about-box-layout5 .popup-img .item-icon .play-btn i:before {
    font-size: 26px;
    color: #fef22e;
    margin-left: 8px;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout6 {
      text-align: center;
      margin-bottom: 30px;
    }
  }

  .about-box-layout6 .item-img {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
  }

  .about-box-layout6 .item-img:after {
    content: url('img/figure/about-shape.png');
    position: absolute;
    bottom: -8rem;
    left: -8rem;
    z-index: -1;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout6 .item-img:after {
      display: none;
    }
  }

  .about-box-layout7 .top-left-item {
    padding-right: 5rem;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .top-left-item {
      padding-right: 0;
    }
  }

  .about-box-layout7 .top-left-item .item-tagline {
    font-size: 18px;
    font-weight: 500;
    color: #287ff9;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .top-left-item .item-tagline {
      margin-bottom: 15px;
    }
  }

  .about-box-layout7 .top-left-item .item-title {
    font-weight: 700;
    margin-bottom: 4rem;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .top-left-item .item-title {
      margin-bottom: 20px;
    }
  }

  .about-box-layout7 .top-right-item {
    padding-top: 5rem;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .top-right-item {
      padding-top: 0;
    }
  }

  .about-box-layout7 .item-popup-img {
    margin-bottom: 5.5rem;
    position: relative;
  }

  .about-box-layout7 .item-popup-img .item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }

  .about-box-layout7 .item-popup-img .item-icon .play-btn {
    text-align: center;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: #287ff9;
    animation: pulse infinite 1s;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .item-popup-img .item-icon .play-btn {
      height: 60px;
      width: 60px;
      line-height: 60px;
    }
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout7 .item-popup-img .item-icon .play-btn {
      height: 50px;
      width: 50px;
      line-height: 50px;
    }
  }

  .about-box-layout7 .item-popup-img .item-icon .play-btn i:before {
    font-size: 26px;
    color: #fef22e;
    margin-left: 8px;
  }

  @media only screen and (max-width: 991px) {
    .about-box-layout7 .item-popup-img .item-icon .play-btn i:before {
      font-size: 24px;
    }
  }

  @media only screen and (max-width: 575px) {
    .about-box-layout7 .item-popup-img .item-icon .play-btn i:before {
      font-size: 20px;
    }
  }

  .about-box-layout7 .feature-list ul li {
    padding-left: 55px;
    position: relative;
    margin-bottom: 3.5rem;
  }

  .about-box-layout7 .feature-list ul li:last-child {
    margin-bottom: 0;
  }

  .about-box-layout7 .feature-list ul li:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    color: #287ff9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .about-box-layout7 .feature-list ul li h3 {
    font-weight: 700;
  }

  .about-box-layout7 .feature-list ul li:hover:after {
    color: #fef22e;
  }

  /*------------------- 5.2 Banner -------------------*/
  .banner-wrap-layout1 {
    padding: 14rem 0 15rem;
    background-repeat: no-repeat;
    background-color: #f1f5f7;
  }

  @media only screen and (max-width: 1199px) {
    .banner-wrap-layout1 {
      background-image: none !important;
    }
  }

  .banner-wrap-layout2 {
    padding: 60px 0 0;
  }

  .banner-wrap-layout3 {
    overflow: hidden;
  }

  @media only screen and (max-width: 991px) {
    .banner-wrap-layout3 {
      padding-top: 10rem;
    }
  }

  .banner-wrap-layout4 {
    padding: 14rem 0 20rem;
    background-repeat: no-repeat;
    background-color: #f1f5f7;
  }

  @media only screen and (max-width: 1199px) {
    .banner-wrap-layout4 {
      background-image: none !important;
    }
  }

  .banner-box-layout1 {
    position: relative;
    z-index: 12;
  }

  @media only screen and (max-width: 1199px) {
    .banner-box-layout1 {
      text-align: center;
    }
  }

  .banner-box-layout1 .item-title {
    padding-right: 6rem;
    font-size: 48px;
    font-weight: 700;
    color: #14287b;
    line-height: 1.3;
    margin-bottom: 25px;
  }

  .banner-box-layout1 .item-title span {
    font-weight: 300;
  }

  @media only screen and (max-width: 1199px) {
    .banner-box-layout1 .item-title {
      margin-bottom: 30px;
      font-size: 46px;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout1 .item-title {
      font-size: 44px;
      padding-right: 0;
    }
  }

  @media only screen and (max-width: 767px) {
    .banner-box-layout1 .item-title {
      padding-right: 0;
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .banner-box-layout1 .item-title {
      font-size: 38px;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout2 {
      text-align: center;
    }
  }

  .banner-box-layout2 .item-title {
    padding-right: 6rem;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 18px;
  }

  .banner-box-layout2 .item-title span {
    font-weight: 300;
  }

  @media only screen and (max-width: 1199px) {
    .banner-box-layout2 .item-title {
      font-size: 44px;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout2 .item-title {
      padding-right: 0;
      font-size: 42px;
    }
  }

  @media only screen and (max-width: 767px) {
    .banner-box-layout2 .item-title {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .banner-box-layout2 .item-title {
      font-size: 36px;
    }
  }

  .banner-box-layout2 p {
    color: #ffffff;
    margin-bottom: 30px;
  }

  .banner-box-layout3 {
    padding-top: 6rem;
    text-align: center;
    position: relative;
    z-index: 2;
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout3 {
      overflow: hidden;
    }
  }

  .banner-box-layout3:after {
    content: url('img/figure/figure10.png');
    position: absolute;
    bottom: 0;
    left: -4rem;
    line-height: 0;
    z-index: -1;
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout4 {
      text-align: center;
      margin-bottom: 40px;
    }
  }

  .banner-box-layout4 .item-title {
    padding-right: 6rem;
    font-size: 48px;
    font-weight: 700;
    color: #287ff9;
    line-height: 1.3;
    margin-bottom: 25px;
  }

  .banner-box-layout4 .item-title span {
    font-weight: 300;
    color: #14287b;
  }

  @media only screen and (max-width: 1199px) {
    .banner-box-layout4 .item-title {
      padding-right: 0;
      font-size: 44px;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-box-layout4 .item-title {
      font-size: 42px;
      padding-right: 0;
    }
  }

  @media only screen and (max-width: 767px) {
    .banner-box-layout4 .item-title {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .banner-box-layout4 .item-title {
      font-size: 38px;
    }
  }

  .banner-box-layout5 {
    position: relative;
    z-index: 2;
  }

  .banner-box-layout5 .item-icon {
    position: absolute;
    z-index: -1;
  }

  .banner-box-layout5 .shape1 {
    top: 40px;
    left: 50px;
    animation: animate-figure1 infinite 3s;
  }

  .banner-box-layout5 .shape2 {
    bottom: 50px;
    right: 40px;
    animation: animate-figure2 infinite 4s;
  }

  .banner-box-layout5 .shape3 {
    bottom: 50px;
    left: 60px;
    animation: animate-figure3 infinite 5s;
  }

  .banner-box-layout5 .shape4 {
    top: 30px;
    right: 50px;
    transform: scale(0.7);
    animation: animate-figure4 infinite 6s;
  }

  .banner-box-layout5 .item-img {
    text-align: center;
  }

  /*------------------- 5.3 Blog -------------------*/
  .blog-box-layout1 {
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 3rem;
  }

  .blog-box-layout1 .item-img {
    overflow: hidden;
  }

  .blog-box-layout1 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
  }

  .blog-box-layout1 .item-content {
    padding: 24px 30px 22px 30px;
  }

  .blog-box-layout1 .item-content .item-date {
    font-size: 15px;
    color: #111111;
    margin-bottom: 12px;
  }

  .blog-box-layout1 .item-content .item-date i {
    color: #3285f9;
    margin-right: 12px;
  }

  .blog-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px;
  }

  .blog-box-layout1 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .blog-box-layout1 .item-content .item-title a:hover {
    color: #3285f9;
  }

  .blog-box-layout1 .item-content h2.item-title {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }

  @media only screen and (max-width: 1199px) {
    .blog-box-layout1 .item-content h2.item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 991px) {
    .blog-box-layout1 .item-content h2.item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 767px) {
    .blog-box-layout1 .item-content h2.item-title {
      font-size: 24px;
    }
  }

  @media only screen and (max-width: 575px) {
    .blog-box-layout1 .item-content h2.item-title {
      font-size: 22px;
    }
  }

  .blog-box-layout1 .item-content .item-author {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
  }

  .blog-box-layout1 .item-content .item-author:after {
    content: "";
    height: 2px;
    width: 19px;
    background-color: #2f3abd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .blog-box-layout1 .item-content .entry-meta {
    border-top: 1px solid #ebebeb;
    padding-top: 12px;
  }

  .blog-box-layout1 .item-content .entry-meta ul {
    display: flex;
    justify-content: space-between;
  }

  .blog-box-layout1 .item-content .entry-meta ul li {
    font-size: 15px;
  }

  .blog-box-layout1 .item-content .entry-meta ul li span {
    color: #111111;
    font-weight: 500;
  }

  .blog-box-layout1 .item-content .entry-meta ul li a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .blog-box-layout1 .item-content .entry-meta ul li a:hover {
    color: #3285f9;
  }

  .blog-box-layout1 .item-content .entry-meta ul li i {
    color: #a5a5a5;
    margin-right: 10px;
  }

  .blog-box-layout1 .item-content .entry-meta-2 {
    border-top: 1px solid #ebebeb;
    padding-top: 12px;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul {
    display: flex;
  }

  @media only screen and (max-width: 575px) {
    .blog-box-layout1 .item-content .entry-meta-2 ul {
      display: block;
    }
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li {
    font-size: 15px;
    margin-right: 30px;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li:last-child {
    margin-right: 0;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li span {
    color: #111111;
    font-weight: 500;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li a:hover {
    color: #3285f9;
  }

  .blog-box-layout1 .item-content .entry-meta-2 ul li i {
    color: #a5a5a5;
    margin-right: 10px;
  }

  @media only screen and (max-width: 575px) {
    .blog-box-layout1 .item-content .entry-meta-2 ul li {
      margin-bottom: 5px;
      margin-right: 0;
    }
  }

  .blog-box-layout1:hover .item-img img {
    transform: scale(1.1);
  }

  .blog-box-layout2 {
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(191, 191, 191, 0.35);
    box-shadow: 0px 1px 0px 0px rgba(191, 191, 191, 0.35);
    margin-bottom: 3rem;
  }

  .blog-box-layout2 .item-img {
    overflow: hidden;
  }

  .blog-box-layout2 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
  }

  .blog-box-layout2 .item-content {
    padding: 25px 30px;
  }

  .blog-box-layout2 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px;
  }

  .blog-box-layout2 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .blog-box-layout2 .item-content .item-title a:hover {
    color: #3285f9;
  }

  .blog-box-layout2 .item-content h2.item-title {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }

  @media only screen and (max-width: 1199px) {
    .blog-box-layout2 .item-content h2.item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 991px) {
    .blog-box-layout2 .item-content h2.item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 767px) {
    .blog-box-layout2 .item-content h2.item-title {
      font-size: 24px;
    }
  }

  @media only screen and (max-width: 575px) {
    .blog-box-layout2 .item-content h2.item-title {
      font-size: 22px;
    }
  }

  .blog-box-layout2 .item-content .entry-info ul li {
    display: inline-block;
    font-size: 15px;
    color: #646464;
    margin-bottom: 12px;
    margin-right: 30px;
  }

  .blog-box-layout2 .item-content .entry-info ul li i {
    color: #3285f9;
    margin-right: 10px;
  }

  .blog-box-layout2 .item-content .entry-info ul li:last-child {
    margin-right: 0;
  }

  .blog-box-layout2 .item-content .entry-meta {
    border-top: 1px solid #ebebeb;
    padding-top: 12px;
  }

  .blog-box-layout2 .item-content .entry-meta ul {
    display: flex;
    justify-content: space-between;
  }

  .blog-box-layout2 .item-content .entry-meta ul li {
    font-size: 15px;
  }

  .blog-box-layout2 .item-content .entry-meta ul li span {
    color: #111111;
    font-weight: 500;
  }

  .blog-box-layout2 .item-content .entry-meta ul li a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .blog-box-layout2 .item-content .entry-meta ul li a:hover {
    color: #3285f9;
  }

  .blog-box-layout2 .item-content .entry-meta ul li i {
    color: #a5a5a5;
    margin-right: 10px;
  }

  .blog-box-layout2:hover .item-img img {
    transform: scale(1.1);
  }

  .single-blog-box-layout1 .main-img {
    margin-bottom: 25px;
  }

  .single-blog-box-layout1 .main-img img {
    border-radius: 4px;
  }

  .single-blog-box-layout1 .item-details {
    margin-bottom: 35px;
  }

  .single-blog-box-layout1 .item-details .item-date {
    font-size: 15px;
    color: #111111;
    margin-bottom: 5px;
  }

  .single-blog-box-layout1 .item-details .item-date i {
    margin-right: 14px;
    color: #3285f9;
  }

  .single-blog-box-layout1 .item-details .item-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 38px;
  }

  @media only screen and (max-width: 1199px) {
    .single-blog-box-layout1 .item-details .item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 991px) {
    .single-blog-box-layout1 .item-details .item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .item-details .item-title {
      font-size: 24px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .item-details .item-title {
      font-size: 22px;
    }
  }

  .single-blog-box-layout1 .item-details .entry-meta {
    margin-bottom: 25px;
    border-bottom: 1px solid #e7e7e7;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li {
    display: inline-block;
    margin-right: 25px;
    font-size: 15px;
    margin-bottom: 12px;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li img {
    margin-right: 10px;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li span {
    color: #111111;
    font-weight: 500;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li a {
    color: #646464;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li a:hover {
    color: #111111;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li i {
    color: #a5a5a5;
    margin-right: 10px;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul li:last-child {
    margin-right: 0;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul .item-author {
    position: relative;
    padding-left: 25px;
  }

  .single-blog-box-layout1 .item-details .entry-meta ul .item-author:after {
    content: "";
    height: 2px;
    width: 18px;
    background-color: #2f3abd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .single-blog-box-layout1 .item-details blockquote {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 45px 60px 40px;
    color: #092d4c;
    font-size: 22px;
    font-style: italic;
    line-height: 1.7;
    margin: 35px 40px;
  }

  @media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .item-details blockquote {
      margin: 0 0 15px;
      padding: 30px;
    }
  }

  .single-blog-box-layout1 .item-details blockquote .post-author {
    font-size: 18px;
    font-weight: 500;
    color: #14287b;
    font-style: normal;
    position: relative;
    padding-left: 34px;
    margin-top: 15px;
  }

  .single-blog-box-layout1 .item-details blockquote .post-author:after {
    content: "";
    height: 2px;
    width: 23px;
    background-color: #3285f9;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .single-blog-box-layout1 .blog-social-area {
    margin-bottom: 50px;
  }

  @media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .blog-social-area {
      text-align: center;
    }
  }

  .single-blog-box-layout1 .blog-social-area .single-post-tag .item-title {
    font-weight: 600;
    margin-bottom: 10px;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-tag a {
    color: #444444;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-tag a:hover {
    color: #14287b;
  }

  @media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .blog-social-area .single-post-tag {
      margin-bottom: 20px;
    }
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social .item-title {
    font-weight: 600;
    margin-bottom: 4px;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social ul li {
    display: inline-block;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social ul li:first-child a {
    padding-left: 0;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social ul li:last-child a {
    padding-right: 0;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social ul li a {
    display: block;
    padding: 6px;
    color: #a7a7a7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-blog-box-layout1 .blog-social-area .single-post-social ul li a:hover {
    color: #14287b;
  }

  .single-blog-box-layout1 .blog-author {
    background-color: #f8f8f8;
    padding: 50px 40px 22px 65px;
    border-radius: 4px;
    margin-bottom: 50px;
  }

  @media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .blog-author {
      padding: 50px 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-blog-box-layout1 .blog-author .media {
      text-align: center;
    }
  }

  .single-blog-box-layout1 .blog-author .media .item-img img {
    border-radius: 50%;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-title {
    font-weight: 600;
    color: #3285f9;
    margin-bottom: 4px;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-subtitle {
    color: #444444;
    margin-bottom: 4px;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-social {
    margin-bottom: 10px;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-social li {
    display: inline-block;
    margin-right: 10px;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-social li a {
    text-align: center;
    display: block;
    color: #8e8e8e;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-blog-box-layout1 .blog-author .media .media-body .item-social li a:hover {
    color: #14287b;
  }

  .single-blog-box-layout1 .blog-comment {
    margin-bottom: 50px;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 40px 40px 30px;
  }

  .single-blog-box-layout1 .blog-comment .media {
    position: relative;
    margin-bottom: 20px;
  }

  .single-blog-box-layout1 .blog-comment .media:last-child {
    margin-bottom: 0;
  }

  .single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
    padding-left: 30px;
  }

  .single-blog-box-layout1 .blog-comment .media .item-img {
    margin-top: 6px;
  }

  .single-blog-box-layout1 .blog-comment .media .item-img img {
    border-radius: 50%;
  }

  .single-blog-box-layout1 .blog-comment .media .media-body .item-title {
    margin-bottom: 0;
    font-weight: 600;
  }

  .single-blog-box-layout1 .blog-comment .media .media-body .item-date {
    font-size: 15px;
    color: #444444;
    margin-bottom: 8px;
  }

  .single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #3285f9;
    padding: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover {
    color: #111111;
  }

  @media only screen and (max-width: 575px) {
    .single-blog-box-layout1 .blog-comment .media {
      text-align: center;
      margin-bottom: 30px;
    }

    .single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
      padding-left: 0;
    }

    .single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
      position: relative;
    }
  }

  .single-blog-box-layout1 .blog-form {
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 35px 40px 40px;
  }

  @media only screen and (max-width: 479px) {
    .single-blog-box-layout1 .blog-form {
      padding: 20px;
    }
  }

  .single-blog-box-layout1 .blog-form .blog-form-title h3 {
    font-weight: 600;
  }

  .single-blog-box-layout1 .blog-form .contact-form-box .form-group {
    margin-bottom: 20px;
  }

  .single-blog-box-layout1 .blog-form .contact-form-box .form-group:last-child {
    margin-bottom: 0;
  }

  .single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control {
    border: none;
    background-color: #f1f1f1;
    padding: 10px 22px;
    font-size: 16px;
    color: #111111;
  }

  .single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control:focus {
    box-shadow: none;
    border: none;
    outline: none;
  }

  .single-blog-box-layout1 .blog-form .contact-form-box .form-group input {
    height: 50px;
  }

  /*------------------- 5.4 Brand -------------------*/
  .brand-wrap-layout2 {
    padding: 15.5rem 0 12rem;
  }

  .brand-box-layout1 {
    text-align: center;
    padding: 5rem 2rem;
  }

  .brand-box-layout1 .item-img img {
    display: inline-block;
    width: auto;
  }

  .brand-box-layout2 {
    text-align: center;
  }

  .brand-box-layout2 .item-img a {
    padding: 2rem;
    background-color: #f6f7fa;
    display: block;
  }

  .brand-box-layout2 .item-img a img {
    display: inline-block;
    width: auto;
  }

  /*------------------- 5.5 Call To Action -------------------*/
  .action-wrap-layout1 {
    padding: 9rem 0;
    background-color: #14287b;
    overflow: hidden;
  }

  .action-wrap-layout2 {
    background-color: #287ff9;
    padding: 7rem 0;
  }

  .action-box-layout1 {
    position: relative;
    z-index: 2;
  }

  .action-box-layout1 .item-title {
    font-weight: 600;
    color: #ffffff;
  }

  @media only screen and (max-width: 991px) {
    .action-box-layout1 .item-title {
      text-align: center;
      margin-bottom: 20px !important;
    }
  }

  .action-box-layout1 .item-img {
    position: absolute;
    bottom: -11rem;
    right: 4rem;
    z-index: -1;
  }

  @media only screen and (max-width: 1199px) {
    .action-box-layout1 .item-img {
      bottom: -14rem;
    }
  }

  @media only screen and (max-width: 991px) {
    .action-box-layout1 .item-img {
      display: none;
    }
  }

  @media only screen and (max-width: 1199px) {
    .action-box-layout1 .item-img.bottom-bubble {
      bottom: -16rem;
    }
  }

  @media only screen and (max-width: 991px) {
    .action-box-layout1 {
      text-align: center;
    }
  }

  .action-box-layout2 .item-title {
    margin-bottom: 0;
    font-weight: 700;
    color: #ffffff;
  }

  @media only screen and (max-width: 767px) {
    .action-box-layout2 .item-title {
      margin-bottom: 20px;
      text-align: center;
    }
  }

  .action-box-layout2 .newsletter-form .stylish-input-group {
    height: 60px;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0px 4px 13px 0px rgba(22, 94, 196, 0.75);
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .form-control {
    border: none;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    background: #ffffff;
    color: #111111;
    font-size: 16px;
    height: 60px;
    padding: 10px 20px;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .input-group-addon {
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0 4px 4px 0;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .input-group-addon button {
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    background: #fef22e;
    border: 0;
    padding: 0 35px;
    font-size: 15px;
    font-weight: 700;
    color: #14287b;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .input-group-addon button i {
    margin-left: 6px;
    font-size: 16px;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .input-group-addon button:focus {
    outline: none;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group .input-group-addon:hover button {
    background: #14287b;
    color: #ffffff;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group input {
    font-size: 16px;
    color: #14287b;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group input.form-control::-webkit-input-placeholder,
  .action-box-layout2 .newsletter-form .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #aaaaaa;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group input.form-control:-moz-placeholder,
  .action-box-layout2 .newsletter-form .stylish-input-group textarea.form-control:-moz-placeholder {
    color: #aaaaaa;
  }

  .action-box-layout2 .newsletter-form .stylish-input-group input.form-control:-ms-input-placeholder,
  .action-box-layout2 .newsletter-form .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #aaaaaa;
  }

  /*------------------- 5.6 Coming Soon -------------------*/
  .comingsoon-page {
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
  }

  @media only screen and (max-width: 991px) {
    .comingsoon-page {
      overflow-y: scroll;
    }
  }

  .comingsoon-page .comingsoon-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -100;
  }

  .comingsoon-page .comingsoon-back-img img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .comingsoon-page .comingsoon-content-wrap {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  @media only screen and (max-width: 991px) {
    .comingsoon-page .comingsoon-content-wrap {
      margin: 50px 0 100px;
    }
  }

  .comingsoon-page .comingsoon-content {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    width: 100%;
  }

  .comingsoon-page .comingsoon-content .comingsoon-logo {
    margin-bottom: 9rem;
  }

  .comingsoon-page .comingsoon-content .comingsoon-logo a {
    display: inline-block;
  }

  .comingsoon-page .comingsoon-content h1 {
    margin-bottom: 10rem;
    font-weight: 500;
    font-size: 7rem;
    text-transform: capitalize;
    color: #14287b;
  }

  @media only screen and (max-width: 767px) {
    .comingsoon-page .comingsoon-content h1 {
      margin-bottom: 3rem;
      font-size: 5rem;
    }
  }

  @media only screen and (max-width: 575px) {
    .comingsoon-page .comingsoon-content h1 {
      font-size: 4rem;
    }
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom {
    margin-bottom: 10px;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
    text-align: center;
    margin-bottom: 20px;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li {
    display: inline-block;
    margin-right: 2px;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child {
    margin-right: 0;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a {
    text-align: center;
    color: #ffffff;
    background-color: #14287b;
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    height: 45px;
    width: 45px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover {
    background-color: #fef22e;
    color: #14287b;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
    text-align: center;
  }

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p {
    color: #14287b;
    font-size: 16px;
  }

  .countdown-layout1 {
    text-align: center;
    margin-bottom: 5rem;
  }

  .countdown-layout1 .countdown-section {
    text-align: center;
    height: 150px;
    width: 150px;
    background: #fef22e;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
    margin-right: 2px;
  }

  .countdown-layout1 .countdown-section:after {
    content: "";
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 28px;
    right: -10px;
    z-index: 50;
  }

  .countdown-layout1 .countdown-section:before {
    content: "";
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    bottom: 28px;
    right: -10px;
    z-index: 50;
  }

  @media only screen and (max-width: 767px) {
    .countdown-layout1 .countdown-section {
      padding: 10px 0;
    }
  }

  @media only screen and (max-width: 575px) {
    .countdown-layout1 .countdown-section {
      padding: 15px 0;
    }
  }

  .countdown-layout1 .countdown-section .countdown-number {
    padding: 25px 0;
    font-size: 6rem;
    line-height: 1.1;
    font-weight: 700;
    color: #000000;
  }

  @media only screen and (max-width: 767px) {
    .countdown-layout1 .countdown-section .countdown-number {
      font-size: 5rem;
    }
  }

  @media only screen and (max-width: 575px) {
    .countdown-layout1 .countdown-section .countdown-number {
      font-size: 4rem;
    }
  }

  @media only screen and (max-width: 479px) {
    .countdown-layout1 .countdown-section .countdown-number {
      font-size: 3rem;
    }
  }

  .countdown-layout1 .countdown-section .countdown-unit {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    color: #56520a;
    text-transform: capitalize;
    font-size: 18px;
  }

  .countdown-layout1 .countdown-section:last-child:after {
    display: none;
  }

  .countdown-layout1 .countdown-section:last-child:before {
    display: none;
  }

  /*------------------- 5.7 Contact Page -------------------*/
  .contact-box-layout1 .google-map-area {
    margin-bottom: 40px;
  }

  .contact-box-layout1 .contact-info {
    display: flex;
    justify-content: space-between;
  }

  @media only screen and (max-width: 767px) {
    .contact-box-layout1 .contact-info {
      display: block;
      text-align: center;
    }
  }

  .contact-box-layout1 .contact-info .media {
    margin-right: 20px;
    margin-bottom: 30px;
  }

  @media only screen and (max-width: 767px) {
    .contact-box-layout1 .contact-info .media {
      margin-right: 0;
    }
  }

  .contact-box-layout1 .contact-info .media:last-child {
    margin-right: 0;
  }

  .contact-box-layout1 .contact-info .media .item-icon i:before {
    font-size: 26px;
    color: #287ff9;
  }

  .contact-box-layout1 .contact-info .media .media-body h4 {
    font-weight: 700;
    margin-bottom: 6px;
  }

  /*------------------- 5.8 Error Page -------------------*/
  .error-box-layout1 {
    text-align: center;
    padding: 17rem 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media only screen and (max-width: 1199px) {
    .error-box-layout1 {
      background-image: none !important;
      padding: 0;
    }
  }

  .error-box-layout1 .error-logo {
    margin-bottom: 65px;
  }

  .error-box-layout1 .item-title {
    font-size: 48px;
    color: #ffffff;
    margin-bottom: 25px;
  }

  @media only screen and (max-width: 1199px) {
    .error-box-layout1 .item-title {
      font-size: 44px;
    }
  }

  @media only screen and (max-width: 991px) {
    .error-box-layout1 .item-title {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 767px) {
    .error-box-layout1 .item-title {
      font-size: 38px;
    }
  }

  @media only screen and (max-width: 575px) {
    .error-box-layout1 .item-title {
      font-size: 36px;
    }
  }

  .error-box-layout1 p {
    width: 40%;
    margin: 0 auto 34px;
    color: #ffffff;
  }

  @media only screen and (max-width: 991px) {
    .error-box-layout1 p {
      width: 100%;
    }
  }

  .error-box-layout1 .item-btn {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    background-color: #287ff9;
    border-radius: 4px;
    padding: 15px 55px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .error-box-layout1 .item-btn:hover {
    background-color: #ffffff;
    color: #14287b;
  }

  /*------------------- 5.9 Faq Page -------------------*/
  .faq-box-layout1 .faq-title {
    font-weight: 700;
  }

  .faq-box-layout1 .accordion .card {
    border: 1px solid #e1e1e1 !important;
    margin-bottom: 20px;
    border-radius: 4px !important;
  }

  .faq-box-layout1 .accordion .card .card-header {
    border: none;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }

  .faq-box-layout1 .accordion .card .card-header .heading-title {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 18px 80px 18px 30px;
    font-weight: 500;
    color: #ffffff;
    background-color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .faq-box-layout1 .accordion .card .card-header .heading-title:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    background-color: #287ff9;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #287ff9;
    text-align: center;
  }

  .faq-box-layout1 .accordion .card .card-header .heading-title.collapsed {
    color: #14287b;
    background-color: transparent;
  }

  .faq-box-layout1 .accordion .card .card-header .heading-title.collapsed:before {
    content: "\f105";
    color: #14287b;
    border: 1px solid #cccccc;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .faq-box-layout1 .accordion .card .card-body {
    padding: 10px 30px 25px;
    position: relative;
  }

  .faq-box-layout1 .accordion .card:last-child {
    margin-bottom: 0;
  }

  /*------------------- 5.10 Pricing Table -------------------*/
  .pricing-box-layout1 {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 6rem 5rem;
    text-align: center;
    position: relative;
    margin-bottom: 3rem;
  }

  .pricing-box-layout1:before {
    content: url('img/figure/bubble3.png');
    position: absolute;
    top: 0;
    left: 0;
  }

  .pricing-box-layout1:after {
    content: url('img/figure/bubble4.png');
    position: absolute;
    top: 0;
    right: 0;
  }

  .pricing-box-layout1 .popular-text {
    position: absolute;
    top: 47px;
    left: -73px;
    transform: rotate(-50deg);
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    background-color: #287ff9;
    padding: 4px 70px;
    -webkit-clip-path: polygon(16% 0, 86% 0, 100% 100%, 0% 100%);
    clip-path: polygon(16% 0, 86% 0, 100% 100%, 0% 100%);
    z-index: 2;
  }

  .pricing-box-layout1 .popular-shape {
    position: relative;
  }

  .pricing-box-layout1 .popular-shape:after {
    content: "";
    height: 76%;
    width: 92%;
    background-color: #084dae;
    transform: rotate(-50deg);
    position: absolute;
    top: 10px;
    left: -93px;
    z-index: -2;
    -webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 16% 100%);
    clip-path: polygon(0 0, 100% 0, 86% 100%, 16% 100%);
  }

  @media only screen and (max-width: 1199px) {
    .pricing-box-layout1 .popular-shape:after {
      width: 128%;
      top: 13px;
      left: -90px;
    }
  }

  @media only screen and (max-width: 991px) {
    .pricing-box-layout1 .popular-shape:after {
      width: 41%;
      top: 17px;
      left: -86px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pricing-box-layout1 .popular-shape:after {
      width: 57%;
      top: 23px;
      left: -82px;
    }
  }

  @media only screen and (max-width: 575px) {
    .pricing-box-layout1 .popular-shape:after {
      display: none;
    }
  }

  .pricing-box-layout1 .item-icon {
    margin-bottom: 25px;
  }

  .pricing-box-layout1 .item-icon i {
    display: inline-block;
    line-height: 1;
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .pricing-box-layout1 .item-icon i:before {
    font-size: 52px;
    color: #287ff9;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .pricing-box-layout1 .item-title {
    font-size: 30px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 25px;
  }

  @media only screen and (max-width: 991px) {
    .pricing-box-layout1 .item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pricing-box-layout1 .item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 575px) {
    .pricing-box-layout1 .item-title {
      font-size: 24px;
    }
  }

  .pricing-box-layout1 .item-feature {
    margin-bottom: 40px;
  }

  .pricing-box-layout1 .item-feature ul li {
    color: #444444;
    margin-bottom: 6px;
  }

  .pricing-box-layout1 .item-feature ul li i {
    margin-right: 10px;
    font-size: 14px;
    color: #14287b;
    position: relative;
    bottom: 2px;
  }

  .pricing-box-layout1 .item-price {
    margin-bottom: 22px;
  }

  .pricing-box-layout1 .item-price .item-currency {
    font-size: 48px;
    color: #287ff9;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 6px;
  }

  @media only screen and (max-width: 991px) {
    .pricing-box-layout1 .item-price .item-currency {
      font-size: 46px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pricing-box-layout1 .item-price .item-currency {
      font-size: 42px;
    }
  }

  @media only screen and (max-width: 575px) {
    .pricing-box-layout1 .item-price .item-currency {
      font-size: 38px;
    }
  }

  .pricing-box-layout1:hover .item-icon i {
    transform: scale(1.2);
  }

  .pricing-box-layout1:hover .item-icon i:before {
    color: #14287b;
  }

  /*------------------- 5.11 Process -------------------*/
  .process-box-layout1 {
    text-align: center;
    padding: 0 4rem;
    margin-bottom: 3rem;
    position: relative;
  }

  .process-box-layout1:after {
    content: url('img/figure/teer.png');
    position: absolute;
    top: 10rem;
    right: -50px;
  }

  @media only screen and (max-width: 991px) {
    .process-box-layout1:after {
      display: none;
    }
  }

  .process-box-layout1 .item-bg {
    position: relative;
    margin-bottom: 2.6rem;
  }

  .process-box-layout1 .item-bg img {
    transform: rotate(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .process-box-layout1 .item-bg .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color: #3084f9;
    font-size: 48px;
  }

  .process-box-layout1 .item-content .item-title {
    font-weight: 700;
    margin-bottom: 10px;
  }

  .process-box-layout1:hover .item-bg img {
    transform: rotate(180deg);
  }

  .single-process:last-child .process-box-layout1:after {
    display: none;
  }

  /*------------------- 5.12 Progress -------------------*/
  .progress-wrap-layout1 {
    background-color: #f4efeb;
    background-image: url('img/figure/banne-img1.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media only screen and (max-width: 1199px) {
    .progress-wrap-layout1 {
      background-size: cover;
    }
  }

  .progress-wrap-layout2 {
    background-color: #eff4f6;
    background-image: url('img/figure/figure7.png');
    background-position: top right;
    background-repeat: no-repeat;
  }

  .progress-wrap-layout3 {
    background-color: #f3f3f3;
    background-image: url('img/figure/figure13.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media only screen and (max-width: 1199px) {
    .progress-wrap-layout3 {
      background-size: cover;
    }
  }

  .progress-box-layout1 {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 5.5rem 7rem 6.5rem;
    text-align: center;
  }

  @media only screen and (max-width: 767px) {
    .progress-box-layout1 {
      padding: 3rem 3rem 6rem;
    }
  }

  @media only screen and (max-width: 575px) {
    .progress-box-layout1 {
      padding: 3rem 3rem 0;
    }
  }

  .progress-box-layout1 .item-title {
    font-weight: 600;
    margin-bottom: 10rem;
  }

  .progress-box-layout1 .item-content .counter-item {
    position: relative;
    z-index: 2;
  }

  @media only screen and (max-width: 575px) {
    .progress-box-layout1 .item-content .counter-item {
      margin-bottom: 12rem;
    }

    .progress-box-layout1 .item-content .counter-item [class^="col-"] .counter-item:last-child {
      margin-bottom: 0;
    }
  }

  .progress-box-layout1 .item-content .counter-item .count-number {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #287ff9;
    margin-bottom: 20px;
  }

  @media only screen and (max-width: 575px) {
    .progress-box-layout1 .item-content .counter-item .count-number {
      font-size: 48px;
      margin-bottom: 10px;
    }
  }

  .progress-box-layout1 .item-content .counter-item .count-title {
    font-size: 18px;
    font-weight: 500;
  }

  .progress-box-layout1 .item-content .counter-item .bg-icon {
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
    z-index: -1;
    font-size: 150px;
    color: #f3f3f3;
  }

  @media only screen and (max-width: 575px) {
    .progress-box-layout1 .item-content .counter-item .bg-icon {
      font-size: 130px;
    }
  }

  /*------------------- 5.13 Project -------------------*/
  .project-box-layout1 {
    margin-bottom: 25px;
  }

  .project-box-layout1 .item-img {
    text-align: center;
    -webkit-box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
  }

  .project-box-layout1 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(40, 127, 249, 0.9);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-img img {
    border-radius: 4px;
  }

  .project-box-layout1 .item-img .hover-dot {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-img .hover-dot span {
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 1px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-img .hover-dot span:last-child {
    margin-right: 0;
  }

  .project-box-layout1 .item-img .hover-icon-wrap {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-img .hover-icon-wrap .hover-icon {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 4px;
    color: #14287b;
    font-size: 22px;
    padding: 12px 22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-img .hover-icon-wrap .hover-icon:hover {
    background-color: #14287b;
    color: #ffffff;
  }

  .project-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 5px;
  }

  .project-box-layout1 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .project-box-layout1 .item-content .item-tag a {
    color: #444444;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .project-box-layout1 .item-content .item-tag a:hover {
    color: #14287b;
  }

  .project-box-layout1:hover .item-img:after {
    visibility: visible;
    opacity: 1;
  }

  .project-box-layout1:hover .item-img .hover-dot {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1);
    transition-delay: 0.1s;
  }

  .project-box-layout1:hover .item-img .hover-icon-wrap {
    visibility: visible;
    opacity: 1;
    left: 0;
    right: 0;
  }

  .single-project-box-layout1 .single-project-slider {
    margin-bottom: 40px;
  }

  .single-project-box-layout1 .single-project-slider .slide-item img {
    border-radius: 4px;
  }

  .single-project-box-layout1 .single-project-info .item-content {
    margin-bottom: 35px;
  }

  .single-project-box-layout1 .single-project-info .item-content .item-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
  }

  @media only screen and (max-width: 991px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-project-box-layout1 .single-project-info .item-content .item-title {
      font-size: 24px;
    }
  }

  .single-project-box-layout1 .single-project-info .item-content .list-item {
    padding-left: 30px;
    margin-bottom: 20px;
  }

  @media only screen and (max-width: 767px) {
    .single-project-box-layout1 .single-project-info .item-content .list-item {
      padding-left: 0;
    }
  }

  .single-project-box-layout1 .single-project-info .item-content .list-item li {
    position: relative;
    font-size: 18px;
    color: #092d4c;
    font-weight: 500;
    margin-bottom: 8px;
    padding-left: 30px;
  }

  .single-project-box-layout1 .single-project-info .item-content .list-item li i {
    color: #287ff9;
    position: absolute;
    top: 5px;
    left: 0;
  }

  @media only screen and (max-width: 575px) {
    .single-project-box-layout1 .single-project-info .item-content .list-item li {
      font-size: 16px;
    }
  }

  /*------------------- 5.14 Service -------------------*/
  .service-box-layout1 {
    text-align: center;
    margin-bottom: 30px;
  }

  .service-box-layout1 .item-img {
    overflow: hidden;
  }

  .service-box-layout1 .item-img img {
    border-radius: 4px 4px 0 0;
    transform: scale(1);
    transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
  }

  .service-box-layout1 .item-middle-content {
    position: relative;
  }

  .service-box-layout1 .item-middle-content .item-icon {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: #287ff9;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout1 .item-middle-content .item-icon .home-icon {
    font-size: 26px;
    color: #ffffff;
    position: relative;
    z-index: 2;
  }

  .service-box-layout1 .item-middle-content .item-icon .home-icon:after {
    content: url('img/figure/dot-bubble.png');
    position: absolute;
    top: -15px;
    right: 18px;
    z-index: -1;
  }

  .service-box-layout1 .item-content {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(207, 213, 224, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(207, 213, 224, 0.75);
    background-color: #ffffff;
    padding: 60px 20px 35px;
    border-radius: 0px 0px 4px 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout1 .item-content .item-title {
    font-weight: 600;
  }

  .service-box-layout1 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout1 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .service-box-layout1 .item-content .serivce-list ul {
    display: inline-block;
  }

  .service-box-layout1 .item-content .serivce-list ul li {
    position: relative;
    color: #444444;
    margin-bottom: 10px;
    padding-left: 20px;
    text-align: left;
  }

  .service-box-layout1 .item-content .serivce-list ul li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 600;
    color: #14287b;
    position: absolute;
    top: 0;
    left: 0;
  }

  .service-box-layout1:hover .item-img img {
    transform: scale(1.1);
  }

  .service-box-layout1:hover .item-middle-content .item-icon {
    background-color: #14287b;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  }

  .service-box-layout1:hover .item-content {
    -webkit-box-shadow: 0px 5px 46px 0px rgba(200, 205, 213, 0.75);
    box-shadow: 0px 5px 46px 0px rgba(200, 205, 213, 0.75);
  }

  .service-box-layout2 {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 3rem;
  }

  .service-box-layout2 .item-img img {
    border-radius: 4px;
  }

  .service-box-layout2 .item-content {
    background-color: #ffffff;
    position: absolute;
    bottom: -134px;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    padding: 6rem 2rem 2rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  @media only screen and (max-width: 767px) {
    .service-box-layout2 .item-content {
      bottom: -90px;
    }
  }

  @media only screen and (max-width: 479px) {
    .service-box-layout2 .item-content {
      bottom: -134px;
    }
  }

  .service-box-layout2 .item-content .item-icon {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
  }

  .service-box-layout2 .item-content .item-icon .icon-bg {
    display: inline-block;
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: #14287b;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout2 .item-content .item-icon .icon-bg:after {
    content: url('img/figure/dot-bubble.png');
    position: absolute;
    top: -12px;
    right: 20px;
  }

  .service-box-layout2 .item-content .item-icon .icon-bg i:before {
    font-size: 30px;
    color: #ffffff;
  }

  .service-box-layout2 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  @media only screen and (max-width: 1199px) {
    .service-box-layout2 .item-content .item-title {
      font-size: 22px;
    }
  }

  @media only screen and (max-width: 767px) {
    .service-box-layout2 .item-content .item-title {
      font-size: 20px;
    }
  }

  .service-box-layout2 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout2 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .service-box-layout2 .item-content .hover-content {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .service-box-layout2 .item-content .hover-content p {
    color: #444444;
  }

  .service-box-layout2:hover .item-content {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    padding: 6rem 2rem 3rem;
  }

  .service-box-layout2:hover .item-content .item-icon .icon-bg {
    background-color: #287ff9;
  }

  .service-box-layout2:hover .item-content .hover-content {
    visibility: visible;
    opacity: 1;
  }

  .service-box-layout2.white-shadow {
    box-shadow: 0px 1px 0px 0px rgba(220, 220, 220, 0.75);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout2.white-shadow:hover {
    box-shadow: 0px 14px 38px 0px rgba(211, 216, 225, 0.75);
  }

  .service-box-layout3 {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 4.5rem 5rem 2.2rem;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 575px) {
    .service-box-layout3 {
      text-align: center;
    }
  }

  .service-box-layout3:after {
    content: url('img/figure/figure11.png');
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }

  .service-box-layout3 .media .item-icon {
    margin-top: 5px;
  }

  .service-box-layout3 .media .item-icon i {
    line-height: 1;
  }

  .service-box-layout3 .media .item-icon i:before {
    font-size: 80px;
    color: #14287b;
  }

  .service-box-layout3 .media .media-body .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
  }

  @media only screen and (max-width: 1199px) {
    .service-box-layout3 .media .media-body .item-title {
      font-size: 22px;
    }
  }

  @media only screen and (max-width: 767px) {
    .service-box-layout3 .media .media-body .item-title {
      font-size: 20px;
    }
  }

  .service-box-layout3 .media .media-body .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout3 .media .media-body .item-title a:hover {
    color: #287ff9;
  }

  .service-box-layout3:hover {
    -webkit-box-shadow: 0 5px 16px 0px rgba(80, 80, 80, 0.5);
    box-shadow: 0 5px 16px 0px rgba(80, 80, 80, 0.5);
  }

  .service-box-layout4 {
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 45px 30px 20px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout4 .item-icon {
    margin: 0 auto 22px;
    height: 80px;
    width: 80px;
    line-height: 85px;
    border-radius: 50%;
    background-color: #287ff9;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
  }

  .service-box-layout4 .item-icon:after {
    content: url('img/figure/dot-bubble.png');
    position: absolute;
    top: -20px;
    right: 20px;
  }

  .service-box-layout4 .item-icon i:before {
    font-size: 40px;
    color: #ffffff;
  }

  .service-box-layout4 .item-content .item-title {
    font-size: 20px;
    font-weight: 600;
  }

  .service-box-layout4 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .service-box-layout4 .item-content .item-title a span {
    display: block;
  }

  .service-box-layout4:hover {
    background-color: #287ff9;
  }

  .service-box-layout4:hover .item-icon {
    background-color: #ffffff;
    box-shadow: 0px 10px 18px 0px rgba(5, 68, 255, 0.55);
  }

  .service-box-layout4:hover .item-icon i:before {
    color: #14287b;
  }

  .service-box-layout4:hover .item-content .item-title a {
    color: #ffffff;
  }

  .service-box-layout4:hover .item-content .item-title a:hover {
    color: #fef22e;
  }

  .single-service-box-layout1 .service-title {
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 38px;
  }

  .single-service-box-layout1 .main-img {
    margin-bottom: 32px;
  }

  .single-service-box-layout1 .main-img img {
    border-radius: 4px;
  }

  .single-service-box-layout1 .service-content .item-title {
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 38px;
  }

  @media only screen and (max-width: 991px) {
    .single-service-box-layout1 .service-content .item-title {
      margin-bottom: 20px;
    }
  }

  .single-service-box-layout1 .service-content .why-choose {
    margin-top: 30px;
  }

  .single-service-box-layout1 .service-content .why-choose .media .item-icon {
    font-size: 34px;
    color: #287ff9;
  }

  .single-service-box-layout1 .service-content .service-more-content {
    margin-top: 40px;
    margin-bottom: 45px;
  }

  @media only screen and (max-width: 991px) {
    .single-service-box-layout1 .service-content .service-more-content {
      text-align: center;
    }
  }

  @media only screen and (max-width: 991px) {
    .single-service-box-layout1 .service-content .service-more-content .item-img {
      margin-bottom: 30px;
    }
  }

  .single-service-box-layout1 .service-content .service-more-content .item-img img {
    border-radius: 4px;
  }

  .single-service-box-layout1 .service-content .service-more-content .item-content .item-title {
    font-size: 24px;
  }

  @media only screen and (max-width: 991px) {
    .single-service-box-layout1 .service-content .service-more-content .item-content .item-title {
      font-size: 22px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-service-box-layout1 .service-content .service-more-content .item-content .item-title {
      font-size: 20px;
    }
  }

  .single-service-box-layout1 .service-content .service-more-content .item-content .item-feature {
    display: inline-block;
  }

  .single-service-box-layout1 .service-content .service-more-content .item-content .item-feature li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 30px;
    text-align: left;
  }

  .single-service-box-layout1 .service-content .service-more-content .item-content .item-feature li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 600;
    color: #287ff9;
    position: absolute;
    top: 0;
    left: 0;
  }

  .single-service-box-layout1 .service-content .service-more-content .item-content .item-feature li:last-child {
    margin-bottom: 0;
  }

  .single-service-box-layout1 .service-content .service-more-info {
    background-color: #f8f8f8;
    padding: 4rem 4rem 2rem;
    border-radius: 4px;
    margin-bottom: 40px;
  }

  .single-service-box-layout1 .service-content .service-more-info .single-info {
    background-color: #ffffff;
    padding: 15px 25px;
    margin-bottom: 20px;
  }

  .single-service-box-layout1 .service-content .service-more-info .single-info .item-title {
    margin-bottom: 0;
    font-weight: 400;
  }

  .single-service-box-layout1 .service-content .service-more-info .single-info .item-subtitle {
    font-weight: 500;
    color: #444444;
  }

  .single-service-box-layout1 .service-content .service-faq .item-title {
    font-size: 24px;
  }

  @media only screen and (max-width: 991px) {
    .single-service-box-layout1 .service-content .service-faq .item-title {
      font-size: 22px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-service-box-layout1 .service-content .service-faq .item-title {
      font-size: 20px;
    }
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box {
    margin-top: 30px;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card {
    border: none;
    margin-bottom: 2px;
    border-radius: 0;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-header {
    border: none;
    padding: 0;
    border-radius: 0;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-header .heading-title {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 18px 25px 18px 50px;
    font-weight: 500;
    color: #ffffff;
    background-color: #287ff9;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-header .heading-title:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-right: 10px;
    position: absolute;
    top: 33px;
    left: 25px;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-header .heading-title.collapsed {
    background-color: #f8f8f8;
    color: #444444;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-header .heading-title.collapsed:before {
    content: "\f105";
    color: #287ff9;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-body {
    padding: 25px 50px;
    position: relative;
  }

  .single-service-box-layout1 .service-content .service-faq .faq-box .accordion .card .card-body:after {
    content: "";
    height: 80%;
    width: 2px;
    background-color: #e4eaf2;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
  }

  /*------------------- 5.15 Shop Page -------------------*/
  .shop-page-top-item {
    margin-bottom: 36px;
  }

  .shop-page-top-item .form-group {
    margin-bottom: 30px;
  }

  .shop-page-top-item .form-group .select2-container--classic .select2-selection--single {
    border-color: #d7d7d7;
  }

  .shop-page-top-item .form-group .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #14287b;
  }

  .shop-page-top-item .layout-switcher {
    margin-bottom: 10px;
  }

  .shop-page-top-item .layout-switcher ul {
    display: flex;
    align-items: center;
  }

  .shop-page-top-item .layout-switcher ul li {
    margin-right: 10px;
  }

  .shop-page-top-item .layout-switcher ul li:last-child {
    margin-right: 0;
  }

  .shop-page-top-item .layout-switcher ul li a {
    color: #111111;
    border: 1px solid #d7d7d7;
    display: inline-block;
    padding: 11px 15px 6px;
    border-radius: 4px;
  }

  .shop-page-top-item .layout-switcher ul li a i {
    font-size: 20px;
  }

  .shop-page-top-item .layout-switcher ul li.active a {
    background-color: #fef22e;
    border-color: #fef22e;
  }

  .shop-page-top-item .showing-result-title {
    color: #14287b;
    font-weight: 600;
    font-size: 20px;
  }

  @media only screen and (max-width: 767px) {
    .shop-page-top-item .showing-result-title {
      font-size: 18px;
    }
  }

  .product-box-layout1 .product-grid-view {
    margin-bottom: 30px;
    text-align: center;
  }

  .product-box-layout1 .product-grid-view .item-img {
    text-align: center;
    background-color: #f3f6f9;
    border-radius: 4px;
    margin-bottom: 18px;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(40, 127, 249, 0.9);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li a {
    display: inline-block;
    font-size: 20px;
    color: #111111;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li a:hover {
    background-color: #14287b;
    color: #ffffff;
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li:nth-child(1n) {
    transform: translateX(-100%);
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li:nth-child(2n) {
    transform: translateY(-100%);
  }

  .product-box-layout1 .product-grid-view .item-img .action-btn-area ul li:nth-child(3n) {
    transform: translateX(100%);
  }

  .product-box-layout1 .product-grid-view .item-content .item-rating {
    margin-bottom: 6px;
  }

  .product-box-layout1 .product-grid-view .item-content .item-rating li {
    margin-right: 5px;
    display: inline-block;
    color: #ff9100;
  }

  .product-box-layout1 .product-grid-view .item-content .item-rating li:last-child {
    margin-right: 0;
  }

  .product-box-layout1 .product-grid-view .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px;
  }

  .product-box-layout1 .product-grid-view .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-grid-view .item-content .item-title a:hover {
    color: #287ff9;
  }

  .product-box-layout1 .product-grid-view .item-content .item-price {
    font-size: 20px;
    font-weight: 700;
    color: #287ff9;
  }

  .product-box-layout1 .product-grid-view:hover .item-img {
    -webkit-box-shadow: 0px 6px 20px 0px rgba(62, 136, 240, 0.75);
    box-shadow: 0px 6px 20px 0px rgba(62, 136, 240, 0.75);
  }

  .product-box-layout1 .product-grid-view:hover .item-img:after {
    visibility: visible;
    opacity: 1;
  }

  .product-box-layout1 .product-grid-view:hover .item-img .action-btn-area {
    visibility: visible;
    opacity: 1;
  }

  .product-box-layout1 .product-grid-view:hover .item-img .action-btn-area ul li:nth-child(1n) {
    transform: translateX(0);
    transition-delay: 0.2s;
  }

  .product-box-layout1 .product-grid-view:hover .item-img .action-btn-area ul li:nth-child(2n) {
    transform: translateY(0);
    transition-delay: 0.5s;
  }

  .product-box-layout1 .product-grid-view:hover .item-img .action-btn-area ul li:nth-child(3n) {
    transform: translateX(0);
    transition-delay: 0.2s;
  }

  .product-box-layout1 .product-list-view {
    margin-bottom: 30px;
    display: flex;
  }

  @media only screen and (max-width: 991px) {
    .product-box-layout1 .product-list-view {
      display: block;
      text-align: center;
    }
  }

  .product-box-layout1 .product-list-view .item-img {
    width: 30%;
    margin-right: 30px;
    text-align: center;
    background-color: #f3f6f9;
    border-radius: 4px;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 991px) {
    .product-box-layout1 .product-list-view .item-img {
      width: 100%;
      margin-bottom: 20px;
    }
  }

  .product-box-layout1 .product-list-view .item-content {
    width: 65%;
  }

  @media only screen and (max-width: 991px) {
    .product-box-layout1 .product-list-view .item-content {
      width: 100%;
    }
  }

  .product-box-layout1 .product-list-view .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px;
  }

  .product-box-layout1 .product-list-view .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-list-view .item-content .item-title a:hover {
    color: #287ff9;
  }

  .product-box-layout1 .product-list-view .item-content .item-rating {
    margin-bottom: 6px;
  }

  .product-box-layout1 .product-list-view .item-content .item-rating li {
    margin-right: 5px;
    display: inline-block;
    color: #ff9100;
  }

  .product-box-layout1 .product-list-view .item-content .item-rating li:last-child {
    margin-right: 0;
  }

  .product-box-layout1 .product-list-view .item-content .item-price {
    font-size: 20px;
    font-weight: 700;
    color: #287ff9;
    margin-bottom: 25px;
  }

  .product-box-layout1 .product-list-view .item-content .action-btn-area ul li {
    display: inline-block;
    margin-right: 5px;
  }

  .product-box-layout1 .product-list-view .item-content .action-btn-area ul li:last-child {
    margin-right: 0;
  }

  .product-box-layout1 .product-list-view .item-content .action-btn-area ul li a {
    display: inline-block;
    font-size: 20px;
    color: #14287b;
    background-color: #f3f6f9;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .product-box-layout1 .product-list-view .item-content .action-btn-area ul li a:hover {
    background-color: #14287b;
    color: #ffffff;
  }

  .product-box-layout1 .product-list-view:hover .item-img .action-btn-area {
    display: none;
  }

  .product-box-grid .product-box-layout1 .product-list-view {
    display: none;
  }

  .product-box-list .row>[class^="col-"] {
    max-width: 100% !important;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  .product-box-list .product-box-layout1 .product-grid-view {
    display: none;
  }

  .single-product-gallery-layout1 {
    display: flex;
    flex-direction: row-reverse;
  }

  @media only screen and (max-width: 991px) {
    .single-product-gallery-layout1 {
      justify-content: flex-end;
    }
  }

  .single-product-gallery-layout1 .tab-content {
    position: relative;
    border: none;
    overflow: hidden;
  }

  .single-product-gallery-layout1 .tab-content a {
    cursor: move;
    display: block;
    background-color: #eeeeee;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 10px;
  }

  .single-product-gallery-layout1 .tab-content a img {
    border-radius: 4px;
  }

  .single-product-gallery-layout1 .nav-tabs {
    flex-direction: column;
    margin-bottom: -5px;
    margin-top: -5px;
    margin-right: 10px;
    border-bottom: none;
  }

  @media only screen and (max-width: 1199px) {
    .single-product-gallery-layout1 .nav-tabs {
      margin-bottom: 35px;
    }
  }

  .single-product-gallery-layout1 .nav-tabs .nav-item {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-product-gallery-layout1 .nav-tabs .nav-item a {
    display: block;
  }

  .single-product-gallery-layout1 .nav-tabs .nav-item a img {
    width: 100%;
    border-radius: 4px;
  }

  .single-product-gallery-layout1 .nav-tabs .nav-item .active {
    opacity: 0.7;
  }

  .single-product-content-layout1 .item-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  @media only screen and (max-width: 991px) {
    .single-product-content-layout1 .item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-product-content-layout1 .item-title {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-product-content-layout1 .item-title {
      font-size: 24px;
    }
  }

  .single-product-content-layout1 .item-rating {
    margin-bottom: 20px;
  }

  .single-product-content-layout1 .item-rating li {
    display: inline-block;
    color: #ff6f00;
  }

  .single-product-content-layout1 .item-rating .item-review {
    font-size: 18px;
    color: #646464;
  }

  .single-product-content-layout1 .item-rating .item-review span {
    color: #111111;
  }

  .single-product-content-layout1 .entry-meta {
    margin-bottom: 22px;
  }

  .single-product-content-layout1 .entry-meta>li {
    display: inline-block;
    color: #444444;
    font-weight: 700;
    margin-bottom: 12px;
    margin-right: 40px;
  }

  .single-product-content-layout1 .entry-meta>li:last-child {
    margin-right: 0;
    display: block;
    margin-bottom: 0;
  }

  .single-product-content-layout1 .entry-meta>li span {
    color: #646464;
    font-weight: 400;
  }

  .single-product-content-layout1 .entry-meta>li a {
    color: #646464;
    font-weight: 400;
    transition: 0.3s ease-in-out;
  }

  .single-product-content-layout1 .entry-meta>li a:hover {
    color: #14287b;
  }

  .single-product-content-layout1 .entry-meta li.item-social {
    display: flex;
  }

  .single-product-content-layout1 .entry-meta li.item-social ul li {
    display: inline-block;
  }

  .single-product-content-layout1 .entry-meta li.item-social ul li a {
    padding: 6px;
    color: #969696;
    transition: 0.3s ease-in-out;
  }

  .single-product-content-layout1 .entry-meta li.item-social ul li a:hover {
    color: #111111;
  }

  .single-product-content-layout1 .item-price {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
    color: #287ff9;
    margin-bottom: 16px;
  }

  @media only screen and (max-width: 991px) {
    .single-product-content-layout1 .item-price {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-product-content-layout1 .item-price {
      font-size: 24px;
    }
  }

  .single-product-content-layout1 .action-area {
    margin-top: 30px;
    display: flex;
  }

  @media only screen and (max-width: 479px) {
    .single-product-content-layout1 .action-area {
      display: block;
      text-align: center;
    }
  }

  .single-product-content-layout1 .action-area li {
    display: inline-block;
    margin-right: 8px;
  }

  @media only screen and (max-width: 479px) {
    .single-product-content-layout1 .action-area li {
      display: block;
      margin-right: 0;
      margin-bottom: 10px;
    }
  }

  .single-product-content-layout1 .action-area li:last-child {
    margin-right: 0;
  }

  .single-product-content-layout1 .action-area li .input-group {
    width: auto;
  }

  .single-product-content-layout1 .action-area li .input-group .form-control {
    text-align: center;
    height: 54px;
    width: 54px;
    display: block;
    outline: none;
    font-size: 22px;
    color: #111111;
    background-color: #ededed;
    border: none;
    margin-right: 4px;
    border-radius: 4px;
  }

  .single-product-content-layout1 .action-area li .input-group .form-control:focus {
    box-shadow: none;
  }

  .single-product-content-layout1 .action-area li .input-group .input-group-btn {
    display: inline-grid;
  }

  .single-product-content-layout1 .action-area li .input-group .input-group-btn .quantity-btn {
    padding: 5px 12px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
    color: #000000;
    background-color: #dddddd;
    background-image: none;
    border-radius: 4px;
    outline: none;
    border: none;
    cursor: pointer;
  }

  .single-product-content-layout1 .action-area li .cart-btn {
    border: 2px solid #fef22e;
    background-color: #fef22e;
    border-radius: 4px;
    padding: 10px 45px;
    display: block;
    color: #111111;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
  }

  .single-product-content-layout1 .action-area li .cart-btn:hover {
    background-color: #14287b;
    border: 2px solid #14287b;
    color: #ffffff;
  }

  .single-product-content-layout1 .action-area li .react-btn {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 12px 18px;
    display: block;
    color: #111111;
    font-size: 20px;
    transition: 0.3s ease-in-out;
  }

  .single-product-content-layout1 .action-area li .react-btn:hover {
    background-color: #14287b;
    color: #ffffff;
  }

  .single-product-other-info {
    margin-top: 6rem;
    margin-bottom: 13rem;
    overflow: hidden;
  }

  .single-product-other-info .tab-nav-list {
    border-bottom: 1px solid #cccccc;
  }

  @media only screen and (max-width: 575px) {
    .single-product-other-info .tab-nav-list {
      display: block;
      text-align: center;
    }
  }

  .single-product-other-info .tab-nav-list li {
    position: relative;
    margin-left: 8px;
  }

  .single-product-other-info .tab-nav-list li:first-child {
    margin-left: 15px;
  }

  @media only screen and (max-width: 575px) {
    .single-product-other-info .tab-nav-list li {
      display: block;
    }
  }

  .single-product-other-info .tab-nav-list li a {
    display: inline-block;
    font-size: 18px;
    color: #444444;
    transition: 0.3s ease-in-out;
    border: 1px solid #cccccc;
    background-color: #f9f9f9;
    border-radius: 4px 4px 0 0;
    padding: 15px 30px;
  }

  @media only screen and (max-width: 767px) {
    .single-product-other-info .tab-nav-list li a {
      padding: 15px 25px;
    }
  }

  @media only screen and (max-width: 575px) {
    .single-product-other-info .tab-nav-list li a {
      border: none;
      background-color: transparent;
    }
  }

  .single-product-other-info .tab-nav-list li a:after {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #14287b;
    border-radius: 10px 10px 0 0;
    top: -1px;
    left: 200px;
    position: absolute;
    z-index: 1;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

  @media only screen and (max-width: 575px) {
    .single-product-other-info .tab-nav-list li a:after {
      display: none;
    }
  }

  .single-product-other-info .tab-nav-list li a.active {
    color: #14287b;
    background-color: transparent;
  }

  .single-product-other-info .tab-nav-list li a.active:after {
    visibility: visible;
    opacity: 1;
    left: 0;
  }

  .single-product-other-info .tab-content {
    padding-top: 25px;
  }

  /*------------------- 5.16 Team -------------------*/
  .team-box-layout1 {
    text-align: center;
    margin-bottom: 5rem;
    padding: 0 3rem;
  }

  @media only screen and (max-width: 767px) {
    .team-box-layout1 {
      padding: 0 10rem;
    }
  }

  @media only screen and (max-width: 479px) {
    .team-box-layout1 {
      padding: 0 5rem;
    }
  }

  .team-box-layout1 .item-img {
    margin-bottom: 28px;
    position: relative;
  }

  .team-box-layout1 .item-img img {
    border-radius: 50%;
  }

  .team-box-layout1 .item-img:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #287ff9;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
  }

  .team-box-layout1 .item-img:after {
    content: url('img/figure/bubble.png');
    position: absolute;
    top: 0;
    left: -20px;
    z-index: -1;
  }

  .team-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 2px;
  }

  .team-box-layout1 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout1 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .team-box-layout1 .item-content .item-subtitle {
    margin-bottom: 12px;
  }

  .team-box-layout1 .item-content .item-social ul li {
    display: inline-block;
    margin-right: 6px;
  }

  @media only screen and (max-width: 479px) {
    .team-box-layout1 .item-content .item-social ul li {
      margin-right: 2px;
    }
  }

  .team-box-layout1 .item-content .item-social ul li:last-child {
    margin-right: 0;
  }

  .team-box-layout1 .item-content .item-social ul li a {
    text-align: center;
    display: block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    background-color: #fef22e;
    border-radius: 50%;
    color: #14287b;
    font-size: 17px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 479px) {
    .team-box-layout1 .item-content .item-social ul li a {
      height: 45px;
      width: 45px;
      line-height: 45px;
    }
  }

  .team-box-layout1 .item-content .item-social ul li a:hover {
    background-color: #14287b;
    color: #ffffff;
    -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.3);
  }

  .team-box-layout2 {
    background-color: #fafafa;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 30px;
  }

  .team-box-layout2 .item-img {
    overflow: hidden;
    position: relative;
    padding-top: 40px;
    z-index: 2;
  }

  .team-box-layout2 .item-img img {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout2 .item-img:after {
    content: url('img/figure/bubble8.png');
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .team-box-layout2 .item-img .item-content {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 45px;
    background-color: #14287b;
    color: #ffffff;
    border-radius: 4px;
    padding: 20px 10px;
  }

  .team-box-layout2 .item-img .item-content .item-title {
    font-weight: 600;
    margin-bottom: 0;
  }

  .team-box-layout2 .item-img .item-content .item-title a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout2 .item-img .item-content .item-title a:hover {
    color: #287ff9;
  }

  .team-box-layout2:hover .item-img img {
    transform: scale(1.1);
  }

  .team-box-layout3 {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
  }

  .team-box-layout3 .item-img {
    border-radius: 4px;
    background-color: #287ff9;
    position: relative;
    z-index: 1;
  }

  .team-box-layout3 .item-img:after {
    content: url('img/figure/bubble9.png');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .team-box-layout3 .item-content {
    position: relative;
    background-color: #ffffff;
    padding-top: 16px;
    z-index: 2;
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout3 .item-content:after {
    content: url('img/figure/section-bubble5.png');
    position: absolute;
    top: -54px;
    left: 0;
    right: 0;
    z-index: 2;
  }

  @media only screen and (max-width: 991px) {
    .team-box-layout3 .item-content:after {
      transform: scaleX(1.1);
    }
  }

  @media only screen and (max-width: 575px) {
    .team-box-layout3 .item-content:after {
      transform: scaleX(1.8);
    }
  }

  .team-box-layout3 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
  }

  .team-box-layout3 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout3 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .team-box-layout3 .item-content .item-subtitle {
    letter-spacing: 1px;
    margin-bottom: 12px;
  }

  .team-box-layout3 .item-content .item-social {
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout3 .item-content .item-social ul li {
    display: inline-block;
    margin-right: 5px;
  }

  .team-box-layout3 .item-content .item-social ul li:last-child {
    margin-right: 0;
  }

  .team-box-layout3 .item-content .item-social ul li a {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #fef22e;
    font-size: 18px;
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 1199px) {
    .team-box-layout3 .item-content .item-social ul li a {
      height: 45px;
      width: 45px;
      line-height: 45px;
    }
  }

  .team-box-layout3 .item-content .item-social ul li a:hover {
    background-color: #14287b;
    color: #fef22e;
  }

  .team-box-layout3:hover .item-content {
    transform: translateY(-70px);
  }

  .team-box-layout3:hover .item-content .item-social {
    visibility: visible;
    opacity: 1;
  }

  .team-box-layout4 {
    text-align: center;
    margin-bottom: 30px;
  }

  .team-box-layout4 .item-img {
    background-color: #287ff9;
    border-radius: 50%;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  @media only screen and (max-width: 575px) {
    .team-box-layout4 .item-img {
      margin: 0 10rem;
    }
  }

  @media only screen and (max-width: 479px) {
    .team-box-layout4 .item-img {
      margin: 0 5rem;
    }
  }

  .team-box-layout4 .item-img img {
    border-radius: 50%;
  }

  .team-box-layout4 .item-img:after {
    content: url('img/figure/bubble9.png');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .team-box-layout4 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 5px;
  }

  .team-box-layout4 .item-content .item-title a {
    color: #14287b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout4 .item-content .item-title a:hover {
    color: #287ff9;
  }

  .team-box-layout4 .item-content .item-subtitle {
    margin-bottom: 20px;
  }

  .team-box-layout4 .item-content .item-social ul li {
    display: inline-block;
    margin-right: 4px;
  }

  @media only screen and (max-width: 479px) {
    .team-box-layout4 .item-content .item-social ul li {
      margin-right: 2px;
    }
  }

  .team-box-layout4 .item-content .item-social ul li:last-child {
    margin-right: 0;
  }

  .team-box-layout4 .item-content .item-social ul li a {
    text-align: center;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #eeeeee;
    border-radius: 4px;
    color: #a5a5a5;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .team-box-layout4 .item-content .item-social ul li a:hover {
    background-color: #fef22e;
    color: #14287b;
    -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.3);
  }

  .team-box-layout4:hover .item-img {
    transform: translateY(-10px);
  }

  .single-team-layout1 .item-img {
    background-color: #fafafa;
    border-radius: 4px;
    text-align: center;
    position: relative;
    padding-top: 40px;
    z-index: 2;
    margin-bottom: 40px;
  }

  @media only screen and (max-width: 991px) {
    .single-team-layout1 .item-img {
      margin-bottom: 20px;
    }
  }

  .single-team-layout1 .item-img:after {
    content: url('img/figure/bubble8.png');
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  @media only screen and (max-width: 991px) {
    .single-team-layout1 .item-content {
      margin-bottom: 40px;
    }
  }

  .single-team-layout1 .item-content .item-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
  }

  @media only screen and (max-width: 991px) {
    .single-team-layout1 .item-content .item-title {
      font-size: 28px;
    }
  }

  @media only screen and (max-width: 767px) {
    .single-team-layout1 .item-content .item-title {
      font-size: 26px;
    }
  }

  .single-team-layout1 .item-content .item-subtitle {
    margin-bottom: 26px;
  }

  .single-team-layout1 .item-content .item-contact-info {
    margin-bottom: 50px;
  }

  .single-team-layout1 .item-content .item-contact-info>ul>li {
    margin-bottom: 16px;
    color: #444444;
    padding-left: 40px;
    position: relative;
  }

  .single-team-layout1 .item-content .item-contact-info>ul>li span {
    font-weight: 500;
  }

  .single-team-layout1 .item-content .item-contact-info>ul>li:last-child {
    margin-bottom: 0;
  }

  .single-team-layout1 .item-content .item-contact-info>ul>li>i {
    position: absolute;
    top: 0;
    left: 0;
  }

  .single-team-layout1 .item-content .item-contact-info>ul>li>i:before {
    font-weight: 600;
    color: #287ff9;
    margin-right: 15px;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social {
    padding-left: 0;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social ul li {
    display: inline-block;
    margin-right: 8px;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social ul li:last-child {
    margin-right: 0;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social ul li:first-child a {
    padding-left: 0;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social ul li a {
    display: block;
    padding: 4px;
    font-size: 18px;
    color: #969696;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .single-team-layout1 .item-content .item-contact-info>ul .item-social ul li a:hover {
    color: #14287b;
  }

  .single-team-layout1 .item-content .about-us {
    font-size: 18px;
    color: #ffffff;
    background-color: #14287b;
    border-radius: 4px;
    padding: 10px 32px;
    display: inline-block;
    margin-bottom: 25px;
  }

  /*------------------- 5.17 Testimonial -------------------*/
  .testimonial-wrap-layout1 {
    padding: 18rem 0 20rem;
    background-color: #f0eaeb;
    background-image: url('img/figure/figure6.png');
    background-repeat: no-repeat;
    background-position-x: right;
  }

  .testimonial-box-layout1 {
    background-color: #ffffff;
    padding: 8rem 5rem 4rem;
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin-top: 40px;
  }

  .testimonial-box-layout1 p {
    margin-bottom: 18px;
  }

  .testimonial-box-layout1 .item-title {
    color: #111111;
    font-weight: 700;
    margin-bottom: 2px;
  }

  .testimonial-box-layout1 .item-subtitle {
    margin-bottom: 8px;
  }

  .testimonial-box-layout1 .item-rating li {
    display: inline-block;
    color: #ff8f00;
  }

  .testimonial-box-layout1 .item-quote {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 30px;
    color: #fef22e;
    height: 80px;
    width: 80px;
    line-height: 82px;
    border-radius: 50%;
    background-color: #287ff9;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .testimonial-box-layout1:hover .item-quote {
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
    background-color: #fef22e;
    color: #287ff9;
  }

  .testimonial-box-layout2 {
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 7rem 6rem 6rem;
    position: relative;
    z-index: 2;
  }

  @media only screen and (max-width: 575px) {
    .testimonial-box-layout2 {
      padding: 5rem 4rem 4rem;
    }
  }

  .testimonial-box-layout2:after {
    content: "\f10e";
    font-size: 80px;
    font-weight: 600;
    color: #f4f4f4;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .testimonial-box-layout2 p {
    margin-bottom: 25px;
  }

  .testimonial-box-layout2 .item-title {
    font-weight: 700;
    color: #111111;
    margin-bottom: 2px;
  }

  .testimonial-box-layout2 .item-subtitle {
    margin-bottom: 8px;
  }

  .testimonial-box-layout2 .item-rating li {
    display: inline-block;
    color: #ff8f00;
  }

  .testimonial-box-layout3 {
    text-align: center;
    width: 70%;
    margin: auto;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 75px 80px 55px;
    position: relative;
    margin-top: 40px;
    z-index: 2;
  }

  @media only screen and (max-width: 767px) {
    .testimonial-box-layout3 {
      width: 100%;
      padding: 75px 40px 55px;
    }
  }

  .testimonial-box-layout3 .item-author {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
  }

  .testimonial-box-layout3 .item-author img {
    width: auto;
    display: inline-block;
    border-radius: 50%;
    -webkit-box-shadow: 0px 10px 21px 0px rgba(181, 181, 181, 0.75);
    box-shadow: 0px 10px 21px 0px rgba(181, 181, 181, 0.75);
  }

  .testimonial-box-layout3 .item-title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
  }

  .testimonial-box-layout3 .item-subtitle {
    margin-bottom: 5px;
  }

  .testimonial-box-layout3 .item-rating li {
    display: inline-block;
    color: #ffb300;
    font-size: 18px;
  }

  .testimonial-box-layout3 .item-quote {
    position: absolute;
    top: -7px;
    right: 20px;
    color: #ececec;
    font-size: 110px;
    z-index: -1;
  }

  /*------------------- 5.18 Why Choose Us -------------------*/
  @media only screen and (max-width: 1199px) {
    .why-choose-wrap-layout1 {
      margin-bottom: -30px;
      padding-top: 12rem;
    }
  }

  .why-choose-wrap-layout2 {
    padding: 12rem 0 10rem;
  }

  .why-choose-box-layout1 {
    transform: translateY(-50px);
    margin-bottom: -50px;
    background-color: #287ff9;
    border-radius: 4px;
    padding: 3.6rem 3rem 3.4rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
  }

  @media only screen and (max-width: 1199px) {
    .why-choose-box-layout1 {
      transform: translateY(0);
      margin-bottom: 30px;
    }
  }

  .why-choose-box-layout1 .item-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
  }

  .why-choose-box-layout1 p {
    color: #ffffff;
    margin-bottom: 0;
  }

  .why-choose-box-layout1 .bg-icon {
    position: absolute;
    bottom: -30px;
    right: -40px;
    font-size: 150px;
    font-weight: 700;
    color: #2073e7;
    z-index: -1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .why-choose-box-layout1:hover .bg-icon {
    bottom: 50%;
    right: 50%;
    transform: translateY(50%) translateX(50%);
  }

  .why-choose-box-layout2 {
    background-color: #287ff9;
    padding: 6rem 4rem 3.5rem;
    text-align: center;
    margin-bottom: 3rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .why-choose-box-layout2 .item-icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: #fef22e;
    border-radius: 50%;
    font-size: 20px;
    color: #14287b;
    margin: 0 auto 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .why-choose-box-layout2 .item-content .item-title {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 14px;
  }

  @media only screen and (max-width: 1199px) {
    .why-choose-box-layout2 .item-content .item-title {
      font-size: 22px;
    }
  }

  @media only screen and (max-width: 767px) {
    .why-choose-box-layout2 .item-content .item-title {
      font-size: 20px;
    }
  }

  .why-choose-box-layout2 .item-content p {
    color: #e8f2ff;
  }

  .why-choose-box-layout2:hover {
    transform: translateY(-10px);
  }

  .why-choose-box-layout2:hover .item-icon {
    background-color: #14287b;
    color: #fef22e;
  }

  .why-choose-box-layout3 {
    padding-right: 5rem;
  }

  @media only screen and (max-width: 1199px) {
    .why-choose-box-layout3 {
      padding-right: 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .why-choose-box-layout3 {
      margin-bottom: 30px;
      text-align: center;
    }
  }

  .why-choose-box-layout3 .item-title {
    font-weight: 700;
  }

  .why-choose-box-layout3 .item-sign {
    margin: 25px 0 6px 0;
  }

  .why-choose-box-layout3 .item-designation {
    position: relative;
    padding-bottom: 15px;
  }

  .why-choose-box-layout3 .item-designation:after {
    content: "";
    height: 8px;
    width: 205px;
    background: -webkit-gradient(linear, left top, right top, from(#14287b), to(transparent));
    background: -webkit-linear-gradient(left, #14287b, transparent);
    background: -o-linear-gradient(left, #14287b, transparent);
    background: linear-gradient(to right, #14287b, transparent);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  @media only screen and (max-width: 991px) {
    .why-choose-box-layout3 .item-designation:after {
      right: 0;
      margin: auto;
    }
  }

  .why-choose-box-layout4 .single-content {
    margin-bottom: 20px;
    background-color: #287ff9;
    border-radius: 4px;
    text-align: center;
    padding: 75px 20px 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .why-choose-box-layout4 .single-content .item-icon {
    font-size: 54px;
    color: #ffffff;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
  }

  .why-choose-box-layout4 .single-content .item-icon:after {
    content: url('img/figure/bubble10.png');
    position: absolute;
    top: -38px;
    right: -30px;
    filter: grayscale(1);
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .why-choose-box-layout4 .single-content .item-content .item-title {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
  }

  .why-choose-box-layout4 .single-content .item-content .item-title span {
    display: block;
    font-weight: 400;
  }

  .why-choose-box-layout4 .single-content:hover {
    background-color: #14287b;
  }

  .why-choose-box-layout4 .single-content:hover .item-icon:after {
    filter: grayscale(0);
    opacity: 1;
  }

  /*=======================================================================
6. Helper Classes
=========================================================================*/
  /*------------------- 6.1 Background -------------------*/
  @media only screen and (max-width: 1199px) {
    .bg-dark-lg {
      background-color: #111111;
    }
  }

  .bg-Primary {
    background-color: #14287b;
  }

  .bg-lightprimary {
    background-color: #287ff9 !important;
  }

  .bg-accent {
    background-color: #fef22e;
  }

  .bg-aash {
    background-color: #f9fafc;
  }

  .bg-assh {
    background-color: #f8f8f8;
  }

  .bg-assh-2 {
    background-color: #f1f1f1;
  }

  /*------------------- 6.2 Border -------------------*/
  .border-none {
    border: none;
  }

  .border-top-1 {
    border-top: 1px solid #e8e8e8;
  }

  .border-aash {
    border: 1px solid #e1e1e1;
  }

  .border-radius-4 {
    border-radius: 4px;
  }

  /*------------------- 6.3 Margin -------------------*/
  .mg-b-20 {
    margin-bottom: 20px;
  }

  .mg-b--30 {
    margin-bottom: -30px;
  }

  .mg-b-30 {
    margin-bottom: 30px;
  }

  .mg-b-60 {
    margin-bottom: 6rem;
  }

  .mg-b--35 {
    margin-top: -35px;
  }

  @media only screen and (max-width: 991px) {
    .mg-b--35 {
      margin-top: 0;
    }
  }

  /*------------------- 6.4 Misc -------------------*/
  .section-bubble {
    position: relative;
  }

  .section-bubble:after {
    content: url('img/figure/section-bubble.png');
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
  }

  .section-bubble-2 {
    position: relative;
  }

  .section-bubble-2:after {
    content: url('img/figure/section-bubble2.png');
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
  }

  .section-bubble-3 {
    position: relative;
  }

  .section-bubble-3:after {
    content: url('img/figure/section-bubble3.png');
    position: absolute;
    top: -330px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
  }

  .section-bubble-4 {
    position: relative;
  }

  .section-bubble-4:after {
    content: url('img/figure/section-bubble4.png');
    position: absolute;
    top: -330px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
  }

  .section-bubble-5 {
    position: relative;
  }

  .section-bubble-5:after {
    content: url('img/figure/section-bubble6.png');
    position: absolute;
    top: -180px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
  }

  @media only screen and (max-width: 991px) {
    .section-bubble-5:after {
      display: none;
    }
  }

  .section-shape1 {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }

  .section-shape1:before {
    content: url('img/figure/figure1.png');
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .section-shape1:after {
    content: url('img/figure/figure2.png');
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    z-index: -1;
  }

  .section-shape2 {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }

  .section-shape2:before {
    content: url('img/figure/bubble1.png');
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .section-shape2:after {
    content: url('img/figure/bubble2.png');
    position: absolute;
    bottom: 10rem;
    right: 0;
    line-height: 1;
    z-index: -1;
  }

  .section-shape3 {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }

  .section-shape3:before {
    content: url('img/figure/bubble6.png');
    opacity: 0.30;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .section-shape3:after {
    content: url('img/figure/bubble7.png');
    opacity: 0.30;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    z-index: -1;
  }

  .section-shape4 {
    position: relative;
  }

  .section-shape4:after {
    content: url('img/figure/figure12.png');
    position: absolute;
    bottom: 40px;
    left: 0;
    opacity: 0.10;
    overflow: hidden;
    z-index: -1;
  }

  .bg-common {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .light-hover {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .light-hover:hover {
    box-shadow: 0px 13px 38px 0px rgba(0, 0, 0, 0.16);
    border-color: transparent;
  }

  .dark-shadow-hover {
    box-shadow: 0px 1px 0px 0px rgba(3, 10, 37, 0.75);
  }

  .dark-shadow-hover:hover .item-content {
    box-shadow: none;
  }

  /*------------------- 6.5 Padding -------------------*/
  .section-padding-xl {
    padding: 17rem 0 10rem;
  }

  .section-padding-lg {
    padding: 17rem 0 9rem;
  }

  .section-padding-lg-2 {
    padding: 17rem 0 8.2rem;
  }

  .section-padding-lg-3 {
    padding: 15.8rem 0 7rem;
  }

  .section-padding-lg-4 {
    padding: 15.8rem 0 9rem;
  }

  .section-padding-lg-5 {
    padding: 17rem 0 7.2rem;
  }

  .section-padding-lg-6 {
    padding: 17rem 0 8.6rem;
  }

  .section-padding-lg-7 {
    padding: 15.5rem 0 8.2rem;
  }

  .section-padding-md {
    padding: 11.5rem 0 10rem;
  }

  .section-padding-md-2 {
    padding: 10.8rem 0 9.2rem;
  }

  .section-padding-md-3 {
    padding: 11.4rem 0 8.6rem;
  }

  .section-padding-md-4 {
    padding: 11.5rem 0 13.2rem;
  }

  .section-padding-md-5 {
    padding: 11.4rem 0 9rem;
  }

  .section-padding-md-6 {
    padding: 11.5rem 0 20rem;
  }

  .section-padding-12 {
    padding: 12rem 0;
  }

  .section-padding-12-9 {
    padding: 12rem 0 9rem;
  }

  .section-padding-12-10 {
    padding: 12rem 0 10rem;
  }

  .section-padding-rg {
    padding: 12rem 0 13rem;
  }

  .section-padding-10 {
    padding: 10rem 0;
  }

  .pd-t-50 {
    padding-top: 5rem;
  }

  .pd-l-0 {
    padding-left: 0 !important;
  }

  .pd-y-10 {
    padding: 10px 0;
  }

  /*------------------- 6.6 Text -------------------*/
  .text-primarytext {
    color: #111111;
  }

  .text-textprimary {
    color: #ffffff;
  }

  .text-Primary {
    color: #14287b !important;
  }

  .text-lightprimary {
    color: #287ff9;
  }

  .text-red {
    color: #ff0000;
  }

  .text-lightred {
    color: #dd2c00;
  }

  /* ==========================================
   TESTIMONIAL PAGE BANNER
========================================== */

  .kv-page-banner {
    position: relative;

    padding: 90px 0;

    background: #007bff;
  }

  .kv-page-banner-content {
    text-align: center;
  }

  .kv-page-banner h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 48px;
    font-weight: 700;
  }

  .kv-page-banner p {
    margin: 0;

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

    font-size: 15px;
  }


  /* ==========================================
   TESTIMONIAL SECTION
========================================== */

  .kv-testimonial-section {
    padding: 85px 0;
    background: #ffffff;
  }

  .kv-testimonial-heading {
    max-width: 750px;

    margin: 0 auto 50px;

    text-align: center;
  }

  .kv-section-subtitle {
    display: inline-block;

    margin-bottom: 10px;

    color: #85c815;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.5px;
  }

  .kv-testimonial-heading h2 {
    margin: 0 0 18px;

    color: #007bff;

    font-size: 38px;
    font-weight: 700;
  }

  .kv-testimonial-heading p {
    margin: 0;

    color: #666666;

    font-size: 16px;
    line-height: 1.8;
  }


  /* ==========================================
   TESTIMONIAL CARD
========================================== */

  .kv-testimonial-card {
    height: calc(100% - 30px);

    margin-bottom: 30px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 10px;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);

    transition: all 0.3s ease;
  }

  .kv-testimonial-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  }


  /* STARS */

  .kv-testimonial-stars {
    margin-bottom: 18px;

    color: #f5b301;

    font-size: 19px;

    letter-spacing: 2px;
  }


  /* REVIEW */

  .kv-testimonial-review {
    min-height: 125px;

    margin: 0 0 25px;

    color: #555555;

    font-size: 15px;

    line-height: 1.8;
  }


  /* AUTHOR */

  .kv-testimonial-author {
    display: flex;

    align-items: center;

    gap: 14px;

    padding-top: 20px;

    border-top: 1px solid #eeeeee;
  }

  .kv-testimonial-avatar {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: #85c815;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;
  }

  .kv-testimonial-author h4 {
    margin: 0 0 4px;

    color: #007bff;

    font-size: 16px;
    font-weight: 700;
  }

  .kv-testimonial-author span {
    color: #777777;

    font-size: 13px;
  }


  /* ==========================================
   RESPONSIVE
========================================== */

  @media (max-width: 991px) {

    .kv-page-banner {
      padding: 70px 0;
    }

    .kv-page-banner h1 {
      font-size: 40px;
    }

    .kv-testimonial-section {
      padding: 65px 0;
    }

    .kv-testimonial-heading h2 {
      font-size: 32px;
    }

  }

  @media (max-width: 575px) {

    .kv-page-banner {
      padding: 55px 0;
    }

    .kv-page-banner h1 {
      font-size: 34px;
    }

    .kv-testimonial-section {
      padding: 50px 0;
    }

    .kv-testimonial-heading {
      margin-bottom: 35px;
    }

    .kv-testimonial-heading h2 {
      font-size: 28px;
    }

    .kv-testimonial-card {
      padding: 24px;
    }

  }

  /* =========================================================
   KV GALLERY PAGE
   ========================================================= */

  .kv-gallery-section {
    padding: 80px 0;
    background: #ffffff;
  }

  .kv-gallery-heading {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
  }

  .kv-gallery-heading .kv-section-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #85c815;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .kv-gallery-heading h2 {
    margin: 0 0 18px;
    color: #0d3439;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
  }

  .kv-gallery-heading p {
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }


  /* =========================================================
   SEARCH BAR
   ========================================================= */

  .kv-gallery-search {
    display: flex;
    max-width: 650px;
    margin: 0 auto 35px;
    position: relative;
  }

  .kv-gallery-search input {
    width: 100%;
    height: 52px;
    padding: 0 65px 0 20px;
    border: 1px solid #dddddd;
    border-radius: 30px;
    background: #ffffff;
    color: #333333;
    font-size: 15px;
    outline: none;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  }

  .kv-gallery-search input:focus {
    border-color: #85c815;
    box-shadow: 0 5px 20px rgba(133, 200, 21, 0.12);
  }

  .kv-gallery-search input::placeholder {
    color: #999999;
  }

  .kv-gallery-search button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #85c815;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .kv-gallery-search button:hover {
    background: #6fae0d;
  }


  /* =========================================================
   CATEGORY FILTER
   ========================================================= */

  .kv-gallery-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
  }

  .kv-gallery-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 18px;
    border: 1px solid #dddddd;
    border-radius: 25px;
    background: #ffffff;
    color: #0d3439;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .kv-gallery-filter-btn:hover,
  .kv-gallery-filter-btn.active {
    border-color: #85c815;
    background: #85c815;
    color: #ffffff;
  }


  /* =========================================================
   GALLERY GRID
   ========================================================= */

  .kv-gallery-grid {
    margin-left: -10px;
    margin-right: -10px;
  }

  .kv-gallery-grid .gallery-item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }


  /* =========================================================
   GALLERY CARD
   ========================================================= */

  .kv-gallery-card {
    position: relative;
    overflow: hidden;
    height: 280px;
    border-radius: 8px;
    background: #f5f5f5;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  }

  .kv-gallery-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .kv-gallery-card:hover img {
    transform: scale(1.08);
  }


  /* =========================================================
   GALLERY OVERLAY
   ========================================================= */

  .kv-gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 45px 20px 20px;
    background: linear-gradient(to top,
        rgba(13, 52, 57, 0.95),
        rgba(13, 52, 57, 0));
    color: #ffffff;
  }

  .kv-gallery-overlay h3 {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-gallery-overlay span {
    display: block;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
  }


  /* =========================================================
   HIDE FILTERED ITEMS
   ========================================================= */

  .gallery-item.kv-gallery-hidden {
    display: none !important;
  }


  /* =========================================================
   NO RESULTS MESSAGE
   ========================================================= */

  .kv-gallery-no-results {
    width: 100%;
    padding: 50px 20px;
    text-align: center;
  }

  .kv-gallery-no-results h3 {
    margin: 0 0 10px;
    color: #0d3439;
    font-size: 24px;
  }

  .kv-gallery-no-results p {
    margin: 0;
    color: #777777;
    font-size: 15px;
  }


  /* =========================================================
   PAGE BANNER
   ========================================================= */

  .kv-page-banner {
    position: relative;
    padding: 90px 0;
    background: #0d3439;
  }

  .kv-page-banner-content {
    text-align: center;
  }

  .kv-page-banner-content h1 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
  }

  .kv-page-banner-content p {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
  }

  .kv-page-banner-content p a {
    color: #85c815;
    text-decoration: none;
  }

  .kv-page-banner-content p span {
    display: inline-block;
    margin: 0 8px;
    color: #cccccc;
  }


  /* =========================================================
   TABLET
   ========================================================= */

  @media (max-width: 991px) {

    .kv-gallery-section {
      padding: 65px 0;
    }

    .kv-gallery-heading h2 {
      font-size: 34px;
    }

    .kv-gallery-card {
      height: 250px;
    }

    .kv-page-banner {
      padding: 70px 0;
    }

    .kv-page-banner-content h1 {
      font-size: 38px;
    }
  }


  /* =========================================================
   MOBILE
   ========================================================= */

  @media (max-width: 767px) {

    .kv-gallery-section {
      padding: 50px 0;
    }

    .kv-gallery-heading {
      margin-bottom: 30px;
    }

    .kv-gallery-heading h2 {
      font-size: 30px;
    }

    .kv-gallery-heading p {
      font-size: 15px;
    }

    .kv-gallery-filter {
      gap: 8px;
      margin-bottom: 35px;
    }

    .kv-gallery-filter-btn {
      padding: 7px 14px;
      font-size: 13px;
    }

    .kv-gallery-card {
      height: 240px;
    }

    .kv-page-banner {
      padding: 55px 0;
    }

    .kv-page-banner-content h1 {
      font-size: 32px;
    }
  }


  /* =========================================================
   SMALL MOBILE
   ========================================================= */

  @media (max-width: 575px) {

    .kv-gallery-search {
      margin-bottom: 25px;
    }

    .kv-gallery-search input {
      height: 48px;
      padding-left: 16px;
    }

    .kv-gallery-search button {
      width: 40px;
      height: 40px;
    }

    .kv-gallery-filter {
      justify-content: flex-start;
    }

    .kv-gallery-filter-btn {
      font-size: 12px;
      padding: 7px 12px;
    }

    .kv-gallery-card {
      height: 230px;
    }

    .kv-page-banner-content h1 {
      font-size: 28px;
    }
  }

  /* =========================================================
   KV CONTACT PAGE
========================================================= */

  /* Contact Introduction */

  .kv-contact-intro {
    padding: 80px 0 45px;
    background: #ffffff;
  }

  .kv-contact-intro-content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
  }

  .kv-contact-intro-content .kv-section-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #85c815;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .kv-contact-intro-content h2 {
    margin: 0 0 18px;
    color: #0d3439;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
  }

  .kv-contact-intro-content p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }


  /* =========================================================
   CONTACT INFORMATION CARDS
========================================================= */

  .kv-contact-info-section {
    padding: 25px 0 75px;
    background: #ffffff;
  }

  .kv-contact-info-card {
    display: flex;
    align-items: flex-start;
    height: 100%;
    min-height: 190px;
    padding: 30px 25px;
    margin-bottom: 25px;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
  }

  .kv-contact-info-card:hover {
    transform: translateY(-5px);
    border-color: #85c815;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
  }

  .kv-contact-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    margin-right: 18px;
    border-radius: 50%;
    background: #85c815;
    color: #ffffff;
    font-size: 21px;
  }

  .kv-contact-info-content {
    flex: 1;
  }

  .kv-contact-info-content h3 {
    margin: 0 0 10px;
    color: #0d3439;
    font-size: 20px;
    font-weight: 700;
  }

  .kv-contact-info-content p {
    margin: 0 0 10px;
    color: #777777;
    font-size: 14px;
    line-height: 1.7;
  }

  .kv-contact-info-content a,
  .kv-contact-info-content span {
    display: inline-block;
    color: #0d3439;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    text-decoration: none;
  }

  .kv-contact-info-content a:hover {
    color: #85c815;
  }


  /* =========================================================
   CONTACT FORM SECTION
========================================================= */

  .kv-contact-form-section {
    padding: 80px 0;
    background: #f7f9f8;
  }

  .kv-contact-form-section .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .kv-contact-form-section .row>[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }


  /* =========================================================
   CONTACT IMAGE
========================================================= */

  .kv-contact-image-card {
    position: relative;
    height: 100%;
    min-height: 650px;
    overflow: hidden;
    border-radius: 10px;
    background: #0d3439;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.10);
  }

  .kv-contact-image-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .kv-contact-image-card:hover img {
    transform: scale(1.04);
  }

  .kv-contact-image-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 70px 35px 35px;
    background: linear-gradient(to top,
        rgba(13, 52, 57, 0.98),
        rgba(13, 52, 57, 0));
  }

  .kv-contact-image-overlay>span {
    display: inline-block;
    margin-bottom: 10px;
    color: #85c815;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .kv-contact-image-overlay h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-contact-image-overlay p {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.8;
  }


  /* =========================================================
   CONTACT FORM CARD
========================================================= */

  .kv-contact-form-card {
    height: 100%;
    min-height: 650px;
    padding: 45px 40px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
  }

  .kv-contact-form-heading {
    margin-bottom: 30px;
  }

  .kv-contact-form-heading .kv-section-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    color: #85c815;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
  }

  .kv-contact-form-heading h2 {
    margin: 0 0 12px;
    color: #0d3439;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-contact-form-heading p {
    margin: 0;
    color: #777777;
    font-size: 15px;
    line-height: 1.7;
  }


  /* =========================================================
   FORM FIELDS
========================================================= */

  .kv-form-group {
    margin-bottom: 22px;
  }

  .kv-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #0d3439;
    font-size: 14px;
    font-weight: 600;
  }

  .kv-form-group input,
  .kv-form-group select,
  .kv-form-group textarea {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background: #ffffff;
    color: #333333;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
  }

  .kv-form-group input,
  .kv-form-group select {
    height: 50px;
    padding: 0 15px;
  }

  .kv-form-group textarea {
    min-height: 145px;
    padding: 14px 15px;
    resize: vertical;
  }

  .kv-form-group input:focus,
  .kv-form-group select:focus,
  .kv-form-group textarea:focus {
    border-color: #85c815;
    box-shadow: 0 0 0 3px rgba(133, 200, 21, 0.10);
  }

  .kv-form-group input::placeholder,
  .kv-form-group textarea::placeholder {
    color: #999999;
  }


  /* =========================================================
   SELECT
========================================================= */

  .kv-form-group select {
    cursor: pointer;
    appearance: auto;
  }


  /* =========================================================
   SUBMIT BUTTON
========================================================= */

  .kv-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 190px;
    height: 52px;
    padding: 0 25px;
    border: none;
    border-radius: 30px;
    background: #85c815;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .kv-contact-submit:hover {
    background: #6fae0d;
    color: #ffffff;
    transform: translateY(-2px);
  }

  .kv-contact-submit i {
    font-size: 13px;
  }


  /* =========================================================
   TABLET
========================================================= */

  @media (max-width: 991px) {

    .kv-contact-intro {
      padding: 65px 0 35px;
    }

    .kv-contact-intro-content h2 {
      font-size: 34px;
    }

    .kv-contact-info-section {
      padding-bottom: 50px;
    }

    .kv-contact-image-card {
      min-height: 500px;
      margin-bottom: 30px;
    }

    .kv-contact-image-card img {
      min-height: 500px;
    }

    .kv-contact-form-card {
      min-height: auto;
    }

    .kv-contact-form-section {
      padding: 65px 0;
    }
  }


  /* =========================================================
   MOBILE
========================================================= */

  @media (max-width: 767px) {

    .kv-contact-intro {
      padding: 50px 0 25px;
    }

    .kv-contact-intro-content h2 {
      font-size: 30px;
    }

    .kv-contact-intro-content p {
      font-size: 15px;
    }

    .kv-contact-info-section {
      padding: 25px 0 35px;
    }

    .kv-contact-info-card {
      min-height: auto;
      padding: 25px 20px;
    }

    .kv-contact-form-section {
      padding: 50px 0;
    }

    .kv-contact-image-card {
      min-height: 430px;
    }

    .kv-contact-image-card img {
      min-height: 430px;
    }

    .kv-contact-image-overlay {
      padding: 60px 25px 25px;
    }

    .kv-contact-image-overlay h3 {
      font-size: 24px;
    }

    .kv-contact-form-card {
      padding: 30px 22px;
    }

    .kv-contact-form-heading h2 {
      font-size: 28px;
    }

    .kv-contact-submit {
      width: 100%;
    }
  }


  /* =========================================================
   SMALL MOBILE
========================================================= */

  @media (max-width: 575px) {

    .kv-contact-info-card {
      display: block;
      text-align: center;
    }

    .kv-contact-info-icon {
      margin: 0 auto 18px;
    }

    .kv-contact-image-card {
      min-height: 400px;
    }

    .kv-contact-image-card img {
      min-height: 400px;
    }

    .kv-contact-form-card {
      padding: 25px 18px;
    }

    .kv-contact-form-heading h2 {
      font-size: 25px;
    }
  }

  /* =========================================================
   CASE STUDIES PAGE
   ========================================================= */

  .kv-case-study-intro {
    padding: 90px 0 70px;
    background: #ffffff;
  }

  .kv-case-study-intro-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }

  .kv-case-study-intro-content .kv-section-subtitle,
  .kv-case-study-heading .kv-section-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #85c815;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .kv-case-study-intro-content h2 {
    margin: 0 0 20px;
    color: #0d3439;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
  }

  .kv-case-study-intro-content p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }

  .kv-case-study-intro-content p:last-child {
    margin-bottom: 0;
  }


  /* Case Study Section */

  .kv-case-study-section {
    padding: 80px 0 100px;
    background: #f7f9f9;
  }

  .kv-case-study-heading {
    max-width: 800px;
    margin: 0 auto 45px;
    text-align: center;
  }

  .kv-case-study-heading h2 {
    margin: 0 0 15px;
    color: #0d3439;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-case-study-heading p {
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }


  /* Case Study Card */

  .kv-case-study-card {
    height: 100%;
    margin-bottom: 30px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(13, 52, 57, 0.08);
    transition: all 0.3s ease;
  }

  .kv-case-study-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(13, 52, 57, 0.15);
  }


  /* Image */

  .kv-case-study-image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
  }

  .kv-case-study-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .kv-case-study-card:hover .kv-case-study-image img {
    transform: scale(1.06);
  }


  /* Card Content */

  .kv-case-study-content {
    padding: 25px 22px 28px;
  }

  .kv-case-study-category {
    display: inline-block;
    margin-bottom: 12px;
    color: #85c815;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .kv-case-study-content h3 {
    min-height: 58px;
    margin: 0 0 14px;
    color: #0d3439;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
  }

  .kv-case-study-content p {
    min-height: 105px;
    margin: 0 0 20px;
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
  }


  /* View More Button */

  .kv-case-study-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 125px;
    height: 42px;
    padding: 0 20px;
    background: #85c815;
    color: #ffffff !important;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
  }

  .kv-case-study-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
  }

  .kv-case-study-btn:hover {
    background: #0d3439;
    color: #ffffff !important;
  }

  .kv-case-study-btn:hover i {
    transform: translateX(4px);
  }


  /* =========================================================
   CASE STUDIES RESPONSIVE
   ========================================================= */

  @media (max-width: 991px) {

    .kv-case-study-intro {
      padding: 70px 0 50px;
    }

    .kv-case-study-section {
      padding: 60px 0 70px;
    }

    .kv-case-study-intro-content h2 {
      font-size: 32px;
    }

    .kv-case-study-heading h2 {
      font-size: 30px;
    }

    .kv-case-study-image {
      height: 210px;
    }
  }


  @media (max-width: 767px) {

    .kv-case-study-intro {
      padding: 55px 0 40px;
    }

    .kv-case-study-section {
      padding: 50px 0 60px;
    }

    .kv-case-study-intro-content h2 {
      font-size: 28px;
    }

    .kv-case-study-heading {
      margin-bottom: 30px;
    }

    .kv-case-study-heading h2 {
      font-size: 27px;
    }

    .kv-case-study-image {
      height: 220px;
    }

    .kv-case-study-content h3 {
      min-height: auto;
    }

    .kv-case-study-content p {
      min-height: auto;
    }
  }


  @media (max-width: 575px) {

    .kv-case-study-intro-content h2 {
      font-size: 25px;
    }

    .kv-case-study-heading h2 {
      font-size: 25px;
    }

    .kv-case-study-intro-content p,
    .kv-case-study-heading p {
      font-size: 15px;
    }

    .kv-case-study-content {
      padding: 22px 20px 25px;
    }
  }

  /* =========================================================
   CAREERS PAGE
   ========================================================= */

  .kv-career-intro {
    padding: 90px 0 70px;
    background: #ffffff;
  }

  .kv-career-intro-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }

  .kv-career-intro-content .kv-section-subtitle,
  .kv-career-heading .kv-section-subtitle,
  .kv-career-opportunity-content .kv-section-subtitle,
  .kv-career-apply-content .kv-section-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #85c815;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .kv-career-intro-content h2 {
    margin: 0 0 20px;
    color: #0d3439;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-career-intro-content p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }

  .kv-career-intro-content p:last-child {
    margin-bottom: 0;
  }


  /* =========================================================
   WHY JOIN US
   ========================================================= */

  .kv-career-benefits {
    padding: 80px 0 90px;
    background: #f7f9f9;
  }

  .kv-career-heading {
    max-width: 800px;
    margin: 0 auto 45px;
    text-align: center;
  }

  .kv-career-heading h2 {
    margin: 0 0 15px;
    color: #0d3439;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-career-heading p {
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }


  /* Benefit Cards */

  .kv-career-benefit-card {
    height: 100%;
    margin-bottom: 30px;
    padding: 35px 28px;
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 5px 25px rgba(13, 52, 57, 0.07);
    transition: all 0.3s ease;
  }

  .kv-career-benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(13, 52, 57, 0.13);
  }

  .kv-career-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    background: #85c815;
    color: #ffffff;
    border-radius: 50%;
    font-size: 27px;
  }

  .kv-career-benefit-card h3 {
    margin: 0 0 14px;
    color: #0d3439;
    font-size: 21px;
    font-weight: 700;
  }

  .kv-career-benefit-card p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.7;
  }


  /* =========================================================
   CAREER OPPORTUNITIES
   ========================================================= */

  .kv-career-opportunities {
    padding: 90px 0;
    background: #ffffff;
  }

  .kv-career-opportunity-content {
    padding-right: 40px;
  }

  .kv-career-opportunity-content h2 {
    margin: 0 0 20px;
    color: #0d3439;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-career-opportunity-content p {
    margin: 0 0 15px;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
  }

  .kv-career-opportunity-image {
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(13, 52, 57, 0.12);
  }

  .kv-career-opportunity-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .kv-career-opportunity-image:hover img {
    transform: scale(1.04);
  }


  /* Career Button */

  .kv-career-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 150px;
    height: 46px;
    margin-top: 12px;
    padding: 0 23px;
    background: #85c815;
    color: #ffffff !important;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
  }

  .kv-career-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
  }

  .kv-career-btn:hover {
    background: #0d3439;
    color: #ffffff !important;
  }

  .kv-career-btn:hover i {
    transform: translateX(4px);
  }


  /* =========================================================
   CAREER APPLY CTA
   ========================================================= */

  .kv-career-apply {
    padding: 80px 0 100px;
    background: #f7f9f9;
  }

  .kv-career-apply-box {
    padding: 55px 70px;
    background: #0d3439;
    border-radius: 10px;
    text-align: center;
  }

  .kv-career-apply-content {
    max-width: 800px;
    margin: 0 auto;
  }

  .kv-career-apply-content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
  }

  .kv-career-apply-content p {
    margin: 0 auto 22px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
  }

  .kv-career-apply-content .kv-career-btn {
    background: #85c815;
  }

  .kv-career-apply-content .kv-career-btn:hover {
    background: #ffffff;
    color: #0d3439 !important;
  }


  /* =========================================================
   CAREERS RESPONSIVE
   ========================================================= */

  @media (max-width: 991px) {

    .kv-career-intro {
      padding: 70px 0 55px;
    }

    .kv-career-benefits {
      padding: 65px 0 70px;
    }

    .kv-career-opportunities {
      padding: 70px 0;
    }

    .kv-career-opportunity-content {
      padding-right: 0;
      margin-bottom: 40px;
    }

    .kv-career-opportunity-image {
      height: 400px;
    }

    .kv-career-apply {
      padding: 65px 0 75px;
    }

    .kv-career-apply-box {
      padding: 45px 40px;
    }

    .kv-career-intro-content h2,
    .kv-career-opportunity-content h2 {
      font-size: 32px;
    }

    .kv-career-heading h2 {
      font-size: 30px;
    }
  }


  @media (max-width: 767px) {

    .kv-career-intro {
      padding: 55px 0 45px;
    }

    .kv-career-benefits {
      padding: 55px 0 60px;
    }

    .kv-career-opportunities {
      padding: 55px 0;
    }

    .kv-career-intro-content h2,
    .kv-career-opportunity-content h2 {
      font-size: 28px;
    }

    .kv-career-heading h2 {
      font-size: 27px;
    }

    .kv-career-opportunity-image {
      height: 320px;
    }

    .kv-career-apply {
      padding: 55px 0 65px;
    }

    .kv-career-apply-box {
      padding: 40px 25px;
    }

    .kv-career-apply-content h2 {
      font-size: 28px;
    }
  }


  @media (max-width: 575px) {

    .kv-career-intro-content h2,
    .kv-career-opportunity-content h2 {
      font-size: 25px;
    }

    .kv-career-heading h2 {
      font-size: 25px;
    }

    .kv-career-intro-content p,
    .kv-career-heading p,
    .kv-career-opportunity-content p,
    .kv-career-apply-content p {
      font-size: 15px;
    }

    .kv-career-benefit-card {
      padding: 30px 22px;
    }

    .kv-career-opportunity-image {
      height: 280px;
    }

    .kv-career-apply-box {
      padding: 35px 20px;
    }

    .kv-career-apply-content h2 {
      font-size: 25px;
    }
  }

  /* =========================================================
   HEADER DROPDOWN ARROWS
   ========================================================= */

  .template-main-menu>ul>li.menu-item-has-children>a {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  .kv-menu-arrow {
    font-size: 9px !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
  }


  /* Rotate arrow when hovering */

  .template-main-menu>ul>li.menu-item-has-children:hover>a .kv-menu-arrow {
    transform: rotate(180deg);
  }


  /* =========================================================
   STICKY HEADER
   ========================================================= */

  .header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #ffffff !important;
  }

  #header-menu {
    position: relative !important;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }


  /*
|--------------------------------------------------------------------------
| Prevent page content from going underneath fixed header
|--------------------------------------------------------------------------
*/

  body,
  body.has-sticky-header {
    padding-top: 0 !important;
  }


  /* =========================================================
   DROPDOWN MENU
   ========================================================= */

  #header-menu .template-main-menu>ul>li {
    position: relative;
  }

  #header-menu .template-main-menu>ul>li>ul {
    z-index: 10000;
  }


  /* =========================================================
   STICKY HEADER MOBILE
   ========================================================= */

  @media (max-width: 991px) {

    #header-menu {
      position: relative !important;
      top: auto;
      left: auto;
    }

    body.has-sticky-header {
      padding-top: 0;
    }

  }




  /* ==========================================
   KV Commercial Cleaning sydney - FAQ DESIGN
========================================== */

  .kv-faq-section {
    padding: 75px 0;
    background: #f6f8fb;
  }

  .kv-faq-section .kv-faq-heading {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
  }

  .kv-faq-section .kv-faq-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #c18b12;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  .kv-faq-section .kv-faq-heading h2 {
    margin: 0;
    color: #172b46;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.35;
  }

  .kv-faq-section .kv-faq-subtitle {
    margin: 12px 0 0;
    color: #687386;
    font-size: 16px;
    line-height: 1.8;
  }

  .kv-faq-section .kv-faq-list {
    max-width: 900px;
    margin: 0 auto;
  }

  .kv-faq-section details.kv-faq-item {
    display: block;
    margin: 0 0 14px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(23, 43, 70, 0.04);
    transition: border-color .25s ease, box-shadow .25s ease;
  }

  .kv-faq-section details.kv-faq-item:hover,
  .kv-faq-section details.kv-faq-item[open] {
    border-color: #d5a32d;
    box-shadow: 0 6px 20px rgba(23, 43, 70, 0.07);
  }

  .kv-faq-section details.kv-faq-item>summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 21px 24px;
    background: #fff;
    color: #172b46;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    cursor: pointer;
    list-style: none;
  }

  .kv-faq-section details.kv-faq-item>summary::-webkit-details-marker {
    display: none;
  }

  .kv-faq-section details.kv-faq-item>summary::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0b323;
    color: #172b46;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
  }

  .kv-faq-section details.kv-faq-item[open]>summary::after {
    content: "\2212";
    background: #172b46;
    color: #fff;
  }

  .kv-faq-section details.kv-faq-item>summary:focus-visible {
    outline: 3px solid #d5a32d;
    outline-offset: -4px;
  }

  .kv-faq-section .kv-faq-answer {
    padding: 0 24px 23px;
    color: #657184;
    font-size: 15px;
    line-height: 1.9;
  }

  .kv-faq-section .kv-faq-answer p {
    margin: 0;
  }

  .kv-faq-section .kv-faq-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    max-width: 900px;
    margin: 30px auto 0;
    padding: 28px 30px;
    background: #172b46;
    border-radius: 10px;
  }

  .kv-faq-section .kv-faq-cta h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
  }

  .kv-faq-section .kv-faq-cta p {
    margin: 0;
    color: #d8e0ea;
    line-height: 1.7;
  }

  .kv-faq-section .kv-faq-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 13px 22px;
    border-radius: 5px;
    background: #f0b323;
    color: #172b46;
    font-weight: 700;
    text-decoration: none;
  }

  .kv-faq-section .kv-faq-cta-btn:hover {
    background: #fff;
    color: #172b46;
  }

  @media (max-width: 767px) {
    .kv-faq-section {
      padding: 50px 0;
    }

    .kv-faq-section .kv-faq-heading h2 {
      font-size: 27px;
    }

    .kv-faq-section .kv-faq-subtitle {
      font-size: 14px;
    }

    .kv-faq-section details.kv-faq-item>summary {
      padding: 17px;
      gap: 12px;
      font-size: 15px;
    }

    .kv-faq-section .kv-faq-answer {
      padding: 0 17px 20px;
      font-size: 14px;
    }

    .kv-faq-section .kv-faq-cta {
      flex-direction: column;
      align-items: stretch;
      padding: 24px 20px;
    }

    .kv-faq-section .kv-faq-cta-btn {
      width: 100%;
    }
  }

  /* Services dropdown: 2 columns x 9 items */
  nav.template-main-menu>ul>li ul.dropdown-menu-col-1.kv-services-dropdown,
  #header-menu nav ul li ul.kv-services-dropdown {
    width: 620px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 2px !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
  }

  nav.template-main-menu>ul>li ul.dropdown-menu-col-1.kv-services-dropdown li,
  #header-menu nav ul li ul.kv-services-dropdown li {
    width: 100% !important;
    display: block !important;
  }

  nav.template-main-menu>ul>li ul.dropdown-menu-col-1.kv-services-dropdown li a,
  #header-menu nav ul li ul.kv-services-dropdown li a {
    padding: 8px 12px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 4px !important;
  }

  /* ==========================================================================
   KV Mobile Header & Right-Side Off-Canvas Drawer Menu
   ========================================================================== */

  /* Disable legacy meanmenu elements */
  .mean-bar,
  .mean-container .mean-bar,
  .mean-push,
  .mobile-menu-area {
    display: none !important;
  }

  /* Mobile Header Bar (< 992px) */
  .kv-mobile-header-bar {
    display: none;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(12, 25, 35, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }

  .kv-mobile-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 16px;
    max-width: 100%;
  }

  .kv-mobile-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }

  .kv-mobile-logo img {
    height: 42px;
    width: auto;
    max-width: 185px;
    object-fit: contain;
    display: block;
  }

  .kv-mobile-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .kv-mobile-quote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    background: #034ea2;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background 0.2s ease;
    line-height: 1.2;
  }

  .kv-mobile-quote-btn:hover {
    background: #023875;
  }

  .kv-mobile-menu-toggle {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    border: 1.5px solid #dbe2ea;
    background: #f8fafc;
    color: #034ea2;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4.5px;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .kv-mobile-menu-toggle:hover,
  .kv-mobile-menu-toggle:active {
    background: #edf2f7;
    border-color: #cbd5e1;
  }

  .kv-mobile-menu-toggle span.kv-bar {
    display: block;
    width: 20px;
    height: 2.2px;
    background: #034ea2;
    border-radius: 2px;
    transition: all 0.25s ease;
  }

  /* Off-Canvas Backdrop Overlay */
  .kv-drawer-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(12, 25, 35, 0.65);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s ease;
  }

  .kv-drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Off-Canvas Drawer from the Right Side */
  .kv-drawer-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 325px;
    max-width: 86vw;
    height: 100%;
    background: #ffffff;
    z-index: 10002;
    display: flex;
    flex-direction: column;
    box-shadow: -10px 0 35px rgba(0, 0, 0, 0.22);
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
  }

  .kv-drawer-panel.is-open {
    transform: translateX(0);
  }

  body.kv-drawer-open {
    overflow: hidden !important;
  }

  /* Drawer Header */
  .kv-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #edf2f7;
    background: #ffffff;
    flex-shrink: 0;
  }

  .kv-drawer-logo img {
    height: 38px;
    width: auto;
    object-fit: contain;
    display: block;
  }

  .kv-drawer-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f1f5f9;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .kv-drawer-close:hover {
    background: #e2e8f0;
    color: #0f172a;
  }

  /* Drawer Body (Scrollable List) */
  .kv-drawer-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
  }

  .kv-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .kv-drawer-item {
    border-bottom: 1px solid #f1f5f9;
  }

  .kv-drawer-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .kv-drawer-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    color: #1e293b;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none !important;
    flex: 1;
    transition: color 0.15s ease, background 0.15s ease;
  }

  .kv-drawer-link i {
    width: 18px;
    font-size: 14px;
    color: #034ea2;
    text-align: center;
  }

  .kv-drawer-link:hover,
  .kv-drawer-link.is-active {
    color: #034ea2;
    background: #f8fafc;
  }

  .kv-drawer-badge {
    background: #e0f2fe;
    color: #0369a1;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: 6px;
  }

  .kv-drawer-arrow {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.25s ease, color 0.2s ease;
  }

  .kv-drawer-arrow:hover {
    color: #034ea2;
  }

  .kv-drawer-item.is-expanded .kv-drawer-arrow i {
    transform: rotate(180deg);
  }

  /* Submenu Dropdown List */
  .kv-drawer-submenu {
    display: none;
    list-style: none;
    padding: 4px 0 8px 38px;
    margin: 0;
    background: #f8fafc;
    border-top: 1px dashed #e2e8f0;
  }

  .kv-drawer-item.is-expanded .kv-drawer-submenu {
    display: block;
  }

  .kv-drawer-submenu li a {
    display: block;
    padding: 8px 16px 8px 12px;
    color: #475569;
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none !important;
    position: relative;
    transition: all 0.15s ease;
  }

  .kv-drawer-submenu li a:before {
    content: "•";
    color: #94a3b8;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 14px;
  }

  .kv-drawer-submenu li a:hover,
  .kv-drawer-submenu li a.is-active {
    color: #034ea2;
    font-weight: 600;
    padding-left: 16px;
  }

  .kv-drawer-submenu li a:hover:before {
    color: #034ea2;
  }

  /* Drawer Footer */
  .kv-drawer-footer {
    padding: 14px 18px;
    border-top: 1px solid #edf2f7;
    background: #ffffff;
    flex-shrink: 0;
  }

  .kv-drawer-quote-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #034ea2 0%, #023875 100%);
    color: #ffffff !important;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(3, 78, 162, 0.25);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .kv-drawer-quote-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(3, 78, 162, 0.35);
  }

  .kv-drawer-contact-info {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .kv-drawer-contact-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #64748b;
    text-decoration: none !important;
  }

  .kv-drawer-contact-line i {
    color: #034ea2;
    font-size: 12px;
    width: 14px;
  }

  .kv-drawer-contact-line:hover {
    color: #034ea2;
  }

  /* Media Query Rules for Header Visibility */
  @media (max-width: 991.98px) {
    #header-menu {
      display: none !important;
    }

    .kv-mobile-header-bar {
      display: flex !important;
    }
  }

  @media (min-width: 992px) {

    .kv-mobile-header-bar,
    .kv-drawer-backdrop,
    .kv-drawer-panel {
      display: none !important;
    }

    #header-menu {
      display: block !important;
    }
  }

  /* Breadcrumb Banner & Single Watermark Optimization */
  .inner-page-banner,
  .sub_banner .sub_banner_con,
  .sub_banner_con {
    position: relative;
    background-size: cover !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  /* FAQ Hover Pointer */
  .accordion .card-header,
  .accordion .card-header *,
  .accordion-card .card-header,
  .accordion-card .card-header *,
  .kv-faq-item .card-header,
  .kv-faq-item .card-header *,
  .faq-con .card-header,
  .faq-con .card-header *,
  .card-header [data-toggle="collapse"],
  .accordion .card-body,
  .accordion .card-body *,
  .accordion-card .card-body,
  .accordion-card .card-body *,
  .kv-faq-item .card-body,
  .kv-faq-item .card-body *,
  .faq-con .card-body,
  .faq-con .card-body * {
    cursor: pointer !important;
  }

  /* Universal Content Paragraph Justification */
  p:not(.text-center):not(.copyright-wrap *):not(.footer-con *):not(.kv-footer *):not(.kv-footer-bottom *):not(.kv-faq-cta *):not(.btn *):not(.breadcrumbs-area *):not(.sub_banner_con *):not(.kv-section-head *):not(.gl-heading *):not(.gl-empty):not(.section-subtitle-badge) {
    text-align: justify !important;
    text-justify: inter-word !important;
  }

  .kv-narrow p:not(.text-center),
  .kv-text p:not(.text-center),
  .card-body p,
  .service-dyn-card-desc,
  .blog-body-card p,
  .cs-content-card p,
  .area-content-card p,
  .kv-panel p {
    text-align: justify !important;
    text-justify: inter-word !important;
  }

  /* Universal Phone Icon Normalization (Standard forward-facing orientation) */
  .fa-phone,
  .fa-phone-volume,
  .fa-phone-alt,
  .fa-phone-flip,
  i.fa-phone,
  i.fa-phone-alt,
  i.fa-phone-volume,
  i.fa-phone-flip,
  .fa-solid.fa-phone,
  .fa-solid.fa-phone-flip,
  .fas.fa-phone,
  .fas.fa-phone-alt {
    transform: none !important;
    display: inline-block !important;
    line-height: 1 !important;
  }

  .fa-phone-alt:before,
  .fa-phone-flip:before {
    content: "\f095" !important;
  }

  /* Universal FontAwesome 6 to FA5 and Font Fallbacks */
  .fa-solid, .fas {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", 'FontAwesome' !important;
    font-weight: 900 !important;
  }
  .fa-regular, .far {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", 'FontAwesome' !important;
    font-weight: 400 !important;
  }
  .fa-brands, .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", 'FontAwesome' !important;
  }

  /* FA6 Modern Icon Fallbacks for all pages */
  .fa-circle-check:before { content: "\f058" !important; }
  .fa-circle-exclamation:before { content: "\f06a" !important; }
  .fa-circle-info:before { content: "\f05a" !important; }
  .fa-circle-question:before { content: "\f059" !important; }
  .fa-location-dot:before { content: "\f3c5" !important; }
  .fa-map-location-dot:before { content: "\f5a0" !important; }
  .fa-pen-to-square:before { content: "\f044" !important; }
  .fa-trash-can:before { content: "\f2ed" !important; }
  .fa-xmark:before { content: "\f00d" !important; }
  .fa-magnifying-glass:before { content: "\f002" !important; }
  .fa-angles-left:before { content: "\f100" !important; }
  .fa-angles-right:before { content: "\f101" !important; }
  .fa-arrow-right-from-bracket:before { content: "\f2f5" !important; }
  .fa-circle-chevron-right:before { content: "\f138" !important; }
  .fa-folder-tree:before { content: "\f07c" !important; }
  .fa-list-check:before { content: "\f0ae" !important; }
  .fa-shield-check:before { content: "\f3ed" !important; }
  .fa-building-circle-check:before { content: "\f1ad" !important; }

  /* Ensure ALL buttons maintain identical dimensions and view before and after hover */
  .btn,
  .kv-btn,
  .btn-fill-md,
  .btn-fill-lg,
  .btn-card-action,
  .btn-modern-primary,
  .btn-modern-call,
  .service-dyn-card-btn,
  .service-dyn-view-all-btn,
  .kv-call-card,
  .tm-call-card,
  .gl-call-card,
  .other-area-card .btn-card-action,
    transform: none !important;
  }