body {
  color: var(--text-color);
  background-color: var(--white-text);
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-color);
  text-transform: capitalize;
}
h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 30px;
}
h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
}
h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 30px;
}
h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 26px;
}
h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}
h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
p {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: #464646;
}
a {
  color: var(--text-color);
  text-decoration: none;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
button:focus {
  outline: 0;
}
svg path {
  fill: var(--primary-color);
}
.svg-logo {
  fill: var(--primary-color) !important;
}
.image-wrapper {
  overflow: hidden;
}
.blog-gallery .image-wrapper img {
  height: 300px;
  width: 100%;
}
.fa,
.fab,
.far,
.fas {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.node__content {
  margin-top: 0;
}
.section-130 {
  padding: 130px 0;
}
.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-nav [class*="owl-"]:hover i {
  transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -ms-transition: all 0.5s ease !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  border-color: var(--primary-color) !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover i {
  color: var(--primary-color) !important;
}
.header-w-1 .branding,
.header-w-2 .branding,
.header-w-3 .branding,
.header-w-4 .branding,
.header-w-5 .branding {
  display: none;
}
.navbar-language {
  width: auto;
}
.navbar-language .dropdown-toggle {
  padding: 0 0 0 15px !important;
}
.navbar-language .dropdown-toggle::after {
  display: inline !important;
}
.navbar-language .dropdown-menu {
  margin-top: 10px !important;
  min-width: 100px !important;
}
.navbar-language .dropdown-menu a {
  padding: 10px 15px !important;
}
.element-code-block {
  max-height: 102px;
  overflow-y: hidden;
  transition: max-height 0.7s ease-in;
  margin-bottom: 60px;
  text-align: left;
}
.element-code-block:hover {
  max-height: 4000px;
}
.element-code-block pre {
  background-color: #263238;
  color: #e9eded;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 12px;
  margin: 30px 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  box-shadow: none;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.button-primary {
  outline: 0;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 0.2rem;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.black-button {
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 35px;
  border-radius: 0;
  color: var(--text-color);
  border: solid 2px var(--text-color);
  background-color: transparent;
}
.black-button:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-text);
}
#s-buttons h2 {
  margin-bottom: 30px;
}
#s-buttons .btn-solid .btn-primary,
#s-buttons .button-outline .btn-outline-primary {
  border-radius: 0.2rem;
}
#s-buttons .btn-solid.color-1 .btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-buttons .btn-solid.color-1 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .btn-solid.color-2 .btn-primary {
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#s-buttons .btn-solid.color-2 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .btn-solid.color-3 .btn-primary {
  background-color: #949494;
  border-color: #949494;
}
#s-buttons .btn-solid.color-3 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .button-outline.color-1 .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-buttons .button-outline.color-1 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: var(--primary-color);
}
#s-buttons .button-outline.color-2 .btn-outline-primary {
  color: var(--bg-color);
  border-color: var(--bg-color);
}
#s-buttons .button-outline.color-2 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: var(--bg-color);
}
#s-buttons .button-outline.color-3 .btn-outline-primary {
  color: #949494;
  border-color: #949494;
}
#s-buttons .button-outline.color-3 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: #949494;
}
#s-buttons .button-outline .btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
#s-buttons .btn-sm {
  padding: 8px 20px;
}
#s-buttons .btn-md {
  padding: 10px 25px;
}
#s-buttons .btn-lg {
  padding: 12px 30px;
}
#s-buttons button {
  display: block;
  margin-bottom: 30px;
  font-weight: 700;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-buttons button i {
  padding-right: 10px;
}
#s-icons h2 {
  margin-bottom: 50px;
}
#s-icons a {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: var(--primary-color);
  color: var(--white-text);
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-right: 35px;
  margin-bottom: 35px;
}
#s-icons a i {
  font-size: 24px;
}
#s-images .image-wrapper {
  width: 300px;
  height: 300px;
  display: block;
}
#s-images .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#s-blockquotes h2 {
  margin-bottom: 50px;
}
#s-blockquotes .blockquote-style-1 {
  position: relative;
  text-align: center;
}
#s-blockquotes .blockquote-style-1 blockquote {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 50px;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#s-blockquotes .blockquote-style-1 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: -50px;
  top: -15px;
}
#s-blockquotes .blockquote-style-1 .profile span {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 800;
  color: var(--primary-color);
}
#s-blockquotes .blockquote-style-1 .profile p {
  font-size: 15px;
}
#s-blockquotes .blockquote-style-2 {
  padding: 30px 50px 30px 120px;
  background-color: #f5f5f5;
  position: relative;
}
#s-blockquotes .blockquote-style-2 blockquote {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#s-blockquotes .blockquote-style-2 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: 40px;
  top: 30px;
}
#s-blockquotes .blockquote-style-2 cite {
  font-size: 22px;
  font-style: inherit;
  font-weight: 400;
  color: var(--primary-color);
}
.image-wrapper {
  overflow: hidden;
}
#s-headings p {
  margin-bottom: 50px;
}
#s-headings h1,
#s-headings h2,
#s-headings h3,
#s-headings h4,
#s-headings h5,
#s-headings h6 {
  margin-bottom: 30px;
}
#s-headings h6 {
  font-weight: 300;
}
#s-accordion h2,
#s-alerts h2,
#s-audio-video h2,
#s-blockquotes h2,
#s-buttons h2,
#s-dropcaps h2,
#s-highlights h2,
#s-icons h2,
#s-lists h2,
#s-map h2,
#s-progress h2,
#s-table h3,
#s-tabs h2,
#s-tooltip h2 {
  margin-bottom: 30px;
}
#s-dropcaps h2 {
  margin-bottom: 30px;
}
#s-dropcaps .dropcap-style-1 p::first-letter {
  font-size: 54px;
  line-height: 42px;
  font-weight: 600;
  color: var(--primary-color);
}
#s-dropcaps .dropcap-style-2 p::first-letter {
  font-size: 44px;
  line-height: 46px;
  font-weight: 600;
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 5px 12px;
}
#s-divider h2 {
  margin-bottom: 50px;
}
#s-divider p {
  color: var(--text-color);
}
#s-divider .solid {
  border-bottom: 1px solid #a3a3a3;
  margin-top: 30px;
}
#s-divider .dashed {
  border-bottom: 1px dashed #a3a3a3;
  margin-top: 30px;
}
#s-divider .double {
  border-bottom: 2px solid #a3a3a3;
  margin-top: 30px;
}
#s-divider .dotted {
  border-bottom: 2px dotted #a3a3a3;
  margin-top: 30px;
}
#s-grid h2 {
  margin-bottom: 30px;
}
#s-grid h3 {
  margin-bottom: 30px;
  font-weight: 400;
}
#s-grid p {
  margin-bottom: 80px;
}
#s-highlights h2 {
  margin-bottom: 30px;
}
#s-highlights p {
  font-size: 17.5px;
}
#s-highlights mark.highlights-style-1 {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#s-highlights mark.highlights-style-2 {
  color: var(--primary-color);
}
#s-lists h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 30px;
}
#s-lists ul {
  list-style-type: none;
  padding-left: 0;
}
#s-lists .list-style-1,
#s-lists .list-style-2,
#s-lists .list-style-3 {
  margin-bottom: 80px;
}
#s-lists ul li {
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
}
#s-lists .list-style-1 li::before {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f05d";
  font-size: 26px;
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-lists .list-style-2 li::before {
  font-family: FontAwesome;
  font-weight: 400;
  content: "\f101";
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-lists .list-style-3 li::before {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f058";
  font-size: 32px;
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-tooltip h2 {
  margin-bottom: 30px;
}
#s-tooltip a {
  color: var(--primary-color);
}
#s-tooltip .icon-wrapper {
  background-color: var(--primary-color);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#s-tooltip .icon-wrapper i {
  font-size: 22px;
  color: var(--white-text);
}
#s-accordion .style-1 .card-header::after {
  font-family: FontAwesome;
  content: "\f068";
  font-weight: 900;
  float: right;
}
#s-accordion .style-1 .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f067";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#s-accordion .style-1 .pt-card-wrapper {
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#s-accordion .style-1 .card-header.collapsed {
  background-color: #f7f7f7;
  color: var(--text-color);
}
#s-accordion .style-1 .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 20px 30px;
  border: 0;
}
#s-accordion .style-1 .pt-card-wrapper .card-body {
  padding: 1.25rem 1.75rem;
}
#s-accordion .style-1 .card-header:hover {
  cursor: pointer;
}
#s-accordion .style-1 .card-body {
  background-color: var(--primary-color);
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-accordion .style-1 .card-body p {
  color: var(--white-text);
}
#s-accordion .style-2 .card-header::after {
  font-family: FontAwesome;
  content: "\f056";
  font-weight: 900;
  float: right;
}
#s-accordion .style-2 .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f055";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#s-accordion .style-2 .pt-card-wrapper {
  border: solid 1px #bfbfbf;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#s-accordion .style-2 .card-header.collapsed {
  background-color: transparent;
  color: var(--text-color);
}
#s-accordion .style-2 .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 15px 20px;
  border: 0;
}
#s-accordion .style-2 .card-header:hover {
  cursor: pointer;
}
#s-accordion .style-2 .card-body {
  background-color: transparent;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-accordion .style-2 .card-body p {
  color: var(--text-color);
}
#s-audio-video h5 {
  font-weight: 800;
  margin-bottom: 30px;
}
#s-map h2 {
  margin-bottom: 30px;
}
#s-testimonials .style-1 {
  background-color: #f7f7f7;
  padding: 130px 0;
}
#s-testimonials .style-1 .left-content {
  padding: 50px 0;
}
#s-testimonials .style-1 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#s-testimonials .style-1 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#s-testimonials .style-1 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#s-testimonials .style-1 .testimonial p {
  font-size: 17.5px;
}
#s-testimonials .style-1 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#s-testimonials .style-1 .star-rating {
  display: flex;
  align-items: center;
}
#s-testimonials .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#s-testimonials .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#s-testimonials .style-1 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#s-testimonials .style-1 .testimonial .user {
  display: flex;
}
#s-testimonials .style-1 .testimonial .user .profile {
  width: 80px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 33%;
  overflow: hidden;
}
#s-testimonials .style-1 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#s-testimonials .style-1 .owl-controls {
  position: absolute;
  left: -52%;
  top: 65%;
}
#s-testimonials .style-1 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-testimonials .style-1 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#s-testimonials .style-1 .name {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-1 .designation {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--primary-color);
}
#s-testimonials .style-2,
#s-testimonials .style-3 {
  padding: 130px 0;
}
#s-testimonials .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  margin-bottom: 0;
}
#s-testimonials .subtitle {
  font-size: 19px;
  margin-bottom: 50px;
}
#s-testimonials .style-2 .testimonial {
  position: relative;
  background-color: #f9f9f9;
  padding: 30px 30px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin-right: 30px;
}
#s-testimonials .style-2 .testimonial p {
  font-size: 18px;
}
#s-testimonials .style-2 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
  overflow: hidden;
}
#s-testimonials .style-2 .name {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-2 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 17px;
  margin-bottom: 1rem;
  display: block;
}
#s-testimonials .style-3 .testimonial {
  padding: 70px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: auto 10px;
}
#s-testimonials .style-3 .testimonial p {
  margin-bottom: 1.5rem;
  font-size: 18px;
}
#s-testimonials .style-3 .user {
  display: flex;
  width: 60%;
  margin: auto;
  overflow: hidden;
}
#s-testimonials .style-3 .user .profile {
  width: 80px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-testimonials .style-3 .user .detail {
  margin: auto 0;
  width: 70%;
  text-align: left;
}
#s-testimonials .style-3 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -30px;
  display: flex;
  margin: auto;
}
#s-testimonials .style-3 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#s-testimonials .style-3 .name {
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-3 .designation {
  font-size: 16px !important;
  font-weight: 400;
  margin-bottom: 0 !important;
}
#s-alerts h2 {
  margin-bottom: 30px;
}
#s-alerts .alert {
  border: none;
  border-radius: 5px;
  padding: 20px 50px;
}
#s-alerts .alert p {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 600;
  color: var(--white-text);
}
#s-alerts .alert i {
  font-size: 26px;
  padding-right: 40px;
  color: var(--white-text);
  vertical-align: middle;
}
#s-alerts .alert-primary {
  background-color: #56b0ee;
}
#s-alerts .alert-success {
  background-color: #3abc9b;
}
#s-alerts .alert-warning {
  background-color: #fcb53f;
}
#s-alerts .alert-danger {
  background-color: #fa7676;
}
#s-alerts .alert-danger::before,
#s-alerts .alert-success::before,
#s-alerts .alert-warning::before {
  display: none;
}
#s-tabs .tab-style-1 .card-header {
  background-color: transparent;
}
#s-tabs .tab-style-1 .tab-card {
  border: none;
}
#s-tabs .tab-style-1 .card-header {
  padding: 0.75rem 0.6rem;
  border-bottom: 1px solid #8e8e8e;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link:hover {
  border-radius: 0;
}
#s-tabs .tab-style-1 .nav-tabs .nav-item {
  padding-right: 10px;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link {
  border: solid 1px #8e8e8e;
  border-radius: 0;
  margin-bottom: 7px;
  font-size: 18px;
  padding: 12px 25px;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link.active {
  border-color: #8e8e8e #8e8e8e #fff;
  border-radius: 0;
  color: var(--primary-color);
  margin-bottom: 0;
  padding-bottom: 20px;
}
#s-tabs .tab-style-1 .tab-pane.active {
  border: solid 1px #8e8e8e;
  border-top: 0;
  padding: 25px !important;
}
#s-tabs .tab-style-2 .card-header {
  background-color: transparent;
}
#s-tabs .tab-style-2 .tab-card {
  border: none;
}
#s-tabs .tab-style-2 .card-header {
  padding: 0.75rem 0.6rem;
  border-bottom: 5px solid var(--primary-color);
}
#s-tabs .tab-style-2 .nav-tabs .nav-item {
  padding-right: 10px;
}
#s-tabs .tab-style-2 .nav-tabs .nav-link {
  border: solid 1px #8e8e8e;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  padding: 12px 25px;
  background-color: #f8f8f8;
}
#s-tabs .tab-style-2 .nav-tabs .nav-link.active {
  border-color: var(--primary-color);
  border-radius: 5px 5px 0 0;
  color: var(--white-text);
  background-color: var(--primary-color);
}
#s-tabs .tab-style-2 .tab-pane.active {
  border: solid 1px #8e8e8e;
  border-top: 0;
  padding: 25px !important;
}
#s-progress .progress-style-1,
#s-progress .progress-style-2,
#s-progress .progress-style-3,
#s-progress .progress-style-4 {
  margin-bottom: 50px;
}
#s-progress .progress-style-1 h6,
#s-progress .progress-style-2 h6,
#s-progress .progress-style-3 h6,
#s-progress .progress-style-4 h6 {
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--text-color);
  font-family: Lato, sans-serif;
}
#s-progress .progress {
  border-radius: 30px;
  overflow: visible;
  height: 7px;
}
#s-progress .progress-bar {
  border-radius: 30px;
  position: relative;
  overflow: visible;
  background-color: var(--primary-color);
}
#s-progress .progress span {
  position: absolute;
  bottom: -25px;
  font-size: 16px;
  line-height: 34px;
  border-radius: 50%;
  font-weight: 600;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px var(--primary-color);
  right: -1.4em;
  color: var(--primary-color);
  background-color: var(--white-text);
}
#s-carousels .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  margin-bottom: 0;
}
#s-carousels .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-carousels .style-1 {
  padding: 130px 0;
}
#s-carousels .style-1 .testimonial p {
  font-size: 17.5px;
}
#s-carousels .style-1 .testimonial {
  position: relative;
  background-color: #f9f9f9;
  padding: 30px 35px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin: 0 0 0 40px;
}
#s-carousels .style-1 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
}
#s-carousels .style-1 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  margin-bottom: 1rem;
  display: block;
}
#s-carousels .style-1 .name {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
#s-carousels .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #ccc;
}
#s-carousels .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ccc;
}
#s-carousels .style-1 .owl-theme .owl-nav {
  margin-top: 50px;
}
#s-carousels .style-2 .testimonial {
  padding: 70px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: 40px 10px 10px 40px;
}
#s-carousels .style-2 .testimonial p {
  margin-bottom: 1.5rem;
  font-size: 18px;
}
#s-carousels .style-2 .testimonial .name {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-carousels .style-2 .testimonial .designation {
  margin-bottom: 0;
  font-size: 17px;
}
#s-carousels .style-2 .user {
  display: flex;
  width: 60%;
  margin: auto;
}
#s-carousels .style-2 .user .profile {
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-carousels .style-2 .user .detail {
  margin: auto 0;
  width: 60%;
  text-align: left;
}
#s-carousels .style-2 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -30px;
  display: flex;
  margin: auto;
}
#s-carousels .style-2 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#s-carousels .style-3 {
  background-color: #f7f7f7;
  padding: 130px 0;
}
#s-carousels .style-3 .left-content {
  padding: 50px 0;
}
#s-carousels .style-3 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#s-carousels .style-3 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#s-carousels .style-3 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#s-carousels .style-3 .testimonial p {
  font-size: 17.5px;
}
#s-carousels .style-3 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#s-carousels .style-3 .star-rating {
  display: flex;
  align-items: center;
}
#s-carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#s-carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#s-carousels .style-3 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#s-carousels .style-3 .testimonial .user {
  display: flex;
}
#s-carousels .style-3 .testimonial .user .profile {
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-carousels .style-3 .testimonial .name {
  text-transform: capitalize;
  font-size: 20px;
}
#s-carousels .style-3 .testimonial .designation {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--primary-color);
}
#s-carousels .style-3 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#s-carousels .style-3 .owl-controls {
  position: absolute;
  left: -52%;
  top: 65%;
}
#s-carousels .style-3 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-carousels .style-3 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#s-carousels .style-4 {
  padding: 130px 0;
}
#s-carousels .style-4 .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#s-carousels .style-4 .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #ccc;
  z-index: 1;
}
#s-carousels .style-4 .owl-item.active:last-child .line::after {
  display: none;
}
#s-carousels .style-4 .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#s-carousels .style-4 .year {
  font-size: 22px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#s-carousels .style-4 h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#s-carousels .style-4 .owl-theme .owl-nav {
  margin-top: 30px;
}
#s-carousels .style-4 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-carousels .style-4 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #000c;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
#s-form .title {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--primary-color);
  display: block;
}
#s-form h2 {
  line-height: 52px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
#s-form .style-2 h2 {
  font-size: 40px;
}
#s-form .pt-form-element {
  height: 60px;
  border-radius: 0;
  padding: 0 20px;
}
#s-form textarea.pt-form-element {
  height: 200px;
  padding: 20px;
}
#s-form .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#s-form .style-1 .button-primary {
  font-weight: 700;
}
#s-form .style-1 .button-primary,
#s-form .style-2 .button-primary,
#s-form .style-3 .button-primary {
  margin-top: 30px;
  padding: 10px 30px;
}
#s-form .style-1 .button-primary {
  text-transform: capitalize;
}
#s-form .style-2 .form-wrapper {
  background-color: #f8faf9;
  padding: 60px;
}
#s-form .style-3 {
  background-image: linear-gradient(#020202ab, #020202ab),
    url(../assets/images/Img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 130px 0;
}
#s-form .style-3 h2 {
  color: #fff;
  font-size: 38px;
  margin-bottom: 0;
}
#s-form .style-3 .subtitle {
  color: #fff;
  display: block;
  margin-bottom: 30px;
}
#s-form .style-3 .form-wrapper {
  background-color: #fff;
  padding: 60px;
}
#s-form .style-3 .pt-form-element {
  height: 50px;
}
#s-form .style-3 textarea.pt-form-element {
  height: 130px;
}
#s-form .style-3 .custom-select {
  background: url(../themes/custom/manufacturer/assets/images/arrow-24.png)
    no-repeat right 0.75rem center !important;
}
#s-form .style-3 .custom-select {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#s-form .style-4 {
  margin-top: 200px;
  margin-bottom: 100px;
  padding: 100px 0;
  background-image: linear-gradient(#020202ab, #020202ab),
    url(../assets/images/Img-9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
}
#s-form .style-4 h2 {
  color: #fff;
}
#s-form .style-4 .image-wrapper {
  width: 370px;
  height: 500px;
  position: absolute;
  bottom: -100px;
  right: 10%;
}
#s-form .style-4 .button-primary {
  height: 100%;
  border-radius: 0;
}
#s-form .style-4 .pt-form-element {
  height: 45px;
  border-radius: 0;
  background-color: transparent;
  border-right: none;
}
#s-form .style-4 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff;
}
#s-pricing h2 {
  font-size: 38px;
  line-height: 42px;
}
#s-pricing p {
  font-size: 19px;
  margin-bottom: 10px;
  display: block;
}
#s-pricing .style-1 .subtitle {
  margin-bottom: 50px;
}
#s-pricing .style-1 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#s-pricing .style-1 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#s-pricing .style-1 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  text-transform: lowercase;
  color: #888;
}
#s-pricing .style-1 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#s-pricing .style-1 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#s-pricing .style-1 .pricing-item li:last-child {
  border-bottom: none;
}
#s-pricing .style-1 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 15px;
  left: 0;
  color: var(--primary-color);
}
#s-pricing .style-1 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 14px 40px;
}
#s-pricing .style-1 .pricing-item.highlighted .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .black-button {
  margin-top: 50px;
}
#s-pricing .style-1 .pricing-item.highlighted {
  margin: 0;
}
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#s-pricing .style-1 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 20px;
}
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper p,
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper span,
#s-pricing .style-1 .pricing-item.highlighted h3,
#s-pricing .style-1 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#s-pricing .style-2 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
  position: relative;
}
#s-pricing .style-2 .pricing-item .icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px 25px 40px 40px;
  -webkit-clip-path: circle(70% at 70% 20%);
  clip-path: circle(66% at 70% 27%);
  background-color: #e4e4e447;
}
#s-pricing .style-2 .pricing-item .icon {
  width: 35px;
  height: 40px;
  filter: brightness(0) invert(1);
}
#s-pricing .style-2 .pricing-item .icon img {
  width: 100%;
  height: 100%;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #000;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper p {
  color: #fff;
}
#s-pricing .style-2 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: #fff;
}
#s-pricing .style-2 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  text-transform: lowercase;
  color: #fff;
}
#s-pricing .style-2 .pricing-item ul {
  padding-left: 0;
  padding: 30px 30px 20px;
  margin-bottom: 0;
}
#s-pricing .style-2 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#s-pricing .style-2 .pricing-item li:last-child {
  border-bottom: none;
}
#s-pricing .style-2 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 15px;
  left: 0;
  color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: #000;
  border-color: #000;
}
#s-pricing .style-2 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-3 .pricing-item {
  border: solid 1px #ccc;
  border-radius: 30px;
  position: relative;
  margin: 40px 0;
}
#s-pricing .style-3 .pricing-item .plan-type {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
  display: block;
  padding: 25px 0;
  border-radius: 30px 30px 0 0;
  background-color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item h3 {
  font-size: 38px;
  line-height: 44px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  margin: 20px 0;
}
#s-pricing .style-3 .pricing-item h3 sub {
  bottom: 0;
  font-size: 34px;
  text-transform: capitalize;
}
#s-pricing .style-3 .pricing-item ul {
  padding-left: 0;
  padding: 0 0 20px;
  margin-bottom: 0;
}
#s-pricing .style-3 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
}
#s-pricing .style-3 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .style-3 .button-primary {
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 700;
  padding: 12px 25px;
  background-color: #0f253a;
  border-color: #0f253a;
}
#s-pricing .style-3 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-3 .pricing-item.highlighted h3 {
  color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item.highlighted ul li {
  color: var(--white-text);
}
#s-pricing .style-3 .pricing-item.highlighted {
  background-color: #0f253a;
}
#s-pricing .style-3 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-table h2 {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-align: center;
}
#s-table p {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
#s-table .table-1 thead {
  background-color: var(--primary-color);
  color: var(--white-text);
}
thead > tr {
  border-bottom: none !important;
}
#s-table .table-1 tr {
  border-bottom: none !important;
}
#s-table .table-1 th {
  border-bottom: 0;
  background-color: transparent;
}
#s-table .table-1 td {
  border-top: 0;
}
#s-table .table-1 td,
#s-table .table-1 th {
  font-size: 20px;
  padding: 15px 25px;
  font-weight: 500;
  border-color: transparent;
}
#s-table .table-1 tbody tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
#s-table .table-1 tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
#s-table .table-2 thead {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#s-table .table-2 tr {
  border-bottom: none !important;
}
#s-table .table-2 th {
  border-bottom: 0;
  border-color: transparent;
  background-color: transparent;
}
#s-table .table-2 td {
  border-top: 0;
  border-color: transparent;
}
#s-table .table-2 td,
#s-table th {
  font-size: 20px;
  padding: 15px 25px;
  font-weight: 500;
}
#s-table .table-2 tbody tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
#s-table .table-2 tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
#s-table .table-2 td.fit,
#s-table .table-2 th.fit {
  white-space: nowrap;
  width: 42%;
}
#s-table .table-3 th {
  background-color: transparent;
  color: var(--text-color);
}
#s-table .table-3 {
  border: 1px solid #dee2e6;
}
#s-table .table-3 th {
  background-color: #f5f5f5 !important;
}
#s-table .table-3 td,
#s-table .table-3 th {
  font-size: 20px;
  padding: 15px 90px;
  font-weight: 500;
  border-color: #f5f5f5;
  background-color: #fff;
}
#s-table .table-3 th {
  border-bottom: 0;
}
#s-table .table-3 thead {
  background-color: #f5f5f5;
}
#s-table .table-3 tr > td,
#s-table .table-3 tr > th {
  border-right: 1px solid #dee2e6;
}
#s-table .table-3 tr > td:last-child,
#s-table .table-3 tr > th:last-child {
  border-right: 0;
}
#s-table .table-4 th {
  background-color: transparent;
  color: var(--text-color);
}
#s-table .table-4 {
  border: 1px solid #dee2e6;
}
#s-table .table-4 th {
  background-color: #f5f5f5 !important;
}
#s-table .table-4 td,
#s-table .table-4 th {
  font-size: 20px;
  padding: 15px 85px;
  font-weight: 500;
  border-color: #f5f5f5;
  background-color: #fff;
}
#s-table .table-4 th {
  border-bottom: 0;
}
#s-table .table-4 thead {
  background-color: #f5f5f5;
  color: var(--text-color);
}
#s-table .table-4 tr > td,
#s-table .table-4 tr > th {
  border-right: 1px solid #dee2e6;
}
#s-table .table-4 tr > td:last-child,
#s-table .table-4 tr > th:last-child {
  border-right: 0;
}
#s-services .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#s-services .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-services .style-1 .service-item {
  position: relative;
  margin-bottom: 30px;
  min-height: 420px;
}
#s-services .style-1 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#s-services .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-1 .content-wrapper {
  padding: 30px;
  padding-top: 40px;
  margin: 0 20px;
  border-top: solid 2px var(--primary-color);
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#s-services .style-1 .content-wrapper h6 {
  text-transform: capitalize;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-1 .content-wrapper p {
  margin-bottom: 0;
}
#s-services .style-1 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
  position: absolute;
  top: -30px;
  overflow: hidden;
}
#s-services .style-1 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-2 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-services .style-2 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#s-services .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-2 .content-wrapper {
  padding: 30px 25px;
  padding-top: 70px;
  background-color: #fff;
  position: relative;
}
#s-services .style-2 .content-wrapper .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-flex;
}
#s-services .style-2 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-2 .content-wrapper h6 {
  font-size: 22px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-2 .content-wrapper p {
  margin-bottom: 30px;
}
#s-services .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #f7f7f7;
}
#s-services .style-3 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-services .style-3 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-3 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-services .style-3 .service-item .image-wrapper {
  overflow: hidden;
  height: 300px;
}
#s-services .style-3 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-3 .content-wrapper {
  padding: 30px;
  background-color: #fff;
  position: relative;
  border: solid 1px #ccc;
}
#s-services .style-3 .content-wrapper .service-title {
  display: flex;
  width: 100%;
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  justify-content: center;
}
#s-services .style-3 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
}
#s-services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 30px;
  background-color: #333;
}
#s-services .style-3 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  height: 100%;
  color: var(--white-text);
}
#s-services .style-3 .content-wrapper h6 {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-3 .content-wrapper p {
  font-size: 17.5px;
}
#s-services .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
#s-services .style-3 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 700;
  line-height: 12px;
  font-family: FontAwesome;
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  padding-left: 15px;
  -webkit-font-smoothing: antialiased;
}
#s-projects .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#s-projects .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-projects .style-1 .project-item {
  position: relative;
  margin-bottom: 30px;
  min-height: 420px;
}
#s-projects .style-1 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#s-projects .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-1 .content-wrapper {
  padding: 30px;
  margin: 0 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-projects .style-1 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 600;
}
#s-projects .style-1 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#s-projects .style-1 .project-item:hover .content-wrapper a,
#s-projects .style-1 .project-item:hover .content-wrapper h4,
#s-projects .style-1 .project-item:hover .content-wrapper i,
#s-projects .style-1 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#s-projects .style-1 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
  font-size: 16px;
}
#s-projects .style-1 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#s-projects .style-1 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#s-projects .style-1 .content-wrapper .icons {
  display: flex;
  position: absolute;
  top: -130px;
  left: 0;
  right: 0;
  justify-content: center;
}
#s-projects .style-1 .content-wrapper .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects
  .style-1
  .project-item:hover
  .content-wrapper
  .icons
  .icon-link:nth-child(1) {
  transform: scale(1);
  transition-delay: 0.1s;
}
#s-projects
  .style-1
  .project-item:hover
  .content-wrapper
  .icons
  .icon-link:nth-child(2) {
  transform: scale(1);
  transition-delay: 0.3s;
}
#s-projects .style-1 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#s-projects .style-1 .content-wrapper .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#s-projects .style-2 {
  background-color: #f8f8f8;
}
#s-projects .style-2 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#s-projects .style-2 .image-wrapper {
  height: 300px;
  background-color: #ccc;
  overflow: hidden;
}
#s-projects .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-2 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .content {
  background-color: transparent;
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .project-item:hover .content {
  opacity: 1;
  transform: scale(1);
}
#s-projects .style-2 .top-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#s-projects .style-2 .bottom-content {
  background-color: #fff;
  padding: 30px;
  width: 100%;
}
#s-projects .style-2 .bottom-content p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 18px;
}
#s-projects .style-2 .project-item:hover .content-wrapper {
  opacity: 0.8;
  transform: scale(1);
}
#s-projects .style-2 .content .icon-link {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .content .icon-link i {
  color: var(--white-text);
}
#s-projects .style-3 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#s-projects .style-3 .image-wrapper {
  height: 550px;
  background-color: #ccc;
  overflow: hidden;
}
#s-projects .style-3 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#s-projects .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#s-projects .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  padding: 0 30px;
}
#s-projects .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#s-projects .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#s-projects .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
#s-projects .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#s-teams .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
}
#s-teams .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
  text-transform: capitalize;
}
#s-teams .button-primary {
  padding: 12px 30px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
  text-transform: capitalize;
}
#s-teams .style-1 .team-member {
  margin-bottom: 30px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-1 .team-member:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-teams .style-1 .image-wrapper {
  height: 330px;
  overflow: hidden;
}
#s-teams .style-1 .image-wrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#s-teams .style-1 .team-member-details {
  text-align: center;
  position: relative;
  z-index: 2;
  background-color: var(--white-text);
}
#s-teams .style-1 .team-member-details .name {
  width: 100%;
  padding: 15px 0;
  margin-bottom: 15px;
  text-align: center;
  background-color: var(--primary-color);
}
#s-teams .style-1 .team-member-details .name h6 {
  margin-bottom: 0;
  color: var(--white-text);
}
#s-teams .style-1 .team-member-details p {
  font-size: 20px;
}
#s-teams .style-1 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding-bottom: 15px;
  margin-bottom: 0;
  justify-content: center;
}
#s-teams .style-1 .team-member-details ul li {
  padding: 0 7px;
}
#s-teams .style-1 .team-member-details ul a {
  font-size: 18px;
}
#s-teams .style-2 .team-member {
  margin-bottom: 30px;
  border: solid 1px #ccc;
}
#s-teams .style-2 .image-wrapper {
  height: 300px;
  overflow: hidden;
}
#s-teams .style-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#s-teams .style-2 .team-member-details {
  padding: 40px 30px 30px;
  position: relative;
}
#s-teams .style-2 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding: 5px 15px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: #333;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-2 .team-member-details ul li {
  padding: 0 14px;
}
#s-teams .style-2 .team-member-details ul a {
  font-size: 18px;
  color: var(--white-text);
}
#s-teams .style-2 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-2 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#s-teams .style-2 .team-member:hover .team-member-details ul {
  background-color: var(--primary-color);
}
#s-teams .style-2 .team-member:hover .team-member-details h6 {
  color: var(--primary-color);
  text-transform: capitalize;
}
#s-teams .style-3 .team-member {
  margin-bottom: 30px;
}
#s-teams .style-3 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#s-teams .style-3 .team-member img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-teams .style-3 .team-member:hover img {
  transform: scale(1.2);
}
#s-teams .style-3 .team-member-details {
  text-align: center;
  padding: 30px;
  position: relative;
}
#s-teams .style-3 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: -80px;
}
#s-teams .style-3 .team-member-details ul a {
  font-size: 16px;
  color: var(--white-text);
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-teams .style-3 .team-member:hover .team-member-details ul a {
  transform: scale(1);
  transition-delay: 0.1s;
}
#s-teams .style-3 .team-member-details h6 {
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-3 .team-member-details p {
  font-size: 18px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
}
#s-blogs .style-1 #s-blogs .style-2 #s-blogs .style-3 {
  padding: 100px 0;
}
#s-blogs .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#s-blogs .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#s-blogs .style-1 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-1 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-1 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#s-blogs .style-1 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-1 .content-wrapper {
  padding: 0 0 30px;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-1 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: var(--primary-color);
  padding: 10px 25px;
  justify-content: flex-start;
}
#s-blogs .style-1 .blog-detail .date-comments {
  padding-right: 20px;
}
#s-blogs .style-1 .blog-detail .date-comments:last-child {
  padding-right: 0;
}
#s-blogs .style-1 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 15px;
  color: var(--white-text);
}
#s-blogs .style-1 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#s-blogs .style-1 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-1 .content-wrapper p {
  font-size: 18px;
}
#s-blogs .style-1 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-transform: capitalize;
}
#s-blogs .style-1 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 900;
  font-size: 14px;
  font-family: FontAwesome;
  padding-left: 10px;
}
#s-blogs .style-2 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-2 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-2 .blog-item .image-wrapper {
  overflow: hidden;
  height: 320px;
  background-color: #f7f7f7;
}
#s-blogs .style-2 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-2 .content-wrapper {
  padding: 30px 0;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-2 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
#s-blogs .style-2 .blog-detail .date span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-color);
}
#s-blogs .style-2 .content-wrapper h6 {
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-2 .content-wrapper p {
  font-size: 17.5px;
}
#s-blogs .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
}
#s-blogs .style-2 .blog-list-item {
  margin-bottom: 30px;
  min-height: 130px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-2 .blog-list-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-2 .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#s-blogs .style-2 .blog-list-item .image-wrapper img {
  transition: 0.5s ease;
}
#s-blogs .style-2 .blog-list-item .right {
  padding-left: 30px;
}
#s-blogs .style-2 .blog-list-item .content-wrapper {
  padding: 0;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-2 .blog-list-item .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#s-blogs .style-2 .blog-list-item .content-wrapper h6 {
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-2 .blog-list-item .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-2 .blog-list-item .content-wrapper p {
  color: #333;
}
#s-blogs .style-2 .blog-list-item .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
}
#s-blogs .style-3 .blog-item {
  margin-bottom: 30px;
  min-height: 500px;
  border: solid 1px #ccc;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-3 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-blogs .style-3 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-3 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#s-blogs .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-3 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 40px 15px 30px;
}
#s-blogs .style-3 .content-wrapper .blog-detail {
  display: flex;
  width: 85%;
  position: absolute;
  left: 0;
  top: -25px;
  padding: 10px 20px;
  justify-content: flex-start;
  background-color: var(--primary-color);
}
#s-blogs .style-3 .blog-detail .date-comments {
  padding-right: 20px;
}
#s-blogs .style-3 .blog-detail .date-comments:last-child {
  padding-right: 0;
}
#s-blogs .style-3 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 26px;
  color: var(--white-text);
}
#s-blogs .style-3 .blog-detail i {
  color: var(--white-text);
  padding-right: 3px;
}
#s-blogs .style-3 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-3 .content-wrapper p {
  color: #333;
}
#s-blogs .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
}
#header .header-1,
#header .header-2,
#header .header-3,
#header .header-4,
#header .header-5 {
  display: none;
}
#header .header-1.active,
#header .header-2.active,
#header .header-3.active,
#header .header-4.active,
#header .header-5.active {
  display: block;
}
#header .header-5 {
  position: fixed;
  width: 100%;
  z-index: 500;
}
#header .header-5.remove {
  position: relative !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  box-shadow: none !important;
}
.header-1,
.header-2,
.header-3,
.header-4,
.header-5 {
  display: none;
}
.header-1.active,
.header-2.active,
.header-3.active,
.header-4.active,
.header-5.active {
  display: block;
}
#pt-header .dropdown-menu {
  border: solid 1px #ccc;
  border-bottom: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
}
#pt-header .dropdown-menu a {
  border-bottom: solid 1px #ccc;
  padding: 15px 20px;
  font-weight: 400;
}
.header-1 .toggle-icon {
  display: none;
}
.header-1 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 29px;
}
.header-1 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-1 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-1 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-1 #top-header {
  background-color: #e4e7e7;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-1 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-1 #top-header .wrapper .right-side {
  display: flex;
  justify-content: space-between;
}
.header-1 #top-header .wrapper a,
.header-1 #top-header .wrapper span {
  font-size: 16px;
  line-height: 26px;
  font-family: Lato, sans-serif;
}
.header-1 #top-header .language {
  padding: 0;
  padding-left: 10px;
}
.header-1 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
  color: var(--primary-color);
}
.header-1 .brand-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-1 .branding {
  width: 65%;
}
.header-1 .brand-header .contact-info {
  display: flex;
  float: right;
}
.header-1 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  align-items: center;
  display: flex;
  border: solid 2px #ccc;
  border-radius: 50%;
  justify-content: center;
}
.header-1 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-1 .brand-header .contact-links a {
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-size: 19px;
}
.header-1 .brand-header .contact-links h6 {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
}
.header-1 #main {
  background-color: var(--bg-color);
  padding-top: 0;
  padding-bottom: 0;
}
.header-1 #main .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  padding: 15px;
}
.header-1 #main .menu-link:hover {
  color: var(--primary-color);
}
.header-1 #main .container-fluid {
  width: 90%;
}
.header-1 #main .dropdown-menu a {
  color: var(--text-color);
}
.header-1 #main .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-1 #main .language-wrapper {
  display: none;
}
.header-1 #top-header .form-group {
  margin-bottom: 0;
}
.header-1 #top-header .language-wrapper {
  padding-left: 10px;
}
.form-control.lang-dropdown-select-element {
  color: var(--text-color);
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  line-height: 28px;
  height: auto;
  padding-left: 10px;
  display: inline-block;
  font-weight: 500;
  width: 100% !important;
}
.form-control.lang-dropdown-select-element::after {
  display: none;
}
.form-control.lang-dropdown-select-element option {
  color: var(--text-color);
  padding: 10px;
}
.header-2 #main-2.shrink {
  background-color: var(--bg-color);
}
.header-3 #main-3.shrink {
  background-color: var(--white-text);
}
.header-4 #main-4.shrink {
  background-color: var(--primary-color);
  bottom: unset;
}
.header-w-1.shrink.stricky,
.header-w-2.shrink.stricky,
.header-w-3.shrink.stricky,
.header-w-4.shrink.stricky,
.header-w-5.shrink.stricky {
  position: fixed;
  top: 0;
  animation: 0.8s 0.18s fadeInDown both;
  box-shadow: 0 -2px 10px 1px rgba(0, 0, 0, 0.3);
  z-index: 100;
  width: 100%;
  background-color: #fff;
}
.user-logged-in .header-w-1.shrink.stricky,
.user-logged-in .header-w-2.shrink.stricky,
.user-logged-in .header-w-3.shrink.stricky,
.user-logged-in .header-w-4.shrink.stricky,
.user-logged-in .header-w-5.shrink.stricky {
  top: 78px;
}
.user-logged-in .header-5 #main-5.shrink {
  background-color: var(--white-text);
}
.header-2 .toggle-icon {
  display: none;
}
.header-2 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color);
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 18px 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
.header-2 .btn-primary.nav-link:hover {
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-text);
}
.header-2 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-2 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-2 #top-header {
  background-color: #e4e7e7;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 16px;
  position: relative;
}
.header-2 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-2 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-2 #top-header .top-right {
  position: absolute;
  width: 58%;
  padding: 15px;
  background-color: transparent;
  top: 0;
  right: 0;
  display: flex;
  justify-content: space-evenly;
  /* -webkit-clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
    clip-path: polygon(100% -1500%, 0 100%, 100% 99%);*/
}
.header-2 #top-header .top-right::after {
  background-color: var(--primary-color);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  -webkit-clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
  clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
}
.header-2 #top-header .top-right span,
.header-2 #top-header .top-right ul li a {
  color: var(--white-text);
}
.header-2 #top-header .top-right ul.navbar-language li a,
.header-4 #top-header .wrapper a.dropdown-item {
  color: #000;
}
.header-2 #top-header .top-right ul.navbar-language li a.dropdown-toggle,
.header-3 .navbar-language a.dropdown-toggle {
  color: #fff;
}
.header-2 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-2 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-2 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-2 #top-header .wrapper {
  display: flex;
  margin: auto;
  max-width: 1140px;
}
.header-2 .brand-header {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: var(--white-text);
}
.header-2 .branding {
  width: 100%;
}
.header-2 .brand-header .contact-info {
  display: flex;
}
.header-2 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin: auto;
  align-items: center;
  display: flex;
  border: solid 2px #ccc;
  justify-content: center;
}
.header-2 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-2 .brand-header .contact-links a {
  font-weight: 400;
}
.header-2 .brand-header .contact-links h6 {
  color: var(--primary-color);
}
.header-2 #main-2 {
  padding-bottom: 0;
  padding-top: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.header-2 #main-2 .navbar-collapse {
  background-color: var(--bg-color);
}
.header-2 #main-2 .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 18px 20px;
}
.header-2 #main-2 .menu-link:hover {
  color: var(--white-text);
  background-color: var(--primary-color);
}
.header-2 #main-2 .container-fluid {
  width: 90%;
}
.header-2 #main-2 .dropdown-menu a {
  color: var(--text-color);
}
.header-2 #main-2 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-2 #main-2 .language-wrapper {
  display: none;
}
.header-2 #top-header .form-group {
  margin-bottom: 0;
}
.header-2 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-2 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
}
.header-3 .toggle-icon {
  display: none;
}
.header-3 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  text-transform: uppercase !important;
}
.header-3 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-3 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 700;
  vertical-align: middle;
  border: none !important;
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.header-3 .dropdown-item:hover,
.header-3 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-3 #top-header {
  background-color: var(--bg-color);
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-3 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-3 #top-header .wrapper .left {
  display: flex;
}
.header-3 #top-header .wrapper .left a {
  color: var(--white-text);
  padding-right: 15px;
  font-weight: 400;
  font-size: 18px;
  font-family: Lato, sans-serif;
}
.header-3 #top-header .wrapper .left a:last-child {
  padding-right: 0;
}
.header-3 #top-header .wrapper .left a:hover {
  color: var(--primary-color);
}
.header-3 #top-header .wrapper .left a i {
  padding-right: 10px;
}
.header-3 #top-header .wrapper .right {
  display: flex;
}
.header-3 #top-header .wrapper .right span {
  color: var(--white-text);
  font-weight: 600;
  font-weight: 400;
  font-size: 18px;
  font-family: Lato, sans-serif;
}
.header-3 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-3 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-3 .brand-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-3 .branding {
  width: 70%;
}
.header-3 .brand-header .contact-info {
  display: flex;
}
.header-3 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin: auto;
  margin-right: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.header-3 .brand-header .icon span {
  font-size: 58px;
}
.header-3 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-3 .brand-header .contact-links span {
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  float: right;
}
.header-3 .brand-header .contact-links p {
  float: right;
}
.header-3 #main-3 {
  padding-top: 0;
  padding-bottom: 0;
  border-top: solid 1px #ccc;
}
.header-3 #main-3 .menu-link {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  padding: 15px;
}
.header-3 #main-3 .menu-link:hover {
  color: var(--primary-color);
}
.header-3 #main-3 .container-fluid {
  width: 90%;
}
.header-3 #main-3 .dropdown-menu a {
  color: var(--text-color) !important;
}
.header-3 #main-3 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-3 #main-3 .language-wrapper {
  display: none;
}
.header-3 #top-header .form-group {
  margin-bottom: 0;
}
.header-3 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-3 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
.header-4 {
  position: relative;
}
.header-4 .toggle-icon {
  display: none;
}
.header-4 .btn-primary.nav-link {
  background-color: var(--bg-color) !important;
  color: var(--white-text);
  font-weight: 600;
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 29px;
}
.header-4 .btn-primary.nav-link:hover {
  border-color: var(--primary-color);
  color: var(--white-text);
}
.header-4 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-4 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-4 #top-header {
  background-color: var(--bg-color);
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-4 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-4 #top-header .wrapper a,
.header-4 #top-header .wrapper span {
  color: var(--white-text);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 17px;
  font-family: Lato, sans-serif;
}
.header-4 #top-header .top-right {
  display: flex;
}
.header-4 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-4 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-4 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-4 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-4 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-4 .brand-header {
  padding-top: 35px;
  padding-bottom: 70px;
  background-color: var(--white-text);
  position: relative;
}
.header-4 .branding {
  width: 75%;
}
.header-4 .brand-header .contact-info {
  display: flex;
}
.header-4 .brand-header .icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  align-items: flex-start;
  display: flex;
  justify-content: center;
}
.header-4 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-4 .brand-header .contact-links a {
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-size: 20px;
}
.header-4 .brand-header .contact-links h6 {
  color: var(--primary-color);
  margin-bottom: 0;
}
.header-4 #main-4 {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
}
.header-4 #main-4 .navbar-collapse {
  background-color: var(--primary-color);
  z-index: 100;
}
.header-4 #main-4 .menu-item {
  padding: 0 15px;
}
.header-4 #main-4 .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 15px 0 13px 0;
  border-bottom: solid 5px transparent;
}
.header-4 #main-4 .menu-link:hover {
  color: var(--white-text);
  border-color: var(--white-text);
}
.header-4 #main-4 .container-fluid {
  width: 90%;
}
.header-4 #main-4 .dropdown-menu a {
  color: var(--text-color);
}
.header-4 #main-4 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-4 #main-4 .language-wrapper {
  display: none;
}
.header-4 #top-header .form-group {
  margin-bottom: 0;
}
.header-4 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-4 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
.header-5 .toggle-icon {
  display: block;
}
.header-5 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 29px;
  margin-top: auto;
  margin-bottom: auto;
}
.header-5 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-5 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-5 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-5 #top-header {
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-5 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-5 #top-header .wrapper a,
.header-5 #top-header .wrapper span {
  color: var(--white-text);
}
.header-5 #top-header .navbar-language .dropdown a {
  color: #000;
}
.header-5 #top-header .top-right {
  display: flex;
}
.header-5 #top-header .language {
  padding: 0;
  padding-left: 10px;
}
.header-5 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-5 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-5 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-5 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-5 .brand-header .row {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-5 .brand-header .wrapper {
  display: flex;
  justify-content: space-between;
  padding: 5px 35px;
}
.header-5 .branding {
  width: 35%;
}
.header-5 #main-5 {
  padding-top: 0;
  padding-bottom: 0;
}
.header-5 #main-5 .container-fluid {
  background-color: #fff;
  border-top: solid 1px #ccc;
}
.header-5 #main-5 .collapse {
  justify-content: center;
}
.header-5 #main-5 .menu-link {
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 15px 15px 13px 15px;
  border-bottom: solid 5px transparent;
}
.header-5 #main-5 .menu-link:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.header-5 #main-5 .container-fluid {
  width: 92%;
}
.header-5 #main-5 .dropdown-menu a {
  color: var(--text-color);
}
.header-5 #main-5 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-5 #main-5 .language-wrapper {
  display: none;
}
.header-5 .right-navigation {
  display: none;
}
.header-5 #top-header .form-group {
  margin-bottom: 0;
}
.header-5 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-5 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
#experience_style_1 {
  min-height: 380px;
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_1 span {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 18.5px;
  font-weight: 400;
  margin-bottom: 15px;
  display: block;
}
#experience_style_1 h2 {
  color: var(--white-text);
  text-transform: inherit;
  font-size: 42px;
  font-weight: 800;
  line-height: 52px;
  margin-bottom: 30px;
}
#experience_style_1 a {
  text-transform: capitalize;
  padding: 12px 35px;
  font-weight: 600;
  font-size: 17px;
}
#experience_style_2 {
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_2 .icon {
  margin-bottom: 30px;
}
#experience_style_2 h2 {
  color: var(--white-text);
  text-transform: capitalize;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 15px;
}
#experience_style_2 p {
  color: var(--white-text);
  font-size: 22px;
  width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
#experience_style_2 a {
  text-transform: capitalize;
  padding: 10px 25px;
  font-weight: 600;
  font-size: 17px;
  border-radius: 0;
  margin: 0 3px;
}
#experience_style_2 a.active {
  background-color: transparent;
  color: var(--primary-color);
}
#experience_style_2 a.active:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#experience_style_4 {
  padding: 180px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_4 .icon {
  margin-bottom: 30px;
}
#experience_style_4 h2 {
  color: var(--white-text);
  text-transform: capitalize;
  font-size: 38px;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 15px;
  margin-bottom: 50px;
}
#experience_style_4 p {
  color: var(--white-text);
  font-size: 22px;
  width: 70%;
  margin: auto;
  margin-bottom: 50px;
}
#experience_style_4 a {
  text-transform: capitalize;
  padding: 10px 25px;
  font-weight: 600;
  font-size: 17px;
  border-radius: 0;
  margin: 0 3px;
}
#experience_style_4 a.active {
  background-color: transparent;
  color: var(--primary-color);
}
#experience_style_4 a.active:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#experience_style_5.section-130 {
  padding-bottom: 0;
}
#experience_style_5 span {
  text-transform: capitalize;
  display: block;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 19px;
}
#experience_style_5 h2 {
  font-size: 38px;
  font-weight: 800;
  line-height: 50px;
}
#slider #slider-style-1 {
  position: relative;
}
#slider.header-variation-5 #slider-style-1 .slider-wrapper {
  padding-top: 400px !important;
}
#slider #slider-style-1 .slider-wrapper {
  min-height: 700px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
.header-variation-5 #slider #slider-style-1 .slider-wrapper {
  padding-top: 350px;
}
#slider #slider-style-1 span {
  color: var(--white-text);
  padding: 2px 10px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
#slider #slider-style-1 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
}
#slider #slider-style-1 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-1 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 15px;
  font-size: 18px;
  padding: 12px 25px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-1 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-1 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-1 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-2 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-2 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-4 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-4 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-5 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-5 .owl-theme .owl-nav .owl-prev i {
  color: var(--white-text) !important;
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-2 {
  position: relative;
}
#slider #slider-style-2 .slider-wrapper {
  min-height: 700px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
#slider #slider-style-2 span {
  color: var(--white-text);
  padding: 2px 10px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
#slider #slider-style-2 .content-wrapper {
  position: relative;
}
#slider #slider-style-2 .content {
  padding: 100px 80px;
  position: relative;
  z-index: 2;
}
#slider #slider-style-2 .border-design {
  border: solid 15px var(--primary-color);
  height: 100%;
  width: 340px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#slider #slider-style-2 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#slider #slider-style-2 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-2 a {
  color: var(--primary-color);
  background-color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-2 a:hover {
  background-color: transparent;
  color: var(--white-text);
  border-color: var(--white-text);
}
#slider #slider-style-2 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-2 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-3 {
  position: relative;
}
#slider #slider-style-3 .slider-wrapper {
  min-height: 700px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
#slider #slider-style-3 .content-wrapper {
  background-color: rgb(255, 255, 255, 0.8);
  padding: 40px 30px;
  margin-right: 70px;
}
#slider #slider-style-3 span {
  color: var(--text-color);
  text-transform: capitalize;
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  font-family: Lato, sans-serif;
}
#slider #slider-style-3 h2 {
  color: var(--primary-color);
  font-size: 42px;
  font-weight: 900;
  line-height: 52px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#slider #slider-style-3 p {
  font-size: 19px;
  margin-bottom: 20px;
  color: var(--text-color);
}
#slider #slider-style-3 a {
  color: var(--primary-color);
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  border: solid 2px var(--primary-color);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-3 a:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#slider #slider-style-3 .owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  margin-top: 0;
  bottom: 15px;
}
#slider #slider-style-3 .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
}
#slider #slider-style-3 .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--white-text);
}
#slider #slider-style-4 {
  position: relative;
  height: 600px;
}
#slider #slider-style-4 .slider-wrapper {
  min-height: 600px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 170px 0;
}
#slider #slider-style-4 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
}
#slider #slider-style-4 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-4 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 20px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-4 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-4 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.5);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.9);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-4 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-5 {
  position: relative;
}
#slider #slider-style-5 .slider-wrapper {
  min-height: 700px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 300px 0 330px;
}
#slider #slider-style-5 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 60px;
  margin-bottom: 30px;
  width: 80%;
}
#slider #slider-style-5 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-5 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 25px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-5 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-5 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.5);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.9);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-5 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#services .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#services .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#services .style-1 .service-item {
  position: relative;
  margin-bottom: 40px;
  min-height: 420px;
}
#services .style-1.grid-2 .service-item {
  min-height: 480px;
}
#services .style-1.grid-1 .service-item {
  min-height: 750px;
}
#services .style-1 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-1.grid-1 .service-item:hover .image-wrapper img {
  transform: scale(1.05);
}
#services .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#services .custom-pager {
  padding-bottom: 0;
  padding-top: 50px;
}
#services .style-1.grid-1 .image-wrapper {
  height: 470px;
}
#services .style-1.grid-2 .image-wrapper {
  height: 350px;
}
#services .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#services .style-1.grid-1 .content-wrapper h6 {
  font-size: 22px;
  font-weight: 600;
}
#services .style-1.grid-1 .content-wrapper {
  padding-top: 60px;
}
#services .style-1 .content-wrapper {
  padding: 30px;
  padding-top: 40px;
  margin: 0 20px;
  border-top: solid 2px var(--primary-color);
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  z-index: 2;
  animation: 0.5s 0.1s fadeIn both;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-1.grid-1 .content-wrapper {
  margin: 0 50px;
  top: 420px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
}
#services .style-1.grid-2 .content-wrapper {
  margin: 0 30px;
  padding-top: 50px;
}
#services .style-1.grid-3 .content-wrapper {
  padding-top: 55px;
}
#services .style-1.grid-3 .service-item {
  min-height: 440px;
}
#services .style-1 .content-wrapper h6 {
  text-transform: capitalize;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-1 .content-wrapper p {
  margin-bottom: 0;
}
#services .style-1 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  padding: 10px;
  background-color: var(--primary-color);
  position: absolute;
  top: -30px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
#services .style-1 .content-wrapper .icon span {
  width: 100%;
  height: 100%;
  font-size: 40px;
  filter: brightness(0) invert(1);
}
#services .style-1 .content-wrapper .link-to {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 15px;
  display: inline-block;
  margin-top: 20px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transform: scale(0);
  display: none;
}
#services .style-1.grid-1 .content-wrapper .link-to {
  display: inline-block;
  transform: scale(1);
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
}
#services .style-1.grid-1 .content-wrapper:hover .link-to {
  animation: none;
}
#services .style-1 .content-wrapper:hover .link-to {
  display: inline-block;
  transform: scale(1);
  animation: 0.5s 0.1s fadeIn both;
}
#services .style-2 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-2 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#services .style-2 .image-wrapper img {
  transition: 0.5s ease;
}
#services .style-2 .content-wrapper {
  padding: 25px;
  padding-top: 70px;
  background-color: #fff;
  position: relative;
}
#services .style-2 .content-wrapper .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-flex;
}
#services .style-2 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  object-fit: contain;
  margin: auto;
}
#services .style-2 .content-wrapper h6 {
  font-size: 22px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-1.grid-2 .content-wrapper h6 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}
#services .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-2 .content-wrapper p {
  margin-bottom: 30px;
}
#services .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #f7f7f7;
}
#services .style-3 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-3 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-3 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-3 .service-item .image-wrapper {
  overflow: hidden;
  height: 230px;
}
#services .style-3 .image-wrapper img {
  transition: 0.5s ease;
}
#services .style-3 .content-wrapper {
  padding: 27px;
  background-color: #fff;
  position: relative;
  border: solid 1px #ccc;
}
#services .style-3 .content-wrapper .service-title {
  display: flex;
  width: 100%;
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  justify-content: center;
}
#services .style-3 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
}
#services .style-3 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
}
#services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 30px;
  background-color: #333;
}
#services .style-3 .content-wrapper h6 {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-3 .content-wrapper p {
  font-size: 18px;
}
#services .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
#services .style-3 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 700;
  line-height: 20px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#services .style-4 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-4 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-4 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-4 .service-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  width: 100%;
}
#services .style-4 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  object-fit: cover;
}
#services .style-4 .content-wrapper {
  padding: 20px;
  background-color: var(--primary-color);
  position: relative;
  display: flex;
}
#services .style-4 .content-wrapper .icon {
  padding-right: 20px;
}
#services .style-4 .content-wrapper h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-5 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-5 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#services .style-2 .image-wrapper img {
  transition: 0.5s ease;
}
#service-style-5 {
  padding: 60px 0;
  position: relative;
  z-index: 5;
}
#service-style-5 .style-5 {
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  right: 0;
  margin: auto;
}
.user-logged-in #service-style-5 .style-5 {
  top: -240px;
}
#service-style-5 .style-5 .content-wrapper {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#service-style-5 .style-5 .image-wrapper {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
#service-style-5 .style-5 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.5;
}
#service-style-5 .style-5 .content-wrapper h6 {
  font-size: 20px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#service-style-5 .style-5 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#service-style-5 .style-5 .content-wrapper p {
  margin-bottom: 30px;
}
#service-style-5 .style-5 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  color: var(--primary-color);
}
#service-style-5 .style-5 .content {
  padding: 30px 10px;
  text-align: center;
}
#teams .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#teams .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#teams .button-primary {
  padding: 12px 30px;
  color: #fff;
  display: inline-block;
  text-transform: capitalize;
}
#teams .style-1 .team-member {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#teams .style-1 .team-member:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#teams .style-1 .image-wrapper {
  height: 330px;
  overflow: hidden;
}
#teams .style-1 .image-wrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#teams .style-1 .team-member-details {
  text-align: center;
  position: relative;
  z-index: 2;
}
#teams .style-1 .team-member-details .name {
  width: 100%;
  padding: 15px 0;
  margin-bottom: 15px;
  text-align: center;
  background-color: var(--primary-color);
}
#teams .style-1 .team-member-details .name h6 {
  margin-bottom: 0;
  color: var(--white-text);
}
#teams .style-1 .team-member-details p {
  font-size: 20px;
}
#teams .style-1 .team-member-details ul {
  list-style-type: none;
  display: inline-flex;
  padding-left: 0;
  justify-content: center;
}
#teams .style-1 .team-member-details ul li {
  padding: 0 8px;
}
#teams .style-1 .team-member-details ul a {
  font-size: 18px;
}
#teams .style-3 .button-primary {
  margin-top: 40px;
}
#teams .style-3 .team-member {
  border: solid 1px #ccc;
}
#teams .style-3 .image-wrapper {
  height: 300px;
  overflow: hidden;
}
#teams .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#teams .style-3 .team-member-details {
  padding: 40px 30px 30px;
  position: relative;
}
#teams .style-3 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding: 8px 22px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: #333;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-3 .team-member-details ul li {
  padding: 0 15px;
}
#teams .style-3 .team-member-details ul a {
  font-size: 14px;
  color: var(--white-text);
}
#teams .style-3 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-3 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#teams .style-3 .team-member:hover .team-member-details ul {
  background-color: var(--primary-color);
}
#teams .style-3 .team-member:hover .team-member-details h6 {
  color: var(--primary-color);
  text-transform: capitalize;
}
#teams .style-2 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#teams .style-2 .team-member img {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#teams .style-2 .team-member:hover img {
  transform: scale(1.2);
}
#teams .style-2 .team-member-details {
  text-align: center;
  padding: 30px;
  position: relative;
}
#teams .style-2 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: -80px;
}
#teams .style-2 .team-member-details ul a {
  font-size: 16px;
  color: var(--white-text);
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#teams .style-2 .team-member:hover .team-member-details ul a {
  transform: scale(1);
  transition-delay: 0.1s;
}
#teams .style-2 .team-member-details h6 {
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-2 .team-member-details p {
  font-size: 18px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#teams .style-4 .team-member {
  margin-bottom: 30px;
  border: solid 1px #ccc;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  animation: 0.5s 0.1s fadeIn both;
  position: relative;
  min-height: 470px;
}
#teams .style-4 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#teams .style-4 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#teams .style-4 .team-member-details {
  padding: 40px 30px 25px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  background-color: var(--white-text);
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  animation: 0.6s 0.2s fadeIn both;
}
#teams .style-4 .team-member-details ul {
  list-style-type: none;
  padding-left: 0;
  padding: 8px 15px;
  margin-bottom: 0;
  justify-content: center;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  display: none;
}
#teams .style-4 .team-member:hover .team-member-details ul {
  display: flex;
  animation: 0.5s 0.1s fadeIn both;
}
#teams .style-4 .team-member-details ul li {
  padding: 0 12px;
}
#teams .style-4 .team-member-details ul a {
  font-size: 16px;
}
#teams .style-4 .button-primary {
  margin-top: 50px;
  font-size: 17px;
  padding: 12px 25px;
}
#teams .style-4 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-4 .team-member:hover h6 {
  color: var(--primary-color);
}
#teams .style-4 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#teams .style-5 .subtitle {
  margin-bottom: 50px;
}
#teams .style-5 .team-member {
  margin-bottom: 30px;
  border: solid 1px var(--text-color);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  animation: 0.5s 0.1s fadeIn both;
  position: relative;
  min-height: 500px;
}
#teams .style-5 .image-wrapper {
  height: 450px;
  overflow: hidden;
}
#teams .style-5 .image-wrapper img {
  width: 100%;
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#teams .style-5 .team-member:hover .image-wrapper img {
  transform: scale(1.1);
}
#teams .style-5 .team-member-details {
  padding: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  background-color: var(--primary-color);
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  animation: 0.6s 0.2s fadeIn both;
}
#teams .style-5 .team-member-details ul {
  list-style-type: none;
  padding-left: 0;
  padding: 8px 15px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-5 .team-member-details ul li {
  padding: 0 7px;
}
#teams .style-5 .team-member-details ul a {
  font-size: 18px;
  color: var(--white-text);
}
#teams .style-5 .button-primary {
  margin-top: 40px;
}
#teams .style-5 .team-member-details h5 {
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--white-text);
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-5 .team-member-details p {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--white-text);
}
#achievement_style_1 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_1 .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_1 .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
  color: var(--white-text);
}
#achievement_style_1 .count {
  background-color: var(--white-text);
  border-left: solid 3px var(--primary-color);
  padding: 20px;
  position: relative;
}
#achievement_style_1 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 900;
}
#achievement_style_1 .count h4 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_1 .count p {
  font-size: 20px;
  line-height: 28px;
  color: var(--text-color);
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
#achievement_style_1 .icon {
  position: absolute;
  right: 0;
  bottom: -15px;
  font-size: 58px;
  color: #ececec;
  z-index: 1;
}
#achievement_style_2 {
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#achievement_style_2 .count {
  text-align: center;
  position: relative;
}
#achievement_style_2 .icon {
  margin-bottom: 25px;
  position: relative;
}
#achievement_style_2 .line {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--primary-color);
  margin: auto;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}
#achievement_style_2 .line::after {
  content: "";
  position: absolute;
  left: -135px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 286px;
  height: 1px;
  background-color: #ccc;
  z-index: 1;
}
#achievement_style_2 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}
#achievement_style_2 .count h4 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: var(--white-text);
  margin-bottom: 0;
}
#achievement_style_2 .count p {
  font-size: 18px;
  color: var(--white-text);
  line-height: 28px;
  margin-bottom: 0;
}
#achievement_style_2 .icon {
  height: 70px;
}
#achievement_style_2 .icon img {
  object-fit: contain;
  object-position: center;
}
#achievement_style_3 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_3.section-130 {
  padding: 100px 0 !important;
}
#achievement_style_3 h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_3 p {
  font-size: 20px;
  width: 90%;
  margin-bottom: 30px;
  color: var(--white-text);
}
#achievement_style_3 .count {
  margin: 40px 0;
  position: relative;
  float: right;
}
#achievement_style_3 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
}
#achievement_style_3 .count h4 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--white-text);
  margin-bottom: 0;
}
#achievement_style_3 .count p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  width: 100%;
  text-transform: capitalize;
  margin-bottom: 0;
  color: var(--white-text);
}
#achievement_style_3 a {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
#achievement_style_3 a:hover {
  color: var(--white-text);
}
#achievement_style_4 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_4 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
  margin-bottom: 30px;
}
#achievement_style_4 .subtitle {
  font-size: 20px;
  margin-bottom: 80px;
  color: var(--white-text);
}
#achievement_style_4 .count {
  background-color: var(--white-text);
  position: relative;
  text-align: center;
  padding: 25px 30px;
  min-height: 170px;
}
#achievement_style_4 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
}
#achievement_style_4 .count h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_4 .count p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}
#achievement_style_4 .icon {
  position: absolute;
  right: 0;
  bottom: -15px;
  font-size: 56px;
  color: #f7f7f7;
}
#achievement_style_5 {
  min-height: 380px;
  padding: 130px 0;
  background-position: center;
  background-size: cover;
}
#achievement_style_5 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_5 .subtitle {
  font-size: 19px;
  margin-bottom: 80px;
  color: var(--white-text);
}
#achievement_style_5 .count {
  border: solid 2px var(--white-text);
  margin-bottom: 30px;
  position: relative;
  padding: 60px 30px;
}
#achievement_style_5 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}
#achievement_style_5 .count h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_5 .count h5 {
  color: var(--white-text);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 0;
}
#achievement_style_5 .unit {
  color: var(--white-text);
  text-transform: capitalize;
  margin-bottom: 30px;
}
#video_style_1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
}
#video_style_1 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 320px;
}
#video_style_1 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_1 .content-wrapper {
  padding-left: 60px;
}
#video_style_1 .image-wrapper img {
  width: 100%;
}
#video_style_1 h2 {
  color: var(--white-text);
  font-size: 38px;
  line-height: 52px;
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: 800;
}
#video_style_1 p {
  color: var(--white-text);
  margin-bottom: 25px;
}
#video_style_1 a {
  padding: 10px 30px;
}
#video_style_1 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_1 .video-play {
  background-color: transparent;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waves-block {
  position: absolute;
  z-index: 2;
}
.waves {
  position: absolute;
  width: 100px;
  height: 100px;
  background: var(--primary-color);
  opacity: 0;
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}
#video_style_2 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 400px;
  border-radius: 5px;
}
#video_style_2 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_2 .content-wrapper {
  padding-left: 30px;
}
#video_style_2 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#video_style_2 h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 25px;
  text-transform: capitalize;
  width: 80%;
}
#video_style_2 p {
  margin-bottom: 25px;
  font-size: 19px;
}
#video_style_2 a {
  padding: 10px 30px;
  font-weight: 600;
  text-transform: capitalize;
}
#video_style_2 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_2 .video-play {
  background-color: var(--primary-color);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_style_2 .waves-block {
  position: absolute;
  z-index: 2;
}
#video_style_2 .waves {
  position: absolute;
  width: 140px;
  height: 140px;
  background: var(--white-text);
  opacity: 0;
  border-radius: 100%;
  right: -70px;
  bottom: -70px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
#video_style_2 .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#video_style_2 .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#video_style_2 .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#video_style_3 {
  background-color: #f7f7f7;
}
#video_style_3 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#video_style_3 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_3 .content-wrapper {
  max-width: 573px;
  margin-left: auto;
  padding: 0 15px;
}
#video_style_3.left .content-wrapper {
  margin-right: 0;
}
#video_style_3 .content {
  padding: 100px 0 100px 30px;
}
#video_style_3.left .content {
  padding: 100px 30px 100px 0;
}
#video_style_3 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#video_style_3 h2 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 10px;
  text-transform: capitalize;
  width: 70%;
}
#video_style_3.left h2 {
  width: 100%;
  margin-bottom: 30px;
}
#video_style_3.left p {
  margin-bottom: 40px;
}
#video_style_3 p {
  margin-bottom: 30px;
  font-size: 20px;
}
#video_style_3 .content-wrapper a {
  padding: 10px 30px;
  border-radius: 0;
  color: var(--primary-color);
  border: solid 2px var(--primary-color);
  background-color: transparent;
  text-transform: capitalize;
}
#video_style_3 .content-wrapper a:hover {
  padding: 10px 30px;
  border-radius: 0;
  color: var(--white-text);
  background-color: var(--primary-color);
}
#video_style_3 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_3 .video-play {
  background-color: var(--primary-color);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_style_3 .waves-block {
  position: absolute;
  z-index: 2;
}
#video_style_3 .waves {
  position: absolute;
  width: 140px;
  height: 140px;
  background: var(--primary-color);
  opacity: 0;
  border-radius: 100%;
  right: -70px;
  bottom: -70px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
#video_style_3.left .waves {
  background: var(--white-text);
}
#video_style_3 .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#video_style_3 .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#video_style_3 .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#pricing .style-3 {
  background-color: #f7f7f7;
}
#pricing h2 {
  font-size: 38px;
  line-height: 42px;
}
#pricing span {
  color: #464646;
  font-family: Lato, sans-serif;
  font-size: 19px;
  display: block;
  margin-bottom: 40px;
}
#pricing .style-1 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
}
#pricing .style-1 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
}
#pricing .style-1 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#pricing .style-1 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#pricing .style-1 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#pricing .style-1 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: #888;
  text-transform: initial;
}
#pricing .style-1 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#pricing .style-1 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-1 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-1 .pricing-item li::before {
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-size: 14px;
  line-height: 28px !important;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  color: var(--primary-color);
}
#pricing .style-1 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 40px;
}
#pricing .style-1 .pricing-item.highlighted .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-1 .black-button {
  margin-top: 50px;
  text-transform: capitalize;
}
#pricing .style-1 .pricing-item.highlighted {
  margin: 0;
}
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-1 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 20px;
}
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-1 .pricing-item.highlighted h3,
#pricing .style-1 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#pricing .style-2 .pricing-item {
  border: solid 1px #ccc;
  position: relative;
}
#pricing .style-2 .pricing-item .icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 25px 40px 30px;
  -webkit-clip-path: circle(70% at 70% 20%);
  clip-path: circle(66% at 70% 27%);
  background-color: #e4e4e447;
}
#pricing .style-2 .pricing-item .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  filter: brightness(0) invert(1);
}
#pricing .style-2 .pricing-item .icon img {
  object-position: center;
  object-fit: contain;
}
#pricing .style-2 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #000;
}
#pricing .style-2 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 20px;
  line-height: 38px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
}
#pricing .style-2 .pricing-item .plan-type-wrapper p {
  color: #fff;
}
#pricing .style-2 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: #fff;
}
#pricing .style-2 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 23px;
  font-weight: 400;
  bottom: 0;
  color: var(--white-text);
  text-transform: lowercase;
}
#pricing .style-2 .pricing-item ul {
  padding-left: 0;
  padding: 30px 30px 20px;
  margin-bottom: 0;
}
#pricing .style-2 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
  text-transform: capitalize;
}
#pricing .style-2 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-2 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 16px;
  line-height: inherit;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 40px;
}
#pricing .style-2 .pricing-item .special-pricing-link {
  margin-bottom: 40px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: #000;
  border-color: #000;
}
#pricing .style-2 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-2 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-2 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-2 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-2 .black-button {
  margin-top: 40px;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}
#pricing .style-3 .pricing-item {
  background-color: var(--white-text);
  border: solid 1px #ccc;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
#pricing .style-3 .pricing-item .plan-type {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
  padding: 25px 0;
  background-color: var(--primary-color);
}
#pricing .style-3 .pricing-item h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  margin: 20px 0;
}
#pricing .style-3 .pricing-item h3 sub {
  bottom: 0;
  font-size: 32px;
  text-transform: capitalize;
}
#pricing .style-3 .pricing-item ul {
  padding-left: 0;
  padding: 0 0 20px;
  margin-bottom: 0;
}
#pricing .style-3 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  text-transform: capitalize;
}
#pricing .style-3 .button-primary {
  text-transform: capitalize;
  font-size: 17px;
  padding: 12px 40px;
  margin-top: 50px;
}
#pricing .style-3 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-3 .pricing-item .button-primary {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 25px;
  background-color: #0f253a;
  border-color: #0f253a;
  margin-top: 0;
}
#pricing .style-3 .pricing-item .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-3 .pricing-item.highlighted h3 {
  color: var(--primary-color);
}
#pricing .style-3 .pricing-item.highlighted ul li {
  color: var(--white-text);
}
#pricing .style-3 .pricing-item.highlighted {
  background-color: #0f253a;
}
#pricing .style-3 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-3 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 {
  background-color: #f7f7f7;
}
#pricing .style-4 span {
  margin-bottom: 100px;
}
#pricing .style-4 .pricing-item {
  border: solid 1px #ccc;
  text-align: center;
  background-color: var(--white-text);
  margin-bottom: 50px;
}
#pricing .style-4 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: var(--bg-color);
}
#pricing .style-4 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: var(--white-text);
}
#pricing .style-4 .pricing-item .plan-type-wrapper p {
  color: var(--white-text);
  font-size: 19px;
}
#pricing .style-4 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--white-text);
}
#pricing .style-4 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: var(--white-text);
  text-transform: lowercase;
}
#pricing .style-4 .pricing-item ul {
  padding-left: 0;
  padding: 25px;
  margin-bottom: 0;
  text-align: initial;
}
#pricing .style-4 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-4 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-4 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-4 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  margin-bottom: 30px;
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#pricing .style-4 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-4 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 .pricing-item.highlighted .special-pricing-link {
  padding: 0 30px 0;
  text-align: center;
}
#pricing .black-button {
  margin-top: 50px;
  text-transform: uppercase;
}
#pricing .style-4 .pricing-item.highlighted {
  transform: scale(1.18);
}
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-4 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 30px;
}
#pricing .style-4 .black-button {
  margin-top: 130px;
}
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-4 .pricing-item.highlighted h3,
#pricing .style-4 .pricing-item.highlighted h3 sub {
  color: var(--white-text);
}
#pricing .style-5 span {
  margin-bottom: 80px;
}
#pricing .style-5 .black-button {
  text-transform: capitalize;
}
#pricing .style-5 .pricing-item {
  border: solid 1px #ccc;
}
#pricing .style-5 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
  text-align: center;
}
#pricing .style-5 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#pricing .style-5 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#pricing .style-5 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#pricing .style-5 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: #888;
  text-transform: lowercase;
}
#pricing .style-5 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#pricing .style-5 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-5 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-5 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 16px;
  line-height: inherit;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-5 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#pricing .style-5 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-5 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-5 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-5 .pricing-item .special-pricing-link {
  text-align: center;
  margin-bottom: 30px;
}
#pricing .style-5 .pricing-item.highlighted .special-pricing-link {
  text-align: center;
}
#pricing .style-5 .black-button {
  margin-top: 50px;
  text-transform: capitalize;
}
#pricing .style-5 .pricing-item.highlighted {
  margin: 0;
}
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-5 .pricing-item.highlighted h3,
#pricing .style-5 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#client_style_1 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
}
#client_style_1 .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
}
#client_style_1 .client-wrapper {
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
#client_style_1 .client {
  border: solid 1px #ccc;
  width: 100%;
  height: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#client_style_1 .black-button {
  margin-top: 30px;
  padding: 12px 30px;
}
#client_style_2 .black-button {
  text-transform: capitalize;
  border-radius: 0.2rem;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 25px;
  margin-top: 30px;
}
#client_style_2.background {
  background-color: #f7f7f7;
}
#client_style_2 .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#client_style_2 .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#client_style_2 .client-wrapper {
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
#client_style_2 .client {
  width: 100%;
  height: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#client_style_2 .client img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#client_style_2.background .black-button {
  color: var(--white-text);
  padding: 10px 30px;
  margin-top: 40px;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#client_style_2.background .black-button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.form-text {
  margin-top: 0;
}
#form .style-1 h2 {
  color: var(--white-text);
  font-size: 38px;
  margin-bottom: 40px;
}
#form .style-1 .title {
  letter-spacing: 1.5px;
  font-size: 16.5px;
  margin-bottom: 10px;
}
#form .style-1 .form-group {
  margin-bottom: 0;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
#form .title {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--primary-color);
  display: block;
}
#form h2 {
  line-height: 50px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
#form .pt-form-element {
  height: 60px;
  border-radius: 0;
  border: 2px solid #ced4da;
  padding: 10px 20px;
}
#form textarea.pt-form-element {
  height: 200px;
  border: 2px solid #ced4da;
}
#form select.pt-form-element {
  border: 2px solid #ced4da;
}
#form .pt-form-element::placeholder,
#form select option {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-2 .button-primary,
#form .style-4 .button-primary {
  margin-top: 30px;
  padding: 10px 30px;
}
#form .style-3.v-1 .button-primary {
  margin-top: 30px;
}
#form .style-3 .button-primary {
  display: block;
  width: auto;
  text-align: center;
  margin: auto;
  padding: 12px 35px;
  height: auto;
  margin-top: 25px;
  text-transform: capitalize;
  border-radius: 0.4rem;
}
#form .style-2 .form-wrapper {
  background-color: #f8faf9;
  padding: 60px;
}
#form .style-2 .button-primary {
  height: auto;
  width: auto;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
}
#form .style-3 {
  background-size: cover;
  background-repeat: no-repeat;
}
#form .style-3 .row {
  background-color: #fff;
  padding: 50px 0;
}
#form .style-3.v-1 .row {
  background-color: transparent;
  padding: 0;
}
#form .style-3 h2 {
  font-size: 38px;
  margin-bottom: 0;
}
#form .style-3 textarea.pt-form-element::placeholder {
  font-size: 14px;
}
#form .style-3.v-1 h2 {
  color: var(--white-text);
}
#form .style-3.v-1 .subtitle {
  color: var(--white-text);
}
#form .style-3.v-1 .form-wrapper {
  background-color: var(--white-text);
  padding: 50px 100px 50px;
  margin: auto;
}
#form .style-3.v-1 .form-wrapper .form-group#edit-actions {
  margin-bottom: 0;
}
#form .style-3 .subtitle {
  display: block;
  margin-bottom: 30px;
  font-size: 19px;
  font-family: Lato, sans-serif;
  color: #464646;
}
#form .style-3 .form-wrapper {
  background-color: #fff;
  padding: 30px 100px 40px;
}
#form .style-3 .pt-form-element {
  height: 50px;
}
#form .style-3 textarea.pt-form-element {
  height: 135px;
}
#form .style-3 .custom-select {
  background: url(../images/arrow-24.png) no-repeat right 0.75rem center !important;
}
#form .style-3 .custom-select {
  font-size: 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-1 {
  padding: 80px 0;
  position: relative;
}
#form .style-1 form {
  width: 95%;
}
#form .style-1 .pt-form-element {
  padding: 10px 20px;
}
#form .style-1 .image-wrapper {
  width: 370px;
  height: 515px;
  position: absolute;
  bottom: -80px;
  right: 10%;
  overflow: hidden;
}
#form .style-1 .button-primary {
  height: 55px;
  width: auto;
  border-radius: 0;
  padding: 10px 20px;
  text-transform: capitalize;
  display: inline-block;
  outline-color: var(--primary-color);
}
#form .style-1 .webform-actions {
  height: 100%;
  width: 100%;
}
#form .style-1 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
  border-right: 0;
}
#form .style-1 textarea.pt-form-element {
  height: 200px;
}
#form .style-1.v-1 .pt-form-element::placeholder {
  font-size: 14px;
}
#form .style-1 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: var(--white-text);
}
#form .style-1 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
}
#form .style-5 {
  position: relative;
}
#form .style-5 .image-wrapper {
  width: 370px;
  height: 500px;
  position: absolute;
  bottom: -100px;
  right: 10%;
  overflow: hidden;
}
#form .style-5 .button-primary {
  height: auto;
  width: auto;
  font-weight: 700;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
}
#form .style-5 .webform-actions {
  height: 100%;
}
#form .style-5 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
}
#form .style-5 textarea.pt-form-element {
  height: 180px;
}
#form .style-5 .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-5 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
}
#form .style-6 {
  padding: 50px;
}
#form .style-6 .button-primary {
  height: auto;
  width: auto;
  font-weight: 700;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
  float: left;
}
.site-footer {
  background-color: #0b1723 !important;
  padding: 0;
}
footer .copyrights {
  background-color: #041320 !important;
  padding: 15px 0;
}
.footer-top {
  padding: 80px 0;
}
footer h2 {
  color: var(--white-text) !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 20px;
}
footer .footer-link li a {
  color: var(--white-text);
  font-family: Lato, sans-serif;
  font-size: 17px;
  padding-bottom: 1rem;
  padding-top: 0;
}
footer .footer-link li a:hover {
  color: var(--primary-color);
}
footer .footer-link li a:before {
  font-family: FontAwesome;
  content: "\f101";
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  color: var(--primary-color);
  padding-right: 10px;
}
.site-footer .block {
  border: none;
  padding: 0;
  margin: 0;
}
#footer_about p {
  color: var(--white-text);
  width: 89%;
}
#footer_about .image-wrapper {
  margin-bottom: 20px;
}
#footer_about .image-wrapper img {
  width: 90%;
  height: auto;
}
#footer_about .navbar-brand {
  margin-bottom: 0 !important;
}
#footer_about .readmore {
  color: var(--white-text);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 19px;
  line-height: 20px;
  margin-bottom: 30px;
  display: block;
  font-family: Lato, sans-serif;
}
#footer_about .readmore:after {
  content: "\f105";
  font-weight: 700;
  line-height: 12px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 19px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#footer_about .readmore:hover {
  color: var(--primary-color);
}
#footer_about ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
}
#footer_about ul li {
  padding-right: 20px;
}
#footer_about ul li a {
  font-size: 22px;
  display: block;
  color: #7c7c7c;
}
#footer_about ul li a:after {
  display: none;
}
#contact_foooter p {
  color: var(--white-text);
}
#contact_foooter ul {
  padding-left: 0;
  list-style-type: none;
}
#contact_foooter li a {
  color: var(--white-text);
  font-size: 17px;
  font-family: Lato, sans-serif;
}
#contact_foooter li a:hover {
  color: var(--primary-color);
}
#contact_foooter .address,
#contact_foooter .email,
#contact_foooter .phone {
  display: flex;
}
#contact_foooter .icon i {
  color: var(--primary-color);
  padding-right: 10px;
}
.copyrights .wrapper {
  display: flex;
  justify-content: space-between;
}
.copyrights .wrapper p {
  margin-bottom: 0;
  color: var(--white-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.copyrights .wrapper a {
  color: var(--white-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  font-family: Lato, sans-serif;
}
.copyrights .wrapper ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.copyrights .wrapper li:last-child:after {
  display: none;
}
.copyrights .wrapper li:after {
  content: "";
  height: 13px;
  width: 1px;
  background-color: var(--white-text);
  display: inline-block;
  margin: 0 10px;
}
.copyrights .wrapper li a {
  color: var(--white-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: Lato, sans-serif;
}
.copyrights .wrapper a:hover,
.copyrights .wrapper li a:hover {
  color: var(--primary-color);
}
#blogs .style-1.section-130,
#blogs .style-2.section-130,
#blogs .style-3.section-130 {
  padding-bottom: 30px;
}
#blogs .button-primary {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: capitalize !important;
}
#blogs .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#blogs .style-3 .title {
  margin-bottom: 0.5rem;
}
#blogs .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#blogs .style-1 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper {
  padding-bottom: 0;
}
#blogs .style-1 .blog-item.grid-1 .image-wrapper {
  height: 400px;
}
#blogs .style-1 .blog-item.grid-2 .image-wrapper {
  height: 330px;
}
#blogs .style-1 .blog-item.grid-2 .content-wrapper {
  padding-bottom: 0;
}
#blogs .style-1 .blog-item.grid-4 {
  min-height: 430px;
}
#blogs .style-1 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-1 .blog-item .image-wrapper {
  overflow: hidden;
  height: 280px;
  background-color: #f7f7f7;
}
#blogs .style-1 .blog-item.grid-3 .image-wrapper {
  height: 230px;
}
#blogs .style-1 .blog-item.grid-4 .image-wrapper {
  height: 225px;
}
#blogs .style-1 .blog-item.grid-4 .image-wrapper img {
  object-fit: cover;
}
#blogs .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#blogs .style-1 .content-wrapper {
  padding: 0 0 30px;
  background-color: #fff;
  position: relative;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper {
  position: relative;
  min-height: 270px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .link-to {
  position: absolute;
  bottom: 0;
}
#blogs .style-1 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  padding: 10px 30px;
  justify-content: flex-start;
  margin-bottom: 30px;
  background-color: var(--primary-color);
  font-weight: 400;
}
#blogs .style-1 .content-wrapper .date-comments {
  padding-right: 20px;
}
#blogs .style-1 .blog-item.grid-1 {
  margin-bottom: 40px;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper .blog-detail,
#blogs .style-1 .blog-item.grid-2 .content-wrapper .blog-detail,
#blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
  padding: 10px 25px;
  justify-content: flex-start;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .blog-detail {
  padding: 10px 15px;
  justify-content: flex-start;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper .date-comments,
#blogs .style-1 .blog-item.grid-2 .content-wrapper .date-comments,
#blogs .style-1 .blog-item.grid-3 .content-wrapper .date-comments {
  padding-right: 20px;
}
#blogs .style-1 .blog-item.grid-3 .content-wrapper .date-comments span {
  font-size: 15px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments {
  padding-right: 10px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments:last-child {
  padding-right: 0;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments i {
  padding-right: 0;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments span {
  font-size: 14px;
}
#blogs .style-1 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 800;
  font-size: 15px;
  color: var(--white-text);
}
#blogs .style-1 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-1 .content-wrapper h6 {
  font-weight: 500;
  text-transform: inherit;
  font-size: 19px;
  line-height: 30px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-1 .content-wrapper p {
  color: #333;
  font-size: 18.5px;
}
#blogs .style-1 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-transform: capitalize;
}
#blogs .style-1 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 900;
  font-size: 14px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#blogs .style-2 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-2 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-2 .blog-item .image-wrapper {
  overflow: hidden;
  height: 310px;
  background-color: #f7f7f7;
}
#blogs .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#blogs .style-2 .content-wrapper {
  padding: 30px 0;
  background-color: #fff;
  position: relative;
}
#blogs .style-2 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#blogs .style-2 .blog-detail .date span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-color);
}
#blogs .style-2 .content-wrapper h6 {
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-2 .content-wrapper p {
  color: #333;
}
#blogs .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase !important;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
  font-weight: 600;
}
#blogs .style-2 .blog-list-item {
  margin-bottom: 30px;
  min-height: 130px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-2 .blog-list-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-2 .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#blogs .style-2 .blog-list-item .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-2 .blog-list-item .content-wrapper {
  padding: 0 0 0 15px;
  background-color: #fff;
  position: relative;
}
#blogs .style-2 .blog-list-item .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#blogs .style-2 .blog-list-item .blog-detail .date span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-color);
}
#blogs .style-2 .blog-list-item .content-wrapper h6 {
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-2 .blog-list-item .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-2 .blog-list-item .content-wrapper p {
  color: #333;
}
#blogs .style-2 .blog-list-item .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 12.2px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  padding: 10px 30px;
  color: var(--white-text);
  display: inline-block;
}
#blogs .style-3 .blog-item {
  min-height: 500px;
  border: solid 1px #ccc;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-3 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#blogs .style-3 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-3 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#blogs .style-3 .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-3 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 40px 15px 30px;
}
#blogs .style-3 .content-wrapper .blog-detail {
  display: flex;
  width: 85%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: -25px;
  justify-content: space-around;
  background-color: var(--primary-color);
}
#blogs .style-3 .blog-detail .date-comments span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: var(--white-text);
}
#blogs .style-3 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-3 .content-wrapper h6 {
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-3 .content-wrapper p {
  color: #333;
}
#blogs .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: solid 1px var(--text-color);
}
#blogs .style-3 .content-wrapper .link-to:hover {
  border-bottom: solid 1px var(--primary-color);
}
#blogs .style-3 .button-primary {
  padding: 12px 30px;
  border-radius: 0.2rem;
  font-size: 17px;
  margin-top: 50px;
}
#blogs .style-4 .blog-item {
  margin-bottom: 30px;
  min-height: 520px;
  border: solid 1px #ccc;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-4 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#blogs .style-4 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-4 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#blogs .style-4 .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-4 .blog-item .blog-detail {
  display: flex;
  width: 100%;
  padding: 10px 15px;
  background-color: var(--primary-color);
}
#blogs .style-4 .blog-item .blog-detail .date-comments span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  color: var(--white-text);
  padding-right: 15px;
}
#blogs .style-4 .blog-item .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-4 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 30px 15px;
}
#blogs .style-4 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-4 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-4 .content-wrapper p {
  color: #333;
}
#blogs .style-4 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: solid 1px var(--text-color);
}
#blogs .style-4 .content-wrapper .link-to:hover {
  border-color: var(--primary-color);
}
#blogs .style-4 .button-primary {
  text-transform: capitalize;
  border-radius: 0.2rem;
  margin-top: 30px;
}
#projects.background {
  background-color: #f7f7f7;
}
#projects .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#projects .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
}
#projects .style-1.grid-1.section-130,
#projects .style-1.grid-2.section-130,
#projects .style-1.grid-3.section-130 {
  padding-bottom: 10px;
}
#projects .style-1.grid-1 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-1.grid-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-1 .project-item {
  position: relative;
  margin-bottom: 40px;
  min-height: 380px;
}
#projects .style-1.grid-1 .project-item {
  min-height: 550px;
}
#projects .style-1.grid-1 .content-wrapper i,
#projects .style-1.grid-2 .content-wrapper i {
  font-size: 18px;
}
#projects .style-1.grid-2 .project-item {
  min-height: 460px;
}
#projects .style-1 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#projects .style-1.grid-1 .project-item:hover .image-wrapper img {
  transform: scale(1.05);
}
#projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#projects .style-1.grid-1 .image-wrapper {
  height: 450px;
}
#projects .style-1.grid-2 .image-wrapper {
  height: 350px;
}
#projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
#projects .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#projects .style-1.grid-1 .content-wrapper {
  top: 400px;
  padding: 25px 30px;
}
#projects .style-1.grid-1 .content-wrapper h4 {
  font-size: 26px;
}
#projects .style-1 .content-wrapper .project-title {
  font-weight: 500;
}
#projects .style-1.grid-3 .content-wrapper {
  border-radius: 3px;
}
#projects .style-1 .content-wrapper {
  padding: 30px;
  margin: 0 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#projects .style-1.grid-2 .content-wrapper {
  margin: 0 35px;
  top: 300px;
  border-radius: 3px;
  padding: 25px 30px;
}
#projects .style-1.grid-1 .content-wrapper {
  margin: auto;
  width: 50%;
}
#projects .style-1 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 600;
}
#projects .style-1 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#projects .style-1 .project-item:hover .content-wrapper h4,
#projects .style-1 .project-item:hover .content-wrapper i,
#projects .style-1 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#projects .style-1 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 16px;
}
#projects .style-1 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#projects .style-1 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#projects .style-1 .icons {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#projects .style-1 .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-1 .project-item:hover .icons .icon-link:nth-child(1) {
  transform: scale(1);
  transition-delay: 0.1s;
}
#projects .style-1 .project-item:hover .icons .icon-link:nth-child(2) {
  transform: scale(1);
  transition-delay: 0.3s;
}
#projects .style-1 .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#projects .button-primary {
  margin-top: 20px;
  padding: 12px 25px;
  text-transform: capitalize;
}
#projects .style-1 .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#projects .style-2 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#projects .style-2 .image-wrapper {
  height: 300px;
  background-color: #ccc;
  overflow: hidden;
}
#projects .style-2 .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#projects .style-2 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .content {
  background-color: transparent;
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .project-item:hover .content {
  opacity: 1;
  transform: scale(1);
}
#projects .style-2 .top-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#projects .style-2 .bottom-content {
  background-color: #fff;
  padding: 20px;
  width: 100%;
}
#projects .style-2 .bottom-content a h6:hover {
  color: var(--primary-color);
}
#projects .style-2 .bottom-content p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 18px;
}
#projects .style-2 .project-item:hover .content-wrapper {
  opacity: 0.8;
  transform: scale(1);
}
#projects .style-2 .content .icon-link {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .content .icon-link i {
  color: var(--white-text);
}
#projects .style-3 {
  margin-bottom: 50px;
}
#projects .style-3 .project-item {
  position: relative;
}
#projects .style-3 .projects-wrapper {
  position: relative;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  padding: 0 7px;
}
#projects .style-3 .image-wrapper {
  height: 500px;
  background-color: #ccc;
}
#projects .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#projects .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#projects .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  padding: 0 30px;
}
#projects .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#projects .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#projects .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
#projects .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#projects .style-4 {
  margin-bottom: 50px;
}
#projects .style-4 .project-item {
  position: relative;
  margin-bottom: 40px;
}
#projects .style-4 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#projects .style-4 .top {
  position: relative;
}
#projects .style-4 .image-wrapper {
  background-color: #ccc;
  height: 250px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
#projects .style-4 .image-wrapper img {
  transition: 0.5s ease;
}
#projects .style-4 .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-4 .project-item:hover .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#projects .style-4 .content-wrapper {
  padding: 30px 50px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#projects .style-4 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 600;
}
#projects .style-4 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#projects .style-4 .project-item:hover .content-wrapper h4,
#projects .style-4 .project-item:hover .content-wrapper i,
#projects .style-4 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#projects .style-4 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
  font-size: 16px;
}
#projects .style-4 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#projects .style-4 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#projects .style-4 .icons {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
#projects .style-4 .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-4 .project-item:hover .icons .icon-link {
  transform: scale(1);
  transition-delay: 0.1s;
}
#projects .style-4 .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#projects .style-4 .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#carousels .style-2 {
  background-color: #f8f8f8;
}
#carousels .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#carousels .subtitle {
  font-size: 19px;
  margin-bottom: 50px;
}
#carousels .style-2 .testimonial {
  position: relative;
  background-color: var(--white-text);
  padding: 30px 30px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin: 0 40px;
}
#carousels .style-2 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
}
#carousels .style-2 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  margin-bottom: 1rem;
  display: block;
}
#carousels .style-2 .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}
#carousels .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #b5b5b5;
}
#carousels .owl-theme .owl-dots .owl-dot.active span {
  background-color: #b5b5b5;
}
#carousels .style-2 .owl-theme .owl-nav {
  margin-top: 50px;
}
#carousels .style-3.background-image {
  background-size: cover;
  background-repeat: no-repeat;
}
#carousels .style-3.background-image .title {
  color: var(--white-text);
}
#carousels .style-3.background-image .subtitle {
  color: var(--white-text);
}
#carousels .style-3.background-image .owl-theme .owl-dots .owl-dot span {
  border: solid 2px #fff;
}
#carousels .style-3.background-image .owl-theme .owl-dots .owl-dot.active span {
  background-color: #fff;
}
#carousels .style-3 .testimonial {
  padding: 65px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: 40px 0;
}
#carousels .style-3 .testimonial p {
  margin-bottom: 2rem;
  font-size: 18px;
}
#carousels .style-3 .testimonial .designation {
  margin-bottom: 0;
  font-size: 16px;
}
#carousels .style-3 .testimonial .name {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
#carousels .style-3 .user {
  display: flex;
  width: 60%;
  margin: auto;
}
#carousels .style-3 .user .profile {
  height: 85px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 32%;
}
#carousels .style-3 .user .detail {
  margin: auto 0;
  text-align: left;
}
#carousels .style-3 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -40px;
  display: flex;
  margin: auto;
}
#carousels .style-3 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 28px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#carousels .style-1 {
  background-color: #f7f7f7;
}
#carousels .style-1 .left-content {
  padding: 0;
}
#carousels .style-1 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: block;
}
#carousels .style-1 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#carousels .style-1 {
  padding: 100px 0;
}
#carousels .style-1 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#carousels .style-1 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#carousels .style-1 .star-rating {
  display: flex;
  align-items: center;
}
#carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#carousels .style-1 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#carousels .style-1 .testimonial p {
  font-size: 17.5px;
}
#carousels .style-1 .testimonial .user {
  display: flex;
}
#carousels .style-1 .testimonial .user .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
}
#carousels .style-1 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#carousels .style-1 .testimonial .name {
  font-size: 20px;
}
#carousels .style-1 .testimonial .designation {
  color: var(--primary-color);
  font-size: 16px;
  margin-bottom: 0;
}
#carousels .style-1 .owl-controls {
  position: absolute;
  left: -52%;
  top: 70%;
}
#carousels .style-1 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #969696;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-1 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#carousels .style-4 .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#carousels .style-4 .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #f7f7f7;
  z-index: 1;
}
#carousels .style-4 .owl-item.active:last-child .line::after {
  display: none;
}
#carousels .style-4 .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#carousels .style-4 .year {
  font-size: 20px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#carousels .style-4 h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#carousels .style-4 .owl-theme .owl-nav {
  margin-top: 30px;
}
#carousels .style-4 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-4 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #000c;
}
#carousels .style-5 {
  background-color: #f7f7f7;
}
#carousels .style-5 span {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#carousels .style-5 h2 {
  line-height: 52px !important;
  text-transform: capitalize;
  margin-bottom: 40px;
}
#carousels .style-5 .testimonial {
  padding: 55px 30px 40px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  position: relative;
  min-height: 380px;
}
#carousels .style-5 .testimonial .icon {
  width: 200px;
  height: 55px;
  margin-right: 20px;
}
#carousels .style-5 .testimonial .icon img {
  width: auto;
  height: 100%;
}
#carousels .style-5 .content {
  display: flex;
  margin-bottom: 40px;
}
#carousels .style-5 .star-rating {
  display: flex;
  align-items: center;
}
#carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#carousels .style-5 .testimonial .user {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 50px;
}
#carousels .style-5 .testimonial .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
#carousels .style-5 .testimonial .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#carousels .style-5 .testimonial .name {
  text-transform: capitalize;
  font-size: 20px;
  margin-bottom: 0;
  display: block;
  color: var(--text-color) !important;
  letter-spacing: 0;
}
#carousels .style-5 .testimonial .designation {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 5px;
  color: var(--primary-color);
}
#carousels .style-5 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#carousels .style-5 .owl-theme .owl-nav {
  margin-top: 40px;
}
#carousels .style-5 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-5 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 16px;
  color: #a5a5a5;
}
#features h2 {
  font-size: 36px;
  line-height: 44px;
}
#features p {
  font-size: 19px;
  margin-bottom: 40px;
}
#features .feature-item {
  padding: 30px;
  background-color: #f7f7f7;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#features .feature-item .icon {
  background-color: var(--white-text);
  width: 80px;
  height: 80px;
  border-radius: 5px;
  margin-bottom: 25px;
  overflow: hidden;
}
#features .feature-item .icon img {
  width: 100%;
  height: 100%;
}
#features .feature-item:hover {
  background-color: var(--primary-color);
}
#features .feature-item h6 {
  text-transform: capitalize;
  font-size: 22px;
  margin-bottom: 15px;
}
#features .feature-item p {
  font-size: 18px;
}
#features .feature-item:hover h6,
#features .feature-item:hover p {
  color: var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#subscribe_form_2 .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#subscribe_form_2 .image-wrapper img {
  object-fit: cover;
  object-position: right;
  width: 100%;
  height: 100%;
}
#subscribe_form_2 .content-wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 105px;
}
#subscribe_form_2 .content-wrapper h2 {
  color: var(--white-text);
  line-height: 48px;
  font-size: 40px;
  margin-bottom: 20px;
}
#subscribe_form_2 .content-wrapper h2 span {
  color: var(--primary-color);
}
#subscribe_form_2 .form-group {
  margin-bottom: 0.6rem;
}
#subscribe_form_2 .content-wrapper p {
  font-size: 18px;
  color: var(--white-text);
  margin-bottom: 25px;
}
#subscribe_form_2 .content-wrapper .pt-form-element {
  background-color: transparent;
  border-radius: 0 !important;
  padding: 12px 20px;
  border: solid 1px #ccc;
  height: auto;
}
#subscribe_form_2 .content-wrapper .pt-form-element::placeholder {
  color: #ccc;
}
#subscribe_form_2 .content-wrapper .btn-wrap {
  width: 100%;
}
#subscribe_form_2 .content-wrapper .button-primary {
  text-transform: uppercase;
  font-size: 17px;
  padding: 12px 10px;
  height: auto;
  border-radius: 0 !important;
}
#subscribe_form_3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#subscribe_form_3 .content-side {
  background-color: rgb(0, 0, 0, 0.8);
}
#subscribe_form_3 .content-wrapper {
  width: 100%;
  height: auto;
  padding: 250px 100px;
}
#subscribe_form_3 .content-wrapper h2 {
  color: var(--white-text);
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 25px;
}
#subscribe_form_3 .content-wrapper h2 span {
  color: var(--primary-color);
}
#subscribe_form_3 .content-wrapper p {
  font-size: 19px;
  margin-bottom: 30px;
  color: var(--white-text);
}
#subscribe_form_3 .content-wrapper .input-group {
  width: 90%;
}
#subscribe_form_3 .content-wrapper .pt-form-element {
  background-color: transparent;
  border-radius: 0 !important;
  padding: 12px 10px;
  border: solid 1px var(--white-text);
  height: auto;
}
#subscribe_form_3 .content-wrapper .pt-form-element::placeholder {
  color: var(--white-text);
}
#subscribe_form_3 .content-wrapper .btn-wrap {
  width: 100%;
}
#subscribe_form_3 .content-wrapper .button-primary {
  text-transform: uppercase;
  font-size: 16px;
  padding: 12px 10px;
  height: auto;
  border-radius: 0 !important;
}
#subscribe_form_4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 180px 0;
}
#subscribe_form_4 span {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color);
  display: block;
  margin-bottom: 15px;
}
#subscribe_form_4 h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  text-transform: inherit;
  line-height: 50px;
  margin-bottom: 0;
}
#subscribe_form_4 .button-primary {
  height: 100%;
  border-radius: 0;
  text-transform: capitalize;
  padding: 12px 10px;
}
#subscribe_form_4 .webform-actions {
  height: 100%;
}
#subscribe_form_4 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
  border-right: none;
  padding: 0 10px;
}
#subscribe_form_4 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff;
}
#subscribe_form_4 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
  width: 85%;
  margin-left: auto;
}
#get-a-quote-style-2 .get-a-quote-wrapper {
  background-color: #f5f8ff;
  padding: 40px 50px;
}
#get-a-quote-style-2 .get-a-quote-wrapper h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 30px;
}
#get-a-quote-style-2 .get-a-quote-wrapper .col-lg-4,
#get-a-quote-style-2 .get-a-quote-wrapper .col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#get-a-quote-style-2 .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
#get-a-quote-style-2 .image-wrapper:after {
  content: "";
  width: 90%;
  height: 90%;
  position: absolute;
  border: solid 1px #f3f0f0;
  left: 5%;
  top: 5%;
}
#get-a-quote-style-2 .image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#get-a-quote-style-2 .form-group {
  margin-bottom: 0.75rem;
}
#get-a-quote-style-2 .pt-form-element {
  height: 54px;
  background-color: #fff;
  font-size: 18px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#get-a-quote-style-2 .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#get-a-quote-style-2 .custom-select {
  background: url(../images/arrow-24.png) #fff no-repeat right 0.75rem center !important;
}
#get-a-quote-style-2 textarea.pt-form-element {
  height: auto !important;
}
#get-a-quote-style-2 [type="submit"] {
  width: auto;
  padding: 14px 30px;
  height: auto;
  text-transform: capitalize;
  margin-top: 15px;
}
#join-us {
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#join-us.style-2 {
  padding: 200px 0;
}
#join-us h2 {
  color: var(--white-text);
  font-size: 40px;
  line-height: 56px;
}
#join-us.style-2 h2 {
  margin-bottom: 20px;
}
#join-us.style-2 p {
  font-size: 20px;
}
#join-us p {
  color: var(--white-text);
}
#join-us .links {
  justify-content: flex-end;
  display: flex;
}
#join-us.style-2 .links {
  justify-content: center;
  display: flex;
}
#join-us .button-primary {
  border-radius: 0;
  padding: 12px 30px;
  margin-left: 10px;
  text-transform: capitalize;
}
#join-us .button-primary.active {
  border-color: var(--white-text);
  background-color: var(--white-text);
  color: var(--primary-color);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#join-us .button-primary.active:hover {
  background-color: transparent;
  color: var(--white-text);
}
#experience-style-3 {
  background-color: #f7f7f7;
}
#experience-style-3 span {
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
}
#experience-style-3 h2 {
  font-size: 40px;
  font-weight: 800;
  line-height: 50px;
  margin-bottom: 80px;
}
#experience-style-3 .experience-item {
  background-color: var(--white-text);
  padding: 60px 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#experience-style-3 .experience-item:hover {
  background-color: var(--primary-color);
}
#experience-style-3 .icon {
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
}
#experience-style-3 .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#experience-style-3 .experience-item h4 {
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 26px;
}
#experience-style-3 .experience-item p {
  margin-bottom: 0;
}
#experience-style-3 .experience-item:hover h4 {
  color: var(--white-text);
}
#experience-style-3 .experience-item:hover p {
  color: var(--white-text);
}
#experience-style-3 .experience-item:hover .icon img {
  filter: brightness(0) invert(1);
}
#information .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin: auto;
  border-radius: 5px;
  position: relative;
}
#information .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#information .image-wrapper .overlay {
  background-color: rgb(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#information.right .content-wrapper {
  width: 80%;
}
#information.right .content-wrapper p {
  font-size: 19px;
}
#information .content-wrapper h2 {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 25px;
}
#information .content-wrapper p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
}
#information .content-wrapper a {
  padding: 12px 30px;
  text-transform: capitalize;
  margin-top: 15px;
}
.masonry {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 2em;
  font-size: 0.85em;
  position: relative !important;
}
.masonry-item {
  display: inline-block;
  margin: 0 0 2em;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#gallery .title {
  font-size: 38px;
  line-height: 44px;
}
#gallery p {
  font-size: 19px;
  margin-bottom: 80px;
}
#gallery .style-3 .project-item {
  position: relative;
}
#gallery .button-primary {
  padding: 10px 25px;
}
#gallery .style-3 .image-wrapper {
  background-color: #ccc;
}
#gallery .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#gallery .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#gallery .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#gallery .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#gallery .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0 30px;
}
#gallery .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#gallery .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#gallery .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
}
#gallery .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#gallery .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#gallery .style-3 .button-primary {
  font-size: 17px;
  padding: 12px 20px;
}
#why-us {
  background-color: #f7f7f7;
}
#why-us .content-wrapper {
  position: relative;
  text-align: center;
  margin: 50px 0 0;
}
#why-us .icon {
  width: 100px;
  height: 100px;
  margin: auto;
  padding: 20px;
  background-color: var(--white-text);
  border: solid 1px var(--primary-color);
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  justify-content: center;
}
#why-us .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#why-us .content {
  background-color: var(--white-text);
  padding: 85px 30px 40px;
  min-height: 285px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#why-us .content-wrapper:hover .content {
  background-color: var(--primary-color);
}
#why-us h5 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  width: 70%;
  margin: 0 auto 25px;
  text-align: center;
}
#why-us h2 {
  font-size: 38px;
  line-height: 44px;
}
#why-us p {
  font-size: 20px;
  margin-bottom: 80px;
}
#why-us .content p {
  font-size: 18px;
  margin-bottom: 10px;
}
#why-us .content-wrapper:hover h5,
#why-us .content-wrapper:hover p {
  color: var(--white-text);
}
#why-us .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #ccc;
}
#why-us .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ccc;
}
#why-us .owl-theme .owl-nav {
  margin-top: 50px;
}
#about-1 {
  padding: 120px 0;
}
#about-1 span {
  display: block;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: 10px;
  font-size: 16px;
}
#about-1 h2 {
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 44px;
}
#about-1 p {
  display: block;
}
#about-1 a {
  padding: 10px 25px;
  margin-top: 15px;
  font-weight: 700;
}
#about-1 .image-wrapper {
  width: 83%;
  margin-left: auto;
}
#about-1 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#about-1 .achievement {
  display: flex;
}
#about-1 .achievement h6 {
  font-size: 18px;
  font-weight: 600;
  font-family: Lato, sans-serif;
}
#about-1 .list {
  padding-right: 20px;
}
#about-1 .blockquotes {
  background-color: var(--primary-color);
  padding: 30px;
  width: 65%;
  position: absolute;
  bottom: 0;
}
#about-1 .blockquotes i {
  color: #fd9d72;
  font-size: 30px;
  margin-bottom: 25px;
}
#about-1 .blockquotes p {
  font-style: italic;
  color: var(--white-text);
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
#about-1 .blockquotes span {
  color: var(--white-text);
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: capitalize !important;
}
#banner .image-wrapper {
  position: relative;
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: center;
}
#banner .image-wrapper h1 {
  color: var(--white-text);
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
#banner .image-wrapper p {
  color: var(--white-text);
  position: absolute;
  top: 100px;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
#award .image-border {
  border: solid 1px #ccc;
  overflow: hidden;
  width: 285px;
  height: 285px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: auto;
}
#award .image-wrapper {
  margin: auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
}
#award .image-wrapper img {
  object-fit: contain;
  object-position: center;
}
#award .left,
#award .right {
  padding: 50px;
  border-bottom: solid 1px #ccc;
}
#award .left .content {
  padding-left: 50px;
}
#award .right .content {
  padding-right: 50px;
}
#award span {
  background-color: var(--primary-color);
  line-height: 24px;
  padding: 5px 10px;
  font-weight: 600;
  color: var(--white-text);
  display: inline-block;
  margin-bottom: 15px;
}
#award h4 {
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 38px;
}
#award .content p {
  width: 93%;
  font-size: 18px;
}
#award .left:last-child,
#award .right:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#award .left:first-child,
#award .right:first-child {
  padding-top: 0;
}
#testimonials .testimonial {
  padding: 45px 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
  margin-bottom: 40px;
}
#testimonials .testimonial p {
  font-size: 17.5px;
}
#testimonials .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#testimonials .star-rating {
  display: flex;
  align-items: center;
}
:root {
  --star-size: 22px;
  --star-color: #ccc;
  --star-background: #f4b838;
}
#testimonials .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#testimonials .Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#testimonials .icon {
  width: 55px;
  height: 55px;
}
#testimonials .user {
  display: flex;
}
#testimonials .user .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
#testimonials .user .profile img {
  width: 100%;
  height: 100%;
}
#testimonials .user .detail {
  margin: auto 0;
  width: 70%;
}
#testimonials .testimonial .name {
  font-size: 20px;
}
#testimonials .testimonial .designation {
  color: var(--primary-color);
  font-size: 16px;
  margin-bottom: 0;
}
#faq .faq-wrapper {
  margin: 50px 0;
}
#faq h2 {
  font-size: 38px;
  line-height: 44px;
}
#faq .tagline {
  font-size: 19px;
}
#faq .card-header::after {
  font-family: FontAwesome;
  content: "\f068";
  font-weight: 900;
  float: right;
  color: var(--white-text);
}
#faq .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f067";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#faq .faq-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#faq .pt-card-wrapper {
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#faq .card-header.collapsed {
  background-color: #f7f7f7;
  color: var(--text-color);
  text-align: left;
}
#faq .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 20px 30px;
  border: 0;
  text-align: left;
}
#faq .card-header:hover {
  cursor: pointer;
}
#faq .card-body {
  background-color: var(--primary-color);
  text-align: left;
  padding: 1.25rem 1.75rem;
  padding-top: 0;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#faq .card-body p {
  color: var(--white-text);
}
#faq .help-text span {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
#faq .help-text a {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 20px;
  text-decoration: underline;
  text-transform: capitalize;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#careers h2 {
  margin-bottom: 80px;
}
#careers .careers-wrapper {
  margin: 50px 0;
}
#careers .careers-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#careers .pt-card-wrapper {
  padding: 20px 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
  border: solid 2px #ccc;
}
#careers .card-header.collapsed {
  background-color: transparent;
  text-align: left;
  position: relative;
}
#careers .card-header {
  background-color: transparent;
  padding: 0;
  border: 0;
  text-align: left;
  position: relative;
}
#careers .card-header:hover {
  cursor: pointer;
}
#careers .card-header .card-title {
  font-size: 20px;
}
#careers .card-body {
  background-color: transparent;
  padding: 20px 0;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#careers .card-body p {
  margin-bottom: 0;
  font-size: 18px;
}
#careers .card-body h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}
#careers .button-primary {
  text-transform: capitalize;
  padding: 10px 30px;
  margin-top: 30px;
}
#careers span {
  color: var(--primary-color);
  text-decoration: underline;
  position: absolute;
  right: 0;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
}
#history-page .history-image-wrapper {
  width: 95%;
  height: 370px;
  overflow: hidden;
}
#history-page .history-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#history-page .top-content {
  padding-bottom: 80px;
}
#history-page .right span {
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
}
#history-page .right h2 {
  font-size: 38px;
  margin-bottom: 25px;
}
#history-page .right a {
  padding: 10px 30px;
  font-weight: 700;
  font-size: 17px;
  text-transform: capitalize;
}
#history-page .listing {
  margin: 0 15px;
}
#history-page .history-item {
  padding: 80px 110px;
  border-top: solid 1px #ccc;
}
#history-page .history-item:last-child {
  padding-bottom: 0;
}
#history-page .history-item .list-left .year {
  font-size: 40px;
  font-weight: 400;
}
#history-page .history-item .list-left .name {
  text-transform: capitalize;
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 25px;
}
#history-page .history-item .list-left .image-icon {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
}
#history-page .history-item .list-left .image-icon img {
  width: 100%;
  height: 100%;
}
#history-page .history-item .content p:last-child {
  margin-bottom: 0;
}
#history-page .history-item .content p {
  font-size: 18px;
}
#history-page .history-item .content img {
  width: auto;
  height: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}
#history-page .history-item .content img:last-child {
  margin-right: 0;
}
#about-2 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 320px;
}
#about-2 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about-2 .content-wrapper {
  padding: 0 35px;
}
#about-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#about-2 h2 {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#about-2 .tagline {
  font-size: 19px;
  margin-bottom: 40px;
}
#about-2 a {
  padding: 10px 30px;
}
#about-2 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#about-2 .video-play {
  background-color: transparent;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-2 .list {
  background-color: #f7f7f7;
  padding: 40px 45px;
  min-height: 320px;
}
#about-2 .list h6 {
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 15px;
}
#about-2 .list p {
  margin-bottom: 30px;
}
#about-2 .list a {
  color: var(--primary-color);
  padding: 0 10px;
  border-left: solid 5px var(--primary-color);
  display: inline-block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
}
#work-process h2 {
  font-size: 38px;
  line-height: 44px;
}
#work-process .subtitle {
  margin-bottom: 40px;
  font-size: 19px;
}
#work-process .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#work-process .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #f7f7f7;
  z-index: 1;
}
#work-process .line:last-child.line:after {
  display: none;
}
#work-process .line:after:nth-last-child(4) {
  display: none;
}
#work-process .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#work-process .year {
  text-transform: capitalize;
  font-size: 20px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#work-process .icon {
  margin-bottom: 10px;
}
#work-process h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#why-us-2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#why-us-2 .r-content-wrapper {
  background-color: var(--primary-color);
  padding: 70px;
  width: 90%;
  margin-left: auto;
}
#why-us-2 .r-content-wrapper span {
  color: var(--white-text);
  display: block;
  font-weight: 600;
  font-size: 16px;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#why-us-2 .r-content-wrapper h2 {
  color: var(--white-text);
  line-height: 44px;
  font-size: 32px;
  margin-bottom: 20px;
  width: 90%;
}
#why-us-2 .r-content-wrapper .list {
  display: flex;
  margin-bottom: 30px;
}
#why-us-2 .r-content-wrapper .list:last-child {
  margin-bottom: 0;
}
#why-us-2 .r-content-wrapper .list .icon {
  color: var(--primary-color);
  background-color: var(--white-text);
  width: 75px;
  height: 45px;
  margin-right: 25px;
  border-radius: 50%;
  position: relative;
}
#why-us-2 .r-content-wrapper .list .icon i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#why-us-2 .r-content-wrapper .list h6 {
  color: var(--white-text);
  font-size: 18px;
  font-weight: 800;
}
#why-us-2 .r-content-wrapper .list p {
  color: var(--white-text);
  margin-bottom: 0;
}
.custom-pager {
  margin-top: 0;
  padding-bottom: 130px;
}
.page-item {
  margin-right: 10px;
}
.page-item.is-active .page-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.page-item:hover .page-link,
.page-link:focus {
  color: var(--primary-color);
  border-color: var(--primary-color);
  background-color: transparent;
  box-shadow: none;
}
.page-item .page-link {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--text-color);
  font-weight: 400;
  border-radius: 0 !important;
  border: solid 1px #ccc;
}
#recent-blogs .blog-list-item {
  padding: 15px 0;
  border-bottom: solid 1px #ccc;
  margin-left: 0;
}
#recent-blogs .blog-list-item .left {
  padding-right: 8px;
}
#recent-blogs .blog-list-item:first-child {
  padding-top: 0;
}
#recent-blogs .blog-list-item:last-child {
  border-bottom: none;
}
#recent-blogs .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 95%;
}
#recent-blogs .blog-list-item .image-wrapper img {
  width: 100%;
  height: 100%;
}
#recent-blogs .blog-list-item a:hover,
#recent-blogs .blog-list-item h6:hover {
  color: var(--primary-color);
}
#recent-blogs .blog-list-item h6 {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 22px;
  text-transform: inherit;
}
#recent-blogs .blog-list-item .date {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
}
#recent-blogs .blog-list-item .date i {
  padding-right: 5px;
}
#gallery-page .gallery-tabs .tabs {
  list-style-type: none;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 50px;
}
#gallery-page .gallery-tabs .tabs li {
  margin: 0 5px;
}
#gallery-page .gallery-tabs .tabs li a.active {
  color: var(--white-text);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#gallery-page .gallery-tabs .tabs li a {
  color: #8e8e8e;
  font-weight: 600;
  border: solid 2px #c6c6c6;
  margin: auto;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
}
#gallery-page .portfolio-item {
  position: relative;
}
#gallery-page .image-wrapper {
  height: 450px;
  margin-bottom: 30px;
  background-color: #fafafa;
  overflow: hidden;
  position: relative;
}
#gallery-page .image-wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--primary-color);
}
#gallery-page .custom-pager {
  padding-bottom: 0;
  padding-top: 30px;
}
#gallery-page .grid-1 .image-wrapper {
  height: 450px;
}
#gallery-page .grid-2 .image-wrapper {
  height: 400px;
}
#gallery-page .grid-3 .image-wrapper {
  height: 350px;
}
#gallery-page .grid-4 .image-wrapper {
  height: 300px;
}
#gallery-page .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#gallery-page .text-wrapper {
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
#gallery-page .text-wrapper a {
  font-size: 20px;
  color: var(--white-text);
  width: 65px;
  height: 65px;
  border: solid 2px var(--white-text);
  border-radius: 50%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gallery-page .grid-4 .text-wrapper a {
  width: 50px;
  height: 50px;
}
#gallery-page .text-wrapper .text h4 {
  margin-bottom: 10px;
  font-size: 24px;
  color: var(--white-text);
}
#gallery-page .text-wrapper .text p {
  color: var(--white-text);
  font-size: 20px;
  font-weight: 600;
}
#gallery-page .portfolio-item:hover .text-wrapper {
  opacity: 1;
}
#gallery-page .portfolio-item:hover .image-wrapper .overlay {
  opacity: 0.65;
}
#gallery-page .portfolio-item:hover .text-wrapper a,
#gallery-page .portfolio-item:hover .text-wrapper h4,
#gallery-page .portfolio-item:hover .text-wrapper p {
  color: var(--white-text);
  opacity: 1;
}
.portfolio-masonry-item {
  width: 33.3%;
}
#gallery-page .portfolio-masonry .portfolio-item {
  position: relative;
  margin: 10px;
}
#gallery-page .portfolio-masonry .image-wrapper {
  margin-bottom: 0;
  background-color: #fafafa;
  height: auto;
}
#popular-categories a {
  font-family: Lato, sans-serif;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 17px;
  border: solid 1px #ccc;
  color: #333;
  display: inline-block;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#popular-categories a:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-text);
}
#blog-details h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 15px;
  text-transform: inherit;
}
#blog-details p {
  font-size: 18px;
}
#blog-details .image {
  width: 100%;
  height: 450px;
}
#blog-details .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog-details .blog-detail {
  padding: 10px 25px;
  justify-content: flex-start;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: var(--primary-color);
}
#blog-details .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blog-details .blog-detail .date-comments {
  padding-right: 20px;
}
#blog-details .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  color: var(--white-text);
}
#blog-details .blockquote-style-2 {
  padding: 30px 50px 30px 130px;
  background-color: #f5f5f5;
  position: relative;
  margin-top: 30px;
}
#blog-details .blockquote-style-2 blockquote {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#blog-details .blockquote-style-2 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: 40px;
  top: 40px;
}
#blog-details .blockquote-style-2 cite {
  font-size: 23px;
  font-style: inherit;
  font-weight: 400;
  color: var(--primary-color);
}
#blog-details .share-categories {
  justify-content: space-between;
  display: flex;
  padding: 40px 0 180px;
}
#blog-details .share-categories #popular-categories a {
  padding: 8px 20px;
  font-size: 18px;
  margin-bottom: 0;
}
#blog-details .share-categories .share .addtoany_list.a2a_kit_size_32 a > span {
  background-color: #f1f1f1 !important;
}
#blog-details .share-categories .share svg {
  background-color: #f1f1f1;
  display: flex;
  top: 13px;
  left: 13px;
}
#blog-details .share-categories .share path {
  fill: #555;
  transform: scale(0.5);
}
#blog-details .share-categories .share .addtoany_list.a2a_kit_size_32 a > span {
  border-radius: 0;
  height: 45px;
  line-height: 40px;
  opacity: 1;
  width: 45px;
  background-color: #f1f1f1;
}
.blog-gallery .image-wrapper {
  overflow: hidden;
  margin: 40px 0;
}
.blog-gallery p:last-child {
  margin-bottom: 0;
}
#blog-details .comments-count {
  font-size: 36px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}
.indented {
  margin-left: 100px;
}
.comment-list h4 {
  font-size: 28px;
  margin-bottom: 180px;
}
.comment-wrapper .form-area {
  margin-top: 180px;
}
.comment-item {
  position: relative;
  display: flex;
  border-bottom: solid 1px #ccc;
  padding: 25px 0;
}
.comment-item .image-wrapper {
  width: 145px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px;
}
.comment-item.middel-item .image-wrapper {
  width: 160px;
}
.comment-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.comment-info .name {
  display: flex;
}
.comment-info h5 {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin-bottom: 0 !important;
}
.comment-info p {
  margin-bottom: 0;
}
.comment-item .comment-info .name span {
  font-size: 14px;
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400;
  padding: 0 20px;
}
.comment-delete,
.comment-edit {
  display: none;
}
.comments-reply .nav-link {
  padding: 0;
}
.comments-reply .nav-link a {
  color: var(--white-text);
  background-color: var(--bg-color);
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
}
.form-area h5 {
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  text-transform: capitalize !important;
  margin-bottom: 50px !important;
}
.form-area label {
  display: none;
}
.form-area .form-group {
  margin-bottom: 1.8rem;
}
.form-area .pt-form-element {
  height: 45px;
  border-radius: 0;
  background-color: transparent;
}
.form-area textarea.pt-form-element {
  height: 200px;
}
.form-area .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
.form-area .button-primary {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 17px;
  padding: 10px 30px;
}
#support {
  padding: 40px 30px;
  margin-bottom: 30px;
  background-color: var(--primary-color);
}
#support h5 {
  color: var(--white-text);
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 15px;
}
#support p {
  color: var(--white-text);
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 17.5px;
}
#support .contact {
  display: flex;
  align-items: center;
}
#support a {
  color: var(--white-text);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
#support i {
  width: 55px;
  height: 55px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  margin-right: 10px;
}
#our-services {
  background-color: #f7f7f7;
  padding: 40px 30px;
  margin-bottom: 30px;
}
#our-services h5 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
  color: #555;
}
#our-services ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
#our-services li {
  padding-bottom: 12px;
}
#our-services li:last-child {
  padding-bottom: 0;
}
#our-services li a {
  font-family: Lato, sans-serif;
  font-size: 19px;
  color: #646464;
}
#our-services li:before {
  font-family: FontAwesome;
  content: "\f101";
  font-weight: 900;
  font-style: normal;
  font-size: 17px;
  color: var(--primary-color);
  padding-right: 5px;
}
.sidebar {
  padding: 130px 15px;
}
.sidebar h5 {
  margin-bottom: 25px;
}
.sidebar #block-recentposts {
  margin-bottom: 30px;
}
#service-details {
  padding: 130px 0;
}
#service-details .image {
  overflow: hidden;
  width: 100%;
  height: 450px;
  position: relative;
  margin-bottom: 45px;
}
#service-details .image img {
  width: 100%;
  height: 100%;
}
#service-details .image .icon {
  width: 70px;
  height: 70px;
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color);
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 30px;
}
#service-details .image .icon span {
  width: 100%;
  height: 100%;
  font-size: 50px;
  filter: brightness(0) invert(1);
}
#service-details p {
  font-size: 18px;
}
#service-details h2,
#service-details h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}
#service-details ol {
  padding-left: 20px;
  margin-bottom: 40px;
}
#service-details ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 30px;
}
#service-details ol li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#service-details ul li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#service-details ul li:before {
  font-family: FontAwesome;
  content: "\f05d";
  font-style: normal;
  font-size: 20px;
  color: var(--primary-color);
  padding-right: 10px;
}
.gallery-block img {
  width: 100%;
  height: 100%;
}
#back-to {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 2.5%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: 0;
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
  padding: 10px 17px;
  border-radius: 3px;
  animation: 0.8s 0.18s fadeInBottom both;
}
#back-to:hover {
  background-color: var(--secondary-color);
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar {
  width: 1px;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 10px;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}
#access-denied {
  padding: 80px 0 80px 0;
}
#access-denied .title-section {
  border: 2px solid var(--primary-color);
  padding: 50px;
  border-radius: 3px;
  margin-bottom: 50px;
}
#access-denied .title-section h1 {
  color: var(--text-color);
  font-size: 160px;
  line-height: 200px;
  margin-bottom: 0;
}
#access-denied .title-section h2 {
  color: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 160px;
  line-height: 180px;
  margin-bottom: 0;
}
#access-denied .title-section h3 {
  color: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.8px;
}
#access-denied h4 {
  color: #000;
  font-size: 37px;
  font-weight: 600;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
#access-denied p {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin-bottom: 0;
  margin-bottom: 20px;
}
#access-denied a {
  color: #fff;
  padding: 10px 35px;
  transition: 0.6s ease-in-out;
}
#login .description {
  display: none;
}
#login h2 {
  text-align: center;
  font-weight: 600;
  font-size: 23px;
  letter-spacing: 0.8px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 35px;
}
#login .login-form {
  border-radius: 3px;
  overflow: hidden;
  padding: 45px 30px 50px;
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 80px;
}
#login .login-form .form-group {
  margin-top: 1.3rem;
  margin-bottom: 0;
}
#login .login-form .form-group.req-pass {
  margin-top: 0.2rem !important;
  margin-bottom: 1.3rem;
}
#login .login-form .form-group.req-pass a {
  color: #3daee1;
  float: right;
}
#login .login-form label {
  margin-bottom: 0.2rem;
  color: #000;
  font-weight: 500;
  font-size: 16.5px;
  letter-spacing: 0.5px;
}
.login-button .btn-primary {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.login-button .btn-primary:hover {
  border-color: var(--secondary-olor);
  background-color: var(--secondary-color);
}

.login-button.text-center {
  padding-top: 30px;
}
#login #edit-actions input#edit-submit {
  font-size: 18px;
  padding: 10px 50px;
  width: auto;
  height: auto;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
#login.register .login-form .form-group.req-pass {
  margin-top: 1.3rem;
  margin-bottom: 0;
  text-align: center;
}
#login.register .login-form .form-group.req-pass a {
  float: none;
  padding-left: 4px;
}
#login.register .login-button {
  padding-bottom: 20px;
}
#login.forget-pass .form-group p {
  font-size: 13px;
  padding-top: 10px;
}
#user-tabs ul {
  overflow: hidden;
  height: auto;
  margin: 20px 0 50px;
  white-space: nowrap;
  border: none;
  border-collapse: collapse;
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
  line-height: normal;
}
#user-tabs ul li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
#user-tabs ul li a {
  display: block;
  height: 2.8em;
  padding: 0 20px 3px;
  border-width: 1px;
  border-color: #bbb;
  text-shadow: 0 1px 0 #fff;
  font-size: 15px;
  line-height: 40px;
}
#user-tabs ul li.active a {
  border-bottom: none;
  color: var(--primary-color);
}
#user-tabs ul li a.is-active {
  color: #3e6bce;
  float: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #bbb;
  background-color: #fff;
  border-bottom-color: #fff;
  background-color: #fff;
}
#maintenance_mode {
  padding: 100px 0;
  background-color: #fff;
}
.mm-overlay.text-center {
  padding: 50px 0;
  width: 60%;
  text-align: center;
  margin: auto;
}
.mm-overlay .title {
  font-size: 60px;
  margin-bottom: 30px;
  line-height: 56px;
}
.mm-overlay p {
  margin: auto;
}
#mm-cont-social ul {
  list-style: none;
  padding: 0;
  display: inline-block;
}
#mm-cont-social {
  padding: 50px 0;
  text-align: center;
  background-color: #fff;
}
.mm-contact,
.mm-social {
  display: inline-block;
}
.mm-contact ul li {
  display: inline-block;
  padding-right: 40px;
  font-weight: 700;
  color: var(--secondary-color);
}
.mm-social ul li {
  display: inline-block;
}
.mm-contact ul li a,
.mm-social ul li a {
  border: 0;
  color: var(--secondary-color);
}
.mm-social h3 {
  display: inline-block;
  font-size: 14px;
  padding-right: 10px;
}
.mm-image {
  height: 350px;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
.mm-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#coming-soon {
  padding: 100px 0 200px;
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
  text-align: center;
  color: #fff;
  height: 100%;
}
#coming-soon .overlay {
  height: 0;
}
.cs-title {
  padding: 50px 0;
}
.cs-title h1 {
  color: #fff;
  font-size: 56px;
  margin-bottom: 50px;
  line-height: 56px;
  font-size: 72px;
}
.cs-title p {
  color: #fff;
  width: 55%;
  margin: auto;
}
.cs-date {
  display: inline-block;
  padding: 30px 0 10px;
  border: 1px solid #fff;
  margin: 10px 20px;
  border-radius: 20px;
  width: 13%;
  overflow: hidden;
}
.cs-date span {
  color: #fff;
  font-size: 40px;
  display: inline-block;
  font-weight: 900;
  margin-bottom: 25px;
}
.date_expired {
  content: "";
  border-bottom: 1px solid #fff;
  position: relative;
  top: 58px;
}
.cs-contact {
  margin-top: 80px;
}
.cs-contact ul {
  list-style: none;
  padding: 0;
}
.cs-contact ul li {
  display: inline-block;
  padding: 0 60px;
}
.cs-contact ul li span {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.cs-contact ul li a {
  font-size: 16px;
  color: #fff;
  border: 0;
  font-weight: 900;
}
.cs-social {
  display: inline-flex;
  padding-top: 70px;
}
.cs-social ul {
  padding: 5px 15px;
}
.cs-social ul li {
  display: inline-block;
}
pad .cs-social ul li a {
  border: 0;
  color: var(--white-text);
}
.cs-social h3 {
  display: inline-block;
  font-size: 14px;
  padding-right: 10px;
  color: #fff;
}
.detail-pdf {
  background-color: #192437;
  color: var(--white-text);
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.detail-pdf i {
  padding-right: 15px;
  color: var(--white-text);
  font-size: 22px;
}
.detail-pdf h5 {
  color: var(--white-text);
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
}
#project-details {
  padding: 130px 0;
}
#project-details .projects-detail {
  height: 600px;
  overflow: hidden;
  margin-bottom: 40px;
}
#project-details .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 600px;
  position: relative;
}
#project-details .image-wrapper img {
  width: 100%;
  height: 100%;
}
#project-details p {
  font-size: 18px;
}
#project-details h2,
#project-details h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}
#project-details ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 30px;
}
#project-details ul li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#project-details ul li:before {
  font-family: FontAwesome;
  content: "\f05d";
  font-style: normal;
  font-size: 20px;
  color: var(--primary-color);
  padding-right: 10px;
}
#project-details .detail-block {
  padding: 35px 30px;
  border: solid 1px #ccc;
  margin-bottom: 50px;
}
#project-details .detail-block .block .wrapper {
  margin-bottom: 20px;
}
#project-details .detail-block .block .wrapper:last-child {
  margin-bottom: 0;
}
#project-details .detail-block h6 {
  font-size: 18.5px;
}
#project-details .detail-block h6,
#project-details .detail-block p {
  margin-bottom: 0;
}
#project-details .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#project-details .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.75);
  color: var(--white-text);
  border-radius: 0;
  width: 50px;
  height: 50px;
  font-size: 16px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.75);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#project-details .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#project-details .owl-theme .owl-nav [class*="owl-"]:hover i {
  color: var(--white-text);
}
#project-details .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#project-details .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#project-details .owl-theme .owl-nav .owl-next i,
#project-details .owl-theme .owl-nav .owl-prev i {
  color: var(--white-text) !important;
}
#contact-details .style-1 {
  padding-bottom: 0;
}
#contact-details .style-1 .block-wrapper {
  background-color: #f7f7f7;
  padding: 30px 40px;
  display: flex;
}
#contact-details .block-wrapper .content {
  width: 80%;
  margin: auto;
}
#contact-details .block-wrapper h4 {
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
}
#contact-details .block-wrapper p {
  margin-bottom: 0;
}
#contact-details .block-wrapper ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
#contact-details .style-1 .block-wrapper li a {
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #646464;
}
#contact-details .style-2 .block-wrapper {
  display: flex;
  padding: 30px 0;
}
#contact-details .style-2 .block-wrapper a,
#contact-details .style-2 .block-wrapper p {
  font-size: 18px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: #646464;
}
#contact-details .style-2 .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--primary-color);
  margin-right: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#contact-block .details-wrapper {
  max-width: 420px;
  margin-left: auto;
  padding: 0 15px;
}
#contact-block .details-wrapper h3 {
  font-size: 36px;
  line-height: 52px;
}
#contact-block .form {
  background-color: #f7f7f7;
}
@media (max-width: 575.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-accordion h2,
  #s-alerts h2,
  #s-audio-video h2,
  #s-blockquotes h2,
  #s-buttons h2,
  #s-dropcaps h2,
  #s-highlights h2,
  #s-icons h2,
  #s-lists h2,
  #s-map h2,
  #s-progress h2,
  #s-table h3,
  #s-tabs h2,
  #s-tooltip h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #s-blockquotes .blockquote-style-1 blockquote {
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #s-blockquotes .blockquote-style-1 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -35px;
  }
  #s-blockquotes .blockquote-style-1 .profile span {
    font-size: 26px;
  }
  #s-blockquotes .blockquote-style-2 {
    padding: 30px;
  }
  #s-blockquotes .blockquote-style-2 blockquote {
    font-size: 20px;
    line-height: 32px;
  }
  #s-blockquotes .blockquote-style-2 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -15px;
    text-align: center;
  }
  #s-carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-carousels .style-1 .testimonial {
    margin-right: 0;
  }
  #s-carousels .style-2 .testimonial {
    margin: 40px 0;
  }
  #s-carousels .style-2 .user {
    flex-direction: column;
  }
  #s-carousels .style-2 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #s-carousels .style-2 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #s-carousels .style-2 .name {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
  }
  #s-carousels .style-2 .designation {
    margin-bottom: 0 !important;
    font-size: 18px;
  }
  #s-carousels .style-3 .owl-controls {
    position: unset;
  }
  #s-form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #s-form .style-2 .form-wrapper,
  #s-form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #s-form .style-3 h2 {
    font-size: 28px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #s-icons a i {
    font-size: 18px;
  }
  #s-icons a {
    width: 50px;
    height: 50px;
    margin-right: 28px;
  }
  #s-images .image-wrapper {
    width: 100%;
    height: 300px;
  }
  #s-lists ul li {
    font-size: 16px;
  }
  #s-pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #s-pricing span {
    font-size: 16px;
  }
  #s-pricing .style-1 .pricing-item li,
  #s-pricing .style-2 .pricing-item li,
  #s-pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #s-pricing .style-1 .button-primary,
  #s-pricing .style-2 .button-primary,
  #s-pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #s-tabs .tab-card .nav-item .nav-link {
    padding: 5px 12px;
    font-size: 16px;
  }
  #s-tabs .tab-style-2 .nav-tabs .nav-item {
    display: unset;
  }
  #s-testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #s-testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #s-testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-progress .progress {
    height: 7px;
  }
  #s-projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-projects .style-3 .image-wrapper {
    height: 380px;
  }
  #s-services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #s-blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 70%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show,
  .header-2 #main-2 .collapse.show,
  .header-3 #main-3 .collapse.show,
  .header-4 #main-4 .collapse.show,
  .header-5 #main-5 .collapse.show {
    padding-bottom: 35px;
    max-height: 500px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper .form-group {
    margin-bottom: 0;
  }
  .header-1 #top-header .wrapper .right-side {
    display: block;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-1 #top-header .wrapper {
    display: unset;
    text-align: center;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 70%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-right {
    justify-content: center;
    display: block;
    text-align: center;
  }
  .header-2 #top-header .top-right ul {
    justify-content: center;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 70%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-3 #top-header .wrapper {
    display: block;
    justify-content: center;
  }
  .header-3 #top-header .wrapper .left,
  .header-3 #top-header .wrapper .right {
    flex-flow: column;
    text-align: center;
  }
  .header-4 #top-header .top-right {
    justify-content: center;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 70%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-4 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 70%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  .header-5 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 #top-header .top-right {
    justify-content: center;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #slider #slider-style-1 .slider-wrapper {
    min-height: 600px;
    padding: 100px 0;
  }
  .header-variation-5 #slider #slider-style-1 .slider-wrapper {
    padding-top: 200px;
  }
  #slider #slider-style-1 h2 {
    font-size: 36px;
    line-height: 48px;
  }
  #slider #slider-style-1 p {
    font-size: 18px;
  }
  #services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #pricing span {
    font-size: 16px;
  }
  #pricing .style-1 .pricing-item li,
  #pricing .style-2 .pricing-item li,
  #pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #pricing .style-1 .button-primary,
  #pricing .style-2 .button-primary,
  #pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  #carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #carousels .style-2 .testimonial {
    margin-right: 0;
  }
  #carousels .style-3 .testimonial {
    margin: 40px 0;
  }
  #carousels .style-3 .user {
    flex-direction: column;
  }
  #carousels .style-3 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #carousels .style-3 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #carousels .style-1 .owl-controls {
    position: unset;
  }
  #testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #testimonials .style-3 .user {
    width: 100%;
  }
  #testimonials .style-3 .user .profile {
    width: 35%;
  }
  #testimonials .style-3 .user .detail {
    width: 65%;
  }
  #progress .progress {
    height: 10px;
  }
  #projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #projects .style-3 .image-wrapper {
    height: 380px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #video_style_1 .image-wrapper {
    height: 230px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #pricing .style-1 .black-button {
    margin-top: 0;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .button-primary {
    font-size: 16px;
    width: 100%;
    display: block;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding-left: 0;
  }
  #slider #slider-style-2 .content {
    padding: 50px 30px;
  }
  #slider #slider-style-2 h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
  }
  #slider #slider-style-2 a {
    margin-top: 15px;
  }
  #slider #slider-style-2 .border-design {
    width: 240px;
  }
  #slider #slider-style-2 .slider-wrapper {
    padding: 150px 0;
  }
  #achievement_style_2 .count {
    margin-bottom: 30px;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 20px;
  }
  #video_style_2 h2 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
  #client_style_2 .title {
    font-size: 26px;
    line-height: 40px;
  }
  #client_style_2 .subtitle {
    font-size: 18px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #experience_style_2 h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #experience_style_2 p {
    font-size: 18px;
    width: 100%;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #form .style-3.v-1 .form-wrapper {
    padding: 50px 0;
  }
  #blogs .style-2 .blog-item .image-wrapper,
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 280px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 30px 15px;
  }
  #footer_about p {
    width: 100%;
  }
  footer h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .copyrights .wrapper {
    flex-direction: column;
  }
  .copyrights .wrapper p {
    margin-bottom: 5px;
  }
  .copyrights .wrapper ul {
    flex-direction: column;
  }
  .copyrights .wrapper li:after {
    display: none;
  }
  #footer_about {
    text-align: center;
    padding: 0 15px;
  }
  #footer_about ul {
    justify-content: center;
  }
  #footer_about ul li {
    padding-right: 0;
    padding: 0 10px;
  }
  footer .footer-link li a {
    text-align: center;
  }
  footer .footer-link li a:before {
    display: none;
  }
  #contact_foooter .icon {
    display: none;
  }
  #contact_foooter .address,
  #contact_foooter .email,
  #contact_foooter .phone {
    text-align: center;
    justify-content: center;
  }
  footer .footer-link li a {
    padding: 3px;
  }
  #experience_style_2 a {
    margin: 10px;
  }
  #form .style-1 .input-group {
    flex-direction: column;
    height: auto;
  }
  #form .style-1 .pt-form-element {
    border-right: 2px solid #ced4da;
    margin-bottom: 10px;
  }
  #slider #slider-style-3 .content-wrapper {
    padding: 30px 30px;
    margin-right: 0;
  }
  #slider #slider-style-3 .slider-wrapper {
    padding: 130px 0;
  }
  #slider #slider-style-3 span {
    font-size: 18px;
  }
  #slider #slider-style-3 h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #slider #slider-style-3 p {
    font-size: 17px;
  }
  #video_style_3 .content {
    padding: 80px 0 80px 0;
  }
  #video_style_3 h2 {
    font-size: 32px;
    line-height: 44px;
    width: 100%;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #features h2 {
    font-size: 28px;
  }
  #teams .style-3 .team-member {
    margin: 0 30px 30px;
  }
  #achievement_style_3 h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
  }
  #achievement_style_3 p {
    width: 100%;
    text-align: center;
  }
  #achievement_style_3 a {
    width: 100%;
    margin-bottom: 50px;
  }
  #achievement_style_3 .count {
    margin-bottom: 40px;
    margin-top: 0;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #get-a-quote-style-2 [type="submit"] {
    width: 100%;
  }
  #get-a-quote-style-2 .image-wrapper {
    margin-bottom: 15px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 30px 15px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us h2 {
    font-size: 28px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 30px;
  }
  #join-us .button-primary {
    margin-right: 10px;
    padding: 12px 15px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #blogs .style-3 .blog-detail .date-comments span {
    font-size: 12px;
  }
  #achievement_style_3 .count {
    float: unset;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-4 h2 {
    font-size: 38px;
    line-height: 46px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 100px 0;
    min-height: unset;
    max-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery a {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 28px;
    line-height: 40px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #achievement_style_4 .subtitle {
    margin-bottom: 50px;
  }
  #pricing .style-4 span {
    margin-bottom: 40px;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #join-us p {
    text-align: center;
  }
  #information .content-wrapper h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #information .image-wrapper {
    height: 230px;
    margin-top: 30px;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #form .style-3 .subtitle {
    margin-bottom: 0;
  }
  #form .style-3 .form-wrapper {
    padding: 30px 0;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #subscribe_form_3 .content-wrapper .input-group {
    width: 100%;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  .pt-skins-panel .panel-skins-content .item-color {
    height: 50px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #video_style_2 .image-wrapper {
    height: 260px;
  }
  #projects .style-4 .project-item {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 h2 {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
  #why-us h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 10px;
  }
  #pricing .style-5 span {
    margin-bottom: 40px;
  }
  #pricing .style-5 .pricing-item,
  #pricing .style-5 .pricing-item.highlighted {
    margin-bottom: 30px;
  }
  #experience_style_4 p,
  #information.right .content-wrapper {
    width: 100%;
  }
  #experience_style_4,
  #subscribe_form_4 {
    padding: 100px 0;
  }
  #subscribe_form_4 h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #subscribe_form_4 .input-group {
    height: auto;
    width: 100%;
    flex-direction: column;
  }
  #subscribe_form_4 .pt-form-element {
    border-right: solid 1px #ccc;
  }
  #about-1 .right {
    margin-top: 30px;
  }
  #about-1 .blockquotes {
    position: unset;
    width: 100%;
  }
  #about-1 .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #about-2 .list {
    margin-bottom: 30px;
  }
  #why-us-2 .r-content-wrapper {
    padding: 20px;
    width: 100%;
  }
  #why-us-2 .r-content-wrapper h2 {
    width: 100%;
  }
  #why-us-2 .r-content-wrapper .list .icon {
    width: 15%;
  }
  #why-us-2 .r-content-wrapper .list .content {
    width: 75%;
  }
  #banner .image-wrapper {
    height: 200px;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
  #banner .image-wrapper h1 {
    font-size: 30px;
    line-height: 34px;
  }
  #award .left,
  #award .right {
    padding: 0;
    margin-bottom: 30px;
  }
  #award .image-border {
    width: 170px;
    height: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #award .image-wrapper {
    width: 150px;
    height: 150px;
  }
  #award .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #award .content {
    text-align: center;
  }
  #award .left .content {
    padding-left: 0;
  }
  #award .right .content {
    padding-right: 0;
  }
  #award .content p {
    width: 100%;
  }
  #award .content p:last-child {
    margin-bottom: 30px;
  }
  #careers .card-header .card-title {
    font-size: 18px;
  }
  #careers .pt-card-wrapper {
    padding: 20px;
  }
  #careers span {
    font-size: 10px;
    line-height: 22px;
    bottom: -15px;
  }
  #history-page .history-image-wrapper {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  #history-page .right span {
    margin-bottom: 0;
    font-size: 16px;
  }
  #history-page .right h2 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  #history-page .top-content {
    padding-bottom: 40px;
  }
  #history-page .history-item {
    padding: 0;
  }
  #history-page .history-item .list-left {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #history-page .history-item .content {
    margin-bottom: 30px;
  }
  #history-page .history-item .list-left .image-icon {
    margin: auto;
  }
  #history-page .history-item .content img {
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
  #contact-details .style-1 .block-wrapper {
    margin-bottom: 30px;
  }
  #contact-block .details-wrapper {
    padding-top: 80px;
  }
  #form .style-6 {
    padding: 50px 0;
  }
  #form .style-6 .form-wrapper .form-group .pt-form-element::placeholder {
    font-size: 16px !important;
  }
  #contact-details .style-2 .block-wrapper {
    flex-direction: column;
  }
  #contact-details .style-2 .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #contact-details .block-wrapper .content {
    text-align: center;
  }
  #client_style_1.client-page .client {
    height: 180px;
    margin-bottom: 0 !important;
  }
  #s-testimonials .style-1,
  #s-testimonials .style-2,
  #s-testimonials .style-3 {
    padding: 80px 0;
  }
  #s-alerts .alert {
    padding: 15px;
  }
  #s-alerts .alert i {
    padding-right: 10px;
  }
  #s-blogs .style-3 .content-wrapper .blog-detail {
    padding: 10px 15px;
  }
  #s-blogs .style-3 .blog-detail .date-comments {
    padding-right: 10px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #service-details .image {
    height: 250px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding: 80px 0 30px;
  }
  #service-details .image .icon {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  .gallery-block .image-wrapper {
    margin-bottom: 20px;
  }
  .sidebar {
    padding: 0 15px 80px;
  }
  #support a {
    font-size: 22px;
  }
  #service-details h4 img {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0 !important;
    width: 100%;
    height: auto;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 250px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 100%;
    padding: 25px 30px;
    position: unset;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 360px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  #gallery-page .gallery-tabs .tabs {
    flex-direction: column;
  }
  #gallery-page .gallery-tabs .tabs li a {
    line-height: 32px;
    display: block;
    margin-bottom: 20px;
  }
  .portfolio-masonry-item {
    width: 100%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 auto 10px;
  }
  #project-details {
    padding: 80px 0;
  }
  #project-details .projects-detail {
    height: 250px;
  }
  #blogs .style-1 .blog-item.grid-1 .image-wrapper {
    height: 270px;
  }
  #blogs .style-1 .blog-item.grid-2 .content-wrapper .blog-detail {
    padding: 10px 10px;
  }
  #blogs .custom-pager {
    padding-bottom: 30px;
  }
  #recent-blogs .blog-list-item .left {
    padding-left: 0;
    padding-right: 0;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 120px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .navbar-language {
    width: 100%;
  }
  .navbar-language .dropdown-toggle {
    padding: 0 15px !important;
  }
  .navbar-language .dropdown-menu {
    margin-top: 10px !important;
    border: none !important;
  }
  .navbar-language .dropdown-menu a {
    padding: 10px 15px !important;
    border: none !important;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }

  .footer-top #footer-logo-link > svg {
    width: 100%;
    max-width: 200px;
  }

  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
  .header-w-5 {
    background-color: #fff;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-accordion h2,
  #s-alerts h2,
  #s-audio-video h2,
  #s-blockquotes h2,
  #s-buttons h2,
  #s-dropcaps h2,
  #s-highlights h2,
  #s-icons h2,
  #s-lists h2,
  #s-map h2,
  #s-progress h2,
  #s-table h3,
  #s-tabs h2,
  #s-tooltip h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #s-blockquotes .blockquote-style-1 blockquote {
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #s-blockquotes .blockquote-style-1 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -35px;
  }
  #s-blockquotes .blockquote-style-1 .profile span {
    font-size: 26px;
  }
  #s-blockquotes .blockquote-style-2 {
    padding: 30px;
  }
  #s-blockquotes .blockquote-style-2 blockquote {
    font-size: 20px;
    line-height: 32px;
  }
  #s-blockquotes .blockquote-style-2 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -15px;
    text-align: center;
  }
  #s-carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-carousels .style-1 .testimonial {
    margin-right: 0;
  }
  #s-carousels .style-2 .testimonial {
    margin: 40px 0;
  }
  #s-carousels .style-2 .user {
    flex-direction: column;
  }
  #s-carousels .style-2 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #s-carousels .style-2 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #s-carousels .style-3 .owl-controls {
    position: unset;
  }
  #s-form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #s-form .style-2 .form-wrapper,
  #s-form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #s-form .style-3 h2 {
    font-size: 28px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #s-icons a i {
    font-size: 18px;
  }
  #s-icons a {
    width: 50px;
    height: 50px;
    margin-right: 28px;
  }
  #s-images .image-wrapper {
    width: 100%;
    height: 250px;
  }
  #s-lists ul li {
    font-size: 16px;
  }
  #s-pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #s-pricing span {
    font-size: 16px;
  }
  #s-pricing .style-1 .pricing-item li,
  #s-pricing .style-2 .pricing-item li,
  #s-pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #s-pricing .style-1 .button-primary,
  #s-pricing .style-2 .button-primary,
  #s-pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #s-tabs .tab-card .nav-item .nav-link {
    padding: 5px 12px;
    font-size: 16px;
  }
  #s-tabs .tab-style-2 .nav-tabs .nav-item {
    display: unset;
  }
  #s-testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #s-testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #s-testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-progress .progress {
    height: 10px;
  }
  #s-projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-projects .style-3 .image-wrapper {
    height: 380px;
  }
  #s-services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #s-blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 70%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show {
    padding-bottom: 35px;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #top-header .wrapper .right-side {
    display: block;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-1 #top-header .wrapper {
    display: unset;
    text-align: center;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 70%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-right {
    justify-content: center;
    display: block;
    text-align: center;
  }
  .header-2 #top-header .top-right ul {
    justify-content: center;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 70%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-3 #top-header .wrapper {
    display: block;
    justify-content: center;
  }
  .header-3 #top-header .wrapper .left,
  .header-3 #top-header .wrapper .right {
    flex-flow: column;
    text-align: center;
  }
  .header-4 #top-header .top-right {
    justify-content: center;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 70%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-4 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 70%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  .header-5 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 #top-header .top-right {
    justify-content: center;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #pricing span {
    font-size: 16px;
  }
  #pricing .style-1 .pricing-item li,
  #pricing .style-2 .pricing-item li,
  #pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #pricing .style-1 .button-primary,
  #pricing .style-2 .button-primary,
  #pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  #projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #projects .style-3 .image-wrapper {
    height: 380px;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #video_style_1 .image-wrapper {
    height: 230px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #pricing .style-1 .black-button {
    margin-top: 0;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .button-primary {
    padding: 10px;
    font-size: 16px;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #slider #slider-style-2 .content {
    padding: 50px 30px;
  }
  #slider #slider-style-2 h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
  }
  #slider #slider-style-2 a {
    margin-top: 15px;
  }
  #slider #slider-style-2 .border-design {
    width: 240px;
  }
  #slider #slider-style-2 .slider-wrapper {
    padding: 150px 0;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 20px;
  }
  #video_style_2 h2 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
  #client_style_2 .title {
    font-size: 26px;
    line-height: 40px;
  }
  #client_style_2 .subtitle {
    font-size: 18px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #experience_style_2 h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #experience_style_2 p {
    font-size: 18px;
    width: 100%;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #form .style-3.v-1 .form-wrapper {
    padding: 50px 0;
  }
  #blogs .style-2 .blog-item .image-wrapper,
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 280px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 30px 15px;
  }
  #footer_about {
    text-align: center;
    padding: 0 15px;
  }
  #footer_about ul {
    justify-content: center;
  }
  #footer_about ul li {
    padding-right: 0;
    padding: 0 10px;
  }
  #footer_about p {
    width: 100%;
  }
  footer h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .copyrights .wrapper {
    flex-direction: column;
  }
  .copyrights .wrapper p {
    margin-bottom: 5px;
  }
  .copyrights .wrapper ul {
    flex-direction: column;
  }
  .copyrights .wrapper li:after {
    display: none;
  }
  footer .footer-link li a {
    text-align: center;
  }
  footer .footer-link li a:before {
    display: none;
  }
  #contact_foooter .icon {
    display: none;
  }
  #contact_foooter .address,
  #contact_foooter .email,
  #contact_foooter .phone {
    text-align: center;
    justify-content: center;
  }
  footer .footer-link li a {
    padding: 3px;
  }
  #footer_about .image-wrapper img {
    width: 75%;
  }
  #footer_about p {
    width: 100%;
  }
  #slider #slider-style-3 .content-wrapper {
    padding: 30px 30px;
    margin-right: 0;
  }
  #slider #slider-style-3 .slider-wrapper {
    padding: 130px 0;
  }
  #slider #slider-style-3 span {
    font-size: 18px;
  }
  #slider #slider-style-3 h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #slider #slider-style-3 p {
    font-size: 17px;
  }
  #video_style_3 .content {
    padding: 80px 0 80px 0;
  }
  #video_style_3 h2 {
    font-size: 36px;
    line-height: 44px;
    width: 100%;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #features h2 {
    font-size: 28px;
  }
  #teams .style-3 .team-member {
    margin-bottom: 30px;
  }
  #achievement_style_3 h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
  }
  #achievement_style_3 p {
    width: 100%;
    text-align: center;
  }
  #achievement_style_3 a {
    width: 100%;
    margin-bottom: 50px;
  }
  #achievement_style_3 .count {
    margin-bottom: 40px;
    margin-top: 0;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #get-a-quote-style-2 [type="submit"] {
    width: 100%;
  }
  #get-a-quote-style-2 .image-wrapper {
    margin-bottom: 15px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 30px 15px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us h2 {
    font-size: 28px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 30px;
  }
  #join-us .button-primary {
    margin-right: 10px;
    padding: 12px 15px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #achievement_style_3 .count {
    float: unset;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-4 h2 {
    font-size: 38px;
    line-height: 46px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 100px 0;
    min-height: unset;
    max-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery a {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 28px;
    line-height: 40px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #achievement_style_4 .subtitle {
    margin-bottom: 50px;
  }
  #pricing .style-4 span {
    margin-bottom: 40px;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #join-us p {
    text-align: center;
  }
  #information .content-wrapper h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #information .image-wrapper {
    height: 230px;
    margin-top: 30px;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #form .style-3 .subtitle {
    margin-bottom: 0;
  }
  #form .style-3 .form-wrapper {
    padding: 30px 0;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #subscribe_form_3 .content-wrapper .input-group {
    width: 100%;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  .pt-skins-panel .panel-skins-content .item-color {
    height: 50px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #video_style_2 .image-wrapper {
    height: 260px;
  }
  #projects .style-4 .project-item {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 h2 {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
  #why-us h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 10px;
  }
  #pricing .style-5 span {
    margin-bottom: 40px;
  }
  #pricing .style-5 .pricing-item,
  #pricing .style-5 .pricing-item.highlighted {
    margin-bottom: 30px;
  }
  #experience_style_4 p,
  #information.right .content-wrapper {
    width: 100%;
  }
  #experience_style_4,
  #subscribe_form_4 {
    padding: 100px 0;
  }
  #subscribe_form_4 h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #subscribe_form_4 .input-group {
    height: auto;
    width: 100%;
    flex-direction: column;
  }
  #subscribe_form_4 .pt-form-element {
    border-right: solid 1px #ccc;
  }
  #about-1 .right {
    margin-top: 30px;
  }
  #about-1 .blockquotes {
    position: unset;
    width: 100%;
  }
  #about-1 .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #about-2 .list {
    margin-bottom: 30px;
  }
  #why-us-2 .r-content-wrapper {
    padding: 20px;
    width: 100%;
  }
  #why-us-2 .r-content-wrapper h2 {
    width: 100%;
  }
  #why-us-2 .r-content-wrapper .list .icon {
    width: 15%;
  }
  #why-us-2 .r-content-wrapper .list .content {
    width: 75%;
  }
  #banner .image-wrapper {
    height: 200px;
  }
  #banner .image-wrapper h1 {
    font-size: 30px;
    line-height: 34px;
  }
  #award .left,
  #award .right {
    padding: 0;
    margin-bottom: 30px;
  }
  #award .image-border {
    width: 170px;
    height: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #award .image-wrapper {
    width: 150px;
    height: 150px;
  }
  #award .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #award .content {
    text-align: center;
  }
  #award .left .content {
    padding-left: 0;
  }
  #award .right .content {
    padding-right: 0;
  }
  #award .content p {
    width: 100%;
  }
  #award .content p:last-child {
    margin-bottom: 30px;
  }
  #careers .card-header .card-title {
    font-size: 18px;
  }
  #careers .pt-card-wrapper {
    padding: 20px;
  }
  #careers span {
    font-size: 10px;
    line-height: 22px;
    bottom: -15px;
  }
  #history-page .history-image-wrapper {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  #history-page .right span {
    margin-bottom: 0;
    font-size: 16px;
  }
  #history-page .right h2 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  #history-page .top-content {
    padding-bottom: 40px;
  }
  #history-page .history-item {
    padding: 0;
  }
  #history-page .history-item .list-left {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #history-page .history-item .content {
    margin-bottom: 30px;
  }
  #history-page .history-item .list-left .image-icon {
    margin: auto;
  }
  #history-page .history-item .content img {
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
  #contact-details .style-1 .block-wrapper {
    margin-bottom: 30px;
  }
  #contact-block .details-wrapper {
    padding-top: 80px;
  }
  #form .style-6 {
    padding: 50px 0;
  }
  #contact-details .style-2 .block-wrapper {
    flex-direction: column;
  }
  #contact-details .style-2 .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #contact-details .block-wrapper .content {
    text-align: center;
  }
  #client_style_1.client-page .client {
    height: 180px;
    margin-bottom: 0 !important;
  }
  #form .style-6 {
    padding: 80px 0;
  }
  #contact-details .style-2 .icon {
    width: 75px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding: 80px 0 30px;
  }
  #service-details .image .icon {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  .gallery-block .image-wrapper {
    margin-bottom: 20px;
  }
  .sidebar {
    padding: 0 15px 80px;
  }
  #support a {
    font-size: 22px;
  }
  #service-details h4 img {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0 !important;
    width: 100%;
    height: auto;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 250px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 100%;
    padding: 25px 30px;
    position: unset;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 360px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  .portfolio-masonry-item {
    width: 100%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 auto 10px;
  }
  #project-details {
    padding: 80px 0;
  }
  #project-details .projects-detail {
    height: 250px;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 120px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-carousels .style-3 .user .profile {
    width: 40%;
  }
  #s-carousels .style-4 .line::after {
    width: 350px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin: auto;
    margin-top: 30px;
    width: 70%;
    height: auto;
  }
  #s-pricing .style-1 .pricing-item {
    margin: 0;
  }
  #pricing .style-1 .pricing-item {
    margin: 0;
  }
  #s-testimonials .style-1 .user .profile {
    width: 38%;
  }
  #s-testimonials .style-2 .testimonial {
    margin-right: 0;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
    height: 85px;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-projects .style-3 .image-wrapper {
    height: 430px;
  }
  .header-1 .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 40%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show,
  .header-2 #main-2 .collapse.show,
  .header-3 #main-3 .collapse.show,
  .header-4 #main-4 .collapse.show,
  .header-5 #main-5 .collapse.show {
    padding-bottom: 35px;
    max-height: 400px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper .form-group {
    margin-bottom: 0;
    margin: 8px auto;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 40%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 #top-header .language-wrapper {
    display: none;
  }
  .header-3 #top-header .wrapper .left a,
  .header-3 #top-header .wrapper .right span {
    font-size: 12px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 40%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #top-header .top-right {
    justify-content: space-between;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 40%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 40%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin: auto;
    margin-top: 30px;
    width: 70%;
    height: auto;
  }
  #testimonials .style-1 .user .profile {
    width: 38%;
  }
  #testimonials .style-2 .testimonial {
    margin-right: 0;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #testimonials .style-3 .user {
    width: 100%;
  }
  #testimonials .style-3 .user .profile {
    width: 35%;
    height: 85px;
  }
  #testimonials .style-3 .user .detail {
    width: 65%;
  }
  #projects .style-3 .image-wrapper {
    height: 430px;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper {
    height: 400px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_1 .client {
    height: 200px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .button-primary {
    height: 102%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #carousels .style-1 .owl-controls {
    position: unset;
  }
  #achievement_style_1 .count p {
    font-size: 18px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding-left: 0;
  }
  #slider #slider-style-2 .slider-wrapper {
    max-height: unset;
  }
  #achievement_style_2 .line::after {
    width: 100px;
    left: -40px;
  }
  #achievement_style_2 .count {
    margin-bottom: 30px;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 30px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 50px 30px;
  }
  #video_style_3 .content-wrapper {
    max-width: 100%;
  }
  #teams .style-3 .team-member {
    margin-bottom: 30px;
  }
  #teams .style-3 .image-wrapper {
    height: 250px;
  }
  #teams .style-3 .team-member-details h6 {
    font-size: 17px;
  }
  #teams .style-3 .team-member-details ul li {
    padding: 0 10px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 40px 30px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us .button-primary {
    padding: 9px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 150px 0;
    max-height: unset;
    min-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  #video_style_3.left .content h2 {
    width: 100%;
  }
  .masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery .black-button {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 38px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #experience_style_5 h2 {
    font-size: 34px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h4 {
    font-size: 32px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
    line-height: 34px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 50px;
  }
  #pricing .style-5 .pricing-item {
    margin-bottom: 30px;
  }
  #about-2 .list {
    min-height: auto;
    margin-bottom: 30px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #services .style-1.grid-2 .service-item {
    min-height: 440px;
  }
  #services .style-1.grid-2 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding-bottom: 50px;
  }
  .sidebar {
    padding: 0 15px 130px;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 300px;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 410px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 85%;
    top: 240px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  .portfolio-masonry-item {
    width: 50%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 10 10px;
  }
  #project-details {
    padding-bottom: 50px;
  }
  #blogs .style-1 .blog-item.grid-1 .image-wrapper {
    height: 270px;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  .comment-item .image-wrapper {
    width: 170px;
  }
  .comment-item.middel-item .image-wrapper {
    width: 180px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 160px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #s-carousels .style-2 .user {
    width: 100%;
  }
  #s-carousels .style-2 .user .profile {
    width: 25%;
  }
  #s-carousels .style-3 .user .profile {
    width: 50%;
  }
  #s-carousels .style-3 .owl-controls {
    top: 80%;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 40%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show {
    padding-bottom: 35px;
    max-height: 600px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 40%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 40%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #top-header .top-right {
    justify-content: space-between;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 40%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 40%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  #teams .style-1 .image-wrapper {
    height: 250px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #carousels .style-3 .user {
    width: 100%;
  }
  #carousels .style-3 .user .profile {
    width: 25%;
  }
  #carousels .style-1 .user .profile {
    width: 50%;
  }
  #carousels .style-1 .owl-controls {
    top: 65%;
  }
  #blogs .style-3 .blog-detail .date-comments span {
    font-size: 12px;
  }
  #achievement_style_5 .count h4 {
    font-size: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 24px;
  }
  #s-testimonials .style-1 .testimonial .user .profile {
    width: 50%;
  }
  #s-testimonials .style-1 .left-content {
    padding: 0;
  }
  #support a {
    font-size: 18px;
  }
  #project-details .projects-detail {
    height: 500px;
  }
  #recent-blogs .blog-list-item .left {
    padding: 10px;
  }
  #blogs .style-1 .blog-item.grid-2 .content-wrapper .date-comments,
  #blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
    padding-right: 10px;
  }
  #blogs .style-1 .blog-item.grid-2 .image-wrapper {
    height: 280px;
  }
  #blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
    padding: 10px;
  }
  .comment-item .image-wrapper {
    width: 170px;
  }
  .comment-item.middel-item .image-wrapper {
    width: 180px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .header-1 #main .container-fluid,
  .header-2 #main-2 .container-fluid,
  .header-3 #main-3 .container-fluid,
  .header-4 #main-4 .container-fluid,
  .header-5 #main-5 .container-fluid {
    max-width: 1140px;
  }
  .header-5 .toggle-icon {
    display: none;
  }
  #pt-header .navbar .collapse ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul li:hover > ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13rem;
    display: none;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul li:hover > ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    animation: 0.5s 0.1s fadeIn both;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #pt-header .navbar .collapse ul ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .dropdown-menu > li > a:after {
    transform: rotate(-90deg);
    float: right;
  }
  #carousels .style-3 .user {
    width: 100%;
    justify-content: center;
  }
  #carousels .style-3 .user .profile {
    width: 19%;
    overflow: hidden;
  }
  #carousels .style-1 .user .profile {
    width: 50%;
  }
  #carousels .style-1 .owl-controls {
    top: 65%;
  }
  .header-4 #main-4 .menu-item {
    padding: 0 0 0 35px;
  }
  #subscribe_form_4 .button-primary {
    width: 150%;
  }
}
@media (min-width: 1400px) {
  #subscribe_form_4 .button-primary {
    width: 150%;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: 5%;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next {
    right: 5%;
  }
  #projects .style-3 .projects-wrapper {
    flex: 0 0 20%;
    max-width: 20%;
  }
  #projects .style-3 .image-wrapper {
    height: 450px;
  }
  .header-4 #main-4 .menu-item {
    padding: 0 0 0 35px;
  }
}

body {
  font-family: Poppins, sans-serif;
  color: var(--text-color);
  background-color: var(--white-text);
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins, sans-serif;
  color: var(--text-color);
  text-transform: capitalize;
}
h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 30px;
}
h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 30px;
}
h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 30px;
}
h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 26px;
}
h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}
h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
p {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: #464646;
}
a {
  font-family: Poppins, sans-serif;
  color: var(--text-color);
  text-decoration: none;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
button:focus {
  outline: 0;
}
svg path {
  fill: var(--primary-color);
}
.svg-logo {
  fill: var(--primary-color) !important;
}
.image-wrapper {
  overflow: hidden;
}
.fa,
.fab,
.far,
.fas {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.node__content {
  margin-top: 0;
}
.section-130 {
  padding: 130px 0;
}
.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-nav [class*="owl-"]:hover i {
  transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -ms-transition: all 0.5s ease !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  border-color: var(--primary-color) !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover i {
  color: var(--primary-color) !important;
}
.header-w-1 .branding,
.header-w-2 .branding,
.header-w-3 .branding,
.header-w-4 .branding,
.header-w-5 .branding {
  display: none;
}
.navbar-language {
  width: auto;
}
.navbar-language .dropdown-toggle {
  padding: 0 0 0 15px !important;
}
.navbar-language .dropdown-toggle::after {
  display: inline !important;
}
.navbar-language .dropdown-menu {
  margin-top: 10px !important;
  min-width: 100px !important;
}
.navbar-language .dropdown-menu a {
  padding: 10px 15px !important;
}
.element-code-block {
  max-height: 102px;
  overflow-y: hidden;
  transition: max-height 0.7s ease-in;
  margin-bottom: 60px;
  text-align: left;
}
.element-code-block:hover {
  max-height: 4000px;
}
.element-code-block pre {
  background-color: #263238;
  color: #e9eded;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 12px;
  margin: 30px 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  box-shadow: none;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.button-primary {
  outline: 0;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 0.2rem;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.black-button {
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 35px;
  border-radius: 0;
  color: var(--text-color);
  border: solid 2px var(--text-color);
  background-color: transparent;
}
.black-button:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-text);
}
#s-buttons h2 {
  margin-bottom: 30px;
}
#s-buttons .btn-solid .btn-primary,
#s-buttons .button-outline .btn-outline-primary {
  border-radius: 0.2rem;
}
#s-buttons .btn-solid.color-1 .btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-buttons .btn-solid.color-1 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .btn-solid.color-2 .btn-primary {
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#s-buttons .btn-solid.color-2 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .btn-solid.color-3 .btn-primary {
  background-color: #949494;
  border-color: #949494;
}
#s-buttons .btn-solid.color-3 .btn-primary:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-buttons .button-outline.color-1 .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-buttons .button-outline.color-1 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: var(--primary-color);
}
#s-buttons .button-outline.color-2 .btn-outline-primary {
  color: var(--bg-color);
  border-color: var(--bg-color);
}
#s-buttons .button-outline.color-2 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: var(--bg-color);
}
#s-buttons .button-outline.color-3 .btn-outline-primary {
  color: #949494;
  border-color: #949494;
}
#s-buttons .button-outline.color-3 .btn-outline-primary:hover {
  color: var(--white-text);
  background-color: #949494;
}
#s-buttons .button-outline .btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
#s-buttons .btn-sm {
  padding: 8px 20px;
}
#s-buttons .btn-md {
  padding: 10px 25px;
}
#s-buttons .btn-lg {
  padding: 12px 30px;
}
#s-buttons button {
  display: block;
  margin-bottom: 30px;
  font-weight: 700;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-buttons button i {
  padding-right: 10px;
}
#s-icons h2 {
  margin-bottom: 50px;
}
#s-icons a {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: var(--primary-color);
  color: var(--white-text);
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-right: 35px;
  margin-bottom: 35px;
}
#s-icons a i {
  font-size: 24px;
}
#s-images .image-wrapper {
  width: 300px;
  height: 300px;
  display: block;
}
#s-images .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#s-blockquotes h2 {
  margin-bottom: 50px;
}
#s-blockquotes .blockquote-style-1 {
  position: relative;
  text-align: center;
}
#s-blockquotes .blockquote-style-1 blockquote {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 50px;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#s-blockquotes .blockquote-style-1 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: -50px;
  top: -15px;
}
#s-blockquotes .blockquote-style-1 .profile span {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 800;
  color: var(--primary-color);
}
#s-blockquotes .blockquote-style-1 .profile p {
  font-size: 15px;
}
#s-blockquotes .blockquote-style-2 {
  padding: 30px 50px 30px 120px;
  background-color: #f5f5f5;
  position: relative;
}
#s-blockquotes .blockquote-style-2 blockquote {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#s-blockquotes .blockquote-style-2 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: 40px;
  top: 30px;
}
#s-blockquotes .blockquote-style-2 cite {
  font-size: 22px;
  font-style: inherit;
  font-weight: 400;
  color: var(--primary-color);
}
.image-wrapper {
  overflow: hidden;
}
#s-headings p {
  margin-bottom: 50px;
}
#s-headings h1,
#s-headings h2,
#s-headings h3,
#s-headings h4,
#s-headings h5,
#s-headings h6 {
  margin-bottom: 30px;
}
#s-headings h6 {
  font-weight: 300;
}
#s-accordion h2,
#s-alerts h2,
#s-audio-video h2,
#s-blockquotes h2,
#s-buttons h2,
#s-dropcaps h2,
#s-highlights h2,
#s-icons h2,
#s-lists h2,
#s-map h2,
#s-progress h2,
#s-table h3,
#s-tabs h2,
#s-tooltip h2 {
  margin-bottom: 30px;
}
#s-dropcaps h2 {
  margin-bottom: 30px;
}
#s-dropcaps .dropcap-style-1 p::first-letter {
  font-size: 54px;
  line-height: 42px;
  font-weight: 600;
  color: var(--primary-color);
}
#s-dropcaps .dropcap-style-2 p::first-letter {
  font-size: 44px;
  line-height: 46px;
  font-weight: 600;
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 5px 12px;
}
#s-divider h2 {
  margin-bottom: 50px;
}
#s-divider p {
  color: var(--text-color);
}
#s-divider .solid {
  border-bottom: 1px solid #a3a3a3;
  margin-top: 30px;
}
#s-divider .dashed {
  border-bottom: 1px dashed #a3a3a3;
  margin-top: 30px;
}
#s-divider .double {
  border-bottom: 2px solid #a3a3a3;
  margin-top: 30px;
}
#s-divider .dotted {
  border-bottom: 2px dotted #a3a3a3;
  margin-top: 30px;
}
#s-grid h2 {
  margin-bottom: 30px;
}
#s-grid h3 {
  margin-bottom: 30px;
  font-weight: 400;
}
#s-grid p {
  margin-bottom: 80px;
}
#s-highlights h2 {
  margin-bottom: 30px;
}
#s-highlights p {
  font-size: 17.5px;
}
#s-highlights mark.highlights-style-1 {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#s-highlights mark.highlights-style-2 {
  color: var(--primary-color);
}
#s-lists h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 30px;
}
#s-lists ul {
  list-style-type: none;
  padding-left: 0;
}
#s-lists .list-style-1,
#s-lists .list-style-2,
#s-lists .list-style-3 {
  margin-bottom: 80px;
}
#s-lists ul li {
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
}
#s-lists .list-style-1 li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size: 26px;
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-lists .list-style-2 li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f192";
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-lists .list-style-3 li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  font-size: 32px;
  padding-right: 10px;
  color: var(--primary-color);
  vertical-align: middle;
}
#s-tooltip h2 {
  margin-bottom: 30px;
}
#s-tooltip a {
  color: var(--primary-color);
}
#s-tooltip .icon-wrapper {
  background-color: var(--primary-color);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#s-tooltip .icon-wrapper i {
  font-size: 22px;
  color: var(--white-text);
}
#s-accordion .style-1 .card-header::after {
  font-family: FontAwesome;
  content: "\f068";
  font-weight: 900;
  float: right;
}
#s-accordion .style-1 .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f067";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#s-accordion .style-1 .pt-card-wrapper {
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#s-accordion .style-1 .card-header.collapsed {
  background-color: #f7f7f7;
  color: var(--text-color);
}
#s-accordion .style-1 .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 20px 30px;
  border: 0;
}
#s-accordion .style-1 .pt-card-wrapper .card-body {
  padding: 1.25rem 1.75rem;
}
#s-accordion .style-1 .card-header:hover {
  cursor: pointer;
}
#s-accordion .style-1 .card-body {
  background-color: var(--primary-color);
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-accordion .style-1 .card-body p {
  color: var(--white-text);
}
#s-accordion .style-2 .card-header::after {
  font-family: FontAwesome;
  content: "\f056";
  font-weight: 900;
  float: right;
}
#s-accordion .style-2 .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f055";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#s-accordion .style-2 .pt-card-wrapper {
  border: solid 1px #bfbfbf;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#s-accordion .style-2 .card-header.collapsed {
  background-color: transparent;
  color: var(--text-color);
}
#s-accordion .style-2 .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 15px 20px;
  border: 0;
}
#s-accordion .style-2 .card-header:hover {
  cursor: pointer;
}
#s-accordion .style-2 .card-body {
  background-color: transparent;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-accordion .style-2 .card-body p {
  color: var(--text-color);
}
#s-audio-video h5 {
  font-weight: 800;
  margin-bottom: 30px;
}
#s-map h2 {
  margin-bottom: 30px;
}
#s-testimonials .style-1 {
  background-color: #f7f7f7;
  padding: 130px 0;
}
#s-testimonials .style-1 .left-content {
  padding: 50px 0;
}
#s-testimonials .style-1 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#s-testimonials .style-1 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#s-testimonials .style-1 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#s-testimonials .style-1 .testimonial p {
  font-size: 17.5px;
}
#s-testimonials .style-1 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#s-testimonials .style-1 .star-rating {
  display: flex;
  align-items: center;
}
#s-testimonials .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#s-testimonials .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#s-testimonials .style-1 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#s-testimonials .style-1 .testimonial .user {
  display: flex;
}
#s-testimonials .style-1 .testimonial .user .profile {
  width: 80px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 33%;
  overflow: hidden;
}
#s-testimonials .style-1 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#s-testimonials .style-1 .owl-controls {
  position: absolute;
  left: -52%;
  top: 65%;
}
#s-testimonials .style-1 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-testimonials .style-1 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#s-testimonials .style-1 .name {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-1 .designation {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--primary-color);
}
#s-testimonials .style-2,
#s-testimonials .style-3 {
  padding: 130px 0;
}
#s-testimonials .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  margin-bottom: 0;
}
#s-testimonials .subtitle {
  font-size: 19px;
  margin-bottom: 50px;
}
#s-testimonials .style-2 .testimonial {
  position: relative;
  background-color: #f9f9f9;
  padding: 30px 30px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin-right: 30px;
}
#s-testimonials .style-2 .testimonial p {
  font-size: 18px;
}
#s-testimonials .style-2 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
  overflow: hidden;
}
#s-testimonials .style-2 .name {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-2 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 17px;
  margin-bottom: 1rem;
  display: block;
}
#s-testimonials .style-3 .testimonial {
  padding: 70px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: auto 10px;
}
#s-testimonials .style-3 .testimonial p {
  margin-bottom: 1.5rem;
  font-size: 18px;
}
#s-testimonials .style-3 .user {
  display: flex;
  width: 60%;
  margin: auto;
  overflow: hidden;
}
#s-testimonials .style-3 .user .profile {
  width: 80px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-testimonials .style-3 .user .detail {
  margin: auto 0;
  width: 70%;
  text-align: left;
}
#s-testimonials .style-3 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -30px;
  display: flex;
  margin: auto;
}
#s-testimonials .style-3 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#s-testimonials .style-3 .name {
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-testimonials .style-3 .designation {
  font-size: 16px !important;
  font-weight: 400;
  margin-bottom: 0 !important;
}
#s-alerts h2 {
  margin-bottom: 30px;
}
#s-alerts .alert {
  border: none;
  border-radius: 5px;
  padding: 20px 50px;
}
#s-alerts .alert p {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 600;
  color: var(--white-text);
}
#s-alerts .alert i {
  font-size: 26px;
  padding-right: 40px;
  color: var(--white-text);
  vertical-align: middle;
}
#s-alerts .alert-primary {
  background-color: #56b0ee;
}
#s-alerts .alert-success {
  background-color: #3abc9b;
}
#s-alerts .alert-warning {
  background-color: #fcb53f;
}
#s-alerts .alert-danger {
  background-color: #fa7676;
}
#s-alerts .alert-danger::before,
#s-alerts .alert-success::before,
#s-alerts .alert-warning::before {
  display: none;
}
#s-tabs .tab-style-1 .card-header {
  background-color: transparent;
}
#s-tabs .tab-style-1 .tab-card {
  border: none;
}
#s-tabs .tab-style-1 .card-header {
  padding: 0.75rem 0.6rem;
  border-bottom: 1px solid #8e8e8e;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link:hover {
  border-radius: 0;
}
#s-tabs .tab-style-1 .nav-tabs .nav-item {
  padding-right: 10px;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link {
  border: solid 1px #8e8e8e;
  border-radius: 0;
  margin-bottom: 7px;
  font-size: 18px;
  padding: 12px 25px;
}
#s-tabs .tab-style-1 .nav-tabs .nav-link.active {
  border-color: #8e8e8e #8e8e8e #fff;
  border-radius: 0;
  color: var(--primary-color);
  margin-bottom: 0;
  padding-bottom: 20px;
}
#s-tabs .tab-style-1 .tab-pane.active {
  border: solid 1px #8e8e8e;
  border-top: 0;
  padding: 25px !important;
}
#s-tabs .tab-style-2 .card-header {
  background-color: transparent;
}
#s-tabs .tab-style-2 .tab-card {
  border: none;
}
#s-tabs .tab-style-2 .card-header {
  padding: 0.75rem 0.6rem;
  border-bottom: 5px solid var(--primary-color);
}
#s-tabs .tab-style-2 .nav-tabs .nav-item {
  padding-right: 10px;
}
#s-tabs .tab-style-2 .nav-tabs .nav-link {
  border: solid 1px #8e8e8e;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  padding: 12px 25px;
  background-color: #f8f8f8;
}
#s-tabs .tab-style-2 .nav-tabs .nav-link.active {
  border-color: var(--primary-color);
  border-radius: 5px 5px 0 0;
  color: var(--white-text);
  background-color: var(--primary-color);
}
#s-tabs .tab-style-2 .tab-pane.active {
  border: solid 1px #8e8e8e;
  border-top: 0;
  padding: 25px !important;
}
#s-progress .progress-style-1,
#s-progress .progress-style-2,
#s-progress .progress-style-3,
#s-progress .progress-style-4 {
  margin-bottom: 50px;
}
#s-progress .progress-style-1 h6,
#s-progress .progress-style-2 h6,
#s-progress .progress-style-3 h6,
#s-progress .progress-style-4 h6 {
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--text-color);
  font-family: Lato, sans-serif;
}
#s-progress .progress {
  border-radius: 30px;
  overflow: visible;
  height: 7px;
}
#s-progress .progress-bar {
  border-radius: 30px;
  position: relative;
  overflow: visible;
  background-color: var(--primary-color);
}
#s-progress .progress span {
  position: absolute;
  bottom: -25px;
  font-size: 16px;
  line-height: 34px;
  border-radius: 50%;
  font-weight: 600;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px var(--primary-color);
  right: -1.4em;
  color: var(--primary-color);
  background-color: var(--white-text);
}
#s-carousels .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  margin-bottom: 0;
}
#s-carousels .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-carousels .style-1 {
  padding: 130px 0;
}
#s-carousels .style-1 .testimonial p {
  font-size: 17.5px;
}
#s-carousels .style-1 .testimonial {
  position: relative;
  background-color: #f9f9f9;
  padding: 30px 35px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin: 0 0 0 40px;
}
#s-carousels .style-1 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
}
#s-carousels .style-1 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  margin-bottom: 1rem;
  display: block;
}
#s-carousels .style-1 .name {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
}
#s-carousels .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #ccc;
}
#s-carousels .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ccc;
}
#s-carousels .style-1 .owl-theme .owl-nav {
  margin-top: 50px;
}
#s-carousels .style-2 .testimonial {
  padding: 70px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: 40px 10px 10px 40px;
}
#s-carousels .style-2 .testimonial p {
  margin-bottom: 1.5rem;
  font-size: 18px;
}
#s-carousels .style-2 .testimonial .name {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
}
#s-carousels .style-2 .testimonial .designation {
  margin-bottom: 0;
  font-size: 17px;
}
#s-carousels .style-2 .user {
  display: flex;
  width: 60%;
  margin: auto;
}
#s-carousels .style-2 .user .profile {
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-carousels .style-2 .user .detail {
  margin: auto 0;
  width: 60%;
  text-align: left;
}
#s-carousels .style-2 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -30px;
  display: flex;
  margin: auto;
}
#s-carousels .style-2 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#s-carousels .style-3 {
  background-color: #f7f7f7;
  padding: 130px 0;
}
#s-carousels .style-3 .left-content {
  padding: 50px 0;
}
#s-carousels .style-3 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#s-carousels .style-3 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#s-carousels .style-3 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#s-carousels .style-3 .testimonial p {
  font-size: 17.5px;
}
#s-carousels .style-3 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#s-carousels .style-3 .star-rating {
  display: flex;
  align-items: center;
}
#s-carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#s-carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#s-carousels .style-3 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#s-carousels .style-3 .testimonial .user {
  display: flex;
}
#s-carousels .style-3 .testimonial .user .profile {
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 30%;
}
#s-carousels .style-3 .testimonial .name {
  text-transform: capitalize;
  font-size: 20px;
}
#s-carousels .style-3 .testimonial .designation {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--primary-color);
}
#s-carousels .style-3 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#s-carousels .style-3 .owl-controls {
  position: absolute;
  left: -52%;
  top: 65%;
}
#s-carousels .style-3 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-carousels .style-3 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#s-carousels .style-4 {
  padding: 130px 0;
}
#s-carousels .style-4 .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#s-carousels .style-4 .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #ccc;
  z-index: 1;
}
#s-carousels .style-4 .owl-item.active:last-child .line::after {
  display: none;
}
#s-carousels .style-4 .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#s-carousels .style-4 .year {
  font-size: 22px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#s-carousels .style-4 h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#s-carousels .style-4 .owl-theme .owl-nav {
  margin-top: 30px;
}
#s-carousels .style-4 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#s-carousels .style-4 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #000c;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
#s-form .title {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--primary-color);
  display: block;
}
#s-form h2 {
  line-height: 52px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
#s-form .style-2 h2 {
  font-size: 40px;
}
#s-form .pt-form-element {
  height: 60px;
  border-radius: 0;
  padding: 0 20px;
}
#s-form textarea.pt-form-element {
  height: 200px;
  padding: 20px;
}
#s-form .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#s-form .style-1 .button-primary {
  font-weight: 700;
}
#s-form .style-1 .button-primary,
#s-form .style-2 .button-primary,
#s-form .style-3 .button-primary {
  margin-top: 30px;
  padding: 10px 30px;
}
#s-form .style-1 .button-primary {
  text-transform: capitalize;
}
#s-form .style-2 .form-wrapper {
  background-color: #f8faf9;
  padding: 60px;
}
#s-form .style-3 {
  background-image: linear-gradient(#020202ab, #020202ab),
    url(../assets/images/Img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 130px 0;
}
#s-form .style-3 h2 {
  color: #fff;
  font-size: 38px;
  margin-bottom: 0;
}
#s-form .style-3 .subtitle {
  color: #fff;
  display: block;
  margin-bottom: 30px;
}
#s-form .style-3 .form-wrapper {
  background-color: #fff;
  padding: 60px;
}
#s-form .style-3 .pt-form-element {
  height: 50px;
}
#s-form .style-3 textarea.pt-form-element {
  height: 130px;
}
#s-form .style-3 .custom-select {
  background: url(../themes/custom/manufacturer/assets/images/arrow-24.png)
    no-repeat right 0.75rem center !important;
}
#s-form .style-3 .custom-select {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#s-form .style-4 {
  margin-top: 200px;
  margin-bottom: 100px;
  padding: 100px 0;
  background-image: linear-gradient(#020202ab, #020202ab),
    url(../assets/images/Img-9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
}
#s-form .style-4 h2 {
  color: #fff;
}
#s-form .style-4 .image-wrapper {
  width: 370px;
  height: 500px;
  position: absolute;
  bottom: -100px;
  right: 10%;
}
#s-form .style-4 .button-primary {
  height: 100%;
  border-radius: 0;
}
#s-form .style-4 .pt-form-element {
  height: 45px;
  border-radius: 0;
  background-color: transparent;
  border-right: none;
}
#s-form .style-4 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff;
}
#s-pricing h2 {
  font-size: 38px;
  line-height: 42px;
}
#s-pricing p {
  font-size: 19px;
  margin-bottom: 10px;
  display: block;
}
#s-pricing .style-1 .subtitle {
  margin-bottom: 50px;
}
#s-pricing .style-1 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#s-pricing .style-1 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#s-pricing .style-1 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#s-pricing .style-1 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  text-transform: lowercase;
  color: #888;
}
#s-pricing .style-1 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#s-pricing .style-1 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#s-pricing .style-1 .pricing-item li:last-child {
  border-bottom: none;
}
#s-pricing .style-1 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 15px;
  left: 0;
  color: var(--primary-color);
}
#s-pricing .style-1 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 14px 40px;
}
#s-pricing .style-1 .pricing-item.highlighted .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .black-button {
  margin-top: 50px;
}
#s-pricing .style-1 .pricing-item.highlighted {
  margin: 0;
}
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#s-pricing .style-1 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 20px;
}
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper p,
#s-pricing .style-1 .pricing-item.highlighted .plan-type-wrapper span,
#s-pricing .style-1 .pricing-item.highlighted h3,
#s-pricing .style-1 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#s-pricing .style-2 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
  position: relative;
}
#s-pricing .style-2 .pricing-item .icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px 25px 40px 40px;
  -webkit-clip-path: circle(70% at 70% 20%);
  clip-path: circle(66% at 70% 27%);
  background-color: #e4e4e447;
}
#s-pricing .style-2 .pricing-item .icon {
  width: 35px;
  height: 40px;
  filter: brightness(0) invert(1);
}
#s-pricing .style-2 .pricing-item .icon img {
  width: 100%;
  height: 100%;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #000;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
}
#s-pricing .style-2 .pricing-item .plan-type-wrapper p {
  color: #fff;
}
#s-pricing .style-2 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: #fff;
}
#s-pricing .style-2 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  text-transform: lowercase;
  color: #fff;
}
#s-pricing .style-2 .pricing-item ul {
  padding-left: 0;
  padding: 30px 30px 20px;
  margin-bottom: 0;
}
#s-pricing .style-2 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#s-pricing .style-2 .pricing-item li:last-child {
  border-bottom: none;
}
#s-pricing .style-2 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 15px;
  left: 0;
  color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: #000;
  border-color: #000;
}
#s-pricing .style-2 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-pricing .style-2 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-3 .pricing-item {
  border: solid 1px #ccc;
  border-radius: 30px;
  position: relative;
  margin: 40px 0;
}
#s-pricing .style-3 .pricing-item .plan-type {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
  display: block;
  padding: 25px 0;
  border-radius: 30px 30px 0 0;
  background-color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item h3 {
  font-size: 38px;
  line-height: 44px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  margin: 20px 0;
}
#s-pricing .style-3 .pricing-item h3 sub {
  bottom: 0;
  font-size: 34px;
  text-transform: capitalize;
}
#s-pricing .style-3 .pricing-item ul {
  padding-left: 0;
  padding: 0 0 20px;
  margin-bottom: 0;
}
#s-pricing .style-3 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
}
#s-pricing .style-3 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#s-pricing .style-3 .button-primary {
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 700;
  padding: 12px 25px;
  background-color: #0f253a;
  border-color: #0f253a;
}
#s-pricing .style-3 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-pricing .style-3 .pricing-item.highlighted h3 {
  color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item.highlighted ul li {
  color: var(--white-text);
}
#s-pricing .style-3 .pricing-item.highlighted {
  background-color: #0f253a;
}
#s-pricing .style-3 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#s-pricing .style-3 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#s-table h2 {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-align: center;
}
#s-table p {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}
#s-table .table-1 thead {
  background-color: var(--primary-color);
  color: var(--white-text);
}
thead > tr {
  border-bottom: none !important;
}
#s-table .table-1 tr {
  border-bottom: none !important;
}
#s-table .table-1 th {
  border-bottom: 0;
  background-color: transparent;
}
#s-table .table-1 td {
  border-top: 0;
}
#s-table .table-1 td,
#s-table .table-1 th {
  font-size: 20px;
  padding: 15px 25px;
  font-weight: 500;
  border-color: transparent;
}
#s-table .table-1 tbody tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
#s-table .table-1 tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
#s-table .table-2 thead {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#s-table .table-2 tr {
  border-bottom: none !important;
}
#s-table .table-2 th {
  border-bottom: 0;
  border-color: transparent;
  background-color: transparent;
}
#s-table .table-2 td {
  border-top: 0;
  border-color: transparent;
}
#s-table .table-2 td,
#s-table th {
  font-size: 20px;
  padding: 15px 25px;
  font-weight: 500;
}
#s-table .table-2 tbody tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
#s-table .table-2 tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
#s-table .table-2 td.fit,
#s-table .table-2 th.fit {
  white-space: nowrap;
  width: 42%;
}
#s-table .table-3 th {
  background-color: transparent;
  color: var(--text-color);
}
#s-table .table-3 {
  border: 1px solid #dee2e6;
}
#s-table .table-3 th {
  background-color: #f5f5f5 !important;
}
#s-table .table-3 td,
#s-table .table-3 th {
  font-size: 20px;
  padding: 15px 90px;
  font-weight: 500;
  border-color: #f5f5f5;
  background-color: #fff;
}
#s-table .table-3 th {
  border-bottom: 0;
}
#s-table .table-3 thead {
  background-color: #f5f5f5;
}
#s-table .table-3 tr > td,
#s-table .table-3 tr > th {
  border-right: 1px solid #dee2e6;
}
#s-table .table-3 tr > td:last-child,
#s-table .table-3 tr > th:last-child {
  border-right: 0;
}
#s-table .table-4 th {
  background-color: transparent;
  color: var(--text-color);
}
#s-table .table-4 {
  border: 1px solid #dee2e6;
}
#s-table .table-4 th {
  background-color: #f5f5f5 !important;
}
#s-table .table-4 td,
#s-table .table-4 th {
  font-size: 20px;
  padding: 15px 85px;
  font-weight: 500;
  border-color: #f5f5f5;
  background-color: #fff;
}
#s-table .table-4 th {
  border-bottom: 0;
}
#s-table .table-4 thead {
  background-color: #f5f5f5;
  color: var(--text-color);
}
#s-table .table-4 tr > td,
#s-table .table-4 tr > th {
  border-right: 1px solid #dee2e6;
}
#s-table .table-4 tr > td:last-child,
#s-table .table-4 tr > th:last-child {
  border-right: 0;
}
#s-services .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#s-services .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-services .style-1 .service-item {
  position: relative;
  margin-bottom: 30px;
  min-height: 420px;
}
#s-services .style-1 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#s-services .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-1 .content-wrapper {
  padding: 30px;
  padding-top: 40px;
  margin: 0 20px;
  border-top: solid 2px var(--primary-color);
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#s-services .style-1 .content-wrapper h6 {
  text-transform: capitalize;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-1 .content-wrapper p {
  margin-bottom: 0;
}
#s-services .style-1 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
  position: absolute;
  top: -30px;
  overflow: hidden;
}
#s-services .style-1 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-2 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-services .style-2 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#s-services .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-2 .content-wrapper {
  padding: 30px 25px;
  padding-top: 70px;
  background-color: #fff;
  position: relative;
}
#s-services .style-2 .content-wrapper .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-flex;
}
#s-services .style-2 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-2 .content-wrapper h6 {
  font-size: 22px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-2 .content-wrapper p {
  margin-bottom: 30px;
}
#s-services .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #f7f7f7;
}
#s-services .style-3 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-services .style-3 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-services .style-3 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-services .style-3 .service-item .image-wrapper {
  overflow: hidden;
  height: 300px;
}
#s-services .style-3 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-services .style-3 .content-wrapper {
  padding: 30px;
  background-color: #fff;
  position: relative;
  border: solid 1px #ccc;
}
#s-services .style-3 .content-wrapper .service-title {
  display: flex;
  width: 100%;
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  justify-content: center;
}
#s-services .style-3 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
}
#s-services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 30px;
  background-color: #333;
}
#s-services .style-3 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  margin: auto;
}
#s-services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  height: 100%;
  color: var(--white-text);
}
#s-services .style-3 .content-wrapper h6 {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-services .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-services .style-3 .content-wrapper p {
  font-size: 17.5px;
}
#s-services .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
#s-services .style-3 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 700;
  line-height: 12px;
  font-family: FontAwesome;
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  padding-left: 15px;
  -webkit-font-smoothing: antialiased;
}
#s-projects .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#s-projects .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#s-projects .style-1 .project-item {
  position: relative;
  margin-bottom: 30px;
  min-height: 420px;
}
#s-projects .style-1 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#s-projects .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-1 .content-wrapper {
  padding: 30px;
  margin: 0 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#s-projects .style-1 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 600;
}
#s-projects .style-1 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#s-projects .style-1 .project-item:hover .content-wrapper a,
#s-projects .style-1 .project-item:hover .content-wrapper h4,
#s-projects .style-1 .project-item:hover .content-wrapper i,
#s-projects .style-1 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#s-projects .style-1 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
  font-size: 16px;
}
#s-projects .style-1 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#s-projects .style-1 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#s-projects .style-1 .content-wrapper .icons {
  display: flex;
  position: absolute;
  top: -130px;
  left: 0;
  right: 0;
  justify-content: center;
}
#s-projects .style-1 .content-wrapper .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects
  .style-1
  .project-item:hover
  .content-wrapper
  .icons
  .icon-link:nth-child(1) {
  transform: scale(1);
  transition-delay: 0.1s;
}
#s-projects
  .style-1
  .project-item:hover
  .content-wrapper
  .icons
  .icon-link:nth-child(2) {
  transform: scale(1);
  transition-delay: 0.3s;
}
#s-projects .style-1 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#s-projects .style-1 .content-wrapper .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#s-projects .style-2 {
  background-color: #f8f8f8;
}
#s-projects .style-2 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#s-projects .style-2 .image-wrapper {
  height: 300px;
  background-color: #ccc;
  overflow: hidden;
}
#s-projects .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-2 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .content {
  background-color: transparent;
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .project-item:hover .content {
  opacity: 1;
  transform: scale(1);
}
#s-projects .style-2 .top-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#s-projects .style-2 .bottom-content {
  background-color: #fff;
  padding: 30px;
  width: 100%;
}
#s-projects .style-2 .bottom-content p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 18px;
}
#s-projects .style-2 .project-item:hover .content-wrapper {
  opacity: 0.8;
  transform: scale(1);
}
#s-projects .style-2 .content .icon-link {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-2 .content .icon-link i {
  color: var(--white-text);
}
#s-projects .style-3 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#s-projects .style-3 .image-wrapper {
  height: 550px;
  background-color: #ccc;
  overflow: hidden;
}
#s-projects .style-3 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#s-projects .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#s-projects .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#s-projects .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  padding: 0 30px;
}
#s-projects .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#s-projects .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#s-projects .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
#s-projects .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-projects .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#s-teams .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
}
#s-teams .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
  text-transform: capitalize;
}
#s-teams .button-primary {
  padding: 12px 30px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
  text-transform: capitalize;
}
#s-teams .style-1 .team-member {
  margin-bottom: 30px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-1 .team-member:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-teams .style-1 .image-wrapper {
  height: 330px;
  overflow: hidden;
}
#s-teams .style-1 .image-wrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#s-teams .style-1 .team-member-details {
  text-align: center;
  position: relative;
  z-index: 2;
  background-color: var(--white-text);
}
#s-teams .style-1 .team-member-details .name {
  width: 100%;
  padding: 15px 0;
  margin-bottom: 15px;
  text-align: center;
  background-color: var(--primary-color);
}
#s-teams .style-1 .team-member-details .name h6 {
  margin-bottom: 0;
  color: var(--white-text);
}
#s-teams .style-1 .team-member-details p {
  font-size: 20px;
}
#s-teams .style-1 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding-bottom: 15px;
  margin-bottom: 0;
  justify-content: center;
}
#s-teams .style-1 .team-member-details ul li {
  padding: 0 7px;
}
#s-teams .style-1 .team-member-details ul a {
  font-size: 18px;
}
#s-teams .style-2 .team-member {
  margin-bottom: 30px;
  border: solid 1px #ccc;
}
#s-teams .style-2 .image-wrapper {
  height: 300px;
  overflow: hidden;
}
#s-teams .style-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#s-teams .style-2 .team-member-details {
  padding: 40px 30px 30px;
  position: relative;
}
#s-teams .style-2 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding: 5px 15px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: #333;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-2 .team-member-details ul li {
  padding: 0 14px;
}
#s-teams .style-2 .team-member-details ul a {
  font-size: 18px;
  color: var(--white-text);
}
#s-teams .style-2 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-2 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#s-teams .style-2 .team-member:hover .team-member-details ul {
  background-color: var(--primary-color);
}
#s-teams .style-2 .team-member:hover .team-member-details h6 {
  color: var(--primary-color);
  text-transform: capitalize;
}
#s-teams .style-3 .team-member {
  margin-bottom: 30px;
}
#s-teams .style-3 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#s-teams .style-3 .team-member img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-teams .style-3 .team-member:hover img {
  transform: scale(1.2);
}
#s-teams .style-3 .team-member-details {
  text-align: center;
  padding: 30px;
  position: relative;
}
#s-teams .style-3 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: -80px;
}
#s-teams .style-3 .team-member-details ul a {
  font-size: 16px;
  color: var(--white-text);
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-teams .style-3 .team-member:hover .team-member-details ul a {
  transform: scale(1);
  transition-delay: 0.1s;
}
#s-teams .style-3 .team-member-details h6 {
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-teams .style-3 .team-member-details p {
  font-size: 18px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
}
#s-blogs .style-1 #s-blogs .style-2 #s-blogs .style-3 {
  padding: 100px 0;
}
#s-blogs .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#s-blogs .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#s-blogs .style-1 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-1 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-1 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#s-blogs .style-1 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-1 .content-wrapper {
  padding: 0 0 30px;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-1 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: var(--primary-color);
  padding: 10px 25px;
  justify-content: flex-start;
}
#s-blogs .style-1 .blog-detail .date-comments {
  padding-right: 20px;
}
#s-blogs .style-1 .blog-detail .date-comments:last-child {
  padding-right: 0;
}
#s-blogs .style-1 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 15px;
  color: var(--white-text);
}
#s-blogs .style-1 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#s-blogs .style-1 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-1 .content-wrapper p {
  font-size: 18px;
}
#s-blogs .style-1 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-transform: capitalize;
}
#s-blogs .style-1 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 900;
  font-size: 14px;
  font-family: FontAwesome;
  padding-left: 10px;
}
#s-blogs .style-2 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-2 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-2 .blog-item .image-wrapper {
  overflow: hidden;
  height: 320px;
  background-color: #f7f7f7;
}
#s-blogs .style-2 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-2 .content-wrapper {
  padding: 30px 0;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-2 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
#s-blogs .style-2 .blog-detail .date span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-color);
}
#s-blogs .style-2 .content-wrapper h6 {
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-2 .content-wrapper p {
  font-size: 17.5px;
}
#s-blogs .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
}
#s-blogs .style-2 .blog-list-item {
  margin-bottom: 30px;
  min-height: 130px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-2 .blog-list-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-2 .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#s-blogs .style-2 .blog-list-item .image-wrapper img {
  transition: 0.5s ease;
}
#s-blogs .style-2 .blog-list-item .right {
  padding-left: 30px;
}
#s-blogs .style-2 .blog-list-item .content-wrapper {
  padding: 0;
  background-color: #fff;
  position: relative;
}
#s-blogs .style-2 .blog-list-item .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#s-blogs .style-2 .blog-list-item .content-wrapper h6 {
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-2 .blog-list-item .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-2 .blog-list-item .content-wrapper p {
  color: #333;
}
#s-blogs .style-2 .blog-list-item .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
}
#s-blogs .style-3 .blog-item {
  margin-bottom: 30px;
  min-height: 500px;
  border: solid 1px #ccc;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#s-blogs .style-3 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#s-blogs .style-3 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#s-blogs .style-3 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#s-blogs .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}
#s-blogs .style-3 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 40px 15px 30px;
}
#s-blogs .style-3 .content-wrapper .blog-detail {
  display: flex;
  width: 85%;
  position: absolute;
  left: 0;
  top: -25px;
  padding: 10px 20px;
  justify-content: flex-start;
  background-color: var(--primary-color);
}
#s-blogs .style-3 .blog-detail .date-comments {
  padding-right: 20px;
}
#s-blogs .style-3 .blog-detail .date-comments:last-child {
  padding-right: 0;
}
#s-blogs .style-3 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 26px;
  color: var(--white-text);
}
#s-blogs .style-3 .blog-detail i {
  color: var(--white-text);
  padding-right: 3px;
}
#s-blogs .style-3 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#s-blogs .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#s-blogs .style-3 .content-wrapper p {
  color: #333;
}
#s-blogs .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
}
#header .header-1,
#header .header-2,
#header .header-3,
#header .header-4,
#header .header-5 {
  display: none;
}
#header .header-1.active,
#header .header-2.active,
#header .header-3.active,
#header .header-4.active,
#header .header-5.active {
  display: block;
}
#header .header-5 {
  position: fixed;
  width: 100%;
  z-index: 500;
}
#header .header-5.remove {
  position: relative !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  box-shadow: none !important;
}
.header-1,
.header-2,
.header-3,
.header-4,
.header-5 {
  display: none;
}
.header-1.active,
.header-2.active,
.header-3.active,
.header-4.active,
.header-5.active {
  display: block;
}
#pt-header .dropdown-menu {
  border: solid 1px #ccc;
  border-bottom: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
}
#pt-header .dropdown-menu a {
  border-bottom: solid 1px #ccc;
  padding: 10px 20px;
  font-weight: 400;
}
.header-1 .toggle-icon {
  display: none;
}
.header-1 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 29px;
}
.header-1 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-1 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-1 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-1 #top-header {
  background-color: #e4e7e7;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-1 #top-header .wrapper {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: center;
}
.header-1 #top-header .wrapper .right-side {
  display: flex;
  justify-content: space-between;
}
.header-1 #top-header .wrapper a,
.header-1 #top-header .wrapper span {
  font-size: 16px;
  line-height: 26px;
  font-family: Lato, sans-serif;
}
.header-1 #top-header .language {
  padding: 0;
  padding-left: 10px;
}
.header-1 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
  color: var(--primary-color);
}
.header-1 .brand-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-1 .branding {
  width: 65%;
}
.header-1 .brand-header .contact-info {
  display: flex;
  float: right;
}
.header-1 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  align-items: center;
  display: flex;
  border: solid 2px #ccc;
  border-radius: 50%;
  justify-content: center;
}
.header-1 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-1 .brand-header .contact-links a {
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-size: 19px;
}
.header-1 .brand-header .contact-links h6 {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
}
.header-1 #main {
  background-color: var(--bg-color);
  padding-top: 0;
  padding-bottom: 0;
}
.header-1 #main .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  padding: 15px;
}
.header-1 #main .menu-link:hover {
  color: var(--primary-color);
}
.header-1 #main .container-fluid {
  width: 90%;
}
.header-1 #main .dropdown-menu a {
  color: var(--text-color);
}
.header-1 #main .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-1 #main .language-wrapper {
  display: none;
}
.header-1 #top-header .form-group {
  margin-bottom: 0;
}
.header-1 #top-header .language-wrapper {
  padding-left: 10px;
}
.form-control.lang-dropdown-select-element {
  color: var(--text-color);
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  line-height: 28px;
  height: auto;
  padding-left: 10px;
  display: inline-block;
  font-weight: 500;
  width: 100% !important;
}
.form-control.lang-dropdown-select-element::after {
  display: none;
}
.form-control.lang-dropdown-select-element option {
  color: var(--text-color);
  padding: 10px;
}
.header-2 #main-2.shrink {
  background-color: var(--bg-color);
}
.header-3 #main-3.shrink {
  background-color: var(--white-text);
}
.header-4 #main-4.shrink {
  background-color: var(--primary-color);
  bottom: unset;
}
.header-w-1.shrink.stricky,
.header-w-2.shrink.stricky,
.header-w-3.shrink.stricky,
.header-w-4.shrink.stricky,
.header-w-5.shrink.stricky {
  position: fixed;
  top: 0;
  animation: 0.8s 0.18s fadeInDown both;
  box-shadow: 0 -2px 10px 1px rgba(0, 0, 0, 0.3);
  z-index: 100;
  width: 100%;
  background-color: #fff;
}
.user-logged-in .header-w-1.shrink.stricky,
.user-logged-in .header-w-2.shrink.stricky,
.user-logged-in .header-w-3.shrink.stricky,
.user-logged-in .header-w-4.shrink.stricky,
.user-logged-in .header-w-5.shrink.stricky {
  top: 78px;
}
.user-logged-in .header-5 #main-5.shrink {
  background-color: var(--white-text);
}
.header-2 .toggle-icon {
  display: none;
}
.header-2 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color);
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 18px 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
.header-2 .btn-primary.nav-link:hover {
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-text);
}
.header-2 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-2 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-2 #top-header {
  background-color: #e4e7e7;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 16px;
  position: relative;
}
.header-2 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-2 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-2 #top-header .top-right {
  position: absolute;
  width: 58%;
  padding: 12px;
  background-color: transparent;
  top: 0;
  right: 0;
  display: flex;
  justify-content: space-evenly;
  z-index: 1;
  /*-webkit-clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
    clip-path: polygon(100% -1500%, 0 100%, 100% 99%);*/
}
.header-2 #top-header .top-right::after {
  background-color: var(--primary-color);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  -webkit-clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
  clip-path: polygon(100% -1500%, 0 100%, 100% 99%);
}
.header-2 #top-header .top-right span,
.header-2 #top-header .top-right ul li a {
  color: var(--white-text);
}
.header-2 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-2 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-2 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-2 #top-header .wrapper {
  display: flex;
  margin: auto;
  max-width: 1140px;
}
.header-2 .brand-header {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: var(--white-text);
}
.header-2 .branding {
  width: 100%;
}
.header-2 .brand-header .contact-info {
  display: flex;
}
.header-2 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin: auto;
  align-items: center;
  display: flex;
  border: solid 2px #ccc;
  justify-content: center;
}
.header-2 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-2 .brand-header .contact-links a {
  font-weight: 400;
}
.header-2 .brand-header .contact-links h6 {
  color: var(--primary-color);
}
.header-2 #main-2 {
  padding-bottom: 0;
  padding-top: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.header-2 #main-2 .navbar-collapse {
  background-color: var(--bg-color);
}
.header-2 #main-2 .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 18px 20px;
}
.header-2 #main-2 .menu-link:hover {
  color: var(--white-text);
  background-color: var(--primary-color);
}
.header-2 #main-2 .container-fluid {
  width: 90%;
}
.header-2 #main-2 .dropdown-menu a {
  color: var(--text-color);
}
.header-2 #main-2 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-2 #main-2 .language-wrapper {
  display: none;
}
.header-2 #top-header .form-group {
  margin-bottom: 0;
}
.header-2 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-2 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
}
.header-3 .toggle-icon {
  display: none;
}
.header-3 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  text-transform: uppercase !important;
}
.header-3 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-3 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 700;
  vertical-align: middle;
  border: none !important;
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.header-3 .dropdown-item:hover,
.header-3 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-3 #top-header {
  background-color: var(--bg-color);
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-3 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-3 #top-header .wrapper .left {
  display: flex;
}
.header-3 #top-header .wrapper .left a {
  color: var(--white-text);
  padding-right: 15px;
  font-weight: 400;
  font-size: 18px;
  font-family: Lato, sans-serif;
}
.header-3 #top-header .wrapper .left a:last-child {
  padding-right: 0;
}
.header-3 #top-header .wrapper .left a:hover {
  color: var(--primary-color);
}
.header-3 #top-header .wrapper .left a i {
  padding-right: 10px;
}
.header-3 #top-header .wrapper .right {
  display: flex;
}
.header-3 #top-header .wrapper .right span {
  color: var(--white-text);
  font-weight: 600;
  font-weight: 400;
  font-size: 18px;
  font-family: Lato, sans-serif;
}
.header-3 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-3 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-3 .brand-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-3 .branding {
  width: 70%;
}
.header-3 .brand-header .contact-info {
  display: flex;
}
.header-3 .brand-header .icon {
  width: 60px;
  height: 60px;
  margin: auto;
  margin-right: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.header-3 .brand-header .icon span {
  font-size: 58px;
}
.header-3 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-3 .brand-header .contact-links span {
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  float: right;
}
.header-3 .brand-header .contact-links p {
  float: right;
}
.header-3 #main-3 {
  padding-top: 0;
  padding-bottom: 0;
  border-top: solid 1px #ccc;
}
.header-3 #main-3 .menu-link {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  padding: 15px;
}
.header-3 #main-3 .menu-link:hover {
  color: var(--primary-color);
}
.header-3 #main-3 .container-fluid {
  width: 90%;
}
.header-3 #main-3 .dropdown-menu a {
  color: var(--text-color) !important;
}
.header-3 #main-3 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-3 #main-3 .language-wrapper {
  display: none;
}
.header-3 #top-header .form-group {
  margin-bottom: 0;
}
.header-3 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-3 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
.header-4 {
  position: relative;
}
.header-4 .toggle-icon {
  display: none;
}
.header-4 .btn-primary.nav-link {
  background-color: var(--bg-color) !important;
  color: var(--white-text);
  font-weight: 600;
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 29px;
}
.header-4 .btn-primary.nav-link:hover {
  border-color: var(--primary-color);
  color: var(--white-text);
}
.header-4 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-4 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-4 #top-header {
  background-color: var(--bg-color);
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-4 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-4 #top-header .wrapper a,
.header-4 #top-header .wrapper span {
  color: var(--white-text);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 17px;
  font-family: Lato, sans-serif;
}
.header-4 #top-header .top-right {
  display: flex;
}
.header-4 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-4 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-4 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-4 #top-header .language {
  padding: 0;
  padding-left: 10px;
  color: var(--white-text);
}
.header-4 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-4 .brand-header {
  padding-top: 35px;
  padding-bottom: 70px;
  background-color: var(--white-text);
  position: relative;
}
.header-4 .branding {
  width: 75%;
}
.header-4 .brand-header .contact-info {
  display: flex;
}
.header-4 .brand-header .icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  align-items: flex-start;
  display: flex;
  justify-content: center;
}
.header-4 .brand-header .icon i {
  font-size: 25px;
  color: var(--primary-color);
}
.header-4 .brand-header .contact-links a {
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-size: 20px;
}
.header-4 .brand-header .contact-links h6 {
  color: var(--primary-color);
  margin-bottom: 0;
}
.header-4 #main-4 {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
}
.header-4 #main-4 .navbar-collapse {
  background-color: var(--primary-color);
  z-index: 100;
}
.header-4 #main-4 .menu-item {
  padding: 0 15px;
}
.header-4 #main-4 .menu-link {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 15px 0 13px 0;
  border-bottom: solid 5px transparent;
}
.header-4 #main-4 .menu-link:hover {
  color: var(--white-text);
  border-color: var(--white-text);
}
.header-4 #main-4 .container-fluid {
  width: 90%;
}
.header-4 #main-4 .dropdown-menu a {
  color: var(--text-color);
}
.header-4 #main-4 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-4 #main-4 .language-wrapper {
  display: none;
}
.header-4 #top-header .form-group {
  margin-bottom: 0;
}
.header-4 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-4 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
.header-5 .toggle-icon {
  display: block;
}
.header-5 .btn-primary.nav-link {
  background-color: var(--primary-color);
  border: none;
  text-transform: capitalize !important;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 29px;
  margin-top: auto;
  margin-bottom: auto;
}
.header-5 .btn-primary.nav-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-text);
}
.header-5 .dropdown-toggle::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  vertical-align: middle;
  padding: 0 5px;
  border: none !important;
  display: none;
}
.header-1 .dropdown-item:hover,
.header-5 a:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.header-5 #top-header {
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-5 #top-header .wrapper {
  display: flex;
  justify-content: space-between;
}
.header-5 #top-header .wrapper a,
.header-5 #top-header .wrapper span {
  color: var(--white-text);
}
.header-5 #top-header .navbar-language .dropdown a {
  color: #000;
}
.header-5 #top-header .top-right {
  display: flex;
}
.header-5 #top-header .language {
  padding: 0;
  padding-left: 10px;
}
.header-5 #top-header .language i {
  padding-left: 5px;
  font-size: 14px;
}
.header-5 #top-header .top-right ul {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-flow: row;
  list-style-type: none;
}
.header-5 #top-header .top-right ul li {
  padding: 0 20px 0 0;
}
.header-5 #top-header .top-right ul li:last-child {
  padding: 0;
}
.header-5 .brand-header .row {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--white-text);
}
.header-5 .brand-header .wrapper {
  display: flex;
  justify-content: space-between;
  padding: 5px 35px;
}
.header-5 .branding {
  width: 35%;
}
.header-5 #main-5 {
  padding-top: 0;
  padding-bottom: 0;
}
.header-5 #main-5 .container-fluid {
  background-color: #fff;
  border-top: solid 1px #ccc;
}
.header-5 #main-5 .collapse {
  justify-content: center;
}
.header-5 #main-5 .menu-link {
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 15px 15px 13px 15px;
  border-bottom: solid 5px transparent;
}
.header-5 #main-5 .menu-link:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.header-5 #main-5 .container-fluid {
  width: 92%;
}
.header-5 #main-5 .dropdown-menu a {
  color: var(--text-color);
}
.header-5 #main-5 .dropdown-menu a:hover {
  color: var(--primary-color);
}
.header-5 #main-5 .language-wrapper {
  display: none;
}
.header-5 .right-navigation {
  display: none;
}
.header-5 #top-header .form-group {
  margin-bottom: 0;
}
.header-5 #top-header .language-wrapper {
  padding-left: 10px;
}
.header-5 .form-control.lang-dropdown-select-element {
  color: var(--white-text);
  font-weight: 400;
}
#experience_style_1 {
  min-height: 380px;
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_1 span {
  color: var(--white-text);
  text-transform: uppercase;
  font-size: 18.5px;
  font-weight: 400;
  margin-bottom: 15px;
  display: block;
}
#experience_style_1 h2 {
  color: var(--white-text);
  text-transform: inherit;
  font-size: 42px;
  font-weight: 800;
  line-height: 52px;
  margin-bottom: 30px;
}
#experience_style_1 a {
  text-transform: capitalize;
  padding: 12px 35px;
  font-weight: 600;
  font-size: 17px;
}
#experience_style_2 {
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_2 .icon {
  margin-bottom: 30px;
}
#experience_style_2 h2 {
  color: var(--white-text);
  text-transform: capitalize;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 15px;
}
#experience_style_2 p {
  color: var(--white-text);
  font-size: 22px;
  width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
#experience_style_2 a {
  text-transform: capitalize;
  padding: 10px 25px;
  font-weight: 600;
  font-size: 17px;
  border-radius: 0;
  margin: 0 3px;
}
#experience_style_2 a.active {
  background-color: transparent;
  color: var(--primary-color);
}
#experience_style_2 a.active:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#experience_style_4 {
  padding: 180px 0;
  background-position: center;
  background-size: cover;
}
#experience_style_4 .icon {
  margin-bottom: 30px;
}
#experience_style_4 h2 {
  color: var(--white-text);
  text-transform: capitalize;
  font-size: 38px;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 15px;
  margin-bottom: 50px;
}
#experience_style_4 p {
  color: var(--white-text);
  font-size: 22px;
  width: 70%;
  margin: auto;
  margin-bottom: 50px;
}
#experience_style_4 a {
  text-transform: capitalize;
  padding: 10px 25px;
  font-weight: 600;
  font-size: 17px;
  border-radius: 0;
  margin: 0 3px;
}
#experience_style_4 a.active {
  background-color: transparent;
  color: var(--primary-color);
}
#experience_style_4 a.active:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#experience_style_5.section-130 {
  padding-bottom: 0;
}
#experience_style_5 span {
  text-transform: capitalize;
  display: block;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 19px;
}
#experience_style_5 h2 {
  font-size: 38px;
  font-weight: 800;
  line-height: 50px;
}
#slider #slider-style-1 {
  position: relative;
}
#slider.header-variation-5 #slider-style-1 .slider-wrapper {
  padding-top: 400px !important;
}
#slider #slider-style-1 .slider-wrapper {
  min-height: 700px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
.header-variation-5 #slider #slider-style-1 .slider-wrapper {
  padding-top: 350px;
}
#slider #slider-style-1 span {
  color: var(--white-text);
  padding: 2px 10px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
#slider #slider-style-1 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
}
#slider #slider-style-1 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-1 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 15px;
  font-size: 18px;
  padding: 12px 25px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-1 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-1 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-1 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-2 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-2 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-4 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-4 .owl-theme .owl-nav .owl-prev i,
#slider #slider-style-5 .owl-theme .owl-nav .owl-next i,
#slider #slider-style-5 .owl-theme .owl-nav .owl-prev i {
  color: var(--white-text) !important;
}
#slider #slider-style-1 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-2 {
  position: relative;
}
#slider #slider-style-2 .slider-wrapper {
  min-height: 700px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
#slider #slider-style-2 span {
  color: var(--white-text);
  padding: 2px 10px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
#slider #slider-style-2 .content-wrapper {
  position: relative;
}
#slider #slider-style-2 .content {
  padding: 100px 80px;
  position: relative;
  z-index: 2;
}
#slider #slider-style-2 .border-design {
  border: solid 15px var(--primary-color);
  height: 100%;
  width: 340px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#slider #slider-style-2 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#slider #slider-style-2 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-2 a {
  color: var(--primary-color);
  background-color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-2 a:hover {
  background-color: transparent;
  color: var(--white-text);
  border-color: var(--white-text);
}
#slider #slider-style-2 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-2 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-3 {
  position: relative;
}
#slider #slider-style-3 .slider-wrapper {
  min-height: 700px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 200px 0;
}
#slider #slider-style-3 .content-wrapper {
  background-color: rgb(255, 255, 255, 0.8);
  padding: 40px 30px;
  margin-right: 70px;
}
#slider #slider-style-3 span {
  color: var(--text-color);
  text-transform: capitalize;
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  font-family: Lato, sans-serif;
}
#slider #slider-style-3 h2 {
  color: var(--primary-color);
  font-size: 42px;
  font-weight: 900;
  line-height: 52px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#slider #slider-style-3 p {
  font-size: 19px;
  margin-bottom: 20px;
  color: var(--text-color);
}
#slider #slider-style-3 a {
  color: var(--primary-color);
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  border: solid 2px var(--primary-color);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-3 a:hover {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#slider #slider-style-3 .owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  margin-top: 0;
  bottom: 15px;
}
#slider #slider-style-3 .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
}
#slider #slider-style-3 .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--white-text);
}
#slider #slider-style-4 {
  position: relative;
  height: 600px;
}
#slider #slider-style-4 .slider-wrapper {
  min-height: 600px;
  max-height: 800px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 170px 0;
}
#slider #slider-style-4 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 64px;
  margin-bottom: 20px;
}
#slider #slider-style-4 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-4 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 20px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-4 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-4 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.5);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.9);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-4 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-5 {
  position: relative;
}
#slider #slider-style-5 .slider-wrapper {
  min-height: 700px;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 300px 0 330px;
}
#slider #slider-style-5 h2 {
  color: var(--white-text);
  font-size: 52px;
  font-weight: 900;
  line-height: 60px;
  margin-bottom: 30px;
  width: 80%;
}
#slider #slider-style-5 p {
  color: var(--white-text);
  font-size: 20px;
  margin-bottom: 20px;
}
#slider #slider-style-5 a {
  color: var(--white-text);
  display: inline-block;
  margin-top: 30px;
  padding: 10px 25px;
  font-weight: 600;
  border: solid 1px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-5 a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-5 .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.5);
  color: var(--white-text);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 20px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.9);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#slider #slider-style-5 .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#services .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#services .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#services .style-1 .service-item {
  position: relative;
  margin-bottom: 40px;
  min-height: 420px;
}
#services .style-1.grid-2 .service-item {
  min-height: 480px;
}
#services .style-1.grid-1 .service-item {
  min-height: 750px;
}
#services .style-1 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-1.grid-1 .service-item:hover .image-wrapper img {
  transform: scale(1.05);
}
#services .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#services .custom-pager {
  padding-bottom: 0;
  padding-top: 50px;
}
#services .style-1.grid-1 .image-wrapper {
  height: 470px;
}
#services .style-1.grid-2 .image-wrapper {
  height: 350px;
}
#services .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#services .style-1.grid-1 .content-wrapper h6 {
  font-size: 22px;
  font-weight: 600;
}
#services .style-1.grid-1 .content-wrapper {
  padding-top: 60px;
}
#services .style-1 .content-wrapper {
  padding: 30px;
  padding-top: 40px;
  margin: 0 20px;
  border-top: solid 2px var(--primary-color);
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  z-index: 2;
  animation: 0.5s 0.1s fadeIn both;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-1.grid-1 .content-wrapper {
  margin: 0 50px;
  top: 420px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
}
#services .style-1.grid-2 .content-wrapper {
  margin: 0 30px;
  padding-top: 50px;
}
#services .style-1.grid-3 .content-wrapper {
  padding-top: 55px;
}
#services .style-1.grid-3 .service-item {
  min-height: 440px;
}
#services .style-1 .content-wrapper h6 {
  text-transform: capitalize;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-1 .content-wrapper p {
  margin-bottom: 0;
}
#services .style-1 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  padding: 10px;
  background-color: var(--primary-color);
  position: absolute;
  top: -30px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
#services .style-1 .content-wrapper .icon span {
  width: 100%;
  height: 100%;
  font-size: 40px;
  filter: brightness(0) invert(1);
}
#services .style-1 .content-wrapper .link-to {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 15px;
  display: inline-block;
  margin-top: 20px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transform: scale(0);
  display: none;
}
#services .style-1.grid-1 .content-wrapper .link-to {
  display: inline-block;
  transform: scale(1);
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
}
#services .style-1.grid-1 .content-wrapper:hover .link-to {
  animation: none;
}
#services .style-1 .content-wrapper:hover .link-to {
  display: inline-block;
  transform: scale(1);
  animation: 0.5s 0.1s fadeIn both;
}
#services .style-2 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-2 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#services .style-2 .image-wrapper img {
  transition: 0.5s ease;
}
#services .style-2 .content-wrapper {
  padding: 25px;
  padding-top: 70px;
  background-color: #fff;
  position: relative;
}
#services .style-2 .content-wrapper .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-flex;
}
#services .style-2 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
  width: auto;
  height: auto;
  object-fit: contain;
  margin: auto;
}
#services .style-2 .content-wrapper h6 {
  font-size: 22px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-1.grid-2 .content-wrapper h6 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}
#services .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-2 .content-wrapper p {
  margin-bottom: 30px;
}
#services .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #f7f7f7;
}
#services .style-3 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-3 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-3 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-3 .service-item .image-wrapper {
  overflow: hidden;
  height: 230px;
}
#services .style-3 .image-wrapper img {
  transition: 0.5s ease;
}
#services .style-3 .content-wrapper {
  padding: 27px;
  background-color: #fff;
  position: relative;
  border: solid 1px #ccc;
}
#services .style-3 .content-wrapper .service-title {
  display: flex;
  width: 100%;
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  justify-content: center;
}
#services .style-3 .content-wrapper .icon {
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
}
#services .style-3 .content-wrapper .icon img {
  filter: brightness(0) invert(1);
}
#services .style-3 .content-wrapper .service-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 30px;
  background-color: #333;
}
#services .style-3 .content-wrapper h6 {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#services .style-3 .content-wrapper p {
  font-size: 18px;
}
#services .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
#services .style-3 .content-wrapper .link-to:after {
  content: "\f105";
  font-weight: 700;
  line-height: 20px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#services .style-4 .service-item {
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-4 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-4 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-4 .service-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  width: 100%;
}
#services .style-4 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  object-fit: cover;
}
#services .style-4 .content-wrapper {
  padding: 20px;
  background-color: var(--primary-color);
  position: relative;
  display: flex;
}
#services .style-4 .content-wrapper .icon {
  padding-right: 20px;
}
#services .style-4 .content-wrapper h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--white-text);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#services .style-5 .service-item {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#services .style-5 .service-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#services .style-2 .service-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#services .style-2 .service-item .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
#services .style-2 .image-wrapper img {
  transition: 0.5s ease;
}
#service-style-5 {
  padding: 60px 0;
  position: relative;
  z-index: 5;
}
#service-style-5 .style-5 {
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  right: 0;
  margin: auto;
}
.user-logged-in #service-style-5 .style-5 {
  top: -240px;
}
#service-style-5 .style-5 .content-wrapper {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#service-style-5 .style-5 .image-wrapper {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
#service-style-5 .style-5 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.5;
}
#service-style-5 .style-5 .content-wrapper h6 {
  font-size: 20px;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#service-style-5 .style-5 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#service-style-5 .style-5 .content-wrapper p {
  margin-bottom: 30px;
}
#service-style-5 .style-5 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  color: var(--primary-color);
}
#service-style-5 .style-5 .content {
  padding: 30px 10px;
  text-align: center;
}
#teams .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#teams .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#teams .button-primary {
  padding: 12px 30px;
  color: #fff;
  display: inline-block;
  text-transform: capitalize;
}
#teams .style-1 .team-member {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#teams .style-1 .team-member:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#teams .style-1 .image-wrapper {
  height: 330px;
  overflow: hidden;
}
#teams .style-1 .image-wrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#teams .style-1 .team-member-details {
  text-align: center;
  position: relative;
  z-index: 2;
}
#teams .style-1 .team-member-details .name {
  width: 100%;
  padding: 15px 0;
  margin-bottom: 15px;
  text-align: center;
  background-color: var(--primary-color);
}
#teams .style-1 .team-member-details .name h6 {
  margin-bottom: 0;
  color: var(--white-text);
}
#teams .style-1 .team-member-details p {
  font-size: 20px;
}
#teams .style-1 .team-member-details ul {
  list-style-type: none;
  display: inline-flex;
  padding-left: 0;
  justify-content: center;
}
#teams .style-1 .team-member-details ul li {
  padding: 0 8px;
}
#teams .style-1 .team-member-details ul a {
  font-size: 18px;
}
#teams .style-3 .button-primary {
  margin-top: 40px;
}
#teams .style-3 .team-member {
  border: solid 1px #ccc;
}
#teams .style-3 .image-wrapper {
  height: 300px;
  overflow: hidden;
}
#teams .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#teams .style-3 .team-member-details {
  padding: 40px 30px 30px;
  position: relative;
}
#teams .style-3 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  padding: 8px 22px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: #333;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-3 .team-member-details ul li {
  padding: 0 15px;
}
#teams .style-3 .team-member-details ul a {
  font-size: 14px;
  color: var(--white-text);
}
#teams .style-3 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-3 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#teams .style-3 .team-member:hover .team-member-details ul {
  background-color: var(--primary-color);
}
#teams .style-3 .team-member:hover .team-member-details h6 {
  color: var(--primary-color);
  text-transform: capitalize;
}
#teams .style-2 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#teams .style-2 .team-member img {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#teams .style-2 .team-member:hover img {
  transform: scale(1.2);
}
#teams .style-2 .team-member-details {
  text-align: center;
  padding: 30px;
  position: relative;
}
#teams .style-2 .team-member-details ul {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: -80px;
}
#teams .style-2 .team-member-details ul a {
  font-size: 16px;
  color: var(--white-text);
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#teams .style-2 .team-member:hover .team-member-details ul a {
  transform: scale(1);
  transition-delay: 0.1s;
}
#teams .style-2 .team-member-details h6 {
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-2 .team-member-details p {
  font-size: 18px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#teams .style-4 .team-member {
  margin-bottom: 30px;
  border: solid 1px #ccc;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  animation: 0.5s 0.1s fadeIn both;
  position: relative;
  min-height: 470px;
}
#teams .style-4 .image-wrapper {
  height: 350px;
  overflow: hidden;
}
#teams .style-4 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#teams .style-4 .team-member-details {
  padding: 40px 30px 25px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  background-color: var(--white-text);
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  animation: 0.6s 0.2s fadeIn both;
}
#teams .style-4 .team-member-details ul {
  list-style-type: none;
  padding-left: 0;
  padding: 8px 15px;
  margin-bottom: 0;
  justify-content: center;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  display: none;
}
#teams .style-4 .team-member:hover .team-member-details ul {
  display: flex;
  animation: 0.5s 0.1s fadeIn both;
}
#teams .style-4 .team-member-details ul li {
  padding: 0 12px;
}
#teams .style-4 .team-member-details ul a {
  font-size: 16px;
}
#teams .style-4 .button-primary {
  margin-top: 50px;
  font-size: 17px;
  padding: 12px 25px;
}
#teams .style-4 .team-member-details h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-4 .team-member:hover h6 {
  color: var(--primary-color);
}
#teams .style-4 .team-member-details p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
#teams .style-5 .subtitle {
  margin-bottom: 50px;
}
#teams .style-5 .team-member {
  margin-bottom: 30px;
  border: solid 1px var(--text-color);
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  animation: 0.5s 0.1s fadeIn both;
  position: relative;
  min-height: 500px;
}
#teams .style-5 .image-wrapper {
  height: 450px;
  overflow: hidden;
}
#teams .style-5 .image-wrapper img {
  width: 100%;
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#teams .style-5 .team-member:hover .image-wrapper img {
  transform: scale(1.1);
}
#teams .style-5 .team-member-details {
  padding: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  background-color: var(--primary-color);
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  animation: 0.6s 0.2s fadeIn both;
}
#teams .style-5 .team-member-details ul {
  list-style-type: none;
  padding-left: 0;
  padding: 8px 15px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-5 .team-member-details ul li {
  padding: 0 7px;
}
#teams .style-5 .team-member-details ul a {
  font-size: 18px;
  color: var(--white-text);
}
#teams .style-5 .button-primary {
  margin-top: 40px;
}
#teams .style-5 .team-member-details h5 {
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--white-text);
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#teams .style-5 .team-member-details p {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--white-text);
}
#achievement_style_1 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_1 .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_1 .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
  color: var(--white-text);
}
#achievement_style_1 .count {
  background-color: var(--white-text);
  border-left: solid 3px var(--primary-color);
  padding: 20px;
  position: relative;
}
#achievement_style_1 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 900;
}
#achievement_style_1 .count h4 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_1 .count p {
  font-size: 20px;
  line-height: 28px;
  color: var(--text-color);
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
#achievement_style_1 .icon {
  position: absolute;
  right: 0;
  bottom: -15px;
  font-size: 58px;
  color: #ececec;
  z-index: 1;
}
#achievement_style_2 {
  padding: 80px 0;
  background-position: center;
  background-size: cover;
}
#achievement_style_2 .count {
  text-align: center;
  position: relative;
}
#achievement_style_2 .icon {
  margin-bottom: 25px;
  position: relative;
}
#achievement_style_2 .line {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--primary-color);
  margin: auto;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}
#achievement_style_2 .line::after {
  content: "";
  position: absolute;
  left: -135px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 286px;
  height: 1px;
  background-color: #ccc;
  z-index: 1;
}
#achievement_style_2 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}
#achievement_style_2 .count h4 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: var(--white-text);
  margin-bottom: 0;
}
#achievement_style_2 .count p {
  font-size: 18px;
  color: var(--white-text);
  line-height: 28px;
  margin-bottom: 0;
}
#achievement_style_2 .icon {
  height: 70px;
}
#achievement_style_2 .icon img {
  object-fit: contain;
  object-position: center;
}
#achievement_style_3 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_3.section-130 {
  padding: 100px 0 !important;
}
#achievement_style_3 h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_3 p {
  font-size: 20px;
  width: 90%;
  margin-bottom: 30px;
  color: var(--white-text);
}
#achievement_style_3 .count {
  margin: 40px 0;
  position: relative;
  float: right;
}
#achievement_style_3 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
}
#achievement_style_3 .count h4 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--white-text);
  margin-bottom: 0;
}
#achievement_style_3 .count p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  width: 100%;
  text-transform: capitalize;
  margin-bottom: 0;
  color: var(--white-text);
}
#achievement_style_3 a {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
#achievement_style_3 a:hover {
  color: var(--white-text);
}
#achievement_style_4 {
  min-height: 380px;
  background-position: center;
  background-size: cover;
}
#achievement_style_4 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
  margin-bottom: 30px;
}
#achievement_style_4 .subtitle {
  font-size: 20px;
  margin-bottom: 80px;
  color: var(--white-text);
}
#achievement_style_4 .count {
  background-color: var(--white-text);
  position: relative;
  text-align: center;
  padding: 25px 30px;
  min-height: 170px;
}
#achievement_style_4 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
}
#achievement_style_4 .count h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_4 .count p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}
#achievement_style_4 .icon {
  position: absolute;
  right: 0;
  bottom: -15px;
  font-size: 56px;
  color: #f7f7f7;
}
#achievement_style_5 {
  min-height: 380px;
  padding: 130px 0;
  background-position: center;
  background-size: cover;
}
#achievement_style_5 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--white-text);
}
#achievement_style_5 .subtitle {
  font-size: 19px;
  margin-bottom: 80px;
  color: var(--white-text);
}
#achievement_style_5 .count {
  border: solid 2px var(--white-text);
  margin-bottom: 30px;
  position: relative;
  padding: 60px 30px;
}
#achievement_style_5 .countdown::after {
  content: "+";
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}
#achievement_style_5 .count h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
  margin-bottom: 0;
}
#achievement_style_5 .count h5 {
  color: var(--white-text);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 0;
}
#achievement_style_5 .unit {
  color: var(--white-text);
  text-transform: capitalize;
  margin-bottom: 30px;
}
#video_style_1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
}
#video_style_1 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 320px;
}
#video_style_1 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_1 .content-wrapper {
  padding-left: 60px;
}
#video_style_1 .image-wrapper img {
  width: 100%;
}
#video_style_1 h2 {
  color: var(--white-text);
  font-size: 38px;
  line-height: 52px;
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: 800;
}
#video_style_1 p {
  color: var(--white-text);
  margin-bottom: 25px;
}
#video_style_1 a {
  padding: 10px 30px;
}
#video_style_1 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_1 .video-play {
  background-color: transparent;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waves-block {
  position: absolute;
  z-index: 2;
}
.waves {
  position: absolute;
  width: 100px;
  height: 100px;
  background: var(--primary-color);
  opacity: 0;
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}
#video_style_2 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 400px;
  border-radius: 5px;
}
#video_style_2 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_2 .content-wrapper {
  padding-left: 30px;
}
#video_style_2 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#video_style_2 h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 25px;
  text-transform: capitalize;
  width: 80%;
}
#video_style_2 p {
  margin-bottom: 25px;
  font-size: 19px;
}
#video_style_2 a {
  padding: 10px 30px;
  font-weight: 600;
  text-transform: capitalize;
}
#video_style_2 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_2 .video-play {
  background-color: var(--primary-color);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_style_2 .waves-block {
  position: absolute;
  z-index: 2;
}
#video_style_2 .waves {
  position: absolute;
  width: 140px;
  height: 140px;
  background: var(--white-text);
  opacity: 0;
  border-radius: 100%;
  right: -70px;
  bottom: -70px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
#video_style_2 .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#video_style_2 .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#video_style_2 .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#video_style_3 {
  background-color: #f7f7f7;
}
#video_style_3 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#video_style_3 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video_style_3 .content-wrapper {
  max-width: 573px;
  margin-left: auto;
  padding: 0 15px;
}
#video_style_3.left .content-wrapper {
  margin-right: 0;
}
#video_style_3 .content {
  padding: 100px 0 100px 30px;
}
#video_style_3.left .content {
  padding: 100px 30px 100px 0;
}
#video_style_3 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#video_style_3 h2 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 10px;
  text-transform: capitalize;
  width: 70%;
}
#video_style_3.left h2 {
  width: 100%;
  margin-bottom: 30px;
}
#video_style_3.left p {
  margin-bottom: 40px;
}
#video_style_3 p {
  margin-bottom: 30px;
  font-size: 20px;
}
#video_style_3 .content-wrapper a {
  padding: 10px 30px;
  border-radius: 0;
  color: var(--primary-color);
  border: solid 2px var(--primary-color);
  background-color: transparent;
  text-transform: capitalize;
}
#video_style_3 .content-wrapper a:hover {
  padding: 10px 30px;
  border-radius: 0;
  color: var(--white-text);
  background-color: var(--primary-color);
}
#video_style_3 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#video_style_3 .video-play {
  background-color: var(--primary-color);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video_style_3 .waves-block {
  position: absolute;
  z-index: 2;
}
#video_style_3 .waves {
  position: absolute;
  width: 140px;
  height: 140px;
  background: var(--primary-color);
  opacity: 0;
  border-radius: 100%;
  right: -70px;
  bottom: -70px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
#video_style_3.left .waves {
  background: var(--white-text);
}
#video_style_3 .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#video_style_3 .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#video_style_3 .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#pricing .style-3 {
  background-color: #f7f7f7;
}
#pricing h2 {
  font-size: 38px;
  line-height: 42px;
}
#pricing span {
  color: #464646;
  font-family: Lato, sans-serif;
  font-size: 19px;
  display: block;
  margin-bottom: 40px;
}
#pricing .style-1 .pricing-item {
  border: solid 1px #ccc;
  margin: 40px 0;
}
#pricing .style-1 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
}
#pricing .style-1 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#pricing .style-1 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#pricing .style-1 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#pricing .style-1 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: #888;
  text-transform: initial;
}
#pricing .style-1 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#pricing .style-1 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-1 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-1 .pricing-item li::before {
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-size: 14px;
  line-height: 28px !important;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  color: var(--primary-color);
}
#pricing .style-1 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 40px;
}
#pricing .style-1 .pricing-item.highlighted .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-1 .black-button {
  margin-top: 50px;
  text-transform: capitalize;
}
#pricing .style-1 .pricing-item.highlighted {
  margin: 0;
}
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-1 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 20px;
}
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-1 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-1 .pricing-item.highlighted h3,
#pricing .style-1 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#pricing .style-2 .pricing-item {
  border: solid 1px #ccc;
  position: relative;
}
#pricing .style-2 .pricing-item .icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 25px 40px 30px;
  -webkit-clip-path: circle(70% at 70% 20%);
  clip-path: circle(66% at 70% 27%);
  background-color: #e4e4e447;
}
#pricing .style-2 .pricing-item .icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  filter: brightness(0) invert(1);
}
#pricing .style-2 .pricing-item .icon img {
  object-position: center;
  object-fit: contain;
}
#pricing .style-2 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #000;
}
#pricing .style-2 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 20px;
  line-height: 38px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
}
#pricing .style-2 .pricing-item .plan-type-wrapper p {
  color: #fff;
}
#pricing .style-2 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: #fff;
}
#pricing .style-2 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 23px;
  font-weight: 400;
  bottom: 0;
  color: var(--white-text);
  text-transform: lowercase;
}
#pricing .style-2 .pricing-item ul {
  padding-left: 0;
  padding: 30px 30px 20px;
  margin-bottom: 0;
}
#pricing .style-2 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
  text-transform: capitalize;
}
#pricing .style-2 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-2 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 16px;
  line-height: inherit;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 40px;
}
#pricing .style-2 .pricing-item .special-pricing-link {
  margin-bottom: 40px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-2 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: #000;
  border-color: #000;
}
#pricing .style-2 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-2 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-2 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-2 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-2 .black-button {
  margin-top: 40px;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}
#pricing .style-3 .pricing-item {
  background-color: var(--white-text);
  border: solid 1px #ccc;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
#pricing .style-3 .pricing-item .plan-type {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: #fff;
  padding: 25px 0;
  background-color: var(--primary-color);
}
#pricing .style-3 .pricing-item h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  margin: 20px 0;
}
#pricing .style-3 .pricing-item h3 sub {
  bottom: 0;
  font-size: 32px;
  text-transform: capitalize;
}
#pricing .style-3 .pricing-item ul {
  padding-left: 0;
  padding: 0 0 20px;
  margin-bottom: 0;
}
#pricing .style-3 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  text-transform: capitalize;
}
#pricing .style-3 .button-primary {
  text-transform: capitalize;
  font-size: 17px;
  padding: 12px 40px;
  margin-top: 50px;
}
#pricing .style-3 .pricing-item .special-pricing-link {
  margin-bottom: 50px;
  padding: 0 30px 0;
  text-align: center;
}
#pricing .style-3 .pricing-item .button-primary {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 25px;
  background-color: #0f253a;
  border-color: #0f253a;
  margin-top: 0;
}
#pricing .style-3 .pricing-item .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-3 .pricing-item.highlighted h3 {
  color: var(--primary-color);
}
#pricing .style-3 .pricing-item.highlighted ul li {
  color: var(--white-text);
}
#pricing .style-3 .pricing-item.highlighted {
  background-color: #0f253a;
}
#pricing .style-3 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-3 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 {
  background-color: #f7f7f7;
}
#pricing .style-4 span {
  margin-bottom: 100px;
}
#pricing .style-4 .pricing-item {
  border: solid 1px #ccc;
  text-align: center;
  background-color: var(--white-text);
  margin-bottom: 50px;
}
#pricing .style-4 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: var(--bg-color);
}
#pricing .style-4 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  color: var(--white-text);
}
#pricing .style-4 .pricing-item .plan-type-wrapper p {
  color: var(--white-text);
  font-size: 19px;
}
#pricing .style-4 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  font-family: Lato, sans-serif;
  color: var(--white-text);
}
#pricing .style-4 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: var(--white-text);
  text-transform: lowercase;
}
#pricing .style-4 .pricing-item ul {
  padding-left: 0;
  padding: 25px;
  margin-bottom: 0;
  text-align: initial;
}
#pricing .style-4 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 25px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-4 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-4 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-4 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  margin-bottom: 30px;
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#pricing .style-4 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-4 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-4 .pricing-item.highlighted .special-pricing-link {
  padding: 0 30px 0;
  text-align: center;
}
#pricing .black-button {
  margin-top: 50px;
  text-transform: uppercase;
}
#pricing .style-4 .pricing-item.highlighted {
  transform: scale(1.18);
}
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-4 .pricing-item.highlighted ul {
  margin-bottom: 0;
  padding-bottom: 30px;
}
#pricing .style-4 .black-button {
  margin-top: 130px;
}
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-4 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-4 .pricing-item.highlighted h3,
#pricing .style-4 .pricing-item.highlighted h3 sub {
  color: var(--white-text);
}
#pricing .style-5 span {
  margin-bottom: 80px;
}
#pricing .style-5 .black-button {
  text-transform: capitalize;
}
#pricing .style-5 .pricing-item {
  border: solid 1px #ccc;
}
#pricing .style-5 .pricing-item .plan-type-wrapper {
  padding: 30px;
  background-color: #f4f4f4;
  text-align: center;
}
#pricing .style-5 .pricing-item .plan-type-wrapper .plan-type {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
}
#pricing .style-5 .pricing-item .plan-type-wrapper p {
  color: #888;
}
#pricing .style-5 .pricing-item h3 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  color: var(--primary-color);
}
#pricing .style-5 .pricing-item h3 sub {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  bottom: 0;
  color: #888;
  text-transform: lowercase;
}
#pricing .style-5 .pricing-item ul {
  padding-left: 0;
  padding: 30px;
  margin-bottom: 0;
}
#pricing .style-5 .pricing-item li {
  list-style-type: none;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 18px;
  padding: 12px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ccc;
}
#pricing .style-5 .pricing-item li:last-child {
  border-bottom: none;
}
#pricing .style-5 .pricing-item li::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: 700;
  font-size: 16px;
  line-height: inherit;
  left: 0;
  color: var(--primary-color);
}
#pricing .style-5 .button-primary {
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 30px;
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
#pricing .style-5 .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-5 .pricing-item.highlighted .button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#pricing .style-5 .pricing-item.highlighted .button-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
#pricing .style-5 .pricing-item .special-pricing-link {
  text-align: center;
  margin-bottom: 30px;
}
#pricing .style-5 .pricing-item.highlighted .special-pricing-link {
  text-align: center;
}
#pricing .style-5 .black-button {
  margin-top: 50px;
  text-transform: capitalize;
}
#pricing .style-5 .pricing-item.highlighted {
  margin: 0;
}
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper {
  background-color: var(--primary-color);
}
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper p,
#pricing .style-5 .pricing-item.highlighted .plan-type-wrapper span,
#pricing .style-5 .pricing-item.highlighted h3,
#pricing .style-5 .pricing-item.highlighted h3 sub {
  color: #fff;
}
#client_style_1 .title {
  font-size: 40px;
  line-height: 44px;
  text-transform: capitalize;
}
#client_style_1 .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
}
#client_style_1 .client-wrapper {
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
#client_style_1 .client {
  border: solid 1px #ccc;
  width: 100%;
  height: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#client_style_1 .black-button {
  margin-top: 30px;
  padding: 12px 30px;
}
#client_style_2 .black-button {
  text-transform: capitalize;
  border-radius: 0.2rem;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 25px;
  margin-top: 30px;
}
#client_style_2.background {
  background-color: #f7f7f7;
}
#client_style_2 .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#client_style_2 .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
#client_style_2 .client-wrapper {
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
#client_style_2 .client {
  width: 100%;
  height: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#client_style_2 .client img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#client_style_2.background .black-button {
  color: var(--white-text);
  padding: 10px 30px;
  margin-top: 40px;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#client_style_2.background .black-button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.form-text {
  margin-top: 0;
}
#form .style-1 h2 {
  color: var(--white-text);
  font-size: 38px;
  margin-bottom: 40px;
}
#form .style-1 .title {
  letter-spacing: 1.5px;
  font-size: 16.5px;
  margin-bottom: 10px;
}
#form .style-1 .form-group {
  margin-bottom: 0;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
#form .title {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--primary-color);
  display: block;
}
#form h2 {
  line-height: 50px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
#form .pt-form-element {
  height: 60px;
  border-radius: 0;
  border: 2px solid #ced4da;
  padding: 10px 20px;
}
#form textarea.pt-form-element {
  height: 200px;
  border: 2px solid #ced4da;
}
#form select.pt-form-element {
  border: 2px solid #ced4da;
}
#form .pt-form-element::placeholder,
#form select option {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-2 .button-primary,
#form .style-4 .button-primary {
  margin-top: 30px;
  padding: 10px 30px;
}
#form .style-3.v-1 .button-primary {
  margin-top: 30px;
}
#form .style-3 .button-primary {
  display: block;
  width: auto;
  text-align: center;
  margin: auto;
  padding: 12px 35px;
  height: auto;
  margin-top: 25px;
  text-transform: capitalize;
  border-radius: 0.4rem;
}
#form .style-2 .form-wrapper {
  background-color: #f8faf9;
  padding: 60px;
}
#form .style-2 .button-primary {
  height: auto;
  width: auto;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
}
#form .style-3 {
  background-size: cover;
  background-repeat: no-repeat;
}
#form .style-3 .row {
  background-color: #fff;
  padding: 50px 0;
}
#form .style-3.v-1 .row {
  background-color: transparent;
  padding: 0;
}
#form .style-3 h2 {
  font-size: 38px;
  margin-bottom: 0;
}
#form .style-3 textarea.pt-form-element::placeholder {
  font-size: 14px;
}
#form .style-3.v-1 h2 {
  color: var(--white-text);
}
#form .style-3.v-1 .subtitle {
  color: var(--white-text);
}
#form .style-3.v-1 .form-wrapper {
  background-color: var(--white-text);
  padding: 50px 100px 50px;
  margin: auto;
}
#form .style-3.v-1 .form-wrapper .form-group#edit-actions {
  margin-bottom: 0;
}
#form .style-3 .subtitle {
  display: block;
  margin-bottom: 30px;
  font-size: 19px;
  font-family: Lato, sans-serif;
  color: #464646;
}
#form .style-3 .form-wrapper {
  background-color: #fff;
  padding: 30px 100px 40px;
}
#form .style-3 .pt-form-element {
  height: 50px;
}
#form .style-3 textarea.pt-form-element {
  height: 135px;
}
#form .style-3 .custom-select {
  background: url(../images/arrow-24.png) no-repeat right 0.75rem center !important;
}
#form .style-3 .custom-select {
  font-size: 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-1 {
  padding: 80px 0;
  position: relative;
}
#form .style-1 form {
  width: 95%;
}
#form .style-1 .pt-form-element {
  padding: 10px 20px;
}
#form .style-1 .image-wrapper {
  width: 370px;
  height: 515px;
  position: absolute;
  bottom: -80px;
  right: 10%;
  overflow: hidden;
}
#form .style-1 .button-primary {
  height: 55px;
  width: auto;
  border-radius: 0;
  padding: 10px 20px;
  text-transform: capitalize;
  display: inline-block;
  outline-color: var(--primary-color);
}
#form .style-1 .webform-actions {
  height: 100%;
  width: 100%;
}
#form .style-1 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
  border-right: 0;
}
#form .style-1 textarea.pt-form-element {
  height: 200px;
}
#form .style-1.v-1 .pt-form-element::placeholder {
  font-size: 14px;
}
#form .style-1 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: var(--white-text);
}
#form .style-1 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
}
#form .style-5 {
  position: relative;
}
#form .style-5 .image-wrapper {
  width: 370px;
  height: 500px;
  position: absolute;
  bottom: -100px;
  right: 10%;
  overflow: hidden;
}
#form .style-5 .button-primary {
  height: auto;
  width: auto;
  font-weight: 700;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
}
#form .style-5 .webform-actions {
  height: 100%;
}
#form .style-5 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
}
#form .style-5 textarea.pt-form-element {
  height: 180px;
}
#form .style-5 .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#form .style-5 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
}
#form .style-6 {
  padding: 50px;
}
#form .style-6 .button-primary {
  height: auto;
  width: auto;
  font-weight: 700;
  padding: 10px 30px;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 30px;
  float: left;
}
.site-footer {
  background-color: #0b1723 !important;
  padding: 0;
}
footer .copyrights {
  background-color: #041320 !important;
  padding: 15px 0;
}
.footer-top {
  padding: 80px 0;
}
footer h2 {
  color: var(--white-text) !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 20px;
}
footer .footer-link li a {
  color: var(--white-text);
  font-family: Lato, sans-serif;
  font-size: 17px;
  padding-bottom: 1rem;
  padding-top: 0;
}
footer .footer-link li a:hover {
  color: var(--primary-color);
}
footer .footer-link li a:before {
  font-family: FontAwesome;
  content: "\f101";
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  color: var(--primary-color);
  padding-right: 10px;
}
.site-footer .block {
  border: none;
  padding: 0;
  margin: 0;
}
#footer_about p {
  color: var(--white-text);
  width: 89%;
}
#footer_about .image-wrapper {
  margin-bottom: 20px;
}
#footer_about .image-wrapper img {
  width: 90%;
  height: auto;
}
#footer_about .navbar-brand {
  margin-bottom: 0 !important;
}
#footer_about .readmore {
  color: var(--white-text);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 19px;
  line-height: 20px;
  margin-bottom: 30px;
  display: block;
  font-family: Lato, sans-serif;
}
#footer_about .readmore:after {
  content: "\f105";
  font-weight: 700;
  line-height: 12px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 19px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#footer_about .readmore:hover {
  color: var(--primary-color);
}
#footer_about ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
}
#footer_about ul li {
  padding-right: 20px;
}
#footer_about ul li a {
  font-size: 22px;
  display: block;
  color: #7c7c7c;
}
#footer_about ul li a:after {
  display: none;
}
#contact_foooter p {
  color: var(--white-text);
}
#contact_foooter ul {
  padding-left: 0;
  list-style-type: none;
}
#contact_foooter li a {
  color: var(--white-text);
  font-size: 17px;
  font-family: Lato, sans-serif;
}
#contact_foooter li a:hover {
  color: var(--primary-color);
}
#contact_foooter .address,
#contact_foooter .email,
#contact_foooter .phone {
  display: flex;
}
#contact_foooter .icon i {
  color: var(--primary-color);
  padding-right: 10px;
}
.copyrights .wrapper {
  display: flex;
  justify-content: space-between;
}
.copyrights .wrapper p {
  margin-bottom: 0;
  color: var(--white-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.copyrights .wrapper a {
  color: var(--white-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  font-family: Lato, sans-serif;
}
.copyrights .wrapper ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.copyrights .wrapper li:last-child:after {
  display: none;
}
.copyrights .wrapper li:after {
  content: "";
  height: 13px;
  width: 1px;
  background-color: var(--white-text);
  display: inline-block;
  margin: 0 10px;
}
.copyrights .wrapper li a {
  color: var(--white-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: Lato, sans-serif;
}
.copyrights .wrapper a:hover,
.copyrights .wrapper li a:hover {
  color: var(--primary-color);
}
#blogs .style-1.section-130,
#blogs .style-2.section-130,
#blogs .style-3.section-130 {
  padding-bottom: 30px;
}
#blogs .button-primary {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: capitalize !important;
}
#blogs .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#blogs .style-3 .title {
  margin-bottom: 0.5rem;
}
#blogs .subtitle {
  font-size: 19px;
  margin-bottom: 40px;
}
#blogs .style-1 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper {
  padding-bottom: 0;
}
#blogs .style-1 .blog-item.grid-1 .image-wrapper {
  height: 400px;
}
#blogs .style-1 .blog-item.grid-2 .image-wrapper {
  height: 330px;
}
#blogs .style-1 .blog-item.grid-2 .content-wrapper {
  padding-bottom: 0;
}
#blogs .style-1 .blog-item.grid-4 {
  min-height: 430px;
}
#blogs .style-1 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-1 .blog-item .image-wrapper {
  overflow: hidden;
  height: 280px;
  background-color: #f7f7f7;
}
#blogs .style-1 .blog-item.grid-3 .image-wrapper {
  height: 230px;
}
#blogs .style-1 .blog-item.grid-4 .image-wrapper {
  height: 225px;
}
#blogs .style-1 .blog-item.grid-4 .image-wrapper img {
  object-fit: cover;
}
#blogs .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#blogs .style-1 .content-wrapper {
  padding: 0 0 30px;
  background-color: #fff;
  position: relative;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper {
  position: relative;
  min-height: 270px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .link-to {
  position: absolute;
  bottom: 0;
}
#blogs .style-1 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  padding: 10px 30px;
  justify-content: flex-start;
  margin-bottom: 30px;
  background-color: var(--primary-color);
  font-weight: 400;
}
#blogs .style-1 .content-wrapper .date-comments {
  padding-right: 20px;
}
#blogs .style-1 .blog-item.grid-1 {
  margin-bottom: 40px;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper .blog-detail,
#blogs .style-1 .blog-item.grid-2 .content-wrapper .blog-detail,
#blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
  padding: 10px 25px;
  justify-content: flex-start;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .blog-detail {
  padding: 10px 15px;
  justify-content: flex-start;
}
#blogs .style-1 .blog-item.grid-1 .content-wrapper .date-comments,
#blogs .style-1 .blog-item.grid-2 .content-wrapper .date-comments,
#blogs .style-1 .blog-item.grid-3 .content-wrapper .date-comments {
  padding-right: 20px;
}
#blogs .style-1 .blog-item.grid-3 .content-wrapper .date-comments span {
  font-size: 15px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments {
  padding-right: 10px;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments:last-child {
  padding-right: 0;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments i {
  padding-right: 0;
}
#blogs .style-1 .blog-item.grid-4 .content-wrapper .date-comments span {
  font-size: 14px;
}
#blogs .style-1 .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 800;
  font-size: 15px;
  color: var(--white-text);
}
#blogs .style-1 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-1 .content-wrapper h6 {
  font-weight: 500;
  text-transform: inherit;
  font-size: 19px;
  line-height: 30px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-1 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-1 .content-wrapper p {
  color: #333;
  font-size: 18.5px;
}
#blogs .style-1 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-transform: capitalize;
}
#blogs .style-1 .content-wrapper .link-to:after {
  content: "\bb";
  font-weight: 900;
  font-size: 14px;
  font-family: FontAwesome;
  padding-left: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#blogs .style-2 .blog-item {
  margin-bottom: 30px;
  min-height: 530px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-2 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-2 .blog-item .image-wrapper {
  overflow: hidden;
  height: 310px;
  background-color: #f7f7f7;
}
#blogs .style-2 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#blogs .style-2 .content-wrapper {
  padding: 30px 0;
  background-color: #fff;
  position: relative;
}
#blogs .style-2 .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#blogs .style-2 .blog-detail .date span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-color);
}
#blogs .style-2 .content-wrapper h6 {
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-2 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-2 .content-wrapper p {
  color: #333;
}
#blogs .style-2 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-transform: uppercase !important;
  padding: 12px 35px;
  color: var(--white-text);
  display: inline-block;
  font-weight: 600;
}
#blogs .style-2 .blog-list-item {
  margin-bottom: 30px;
  min-height: 130px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-2 .blog-list-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-2 .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#blogs .style-2 .blog-list-item .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-2 .blog-list-item .content-wrapper {
  padding: 0 0 0 15px;
  background-color: #fff;
  position: relative;
}
#blogs .style-2 .blog-list-item .content-wrapper .blog-detail {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
#blogs .style-2 .blog-list-item .blog-detail .date span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-color);
}
#blogs .style-2 .blog-list-item .content-wrapper h6 {
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-2 .blog-list-item .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-2 .blog-list-item .content-wrapper p {
  color: #333;
}
#blogs .style-2 .blog-list-item .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 12.2px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  padding: 10px 30px;
  color: var(--white-text);
  display: inline-block;
}
#blogs .style-3 .blog-item {
  min-height: 500px;
  border: solid 1px #ccc;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-3 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#blogs .style-3 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-3 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#blogs .style-3 .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-3 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 40px 15px 30px;
}
#blogs .style-3 .content-wrapper .blog-detail {
  display: flex;
  width: 85%;
  padding: 10px;
  position: absolute;
  left: 0;
  top: -25px;
  justify-content: space-around;
  background-color: var(--primary-color);
}
#blogs .style-3 .blog-detail .date-comments span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: var(--white-text);
}
#blogs .style-3 .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-3 .content-wrapper h6 {
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: inherit;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-3 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-3 .content-wrapper p {
  color: #333;
}
#blogs .style-3 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: solid 1px var(--text-color);
}
#blogs .style-3 .content-wrapper .link-to:hover {
  border-bottom: solid 1px var(--primary-color);
}
#blogs .style-3 .button-primary {
  padding: 12px 30px;
  border-radius: 0.2rem;
  font-size: 17px;
  margin-top: 50px;
}
#blogs .style-4 .blog-item {
  margin-bottom: 30px;
  min-height: 520px;
  border: solid 1px #ccc;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#blogs .style-4 .blog-item:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
#blogs .style-4 .blog-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#blogs .style-4 .blog-item .image-wrapper {
  overflow: hidden;
  height: 250px;
  background-color: #f7f7f7;
}
#blogs .style-4 .image-wrapper img {
  transition: 0.5s ease;
}
#blogs .style-4 .blog-item .blog-detail {
  display: flex;
  width: 100%;
  padding: 10px 15px;
  background-color: var(--primary-color);
}
#blogs .style-4 .blog-item .blog-detail .date-comments span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  color: var(--white-text);
  padding-right: 15px;
}
#blogs .style-4 .blog-item .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blogs .style-4 .content-wrapper {
  background-color: #fff;
  position: relative;
  padding: 30px 15px;
}
#blogs .style-4 .content-wrapper h6 {
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#blogs .style-4 .content-wrapper h6:hover {
  color: var(--primary-color);
}
#blogs .style-4 .content-wrapper p {
  color: #333;
}
#blogs .style-4 .content-wrapper .link-to {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: solid 1px var(--text-color);
}
#blogs .style-4 .content-wrapper .link-to:hover {
  border-color: var(--primary-color);
}
#blogs .style-4 .button-primary {
  text-transform: capitalize;
  border-radius: 0.2rem;
  margin-top: 30px;
}
#projects.background {
  background-color: #f7f7f7;
}
#projects .title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 0;
  text-transform: capitalize;
}
#projects .subtitle {
  font-size: 20px;
  margin-bottom: 50px;
}
#projects .style-1.grid-1.section-130,
#projects .style-1.grid-2.section-130,
#projects .style-1.grid-3.section-130 {
  padding-bottom: 10px;
}
#projects .style-1.grid-1 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-1.grid-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-1 .project-item {
  position: relative;
  margin-bottom: 40px;
  min-height: 380px;
}
#projects .style-1.grid-1 .project-item {
  min-height: 550px;
}
#projects .style-1.grid-1 .content-wrapper i,
#projects .style-1.grid-2 .content-wrapper i {
  font-size: 18px;
}
#projects .style-1.grid-2 .project-item {
  min-height: 460px;
}
#projects .style-1 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#projects .style-1.grid-1 .project-item:hover .image-wrapper img {
  transform: scale(1.05);
}
#projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
}
#projects .style-1.grid-1 .image-wrapper {
  height: 450px;
}
#projects .style-1.grid-2 .image-wrapper {
  height: 350px;
}
#projects .style-1 .image-wrapper {
  background-color: #ccc;
  height: 280px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
#projects .style-1 .image-wrapper img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
#projects .style-1.grid-1 .content-wrapper {
  top: 400px;
  padding: 25px 30px;
}
#projects .style-1.grid-1 .content-wrapper h4 {
  font-size: 26px;
}
#projects .style-1 .content-wrapper .project-title {
  font-weight: 500;
}
#projects .style-1.grid-3 .content-wrapper {
  border-radius: 3px;
}
#projects .style-1 .content-wrapper {
  padding: 30px;
  margin: 0 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#projects .style-1.grid-2 .content-wrapper {
  margin: 0 35px;
  top: 300px;
  border-radius: 3px;
  padding: 25px 30px;
}
#projects .style-1.grid-1 .content-wrapper {
  margin: auto;
  width: 50%;
}
#projects .style-1 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 600;
}
#projects .style-1 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#projects .style-1 .project-item:hover .content-wrapper h4,
#projects .style-1 .project-item:hover .content-wrapper i,
#projects .style-1 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#projects .style-1 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 16px;
}
#projects .style-1 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#projects .style-1 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#projects .style-1 .icons {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#projects .style-1 .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-1 .project-item:hover .icons .icon-link:nth-child(1) {
  transform: scale(1);
  transition-delay: 0.1s;
}
#projects .style-1 .project-item:hover .icons .icon-link:nth-child(2) {
  transform: scale(1);
  transition-delay: 0.3s;
}
#projects .style-1 .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#projects .button-primary {
  margin-top: 20px;
  padding: 12px 25px;
  text-transform: capitalize;
}
#projects .style-1 .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#projects .style-2 .project-item {
  position: relative;
  margin-bottom: 30px;
}
#projects .style-2 .image-wrapper {
  height: 300px;
  background-color: #ccc;
  overflow: hidden;
}
#projects .style-2 .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#projects .style-2 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .content {
  background-color: transparent;
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .project-item:hover .content {
  opacity: 1;
  transform: scale(1);
}
#projects .style-2 .top-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#projects .style-2 .bottom-content {
  background-color: #fff;
  padding: 20px;
  width: 100%;
}
#projects .style-2 .bottom-content a h6:hover {
  color: var(--primary-color);
}
#projects .style-2 .bottom-content p {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 18px;
}
#projects .style-2 .project-item:hover .content-wrapper {
  opacity: 0.8;
  transform: scale(1);
}
#projects .style-2 .content .icon-link {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-2 .content .icon-link i {
  color: var(--white-text);
}
#projects .style-3 {
  margin-bottom: 50px;
}
#projects .style-3 .project-item {
  position: relative;
}
#projects .style-3 .projects-wrapper {
  position: relative;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  padding: 0 7px;
}
#projects .style-3 .image-wrapper {
  height: 500px;
  background-color: #ccc;
}
#projects .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#projects .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#projects .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#projects .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  padding: 0 30px;
}
#projects .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#projects .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#projects .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
#projects .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#projects .style-4 {
  margin-bottom: 50px;
}
#projects .style-4 .project-item {
  position: relative;
  margin-bottom: 40px;
}
#projects .style-4 .project-item:hover .image-wrapper img {
  transform: scale(1.2);
}
#projects .style-4 .top {
  position: relative;
}
#projects .style-4 .image-wrapper {
  background-color: #ccc;
  height: 250px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
#projects .style-4 .image-wrapper img {
  transition: 0.5s ease;
}
#projects .style-4 .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-4 .project-item:hover .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#projects .style-4 .content-wrapper {
  padding: 30px 50px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  width: auto;
  z-index: 2;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#projects .style-4 .content-wrapper h4 {
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 600;
}
#projects .style-4 .project-item:hover .content-wrapper {
  background-color: var(--primary-color);
}
#projects .style-4 .project-item:hover .content-wrapper h4,
#projects .style-4 .project-item:hover .content-wrapper i,
#projects .style-4 .project-item:hover .content-wrapper p {
  color: var(--white-text) !important;
}
#projects .style-4 .content-wrapper p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
  font-size: 16px;
}
#projects .style-4 .content-wrapper .project-title {
  color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
}
#projects .style-4 .content-wrapper i {
  color: var(--primary-color);
  padding-right: 5px;
}
#projects .style-4 .icons {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
#projects .style-4 .icons .icon-link {
  transform: scale(0);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#projects .style-4 .project-item:hover .icons .icon-link {
  transform: scale(1);
  transition-delay: 0.1s;
}
#projects .style-4 .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
#projects .style-4 .icon-link i {
  color: var(--white-text);
  padding-right: 0;
}
#carousels .style-2 {
  background-color: #f8f8f8;
}
#carousels .title {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#carousels .subtitle {
  font-size: 19px;
  margin-bottom: 50px;
}
#carousels .style-2 .testimonial {
  position: relative;
  background-color: var(--white-text);
  padding: 30px 30px 30px 60px;
  border-left: solid 3px var(--primary-color);
  z-index: 1;
  margin: 0 40px;
}
#carousels .style-2 .testimonial .pro-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: -40px;
  top: 0;
  bottom: 0;
  display: flex;
  margin: auto;
}
#carousels .style-2 .testimonial .location {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  margin-bottom: 1rem;
  display: block;
}
#carousels .style-2 .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}
#carousels .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #b5b5b5;
}
#carousels .owl-theme .owl-dots .owl-dot.active span {
  background-color: #b5b5b5;
}
#carousels .style-2 .owl-theme .owl-nav {
  margin-top: 50px;
}
#carousels .style-3.background-image {
  background-size: cover;
  background-repeat: no-repeat;
}
#carousels .style-3.background-image .title {
  color: var(--white-text);
}
#carousels .style-3.background-image .subtitle {
  color: var(--white-text);
}
#carousels .style-3.background-image .owl-theme .owl-dots .owl-dot span {
  border: solid 2px #fff;
}
#carousels .style-3.background-image .owl-theme .owl-dots .owl-dot.active span {
  background-color: #fff;
}
#carousels .style-3 .testimonial {
  padding: 65px 30px 40px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  justify-content: center;
  position: relative;
  margin: 40px 0;
}
#carousels .style-3 .testimonial p {
  margin-bottom: 2rem;
  font-size: 18px;
}
#carousels .style-3 .testimonial .designation {
  margin-bottom: 0;
  font-size: 16px;
}
#carousels .style-3 .testimonial .name {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
#carousels .style-3 .user {
  display: flex;
  width: 60%;
  margin: auto;
}
#carousels .style-3 .user .profile {
  height: 85px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  width: 32%;
}
#carousels .style-3 .user .detail {
  margin: auto 0;
  text-align: left;
}
#carousels .style-3 .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--primary-color);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -40px;
  display: flex;
  margin: auto;
}
#carousels .style-3 .icon::after {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 28px;
  color: var(--white-text);
  display: flex;
  align-items: center;
  margin: auto;
}
#carousels .style-1 {
  background-color: #f7f7f7;
}
#carousels .style-1 .left-content {
  padding: 0;
}
#carousels .style-1 .left-content .title {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: block;
}
#carousels .style-1 .left-content h2 {
  line-height: 52px !important;
  text-transform: capitalize;
}
#carousels .style-1 {
  padding: 100px 0;
}
#carousels .style-1 .testimonial {
  padding: 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
}
#carousels .style-1 .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#carousels .style-1 .star-rating {
  display: flex;
  align-items: center;
}
#carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#carousels .style-1 .testimonial .icon {
  width: 55px;
  height: 55px;
}
#carousels .style-1 .testimonial p {
  font-size: 17.5px;
}
#carousels .style-1 .testimonial .user {
  display: flex;
}
#carousels .style-1 .testimonial .user .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
}
#carousels .style-1 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#carousels .style-1 .testimonial .name {
  font-size: 20px;
}
#carousels .style-1 .testimonial .designation {
  color: var(--primary-color);
  font-size: 16px;
  margin-bottom: 0;
}
#carousels .style-1 .owl-controls {
  position: absolute;
  left: -52%;
  top: 70%;
}
#carousels .style-1 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #969696;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-1 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #ccc;
}
#carousels .style-4 .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#carousels .style-4 .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #f7f7f7;
  z-index: 1;
}
#carousels .style-4 .owl-item.active:last-child .line::after {
  display: none;
}
#carousels .style-4 .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#carousels .style-4 .year {
  font-size: 20px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#carousels .style-4 h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#carousels .style-4 .owl-theme .owl-nav {
  margin-top: 30px;
}
#carousels .style-4 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-4 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 18px;
  color: #000c;
}
#carousels .style-5 {
  background-color: #f7f7f7;
}
#carousels .style-5 span {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color) !important;
  letter-spacing: 1px;
  display: block;
}
#carousels .style-5 h2 {
  line-height: 52px !important;
  text-transform: capitalize;
  margin-bottom: 40px;
}
#carousels .style-5 .testimonial {
  padding: 55px 30px 40px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  position: relative;
  min-height: 380px;
}
#carousels .style-5 .testimonial .icon {
  width: 200px;
  height: 55px;
  margin-right: 20px;
}
#carousels .style-5 .testimonial .icon img {
  width: auto;
  height: 100%;
}
#carousels .style-5 .content {
  display: flex;
  margin-bottom: 40px;
}
#carousels .style-5 .star-rating {
  display: flex;
  align-items: center;
}
#carousels .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#carousels .Stars::before {
  content: "★★★★★";
  letter-spacing: 1px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#carousels .style-5 .testimonial .user {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 50px;
}
#carousels .style-5 .testimonial .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
#carousels .style-5 .testimonial .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#carousels .style-5 .testimonial .name {
  text-transform: capitalize;
  font-size: 20px;
  margin-bottom: 0;
  display: block;
  color: var(--text-color) !important;
  letter-spacing: 0;
}
#carousels .style-5 .testimonial .designation {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 5px;
  color: var(--primary-color);
}
#carousels .style-5 .testimonial .user .detail {
  margin: auto 0;
  width: 70%;
}
#carousels .style-5 .owl-theme .owl-nav {
  margin-top: 40px;
}
#carousels .style-5 .owl-theme .owl-nav [class*="owl-"] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#carousels .style-5 .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 16px;
  color: #a5a5a5;
}
#features h2 {
  font-size: 36px;
  line-height: 44px;
}
#features p {
  font-size: 19px;
  margin-bottom: 40px;
}
#features .feature-item {
  padding: 30px;
  background-color: #f7f7f7;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#features .feature-item .icon {
  background-color: var(--white-text);
  width: 80px;
  height: 80px;
  border-radius: 5px;
  margin-bottom: 25px;
  overflow: hidden;
}
#features .feature-item .icon img {
  width: 100%;
  height: 100%;
}
#features .feature-item:hover {
  background-color: var(--primary-color);
}
#features .feature-item h6 {
  text-transform: capitalize;
  font-size: 22px;
  margin-bottom: 15px;
}
#features .feature-item p {
  font-size: 18px;
}
#features .feature-item:hover h6,
#features .feature-item:hover p {
  color: var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#subscribe_form_2 .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#subscribe_form_2 .image-wrapper img {
  object-fit: cover;
  object-position: right;
  width: 100%;
  height: 100%;
}
#subscribe_form_2 .content-wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 105px;
}
#subscribe_form_2 .content-wrapper h2 {
  color: var(--white-text);
  line-height: 48px;
  font-size: 40px;
  margin-bottom: 20px;
}
#subscribe_form_2 .content-wrapper h2 span {
  color: var(--primary-color);
}
#subscribe_form_2 .form-group {
  margin-bottom: 0.6rem;
}
#subscribe_form_2 .content-wrapper p {
  font-size: 18px;
  color: var(--white-text);
  margin-bottom: 25px;
}
#subscribe_form_2 .content-wrapper .pt-form-element {
  background-color: transparent;
  border-radius: 0 !important;
  padding: 12px 20px;
  border: solid 1px #ccc;
  height: auto;
}
#subscribe_form_2 .content-wrapper .pt-form-element::placeholder {
  color: #ccc;
}
#subscribe_form_2 .content-wrapper .btn-wrap {
  width: 100%;
}
#subscribe_form_2 .content-wrapper .button-primary {
  text-transform: uppercase;
  font-size: 17px;
  padding: 12px 10px;
  height: auto;
  border-radius: 0 !important;
}
#subscribe_form_3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#subscribe_form_3 .content-side {
  background-color: rgb(0, 0, 0, 0.8);
}
#subscribe_form_3 .content-wrapper {
  width: 100%;
  height: auto;
  padding: 250px 100px;
}
#subscribe_form_3 .content-wrapper h2 {
  color: var(--white-text);
  font-size: 42px;
  line-height: 48px;
  margin-bottom: 25px;
}
#subscribe_form_3 .content-wrapper h2 span {
  color: var(--primary-color);
}
#subscribe_form_3 .content-wrapper p {
  font-size: 19px;
  margin-bottom: 30px;
  color: var(--white-text);
}
#subscribe_form_3 .content-wrapper .input-group {
  width: 90%;
}
#subscribe_form_3 .content-wrapper .pt-form-element {
  background-color: transparent;
  border-radius: 0 !important;
  padding: 12px 10px;
  border: solid 1px var(--white-text);
  height: auto;
}
#subscribe_form_3 .content-wrapper .pt-form-element::placeholder {
  color: var(--white-text);
}
#subscribe_form_3 .content-wrapper .btn-wrap {
  width: 100%;
}
#subscribe_form_3 .content-wrapper .button-primary {
  text-transform: uppercase;
  font-size: 16px;
  padding: 12px 10px;
  height: auto;
  border-radius: 0 !important;
}
#subscribe_form_4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 180px 0;
}
#subscribe_form_4 span {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--primary-color);
  display: block;
  margin-bottom: 15px;
}
#subscribe_form_4 h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  text-transform: inherit;
  line-height: 50px;
  margin-bottom: 0;
}
#subscribe_form_4 .button-primary {
  height: 100%;
  border-radius: 0;
  text-transform: capitalize;
  padding: 12px 10px;
}
#subscribe_form_4 .webform-actions {
  height: 100%;
}
#subscribe_form_4 .pt-form-element {
  height: 55px;
  border-radius: 0;
  background-color: transparent;
  border-right: none;
  padding: 0 10px;
}
#subscribe_form_4 .pt-form-element::placeholder {
  font-size: 16px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff;
}
#subscribe_form_4 .input-group {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: inherit;
  height: 55px;
  width: 85%;
  margin-left: auto;
}
#get-a-quote-style-2 .get-a-quote-wrapper {
  background-color: #f5f8ff;
  padding: 40px 50px;
}
#get-a-quote-style-2 .get-a-quote-wrapper h2 {
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 30px;
}
#get-a-quote-style-2 .get-a-quote-wrapper .col-lg-4,
#get-a-quote-style-2 .get-a-quote-wrapper .col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#get-a-quote-style-2 .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
#get-a-quote-style-2 .image-wrapper:after {
  content: "";
  width: 90%;
  height: 90%;
  position: absolute;
  border: solid 1px #f3f0f0;
  left: 5%;
  top: 5%;
}
#get-a-quote-style-2 .image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#get-a-quote-style-2 .form-group {
  margin-bottom: 0.75rem;
}
#get-a-quote-style-2 .pt-form-element {
  height: 54px;
  background-color: #fff;
  font-size: 18px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#get-a-quote-style-2 .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
#get-a-quote-style-2 .custom-select {
  background: url(../images/arrow-24.png) #fff no-repeat right 0.75rem center !important;
}
#get-a-quote-style-2 textarea.pt-form-element {
  height: auto !important;
}
#get-a-quote-style-2 [type="submit"] {
  width: auto;
  padding: 14px 30px;
  height: auto;
  text-transform: capitalize;
  margin-top: 15px;
}
#join-us {
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#join-us.style-2 {
  padding: 200px 0;
}
#join-us h2 {
  color: var(--white-text);
  font-size: 40px;
  line-height: 56px;
}
#join-us.style-2 h2 {
  margin-bottom: 20px;
}
#join-us.style-2 p {
  font-size: 20px;
}
#join-us p {
  color: var(--white-text);
}
#join-us .links {
  justify-content: flex-end;
  display: flex;
}
#join-us.style-2 .links {
  justify-content: center;
  display: flex;
}
#join-us .button-primary {
  border-radius: 0;
  padding: 12px 30px;
  margin-left: 10px;
  text-transform: capitalize;
}
#join-us .button-primary.active {
  border-color: var(--white-text);
  background-color: var(--white-text);
  color: var(--primary-color);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#join-us .button-primary.active:hover {
  background-color: transparent;
  color: var(--white-text);
}
#experience-style-3 {
  background-color: #f7f7f7;
}
#experience-style-3 span {
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
}
#experience-style-3 h2 {
  font-size: 40px;
  font-weight: 800;
  line-height: 50px;
  margin-bottom: 80px;
}
#experience-style-3 .experience-item {
  background-color: var(--white-text);
  padding: 60px 30px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#experience-style-3 .experience-item:hover {
  background-color: var(--primary-color);
}
#experience-style-3 .icon {
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
}
#experience-style-3 .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#experience-style-3 .experience-item h4 {
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 26px;
}
#experience-style-3 .experience-item p {
  margin-bottom: 0;
}
#experience-style-3 .experience-item:hover h4 {
  color: var(--white-text);
}
#experience-style-3 .experience-item:hover p {
  color: var(--white-text);
}
#experience-style-3 .experience-item:hover .icon img {
  filter: brightness(0) invert(1);
}
#information .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin: auto;
  border-radius: 5px;
  position: relative;
}
#information .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#information .image-wrapper .overlay {
  background-color: rgb(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#information.right .content-wrapper {
  width: 80%;
}
#information.right .content-wrapper p {
  font-size: 19px;
}
#information .content-wrapper h2 {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 25px;
}
#information .content-wrapper p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
}
#information .content-wrapper a {
  padding: 12px 30px;
  text-transform: capitalize;
  margin-top: 15px;
}
.masonry {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 2em;
  font-size: 0.85em;
  position: relative !important;
}
.masonry-item {
  display: inline-block;
  margin: 0 0 2em;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#gallery .title {
  font-size: 38px;
  line-height: 44px;
}
#gallery p {
  font-size: 19px;
  margin-bottom: 80px;
}
#gallery .style-3 .project-item {
  position: relative;
}
#gallery .button-primary {
  padding: 10px 25px;
}
#gallery .style-3 .image-wrapper {
  background-color: #ccc;
}
#gallery .style-3 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#gallery .style-3 .content-wrapper {
  background-color: var(--primary-color);
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#gallery .style-3 .project-item:hover .content-wrapper {
  opacity: 0.85;
  transform: scale(1);
}
#gallery .style-3 .project-item:hover .content-wrapper h4 {
  opacity: 1;
}
#gallery .style-3 .content-wrapper .text {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0 30px;
}
#gallery .style-3 .content-wrapper .text h4 {
  color: var(--white-text);
  font-weight: 700;
  text-transform: capitalize;
}
#gallery .style-3 .content-wrapper .text span {
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
#gallery .style-3 .content-wrapper .icons {
  display: flex;
  position: absolute;
  bottom: 40px;
}
#gallery .style-3 .content-wrapper .icon-link {
  width: 50px;
  height: 50px;
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1.5px var(--white-text);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#gallery .style-3 .content-wrapper .icon-link i {
  color: var(--white-text);
}
#gallery .style-3 .button-primary {
  font-size: 17px;
  padding: 12px 20px;
}
#why-us {
  background-color: #f7f7f7;
}
#why-us .content-wrapper {
  position: relative;
  text-align: center;
  margin: 50px 0 0;
}
#why-us .icon {
  width: 100px;
  height: 100px;
  margin: auto;
  padding: 20px;
  background-color: var(--white-text);
  border: solid 1px var(--primary-color);
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  justify-content: center;
}
#why-us .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#why-us .content {
  background-color: var(--white-text);
  padding: 85px 30px 40px;
  min-height: 285px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#why-us .content-wrapper:hover .content {
  background-color: var(--primary-color);
}
#why-us h5 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  width: 70%;
  margin: 0 auto 25px;
  text-align: center;
}
#why-us h2 {
  font-size: 38px;
  line-height: 44px;
}
#why-us p {
  font-size: 20px;
  margin-bottom: 80px;
}
#why-us .content p {
  font-size: 18px;
  margin-bottom: 10px;
}
#why-us .content-wrapper:hover h5,
#why-us .content-wrapper:hover p {
  color: var(--white-text);
}
#why-us .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 10px;
  background-color: transparent;
  border: solid 2px #ccc;
}
#why-us .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ccc;
}
#why-us .owl-theme .owl-nav {
  margin-top: 50px;
}
#about-1 {
  padding: 120px 0;
}
#about-1 span {
  display: block;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: 10px;
  font-size: 16px;
}
#about-1 h2 {
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 44px;
}
#about-1 p {
  display: block;
}
#about-1 a {
  padding: 10px 25px;
  margin-top: 15px;
  font-weight: 700;
}
#about-1 .image-wrapper {
  width: 83%;
  margin-left: auto;
}
#about-1 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#about-1 .achievement {
  display: flex;
}
#about-1 .achievement h6 {
  font-size: 18px;
  font-weight: 600;
  font-family: Lato, sans-serif;
}
#about-1 .list {
  padding-right: 20px;
}
#about-1 .blockquotes {
  background-color: var(--primary-color);
  padding: 30px;
  width: 65%;
  position: absolute;
  bottom: 0;
}
#about-1 .blockquotes i {
  color: #fd9d72;
  font-size: 30px;
  margin-bottom: 25px;
}
#about-1 .blockquotes p {
  font-style: italic;
  color: var(--white-text);
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
#about-1 .blockquotes span {
  color: var(--white-text);
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: capitalize !important;
}
#banner .image-wrapper {
  position: relative;
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: center;
}
#banner .image-wrapper h1 {
  color: var(--white-text);
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
#award .image-border {
  border: solid 1px #ccc;
  overflow: hidden;
  width: 285px;
  height: 285px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: auto;
}
#award .image-wrapper {
  margin: auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
}
#award .image-wrapper img {
  object-fit: contain;
  object-position: center;
}
#award .left,
#award .right {
  padding: 50px;
  border-bottom: solid 1px #ccc;
}
#award .left .content {
  padding-left: 50px;
}
#award .right .content {
  padding-right: 50px;
}
#award span {
  background-color: var(--primary-color);
  line-height: 24px;
  padding: 5px 10px;
  font-weight: 600;
  color: var(--white-text);
  display: inline-block;
  margin-bottom: 15px;
}
#award h4 {
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 38px;
}
#award .content p {
  width: 93%;
  font-size: 18px;
}
#award .left:last-child,
#award .right:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#award .left:first-child,
#award .right:first-child {
  padding-top: 0;
}
#testimonials .testimonial {
  padding: 45px 30px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-top: solid 2.5px var(--primary-color);
  border-radius: 10px;
  margin-bottom: 40px;
}
#testimonials .testimonial p {
  font-size: 17.5px;
}
#testimonials .rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#testimonials .star-rating {
  display: flex;
  align-items: center;
}
:root {
  --star-size: 22px;
  --star-color: #ccc;
  --star-background: #f4b838;
}
#testimonials .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
#testimonials .Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--star-color) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#testimonials .icon {
  width: 55px;
  height: 55px;
}
#testimonials .user {
  display: flex;
}
#testimonials .user .profile {
  width: 85px;
  height: 80px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
#testimonials .user .profile img {
  width: 100%;
  height: 100%;
}
#testimonials .user .detail {
  margin: auto 0;
  width: 70%;
}
#testimonials .testimonial .name {
  font-size: 20px;
}
#testimonials .testimonial .designation {
  color: var(--primary-color);
  font-size: 16px;
  margin-bottom: 0;
}
#faq .faq-wrapper {
  margin: 50px 0;
}
#faq h2 {
  font-size: 38px;
  line-height: 44px;
}
#faq .tagline {
  font-size: 19px;
}
#faq .card-header::after {
  font-family: FontAwesome;
  content: "\f068";
  font-weight: 900;
  float: right;
  color: var(--white-text);
}
#faq .card-header.collapsed::after {
  font-family: FontAwesome;
  content: "\f067";
  font-weight: 900;
  float: right;
  color: var(--primary-color);
}
#faq .faq-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#faq .pt-card-wrapper {
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
#faq .card-header.collapsed {
  background-color: #f7f7f7;
  color: var(--text-color);
  text-align: left;
}
#faq .card-header {
  color: var(--white-text);
  background-color: var(--primary-color);
  padding: 20px 30px;
  border: 0;
  text-align: left;
}
#faq .card-header:hover {
  cursor: pointer;
}
#faq .card-body {
  background-color: var(--primary-color);
  text-align: left;
  padding: 1.25rem 1.75rem;
  padding-top: 0;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#faq .card-body p {
  color: var(--white-text);
}
#faq .help-text span {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
#faq .help-text a {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 20px;
  text-decoration: underline;
  text-transform: capitalize;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#careers h2 {
  margin-bottom: 80px;
}
#careers .careers-wrapper {
  margin: 50px 0;
}
#careers .careers-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#careers .pt-card-wrapper {
  padding: 20px 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
  border: solid 2px #ccc;
}
#careers .card-header.collapsed {
  background-color: transparent;
  text-align: left;
  position: relative;
}
#careers .card-header {
  background-color: transparent;
  padding: 0;
  border: 0;
  text-align: left;
  position: relative;
}
#careers .card-header:hover {
  cursor: pointer;
}
#careers .card-header .card-title {
  font-size: 20px;
}
#careers .card-body {
  background-color: transparent;
  padding: 20px 0;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#careers .card-body p {
  margin-bottom: 0;
  font-size: 18px;
}
#careers .card-body h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}
#careers .button-primary {
  text-transform: capitalize;
  padding: 10px 30px;
  margin-top: 30px;
}
#careers span {
  color: var(--primary-color);
  text-decoration: underline;
  position: absolute;
  right: 0;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
}
#history-page .history-image-wrapper {
  width: 95%;
  height: 370px;
  overflow: hidden;
}
#history-page .history-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#history-page .top-content {
  padding-bottom: 80px;
}
#history-page .right span {
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
}
#history-page .right h2 {
  font-size: 38px;
  margin-bottom: 25px;
}
#history-page .right a {
  padding: 10px 30px;
  font-weight: 700;
  font-size: 17px;
  text-transform: capitalize;
}
#history-page .listing {
  margin: 0 15px;
}
#history-page .history-item {
  padding: 80px 110px;
  border-top: solid 1px #ccc;
}
#history-page .history-item:last-child {
  padding-bottom: 0;
}
#history-page .history-item .list-left .year {
  font-size: 40px;
  font-weight: 400;
}
#history-page .history-item .list-left .name {
  text-transform: capitalize;
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 25px;
}
#history-page .history-item .list-left .image-icon {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
}
#history-page .history-item .list-left .image-icon img {
  width: 100%;
  height: 100%;
}
#history-page .history-item .content p:last-child {
  margin-bottom: 0;
}
#history-page .history-item .content p {
  font-size: 18px;
}
#history-page .history-item .content img {
  width: auto;
  height: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}
#history-page .history-item .content img:last-child {
  margin-right: 0;
}
#about-2 .image-wrapper {
  position: relative;
  overflow: hidden;
  height: 320px;
}
#about-2 .overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about-2 .content-wrapper {
  padding: 0 35px;
}
#about-2 .image-wrapper img {
  width: 100%;
  height: 100%;
}
#about-2 h2 {
  font-size: 38px;
  line-height: 44px;
  text-transform: capitalize;
}
#about-2 .tagline {
  font-size: 19px;
  margin-bottom: 40px;
}
#about-2 a {
  padding: 10px 30px;
}
#about-2 .video-link {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}
#about-2 .video-play {
  background-color: transparent;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  padding: 0 10px 0 13px !important;
  position: relative;
  color: var(--white-text);
  z-index: 2;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-2 .list {
  background-color: #f7f7f7;
  padding: 40px 45px;
  min-height: 320px;
}
#about-2 .list h6 {
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 15px;
}
#about-2 .list p {
  margin-bottom: 30px;
}
#about-2 .list a {
  color: var(--primary-color);
  padding: 0 10px;
  border-left: solid 5px var(--primary-color);
  display: inline-block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
}
#work-process h2 {
  font-size: 38px;
  line-height: 44px;
}
#work-process .subtitle {
  margin-bottom: 40px;
  font-size: 19px;
}
#work-process .line {
  width: 20px;
  height: 20px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#work-process .line::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 280px;
  height: 4px;
  background-color: #f7f7f7;
  z-index: 1;
}
#work-process .line:last-child.line:after {
  display: none;
}
#work-process .line:after:nth-last-child(4) {
  display: none;
}
#work-process .inner-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  z-index: 3;
  border-radius: 50%;
  display: flex;
  margin: auto;
}
#work-process .year {
  text-transform: capitalize;
  font-size: 20px;
  font-family: Lato, sans-serif;
  color: #6d6d6d;
}
#work-process .icon {
  margin-bottom: 10px;
}
#work-process h6 {
  font-size: 18px;
  margin-bottom: 15px;
}
#why-us-2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#why-us-2 .r-content-wrapper {
  background-color: var(--primary-color);
  padding: 70px;
  width: 90%;
  margin-left: auto;
}
#why-us-2 .r-content-wrapper span {
  color: var(--white-text);
  display: block;
  font-weight: 600;
  font-size: 16px;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#why-us-2 .r-content-wrapper h2 {
  color: var(--white-text);
  line-height: 44px;
  font-size: 32px;
  margin-bottom: 20px;
  width: 90%;
}
#why-us-2 .r-content-wrapper .list {
  display: flex;
  margin-bottom: 30px;
}
#why-us-2 .r-content-wrapper .list:last-child {
  margin-bottom: 0;
}
#why-us-2 .r-content-wrapper .list .icon {
  color: var(--primary-color);
  background-color: var(--white-text);
  width: 75px;
  height: 45px;
  margin-right: 25px;
  border-radius: 50%;
  position: relative;
}
#why-us-2 .r-content-wrapper .list .icon i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#why-us-2 .r-content-wrapper .list h6 {
  color: var(--white-text);
  font-size: 18px;
  font-weight: 800;
}
#why-us-2 .r-content-wrapper .list p {
  color: var(--white-text);
  margin-bottom: 0;
}
.custom-pager {
  margin-top: 0;
  padding-bottom: 130px;
}
.page-item {
  margin-right: 10px;
}
.page-item.is-active .page-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.page-item:hover .page-link,
.page-link:focus {
  color: var(--primary-color);
  border-color: var(--primary-color);
  background-color: transparent;
  box-shadow: none;
}
.page-item .page-link {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--text-color);
  font-weight: 400;
  border-radius: 0 !important;
  border: solid 1px #ccc;
}
#recent-blogs .blog-list-item {
  padding: 15px 0;
  border-bottom: solid 1px #ccc;
  margin-left: 0;
}
#recent-blogs .blog-list-item .left {
  padding-right: 8px;
}
#recent-blogs .blog-list-item:first-child {
  padding-top: 0;
}
#recent-blogs .blog-list-item:last-child {
  border-bottom: none;
}
#recent-blogs .blog-list-item .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 95%;
}
#recent-blogs .blog-list-item .image-wrapper img {
  width: 100%;
  height: 100%;
}
#recent-blogs .blog-list-item a:hover,
#recent-blogs .blog-list-item h6:hover {
  color: var(--primary-color);
}
#recent-blogs .blog-list-item h6 {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 22px;
  text-transform: inherit;
}
#recent-blogs .blog-list-item .date {
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
}
#recent-blogs .blog-list-item .date i {
  padding-right: 5px;
}
#gallery-page .gallery-tabs .tabs {
  list-style-type: none;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 50px;
}
#gallery-page .gallery-tabs .tabs li {
  margin: 0 5px;
}
#gallery-page .gallery-tabs .tabs li a.active {
  color: var(--white-text);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#gallery-page .gallery-tabs .tabs li a {
  color: #8e8e8e;
  font-weight: 600;
  border: solid 2px #c6c6c6;
  margin: auto;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
}
#gallery-page .portfolio-item {
  position: relative;
}
#gallery-page .image-wrapper {
  height: 450px;
  margin-bottom: 30px;
  background-color: #fafafa;
  overflow: hidden;
  position: relative;
}
#gallery-page .image-wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: var(--primary-color);
}
#gallery-page .custom-pager {
  padding-bottom: 0;
  padding-top: 30px;
}
#gallery-page .grid-1 .image-wrapper {
  height: 450px;
}
#gallery-page .grid-2 .image-wrapper {
  height: 400px;
}
#gallery-page .grid-3 .image-wrapper {
  height: 350px;
}
#gallery-page .grid-4 .image-wrapper {
  height: 300px;
}
#gallery-page .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#gallery-page .text-wrapper {
  color: var(--white-text);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  text-align: center;
  transition: opacity 0.2s linear;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
#gallery-page .text-wrapper a {
  font-size: 20px;
  color: var(--white-text);
  width: 65px;
  height: 65px;
  border: solid 2px var(--white-text);
  border-radius: 50%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gallery-page .grid-4 .text-wrapper a {
  width: 50px;
  height: 50px;
}
#gallery-page .text-wrapper .text h4 {
  margin-bottom: 10px;
  font-size: 24px;
  color: var(--white-text);
}
#gallery-page .text-wrapper .text p {
  color: var(--white-text);
  font-size: 20px;
  font-weight: 600;
}
#gallery-page .portfolio-item:hover .text-wrapper {
  opacity: 1;
}
#gallery-page .portfolio-item:hover .image-wrapper .overlay {
  opacity: 0.65;
}
#gallery-page .portfolio-item:hover .text-wrapper a,
#gallery-page .portfolio-item:hover .text-wrapper h4,
#gallery-page .portfolio-item:hover .text-wrapper p {
  color: var(--white-text);
  opacity: 1;
}
.portfolio-masonry-item {
  width: 33.3%;
}
#gallery-page .portfolio-masonry .portfolio-item {
  position: relative;
  margin: 10px;
}
#gallery-page .portfolio-masonry .image-wrapper {
  margin-bottom: 0;
  background-color: #fafafa;
  height: auto;
}
#popular-categories a {
  font-family: Lato, sans-serif;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 17px;
  border: solid 1px #ccc;
  color: #333;
  display: inline-block;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#popular-categories a:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-text);
}
#blog-details h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 15px;
  text-transform: inherit;
}
#blog-details p {
  font-size: 18px;
}
#blog-details .image {
  width: 100%;
  height: 450px;
}
#blog-details .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog-details .blog-detail {
  padding: 10px 25px;
  justify-content: flex-start;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: var(--primary-color);
}
#blog-details .blog-detail i {
  color: var(--white-text);
  padding-right: 5px;
}
#blog-details .blog-detail .date-comments {
  padding-right: 20px;
}
#blog-details .blog-detail .date-comments span {
  font-family: Lato, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  color: var(--white-text);
}
#blog-details .blockquote-style-2 {
  padding: 30px 50px 30px 130px;
  background-color: #f5f5f5;
  position: relative;
  margin-top: 30px;
}
#blog-details .blockquote-style-2 blockquote {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#blog-details .blockquote-style-2 blockquote:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-weight: 900;
  font-style: normal;
  font-size: 44px;
  color: var(--primary-color);
  position: absolute;
  left: 40px;
  top: 40px;
}
#blog-details .blockquote-style-2 cite {
  font-size: 23px;
  font-style: inherit;
  font-weight: 400;
  color: var(--primary-color);
}
#blog-details .share-categories {
  justify-content: space-between;
  display: flex;
  padding: 40px 0 180px;
}
#blog-details .share-categories #popular-categories a {
  padding: 8px 20px;
  font-size: 18px;
  margin-bottom: 0;
}
#blog-details .share-categories .share .addtoany_list.a2a_kit_size_32 a > span {
  background-color: #f1f1f1 !important;
}
#blog-details .share-categories .share svg {
  background-color: #f1f1f1;
  display: flex;
  top: 13px;
  left: 13px;
}
#blog-details .share-categories .share path {
  fill: #555;
  transform: scale(0.5);
}
#blog-details .share-categories .share .addtoany_list.a2a_kit_size_32 a > span {
  border-radius: 0;
  height: 45px;
  line-height: 40px;
  opacity: 1;
  width: 45px;
  background-color: #f1f1f1;
}
.blog-gallery .image-wrapper {
  overflow: hidden;
  margin: 40px 0;
}
.blog-gallery p:last-child {
  margin-bottom: 0;
}
#blog-details .comments-count {
  font-size: 36px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}
.indented {
  margin-left: 100px;
}
.comment-list h4 {
  font-size: 28px;
  margin-bottom: 180px;
}
.comment-wrapper .form-area {
  margin-top: 180px;
}
.comment-item {
  position: relative;
  display: flex;
  border-bottom: solid 1px #ccc;
  padding: 25px 0;
}
.comment-item .image-wrapper {
  width: 145px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px;
}
.comment-item.middel-item .image-wrapper {
  width: 160px;
}
.comment-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.comment-info .name {
  display: flex;
}
.comment-info h5 {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin-bottom: 0 !important;
}
.comment-info p {
  margin-bottom: 0;
}
.comment-item .comment-info .name span {
  font-size: 14px;
  color: var(--primary-color);
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400;
  padding: 0 20px;
}
.comment-delete,
.comment-edit {
  display: none;
}
.comments-reply .nav-link {
  padding: 0;
}
.comments-reply .nav-link a {
  color: var(--white-text);
  background-color: var(--bg-color);
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
}
.form-area h5 {
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  text-transform: capitalize !important;
  margin-bottom: 50px !important;
}
.form-area label {
  display: none;
}
.form-area .form-group {
  margin-bottom: 1.8rem;
}
.form-area .pt-form-element {
  height: 45px;
  border-radius: 0;
  background-color: transparent;
}
.form-area textarea.pt-form-element {
  height: 200px;
}
.form-area .pt-form-element::placeholder {
  font-size: 18px;
  text-transform: capitalize;
  font-family: Lato, sans-serif;
  font-weight: 400;
}
.form-area .button-primary {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 17px;
  padding: 10px 30px;
}
#support {
  padding: 40px 30px;
  margin-bottom: 30px;
  background-color: var(--primary-color);
}
#support h5 {
  color: var(--white-text);
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 15px;
}
#support p {
  color: var(--white-text);
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 17.5px;
}
#support .contact {
  display: flex;
  align-items: center;
}
#support a {
  color: var(--white-text);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
#support i {
  width: 55px;
  height: 55px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--white-text);
  color: var(--white-text);
  border-radius: 50%;
  margin-right: 10px;
}
#our-services {
  background-color: #f7f7f7;
  padding: 40px 30px;
  margin-bottom: 30px;
}
#our-services h5 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 25px;
}
#our-services ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
#our-services li {
  padding-bottom: 12px;
}
#our-services li:last-child {
  padding-bottom: 0;
}
#our-services li a {
  font-family: Lato, sans-serif;
  font-size: 19px;
  color: #646464;
}
#our-services li:before {
  font-family: FontAwesome;
  content: "\f101";
  font-weight: 900;
  font-style: normal;
  font-size: 17px;
  color: var(--primary-color);
  padding-right: 5px;
}
.sidebar {
  padding: 130px 15px;
}
.sidebar h5 {
  margin-bottom: 25px;
}
.sidebar #block-recentposts {
  margin-bottom: 30px;
}
#service-details {
  padding: 130px 0;
}
#service-details .image {
  overflow: hidden;
  width: 100%;
  height: 450px;
  position: relative;
  margin-bottom: 45px;
}
#service-details .image img {
  width: 100%;
  height: 100%;
}
#service-details .image .icon {
  width: 70px;
  height: 70px;
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color);
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 30px;
}
#service-details .image .icon span {
  width: 100%;
  height: 100%;
  font-size: 50px;
  filter: brightness(0) invert(1);
}
#service-details p {
  font-size: 18px;
}
#service-details h2,
#service-details h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}
#service-details ol {
  padding-left: 20px;
  margin-bottom: 40px;
}
#service-details ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 30px;
}
#service-details ol li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#service-details ul li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#service-details ul li:before {
  font-family: FontAwesome;
  content: "\f05d";
  font-style: normal;
  font-size: 20px;
  color: var(--primary-color);
  padding-right: 10px;
}
.gallery-block img {
  width: 100%;
  height: 100%;
}
#back-to {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 2.5%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: 0;
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
  padding: 10px 17px;
  border-radius: 3px;
  animation: 0.8s 0.18s fadeInBottom both;
}
#back-to:hover {
  background-color: var(--secondary-color);
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar {
  width: 1px;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 10px;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.dialog-off-canvas-main-canvas ::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}
#access-denied {
  padding: 80px 0 80px 0;
}
#access-denied .title-section {
  border: 2px solid var(--primary-color);
  padding: 50px;
  border-radius: 3px;
  margin-bottom: 50px;
}
#access-denied .title-section h1 {
  color: var(--text-color);
  font-size: 160px;
  line-height: 200px;
  margin-bottom: 0;
}
#access-denied .title-section h2 {
  color: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 160px;
  line-height: 180px;
  margin-bottom: 0;
}
#access-denied .title-section h3 {
  color: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.8px;
}
#access-denied h4 {
  color: #000;
  font-size: 37px;
  font-weight: 600;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
#access-denied p {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin-bottom: 0;
  margin-bottom: 20px;
}
#access-denied a {
  color: #fff;
  padding: 10px 35px;
  transition: 0.6s ease-in-out;
}
#login .description {
  display: none;
}
#login h2 {
  text-align: center;
  font-weight: 600;
  font-size: 23px;
  letter-spacing: 0.8px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 35px;
}
#login .login-form {
  border-radius: 3px;
  overflow: hidden;
  padding: 45px 30px 50px;
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 80px;
}
#login .login-form .form-group {
  margin-top: 1.3rem;
  margin-bottom: 0;
}
#login .login-form .form-group.req-pass {
  margin-top: 0.2rem !important;
  margin-bottom: 1.3rem;
}
#login .login-form .form-group.req-pass a {
  color: #3daee1;
  float: right;
}
#login .login-form label {
  margin-bottom: 0.2rem;
  color: #000;
  font-weight: 500;
  font-size: 16.5px;
  letter-spacing: 0.5px;
}
.login-button.text-center {
  padding-top: 30px;
}
#login #edit-actions input#edit-submit {
  font-size: 18px;
  padding: 10px 50px;
  width: auto;
  height: auto;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
#login.register .login-form .form-group.req-pass {
  margin-top: 1.3rem;
  margin-bottom: 0;
  text-align: center;
}
#login.register .login-form .form-group.req-pass a {
  float: none;
  padding-left: 4px;
}
#login.register .login-button {
  padding-bottom: 20px;
}
#login.forget-pass .form-group p {
  font-size: 13px;
  padding-top: 10px;
}
#user-tabs ul {
  overflow: hidden;
  height: auto;
  margin: 20px 0 50px;
  white-space: nowrap;
  border: none;
  border-collapse: collapse;
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
  line-height: normal;
}
#user-tabs ul li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
#user-tabs ul li a {
  display: block;
  height: 2.8em;
  padding: 0 20px 3px;
  border-width: 1px;
  border-color: #bbb;
  text-shadow: 0 1px 0 #fff;
  font-size: 15px;
  line-height: 40px;
}
#user-tabs ul li.active a {
  border-bottom: none;
  color: var(--primary-color);
}
#user-tabs ul li a.is-active {
  color: #3e6bce;
  float: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #bbb;
  background-color: #fff;
  border-bottom-color: #fff;
  background-color: #fff;
}
#maintenance_mode {
  padding: 100px 0;
  background-color: #fff;
}
.mm-overlay.text-center {
  padding: 50px 0;
  width: 60%;
  text-align: center;
  margin: auto;
}
.mm-overlay .title {
  font-size: 60px;
  margin-bottom: 30px;
  line-height: 56px;
}
.mm-overlay p {
  margin: auto;
}
#mm-cont-social ul {
  list-style: none;
  padding: 0;
  display: inline-block;
}
#mm-cont-social {
  padding: 50px 0;
  text-align: center;
  background-color: #fff;
}
.mm-contact,
.mm-social {
  display: inline-block;
}
.mm-contact ul li {
  display: inline-block;
  padding-right: 40px;
  font-weight: 700;
  color: var(--secondary-color);
}
.mm-social ul li {
  display: inline-block;
}
.mm-contact ul li a,
.mm-social ul li a {
  border: 0;
  color: var(--secondary-color);
}
.mm-social h3 {
  display: inline-block;
  font-size: 14px;
  padding-right: 10px;
}
.mm-image {
  height: 350px;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
.mm-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#coming-soon {
  padding: 100px 0 200px;
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
  text-align: center;
  color: #fff;
  height: 100%;
}
#coming-soon .overlay {
  height: 0;
}
.cs-title {
  padding: 50px 0;
}
.cs-title h1 {
  color: #fff;
  font-size: 56px;
  margin-bottom: 50px;
  line-height: 56px;
  font-size: 72px;
}
.cs-title p {
  color: #fff;
  width: 55%;
  margin: auto;
}
.cs-date {
  display: inline-block;
  padding: 30px 0 10px;
  border: 1px solid #fff;
  margin: 10px 20px;
  border-radius: 20px;
  width: 13%;
  overflow: hidden;
}
.cs-date span {
  color: #fff;
  font-size: 40px;
  display: inline-block;
  font-weight: 900;
  margin-bottom: 25px;
}
.date_expired {
  content: "";
  border-bottom: 1px solid #fff;
  position: relative;
  top: 58px;
}
.cs-contact {
  margin-top: 80px;
}
.cs-contact ul {
  list-style: none;
  padding: 0;
}
.cs-contact ul li {
  display: inline-block;
  padding: 0 60px;
}
.cs-contact ul li span {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.cs-contact ul li a {
  font-size: 16px;
  color: #fff;
  border: 0;
  font-weight: 900;
}
.cs-social {
  display: inline-flex;
  padding-top: 70px;
}
.cs-social ul {
  padding: 5px 15px;
}
.cs-social ul li {
  display: inline-block;
}
pad .cs-social ul li a {
  border: 0;
  color: var(--white-text);
}
.cs-social h3 {
  display: inline-block;
  font-size: 14px;
  padding-right: 10px;
  color: #fff;
}
.detail-pdf {
  background-color: #192437;
  color: var(--white-text);
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.detail-pdf i {
  padding-right: 15px;
  color: var(--white-text);
  font-size: 22px;
}
.detail-pdf h5 {
  color: var(--white-text);
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
}
#project-details {
  padding: 130px 0;
}
#project-details .projects-detail {
  height: 600px;
  overflow: hidden;
  margin-bottom: 40px;
}
#project-details .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 600px;
  position: relative;
}
#project-details .image-wrapper img {
  width: 100%;
  height: 100%;
}
#project-details p {
  font-size: 18px;
}
#project-details h2,
#project-details h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}
#project-details ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 30px;
}
#project-details ul li {
  padding-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #333;
}
#project-details ul li:before {
  font-family: FontAwesome;
  content: "\f05d";
  font-style: normal;
  font-size: 20px;
  color: var(--primary-color);
  padding-right: 10px;
}
#project-details .detail-block {
  padding: 35px 30px;
  border: solid 1px #ccc;
  margin-bottom: 50px;
}
#project-details .detail-block .block .wrapper {
  margin-bottom: 20px;
}
#project-details .detail-block .block .wrapper:last-child {
  margin-bottom: 0;
}
#project-details .detail-block h6 {
  font-size: 18.5px;
}
#project-details .detail-block h6,
#project-details .detail-block p {
  margin-bottom: 0;
}
#project-details .owl-theme .owl-nav {
  margin-top: 0;
  width: 100%;
}
#project-details .owl-theme .owl-nav [class*="owl-"] {
  border: solid 1.5px rgb(0, 0, 0, 0.75);
  color: var(--white-text);
  border-radius: 0;
  width: 50px;
  height: 50px;
  font-size: 16px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0, 0.75);
  position: absolute;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#project-details .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
#project-details .owl-theme .owl-nav [class*="owl-"]:hover i {
  color: var(--white-text);
}
#project-details .owl-theme .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#project-details .owl-theme .owl-nav .owl-next {
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
}
#project-details .owl-theme .owl-nav .owl-next i,
#project-details .owl-theme .owl-nav .owl-prev i {
  color: var(--white-text) !important;
}
#contact-details .style-1 {
  padding-bottom: 0;
}
#contact-details .style-1 .block-wrapper {
  background-color: #f7f7f7;
  padding: 30px 40px;
  display: flex;
}
#contact-details .block-wrapper .content {
  width: 80%;
  margin: auto;
}
#contact-details .block-wrapper h4 {
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
}
#contact-details .block-wrapper p {
  margin-bottom: 0;
}
#contact-details .block-wrapper ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
#contact-details .style-1 .block-wrapper li a {
  font-family: Lato, sans-serif;
  font-size: 17px;
  color: #646464;
}
#contact-details .style-2 .block-wrapper {
  display: flex;
  padding: 30px 0;
}
#contact-details .style-2 .block-wrapper a,
#contact-details .style-2 .block-wrapper p {
  font-size: 18px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: #646464;
}
#contact-details .style-2 .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--primary-color);
  margin-right: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#contact-block .details-wrapper {
  max-width: 420px;
  margin-left: auto;
  padding: 0 15px;
}
#contact-block .details-wrapper h3 {
  font-size: 36px;
  line-height: 52px;
}
#contact-block .form {
  background-color: #f7f7f7;
}
@media (max-width: 575.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-accordion h2,
  #s-alerts h2,
  #s-audio-video h2,
  #s-blockquotes h2,
  #s-buttons h2,
  #s-dropcaps h2,
  #s-highlights h2,
  #s-icons h2,
  #s-lists h2,
  #s-map h2,
  #s-progress h2,
  #s-table h3,
  #s-tabs h2,
  #s-tooltip h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #s-blockquotes .blockquote-style-1 blockquote {
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #s-blockquotes .blockquote-style-1 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -35px;
  }
  #s-blockquotes .blockquote-style-1 .profile span {
    font-size: 26px;
  }
  #s-blockquotes .blockquote-style-2 {
    padding: 30px;
  }
  #s-blockquotes .blockquote-style-2 blockquote {
    font-size: 20px;
    line-height: 32px;
  }
  #s-blockquotes .blockquote-style-2 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -15px;
    text-align: center;
  }
  #s-carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-carousels .style-1 .testimonial {
    margin-right: 0;
  }
  #s-carousels .style-2 .testimonial {
    margin: 40px 0;
  }
  #s-carousels .style-2 .user {
    flex-direction: column;
  }
  #s-carousels .style-2 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #s-carousels .style-2 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #s-carousels .style-2 .name {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
  }
  #s-carousels .style-2 .designation {
    margin-bottom: 0 !important;
    font-size: 18px;
  }
  #s-carousels .style-3 .owl-controls {
    position: unset;
  }
  #s-form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #s-form .style-2 .form-wrapper,
  #s-form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #s-form .style-3 h2 {
    font-size: 28px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #s-icons a i {
    font-size: 18px;
  }
  #s-icons a {
    width: 50px;
    height: 50px;
    margin-right: 28px;
  }
  #s-images .image-wrapper {
    width: 100%;
    height: 300px;
  }
  #s-lists ul li {
    font-size: 16px;
  }
  #s-pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #s-pricing span {
    font-size: 16px;
  }
  #s-pricing .style-1 .pricing-item li,
  #s-pricing .style-2 .pricing-item li,
  #s-pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #s-pricing .style-1 .button-primary,
  #s-pricing .style-2 .button-primary,
  #s-pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #s-tabs .tab-card .nav-item .nav-link {
    padding: 5px 12px;
    font-size: 16px;
  }
  #s-tabs .tab-style-2 .nav-tabs .nav-item {
    display: unset;
  }
  #s-testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #s-testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #s-testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-progress .progress {
    height: 7px;
  }
  #s-projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-projects .style-3 .image-wrapper {
    height: 380px;
  }
  #s-services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #s-blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 70%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show,
  .header-2 #main-2 .collapse.show,
  .header-3 #main-3 .collapse.show,
  .header-4 #main-4 .collapse.show,
  .header-5 #main-5 .collapse.show {
    padding-bottom: 35px;
    max-height: 500px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper .form-group {
    margin-bottom: 0;
  }
  .header-1 #top-header .wrapper .right-side {
    display: block;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-1 #top-header .wrapper {
    display: unset;
    text-align: center;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 70%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-right {
    justify-content: center;
    display: block;
    text-align: center;
  }
  .header-2 #top-header .top-right ul {
    justify-content: center;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 70%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-3 #top-header .wrapper {
    display: block;
    justify-content: center;
  }
  .header-3 #top-header .wrapper .left,
  .header-3 #top-header .wrapper .right {
    flex-flow: column;
    text-align: center;
  }
  .header-4 #top-header .top-right {
    justify-content: center;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 70%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-4 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 70%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  .header-5 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 #top-header .top-right {
    justify-content: center;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #slider #slider-style-1 .slider-wrapper {
    min-height: 600px;
    padding: 100px 0;
  }
  .header-variation-5 #slider #slider-style-1 .slider-wrapper {
    padding-top: 200px;
  }
  #slider #slider-style-1 h2 {
    font-size: 36px;
    line-height: 48px;
  }
  #slider #slider-style-1 p {
    font-size: 18px;
  }
  #services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #pricing span {
    font-size: 16px;
  }
  #pricing .style-1 .pricing-item li,
  #pricing .style-2 .pricing-item li,
  #pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #pricing .style-1 .button-primary,
  #pricing .style-2 .button-primary,
  #pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  #carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #carousels .style-2 .testimonial {
    margin-right: 0;
  }
  #carousels .style-3 .testimonial {
    margin: 40px 0;
  }
  #carousels .style-3 .user {
    flex-direction: column;
  }
  #carousels .style-3 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #carousels .style-3 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #carousels .style-1 .owl-controls {
    position: unset;
  }
  #testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #testimonials .style-3 .user {
    width: 100%;
  }
  #testimonials .style-3 .user .profile {
    width: 35%;
  }
  #testimonials .style-3 .user .detail {
    width: 65%;
  }
  #progress .progress {
    height: 10px;
  }
  #projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #projects .style-3 .image-wrapper {
    height: 380px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #video_style_1 .image-wrapper {
    height: 230px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #pricing .style-1 .black-button {
    margin-top: 0;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .button-primary {
    font-size: 16px;
    width: 100%;
    display: block;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding-left: 0;
  }
  #slider #slider-style-2 .content {
    padding: 50px 30px;
  }
  #slider #slider-style-2 h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
  }
  #slider #slider-style-2 a {
    margin-top: 15px;
  }
  #slider #slider-style-2 .border-design {
    width: 240px;
  }
  #slider #slider-style-2 .slider-wrapper {
    padding: 150px 0;
  }
  #achievement_style_2 .count {
    margin-bottom: 30px;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 20px;
  }
  #video_style_2 h2 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
  #client_style_2 .title {
    font-size: 26px;
    line-height: 40px;
  }
  #client_style_2 .subtitle {
    font-size: 18px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #experience_style_2 h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #experience_style_2 p {
    font-size: 18px;
    width: 100%;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #form .style-3.v-1 .form-wrapper {
    padding: 50px 0;
  }
  #blogs .style-2 .blog-item .image-wrapper,
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 280px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 30px 15px;
  }
  #footer_about p {
    width: 100%;
  }
  footer h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .copyrights .wrapper {
    flex-direction: column;
  }
  .copyrights .wrapper p {
    margin-bottom: 5px;
  }
  .copyrights .wrapper ul {
    flex-direction: column;
  }
  .copyrights .wrapper li:after {
    display: none;
  }
  #footer_about {
    text-align: center;
    padding: 0 15px;
  }
  #footer_about ul {
    justify-content: center;
  }
  #footer_about ul li {
    padding-right: 0;
    padding: 0 10px;
  }
  footer .footer-link li a {
    text-align: center;
  }
  footer .footer-link li a:before {
    display: none;
  }
  #contact_foooter .icon {
    display: none;
  }
  #contact_foooter .address,
  #contact_foooter .email,
  #contact_foooter .phone {
    text-align: center;
    justify-content: center;
  }
  footer .footer-link li a {
    padding: 3px;
  }
  #experience_style_2 a {
    margin: 10px;
  }
  #form .style-1 .input-group {
    flex-direction: column;
    height: auto;
  }
  #form .style-1 .pt-form-element {
    border-right: 2px solid #ced4da;
    margin-bottom: 10px;
  }
  #slider #slider-style-3 .content-wrapper {
    padding: 30px 30px;
    margin-right: 0;
  }
  #slider #slider-style-3 .slider-wrapper {
    padding: 130px 0;
  }
  #slider #slider-style-3 span {
    font-size: 18px;
  }
  #slider #slider-style-3 h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #slider #slider-style-3 p {
    font-size: 17px;
  }
  #video_style_3 .content {
    padding: 80px 0 80px 0;
  }
  #video_style_3 h2 {
    font-size: 32px;
    line-height: 44px;
    width: 100%;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #features h2 {
    font-size: 28px;
  }
  #teams .style-3 .team-member {
    margin: 0 30px 30px;
  }
  #achievement_style_3 h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
  }
  #achievement_style_3 p {
    width: 100%;
    text-align: center;
  }
  #achievement_style_3 a {
    width: 100%;
    margin-bottom: 50px;
  }
  #achievement_style_3 .count {
    margin-bottom: 40px;
    margin-top: 0;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #get-a-quote-style-2 [type="submit"] {
    width: 100%;
  }
  #get-a-quote-style-2 .image-wrapper {
    margin-bottom: 15px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 30px 15px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us h2 {
    font-size: 28px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 30px;
  }
  #join-us .button-primary {
    margin-right: 10px;
    padding: 12px 15px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #blogs .style-3 .blog-detail .date-comments span {
    font-size: 12px;
  }
  #achievement_style_3 .count {
    float: unset;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-4 h2 {
    font-size: 38px;
    line-height: 46px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 100px 0;
    min-height: unset;
    max-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery a {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 28px;
    line-height: 40px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #achievement_style_4 .subtitle {
    margin-bottom: 50px;
  }
  #pricing .style-4 span {
    margin-bottom: 40px;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #join-us p {
    text-align: center;
  }
  #information .content-wrapper h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #information .image-wrapper {
    height: 230px;
    margin-top: 30px;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #form .style-3 .subtitle {
    margin-bottom: 0;
  }
  #form .style-3 .form-wrapper {
    padding: 30px 0;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #subscribe_form_3 .content-wrapper .input-group {
    width: 100%;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  .pt-skins-panel .panel-skins-content .item-color {
    height: 50px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #video_style_2 .image-wrapper {
    height: 260px;
  }
  #projects .style-4 .project-item {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 h2 {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
  #why-us h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 10px;
  }
  #pricing .style-5 span {
    margin-bottom: 40px;
  }
  #pricing .style-5 .pricing-item,
  #pricing .style-5 .pricing-item.highlighted {
    margin-bottom: 30px;
  }
  #experience_style_4 p,
  #information.right .content-wrapper {
    width: 100%;
  }
  #experience_style_4,
  #subscribe_form_4 {
    padding: 100px 0;
  }
  #subscribe_form_4 h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #subscribe_form_4 .input-group {
    height: auto;
    width: 100%;
    flex-direction: column;
  }
  #subscribe_form_4 .pt-form-element {
    border-right: solid 1px #ccc;
  }
  #about-1 .right {
    margin-top: 30px;
  }
  #about-1 .blockquotes {
    position: unset;
    width: 100%;
  }
  #about-1 .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #about-2 .list {
    margin-bottom: 30px;
  }
  #why-us-2 .r-content-wrapper {
    padding: 20px;
    width: 100%;
  }
  #why-us-2 .r-content-wrapper h2 {
    width: 100%;
  }
  #why-us-2 .r-content-wrapper .list .icon {
    width: 15%;
  }
  #why-us-2 .r-content-wrapper .list .content {
    width: 75%;
  }
  #banner .image-wrapper {
    height: 200px;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
  #banner .image-wrapper h1 {
    font-size: 30px;
    line-height: 34px;
  }
  #award .left,
  #award .right {
    padding: 0;
    margin-bottom: 30px;
  }
  #award .image-border {
    width: 170px;
    height: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #award .image-wrapper {
    width: 150px;
    height: 150px;
  }
  #award .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #award .content {
    text-align: center;
  }
  #award .left .content {
    padding-left: 0;
  }
  #award .right .content {
    padding-right: 0;
  }
  #award .content p {
    width: 100%;
  }
  #award .content p:last-child {
    margin-bottom: 30px;
  }
  #careers .card-header .card-title {
    font-size: 18px;
  }
  #careers .pt-card-wrapper {
    padding: 20px;
  }
  #careers span {
    font-size: 10px;
    line-height: 22px;
    bottom: -15px;
  }
  #history-page .history-image-wrapper {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  #history-page .right span {
    margin-bottom: 0;
    font-size: 16px;
  }
  #history-page .right h2 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  #history-page .top-content {
    padding-bottom: 40px;
  }
  #history-page .history-item {
    padding: 0;
  }
  #history-page .history-item .list-left {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #history-page .history-item .content {
    margin-bottom: 30px;
  }
  #history-page .history-item .list-left .image-icon {
    margin: auto;
  }
  #history-page .history-item .content img {
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
  #contact-details .style-1 .block-wrapper {
    margin-bottom: 30px;
  }
  #contact-block .details-wrapper {
    padding-top: 80px;
  }
  #form .style-6 {
    padding: 50px 0;
  }
  #form .style-6 .form-wrapper .form-group .pt-form-element::placeholder {
    font-size: 16px !important;
  }
  #contact-details .style-2 .block-wrapper {
    flex-direction: column;
  }
  #contact-details .style-2 .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #contact-details .block-wrapper .content {
    text-align: center;
  }
  #client_style_1.client-page .client {
    height: 180px;
    margin-bottom: 0 !important;
  }
  #s-testimonials .style-1,
  #s-testimonials .style-2,
  #s-testimonials .style-3 {
    padding: 80px 0;
  }
  #s-alerts .alert {
    padding: 15px;
  }
  #s-alerts .alert i {
    padding-right: 10px;
  }
  #s-blogs .style-3 .content-wrapper .blog-detail {
    padding: 10px 15px;
  }
  #s-blogs .style-3 .blog-detail .date-comments {
    padding-right: 10px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #service-details .image {
    height: 250px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding: 80px 0 30px;
  }
  #service-details .image .icon {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  .gallery-block .image-wrapper {
    margin-bottom: 20px;
  }
  .sidebar {
    padding: 0 15px 80px;
  }
  #support a {
    font-size: 22px;
  }
  #service-details h4 img {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0 !important;
    width: 100%;
    height: auto;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 250px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 100%;
    padding: 25px 30px;
    position: unset;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 360px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  #gallery-page .gallery-tabs .tabs {
    flex-direction: column;
  }
  #gallery-page .gallery-tabs .tabs li a {
    line-height: 32px;
    display: block;
    margin-bottom: 20px;
  }
  .portfolio-masonry-item {
    width: 100%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 auto 10px;
  }
  #project-details {
    padding: 80px 0;
  }
  #project-details .projects-detail {
    height: 250px;
  }
  #blogs .style-1 .blog-item.grid-1 .image-wrapper {
    height: 270px;
  }
  #blogs .style-1 .blog-item.grid-2 .content-wrapper .blog-detail {
    padding: 10px 10px;
  }
  #blogs .custom-pager {
    padding-bottom: 30px;
  }
  #recent-blogs .blog-list-item .left {
    padding-left: 0;
    padding-right: 0;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 120px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .navbar-language {
    width: 100%;
  }
  .navbar-language .dropdown-toggle {
    padding: 0 15px !important;
  }
  .navbar-language .dropdown-menu {
    margin-top: 10px !important;
    border: none !important;
  }
  .navbar-language .dropdown-menu a {
    padding: 10px 15px !important;
    border: none !important;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
  .header-w-5 {
    background-color: #fff;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-accordion h2,
  #s-alerts h2,
  #s-audio-video h2,
  #s-blockquotes h2,
  #s-buttons h2,
  #s-dropcaps h2,
  #s-highlights h2,
  #s-icons h2,
  #s-lists h2,
  #s-map h2,
  #s-progress h2,
  #s-table h3,
  #s-tabs h2,
  #s-tooltip h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #s-blockquotes .blockquote-style-1 blockquote {
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #s-blockquotes .blockquote-style-1 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -35px;
  }
  #s-blockquotes .blockquote-style-1 .profile span {
    font-size: 26px;
  }
  #s-blockquotes .blockquote-style-2 {
    padding: 30px;
  }
  #s-blockquotes .blockquote-style-2 blockquote {
    font-size: 20px;
    line-height: 32px;
  }
  #s-blockquotes .blockquote-style-2 blockquote:before {
    font-size: 32px;
    left: 0;
    right: 0;
    top: -15px;
    text-align: center;
  }
  #s-carousels .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-carousels .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-carousels .style-1 .testimonial {
    margin-right: 0;
  }
  #s-carousels .style-2 .testimonial {
    margin: 40px 0;
  }
  #s-carousels .style-2 .user {
    flex-direction: column;
  }
  #s-carousels .style-2 .user .profile {
    width: 50%;
    margin-right: 0;
    margin: auto;
  }
  #s-carousels .style-2 .user .detail {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
  #s-carousels .style-3 .owl-controls {
    position: unset;
  }
  #s-form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #s-form .style-2 .form-wrapper,
  #s-form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #s-form .style-3 h2 {
    font-size: 28px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #s-icons a i {
    font-size: 18px;
  }
  #s-icons a {
    width: 50px;
    height: 50px;
    margin-right: 28px;
  }
  #s-images .image-wrapper {
    width: 100%;
    height: 250px;
  }
  #s-lists ul li {
    font-size: 16px;
  }
  #s-pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #s-pricing span {
    font-size: 16px;
  }
  #s-pricing .style-1 .pricing-item li,
  #s-pricing .style-2 .pricing-item li,
  #s-pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #s-pricing .style-1 .button-primary,
  #s-pricing .style-2 .button-primary,
  #s-pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #s-tabs .tab-card .nav-item .nav-link {
    padding: 5px 12px;
    font-size: 16px;
  }
  #s-tabs .tab-style-2 .nav-tabs .nav-item {
    display: unset;
  }
  #s-testimonials .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .style-1 .left-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #s-testimonials .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-testimonials .style-1 .left-content .title {
    margin-bottom: 0;
    font-size: 16px;
  }
  #s-testimonials .style-1 .testimonial {
    margin-bottom: 30px;
  }
  #s-testimonials .style-2 .testimonial {
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .testimonial {
    margin-bottom: 50px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-progress .progress {
    height: 10px;
  }
  #s-projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-projects .style-3 .image-wrapper {
    height: 380px;
  }
  #s-services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .title {
    font-size: 26px;
    line-height: 34px;
  }
  #s-blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #s-blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #s-blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 70%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show {
    padding-bottom: 35px;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #top-header .wrapper .right-side {
    display: block;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-1 #top-header .wrapper {
    display: unset;
    text-align: center;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 70%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-right {
    justify-content: center;
    display: block;
    text-align: center;
  }
  .header-2 #top-header .top-right ul {
    justify-content: center;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 70%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-3 #top-header .wrapper {
    display: block;
    justify-content: center;
  }
  .header-3 #top-header .wrapper .left,
  .header-3 #top-header .wrapper .right {
    flex-flow: column;
    text-align: center;
  }
  .header-4 #top-header .top-right {
    justify-content: center;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 70%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-4 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 70%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  .header-5 #top-header .wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .header-5 #top-header .top-right {
    justify-content: center;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #services .title {
    font-size: 26px;
    line-height: 34px;
  }
  #services .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #teams .title {
    font-size: 26px;
    line-height: 34px;
  }
  #teams .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #pricing h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #pricing span {
    font-size: 16px;
  }
  #pricing .style-1 .pricing-item li,
  #pricing .style-2 .pricing-item li,
  #pricing .style-3 .pricing-item li {
    font-size: 16px;
  }
  #pricing .style-1 .button-primary,
  #pricing .style-2 .button-primary,
  #pricing .style-3 .button-primary {
    padding: 10px 15px;
  }
  #form h2 {
    font-size: 28px;
    line-height: 44px;
  }
  #form .style-2 .form-wrapper,
  #form .style-3 .form-wrapper {
    padding: 60px 0;
  }
  #form .style-3 h2 {
    font-size: 28px;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  #blogs .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 150px;
  }
  #blogs .style-2 .blog-list-item .content-wrapper {
    padding-top: 20px;
  }
  #projects .title {
    font-size: 26px;
    line-height: 34px;
  }
  #projects .subtitle {
    font-size: 18px;
    margin-bottom: 50px;
  }
  #projects .style-3 .image-wrapper {
    height: 380px;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #video_style_1 .image-wrapper {
    height: 230px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #pricing .style-1 .black-button {
    margin-top: 0;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .button-primary {
    padding: 10px;
    font-size: 16px;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #slider #slider-style-2 .content {
    padding: 50px 30px;
  }
  #slider #slider-style-2 h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
  }
  #slider #slider-style-2 a {
    margin-top: 15px;
  }
  #slider #slider-style-2 .border-design {
    width: 240px;
  }
  #slider #slider-style-2 .slider-wrapper {
    padding: 150px 0;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 20px;
  }
  #video_style_2 h2 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
  #client_style_2 .title {
    font-size: 26px;
    line-height: 40px;
  }
  #client_style_2 .subtitle {
    font-size: 18px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #experience_style_2 h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #experience_style_2 p {
    font-size: 18px;
    width: 100%;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #form .style-3.v-1 .form-wrapper {
    padding: 50px 0;
  }
  #blogs .style-2 .blog-item .image-wrapper,
  #blogs .style-2 .blog-list-item .image-wrapper {
    height: 280px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 30px 15px;
  }
  #footer_about {
    text-align: center;
    padding: 0 15px;
  }
  #footer_about ul {
    justify-content: center;
  }
  #footer_about ul li {
    padding-right: 0;
    padding: 0 10px;
  }
  #footer_about p {
    width: 100%;
  }
  footer h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .copyrights .wrapper {
    flex-direction: column;
  }
  .copyrights .wrapper p {
    margin-bottom: 5px;
  }
  .copyrights .wrapper ul {
    flex-direction: column;
  }
  .copyrights .wrapper li:after {
    display: none;
  }
  footer .footer-link li a {
    text-align: center;
  }
  footer .footer-link li a:before {
    display: none;
  }
  #contact_foooter .icon {
    display: none;
  }
  #contact_foooter .address,
  #contact_foooter .email,
  #contact_foooter .phone {
    text-align: center;
    justify-content: center;
  }
  footer .footer-link li a {
    padding: 3px;
  }
  #footer_about .image-wrapper img {
    width: 75%;
  }
  #footer_about p {
    width: 100%;
  }
  #slider #slider-style-3 .content-wrapper {
    padding: 30px 30px;
    margin-right: 0;
  }
  #slider #slider-style-3 .slider-wrapper {
    padding: 130px 0;
  }
  #slider #slider-style-3 span {
    font-size: 18px;
  }
  #slider #slider-style-3 h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #slider #slider-style-3 p {
    font-size: 17px;
  }
  #video_style_3 .content {
    padding: 80px 0 80px 0;
  }
  #video_style_3 h2 {
    font-size: 36px;
    line-height: 44px;
    width: 100%;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #features h2 {
    font-size: 28px;
  }
  #teams .style-3 .team-member {
    margin-bottom: 30px;
  }
  #achievement_style_3 h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
  }
  #achievement_style_3 p {
    width: 100%;
    text-align: center;
  }
  #achievement_style_3 a {
    width: 100%;
    margin-bottom: 50px;
  }
  #achievement_style_3 .count {
    margin-bottom: 40px;
    margin-top: 0;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #get-a-quote-style-2 [type="submit"] {
    width: 100%;
  }
  #get-a-quote-style-2 .image-wrapper {
    margin-bottom: 15px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 30px 15px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us h2 {
    font-size: 28px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 30px;
  }
  #join-us .button-primary {
    margin-right: 10px;
    padding: 12px 15px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #achievement_style_3 .count {
    float: unset;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-4 h2 {
    font-size: 38px;
    line-height: 46px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 100px 0;
    min-height: unset;
    max-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery a {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 28px;
    line-height: 40px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #achievement_style_4 .subtitle {
    margin-bottom: 50px;
  }
  #pricing .style-4 span {
    margin-bottom: 40px;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #join-us p {
    text-align: center;
  }
  #information .content-wrapper h2 {
    font-size: 26px;
    line-height: 38px;
  }
  #information .image-wrapper {
    height: 230px;
    margin-top: 30px;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #form .style-3 .subtitle {
    margin-bottom: 0;
  }
  #form .style-3 .form-wrapper {
    padding: 30px 0;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #subscribe_form_3 .content-wrapper .input-group {
    width: 100%;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  .pt-skins-panel .panel-skins-content .item-color {
    height: 50px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #video_style_2 .image-wrapper {
    height: 260px;
  }
  #projects .style-4 .project-item {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 h2 {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
  #why-us h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 10px;
  }
  #pricing .style-5 span {
    margin-bottom: 40px;
  }
  #pricing .style-5 .pricing-item,
  #pricing .style-5 .pricing-item.highlighted {
    margin-bottom: 30px;
  }
  #experience_style_4 p,
  #information.right .content-wrapper {
    width: 100%;
  }
  #experience_style_4,
  #subscribe_form_4 {
    padding: 100px 0;
  }
  #subscribe_form_4 h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #subscribe_form_4 .input-group {
    height: auto;
    width: 100%;
    flex-direction: column;
  }
  #subscribe_form_4 .pt-form-element {
    border-right: solid 1px #ccc;
  }
  #about-1 .right {
    margin-top: 30px;
  }
  #about-1 .blockquotes {
    position: unset;
    width: 100%;
  }
  #about-1 .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #about-2 .list {
    margin-bottom: 30px;
  }
  #why-us-2 .r-content-wrapper {
    padding: 20px;
    width: 100%;
  }
  #why-us-2 .r-content-wrapper h2 {
    width: 100%;
  }
  #why-us-2 .r-content-wrapper .list .icon {
    width: 15%;
  }
  #why-us-2 .r-content-wrapper .list .content {
    width: 75%;
  }
  #banner .image-wrapper {
    height: 200px;
  }
  #banner .image-wrapper h1 {
    font-size: 30px;
    line-height: 34px;
  }
  #award .left,
  #award .right {
    padding: 0;
    margin-bottom: 30px;
  }
  #award .image-border {
    width: 170px;
    height: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #award .image-wrapper {
    width: 150px;
    height: 150px;
  }
  #award .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #award .content {
    text-align: center;
  }
  #award .left .content {
    padding-left: 0;
  }
  #award .right .content {
    padding-right: 0;
  }
  #award .content p {
    width: 100%;
  }
  #award .content p:last-child {
    margin-bottom: 30px;
  }
  #careers .card-header .card-title {
    font-size: 18px;
  }
  #careers .pt-card-wrapper {
    padding: 20px;
  }
  #careers span {
    font-size: 10px;
    line-height: 22px;
    bottom: -15px;
  }
  #history-page .history-image-wrapper {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  #history-page .right span {
    margin-bottom: 0;
    font-size: 16px;
  }
  #history-page .right h2 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  #history-page .top-content {
    padding-bottom: 40px;
  }
  #history-page .history-item {
    padding: 0;
  }
  #history-page .history-item .list-left {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #history-page .history-item .content {
    margin-bottom: 30px;
  }
  #history-page .history-item .list-left .image-icon {
    margin: auto;
  }
  #history-page .history-item .content img {
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
  #contact-details .style-1 .block-wrapper {
    margin-bottom: 30px;
  }
  #contact-block .details-wrapper {
    padding-top: 80px;
  }
  #form .style-6 {
    padding: 50px 0;
  }
  #contact-details .style-2 .block-wrapper {
    flex-direction: column;
  }
  #contact-details .style-2 .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #contact-details .block-wrapper .content {
    text-align: center;
  }
  #client_style_1.client-page .client {
    height: 180px;
    margin-bottom: 0 !important;
  }
  #form .style-6 {
    padding: 80px 0;
  }
  #contact-details .style-2 .icon {
    width: 75px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding: 80px 0 30px;
  }
  #service-details .image .icon {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  .gallery-block .image-wrapper {
    margin-bottom: 20px;
  }
  .sidebar {
    padding: 0 15px 80px;
  }
  #support a {
    font-size: 22px;
  }
  #service-details h4 img {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0 !important;
    width: 100%;
    height: auto;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 250px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 100%;
    padding: 25px 30px;
    position: unset;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 360px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  .portfolio-masonry-item {
    width: 100%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 auto 10px;
  }
  #project-details {
    padding: 80px 0;
  }
  #project-details .projects-detail {
    height: 250px;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 120px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .section-130 {
    padding: 80px 0;
  }
  #s-carousels .style-3 .user .profile {
    width: 40%;
  }
  #s-carousels .style-4 .line::after {
    width: 350px;
  }
  #s-form .style-4 {
    padding-bottom: 0;
  }
  #s-form .style-4 .image-wrapper {
    position: unset;
    margin: auto;
    margin-top: 30px;
    width: 70%;
    height: auto;
  }
  #s-pricing .style-1 .pricing-item {
    margin: 0;
  }
  #pricing .style-1 .pricing-item {
    margin: 0;
  }
  #s-testimonials .style-1 .user .profile {
    width: 38%;
  }
  #s-testimonials .style-2 .testimonial {
    margin-right: 0;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #s-testimonials .style-3 .user {
    width: 100%;
  }
  #s-testimonials .style-3 .user .profile {
    width: 35%;
    height: 85px;
  }
  #s-testimonials .style-3 .user .detail {
    width: 65%;
  }
  #s-projects .style-3 .image-wrapper {
    height: 430px;
  }
  .header-1 .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 40%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show,
  .header-2 #main-2 .collapse.show,
  .header-3 #main-3 .collapse.show,
  .header-4 #main-4 .collapse.show,
  .header-5 #main-5 .collapse.show {
    padding-bottom: 35px;
    max-height: 400px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper .form-group {
    margin-bottom: 0;
    margin: 8px auto;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 40%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 #top-header .language-wrapper {
    display: none;
  }
  .header-3 #top-header .wrapper .left a,
  .header-3 #top-header .wrapper .right span {
    font-size: 12px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 40%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #top-header .top-right {
    justify-content: space-between;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 40%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 40%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  #experience_style_1 span {
    font-size: 18px;
  }
  #experience_style_1 h2 {
    font-size: 28px;
    line-height: 38px;
  }
  #experience_style_1 a {
    padding: 8px 25px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #form .style-1 {
    padding-bottom: 0;
  }
  #form .style-1 .image-wrapper {
    position: unset;
    margin: auto;
    margin-top: 30px;
    width: 70%;
    height: auto;
  }
  #testimonials .style-1 .user .profile {
    width: 38%;
  }
  #testimonials .style-2 .testimonial {
    margin-right: 0;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #testimonials .style-3 .user {
    width: 100%;
  }
  #testimonials .style-3 .user .profile {
    width: 35%;
    height: 85px;
  }
  #testimonials .style-3 .user .detail {
    width: 65%;
  }
  #projects .style-3 .image-wrapper {
    height: 430px;
  }
  #client_style_1 .client {
    margin: 0 !important;
    margin-bottom: 30px !important;
  }
  #teams .style-2 .team-member {
    margin-bottom: 30px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #slider #slider-style-2 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-2 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_1 .image-wrapper {
    height: 400px;
    margin-bottom: 30px;
  }
  #video_style_1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  #carousels .style-1 .left-content {
    padding: 0 0 20px 0;
  }
  #client_style_1 .client-wrapper {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_1 .client {
    height: 200px;
  }
  #form .style-1 form {
    width: 100%;
  }
  #form .style-1 .button-primary {
    height: 102%;
  }
  #form .style-1 .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #form .style-1 .form-group {
    margin-bottom: unset;
  }
  #blogs .style-1 .blog-item .image-wrapper {
    height: 270px;
  }
  #carousels .style-1 .owl-controls {
    position: unset;
  }
  #achievement_style_1 .count p {
    font-size: 18px;
  }
  #achievement_style_1 .count {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding-left: 0;
  }
  #slider #slider-style-2 .slider-wrapper {
    max-height: unset;
  }
  #achievement_style_2 .line::after {
    width: 100px;
    left: -40px;
  }
  #achievement_style_2 .count {
    margin-bottom: 30px;
  }
  #video_style_2 .content-wrapper {
    padding-left: 0;
  }
  #video_style_2 .image-wrapper {
    margin-bottom: 30px;
  }
  #client_style_2 .client-wrapper {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #client_style_2 .client {
    margin-bottom: 30px;
  }
  #pricing .style-2 .pricing-item {
    margin: 0 0 30px;
  }
  #subscribe_form_2 .content-wrapper {
    padding: 50px 30px;
  }
  #video_style_3 .content-wrapper {
    max-width: 100%;
  }
  #teams .style-3 .team-member {
    margin-bottom: 30px;
  }
  #teams .style-3 .image-wrapper {
    height: 250px;
  }
  #teams .style-3 .team-member-details h6 {
    font-size: 17px;
  }
  #teams .style-3 .team-member-details ul li {
    padding: 0 10px;
  }
  #get-a-quote-style-2 .get-a-quote-wrapper {
    padding: 40px 30px;
  }
  #pricing .style-3 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-3 .button-primary {
    margin-top: 0;
  }
  #join-us .button-primary {
    padding: 9px;
  }
  #blogs .style-3 .blog-item {
    margin-bottom: 30px;
  }
  #blogs .style-3 .button-primary {
    margin-top: 0;
  }
  #slider #slider-style-4 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-4 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #video_style_3 .image-wrapper {
    height: 300px;
  }
  #slider #slider-style-4 .slider-wrapper {
    padding: 150px 0;
    max-height: unset;
    min-height: unset;
  }
  #slider #slider-style-4 {
    height: unset;
  }
  #video_style_3.left .content {
    padding: 80px 0;
  }
  #video_style_3.left .content h2 {
    width: 100%;
  }
  .masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1em;
    font-size: 0.85em;
    position: relative !important;
  }
  #gallery .black-button {
    margin-top: 30px;
  }
  #experience-style-3 h2 {
    font-size: 38px;
  }
  #experience-style-3 .experience-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .pricing-item.highlighted {
    transform: unset;
  }
  #pricing .style-4 .pricing-item {
    margin-bottom: 30px;
  }
  #pricing .style-4 .black-button {
    margin-top: 10px;
  }
  #join-us.style-2 {
    padding: 100px 0;
  }
  #carousels .style-5 h2 {
    margin-bottom: 40px;
  }
  #carousels .style-5 .owl-theme .owl-nav {
    margin-top: 40px;
  }
  #subscribe_form_3 .content-wrapper {
    padding: 100px 15px;
  }
  #achievement_style_4 .count {
    margin-bottom: 30px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav [class*="owl-"] {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-5 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-5 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  #slider #slider-style-5 .slider-wrapper {
    padding: 150px 0;
  }
  #service-style-5 .style-5 {
    position: unset;
  }
  #service-style-5 .style-5 .content-wrapper {
    margin-bottom: 30px;
  }
  #experience_style_5.section-130 {
    padding: 0;
  }
  #experience_style_5 h2 {
    font-size: 34px;
  }
  #achievement_style_5 .count {
    padding: 30px;
  }
  #achievement_style_5 .count h4 {
    font-size: 32px;
  }
  #achievement_style_5 .count h5 {
    font-size: 22px;
    line-height: 34px;
  }
  #achievement_style_5 .unit {
    margin-bottom: 50px;
  }
  #pricing .style-5 .pricing-item {
    margin-bottom: 30px;
  }
  #about-2 .list {
    min-height: auto;
    margin-bottom: 30px;
  }
  #services .style-1.grid-1 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-1 .service-item {
    min-height: 700px;
  }
  #services .style-1.grid-1 .content-wrapper {
    top: 230px;
    margin: 10px;
  }
  .page-item .page-link {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  #services .style-1.grid-2 .service-item {
    min-height: 440px;
  }
  #services .style-1.grid-2 .image-wrapper {
    height: 280px;
  }
  #services .style-1.grid-2 .content-wrapper {
    margin: 0 20px;
    padding: 50px 20px 20px;
  }
  #service-details {
    padding-bottom: 50px;
  }
  .sidebar {
    padding: 0 15px 130px;
  }
  #projects .style-1.grid-1 .image-wrapper {
    height: 300px;
  }
  #projects .style-1.grid-1 .project-item {
    min-height: 410px;
  }
  #projects .style-1.grid-1 .content-wrapper {
    width: 85%;
    top: 240px;
  }
  #projects .style-1.grid-1 .content-wrapper h4 {
    font-size: 20px;
  }
  #projects .custom-pager {
    padding-bottom: 80px;
  }
  .portfolio-masonry-item {
    width: 50%;
  }
  #gallery-page .portfolio-masonry .portfolio-item {
    margin: 0 10 10px;
  }
  #project-details {
    padding-bottom: 50px;
  }
  #blogs .style-1 .blog-item.grid-1 .image-wrapper {
    height: 270px;
  }
  #blogs .custom-pager {
    padding-bottom: 80px;
  }
  .comment-item .image-wrapper {
    width: 170px;
  }
  .comment-item.middel-item .image-wrapper {
    width: 180px;
  }
  #blog-details .image {
    height: 330px;
  }
  #blog-details .blockquote-style-2 {
    padding: 60px 30px 30px;
  }
  #blog-details .blockquote-style-2 blockquote:before {
    left: 0;
    top: 10px;
    right: 0;
    justify-content: center;
    display: flex;
  }
  .blog-gallery .image-wrapper {
    height: 160px;
  }
  .blog-gallery .image-wrapper img {
    width: 100%;
    height: 100%;
  }
  #blog-details .share-categories {
    flex-direction: column;
    padding-bottom: 50px;
  }
  #blog-details .share-categories #popular-categories a {
    margin-bottom: 10px;
  }
  #blog-details
    .share-categories
    .share
    .addtoany_list.a2a_kit_size_32
    a
    > span {
    margin-bottom: 10px;
  }
  #blog-details.section-130 {
    padding-bottom: 50px;
  }
  .comment-body {
    text-align: center;
    justify-content: center;
  }
  .comment-info,
  .comment-info .name,
  .comment-item {
    flex-flow: column;
  }
  .comment-item .image-wrapper,
  .comment-item.middel-item .image-wrapper {
    width: 85px;
    height: 100px;
    margin: auto;
  }
  .comment-item .comment-info .name span {
    padding: 0;
    margin-bottom: 20px;
  }
  .indented {
    margin-left: 0;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #s-carousels .style-2 .user {
    width: 100%;
  }
  #s-carousels .style-2 .user .profile {
    width: 25%;
  }
  #s-carousels .style-3 .user .profile {
    width: 50%;
  }
  #s-carousels .style-3 .owl-controls {
    top: 80%;
  }
  .language-wrapper {
    display: none;
  }
  .header-1 #top-header .wrapper a,
  .header-1 #top-header .wrapper span {
    font-size: 14px;
  }
  .header-1 .branding {
    width: 40%;
  }
  .header-1 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-1 .brand-header .display {
    display: none;
  }
  .header-1 #main .container-fluid {
    width: 100%;
  }
  .header-1 #main {
    padding: 0;
  }
  .header-1 #main .collapse.show {
    padding-bottom: 35px;
    max-height: 600px;
    overflow-y: scroll;
  }
  .header-1 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-1 #main .right-navigation li {
    padding: 10px 15px;
  }
  .header-1 #main .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-1 #main .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-1 #main .language-wrapper i {
    line-height: 26px;
  }
  .header-1 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-1 #main .menu-link {
    border-bottom: none;
  }
  .header-1 #main .menu-link:hover {
    color: var(--white-text);
    background-color: var(--primary-color);
  }
  .header-2 #top-header .top-left {
    display: none;
  }
  .header-2 #top-header .top-right {
    position: unset;
    clip-path: none;
    width: 100%;
  }
  .header-2 .branding {
    width: 40%;
  }
  .header-2 .language-wrapper {
    display: none;
  }
  .header-2 #top-header .top-right {
    justify-content: space-between;
  }
  .header-2 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-2 .brand-header .display {
    display: none;
  }
  .header-2 #main-2 {
    padding: 0;
  }
  .header-2 #main-2 .container-fluid {
    width: 100%;
  }
  .header-2 #main-2 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-2 #main-2 .right-navigation li {
    padding: 10px 15px;
  }
  .header-2 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-2 #main-2 .language-wrapper {
    display: block;
    background-color: var(--white-text);
    padding: 5px 15px;
  }
  .header-2 #main-2 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header-2 #main-2 .language-wrapper i {
    line-height: 26px;
  }
  .header-2 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-2 #top-header {
    background-color: var(--primary-color);
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .header-3 #top-header .top-right {
    justify-content: space-between;
  }
  .header-3 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-3 .brand-header .display {
    display: none;
  }
  .header-3 #main-3 {
    padding: 0;
  }
  .header-3 .branding {
    width: 40%;
  }
  .header-3 #main-3 .container-fluid {
    width: 100%;
  }
  .header-3 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-3 #main-3 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-3 #main-3 .right-navigation li {
    padding: 10px 15px;
  }
  .header-3 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-3 #main-3 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-3 #main-3 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-3 #main-3 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #top-header .top-right {
    justify-content: space-between;
  }
  .header-4 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-4 .brand-header .display {
    display: none;
  }
  .header-4 #main-4 {
    padding: 0;
  }
  .header-4 .branding {
    width: 40%;
  }
  .header-4 #main-4 .container-fluid {
    width: 100%;
  }
  .header-4 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-4 #main-4 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-4 #main-4 .right-navigation li {
    padding: 10px 15px;
  }
  .header-4 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-4 #main-4 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-4 #main-4 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-4 #main-4 .language-wrapper i {
    line-height: 26px;
  }
  .header-4 #main-4 {
    position: unset;
  }
  .header-4 .brand-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-4 #main-4 .menu-item {
    padding: 0;
  }
  .header-4 #main-4 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-4 #main-4 .menu-link:hover {
    background-color: var(--bg-color);
  }
  .header-4 .brand-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--white-text);
  }
  .header-5 .btn-primary.nav-link {
    display: none;
  }
  .header-5 .brand-header .wrapper {
    padding: 0;
  }
  .header-5 .branding {
    width: 40%;
  }
  .header-5 .toggle-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .header-5 #main-5 .menu-link {
    border-bottom: none;
    padding: 15px;
  }
  .header-5 #main-5 .menu-link:hover {
    background-color: var(--primary-color);
    color: var(--white-text);
  }
  .header-5 .right-navigation {
    display: block;
  }
  .header-5 #main-5 .btn-primary.nav-link {
    display: block;
  }
  .header-5 #main-5 .container-fluid {
    width: 100%;
  }
  .header-5 .dropdown-toggle::after {
    display: inline;
    float: right;
  }
  .header-5 #main-5 .navbar-collapse.show {
    padding-bottom: 35px;
  }
  .header-5 #main-5 .right-navigation li {
    padding: 10px 15px;
  }
  .header-5 .btn-primary.nav-link {
    padding: 10px;
    text-transform: uppercase !important;
  }
  .header-5 #main-5 .language-wrapper {
    display: block;
    background-color: var(--bg-color);
    padding: 5px 15px;
  }
  .header-5 #main-5 .language-wrapper a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--white-text);
  }
  .header-5 #main-5 .language-wrapper i {
    line-height: 26px;
  }
  .header-5 #main-5 {
    padding: 0;
  }
  #teams .style-1 .image-wrapper {
    height: 250px;
  }
  #video_style_1 .image-wrapper {
    margin-bottom: 30px;
  }
  #video_style_1 .content-wrapper {
    padding: 0;
  }
  #carousels .style-3 .user {
    width: 100%;
  }
  #carousels .style-3 .user .profile {
    width: 25%;
  }
  #carousels .style-1 .user .profile {
    width: 50%;
  }
  #carousels .style-1 .owl-controls {
    top: 65%;
  }
  #blogs .style-3 .blog-detail .date-comments span {
    font-size: 12px;
  }
  #achievement_style_5 .count h4 {
    font-size: 30px;
  }
  #achievement_style_5 .count h5 {
    font-size: 24px;
  }
  #s-testimonials .style-1 .testimonial .user .profile {
    width: 50%;
  }
  #s-testimonials .style-1 .left-content {
    padding: 0;
  }
  #support a {
    font-size: 18px;
  }
  #project-details .projects-detail {
    height: 500px;
  }
  #recent-blogs .blog-list-item .left {
    padding: 10px;
  }
  #blogs .style-1 .blog-item.grid-2 .content-wrapper .date-comments,
  #blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
    padding-right: 10px;
  }
  #blogs .style-1 .blog-item.grid-2 .image-wrapper {
    height: 280px;
  }
  #blogs .style-1 .blog-item.grid-3 .content-wrapper .blog-detail {
    padding: 10px;
  }
  .comment-item .image-wrapper {
    width: 170px;
  }
  .comment-item.middel-item .image-wrapper {
    width: 180px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav [class*="owl-"] {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev {
    left: unset;
    position: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 15px 10px;
  }
  #slider #slider-style-1 .owl-theme .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
  }
  .header-1 .brand-header,
  .header-2 .brand-header,
  .header-3 .brand-header,
  .header-4 .brand-header,
  .header-5 .brand-header {
    display: none;
  }
  .header-w-1 .branding,
  .header-w-2 .branding,
  .header-w-3 .branding,
  .header-w-4 .branding,
  .header-w-5 .branding {
    display: block;
  }
  .header-w-1 .branding svg,
  .header-w-2 .branding svg,
  .header-w-3 .branding svg,
  .header-w-4 .branding svg,
  .header-w-5 .branding svg {
    width: 200px;
  }
  .header-w-1,
  .header-w-3,
  .header-w-4,
  .header-w-5 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
  }
  .header-w-2 {
    position: relative;
  }
  .header-w-2 .branding {
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer-top svg {
    width: 100%;
  }
  #experience_style_4 a {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .header-w-5 {
    background-color: #fff;
  }
  #banner.header-variation-5 .image-wrapper {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .header-1 #main .container-fluid,
  .header-2 #main-2 .container-fluid,
  .header-3 #main-3 .container-fluid,
  .header-4 #main-4 .container-fluid,
  .header-5 #main-5 .container-fluid {
    max-width: 1140px;
  }
  .header-5 .toggle-icon {
    display: none;
  }
  #pt-header .navbar .collapse ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul li:hover > ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13rem;
    display: none;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul li:hover > ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    animation: 0.5s 0.1s fadeIn both;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #pt-header .navbar .collapse ul ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li {
    position: relative;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li:hover ul {
    display: block;
  }
  #pt-header .navbar .collapse ul ul ul ul ul li:hover ul ul {
    display: none;
  }
  #pt-header .navbar .collapse ul ul ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    display: none;
    z-index: 1;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    animation: 0.5s 0.1s fadeIn both;
  }
  #pt-header .dropdown-menu > li > a:after {
    transform: rotate(-90deg);
    float: right;
  }
  #carousels .style-3 .user {
    width: 100%;
    justify-content: center;
  }
  #carousels .style-3 .user .profile {
    width: 19%;
    overflow: hidden;
  }
  #carousels .style-1 .user .profile {
    width: 50%;
  }
  #carousels .style-1 .owl-controls {
    top: 65%;
  }
  .header-4 #main-4 .menu-item {
    padding: 0 0 0 35px;
  }
  #subscribe_form_4 .button-primary {
    width: 150%;
  }
}
@media (min-width: 1400px) {
  #subscribe_form_4 .button-primary {
    width: 150%;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-prev,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-prev,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-prev {
    left: 5%;
  }
  #slider #slider-style-1 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-2 .owl-theme .owl-nav .owl-next,
  #slider #slider-style-4 .owl-theme .owl-nav .owl-next {
    right: 5%;
  }
  #projects .style-3 .projects-wrapper {
    flex: 0 0 20%;
    max-width: 20%;
  }
  #projects .style-3 .image-wrapper {
    height: 450px;
  }
  .header-4 #main-4 .menu-item {
    padding: 0 0 0 35px;
  }
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  opacity: 1 !important;
  border: none;
  color: inherit;
  background-color: transparent;
}
.alert-dismissible .btn-close::before {
  content: "x";
  font-size: 21px;
  font-weight: 900;
}

.comment-item .image-wrapper {
  width: 80px !important;
  min-width: 80px !important;
  height: 80px !important;
}

.comment-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-logged-in .header-w-1.shrink.stricky,
.user-logged-in .header-w-2.shrink.stricky,
.user-logged-in .header-w-3.shrink.stricky,
.user-logged-in .header-w-4.shrink.stricky,
.user-logged-in .header-w-5.shrink.stricky,
.user-logged-in .header-w-1.shrink.stricky,
.user-logged-in .header-w-2.shrink.stricky,
.user-logged-in .header-w-3.shrink.stricky,
.user-logged-in .header-w-4.shrink.stricky,
.user-logged-in .header-w-5.shrink.stricky {
  top: 0;
}

.toolbar-fixed .header-w-1.shrink.stricky,
.toolbar-fixed .header-w-2.shrink.stricky,
.toolbar-fixed .header-w-3.shrink.stricky,
.toolbar-fixed .header-w-4.shrink.stricky,
.toolbar-fixed .header-w-5.shrink.stricky,
.toolbar-fixed .header-w-1.shrink.stricky,
.toolbar-fixed .header-w-2.shrink.stricky,
.toolbar-fixed .header-w-3.shrink.stricky,
.toolbar-fixed .header-w-4.shrink.stricky,
.toolbar-fixed .header-w-5.shrink.stricky {
  top: 37px;
}
.toolbar-fixed.toolbar-tray-open .header-w-1.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-2.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-3.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-4.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-5.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-1.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-2.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-3.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-4.shrink.stricky,
.toolbar-fixed.toolbar-tray-open .header-w-5.shrink.stricky {
  top: 79px;
}

.path-comment .comment-item {
  border-bottom: 0;
}
.path-comment .comment-item .inline__links {
  display: none;
}

.path-comment .comment-form,
.path-comment .comment-item {
  max-width: 1140px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.path-comment #header .header-5,
body:not(.user-logged-in).path-user #header .header-5 {
  background-color: var(--primary-color);
}

.mm-social .fab,
.cs-social .fab {
  font-family: "Font Awesome 5 Brands" !important;
}
.cs-social a {
  color: #fff;
}
.mm-social h3 {
  color: var(--secondary-color);
}
@media (min-width: 1400px) {
  .header-1 #main .menu-link,
  .header-3 #main-3 .menu-link,
  .header-4 #main-4 .menu-item,
  .header-5 #main-5 .menu-link {
    padding-right: 0;
    padding-left: 0;
  }
  .header-1 #main .nav-item.menu-item,
  .header-3 #main-3 .nav-item.menu-item,
  .header-5 #main-5 .menu-item {
    margin-right: 15px;
    margin-left: 15px;
  }
  .header-4 #main-4 .menu-item {
    margin-left: 35px;
  }
}

.header-5 #top-header .navbar-language .dropdown a.nav-link {
  color: #fff !important;
}

#careers .pt-card-wrapper {
  z-index: unset;
}

#careers form span {
  position: static;
  padding: 0 10px 0 0;
}

.modal-body input[type="file"] {
  height: 100%;
}

#gallery-details .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#gallery-details .image {
  width: 100%;
  height: 450px;
  margin-bottom: 40px;
}

#blogs .style-1 .image-wrapper img,
#projects .style-1.grid-2 .image-wrapper img {
  object-fit: cover;
}
#slider #slider-style-3 .content-wrapper {
  padding: 40px;
}

#gallery .style-3 .image-wrapper {
  height: 450px;
}
#gallery .style-3 .image-wrapper img,
#projects .style-3 .image-wrapper img {
  object-fit: cover;
}

#services .style-4 .content-wrapper .icon {
  padding-right: 12px;
}

#blog-details .blog-gallery {
  margin-bottom: 30px;
}

#header .header-5.remove,
#header .header-5 {
  position: absolute !important;
}

#slider #slider-style-4 .slider-wrapper {
  position: relative;
}
#slider #slider-style-4 .slider-wrapper > .container {
  position: relative;
  z-index: 4;
}
#slider #slider-style-4 .slider-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 2;
}
.header-5-ac-head #slider #slider-style-1 .slider-wrapper,
#slider.header-variation-5 #slider-style-1 .slider-wrapper,
.header-5-ac-head #slider #slider-style-2 .slider-wrapper,
#slider.header-variation-5 #slider-style-2 .slider-wrapper,
.header-5-ac-head #slider #slider-style-3 .slider-wrapper,
#slider.header-variation-5 #slider-style-3 .slider-wrapper,
.header-5-ac-head #slider #slider-style-4 .slider-wrapper,
#slider.header-variation-5 #slider-style-4 .slider-wrapper {
  padding-top: 300px;
  padding-top: 300px !important;
}

.header-5-ac-head #slider #slider-style-2 .slider-wrapper,
.header-5-ac-head #slider #slider-style-4 .slider-wrapper {
  max-height: unset;
}
.header-5-ac-head #slider #slider-style-4 {
  height: 100%;
}

.header-5-ac-head #banner .image-wrapper {
  min-height: 400px;
  height: unset;
}

.header-5-ac-head #banner .image-wrapper h1 {
  align-items: end;
  padding-bottom: 85px;
}

.toolbar-fixed #header .header-2 #main-2 {
  position: relative !important;
}
.toolbar-fixed #header .header-5 {
  position: relative !important;
  background-color: var(--primary-color);
}
.toolbar-fixed #header .header-4 #main-4 {
  position: absolute;
  bottom: 0;
}

#subscribe_form_3 .pt-form-element,
#subscribe_form_2 .pt-form-element,
#subscribe_form_4 .pt-form-element,
#form.subscribe-tour .pt-form-element {
  color: #fff !important;
}

.user-logged-in .header-5 #main-5.shrink {
  background-color: unset;
}

/* User Page */
.users .img-wrapper,
.users .img-wrapper img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
}
.users .img-wrapper {
  margin-bottom: 30px;
}
.users h2 {
  margin-bottom: 12px;
}
.users #s-buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.users.dt-section {
  padding: 100px 0;
}

#login .login-form {
  margin-top: 80px;
}

.comment-info {
  min-width: 500px;
}

.path-comment .comment-item {
  padding-top: 100px;
}
.path-comment .comment-form {
  padding-bottom: 100px;
}

.path-taxonomy .feed-icon {
  display: none;
}

.page-node-type-shortcodes #s-testimonials .style-3 {
  padding-top: 0;
}

#s-testimonials .style-3 .icon::after,
#carousels .style-3 .icon::after {
  font-family: "Font Awesome 5 Free";
}

#careers .card-body {
  padding: 0;
}
#careers .card-body .content-wrapper {
  padding: 20px 0;
}

#faq .card-body {
  padding: 0;
}
#faq .card-body p,
#s-accordion .style-1 .card-body p {
  padding: 0 28px 20px;
}

#s-accordion .style-2 .card-body,
#s-accordion .style-1 .card-body {
  padding: 0;
}
#s-accordion .style-2 .card-body p {
  padding: 20px;
}

.legal-notes {
  padding: 60px 0;
}

#carousels .style-1 .testimonial .user .profile {
  background-color: #fff;
}
#carousels .style-1 .testimonial .user .profile img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}

@media (min-width: 1200px) {
  #pt-header .navbar .collapse ul ul ul {
    z-index: 1;
    animation: 0.5s 0.1s fadeIn both;
    height: auto;
    /* max-height: 350px; */
    /* overflow-x: hidden;
        overflow-y: scroll; */
  }
  .header-3 .dropdown-toggle::after,
  .header-1 .dropdown-toggle::after,
  .header-2 .dropdown-toggle::after,
  .header-4 .dropdown-toggle::after,
  .header-5 .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600 !important;
    content: "\f078";
    font-size: 11px;
  }
  #pt-header .dropdown-menu > li > a:after {
    position: relative;
    top: 7px;
  }
  #pt-header .header-3 .navbar .collapse ul ul {
    min-width: 14rem;
  }
  .header-1 #main,
  .header-3 #main-3,
  body:not(.user-logged-in).path-user #header .header-5 #main-5,
  .path-comment #header .header-5 #main-5 {
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  body:not(.user-logged-in).path-user .header-w-5.shrink.stricky #main-5,
  .path-comment .header-w-5.shrink.stricky #main-5 {
    box-shadow: 0 -2px 10px 1px rgba(0, 0, 0, 0.3);
    background-color: var(--white-text);
  }
  #page_content.header-5-ac-head #login .login-form,
  #page_content.header-2-ac-head #login .login-form {
    margin-top: 140px;
  }
  .path-comment #page_content.header-2-ac-head .comment-item {
    padding-top: 150px;
  }
  #page_content.header-1-ac-head #slider-style-1,
  #page_content.header-1-ac-head #slider-style-2,
  #page_content.header-1-ac-head #slider-style-3,
  #page_content.header-1-ac-head #slider-style-4,
  #page_content.header-1-ac-head #slider-style-5,
  #page_content.header-1-ac-head #banner {
    margin-top: 59px;
  }
  #page_content.header-3-ac-head #slider-style-1,
  #page_content.header-3-ac-head #slider-style-2,
  #page_content.header-3-ac-head #slider-style-3,
  #page_content.header-3-ac-head #slider-style-4,
  #page_content.header-3-ac-head #slider-style-5,
  #page_content.header-3-ac-head #banner {
    margin-top: 60px;
  }
}
.path-comment #header .header-5,
body:not(.user-logged-in).path-user #header .header-5 {
  position: relative !important;
}
svg.bi.flex-shrink-0.me-4 {
  margin-right: 32px;
}
.alert svg {
  height: 90px;
}
#check-circle-fill path {
  fill: black;
}
.alert-wrapper h2 {
  font-size: 26px;
}
.pt-skins-panel .panel-skins-content .title {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0;
  text-transform: uppercase;
  color: #000;
  padding-right: 5px;
}
#pt-reset-color {
  color: blueviolet;
  font-size: 14px;
  font-weight: 700;
  font-family: "Montserrat";
  font-style: normal;
  background-color: unset;
  border: 1px solid blueviolet;
  border-radius: 4px;
  box-shadow: unset;
  width: max-content !important;
  height: max-content !important;
}
.color-schemes-reset-color {
  display: flex;
  margin-bottom: 20px;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
a.btn-ct-panel {
  width: 100%;
  max-width: 100%;
  background-color: var(--primary-color);
  margin-top: 20px !important;
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 800;
  border: unset;
  padding: 10px;
}

/* Font awesome issue fixes */
.fa-far,
.fa-fas {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
}
.fa-far:before,
.fa-fas:before {
  content: var(--fa);
  font-style: normal;
}
/* shortcode form page */
.section-130 .style-4 .yg-form-element {
  padding: 1.375rem 0.75rem;
}