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

    Template Name: Volport - Logistics & Transport HTML Template
    Description:  Volport - Logistics & Transport HTML Template
    Author: Theme_Pure
    Version: 1.0

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

CSS INDEX
===================

01. Variables
02. Mixins
03. Common
04. Overlay
05. Header
06. Slider
07. Hero
08. Services
09. About
10. Form
11. Features
12. Users
13. Testimonial
14. Blog
15. Cta
16. Footer
17. Copyright
18. Menu-search
19. Coverage
20. Portfolio
21. Faq
22. Gallery
23. Brand
24. Pricing
25. Team
26. News
27. Page-title
28. History
29. Projects
30. Contact
31. Newsletter
-----------------------------------------------------------------------------------*/
/*
*****
01. Variables
*************************
*/
/*
*****
02. Mixins
*************************
*/
/*
*****
03. Common
*************************
*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  /*color: #777777;*/
  color: #424242;
}

.img,
img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

button {
  background: transparent;
  outline: none;
  border: none;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

a {
  text-decoration: none;
}

a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Fira Sans", sans-serif;
  color: #1a1a2b;
  margin-top: 0px;
  font-weight: 700;
  text-transform: normal;
  line-height: 1.16;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 72px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 54px;
  }
}

h2 {
  font-size: 60px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  /*color: #777777;*/
  color: #424242;
  margin-bottom: 20px;
}

hr {
  border-bottom: 1px solid #eceff8;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: #1a1a2b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.form-group > label {
  font-weight:400;
}


*::-moz-selection {
  background: #11111f;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #11111f;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #11111f;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #b9b9b9;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #b9b9b9;
  font-size: 14px;
  opacity: 1;
}

/*--
    - select
-----------------------------------------*/
select {
  color: #b9b9b9;
  font-size: 14px;
  opacity: 1;
  appearance: none;
}

#scrollUp {
  background: #12121f;
  height: 40px;
  width: 40px;
  right: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
#scrollUp:hover {
  background: #777777;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.mt--85 {
  margin-top: -85px;
}

.pb-280 {
  padding-bottom: 280px;
}

.ml--40 {
  margin-left: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml--40 {
    margin-left: 0;
  }
}

.mt--125 {
  margin-top: -125px;
}

.pt-315 {
  padding-top: 315px;
}

.pt-440 {
  padding-top: 440px;
}

.pt-215 {
  padding-top: 215px;
}

.pt-290 {
  padding-top: 290px;
}

.pt-210 {
  padding-top: 210px;
}

.ph-75 {
  padding: 0 75px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ph-75 {
    padding-left: 0;
    padding-right: 0;
  }
}

.z-index-1 {
  z-index: 1;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f8f8f8;
}

.grey-light-bg {
  background: #f9f9f9;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #11111f;
}

.black-bg-3 {
  background: var(--second-color);;
}

.red-bg {
  background: var(--main-color);
}

.theme-bg {
  background: var(--main-color);
}

.footer-bg {
  background: var(--second-color);
}

.footer-bg2 {
  background: #12121f;
}

.blue-bg {
  background: #1f61a7;
}

.copyright-bg {
  background: #111111;
}

.copyright-bg2 {
  background: #0b0b15;
}

/*--
    - color
-----------------------------------------*/
.white-color {
  color: #ffffff;
}

.black-color {
  color: #11111f;
}

.theme-color {
  color: #c22c2d;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

.s-btn {
  height: 50px;
  background: var(--main-color);
  padding: 0 40px;
  margin-right: 20px;
  display: inline-block;
  line-height: 50px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}
.s-btn:hover {
  background: #ffffff;
  color: #1a1a2b;
}

.s-btn.circle,
.s-btn.circle.black {
  background: none;
  position: relative;
}
.s-btn.circle:hover:before,
.s-btn.circle.black:hover:before {
  width: 100%;
  background-color: #ffffff;
  opacity: 1;
}
.s-btn.circle::before,
.s-btn.circle.black::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50px;
  height: 100%;
  background-color: #c22c2d;
  border-radius: 25px;
  z-index: -1;
  opacity: 0.2;
  transition: 0.3s;
}

.s-btn.circle.black {
  color: #1a1a2b;
}
.s-btn.circle.black:hover {
  color: #ffffff;
}
.s-btn.circle.black:hover:before {
  background-color: var(--main-color);
}
.s-btn.circle.black:before {
  background-color: #f4f4f4;
  opacity: 1;
}

button.subscribe {
  border: none;
  padding: 0 40px;
  background: #164b83;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
button.subscribe:hover {
  color: #ffffff;
}
button.subscribe i {
  margin-right: 5px;
  font-size: 14px;
  line-height: 60px;
}

.company-icon {
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
.company-icon:before, .company-icon:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background: #e5e5e5;
  top: 19px;
}
.company-icon:before {
  left: -40px;
}
.company-icon:after {
  right: -40px;
}

.section-title {
  position: relative;
}
.section-title-2 {
  font-size: 60px;
  font-weight: 600;
  color: #222222;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title-2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section-title-2 {
    font-size: 35px;
  }
}
.section-title-3 {
  font-size: 68px;
}
@media (max-width: 575px) {
  .section-title-3 {
    font-size: 35px;
  }
}
.section-title span {
  font-size: 16px;
  color: #1f61a7;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1;
}
.section-title span i {
  margin-right: 5px;
}
.section-title span.category {
  font-size: 14px;
  font-weight: 700;
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.section-title h2 {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 46px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title h2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .section-title h2 {
    font-size: 32px;
  }
}
.section-title h2.mb-20 {
  margin-bottom: 20px;
}
.section-title .back-text {
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: -3;
}
.section-title .back-text span {
  font-size: 160px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #f4f4fa;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title .back-text span {
    font-size: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title .back-text span {
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .section-title .back-text span {
    display: none;
  }
}
.section-title.white span {
  color: #ffffff;
}
.section-title.white h2 {
  color: #ffffff;
}
.section-title.text-center .back-text {
  right: 0;
}
.section-pre-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--main-color);
  display: inline-block;
  margin-bottom: 5px;
}

.section-title-pl-55 {
  padding-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-pl-55 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-pl-55 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title-pl-55 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .section-title-pl-55 {
    padding-left: 0;
  }
}

.shutter-btn {
  position: relative;
  z-index: 1;
}
.shutter-btn::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  background: #1a1a2b;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.shutter-btn:hover::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.v-btn {
  display: inline-block;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 35px;
  color: #ffffff;
  font-weight: 700;
  background: var(--main-color);
  position: relative;
  z-index: 1;
}
.v-btn::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 100%;
  background: #11111f;
  z-index: -1;
}
.v-btn i {
  padding-left: 15px;
}
.v-btn:hover {
  background: #222222;
  color: #ffffff;
}
.v-btn:hover::before {
  width: 100%;
}
.v-btn-big {
  padding: 0 144px;
  background: #1f61a7;
}
.v-btn-big i {
  padding-left: 20px;
}
.v-btn-2 {
  background: #ffffff;
  color: #f02830;
}

.link-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding: 0 40px;
  height: 60px;
  line-height: 60px;
  background: transparent;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  z-index: 1;
}
.link-btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 60px;
  background: rgba(255, 94, 20, 0.2);
  z-index: -1;
}
.link-btn:hover {
  color: #ffffff;
}
.link-btn:hover::before {
  width: 100%;
  background: var(--main-color);
}
.link-btn-3 {
  color: #1a1a2b;
}
.link-btn-3::before {
  background: #f4f4f4;
}

.link-btn-2 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #777777;
  text-transform: capitalize;
  position: relative;
}
.link-btn-2::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #777777;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.link-btn-2:hover {
  color: var(--main-color);
}
.link-btn-2:hover::after {
  bottom: 0;
  background: var(--main-color);
  visibility: visible;
  opacity: 1;
}

/*
*****
04. Overlay
*************************
*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/*-- Overlay Color --*/
[data-overlay=light]::before {
  background-color: #ffffff;
}

[data-overlay=dark]::before {
  background-color: #11111f;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

/*
*****
05. Header
*************************
*/
.transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.transparent-header-2 {
  top: 20px;
}

.color-header {
  height: 100px;
  border-bottom: 2px solid #3977b8;
  background: #1f61a7;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .color-header {
    padding-top: 24px;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .color-header {
    padding-top: 15px;
    height: 80px;
  }
}
.color-header .main-menu ul li a {
  padding: 14px 20px 14px 0;
}
.color-header .main-menu ul li a:hover {
  color: #1a1a2b;
}
.color-header .main-menu ul li:hover > a {
  color: #1a1a2b;
}
.color-header .main-menu ul li .submenu {
  border-color: #104e90;
}
.color-header.sticky nav > ul > li:hover > a {
  color: #1a1a2b;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .color-header-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
}
@media (max-width: 575px) {
  .color-header-2 {
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
  }
}

.color-header.c2 .main-menu ul li:hover > a {
  color: #ffffff;
}
.color-header.c2 .main-menu ul li .submenu li:hover > a {
  color: #11111f;
}
.color-header.c2 .main-menu ul li .submenu li:hover > a:before {
  background: #1a1a2b;
}
.color-header.c2 .main-menu ul li .submenu li:hover > a:hover {
  color: inherit;
}

.logo {
  line-height: 110px;
  display: inline-block;
}
@media (max-width: 575px) {
  .logo-1 {
    padding-right: 10px;
  }
}

.main-menu ul li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.main-menu ul li:hover > a {
  color: var(--main-color);
}
.main-menu ul li:hover .submenu {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.main-menu ul li a {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  display: block;
  line-height: 70px;
  padding: 20px 20px 20px 0;
}
.main-menu ul li a:hover {
  color: var(--main-color);
}
.main-menu ul li a i {
  padding-left: 5px;
  opacity: 0.5;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 230px;
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 4px solid var(--main-color);
  transform: scale(0.7);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 400;
}
.main-menu ul li .submenu li {
  display: block;
  margin-right: 0;
  padding: 0px 20px;
}
.main-menu ul li .submenu li a {
  display: inline-block;
  padding-top: 17px;
  padding-bottom: 5px;
  padding-right: 0;
  line-height: 1;
  color: #1a1a2b;
  position: relative;
}
.main-menu ul li .submenu li a:hover {
  color: var(--main-color);
}
.main-menu ul li .submenu li a:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li .submenu li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--main-color);
}
.main-menu-2 ul li {
  display: inline-block;
}
.main-menu-2 ul li:not(:last-child) {
  margin-right: 30px;
}
.main-menu-2 ul li a {
  color: #777777;
  display: inline-block;
  font-size: 14px;
  padding: 35px 0;
  font-weight: 600;
  line-height: 1;
}
.main-menu-2 ul li a i {
  padding-left: 5px;
  opacity: 1;
}
.main-menu-2 ul li:hover > a {
  color: #222222;
}
.main-menu-2 ul li:hover > a i {
  color: #222222;
}
.main-menu-2 ul li .submenu {
  border-color: var(--main-color);
}
.main-menu-2 ul li .submenu li a:hover {
  color: var(--main-color);
}
.main-menu-2 ul li .submenu li a:hover::before {
  background: var(--main-color);
}

.header__icons li {
  display: inline-block;
}
@media (max-width: 575px) {
  .header__icons li:not(:last-child) {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__icons li:not(:last-child) {
    display: inline-block;
  }
}
.header__icons li a {
  font-size: 24px;
  color: #ffffff;
  margin-left: 25px;
}
.header__icons li a:hover {
  color: #1a1a2b;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__icons li a {
    margin-left: 15px;
  }
}
.header__icons.c2 li a:hover {
  color: #ffffff;
  opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .header__action {
    float: left;
  }
}
.header__action .language {
  padding-right: 17px;
  position: relative;
  display: inline-block;
}
.header__action .language:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  top: 8px;
  right: 0;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
}
.header__action .language li:hover ul.submenu {
  opacity: 1;
  visibility: visible;
}
.header__action .language > li {
  padding: 5px 0;
}
.header__action .language > li > a {
  color: white;
  font-weight: 700;
  font-size: 14px;
}
.header__action .language .submenu {
  width: 100px;
  padding: 15px 20px;
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.header__action .language .submenu li {
  display: block;
}
.header__action .language .submenu li a {
  font-size: 14px;
}
.header__action .language .submenu li a:hover {
  color: #1f61a7;
}
.header__action-location {
  display: inline-block;
  margin-left: 30px;
}
.header__action-location .location-btn {
  font-size: 14px;
  color: #ffffff;
  background: #104e90;
  line-height: 50px;
  font-weight: 700;
  height: 50px;
  padding: 0 30px;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.header__action-location .location-btn:hover {
  background: #ffffff;
  color: #104e90;
}
.header__action-location .location-btn i {
  margin-right: 5px;
}
.header__action-2 ul li a {
  font-size: 40px;
  color: #1a1a2b;
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 95px;
  text-align: center;
  background: #f2f2f2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__action-3 {
    float: none;
  }
}
.header__search button {
  font-size: 24px;
  color: #222222;
  background: transparent;
}

.header__cta {
  width: 85.4%;
  background: #1a1a2b;
  padding: 34px 60px;
  height: 127px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__cta {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__cta {
    padding: 34px 40px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .header__cta {
    width: 100%;
    padding: 34px 15px;
  }
}
.header__cta .logo {
  line-height: 62px;
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__cta .logo {
    margin-right: 60px;
  }
}
.header__cta .cta__content ul li {
  margin-left: 0;
  margin-right: 50px;
}
.header__cta .cta__content ul li:last-child {
  margin-right: 0;
}
.header__cta .cta__content ul li .support-img::before {
  background: var(--main-color);
}

.color-header.c3 {
  width: 85.4%;
  background: #11111f;
  padding: 0 60px;
  height: 60px;
  border-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .color-header.c3 {
    width: 80%;
  }
}
.color-header.c3 .main-menu ul li .submenu {
  border-color: var(--main-color);
}
.color-header.c3 .main-menu nav > ul > li {
  margin-right: 33px;
}
.color-header.c3 .main-menu nav > ul > li:hover > a {
  color: var(--main-color);
}
.color-header.c3 .main-menu nav > ul > li > a {
  line-height: 32px;
}

.header__login {
  position: absolute;
  top: 0;
  right: 0;
  width: 14.6%;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__login {
    width: 20%;
  }
}
.header__login-title {
  background: #f7f7f7;
}
.header__login-title i {
  font-size: 14px;
  color: var(--main-color);
  margin-right: 10px;
}
.header__login-title h5 {
  font-size: 14px;
  display: inline-block;
  line-height: 65px;
  margin-bottom: 0;
}
.header__login-title h5 a:hover {
  color: var(--main-color);
}
.header__login-social {
  padding: 21px 20px;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
}
.header__login-social li {
  line-height: 20px;
}
.header__login-social li a {
  line-height: 20px;
  display: inline-block;
}
.header__login-social li a i {
  font-size: 14px;
  color: #424141;
  line-height: 1;
}
.header__login-social li a i:hover {
  color: var(--main-color);
}
.header__login-number {
  background: #f02830;
}
.header__login-number img {
  margin-right: 15px;
}
.header__login-number span {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  line-height: 60px;
}
.header__login-number span a:hover {
  opacity: 0.5;
}

.sticky {
  position: fixed;
  top: 0;
  background: #11111f;
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky.sticky-2 {
  background: #11111f;
}
.sticky.sticky-3 {
  background: #fff;
}

.sticky .logo {
  line-height: 80px;
}

.sticky .header__icons li a:hover {
  color: var(--main-color);
}

.sticky .header__icons.c2 li a:hover {
  color: #ffffff;
  opacity: 0.5;
}

.sticky.color-header.c2 {
  background: #1f61a7;
  border-bottom: 0;
}

.hidden-menu {
  display: none;
}
.hidden-menu.sticky {
  display: block;
}

.side-toggle {
  background: none;
  border: none;
  padding: 0;
}

.side-info.info-open {
  right: 0;
}

.side-info {
  background: #10101b;
  height: 100%;
  position: fixed;
  z-index: 950;
  right: -100%;
  top: 0;
  width: 465px;
  padding: 45px;
  transition: 0.6s;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .side-info {
    /*width: 300px;*/
    padding: 15px 25px;
    width:100%;
  }
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.offcanvas-overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.side-info-close {
  background: none;
  border: 0;
  color: #fff;
  font-size: 20px;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.side-info-close:hover {
  color: var(--main-color);
}

.menu-sidebar {
  top: 54%;
  position: absolute;
  right: 15px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-sidebar {
    right: 40px;
  }
}
.menu-sidebar .side-toggle:hover {
  color: var(--main-color);
}

.offset-logo {
  border-bottom: 1px transparent;
}

.offset_search_content {
  position: relative;
}

.offset_search_content input {
  width: 100%;
  border: 0;
  padding: 5px 15px;
  padding-right: 15px;
  font-weight: 300;
  background: none;
  border: 1px solid #868686;
  padding-right: 40px;
  color: #ffffff;
  height: 40px;
}

.offset_search_content input::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 400;
  opacity: 0.7;
}

.offset_search_content input::-moz-placeholder {
  color: #ffffff;
  font-weight: 400;
  opacity: 0.7;
}

.offset_search_content input:-ms-input-placeholder {
  color: #ffffff;
  font-weight: 400;
  opacity: 0.7;
}

.offset_search_button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  color: #f8f8f8;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.offset_search_button:hover {
  color: #fff;
}

.info-widget p {
  font-size: 16px;
  color: #ffffff;
  opacity: 0.7;
}

.side-map iframe {
  width: 100%;
  height: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .side-gallery {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .contact-infos {
    margin-top: 20px;
  }
}

.contact-infos h4 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #ffffff;
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 10px;
}

.contact-list > a {
  text-decoration: none;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.7;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.contact-list > a:hover {
  opacity: 1;
}

.contact-list > a i {
  width: 30px;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 16px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .contact-list > a i {
    width: 20px;
  }
}

.footer__social.offset-social li a {
  height: 45px;
  width: 45px;
  line-height: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .footer__social.offset-social li a {
    width: 40px;
    height: 40px;
  }
}

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

/* mean menu */
.side-menu-icon.d-lg-none.f-right {
  margin: 20px 0;
}

.mean-container .mean-nav > ul {
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #28283f;
  font-size: 16px;
  text-transform: none;
  opacity: 0.7;
}
.mean-container .mean-nav ul li a i {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-bottom: 40px;
}

.mean-container .mean-nav ul li a.mean-expand {
  height: 34px;
  border: none;
}

.contact__list h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
}
.contact__list p {
  color: #d0d0d0;
  margin-bottom: 2px;
}

.side-portfolio a {
  width: 33.33%;
  float: left;
  padding: 0 3px;
  margin-bottom: 6px;
  display: block;
  position: relative;
}
.side-portfolio a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #c22c2d;
  opacity: 0;
  visibility: hidden;
}
.side-portfolio a:hover:before {
  opacity: 0.7;
  visibility: visible;
}

.side-portfolio img {
  width: 100%;
}

/*
*****
06. Slider
*************************
*/
.slider__area {
  min-height: 850px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .slider__area {
    min-height: 650px;
  }
}
.slider__area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 62.35%;
  height: 100%;
  background: #1a1a2b url("../../img/slider/slider-map.png") no-repeat left center;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 575px) {
  .slider__area:before {
    width: 100%;
  }
}
.slider__area::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 37.65%;
  height: 100%;
  background: var(--main-color);
  z-index: -1;
}
@media (max-width: 575px) {
  .slider__area::after {
    width: 0;
  }
}
.slider__area-2 {
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 575px) {
  .slider__area-2 {
    height: 500px;
  }
}
.slider__area-2 .slider__content p {
  font-size: 20px;
  color: #ffffff;
  opacity: 0.8;
}
@media (max-width: 575px) {
  .slider__area-2 .slider__content p {
    font-size: 16px;
  }
}
.slider__area-2 .slider__content h1 {
  font-size: 80px;
  margin-bottom: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__area-2 .slider__content h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .slider__area-2 .slider__content h1 {
    font-size: 34px;
  }
}
.slider__content {
  position: relative;
  z-index: 55;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1400px) {
  .slider__content {
    padding-right: 0;
  }
}
.slider__content p {
  font-size: 20px;
  color: #ffffff 0.6;
  font-family: "Roboto", sans-serif;
  line-height: 55px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .slider__content p {
    font-size: 16px;
  }
}
.slider__content h1 {
  color: #ffffff;
  margin-bottom: 33px;
}
@media (max-width: 575px) {
  .slider__content h1 {
    font-size: 34px;
  }
}
.slider__img {
  position: absolute;
  right: 0;
  transform: scale(1);
  transform-origin: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1400px) {
  .slider__img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__img {
    transform: scale(0.6);
  }
}
@media (max-width: 575px) {
  .slider__img {
    display: none;
  }
}
.slider__btn a {
  margin-bottom: 20px;
}

.slider-overlay {
  position: relative;
}
.slider-overlay:before {
  position: absolute;
  content: "";
  background-image: -moz-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.track__order {
  width: 720px;
  height: 120px;
  border: 2px solid #717273;
  padding: 28px 38px 28px 156px;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
}
.track__order-icon {
  height: 120px;
  width: 120px;
  background: #1f61a7;
  display: inline-block;
  text-align: center;
  line-height: 120px;
  position: absolute;
  top: -2px;
  left: -2px;
}
.track__order form input {
  border: none;
  background: none;
  line-height: 48px;
  border-bottom: 2px solid #4f5051;
  width: 420px;
  color: #ffffff;
}
.track__order form input ::-moz-placeholder {
  color: #ffffff;
  opacity: 0.8;
}
.track__order form input ::placeholder {
  color: #ffffff;
  opacity: 0.8;
}
.track__order form a {
  font-size: 24px;
  height: 60px;
  width: 60px;
  background: #1f61a7;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.track__order form a:hover {
  color: #1f61a7;
  background: #ffffff;
}

.service__number {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
}
.service__number-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .service__number-inner {
    display: inherit;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service__number-inner {
    display: flex;
  }
}
.service__number-inner li span {
  color: #add4e5;
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.service__number-inner li .number {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.service__number-inner li .number a:hover {
  opacity: 0.5;
}

/*
*****
07. Hero
*************************
*/
.hero__area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 575px) {
  .hero__area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.hero__icon {
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  background: #f02830;
  float: left;
}
@media (max-width: 575px) {
  .hero__icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}
.hero__content {
  width: 610px;
  padding: 60px 70px 70px 65px;
  background: #ffffff;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content {
    width: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .hero__content {
    width: 100%;
    padding: 30px 20px;
  }
}
.hero__content h1 {
  font-size: 78px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content h1 {
    font-size: 54px;
  }
}
@media (max-width: 575px) {
  .hero__content h1 {
    font-size: 40px;
  }
}
.hero__content h1 span {
  font-weight: 100;
}
.hero__content h1 span span {
  color: #f02830;
}
.hero__content ul li {
  width: 50%;
  float: left;
  line-height: 34px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content ul li {
    width: 100%;
    float: none;
  }
}
@media (max-width: 575px) {
  .hero__content ul li {
    width: 100%;
  }
}
.hero__content ul li i {
  color: #f02830;
  margin-right: 15px;
  margin-left: 6px;
}
.hero__content-2 {
  position: relative;
  padding-right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .hero__content-2 {
    padding-right: 0px;
  }
}
@media (max-width: 575px) {
  .hero__content-2 {
    padding-right: 0px;
  }
}
.hero__content-2 span {
  font-size: 20px;
  color: #ffffff;
  opacity: 0.6;
  display: inline-block;
  margin-bottom: 10px;
}
.hero__title-2 {
  font-size: 72px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title-2 {
    font-size: 39px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__title-2 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero__title-2 {
    font-size: 28px;
  }
}
.hero__height {
  min-height: 570px;
  /*min-height: 750px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height {
    min-height: 780px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height {
    min-height: 680px;
  }
}
.hero__bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 830px;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__bg {
    width: 540px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__bg {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__bg {
    display: none;
  }
}
@media (max-width: 575px) {
  .hero__bg {
    display: none;
  }
}
.hero__bg::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(255, 94, 20, 0.7);*/
}
.hero__thumb {
  position: relative;
  margin-left: -95px;
  margin-bottom: -135px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb {
    margin-left: -165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__btn a {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .hero__btn a {
    margin-bottom: 15px;
  }
}

/*
*****
08. Services
*************************
*/
@media (max-width: 575px) {
  .services__area-2 {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.services__item {
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  position: relative;
  z-index: 5;
}
.services__item-2 {
  padding: 48px 60px 43px 48px;
  border: 2px solid #eaeaea;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-2 {
    padding: 30px 30px 30px 30px;
  }
}
@media (max-width: 575px) {
  .services__item-2 {
    padding: 20px;
  }
}
.services__item-2:hover {
  border-color: #ffffff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}
.services__item-2:hover .icon i {
  font-size: 70px;
}
.services__item-2:hover .icon:before {
  background: #1f61a7;
}
.services__item-2:hover .services__meta .services__btn {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}
.services__item-2 .icon {
  float: left;
  margin-right: 40px;
  position: relative;
  width: 80px;
  height: 80px;
}
@media (max-width: 575px) {
  .services__item-2 .icon {
    float: none;
    margin-bottom: 20px;
  }
  .services__item-2 .icon:before {
    display: none;
  }
}
.services__item-2 .icon:before {
  position: absolute;
  content: "";
  width: 68px;
  height: 4px;
  background: #dcedff;
  top: 112px;
  left: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.services__item-2 .icon i {
  font-size: 80px;
  color: #286bb2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.services__item-2 .services__meta {
  overflow: hidden;
}
.services__item-2 .services__meta h4 {
  margin-bottom: 16px;
  line-height: 1;
}
.services__item-2 .services__meta p {
  margin-bottom: 0;
}
.services__item-2 .services__meta .services__btn {
  color: #ffffff;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  padding: 0 35px;
  background: #1f61a7;
  margin-top: 25px;
  display: none;
  opacity: 0;
  visibility: hiddens;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item-2 .services__meta .services__btn {
    display: inline-block;
    opacity: 1;
    visibility: visible;
  }
}
.services__item-3 {
  padding: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
  margin-top: 30px;
  perspective: 1000px;
}
.services__item-3:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}
.services__item-3:hover .services__inner-3 {
  border-color: var(--main-color);
}
.services__item-middle {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}
.services__item-middle .services__icon-3 {
  margin-top: -125px;
}
.services__item-middle .services__icon-3 i {
  width: 160px;
  height: 160px;
  line-height: 160px;
  text-align: center;
  background-color: var(--main-color);
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__item-middle .services__inner-3 {
  border-color: var(--main-color);
}
.services__item-middle .link-btn-2 {
  padding-top: 30px;
}
.services__item-4 {
  border: 1px solid #eaeaea;
  padding: 60px 50px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item-4 {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .services__item-4 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
  }
}
.services__item-4:hover {
  border-color: #ffffff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.services__inner {
  background: #ffffff;
  border: 2px solid #f3f3f3;
  padding: 48px 40px 40px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__inner {
    padding: 24px 24px 20px;
  }
}
.services__inner:hover {
  border-color: var(--main-color);
}
.services__inner:hover i {
  animation-name: animation-pulse-shrink;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.services__inner i {
  font-size: 80px;
  color: var(--main-color);
  line-height: 1;
  margin-bottom: 38px;
}
.services__inner h4 {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .services__inner h4 {
    font-size: 22px;
  }
}
.services__inner p {
  margin-bottom: 30px;
}
.services__inner a {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #cccccc;
}
.services__inner a:hover {
  color: var(--main-color);
}
.services__inner-3 {
  background: #ffffff;
  border: 2px solid #f3f3f3;
  padding: 48px 40px 40px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .services__inner-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .services__inner-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.services__icon-no {
  position: absolute;
  top: 67%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.services__icon-no h4 {
  -webkit-text-fill-color: transparent;
  font-size: 200px;
  color: #e6e6e6;
  -webkit-text-stroke-color: #e6e6e6;
  -webkit-text-stroke-width: 1px;
  -moz-text-stroke-color: #e6e6e6;
  -moz-text-stroke-width: 1px;
  -moz-text-fill-color: transparent;
  line-height: 90px;
  display: inline-block;
}
.services__icon-3 i {
  color: var(--main-color);
  font-size: 80px;
}
.services__icon-4 {
  position: relative;
  z-index: 1;
}
.services__title-3 {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 15px;
}
.services__title-3 a:hover {
  color: var(--main-color);
}
.services__title-4 {
  font-size: 24px;
  color: #1a1a2b;
  margin-bottom: 15px;
}
.services__title-4 a:hover {
  color: #1f61a7;
}
.services__content-3 p {
  margin-bottom: 0;
}
.services__content-4 {
  position: relative;
  z-index: 1;
}
.services__content-4 p {
  margin-bottom: 0;
}
.services__top {
  margin-top: -85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__top {
    margin-top: -85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__top {
    margin-top: 30px;
  }
}
.services__btn {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__btn {
    bottom: 60px;
  }
}
@media (max-width: 575px) {
  .services__btn {
    bottom: 60px;
  }
}
.services__btn .v-btn {
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .services__btn .v-btn {
    padding-left: 115px;
    padding-right: 115px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__btn .v-btn {
    padding-left: 85px;
    padding-right: 85px;
  }
}
.services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
    bottom: 30px;
  }
}
.services__card {
  max-width: 100%;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}
/* EDD
.services__card:hover {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
*/
.services__front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.services__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.services__wrapper2 {
  position: relative;
}

.services__wrapper2 .services__item-2:hover {
  position: absolute;
  z-index: 500;
  left: 0;
  right: 0;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services__wrapper2 .services__item-2:hover {
    position: static;
  }
}

@media (max-width: 575px) {
  .services__area-display {
    padding-top: 45px;
  }
}
.services__area-display .section-title {
  margin-bottom: 0;
  z-index: 5;
}
.services__area-display .section-title h2 {
  margin-bottom: 4px;
}
.services__area-display .section-title .back-text {
  bottom: -50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__area-display .section-title .back-text {
    bottom: 0;
  }
}
.services__area-display .section-title .back-text span {
  font-size: 200px;
  color: #eeeeee;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__area-display .section-title .back-text span {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services__area-display .section-title .back-text span {
    font-size: 160px;
  }
}
.services__area-display p {
  position: relative;
  z-index: 6;
}
@media (max-width: 575px) {
  .services__area-display p br {
    display: none;
  }
}
.services__box {
  position: relative;
  z-index: 1;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.services__box-left {
  width: 220px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__box-left {
    width: 170px;
  }
}
@media (max-width: 575px) {
  .services__box-left {
    width: 100%;
    height: 100%;
  }
}
.services__box-left:hover .services__box-content i {
  position: relative;
  transform: scale(1.2);
}
.services__box-content {
  height: 270px;
  z-index: 5;
  position: relative;
  padding: 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__box-content {
    padding: 40px 20px;
  }
}
@media (max-width: 575px) {
  .services__box-content {
    height: 200px;
  }
}
.services__box-content:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #1a1a2b;
  opacity: 0.9;
  z-index: -1;
}
.services__box-content i {
  margin-bottom: 25px;
  font-size: 60px;
  color: #f02830;
  line-height: 1px;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.services__box-content h4 {
  font-size: 20px;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 600;
}
.services__box-link a {
  width: 100%;
  height: 60px;
  text-align: center;
  display: block;
  line-height: 60px;
  background: #ececec;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #1a1a2b;
}
.services__box-link a:hover {
  background: #f02830;
  color: #ffffff;
}
.services__box-link a i {
  margin-left: 15px;
}
.services__box-list {
  position: relative;
  z-index: 1;
  padding: 55px 50px;
  padding-bottom: 35px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .services__box-list {
    padding: 37px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__box-list {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .services__box-list {
    padding: 37px 30px;
  }
}
@media (max-width: 575px) {
  .services__box-list {
    height: 100%;
  }
}
.services__box-list ul li {
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .services__box-list ul li {
    font-size: 15px;
  }
}
.services__box-list ul li i {
  color: #f02830;
  font-size: 18px;
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .services__box-list ul li i {
    margin-right: 10px;
  }
}
.services__box-icon {
  position: absolute;
  bottom: -35%;
  right: -5%;
}
@media (max-width: 575px) {
  .services__box-icon {
    bottom: -22%;
  }
}
.services__box-icon i {
  font-size: 150px;
  color: #f2f2f2;
}
.services__overlay {
  position: relative;
}
.services__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 70%;
  background: #f8f8f8;
}

@media (max-width: 575px) {
  .service-details {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}
.service-details-content h4 {
  font-size: 30px;
  margin-bottom: 18px;
  line-height: 1;
  color: var(--second-color);
}
@media (max-width: 575px) {
  .service-details-content h4 {
    font-size: 24px;
  }
}
.service-details-content p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 17px;
  margin-right: 15px;
}

.sdm-img {
  margin-bottom: 45px;
}
.sdm-img img {
  width: 100%;
}

.sd-play {
  font-size: 16px;
  color: var(--main-color);
  width: 100px;
  height: 100px;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sd-play:hover {
  background: #f8f8f8;
}

.overview-list {
  padding-right: 140px;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .overview-list {
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .overview-list {
    padding-right: 0;
  }
}
.overview-list.contain-img {
  padding-right: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .overview-list.contain-img {
    display: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .overview-list.contain-img .overview-list-img img {
    max-width: 92%;
  }
}
@media (max-width: 575px) {
  .overview-list.contain-img .overview-list-img img {
    margin-bottom: 30px;
  }
}
.overview-list-img {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .overview-list-img {
    margin-right: 40px;
  }
}
@media (max-width: 575px) {
  .overview-list-img {
    width: 100%;
  }
}
.overview-list ul {
  width: 50%;
  float: left;
}
@media (max-width: 575px) {
  .overview-list ul {
    width: 100%;
  }
}
.overview-list ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
}
.overview-list ul li:before {
  position: absolute;
  content: "\f00c";
  font-size: 18px;
  color: #dadada;
  font-family: "Font Awesome 5 Pro";
  left: 0;
  top: 0;
}

.sd-services {
  margin-bottom: 40px;
}

.sd-image {
  position: relative;
  overflow: hidden;
}
@media (max-width: 575px) {
  .sd-image {
    margin-bottom: 30px;
  }
}
.sd-image:hover .sd-content {
  opacity: 1;
  visibility: visible;
}
.sd-image:hover .sd-content a.sd-icon {
  top: 50px;
  opacity: 1;
  visibility: visible;
}
.sd-image:hover .sd-content h6 {
  bottom: 40px;
  opacity: 1;
  visibility: visible;
}
.sd-image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.sd-image img {
  width: 100%;
}

.sd-content a.sd-icon {
  color: #c22c2d;
  font-size: 30px;
  height: 80px;
  width: 80px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  position: absolute;
  top: -80px;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sd-content a.sd-icon:hover {
  color: #ffffff;
  background: var(--main-color);
}
.sd-content h6 {
  color: #ffffff;
  margin-bottom: 0;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.sd-box {
  margin-top: 46px;
  margin-bottom: 13px;
}
.sd-box-content {
  padding: 32px 34px 32px 38px;
  border: 2px solid #e8e8e8;
  margin-bottom: 30px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .sd-box-content {
    padding: 32px 24px 32px 28px;
  }
}
@media (max-width: 575px) {
  .sd-box-content {
    padding: 20px;
  }
}
.sd-box-content i {
  font-size: 60px;
  color: #d3d3dc;
  margin-bottom: 8px;
  display: inline-block;
}
.sd-box-content h6 {
  margin-bottom: 0;
  line-height: 26px;
}
.sd-box-content p {
  font-size: 14px;
  margin-right: 0;
  margin-bottom: 0;
}

.sd-form h4 {
  margin-top: 38px;
  margin-bottom: 24px;
}
.sd-form input {
  width: 100%;
  height: 70px;
  border: 2px solid #e8e8e8;
  padding: 0 26px;
  margin-bottom: 15px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.sd-form input::placeholder {
  color: #999999;
  font-size: 16px;
}
.sd-form input::-moz-placeholder {
  color: #999999;
  font-size: 16px;
}
.sd-form textarea {
  width: 100%;
  height: 220px;
  border: 2px solid #e8e8e8;
  padding: 0 26px;
  margin-bottom: 20px;
  padding-top: 22px;
  resize: none;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.sd-form textarea::placeholder {
  color: #999999;
  font-size: 16px;
}
.sd-form textarea::-moz-placeholder {
  color: #999999;
  font-size: 16px;
}
.sd-form button {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  height: 60px;
  width: 200px;
  text-align: center;
  display: inline-block;
  background: var(--main-color);
  border: none;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.sidebar-widget {
  border: 2px solid #eeeeee;
  /*padding: 50px 50px 48px 50px;*/
  padding: 30px;
  box-shadow: 0px 8px 16px 0px rgba(26, 26, 43, 0.04);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .sidebar-widget {
    padding: 40px 35px 38px 35px;
  }
}

.sidebar-title h4 {
  font-size: 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 16px;
  line-height: 1;
  color: var(--second-color);
}
.sidebar-title h4 span {
  color: var(--main-color);
}

.widget-services li {
  font-size: 16px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 16px;
  margin-bottom: 17px;
  position: relative;
  line-height: 1;
}
.widget-services li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget-services li:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f101";
  font-size: 14px;
  color: #d4d4d4;
  font-family: "FontAwesome";
}
.widget-services li a:hover {
  color: var(--main-color);
}
.widget-services li i {
  font-size: 14px;
  color: var(--main-color);
  margin-right: 0;
  width: 38px;
}
.widget-services.downloads li {
  border: none;
}
.widget-services.downloads li:after {
  content: "\f0ed";
}

.widget-form .input-field {
  position: relative;
}
.widget-form .input-field i {
  position: absolute;
  top: 18px;
  right: 30px;
  font-size: 14px;
  color: #999999;
}
.widget-form input {
  height: 50px;
  width: 100%;
  margin-bottom: 10px;
  border: none;
  background: #f8f8f8;
  padding: 0 30px;
  font-size: 14px;
}
.widget-form input:placeholder {
  font-size: 14px;
  color: #bdbdbd;
}
.widget-form input:-moz-placeholder {
  font-size: 14px;
  color: #bdbdbd;
}
.widget-form textarea {
  height: 180px;
  width: 100%;
  padding: 13px 30px;
  border: none;
  background: #f8f8f8;
  margin-bottom: 18px;
  resize: none;
  font-size: 14px;
}
.widget-form textarea:placeholder {
  font-size: 14px;
  color: #bdbdbd;
}
.widget-form textarea:-moz-placeholder {
  font-size: 14px;
  color: #bdbdbd;
}
.widget-form button {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  height: 60px;
  width: 200px;
  text-align: center;
  display: inline-block;
  background: var(--main-color);
  border: none;
  text-transform: uppercase;
}

.sidebar-contact {
  background-color: var(--second-color);
  padding: 60px 55px 53px 55px;
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .sidebar-contact {
    padding: 50px 35px 33px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar-contact {
    padding: 50px 70px 33px 70px;
  }
}
.sidebar-contact img {
  margin-bottom: 25px;
}
.sidebar-contact p {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
  line-height: 30px;
}
.sidebar-contact span {
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  color: var(--main-color);
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-contact span {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .sidebar-contact span {
    font-size: 28px;
  }
}
.sidebar-contact span a:hover {
  opacity: 0.7;
}

/*
*****
09. About
*************************
*/
@media (max-width: 575px) {
  .about__area {
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .about__area.t-50 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about__content {
    padding-left: 0;
  }
}
.about__content .company-icon:before {
  display: none;
}
.about__content > p {
  padding-right: 150px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content > p {
    padding-right: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content > p {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .about__content > p {
    padding-right: 0;
  }
}
.about__content .learn-more .s-btn {
  margin-bottom: 0;
}
.about__content.pp > p {
  padding-right: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content.pp > p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about__content-wrapper {
    padding-right: 195px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content-wrapper {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .about__content-wrapper {
    padding-right: 0;
  }
}
.about__content-thumb img {
  width: 140px;
}
.about__content-text p {
  line-height: 26px;
}
.about__img {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about__img {
    float: left;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__img {
    margin-bottom: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__area-display {
    padding-top: 640px;
  }
}
@media (max-width: 575px) {
  .about__area-display {
    padding-bottom: 20px;
  }
}
.about__left {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about__left {
    float: left;
  }
}
.about__left-img {
  overflow: hidden;
}
.about__left-img:hover > img {
  transform: scale(1.1);
}
.about__experience {
  width: 200px;
  background: #ffffff;
  padding: 48px 30px;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
  position: absolute;
  top: 50%;
  left: -109px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .about__experience {
    top: 0;
    left: 0;
    transform: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__experience {
    right: -100px;
    left: auto;
  }
}
.about__experience i {
  margin-bottom: 2px;
  display: block;
  color: #f02830;
  font-size: 60px;
  line-height: 1;
}
.about__experience span {
  font-size: 60px;
  font-weight: 700;
  color: #1a1a2b;
  line-height: 1;
}
.about__experience span span {
  font-size: 20px;
}
.about__experience p {
  font-size: 14px;
  color: #777777;
  margin-bottom: 0;
  line-height: 1;
  margin-top: 3px;
}
.about__content-display {
  padding-left: 40px;
  padding-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content-display {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content-display {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-display {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about__content-display {
    padding: 0;
  }
}
.about__content-display h2 {
  font-size: 56px;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content-display h2 {
    font-size: 46px;
  }
}
@media (max-width: 575px) {
  .about__content-display h2 {
    font-size: 32px;
  }
}

.about-circle {
  margin-top: 45px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .about-circle {
    display: inherit;
  }
}
.about-circle .skill-circle {
  float: left;
}
@media (max-width: 575px) {
  .about-circle .skill-circle {
    float: none;
  }
}
.about-circle .skill-circle .success-stroke {
  stroke: #f02830;
}
.about-circle .skill-circle .circle-chart-text .percentage span {
  color: #f02830;
}
.about-circle h5 {
  line-height: 1.55;
  overflow: hidden;
  padding-right: 100px;
}
@media (max-width: 575px) {
  .about-circle h5 {
    padding-right: 0;
  }
}

.delivered {
  position: absolute;
  width: 205px;
  height: 227px;
  background: var(--main-color);
  padding: 40px 37px 35px;
  left: -205px;
  bottom: -5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .delivered {
    right: -132px;
    bottom: -8px;
    z-index: 2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .delivered {
    left: auto;
    right: -205px;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .delivered {
    left: auto;
    right: 0;
    bottom: 0;
  }
}
.delivered i {
  font-size: 64px;
  color: #ffffff;
  margin-bottom: 16px;
  line-height: 1;
  display: inline-block;
}
.delivered span {
  font-size: 38px;
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
}
.delivered p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}

.delivered.bl {
  bottom: -50px;
  left: -70px;
  right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .delivered.bl {
    bottom: -58px;
    left: 0;
  }
}

.founder {
  position: absolute;
  width: 205px;
  height: 227px;
  background: #ffffff;
  padding: 40px 40px 35px;
  left: 0;
  bottom: 110px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .founder {
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .founder {
    padding: 20px 20px 15px;
    width: 165px;
    height: 185px;
  }
}
.founder img {
  margin-bottom: 20px;
}
.founder h6 {
  font-weight: 600;
  margin-bottom: 2px;
}
.founder h6 a:hover {
  color: var(--main-color);
}
.founder span {
  color: var(--main-color);
  font-size: 14px;
}

.founder.tr {
  top: -40px;
  right: -40px;
  left: auto;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .founder.tr {
    top: 0;
    right: 0;
  }
}

/*
*****
10. Form
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .form__area {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .form__area {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

.form__quote blockquote {
  position: relative;
  padding-left: 30px;
}
.form__quote blockquote::after {
  position: absolute;
  content: "";
  left: 0;
  top: 2px;
  width: 1px;
  height: 50px;
  background: var(--main-color);
}
.form__quote blockquote p {
  font-style: italic;
  margin-bottom: 0;
}

.form__overlay {
  position: relative;
}
.form__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 62%;
  background: #f8f8f8;
  z-index: -1;
}

.order__form-button {
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order__form-button {
    display: inherit;
    height: auto;
    padding-bottom: 10px;
  }
}
.order__form-button i {
  font-size: 56px;
  font-weight: 700;
  margin-right: 20px;
  color: var(--main-color);
  margin-top: 12px;
  line-height: 1g;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order__form-button i {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .order__form-button i {
    font-size: 46px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .order__form-button i {
    margin-right: 3px;
  }
}
.order__form-button span {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #1a1a2b;
  font-weight: 700;
  display: inline;
  margin-bottom: 0;
}
.order__form-details {
  padding: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}
@media (max-width: 575px) {
  .order__form-details {
    padding: 20px;
  }
}
.order__form .nav-tabs {
  border: none;
}
.order__form .nav-link {
  width: 33.33%;
  padding: 0;
  border: 0;
  background: #fff;
  border-radius: 0;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .order__form .nav-link {
    width: 100%;
  }
}
.order__form .nav-link:hover {
  background: #ffffff;
}
.order__form .nav-link.active {
  background: var(--main-color);
}
.order__form .nav-link.active i {
  color: #ffffff;
}
.order__form .nav-link.active span {
  color: #ffffff;
}
.order__counter {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .order__counter {
    min-height: 270px;
  }
}

.order__counter-chart {
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .order__counter-chart .circle-chart {
    width: 220px;
    height: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .order__counter-chart .circle-chart {
    width: 200px;
    height: 200px;
  }
}

.circle-chart-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circle-chart-text .miles {
  font-size: 50px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .circle-chart-text .miles {
    font-size: 45px;
  }
}
.circle-chart-text .miles span {
  font-size: 16px;
  font-weight: 400;
  color: var(--main-color);
}

.product__data label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  color: #1a1a2b;
}
.product__data input, .product__data select, .product__data textarea {
  width: 100%;
  padding: 0 18px;
  height: 51px;
  border: 2px solid #eaeaea;
  margin-bottom: 20px;
}
.product__data .pr-select {
  position: relative;
}
.product__data .pr-select:before {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  top: 14px;
  right: 20px;
  color: #9b9b9b;
  opacity: 0.4;
}
.product__data textarea {
  height: 150px;
  resize: none;
  padding: 15px 18px;
}
.product__check {
  margin-top: 7px;
  margin-bottom: 27px;
}
.product__check input {
  margin-right: 7px;
}
.product__check input:checked {
  color: var(--main-color);
}
.product__check .check-item {
  font-size: 15px;
  color: #151515;
  margin-right: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__check .check-item {
    padding-left: 30px;
    margin-right: 26px;
  }
}
.product__check .check-item:checked, .product__check .check-item:hover {
  color: var(--main-color);
}
.product__check input[type=checkbox]:checked {
  color: var(--main-color);
}
.product__check input:checked + label {
  color: var(--main-color);
}

.track-img {
  width: 100%;
  height: 100%;
}
.track-img img {
  width: 100%;
  height: 100%;
}

.request-quote {
  font-size: 16px;
  font-weight: 700;
  height: 51px;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 51px;
  color: #ffffff;
  background: var(--main-color);
}
.request-quote:hover {
  background: #962e2e;
  color: #ffffff;
}

/* The container */
.check-item {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #ffffff;
  border: 2px solid #ff4343
}

/* On mouse-over, add a grey background color */
.check-item:hover input ~ .checkmark {
  background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.check-item input:checked ~ .checkmark {
  border-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 7px;
  height: 7px;
  right: 0;
  top: 48%;
  transform: translate(-50%, -50%);
  background: green;
}

/* Show the checkmark when checked */
.check-item input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
/*
*****
11. Features
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features__area {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .features__area {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .features__area-display {
    padding-top: 45px;
    padding-bottom: 20px;
  }
}
.features__icon {
  float: left;
  margin-right: 22px;
  line-height: 1;
}
@media (max-width: 575px) {
  .features__icon {
    margin-right: 15px;
  }
}
.features__icon i {
  font-size: 75px;
  color: var(--main-color);
  display: block;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .features__icon i {
    font-size: 56px;
  }
}
.features__about {
  overflow: hidden;
  padding-top: 10px;
}
@media (max-width: 575px) {
  .features__about {
    padding-top: 0;
  }
}
.features__about h4 {
  margin-bottom: 18px;
  line-height: 1;
}
@media (max-width: 575px) {
  .features__about h4 {
    font-size: 20px;
  }
}
.features__about p {
  margin-bottom: 0;
  line-height: 1;
}
.features__content .company-icon:before {
  display: none;
}
.features__content p {
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .features__author-signature {
    margin-bottom: 30px;
  }
}
.features__author-img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.features__author-text h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
.features__author-text span {
  color: #f02830;
}

@media (max-width: 575px) {
  .features-box-area {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.features-box-wrapper {
  padding: 0 30px;
  background: #ffffff;
  box-shadow: 0px 80px 160px 0px rgba(97, 97, 97, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .features-box-wrapper {
    padding: 0 0;
  }
}
.features-box-single {
  padding: 60px 60px 55px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features-box-single {
    padding: 50px 40px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-box-single {
    padding: 60px 80px 55px;
  }
}
@media (max-width: 575px) {
  .features-box-single {
    padding: 30px 15px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features-box-single {
    padding: 50px 40px 45px;
  }
}
.features-box-single:hover {
  background: var(--main-color);
  box-shadow: 0px 30px 60px 0px rgba(194, 44, 45, 0.2);
}
.features-box-single:hover .features-box-icon {
  background: #ffffff;
}
.features-box-single:hover .features-box-icon i {
  color: var(--main-color);
  transform: rotateY(360deg);
  display: inline-block;
}
.features-box-single:hover h4, .features-box-single:hover p {
  color: #ffffff;
}
.features-box-single h4 {
  line-height: 1;
  margin-bottom: 18px;
  letter-spacing: -0.6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .features-box-single h4 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features-box-single h4 {
    font-size: 24px;
  }
}
.features-box-single p {
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.features-box-icon {
  height: 100px;
  width: 100px;
  background: var(--main-color);
  text-align: center;
  border-radius: 50%;
  margin-bottom: 36px;
  display: inline-block;
}
.features-box-icon i {
  font-size: 40px;
  color: #ffffff;
  line-height: 100px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.features__area-display .features__content {
  padding-right: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .features__area-display .features__content {
    padding-right: 0;
  }
}
.features__area-display .features__content h2 {
  font-size: 54px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features__area-display .features__content h2 {
    font-size: 46px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__area-display .features__content h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .features__area-display .features__content h2 {
    font-size: 29px;
  }
}
.features__area-display .features__content p {
  margin-bottom: 53px;
}
.features__area-display .features__content a.features-btn {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  background: #f02830;
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
}

.features__right {
  margin-left: -93px;
  padding-right: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .features__right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__right {
    padding-right: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .features__right {
    padding-right: 0;
  }
}
.features__right-content {
  background: #ffffff;
  padding-left: 50px;
  width: 300px;
  position: absolute;
  right: 0;
  top: 128px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .features__right-content {
    top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__right-content {
    top: 70px;
  }
}
@media (max-width: 575px) {
  .features__right-content {
    display: none;
  }
}
.features__right-content li {
  padding: 48px 50px 40px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .features__right-content li {
    padding: 30px 0 23px 0;
  }
}
.features__right-content li:first-child {
  border-bottom: 1px solid #ededed;
}
.features__right-content li i {
  font-size: 74px;
  color: #f02830;
  margin-bottom: 13px;
  line-height: 1;
  display: inline-block;
}
.features__right-content li h4 {
  margin-bottom: 0;
  line-height: 1.426;
}
.features__right-img {
  overflow: hidden;
}
.features__right-img:hover img {
  /*transform: scale(1.1);*/
}

.special-features {
  padding-right: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .special-features {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .special-features {
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .special-features {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.special-features ul li:hover .features__icon i {
  margin-top: -10px;
}
.special-features ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 50px;
  margin-bottom: 42px;
}
@media (max-width: 575px) {
  .special-features ul li:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 25px;
  }
}

.support {
  border: 6px solid #ffeeee;
  padding: 45px 54px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .support {
    padding: 25px 25px 20px;
  }
}
.support__icon {
  float: left;
  margin-right: 30px;
}
@media (max-width: 575px) {
  .support__icon {
    margin-right: 15px;
  }
}
.support__icon i {
  font-size: 40px;
  color: var(--main-color);
}
.support__about {
  overflow: hidden;
}
.support__about p {
  margin-bottom: 10px;
}
.support__about span {
  font-size: 50px;
  font-weight: 700;
  color: var(--main-color);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support__about span {
    font-size: 44px;
  }
}
@media (max-width: 575px) {
  .support__about span {
    font-size: 25px;
  }
}
.support__about span a:hover {
  color: #777777;
}
.support::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border: 6px solid #ffeeee;
  top: 50%;
  left: -12px;
  transform: translateY(-50%) rotate(45deg);
  border-top: #fff;
  border-right: #fff;
  z-index: 3;
  background: #fff;
}

/*
*****
12. Users
*************************
*/
.brand-line li {
  padding-bottom: 50px;
  padding-top: 5px;
}
@media (max-width: 575px) {
  .brand-line li {
    padding-bottom: 20px;
  }
}
.brand-line.second:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 89%;
  height: 1px;
  background: #e1e1e1;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .brand-line.second:before {
    width: 92%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-line.second:before {
    width: 84%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-line.second:before {
    width: 90%;
  }
}
@media (max-width: 575px) {
  .brand-line.second:before {
    width: 100%;
  }
}
.brand-line.second li {
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 575px) {
  .brand-line.second li {
    padding-top: 20px;
  }
}
@media (max-width: 575px) {
  .brand-line .slick-slide {
    text-align: center;
  }
  .brand-line .slick-slide img {
    display: inline-block;
  }
}

.brands {
  position: relative;
  margin-top: 60px;
}
.brands:before, .brands:after {
  position: absolute;
  content: "";
  top: 0;
  left: 28%;
  width: 1px;
  height: 100%;
  background: #e1e1e1;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .brands:before, .brands:after {
    left: 29%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brands:before, .brands:after {
    left: 25%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brands:before, .brands:after {
    display: none;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brands:before, .brands:after {
    display: none;
  }
}
.brands:after {
  left: 61%;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .brands:after {
    left: 63%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brands:after {
    left: 58%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brands:after {
    display: none;
  }
}
@media (max-width: 575px) {
  .brands {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .users__area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.users .company-icon:before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .users {
    margin-bottom: 50px;
  }
}
.users .company-icon {
  margin-bottom: 15px;
}

/*
*****
13. Testimonial
*************************
*/
.testimonial {
  padding-top: 44px;
}
@media (max-width: 575px) {
  .testimonial-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.testimonial__content {
  padding: 50px 40px 50px 46px;
  background: #ffffff;
  z-index: 2;
}
@media (max-width: 575px) {
  .testimonial__content {
    padding: 18px 20px;
  }
}
.testimonial__content:before {
  position: absolute;
  content: "";
  left: 65px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  background: #ffffff;
}
.testimonial__content .star {
  margin-bottom: 22px;
  line-height: 1;
}
.testimonial__content .star li {
  display: inline;
  margin-right: 2px;
}
.testimonial__content .star li i {
  font-size: 14px;
  color: #3a78ba;
}
.testimonial__content .star.st-red li i {
  color: var(--main-color);
}
.testimonial__content p {
  font-size: 20px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .testimonial__content p {
    font-size: 16px;
  }
}
.testimonial__content .quote {
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: -1;
}
.testimonial__author {
  background: #ffffff;
  overflow: hidden;
}
.testimonial__author-1 {
  padding-top: 35px;
  padding-left: 40px;
  background: transparent;
}
@media (max-width: 575px) {
  .testimonial__author-1 {
    padding-left: 20px;
  }
}
.testimonial__author-img {
  float: left;
  overflow: hidden;
  width: 64px;
  height: 64px;
  border: 2px solid var(--main-color);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 3px;
}
@media (max-width: 575px) {
  .testimonial__author-img {
    margin-right: 16px;
  }
}
.testimonial__author-img img {
  width: 54px;
  height: 54px;
}
.testimonial__author-img-1 {
  margin-right: 25px;
}
.testimonial__author-img-2 {
  margin-right: 25px;
  border-color: #1f61a7;
}
.testimonial__author-img-3 {
  margin-right: 40px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  height: 80px;
  width: 80px;
}
@media (max-width: 575px) {
  .testimonial__author-img-3 {
    margin-right: 20px;
  }
}
.testimonial__author-img-3 img {
  height: 80px;
  width: 80px;
}
.testimonial__author-about {
  overflow: hidden;
  padding-top: 10px;
}
.testimonial__author-about h4 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}
@media (max-width: 575px) {
  .testimonial__author-about h4 {
    font-size: 18px;
  }
}
.testimonial__author-about h4 a:hover {
  color: var(--main-color);
}
.testimonial__author-about span {
  font-size: 14px;
  color: var(--main-color);
}

.testimonial__active .slick-dots li button {
  text-indent: -5555px;
  height: 4px;
  width: 20px;
  border: 0;
  background: #ececec;
}

.testimonial__active .slick-dots {
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial__active .slick-dots .slick-active button {
  width: 30px;
  background: var(--main-color);
}

.testimonial__active .slick-dots li {
  display: inline-block;
  margin-right: 10px;
}

.testimonial-box__active .slick-dots li button {
  text-indent: -5555px;
  height: 4px;
  width: 20px;
  border: 0;
  background: #ececec;
  font-size: 0;
}

.testimonial-box__active .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  right: 0;
  line-height: 0;
}

.testimonial-box__active .slick-dots .slick-active button {
  width: 30px;
  background: #1f61a7;
}

.testimonial-box__active .slick-dots li {
  display: inline-block;
  margin-right: 10px;
  line-height: 0;
}

.testimonial__content.testimonial-box {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  max-width: 400px;
  padding: 40px 35px 38px 40px;
  margin: auto;
  margin-bottom: 54px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .testimonial__content.testimonial-box {
    max-width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .testimonial__content.testimonial-box {
    max-width: 330px;
    padding: 23px;
  }
}
@media (max-width: 575px) {
  .testimonial__content.testimonial-box {
    border: 1px solid #f8f8f8;
  }
}
.testimonial__content.testimonial-box:before {
  display: none;
}
.testimonial__content.testimonial-box .testimonial__author {
  margin-left: 0;
  margin-top: 36px;
}
.testimonial__content.testimonial-box p {
  font-size: 18px;
  line-height: 32px;
  color: #9b9b9b;
}
.testimonial__content.testimonial-box .quote {
  top: 20px;
  right: 20px;
}
.testimonial__content.testimonial-box .testimonial__author-about h4 a:hover {
  color: #1f61a7;
}
.testimonial__content.testimonial-box .testimonial__author-about span {
  color: #1f61a7;
}

.testimonial-border-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .testimonial-border-area {
    padding-top: 45px;
    padding-bottom: 120px;
  }
}
.testimonial-border-area:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #f02830;
  opacity: 0.8;
}
.testimonial-border-area .section-title {
  position: relative;
  z-index: 5;
}
.testimonial-border-area .section-title h2 {
  margin-bottom: 5px;
  color: #ffffff;
}
.testimonial-border-area p {
  color: #ffffff;
  opacity: 0.7;
  position: relative;
  z-index: 6;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .testimonial-border-area p br {
    display: none;
  }
}
.testimonial-border__content {
  background: none;
  padding: 48px 48px 45px;
}
@media (max-width: 575px) {
  .testimonial-border__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.testimonial-border__content::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1a1a2b;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
}
.testimonial-border__content p {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 0;
}
.testimonial-border__content .testimonial__author-about {
  padding-top: 17px;
}
.testimonial-border__content .testimonial__author-about h4 a:hover {
  color: var(--main-color);
}
.testimonial-border__content .testimonial__author-about span {
  color: #f02830;
}
.testimonial-border__content .star {
  margin-bottom: 22px;
  line-height: 1;
}
.testimonial-border__content .star li {
  display: inline;
  margin-right: 2px;
}
.testimonial-border__content .star li i {
  color: #ffffff;
  font-size: 14px;
}

.testimonial-border-slider .testimonial-single {
  border: 2px solid #ffffff;
}

.testimonial-wrapper:hover .testimonial-border__content::before {
  opacity: 0;
  visibility: visible;
}

.testimonial-border__active .slick-slide {
  padding: 0 15px;
}

/*
*****
14. Blog
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__area {
    padding-top: 190px;
  }
}
@media (max-width: 575px) {
  .blog__area {
    padding-top: 50px;
    padding-bottom: 0;
  }
}
.blog__post:hover .blog__img img {
  transform: scale(1.1);
}
.blog__thumb {
  overflow: hidden;
}
.blog__img img {
  width: 100%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.blog__date {
  position: absolute;
  right: 40px;
  bottom: -20px;
  background: var(--main-color);
  height: 80px;
  width: 80px;
  clip-path: polygon(0 0, 100% 22.22%, 100% 100%, 0% 100%);
  padding-top: 25px;
  text-align: center;
}
.blog__date p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
.blog__date p span {
  font-size: 38px;
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.blog__date i {
  font-size: 40px;
  color: white;
}
.blog__item-2:hover {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.blog__content {
  padding: 40px 30px;
}
.blog__content span {
  font-size: 14px;
  color: var(--main-color);
  margin-bottom: 15px;
  display: block;
}
.blog__content h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}
.blog__content h4 a:hover {
  color: var(--main-color);
}
.blog__content p {
  font-size: 15px;
  margin-bottom: 10px;
  padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog__content p {
    padding-right: 0;
  }
}
.blog__content > a {
  font-size: 14px;
  color: #1a1a2b;
  font-weight: 700;
}
.blog__content > a:hover {
  color: var(--main-color);
}
.blog__content-2 {
  position: relative;
  padding: 35px 40px;
  padding-right: 32px;
  border: 1px solid #f1f1f1;
  border-top: 0;
}
@media (max-width: 575px) {
  .blog__content-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.blog__title-2 {
  text-transform: capitalize;
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.blog__title-2 a:hover {
  color: #1f61a7;
}
.blog__tag-2 {
  margin-bottom: 5px;
}
.blog__tag-2 a {
  font-size: 14px;
  color: #1f61a7;
}
.blog__meta-2 span {
  font-size: 14px;
  color: #999999;
}
.blog__meta-2 span:hover {
  color: #1a1a2b;
}
.blog__author {
  position: absolute;
  top: -25px;
  right: 40px;
  padding: 10px;
  background: #ffffff;
  border-radius: 25px;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
}
.blog__author-img img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.blog__author-content span {
  font-size: 14px;
  color: #999999;
}
.blog__author-content span a {
  color: #1a1a2b;
  font-weight: 600;
}
.blog__sm-thumb img {
  width: 104px;
  height: 70px;
}
.blog__sm-title {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 20px;
}
.blog__sm-meta span {
  display: inline-block;
  font-size: 12px;
  color: #999999 !important;
}

.blog__post.b-2 {
  border: 2px solid #f1f1f1;
}
.blog__post.b-2 .blog__date {
  background: #1f61a7;
  height: 90px;
  padding-top: 30px;
}
.blog__post.b-2 .blog__content {
  padding: 40px 28px 48px;
}
.blog__post.b-2 .blog__content span {
  color: #1f61a7;
}
.blog__post.b-2 .blog__content h4 {
  margin-bottom: 0;
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .blog__post.b-2 .blog__content h4 {
    letter-spacing: -0.5px;
  }
}
.blog__post.b-2 .blog__content h4 a:hover {
  color: #1f61a7;
}
.blog__post.b-2 .blog__content > p {
  display: none;
}
.blog__post.b-2 .blog__content > a {
  display: none;
}

.blog__post.b-3:hover .blog__date {
  bottom: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__post.b-3:hover .blog__date {
    bottom: -30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__post.b-3:hover .blog__date {
    bottom: -10px;
  }
}
.blog__post.b-3 .blog__date {
  background: var(--main-color);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog__post.b-3 .blog__content {
  padding: 30px 32px 30px 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .blog__post.b-3 .blog__content {
    padding: 30px 22px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .blog__post.b-3 .blog__content {
    padding: 20px 25px;
  }
}
.blog__post.b-3 .blog__content h4 {
  margin-bottom: 10px;
}
.blog__post.b-3 .blog__content h4 a:hover {
  color: var(--main-color);
}
.blog__post.b-3 .blog__content > p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .n-blog__area {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .n-blog__left {
    padding-right: 0;
  }
}
.n-blog__single {
  border: 2px solid #f3f3f3;
}
.n-blog__img {
  position: relative;
}
.n-blog__img .sd-play {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.n-blog__img.bl-overlay img {
  height: 100%;
  width: 100%;
}
@media (max-width: 575px) {
  .n-blog__img.bl-overlay {
    height: 100px;
  }
}
.n-blog__content {
  padding: 60px 48px 42px 48px;
}
@media (max-width: 575px) {
  .n-blog__content {
    padding: 50px 20px 20px 20px;
  }
}
.n-blog__content.nt {
  padding-top: 42px;
}
.n-blog__content h4 {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 18px;
  letter-spacing: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .n-blog__content h4 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .n-blog__content h4 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
  }
}
.n-blog__content h4 a:hover {
  color: var(--main-color);
}
.n-blog__content p {
  margin-bottom: 0;
  line-height: 26px;
}
.n-blog__content .b-tag {
  font-size: 14px;
  font-weight: 700;
  width: 98px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  background: var(--main-color);
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 48px;
}
@media (max-width: 575px) {
  .n-blog__content .b-tag {
    top: 0;
    left: 0;
  }
}
.n-blog__meta {
  border-top: 1px solid #e7e7e7;
  padding-top: 22px;
  margin-top: 23px;
}
.n-blog__meta li {
  display: inline-block;
  padding-right: 28px;
  margin-right: 30px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .n-blog__meta li {
    padding-right: 18px;
    margin-right: 20px;
  }
}
.n-blog__meta li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background: #bdbdbd;
  top: 6px;
  right: 0;
}
@media (max-width: 575px) {
  .n-blog__meta li:after {
    display: none;
  }
}
.n-blog__meta li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.n-blog__meta li:last-child:after {
  display: none;
}
.n-blog__meta li i {
  margin-right: 7px;
  color: var(--main-color);
}
.n-blog__meta li a:hover {
  color: var(--main-color);
}
.n-blog__author {
  display: inline-block;
  position: absolute;
  height: 60px;
  top: -30px;
  right: -2px;
  background: #ffffff;
  padding: 10px 45px 10px 10px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 575px) {
  .n-blog__author {
    padding: 10px;
    top: -15px;
    right: 0;
  }
}
.n-blog__author img {
  margin-right: 13px;
}
.n-blog__author span {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2b;
}
.n-blog__author span a:hover {
  color: var(--main-color);
}

.play_btn:after,
.play_btn:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.play_btn:before {
  animation-delay: 0.8s;
}

@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.blog-logo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bl-overlay {
  position: relative;
}
.bl-overlay:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
}

.n-quote {
  background: var(--main-color);
  padding: 68px 50px;
}
@media (max-width: 575px) {
  .n-quote {
    display: none;
  }
}
.n-quote i {
  font-size: 80px;
  color: #ffffff;
  font-weight: 700;
  margin-right: 28px;
  float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .n-quote i {
    font-size: 60px;
  }
}
.n-quote h4 {
  font-size: 34px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
  letter-spacing: -1px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .n-quote h4 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .n-quote h4 {
    font-size: 31px;
  }
}

.news-pagination .page-item .page-link {
  width: 50px;
  height: 50px;
  border: 0;
  background: #f6f6f6;
  margin: 0 5px;
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #777777;
}
@media (max-width: 575px) {
  .news-pagination .page-item .page-link {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}
.news-pagination .page-item .page-link:hover, .news-pagination .page-item .page-link.active {
  background: var(--main-color);
  color: #ffffff;
}
.news-pagination .page-item .page-link:focus {
  box-shadow: none;
}
.news-pagination .page-item:first-child .page-link, .news-pagination .page-item:last-child .page-link {
  border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .news-sidebar {
    margin-top: 50px;
  }
}

.n-sidebar-widget {
  padding: 35px 38px;
  border: 2px solid #f3f3f3;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .n-sidebar-widget {
    padding: 20px 15px;
  }
}

.featured-author {
  padding: 0 20px;
}
.featured-author img {
  margin-bottom: 20px;
}
.featured-author h6 {
  font-size: 18px;
  margin-bottom: 12px;
}
.featured-author h6 a:hover {
  color: var(--main-color);
}
.featured-author p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 20px;
}
.featured-author-social li {
  display: inline-block;
}
.featured-author-social li a {
  font-size: 14px;
  color: #d4d4d4;
  display: inline-block;
  margin: 0 10px;
}
.featured-author-social li a:hover {
  color: var(--main-color);
}

.n-sidebar-search {
  position: relative;
}
.n-sidebar-search input {
  padding-left: 30px;
  padding-right: 80px;
  background: #f5f5f5;
  height: 60px;
  width: 100%;
  border: 0;
}
.n-sidebar-search input::placeholder {
  color: #828282;
  font-size: 14px;
}
.n-sidebar-search input::-moz-placeholder {
  color: #828282;
  font-size: 14px;
}
.n-sidebar-search a {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: var(--main-color);
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.n-sidebar-feed ul li {
  padding-bottom: 34px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 34px;
}
.n-sidebar-feed ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.n-sidebar-feed ul li:hover .feed-number span {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #ffffff;
}

.feed-number {
  float: left;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .feed-number {
    float: none;
    margin-bottom: 15px;
  }
}
.feed-number span {
  color: var(--main-color);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 46px;
  border: 2px solid #f3f3f3;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.feed-content {
  overflow: hidden;
}
.feed-content h6 {
  font-size: 16px;
  margin-bottom: 12px;
}
.feed-content h6:hover {
  color: var(--main-color);
}

.feed-date i {
  color: var(--main-color);
  font-size: 14px;
  margin-right: 5px;
}

.single-category {
  font-size: 14px;
  width: 100%;
  height: 50px;
  padding: 0 80px 0 30px;
  line-height: 50px;
  background: #f8f8f8;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.single-category:hover {
  color: #ffffff;
  background: var(--main-color);
}
.single-category:hover .category-number {
  color: #1a1a2b;
}

.category-number {
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 14px;
  background: #efefef;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 50px;
  text-align: center;
}

.single-feed a {
  display: inline-block;
  position: relative;
}
.single-feed a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1a1a2b;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-feed a:hover:before {
  opacity: 0.5;
  visibility: visible;
}
.single-feed a img {
  width: 100%;
}

.single-feed a {
  width: 100%;
}

.tags ul li {
  display: inline-block;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
}

.single-tag {
  font-size: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f4f4f4;
  padding: 0 25px;
}
.single-tag:hover {
  background: var(--main-color);
  color: #ffffff;
}

.n-sidebar-widget.sponsor h4 {
  border-bottom: 0;
  margin-bottom: 15px;
}

.sponsor-img {
  position: relative;
}
.sponsor-img img {
  width: 100%;
}

.ad-width {
  width: 150px;
  height: 60px;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  line-height: 60px;
  background: var(--main-color);
  position: absolute;
  bottom: 0;
  right: 0;
}

.n-blog__content.blog-details {
  padding: 48px 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .n-blog__content.blog-details {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .n-blog__content.blog-details {
    padding: 15px;
  }
}
.n-blog__content.blog-details .b-tag {
  position: static;
  margin-bottom: 25px;
}
.n-blog__content.blog-details .n-blog__meta {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
}
.n-blog__content.blog-details > p {
  margin-bottom: 15px;
}

.blog-d-img {
  margin-top: 45px;
  margin-bottom: 45px;
}

.set-mood {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 33px;
  padding-bottom: 35px;
  margin-top: 45px;
  margin-bottom: 45px;
}

.mood-img {
  float: left;
  margin-right: 30px;
  margin-top: 7px;
}
@media (max-width: 575px) {
  .mood-img {
    float: none;
    margin-bottom: 20px;
  }
}

.mood-text {
  overflow: hidden;
}

.overview-list.b-details {
  padding-right: 0;
  margin-top: 23px;
}
.overview-list.b-details ul li {
  padding-left: 28px;
  margin-bottom: 8px;
}
.overview-list.b-details ul li::before {
  font-size: 16px;
  color: var(--main-color);
}

.blog-details-quote {
  text-align: center;
  position: relative;
  background: #f6f6f6;
  padding: 54px 100px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-quote {
    padding: 54px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-quote {
    padding: 30px 35px;
  }
}
@media (max-width: 575px) {
  .blog-details-quote {
    display: none;
  }
}
.blog-details-quote:before {
  position: absolute;
  content: "\f10d";
  font-size: 190px;
  color: #ffffff;
  top: 25px;
  right: 35px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  line-height: 1;
}
.blog-details-quote span {
  font-size: 14px;
  font-weight: 700;
  color: var(--main-color);
  display: inline-block;
  margin-bottom: 15px;
}
.blog-details-quote h4 {
  font-size: 28px;
  margin-bottom: 0;
  line-height: 38px;
  position: relative;
  z-index: 3;
}

.related-tags h5 {
  font-size: 20px;
  margin-bottom: 24px;
}

.social-share h5 {
  font-size: 20px;
  margin-bottom: 24px;
}
.social-share .featured-author-social li a {
  margin: 0;
  margin-left: 24px;
}
@media (max-width: 575px) {
  .social-share .featured-author-social li a {
    margin-left: 0;
    margin-right: 24px;
  }
}

.bb-1 {
  border-bottom: 1px solid #f3f3f3;
}

.ps span {
  font-size: 14px;
}
.ps h4 {
  font-size: 28px;
  margin-bottom: 0;
}

.tns {
  margin-top: 40px;
  padding-bottom: 35px;
  margin-bottom: 43px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tns {
    display: inherit;
  }
}
.tns .social-share {
  text-align: end;
  display: inline-block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tns .social-share {
    text-align: left;
    margin-top: 30px;
  }
}

.pwb {
  padding-bottom: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .pwb {
    display: inherit;
  }
}
.pwb .nx-post {
  text-align: end;
  display: inline-block;
}
@media (max-width: 575px) {
  .pwb .nx-post {
    text-align: left;
    margin-top: 30px;
  }
}

.single-related-post {
  box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}
.single-related-post .post-img img {
  width: 100%;
}

.rl-post-meta {
  padding: 37px 40px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .rl-post-meta {
    padding: 20px;
  }
}
.rl-post-meta h5 {
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 30px;
  letter-spacing: -1px;
}
.rl-post-meta h5:hover {
  color: var(--main-color);
}
.rl-post-meta p {
  font-size: 14px;
  margin-bottom: 0;
}
.rl-post-meta .feed-date {
  margin-bottom: 8px;
  display: inline-block;
}

.writer {
  border: 2px solid #f3f3f3;
  padding: 38px;
}
@media (max-width: 575px) {
  .writer {
    padding: 18px;
  }
}

.writer-img {
  float: left;
  margin-right: 40px;
}
@media (max-width: 575px) {
  .writer-img {
    float: none;
  }
}

.writer-about {
  overflow: hidden;
  padding-top: 10px;
}
.writer-about span {
  color: var(--main-color);
  font-size: 12px;
}
.writer-about h4 {
  margin-bottom: 10px;
}

.comments-section h4 {
  font-size: 26px;
  margin-bottom: 28px;
  margin-top: 38px;
}

.comment {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

.comment.reply {
  margin-left: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comment.reply {
    margin-left: 80px;
  }
}
@media (max-width: 575px) {
  .comment.reply {
    margin-left: 30px;
  }
}

.comment-img {
  float: left;
  margin-right: 30px;
}
@media (max-width: 575px) {
  .comment-img {
    float: none;
  }
}

.comment-text {
  overflow: hidden;
  padding-top: 15px;
  position: relative;
}
@media (max-width: 575px) {
  .comment-text {
    padding-bottom: 50px;
  }
}
.comment-text h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
.comment-text .feed-date {
  margin-bottom: 20px;
  display: inline-block;
}
.comment-text .reply-btn {
  height: 40px;
  width: 102px;
  border: 2px solid #f3f3f3;
  text-align: center;
  display: inline-block;
  line-height: 36px;
  background: none;
  position: absolute;
  top: 20px;
  right: 0;
}
@media (max-width: 575px) {
  .comment-text .reply-btn {
    right: auto;
    top: auto;
    bottom: 0px;
    left: 0;
  }
}
.comment-text .reply-btn i {
  font-size: 14px;
  color: var(--main-color);
  margin-right: 5px;
}

.post-comment-form h4 {
  font-size: 26px;
  margin-bottom: 28px;
  margin-top: 38px;
}
.post-comment-form form {
  background: #f8f8f8;
  padding: 50px;
}
@media (max-width: 575px) {
  .post-comment-form form {
    padding: 15px;
  }
}
.post-comment-form form .input-field {
  position: relative;
  margin-bottom: 20px;
}
.post-comment-form form .input-field i {
  font-size: 14px;
  color: var(--main-color);
  position: absolute;
  top: 23px;
  right: 30px;
}
.post-comment-form form textarea {
  height: 150px;
  padding: 20px 30px;
  background: #ffffff;
  font-size: 14px;
  width: 100%;
  border: 0;
  resize: none;
}
.post-comment-form form input {
  height: 60px;
  width: 100%;
  background: #ffffff;
  padding: 0 30px;
  font-size: 14px;
  border: 0;
}

.post-comment {
  width: 235px;
  height: 60px;
  background: var(--main-color);
  text-align: center;
  line-height: 60px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  border: 0;
  margin-top: 10px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .post-comment {
    width: 100%;
  }
}
.post-comment i {
  margin-right: 7px;
}

/*
*****
15. CTA
*************************
*/
.cta__area {
  padding: 30px 0 28px;
}
.cta__content {
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .cta__content {
    float: left;
  }
}
.cta__content ul li {
  display: inline-block;
  margin-left: 50px;
  padding-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .cta__content ul li {
    margin-left: auto;
    margin-right: 50px;
  }
}
@media (max-width: 575px) {
  .cta__content ul li {
    padding-top: 13px;
  }
}
.cta__content ul li .support-img {
  float: right;
  margin-left: 15px;
  margin-top: -10px;
  position: relative;
}
.cta__content ul li .support-img:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background: #ffffff;
  bottom: 4px;
  right: 4px;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .cta__content ul li:last-child {
    display: none;
  }
}
.cta__icon {
  float: left;
  margin-right: 12px;
}
.cta__icon i {
  font-size: 35px;
  color: #ffffff;
  opacity: 0.4;
  line-height: 1;
}
.cta__meta {
  overflow: hidden;
}
.cta__meta P {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 3px;
  line-height: 1;
}
.cta__meta span {
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
}
.cta__meta a:hover {
  opacity: 0.5;
}
.cta__meta.c3 p {
  color: #77778d;
}
.cta__area-2 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .cta__area-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.cta__area-2::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #1f61a7;
  opacity: 0.94;
}
.cta__area-2.rb:before {
  background: var(--main-color);
}
.cta__area-2.rb .icons-line ul li i {
  color: #c75657;
}
.cta__area-2.rb .cta__form ul li a {
  background: #fff;
  color: #11111f;
}
.cta__area-2.rb .cta__form ul li a:hover {
  color: #ffffff;
}
.cta__area-2.rb .icons-line ul li.trp-icon i {
  color: #ffffff;
}
.cta__form {
  position: relative;
  z-index: 5;
}
.cta__form ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__form ul {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .cta__form ul {
    display: block;
    text-align: center;
  }
}
.cta__form ul li {
  display: inline-block;
  width: 236px;
  height: 60px;
  background: #ffffff;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta__form ul li {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__form ul li {
    margin-right: 25px;
  }
}
@media (max-width: 575px) {
  .cta__form ul li {
    width: 100%;
  }
}
.cta__form ul li select, .cta__form ul li input {
  width: 100%;
  height: 100%;
  line-height: 60px;
  border: 0;
  padding: 0 30px;
  color: #777777;
  font-size: 16px;
}
.cta__form ul li input::-moz-placeholder {
  font-size: 16px;
  color: #777777;
}
.cta__form ul li input::placeholder {
  font-size: 16px;
  color: #777777;
}
.cta__form ul li button {
  padding: 0 55px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-weight: 700;
  color: #ffffff;
  background: #104e90;
  width: 100%;
}
.cta__form ul li button i {
  margin-left: 25px;
}
.cta__form ul li.selection, .cta__form ul li.shipment-date {
  position: relative;
}
.cta__form ul li.selection::before, .cta__form ul li.shipment-date::before {
  position: absolute;
  content: "\f107";
  top: 23px;
  right: 30px;
  font-family: "Font Awesome 5 Pro";
  line-height: 1;
}
.cta__form ul li.shipment-date::before {
  content: "\f073";
}
.cta__form ul li.get-estimate {
  width: 266px;
}
.cta__form ul li.get-estimate-2 button {
  background: #ffffff;
  color: #11111f;
}
.cta__form ul li.get-estimate-2 button:hover {
  color: #ffffff;
}

.mail-address {
  border-bottom: 4px solid #de4600;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mail-address {
    margin-bottom: 20px;
  }
}
.mail-address input {
  width: 100%;
  height: 60px;
  padding: 0px 30px;
  padding-right: 50px;
  border: none;
}
.mail-address button {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 14px;
  color: var(--main-color);
}
.mail-address a:hover {
  color: #1a1a2b;
}

.icons-line {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.icons-line ul {
  display: flex;
  justify-content: space-between;
}
.icons-line ul li i {
  color: #4882c0;
  line-height: 60px;
}
.icons-line ul li.trp-icon i {
  font-size: 60px;
  color: #ffffff;
}
@media (max-width: 575px) {
  .icons-line ul li.trp-icon i {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .icons-line ul li.h-rule {
    display: none;
  }
}
@media (max-width: 575px) {
  .icons-line ul li.h-rule {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .icons-line ul li.h-rule i {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .icons-line ul li.h-rule i:nth-child(3n) {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .icons-line ul li.h-rule i:nth-child(2n) {
    display: none;
  }
}

.cta__box-content {
  position: relative;
  top: 120px;
}
@media (max-width: 575px) {
  .cta__box-content {
    top: 0;
  }
}
.cta__box-area {
  background: #f9f9f9;
  min-height: 300px;
  width: 100%;
  position: relative;
}
.cta__box-inner {
  padding: 58px 50px 60px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cta__box-inner {
    padding-top: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .cta__box-inner {
    padding: 40px 23px;
  }
}
@media (max-width: 575px) {
  .cta__box-inner {
    text-align: center;
  }
}
.cta__box-inner:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3a78ba;
  opacity: 0.9;
}
.cta__box-inner h4 {
  color: #ffffff;
  margin-bottom: 27px;
}
.cta__box-inner form input {
  height: 60px;
  background: #ffffff;
  padding: 0 30px;
  line-height: 60px;
  border: none;
  width: calc(100% - 217px);
}
@media (max-width: 575px) {
  .cta__box-inner form input {
    width: 100%;
    margin-bottom: 20px;
  }
}
.cta__box-inner form input::-moz-placeholder {
  color: #999999;
  font-size: 16px;
  opacity: 1;
  font-style: italic;
}
.cta__box-inner form input::placeholder {
  color: #999999;
  font-size: 16px;
  opacity: 1;
  font-style: italic;
}
.cta__box-inner form button {
  float: right;
}
@media (max-width: 575px) {
  .cta__box-inner form button {
    width: 100%;
    margin-bottom: 10px;
  }
}
.cta__box-inner > i {
  position: absolute;
  color: white;
  font-size: 250px;
  opacity: 0.05;
  bottom: 0;
  right: 0;
}
.cta__box-form {
  position: relative;
  z-index: 55;
}
.cta__box-form span {
  font-size: 18px;
  color: #ffffff;
  margin-top: 20px;
  display: block;
}

.work-time {
  background: #1a1a2b;
  padding: 50px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .work-time {
    padding: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .work-time {
    margin-bottom: 30px;
  }
}
.work-time img {
  position: absolute;
  bottom: -60px;
  right: -52px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .work-time img {
    bottom: -90px;
    right: -70px;
  }
}
.work-time h4 {
  color: #ffffff;
}
.work-time p {
  font-size: 18px;
  color: #ffffff;
  opacity: 0.5;
  margin-bottom: 30px;
}
.work-time ul li {
  font-size: 18px;
  color: #9898b8;
  line-height: 1;
  margin-bottom: 16px;
}
.work-time ul li:last-child {
  margin-bottom: 0;
}
.work-time ul li span {
  color: #ffffff;
  font-weight: 700;
  margin-right: 10px;
}

.work-meta {
  position: relative;
  z-index: 22;
}

/*
*****
16. Footer
*************************
*/
@media (max-width: 575px) {
  .footer__area {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .footer__area .ph-75 {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget {
    padding-left: 0;
    margin-left: 0;
  }
}
.footer__widget:hover .footer__widget-title span.h5:after {
  width: 100px;
}
.footer__widget-title {
  margin-bottom: 28px;
}
.footer__widget-title span.h5 {
  color: #ffffff;
  position: relative;
  padding-bottom: 18px;
  line-height: 1;
  font-weight: 400;
}
.footer__widget-title span.h5:before, .footer__widget-title span.h5:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background: none;
}
.footer__widget-title span.h5:after {
  width: 30px;
  background: #ffffffa8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer__widget-title.nb {
  margin-bottom: 22px;
}
.footer__widget-title.nb span.h5:before, .footer__widget-title.nb span.h5:after {
  display: none;
}
.footer__widget p {
  font-size: 15px;
  color: #ffffff;
  opacity: 0.8;
}
.footer__widget span {
  color: #ffffff;
}
.footer__social li {
  display: inline-block;
}
.footer__social li a {
  font-size: 14px;
  color: #aaaaaa;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  background: #2b2b2b;
  margin-right: 4px;
  display: block;
}
.footer__social li a:hover {
  color: #ffffff;
  background: var(--main-color);
}
.footer__address {
  margin-bottom: 25px;
}
.footer__address img {
  margin-right: 5px;
}
.footer__address i {
  font-size: 18px;
  color: var(--main-color);
  margin-right: 5px;
}
.footer__address-2 i {
  color: #1f61a7;
}
.footer__list li {
  margin-bottom: 10px;
}
.footer__list li a {
  font-size: 15px;
  color: #ffffff;
  opacity: 0.9;
  padding-left: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer__list li a:hover {
  opacity: 1;
}
.footer__list li a:hover:before {
  background: var(--main-color);
  opacity: 1;
}
.footer__list li a:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer__list-contact li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer__list-contact li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.footer__list-contact li i {
  float: left;
  margin-right: 22px;
  margin-left: 8px;
  font-size: 35px;
  line-height: 1;
  color: #fff;
}
@media (max-width: 575px) {
  .footer__list-contact li i {
    float: none;
    margin-bottom: 8px;
    display: inline-block;
  }
}
.footer__list-contact.c-2 li i {
  color: #3a78ba;
}
.footer__list.nc li a {
  padding-left: 0;
  color: #a8a8a8;
  opacity: 1;
}
.footer__list.nc li a:before {
  display: none;
}
.footer__list.nc li a:hover {
  color: #ffffff;
}
.footer__list.liw-50 {
  overflow: hidden;
}
.footer__list.liw-50 li {
  width: 50%;
  float: left;
  margin-bottom: 16px;
}
.footer__news li {
  margin-bottom: 20px;
  overflow: hidden;
}
.footer__news-img {
  float: left;
  margin-right: 20px;
  display: inline-block;
}
.footer__news-meta {
  overflow: hidden;
}
.footer__news-meta span {
  line-height: 1;
  color: #555555;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 12px;
  margin-top: 12px;
}
.footer__news-meta span a {
  color: #999999;
}
.footer__news-meta span a:hover {
  color: #ffffff;
}
.footer__news-meta h5 {
  line-height: 1;
  margin-bottom: 0;
  font-size: 18px;
  color: #ffffff;
}
.footer__news-meta h5 a:hover {
  opacity: 0.5;
}
.footer__gallery li {
  margin-bottom: 15px;
  margin-right: 15px;
  float: left;
}
.footer__gallery li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .footer__gallery li:nth-child(3n) {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__gallery li:nth-child(3n) {
    margin-right: 15px;
  }
}
.footer__gallery li a {
  display: inline-block;
  position: relative;
}
.footer__gallery li a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1a1a2b;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer__gallery li a:hover:before {
  opacity: 0.3;
  visibility: visible;
}

.ftc-desc {
  overflow: hidden;
  margin-right: 25px;
}
@media (max-width: 575px) {
  .ftc-desc {
    margin-right: 0;
  }
}
.ftc-desc p {
  margin-bottom: 3px;
  line-height: 1;
}
.ftc-desc span {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.ftc-desc span a:hover {
  color: var(--main-color);
}

.footer__widget.grey-light .footer__widget-title h5 {
  color: #1a1a2b;
}
.footer__widget.grey-light .footer__widget-title h5:before {
  background: #ededed;
}
.footer__widget.grey-light .footer__widget-title h5:after {
  background: #3a78ba;
}
.footer__widget.grey-light p {
  color: #777777;
  opacity: 1;
}
.footer__widget.grey-light .footer__list li a {
  color: #777777;
  opacity: 1;
}
.footer__widget.grey-light .footer__list li a:before {
  background: #d6d6d6;
  opacity: 1;
}
.footer__widget.grey-light .footer__list li a:hover {
  color: #3a78ba;
}
.footer__widget.grey-light .footer__list li a:hover:before {
  background: #3a78ba;
}
.footer__widget.grey-light .footer__address span {
  color: #777777;
}
.footer__widget.grey-light .footer__social li a {
  color: #aaaaaa;
  background: none;
}
.footer__widget.grey-light .footer__social li a:hover {
  background: #3a78ba;
  color: #f4f8fb;
}
.footer__widget.grey-light .footer__list-contact li .ftc-desc span {
  font-size: 16px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: #1a1a2b;
}
.footer__widget.grey-light .footer__list-contact li .ftc-desc span a:hover {
  color: #777777;
}

/*
*****
17. Copyright
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .copyright__area .ph-75 {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .copyright__text {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .copyright__text {
    margin-bottom: 15px;
  }
}
.copyright__text p {
  color: #a1a1ad;
  margin: 0;
  line-height: 30px;
}
.copyright__text p a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.copyright__text p a:hover {
  color: var(--main-color);
}
.copyright__text.c2 p {
  color: #7fa2c8;
}
.copyright__text.c2 p a:hover {
  color: #ffffff;
  opacity: 0.5;
}
.copyright__text.c3 p {
  color: #ffffff;
}
.copyright__text.c3 p a {
  font-weight: 700;
}
.copyright__logo {
  height: 100%;
}
.copyright__logo a {
  width: 300px;
  height: 120px;
  background: #1b1b1b;
  line-height: 120px;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.copyright__logo a:hover {
  background: #11111f;
}
.copyright__logo.c2 a {
  background: #3a78ba;
}
.copyright__logo.c3 a {
  background: #0b0b15;
  height: 100px;
  line-height: 100px;
}
.copyright__tos li {
  display: inline-block;
  margin-left: 32px;
}
.copyright__tos li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .copyright__tos li {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright__tos li {
    margin-left: 15px;
  }
}
@media (max-width: 575px) {
  .copyright__tos li {
    margin-left: 0;
    display: block;
    text-align: center;
  }
}
.copyright__tos li a {
  color: #ffffff;
  opacity: 0.5;
}
.copyright__tos li a:hover {
  color: var(--main-color);
  opacity: 1;
}
.copyright__tos.c2 li a:hover {
  color: #ffffff;
  opacity: 1;
}
.copyright__social {
  float: right;
  display: inline-block;
}
.copyright__social li {
  float: left;
  margin-left: 30px;
}
.copyright__social li a {
  font-size: 16px;
  color: #ffffff;
}
.copyright__social li a:hover {
  color: var(--main-color);
}

@media (max-width: 575px) {
  .fs-position {
    text-align: center;
  }
  .fs-position .copyright__social {
    float: none;
    margin-bottom: 30px;
  }
  .fs-position .copyright__social li {
    margin: 0 10px;
  }
}

/*
*****
18. Menu Search
*************************
*/
.nav-search {
  position: relative;
  display: block;
  color: inherit;
}

.nav-search:hover {
  color: inherit;
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9);
}

.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}

.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: uppercase;
  background: transparent;
  font-size: 25px;
  color: #fff;
  border-bottom: 2px solid #898989;
  text-align: center;
  letter-spacing: 2px;
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: #fff;
}

input.main-search-input::placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}

.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/*
*****
19. Coverage
*************************
*/
@media (max-width: 575px) {
  .coverage__area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.coverage__division {
  padding: 0 62px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .coverage__division {
    padding: 0;
  }
}
.coverage__division > div {
  width: 50%;
  float: left;
}
.coverage__division > div ul {
  padding-top: 25px;
}
.coverage__division > div ul li {
  line-height: 1;
  margin-bottom: 33px;
}
.coverage__division > div ul li a {
  position: relative;
  padding-left: 26px;
}
.coverage__division > div ul li a:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #1f61a7;
  border-radius: 50%;
}
.coverage__division > div ul li a.cont-1:before, .coverage__division > div ul li a.cont-5:before {
  background: #286bb2;
}
.coverage__division > div ul li a.cont-2:before, .coverage__division > div ul li a.cont-6:before {
  background: #4e8ac9;
}
.coverage__division > div ul li a.cont-3:before, .coverage__division > div ul li a.cont-7:before {
  background: #91b8e1;
}
.coverage__division > div ul li a.cont-4:before {
  background: #bdd4ec;
}
.coverage__text p {
  padding-right: 140px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coverage__text p {
    padding-right: 70px;
  }
}
@media (max-width: 575px) {
  .coverage__text p {
    padding-right: 0;
  }
}
.coverage__map {
  text-align: center;
  margin-top: 65px;
}

.dot {
  position: absolute;
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dot {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .dot {
    display: none;
  }
}
.dot:hover .dot-inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.dot.active .dot-inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.dot-1 {
  top: 14%;
  left: 36%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-1 {
    left: 35.9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-1 {
    left: 36%;
  }
}
@media (max-width: 575px) {
  .dot-1 {
    display: none;
  }
}

.dot-2 {
  top: 22.5%;
  left: 28.7%;
}

.dot-3 {
  top: 41%;
  left: 20%;
}

.dot-4 {
  top: 31%;
  right: 31%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-4 {
    display: none;
  }
}

.dot-5 {
  top: 43%;
  right: 20%;
}
.dot-5 .dot-inner {
  right: 28px;
  left: auto;
}

.dot-6 {
  top: 63%;
  left: 49.5%;
}

.dot-7 {
  bottom: 7%;
  right: 6%;
}
.dot-7 .dot-inner {
  right: 28px;
  left: auto;
}

.dot-inner {
  position: absolute;
  width: 350px;
  height: 100px;
  top: -46px;
  left: 28px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: translateY(10px);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dot-inner {
    left: -45px;
  }
}
.dot-inner img {
  float: left;
  height: 100%;
}
.dot-inner .dot-contact {
  overflow: hidden;
  padding: 25px 30px 20px;
  background: #ffffff;
  text-align: left;
  height: 100%;
}
.dot-inner .dot-contact li:first-child {
  margin-bottom: 15px;
  line-height: 1;
}
.dot-inner .dot-contact li i {
  color: #1f61a7;
  margin-right: 20px;
}
.dot-inner .dot-contact li a:hover {
  color: #1f61a7;
}
.dot-inner .dot-contact.clr li a:hover {
  color: var(--main-color);
}
.dot-inner.dot-inner-team {
  visibility: visible;
  opacity: 1;
}

.sector-coverage {
  background: var(--second-color);
}
.sector-coverage-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sector-coverage-img {
    width: 40%;
    height: 66%;
    margin: auto;
  }
}
.sector-coverage-img img {
  width: 100%;
  height: 100%;
}
.sector-coverage-content {
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .sector-coverage-content {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sector-coverage-content {
    padding-left: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sector-coverage-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sector-coverage-content {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .sector-coverage-content {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.sector-coverage-content .section-title h2 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sector-coverage-items li {
    padding: 20px;
  }
}
.sector-coverage-items li:hover .sector-coverage-icon:after {
  background-color: #bac3dc;
}
.sector-coverage-icon {
  float: left;
  position: relative;
  padding-right: 32px;
  margin-right: 30px;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sector-coverage-icon {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.sector-coverage-icon::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 50px;
  top: 45%;
  transform: translateY(-50%);
  right: 0;
  background-color: #3a78ba;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sector-coverage-icon i {
  font-size: 70px;
  color: #ffffff;
  opacity: 0.4;
}
.sector-coverage-text {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sector-coverage-text {
    padding-right: 200px;
  }
}
.sector-coverage-text h4 {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
}
.sector-coverage-text p {
  color: #ffffff;
  opacity: 0.7;
  margin-bottom: 0;
  letter-spacing: -0.1px;
}

/*
*****
20. Portfolio
*************************
*/
.portfolio__area {
  min-height: 735px;
  background-repeat: no-repeat;
  background-position: left;
}
@media (max-width: 575px) {
  .portfolio__area {
    min-height: 450px;
  }
}
.portfolio__content {
  padding: 58px 48px;
  border: 2px solid #eaeaea;
  background: #ffffff;
}
@media (max-width: 575px) {
  .portfolio__content {
    padding: 20px;
  }
}
.portfolio__content span {
  font-size: 16px;
  color: #286bb2;
  margin-bottom: 3px;
  display: block;
}
.portfolio__content h4 {
  font-size: 30px;
  line-height: 1.33;
  margin-bottom: 33px;
  letter-spacing: -1px;
}
@media (max-width: 575px) {
  .portfolio__content h4 {
    font-size: 24px;
  }
}
.portfolio__content ul li {
  font-size: 18px;
  color: #777777;
  line-height: 1;
  margin-bottom: 20px;
}
.portfolio__content ul li i {
  color: #286bb2;
  margin-right: 20px;
  width: 20px;
}
.portfolio__content a {
  height: 60px;
  padding: 0 47px;
  color: #ffffff;
  font-weight: 700;
  line-height: 60px;
  background: #286bb2;
  display: inline-block;
  margin-top: 20px;
}

.portfolio__active .slick-dots li button {
  text-indent: -5555px;
  height: 4px;
  width: 20px;
  border: 0;
  background: #ececec;
  font-size: 0;
}

.portfolio__active .slick-dots {
  position: absolute;
  top: 50%;
  text-align: center;
  right: -106px;
  line-height: 0;
  transform: translateY(-50%) rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__active .slick-dots {
    right: auto;
    left: -106px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__active .slick-dots {
    right: -90px;
  }
}

.portfolio__active .slick-dots .slick-active button {
  width: 30px;
  background: #1f61a7;
}

.portfolio__active .slick-dots li {
  display: inline-block;
  margin-right: 10px;
  line-height: 0;
}

/*
*****
21. FAQ
*************************
*/
.v-faq .nav-tabs {
  border-bottom: 0;
  transform: rotate(90deg);
  position: relative;
  top: 2px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq .nav-tabs {
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .v-faq .nav-tabs {
    transform: none;
    position: static;
    margin-bottom: 30px;
  }
}
.v-faq .nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0;
  background: #1a1a2b;
  color: #ffffff;
  font-size: 20px;
  width: 570px;
  height: 70px;
  margin-top: 10px;
  padding: 0 30px;
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq .nav-tabs .nav-link {
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq .nav-tabs .nav-link {
    width: 100%;
  }
}
.v-faq .nav-tabs .nav-link.active {
  background: #286bb2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq .nav-item {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .v-faq .nav-item {
    width: 100%;
  }
}
.v-faq .tab-pane {
  max-width: 980px;
  padding: 60px 55px 60px 60px;
  background: #ffffff;
  height: 570px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .v-faq .tab-pane {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq .tab-pane {
    padding: 25px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq .tab-pane {
    padding: 20px;
    height: auto;
  }
}
.v-faq-img {
  float: left;
  margin-right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq-img {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq-img {
    float: none;
  }
}
.v-faq-content {
  overflow: hidden;
  padding-top: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .v-faq-content {
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq-content {
    padding-top: 0;
  }
}
.v-faq-content i {
  font-size: 70px;
  color: #1f61a7;
  display: inline-block;
  line-height: 1;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq-content i {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .v-faq-content i {
    display: none;
  }
}
.v-faq-content h3 {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .v-faq-content h3 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .v-faq-content h3 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .faq-area {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.faq-accordion {
  border-top: 1px solid #e6e6e6;
}
.faq-accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}
.faq-accordion .accordion-button {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2b;
  font-family: "Poppins", sans-serif;
  padding: 21px 30px 14px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.faq-accordion .accordion-button:focus {
  border: 0;
  background: none;
  box-shadow: none;
}
.faq-accordion .accordion-button.collapsed {
  padding: 21px 30px;
}
@media (max-width: 575px) {
  .faq-accordion .accordion-button.collapsed {
    padding: 20px 0;
  }
}
.faq-accordion .accordion-body {
  font-size: 16px;
  line-height: 28px;
  padding: 0 30px 16px;
}
@media (max-width: 575px) {
  .faq-accordion .accordion-body {
    padding: 0 0 16px;
  }
}
.faq-accordion .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  box-shadow: none;
}
@media (max-width: 575px) {
  .faq-accordion .accordion-button:not(.collapsed) {
    padding: 20px 0;
  }
}
.faq-accordion .accordion-button::after {
  content: "\f055";
  font-size: 20px;
  color: var(--main-color);
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  background-image: none;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
  content: "\f056";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
}

.faq-button {
  height: 70px;
  border: 2px solid #e8e8e8;
  padding: 0 28px;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-button {
    padding: 0 12px;
  }
}
.faq-button:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #ffffff;
}
.faq-button:hover i {
  color: #ffffff;
}
.faq-button:hover i.right-icon {
  color: #ffffff;
}
.faq-button i {
  font-size: 18px;
  margin-right: 12px;
  color: var(--main-color);
  line-height: 66px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.faq-button i.right-icon {
  font-size: 16px;
  color: #c6c6c6;
  float: right;
  margin-right: 0;
}

/*
*****
22. Gallery
*************************
*/
.grid-item {
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .gallery__area {
    padding-top: 45px;
    padding-bottom: 10px;
  }
}
.gallery__area .section-title {
  margin-bottom: 0;
  z-index: 5;
}
.gallery__area .section-title h2 {
  margin-bottom: 4px;
}
.gallery__area .section-title .back-text {
  bottom: -50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .gallery__area .section-title .back-text {
    bottom: 0;
  }
}
.gallery__area .section-title .back-text span {
  font-size: 200px;
  color: #eeeeee;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .gallery__area .section-title .back-text span {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery__area .section-title .back-text span {
    font-size: 150px;
  }
}
.gallery__area p {
  position: relative;
  z-index: 6;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .gallery__area p br {
    display: none;
  }
}
.gallery__btn {
  position: absolute;
  left: 50%;
  top: -30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.g-single-image:hover:before {
  opacity: 0.9;
}
.g-single-image:hover .g-hover {
  opacity: 1;
  visibility: visible;
}
.g-single-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #1a1a2b;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.g-single-image img {
  width: 100% !important;
}

.g-hover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.g-hover-content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.g-hover-content span {
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}
.g-hover-content h4 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1;
}
.g-hover-icon {
  font-size: 18px;
  background: #f02830;
  text-align: center;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffffff;
}
.g-hover-icon:hover {
  color: #ffffff;
}

.gallery-slider .owl-stage-outer {
  overflow: visible;
}

/*
*****
23. Brand
*************************
*/
.brand__inner {
  padding: 50px 0;
  background: #ffffff;
}
.brand__position {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -100px;
}

.single-brand {
  text-align: center;
  height: 100px;
  line-height: 100px;
}
.single-brand img {
  display: inline-block;
}

/*
*****
24. Pricing
*************************
*/
@media (max-width: 575px) {
  .pricing__area {
    padding-top: 150px;
    padding-bottom: 20px;
  }
}
.pricing__area .section-title {
  margin-bottom: 0;
  z-index: 5;
}
.pricing__area .section-title h2 {
  margin-bottom: 4px;
}
.pricing__area .section-title .back-text {
  bottom: -50px;
}
.pricing__area .section-title .back-text span {
  font-size: 200px;
  color: #eeeeee;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing__area .section-title .back-text span {
    font-size: 160px;
  }
}
.pricing__area p {
  position: relative;
  z-index: 6;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .pricing__area p br {
    display: none;
  }
}
.pricing__item-single {
  padding: 60px 60px;
  background: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing__item-single {
    padding: 40px;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing__item-single {
    padding: 30px;
  }
}
.pricing__item-single:hover .service-price span {
  color: #1a1a2b;
}
.pricing__item-single.trending {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
  position: relative;
}

.service-price {
  padding-bottom: 22px;
  border-bottom: 1px solid #eee;
  margin-bottom: 38px;
}
.service-price span {
  color: #f02830;
  font-size: 60px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .service-price span {
    font-size: 52px;
  }
}
.service-price p {
  color: #777777;
  margin-bottom: 0;
  line-height: 1;
  font-style: italic;
}
.service-list {
  margin-bottom: 50px;
}
.service-list li {
  font-size: 18px;
  margin-bottom: 27px;
  line-height: 1;
}
.service-list li:hover {
  color: var(--main-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-list li {
    font-size: 16px;
  }
}
.service-list li i {
  margin-right: 20px;
}
.service-list li.unavailable {
  color: #bababa;
}

.service-btn {
  font-size: 18px;
  text-align: center;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: #1a1a2b;
  font-weight: 700;
}
.service-btn:hover, .service-btn.active {
  color: #ffffff;
}

.service-btn.shutter-btn:before {
  background: #f02830;
}

.service-btn.active.shutter-btn:before {
  opacity: 1;
  left: 0;
  right: 0;
}

.trending-plan {
  height: 30px;
  background: #f02830;
  line-height: 30px;
  text-align: center;
  width: 100%;
}
.trending-plan p {
  font-size: 14px;
  color: #ffffff;
}
.trending-plan p i {
  margin-right: 7px;
}

/*
*****
25. Team
*************************
*/
@media (max-width: 575px) {
  .team__area {
    padding-top: 45px;
    padding-bottom: 0;
  }
}
.team__area .section-title {
  margin-bottom: 0;
  z-index: 5;
}
.team__area .section-title h2 {
  margin-bottom: 10px;
  line-height: 1;
}
.team__area .section-title .back-text {
  bottom: -50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__area .section-title .back-text {
    bottom: 0;
  }
}
.team__area .section-title .back-text span {
  font-size: 200px;
  color: #eeeeee;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__area .section-title .back-text span {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team__area .section-title .back-text span {
    font-size: 160px;
  }
}
.team__area p {
  position: relative;
  z-index: 6;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .team__area p br {
    display: none;
  }
}
.team__member-single {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .team__member-single {
    margin-top: 0;
  }
}
.team__member-single:hover .team__member-img img {
  transform: scale(0.88);
}
.team__member-single:hover .circle-more {
  opacity: 1;
  visibility: visible;
}
.team__member-single span {
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 15px;
}
.team__member-single h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 17px;
}
.team__member-single h4 a:hover {
  color: var(--main-color);
}
.team__member-img {
  position: relative;
  margin-bottom: 33px;
}
.circle-more {
  width: 200px;
  height: 200px;
  border: 2px solid #f02830;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.circle-more a {
  font-size: 16px;
  height: 50px;
  width: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -2px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}
.circle-more a:hover {
  color: #ffffff;
  background: #f02830;
}

@media (max-width: 575px) {
  .team-member-area {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.team-member-single {
  border: 2px solid #f1f1f1;
}
.team-member-single:hover .tc i {
  color: var(--main-color);
  transform: rotateY(360deg);
}
.team-member-single:hover .team-member-content {
  bottom: -2px;
}
.team-member-img {
  margin: -2px -2px 0 -2px;
  padding-bottom: 128px;
}
.team-member-img img {
  width: 100%;
}
.team-member-content {
  padding-top: 37px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  background: white;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team-member-content h4 {
  margin-bottom: 8px;
}
.team-member-content h4 a:hover {
  color: var(--main-color);
}
.team-member-content span {
  color: var(--main-color);
  margin-bottom: 32px;
  display: inline-block;
}
.team-member-social li {
  display: inline-block;
  margin: 0 3px;
}
.team-member-social li a {
  font-size: 14px;
  color: #777777;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 48px;
  background: #f1f1f1;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .team-member-social li a {
    width: 40px;
    height: 40px;
  }
}
.team-member-social li a:hover {
  background: var(--main-color);
  color: #ffffff;
}

.tc {
  display: inline-block;
  height: 80px;
  width: 80px;
  background: white;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
}
.tc i {
  font-size: 40px;
  color: #e3e3e3;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.approch__img {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .approch__img {
    width: 100%;
    float: none;
  }
}
.approch__content {
  padding-top: 140px;
  padding-left: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .approch__content {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .approch__content {
    padding-top: 0;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .approch__content {
    padding-left: 0;
    padding-top: 40px;
  }
}
.approch__content .section-title h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .approch__content .section-title h2 {
    font-size: 50px;
  }
}
.approch__text p {
  padding-right: 35px;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .approch__text p {
    padding-right: 10px;
  }
}
.approch__text ul {
  padding-right: 60px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .approch__text ul {
    padding-right: 0;
  }
}
.approch__text ul li {
  width: 50%;
  float: left;
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .approch__text ul li {
    width: 100%;
  }
}
.approch__text ul li:hover i {
  color: var(--main-color);
}
.approch__text ul li i {
  color: #dfdfdf;
  font-size: 16px;
  margin-right: 14px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mission__area {
    margin-top: 50px;
  }
}
.mission__img {
  width: 50%;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mission__img {
    width: 100%;
    float: none;
  }
}
.mission__content {
  padding-top: 140px;
  padding-right: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .mission__content {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mission__content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mission__content {
    padding-left: 0;
    padding-top: 40px;
    padding-right: 0;
  }
}
.mission__content .section-title h2 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .mission__content .section-title h2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mission__text {
    margin-bottom: 30px;
  }
}
.mission__text p {
  padding-right: 60px;
  margin-bottom: 45px;
}
@media (max-width: 575px) {
  .mission__text p {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .mission__text p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mission__text p {
    margin-bottom: 45px;
  }
}
.mission__text .dot-inner {
  position: static;
}
.mission__text .dot-inner .dot-contact i {
  color: var(--main-color);
}

.go-icon {
  font-size: 40px;
  margin-left: 20px;
  color: var(--main-color);
}

@media (max-width: 575px) {
  .skills-area {
    padding-top: 40px;
    padding-bottom: 0;
  }
}

.skill-items {
  position: relative;
}
.skill-items .center-arrow {
  position: absolute;
  font-size: 20px;
  color: var(--main-color);
  font-weight: 300;
  left: 47.5%;
  top: 44%;
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-items .center-arrow {
    left: 46.5%;
    top: 43%;
  }
}
@media (max-width: 575px) {
  .skill-items.gx-5 {
    --bs-gutter-x: 30px;
  }
}

.single-skill {
  background: #ffffff;
  padding: 40px 60px 40px 60px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .single-skill {
    padding: 40px 25px 40px 25px;
  }
}
@media (max-width: 575px) {
  .single-skill {
    display: inherit;
    padding: 30px 20px;
  }
}
.single-skill:hover {
  box-shadow: 0px 16px 32px 0px rgba(26, 26, 43, 0.08);
  border-color: var(--main-color);
}

.skill-text {
  overflow: hidden;
}
.skill-text p {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #1a1a2b;
  font-weight: 700;
  margin-bottom: 0;
}

.skill-circle {
  float: left;
  margin-right: 25px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-circle {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .skill-circle {
    float: none;
    margin-bottom: 20px;
  }
}

.skill-circle .circle-chart {
  width: 130px;
  height: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .skill-circle .circle-chart {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-circle .circle-chart {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 575px) {
  .skill-circle .circle-chart {
    width: 100px;
    height: 100px;
  }
}

.skill-chart {
  position: relative;
}

.circle-chart-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circle-chart-text .percentage {
  font-size: 40px;
  margin-bottom: 0;
}
.circle-chart-text .percentage span {
  font-size: 16px;
  font-weight: 400;
  color: var(--main-color);
}

@media (max-width: 575px) {
  .team-details {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.tmd-img {
  margin-bottom: 105px;
}
@media (max-width: 575px) {
  .tmd-img {
    margin-bottom: 50px;
  }
}
.tmd-img:before {
  position: absolute;
  content: "";
  width: 92.5%;
  height: 93.3%;
  background: var(--main-color);
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  bottom: -30px;
  left: -30px;
  z-index: -1;
}
@media (max-width: 575px) {
  .tmd-img:before {
    bottom: -10px;
    left: -10px;
  }
}
.tmd-img img {
  width: 100%;
}

.about-member-details {
  padding: 60px 30px 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-member-details {
    padding: 20px 30px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .about-member-details {
    padding: 0;
    margin-bottom: 50px;
  }
}
.about-member-details > span {
  font-size: 14px;
  color: var(--main-color);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.about-member-details h2 {
  line-height: 1;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-member-details h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .about-member-details h2 {
    font-size: 36px;
  }
}
.about-member-details p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 45px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 45px;
}
.about-member-details ul li {
  margin-bottom: 16px;
}
.about-member-details ul li span {
  color: #1a1a2b;
}
.about-member-details ul li a:hover {
  color: var(--main-color);
}

.member-qualification {
  margin-bottom: 52px;
}
.member-qualification h4 {
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 33px;
}
.member-qualification h4 span {
  color: var(--main-color);
}
.member-qualification p {
  padding-right: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .member-qualification p {
    padding-right: 0;
  }
}

.member-skill .progress {
  height: 6px;
  background-color: #f6f6f6;
  border-radius: 0;
}
.member-skill .progress-bar {
  background-color: var(--main-color);
}

.skill-wrapper {
  margin-bottom: 27px;
}

.skill-title {
  display: flex;
  justify-content: space-between;
}
.skill-title span {
  float: right;
  font-size: 14px;
  font-weight: 700;
  color: var(--main-color);
}

.skill-category {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  margin-bottom: 16px;
}

.member-education {
  padding-bottom: 32px;
}
.member-education ul li {
  margin-bottom: 23px;
}

.edu-icon {
  float: left;
  margin-right: 20px;
}
.edu-icon i {
  font-size: 30px;
  color: #dddddd;
}

.edu-text {
  overflow: hidden;
}
.edu-text h5 {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1;
}
.edu-text p {
  font-size: 14px;
  margin-bottom: 0;
}

/*
*****
26. News
*************************
*/
@media (max-width: 575px) {
  .news__area {
    padding-top: 45px;
    padding-bottom: 20px;
  }
}
.news__area .section-title {
  z-index: 5;
}
.news__area .section-title h2 {
  margin-bottom: 10px;
  line-height: 1;
}
.news__area .section-title .back-text {
  bottom: -50px;
  left: -12px;
}
.news__area .section-title .back-text span {
  font-size: 200px;
  color: #eeeeee;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news__area .section-title .back-text span {
    font-size: 160px;
  }
}
.news__area p {
  position: relative;
  z-index: 6;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .news__area p br {
    display: none;
  }
}
.news__post {
  background: #ffffff;
  margin-top: 30px;
}
.news__post:hover .news__thumb img {
  transform: scale(1.2);
}
.news__thumb {
  overflow: hidden;
}
.news__thumb img {
  width: 100%;
  -webkit-transition: all 2s ease-out 0s;
  -moz-transition: all 2s ease-out 0s;
  -ms-transition: all 2s ease-out 0s;
  -o-transition: all 2s ease-out 0s;
  transition: all 2s ease-out 0s;
}
.news__content {
  padding: 40px 38px 35px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .news__content {
    padding: 40px 25px 35px 25px;
  }
}
.news__content > span {
  margin-bottom: 12px;
  font-size: 14px;
  color: #1a1a2b;
  display: block;
  line-height: 1;
}
.news__content > span a:hover {
  color: var(--main-color);
}
.news__content h4 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  letter-spacing: -0.6px;
}
.news__content h4 a:hover {
  color: var(--main-color);
}
.news__date {
  height: 60px;
  width: 60px;
  text-align: center;
  padding-top: 12px;
  display: inline-block;
  background: white;
  position: absolute;
  top: -30px;
  right: 40px;
  z-index: 5;
}
.news__date span {
  font-size: 14px;
  display: block;
  line-height: 1;
}
.news__date span span {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  color: #1a1a2b;
  font-weight: 700;
}

.transport {
  position: absolute;
  top: 0;
  right: 40px;
}
.transport span {
  display: inline-block;
  padding: 0 14px;
  background: var(--main-color);
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0;
}

/*
*****
27. Page Title
*************************
*/
.page-title-area {
  min-height: 400px;
  position: relative;
}
.page-title-area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 72.5%;
  height: 100%;
  background: #1a1a2b url("../../img/map.png") no-repeat left center;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 575px) {
  .page-title-area:before {
    width: 100%;
  }
}
/*
.page-title-area::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 27.5%;
  height: 100%;
  background: var(--main-color);
  z-index: -1;
}
*/

@media (max-width: 575px) {
  .page-title-area::after {
    width: 0;
  }
}
.page-title-content {
  position: relative;
  z-index: 55;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1400px) {
  .page-title-content {
    padding-right: 0;
  }
}
.page-title-content p {
  font-size: 20px;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  line-height: 55px;
  margin-bottom: 0;
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .page-title-content p {
    font-size: 16px;
  }
}
.page-title-content h1 {
  color: #ffffff;
  margin-bottom: 33px;
}
@media (max-width: 575px) {
  .page-title-content h1 {
    font-size: 34px;
    letter-spacing: -1px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-title-img {
    position: absolute;
    right: 0;
    bottom: 70px;
    transform: scale(0.7);
    transform-origin: right;
  }
}

.breadcrumb-menu {
  position: absolute;
  bottom: 0;
  right: 22.9%;
}

.breadcrumb {
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 35px;
  background: white;
}

.breadcrumb-item.active {
  color: var(--main-color);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #777777;
  content: "|";
}

/*
*****
28. History
*************************
*/

.history__area {
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 575px) {
  .history__area {
    padding-top: 45px;
    padding-bottom: 50px;
  }
}
.history__slider {
  max-width: 1520px;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .history__slider {
    max-width: 1290px;
  }
}
.history__slider-active {
  position: relative;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .history__slider-active {
    padding: 0 60px;
  }
}
.history__slider-active::before {
  position: absolute;
  content: "";
  width: 105%;
  height: 6px;
  background: #11111f;
  top: 128px;
  left: -30px;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active::before {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.history__slider-active .slick-arrow {
  font-size: 16px;
  color: #11111f;
  border: 0;
  padding: 0;
  background: #ffffff;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active .slick-arrow {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .history__slider-active .slick-arrow {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .history__slider-active .slick-arrow {
    display: block;
  }
}
.history__slider-active .slick-arrow:hover {
  color: #ffffff;
  background: #11111f;
}
.history__slider-active .slick-next {
  position: absolute;
  right: -90px;
  top: 100px;
  z-index: 10;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active .slick-next {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active .slick-next {
    top: 106px;
  }
}
.history__slider-active .slick-prev {
  position: absolute;
  left: -90px;
  top: 100px;
  z-index: 10;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active .slick-prev {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .history__slider-active .slick-prev {
    top: 106px;
  }
}
.history__year {
  text-align: center;
  max-width: 380px;
}
@media only screen and (min-width: 1601px) and (max-width: 1750px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .history__year {
    max-width: 390px;
  }
}
@media (max-width: 575px) {
  .history__year {
    max-width: 510px;
  }
}
.history__year-text {
  background: #ffffff;
  border-radius: 10px;
  width: 300px;
  height: 100px;
  padding: 0 33px;
  margin-bottom: 56px;
  display: inline-block;
}
@media (max-width: 575px) {
  .history__year-text {
    width: 280px;
  }
}
.history__year-text::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 9px;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}
.history__year-text p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0;
  padding-top: 20px;
}
.history__year .year {
  text-align: center;
}
.history__year .year span {
  font-size: 50px;
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
}
.history__year.flip {
  margin-top: 55px;
}
.history__year.flip .history__year-text {
  margin-bottom: 0;
  margin-top: 56px;
}
.history__year.flip .history__year-text:before {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  top: -9px;
  bottom: auto;
}

/*
*****
29. Projects
*************************
*/
@media (max-width: 575px) {
  .projects__area {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

.project__img {
  position: relative;
  overflow: hidden;
}
.project__img:hover:before {
  opacity: 1;
  visibility: visible;
  left: 0;
  bottom: 0;
}
.project__img:hover .project__img-content {
  opacity: 1;
  visibility: visible;
}
.project__img:hover .project__img-content-inner {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
}
.project__img:before {
  position: absolute;
  content: "";
  bottom: -50px;
  left: -50px;
  width: 350px;
  height: 350px;
  background: var(--main-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.project__img img {
  width: 100%;
}
.project__img-content {
  padding: 30px 30px;
  height: 320px;
  width: 320px;
  background: #1a1a2b;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .project__img-content {
    padding: 15px 15px;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__img-content {
    padding: 30px 30px;
    height: 320px;
    width: 320px;
  }
}
.project__img-content-inner {
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.project__img-content-inner span {
  font-size: 14px;
  color: #a2a2ae;
  display: inline-block;
  margin-bottom: 4px;
}
.project__img-content-inner h4 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 0;
}
.project__img-content-inner h4 a:hover {
  color: var(--main-color);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .project__img-content-2 {
    height: 100%;
  }
}
.project-search {
  font-size: 20px;
  color: #1a1a2b;
  height: 60px;
  width: 60px;
  background: #ffffff;
  text-align: center;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
}
.project-search:hover {
  color: var(--main-color);
  background: #f8f8f8;
}

.load-more {
  border: none;
  height: 60px;
  width: 200px;
  text-align: center;
  color: #ffffff;
  background: var(--main-color);
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}

.project-menu {
  text-align: center;
}
.project-menu button {
  font-size: 16px;
  font-weight: 700;
  padding: 0 25px;
  height: 60px;
  color: #777777;
  border: none;
  background: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-menu button {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .project-menu button {
    padding: 0 15px;
    height: 50px;
  }
}
.project-menu button:hover {
  background: #f8f8f8;
  color: var(--main-color);
}
.project-menu button.active {
  background: var(--main-color);
  color: #ffffff;
}

@media (max-width: 575px) {
  .project__details {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}
.project__meta {
  padding: 40px 40px 50px 40px;
  width: 410px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project__meta {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__meta {
    position: static;
    transform: unset;
    width: 100%;
  }
}
.project__client ul {
  overflow: hidden;
}
.project__client ul.second li {
  border-top: 1px solid #ededed;
  padding-top: 20px;
  padding-bottom: 10px;
}
.project__client ul li {
  width: 50%;
  float: left;
  padding-top: 10px;
  padding-bottom: 20px;
}
.project__client ul li:last-child {
  border-left: 1px solid #ededed;
  padding-left: 40px;
}
.project__client ul li h6 {
  font-family: "Roboto", sans-serif;
  margin-bottom: 4px;
}
.project__social {
  text-align: center;
  margin-top: 30px;
}
.project__social li {
  display: inline-block;
  margin: 0 5px;
}
.project__social li a {
  font-size: 14px;
  color: #777777;
  width: 60px;
  height: 60px;
  background: none;
  border: 2px solid #f1f1f1;
  display: inline-block;
  text-align: center;
  line-height: 56px;
}
.project__social li a:hover {
  color: #ffffff;
  background: var(--main-color);
  border-color: var(--main-color);
}
.project__content-title .stroke-text {
  -webkit-text-fill-color: transparent;
  font-size: 120px;
  color: var(--main-color);
  -webkit-text-stroke-color: var(--main-color);
  -webkit-text-stroke-width: 1px;
  -moz-text-stroke-color: var(--main-color);
  -moz-text-stroke-width: 1px;
  -moz-text-fill-color: transparent;
  line-height: 90px;
  display: inline-block;
}
@media (max-width: 575px) {
  .project__content-title .stroke-text {
    font-size: 80px;
  }
}
.project__content-title .bold-text {
  font-size: 60px;
  color: #ffffff;
  font-weight: 600;
}
@media (max-width: 575px) {
  .project__content-title .bold-text {
    font-size: 44px;
  }
}
.project__content-2 {
  position: relative;
  z-index: 99;
  padding-left: 305px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .project__content-2 {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .project__content-2 {
    padding-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project__content-2 {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project__content-2 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project__content-2 {
    margin-bottom: 50px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__content-2 {
    margin-bottom: 50px;
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .project__content-2 {
    margin-bottom: 50px;
    padding-left: 15px;
  }
}
.project__content-2 p {
  color: #afafaf;
  padding-right: 155px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .project__content-2 p {
    padding-right: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .project__content-2 p {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .project__content-2 p {
    padding-right: 0px;
  }
}
.project__slider {
  position: relative;
}
.project__slider-2 {
  position: relative;
}
.project__slider-2 .owl-nav .owl-arrow {
  position: absolute;
  bottom: 30px;
  left: -660px;
  font-size: 16px;
  color: #ffffff;
  background: #343434;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  z-index: 99;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .project__slider-2 .owl-nav .owl-arrow {
    bottom: -60px;
    left: -615px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .project__slider-2 .owl-nav .owl-arrow {
    bottom: -60px;
    left: -470px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project__slider-2 .owl-nav .owl-arrow {
    bottom: 30px;
    left: -480px;
  }
}
.project__slider-2 .owl-nav .owl-arrow:hover {
  background: var(--main-color);
  color: #ffffff;
}
.project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
  left: -600px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
    left: -555px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
    left: -410px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
    left: -420px;
  }
}

.pd-slider {
  padding-bottom: 34px;
  margin-bottom: 43px;
  padding-top: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pd-slider .slider-item img {
    max-width: 95%;
  }
}
@media (max-width: 575px) {
  .pd-slider .slider-item img {
    width: 100%;
  }
}

.pd-slider .slick-dots li button {
  text-indent: -5555px;
  height: 4px;
  width: 20px;
  border: 0;
  background: #ececec;
}

.pd-slider .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-height: 4px;
}

.pd-slider .slick-dots .slick-active button {
  width: 30px;
  background: var(--main-color);
}

.pd-slider .slick-dots li {
  display: inline-block;
  margin-right: 10px;
}

/*
*****
30. Contact
*************************
*/
.office-area {
  background: #f7f7f7;
}
@media (max-width: 575px) {
  .office-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.office-location .nav-tabs {
  border-bottom: 0;
}
.office-location .nav-link {
  width: 150px;
  height: 60px;
  border: none;
  padding: 0;
  background: white;
  color: #1a1a2b;
  margin-right: 10px;
  border-radius: 0;
}
@media (max-width: 575px) {
  .office-location .nav-link {
    width: 86px;
    height: 50px;
  }
}
.office-location .nav-link:hover {
  background: var(--main-color);
  color: #ffffff;
}
.office-location .nav-link.active {
  color: #ffffff;
  background: #1a1a2b;
}

.office-address {
  padding: 60px 60px;
  background: #ffffff;
  height: 100%;
}
@media (max-width: 575px) {
  .office-address {
    padding: 25px;
  }
}
.office-address li {
  padding-bottom: 35px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.office-address li:last-child {
  padding-bottom: 0;
  border: 0;
  margin-bottom: 0;
}
.office-address-icon {
  float: left;
  margin-right: 22px;
}
@media (max-width: 575px) {
  .office-address-icon {
    float: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .office-address-icon {
    float: left;
    padding-top: 10px;
  }
}
.office-address-icon i {
  font-size: 60px;
  color: var(--main-color);
  line-height: 1;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media (max-width: 575px) {
  .office-address-icon i {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.office-address-meta {
  padding-left: 85px;
}
@media (max-width: 575px) {
  .office-address-meta {
    padding-left: 0;
  }
}
.office-address-meta h5 {
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 1;
  padding-top: 5px;
}
.office-address-meta span {
  font-size: 16px;
}
.office-address-meta span a:hover {
  color: var(--main-color);
}

.office-img {
  height: 100%;
}
.office-img img {
  height: 100%;
}

@media (max-width: 575px) {
  .contact-form {
    padding-top: 50px;
  }
}

.contact-form-inner {
  background: white;
  position: relative;
  z-index: 5;
  max-width: 1490px;
  left: 0;
  right: 0;
  margin: auto;
}

.contact-map {
  height: 700px;
  margin-top: -120px;
}
.contact-map iframe {
  width: 100%;
  height: 100%;
}

/*
*****
31. Newsletter
*************************
*/
.newsletter-area {
  padding: 70px 0;
  background: var(--main-color);
}

.newsletter-text {
  float: left;
  max-width: 460px;
}
.newsletter-text h3 {
  font-size: 36px;
  line-height: 46px;
  color: #ffffff;
  margin-bottom: 0;
  letter-spacing: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .newsletter-text h3 {
    font-size: 34px;
  }
}

.newsletter-icon {
  float: right;
  display: inline-block;
  position: relative;
  height: 100px;
  width: 100px;
  background: #ffffff;
  text-align: center;
  line-height: 100px;
  margin-right: 45px;
}
.newsletter-icon::before, .newsletter-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  opacity: 0.1;
  content: "";
  width: 100%;
  height: 100%;
}
.newsletter-icon:before {
  transform: rotate(30deg);
}
.newsletter-icon:after {
  transform: rotate(-30deg);
}
.newsletter-icon:hover:before {
  animation: spin 4s linear infinite;
}
.newsletter-icon:hover:after {
  animation: spin-back 4s linear infinite;
}
.newsletter-icon i {
  font-size: 36px;
  color: var(--main-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .newsletter-icon {
    display: none;
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin-back {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.newsletter-mail {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .newsletter-mail {
    margin-top: 40px;
  }
}
.newsletter-mail input {
  height: 70px;
  padding: 0 190px 0 60px;
  width: 100%;
  border: 1px solid #d44a4b;
  background: none;
  font-size: 16px;
  color: #ffffff;
}
.newsletter-mail input::placeholder {
  color: #ffffff;
  font-size: 16px;
}
.newsletter-mail input::-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 575px) {
  .newsletter-mail input {
    padding: 0 120px 0 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-mail input {
    padding: 0 190px 0 60px;
  }
}
.newsletter-mail i {
  font-size: 16px;
  color: #d05a5b;
  position: absolute;
  top: 27px;
  left: 38px;
  display: inline-block;
}
@media (max-width: 575px) {
  .newsletter-mail i {
    left: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-mail i {
    left: 38px;
  }
}
.newsletter-mail span, .newsletter-mail button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  width: 170px;
  background: #ae1e1f;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 575px) {
  .newsletter-mail span, .newsletter-mail button {
    width: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-mail span, .newsletter-mail button {
    width: 170px;
  }
}
.newsletter-mail-2 input {
  border-color: #ffffff;
}
.newsletter-mail-2 i {
  left: 27px;
  color: #ffffff;
}
.newsletter-mail-2 button {
  background-color: #ffffff;
  color: #11111f;
}
.newsletter-mail-2 button:hover {
  color: #ffffff;
}


.services-title {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 24px;
}