/*
Theme Name: Docshipper
Theme URI: https://docshipper.a.com/wp/docshipper/
Author: wpcodersthemes
Author URI: https://themeforest.net/user/docshipper.a
Description: Docshipper – Its unique features and functionalities make it the ideal solution for websites dedicated to Car Service and other businesses related to Service. The theme is well suited for all types of Business services: Business, Finance, long range It service, small prop, Business and investment,  or it service.
Version: 1.1.23
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docshipper
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 5.8.1
Requires PHP: 7.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Docshipper is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.tt-capetalize {
  text-transform: capitalize;
}
.box-hover-btn .btn {
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}
.box-hover-btn:hover .btn {
  visibility: visible;
  opacity: 1;
}
.btn-w-100 .elementor-button {
  width: 100%;
}
.bg-gray {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
}
.bg-red {
  background: #e94057;
}
.bg-gray-after {
  position: relative;
}
.bg-gray-after:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 100px;
}
.border-2 {
  border: 2px solid #263e6b;
}
.inovating-area .border-bottom-2 {
  border-bottom: 2px solid #263e6b;
}
@media all and (min-width: 992px) {
  .button-right-top .btn-wrapper {
    position: absolute;
    right: 2px;
    top: -90px;
    width: max-content;
  }
}
@media all and (max-width: 1599px) {
  .header-6-bg-image-seze-100 .elementor-widget-wrap {
    background-size: 100% 100% !important;
  }
  .header-6-bg-image-seze-100 .elementor-widget-container {
    padding-left: 25px !important;
  }
}
@media all and (max-width: 575px) {
  .elementor-image-box-img-wrap .elementor-image-box-img {
    margin-bottom: 20px !important;
  }
  .mobile-font-size {
    font-size: 30px !important;
  }
  .mobile-br-none br {
    display: none;
  }
}

.single-blog-list .details .blog-meta li {
  padding-left: 0;
  list-style: none;
}
.single-blog-list .details .blog-meta li:before {
  display: none;
}
.single-progressbar .skill:before {
  background: #e1e1e1;
}
.footer-widget.widget.widget_nav_menu ul li + li {
  margin-top: 15px;
}
.breadcrumb-wrap .breadcrumb-content {
  padding: 170px 0 170px 0;
}

.wp-block-tag-cloud a {
  background: #fff;
  height: 42px;
  line-height: 42px;
  border-radius: 12px;
  border: 0;
}
.wp-block-tag-cloud a:hove {
  background: var(--main-color-one);
  color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default {
  transition: 0.5s;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 33, 71, 0.06);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed
  .desktop-logo
  .site-logo,
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed
  .logo-bg {
  display: none !important;
  transition: 0.5s;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
  .header-sticky-logo {
  display: none;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed
  .header-sticky-logo {
  display: inline-block;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed
  .responsive-mobile-menu
  .logo-wrapper {
  margin-top: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default.nav-fixed
  .responsive-mobile-menu {
  padding: 0;
}
.airport-card .small-ub-title {
  font-size: 28px;
}
.airport-card h5 {
  font-weight: 500;
}

.airport-slider-one .slick-dots {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
}
.airport-slider-one .slick-dots li {
  display: inline-block;
  margin-right: 8px;
}
.airport-slider-one .slick-dots li button {
  background: #667085;
  font-size: 0;
  width: 38px;
  border: 0;
  padding: 0;
  height: 4px;
}
.airport-slider-one .slick-dots li.slick-active button {
  background: var(--main-color-one);
}
.airport-card {
  margin-left: 1px;
}
.airport-card p {
  font-size: 16px;
}

.blog-card-one h6 {
  font-size: 15px;
  font-weight: 500;
}
.blog-card-one .blog-img img {
  border-radius: 6px;
}
.latest-blog-list {
  list-style-type: disc;
  margin-left: 16px;
}
.latest-blog-list li {
  list-style-type: disc;
  padding-left: 0 !important;
  margin-top: 7px;
}
.latest-blog-list li a {
  color: var(--main-color-one);
  margin-right: 10px;
}
.blog-slider {
  margin: 0 -8px;
}
.blog-slider-one .slick-carousel-controls {
  text-align: right;
  display: inline-flex;
  float: right;
}
.blog-slider-one .slick-carousel-controls .slick-arrow {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color-one);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  margin: 3px;
  cursor: pointer;
}
aside.widget-area {
  position: sticky;
  top: 110px;
}

.table-of-content-widget li .arrow-link {
  width: 100%;
  display: block;
  position: relative;
}
.table-of-content-widget li .arrow-link span {
  position: absolute;
  left: 0;
  top: 0;
}
.table-of-content-widget li .arrow-link svg {
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 13px;
}
.table-of-content-widget li ul li a {
  font-size: 14px;
}
.table-of-content-widget li ul li + li {
  margin-top: 5px;
}
.widget .table-of-content-widget ul li {
  margin: 4px 0;
}

.image-box-wrap.top-style {
  display: flex;
  flex-direction: column-reverse;
  transition: 0.4s;
}
.image-box-wrap.top-style:hover .thumb.image-white img {
  filter: invert(100%) sepia(0%) saturate(7458%) hue-rotate(112deg)
    brightness(132%) contrast(100%);
}

/* map-content */
.map-content-area {
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
  padding: 16px;
  width: 260px;
  padding-bottom: 1px;
}
.map-content {
  background: #f2f4f7;
  padding: 16px;
  margin-bottom: 16px;
}
.map-content .details h6 {
  font-weight: 600;
}
.map-content ul li {
  font-size: 14px;
  font-weight: 500;
}
.map-content ul li svg {
  margin-top: -3px;
  margin-right: 6px;
}
.map-content ul li + li {
  margin-top: 4px;
}
.map-content-area .map-content + .map-content .sub-title {
  color: #0daf58;
}
.map-content-area .map-content + .map-content ul li svg {
  color: #0daf58;
}
.map-content-area .map-content + .map-content + .map-content .sub-title {
  color: #ea2a4f;
}
.map-content-area .map-content + .map-content + .map-content ul li svg {
  color: #ea2a4f;
}
.note-content {
  padding: 25px;
  border-radius: 16px;
  margin-top: 25px;
}
.btn-white-border {
  border: 1px solid #fff;
  color: #fff;
}
.btn-white-border:hover {
  color: #fff;
}
.note-content .btn {
  margin-top: 12px;
}
.note-content p {
  padding-bottom: 3px;
  font-size: 14px;
}
.note-content h4 {
  padding-bottom: 5px;
}

.story-date {
  position: relative;
  width: 110px;
}
.story-date .line {
  position: absolute;
  right: 0;
  top: 7px;
  height: 95%;
  width: 4px;
  background: linear-gradient(90deg, #e9eaec 55%, rgba(248, 248, 248, 0) 100%);
}
.story-date ul li {
  font-size: 20px;
  font-weight: 500;
  color: #0c111d;
}
.story-date ul li:last-child {
  margin-bottom: 0 !important;
}
.story-date ul li {
  position: relative;
}
.story-date ul li .circle {
  width: 22px;
  height: 22px;
  background-color: var(--main-color-one);
  border-radius: 50%;
  position: absolute;
  right: -9px;
  top: 3px;
  z-index: 2;
  border: 4px solid #f2f4f7;
}
.story-date ul li:nth-last-child(2) .circle {
  border-color: #fff;
}
.story-date ul li:last-child .circle {
  background-color: #e9eaec;
  border-color: #fff;
}
.story-date ul li .circle-light {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fde3e1;
  position: absolute;
  right: -13px;
  top: -1px;
  opacity: 0;
}
.story-date ul li:nth-last-child(2) .circle-light {
  opacity: 1;
}

.single-team-inner .content {
  position: relative;
}
.single-team-inner .content .s_twitter {
  position: absolute;
  right: 2px;
  top: 10px;
}

/*service-card*/
.service-card {
  position: relative;
}
.service-card .service-hover-card {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 100%;
  background-color: var(--main-color-one);
  padding-top: 25px;
  transition: 0.4s;
  visibility: hidden;
  opacity: 0;
}
.service-card:hover .service-hover-card {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.service-hover-card-content {
  padding: 25px;
  padding-top: 0;
}
.service-card .service-hover-card img {
  width: 100px;
  margin-bottom: 20px;
}
.service-card .service-hover-card .title {
  margin-bottom: 15px;
}
.service-card .service-hover-card .content {
  margin-bottom: 25px;
  font-size: 13px;
  font-weight: 500;
}
.service-card .service-hover-card .btn {
  font-size: 14px;
  padding: 11px 24px 9px 24px;
}
.service-card .service-hover-card .btn:hover {
  background-color: #fff;
}

.lang-menu {
  display: inline-block;
  position: relative;
}
.lang-menu .lang-menu-list {
  position: absolute;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  border: 1px solid #d7d7d7;
  text-align: left;
  padding: 0 5px 5px;
  z-index: 91;
  background: #fff;
  margin-top: 5px;
}
.lang-menu span img,
.lang-menu .lang-menu-list img {
  width: 25px;
  height: 25px;
}
.lang-menu:hover .lang-menu-list {
  visibility: visible;
  opacity: 1;
}
.navbar-area
  .navbar-collapse
  .navbar-nav
  li.docshipper-megamenu:last-child
  .docshipper-megamenu-wapper {
  margin-left: 225px;
}

.review-card-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 45px;
  margin-bottom: 8px;
}
.review-card-inner .logo-card {
  margin-right: 18px;
}
.review-card-inner img {
  width: auto !important;
}
.review-card-inner .rev-title {
  color: #344054;
  font-family: var(--font-inter);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2.851px;
  text-transform: uppercase;
  display: block;
  margin-top: 2px;
}
.service-card-2 {
  margin: 0 10px;
  border-radius: 12px;
}

.location-card {
  height: 30px;
  width: 30px;
  margin-top: 93px;
  position: absolute;
}
.location-card-1 {
  left: 150px;
  top: 126px;
  height: 75px;
  width: 168px;
}
.location-card-2 {
  left: 530px;
  top: 75px;
  height: 37px;
  width: 35px;
}
.location-card-3 {
  left: 546px;
  top: 115px;
  height: 37px;
  width: 35px;
}
.location-card-4 {
  left: 865px;
  top: 242px;
  height: 37px;
  width: 23px;
}
.location-card-5 {
  left: 890px;
  top: 227px;
  height: 52px;
  width: 23px;
}
.location-card-6 {
  left: 934px;
  top: 209px;
  height: 18px;
  width: 15px;
}

.map-content-area {
  position: absolute;
  opacity: 0;
}
.map-content-area-1 {
  left: 230px;
  top: 145px;
}
.map-content-area-2 {
  left: 559px;
  top: 127px;
}
.map-content-area-3 {
  left: 576px;
  top: 148px;
}
.map-content-area-4 {
  left: 888px;
  top: 274px;
}
.map-content-area-5 {
  left: 906px;
  top: 256px;
}
.map-content-area-6 {
  left: 950px;
  top: 234px;
}

.line-image {
  margin-left: -23px;
  margin-top: -15px;
  position: absolute;
}

.map-content-area.active {
  opacity: 1;
  z-index: 2;
}
/* .map-area-2 {
	overflow: hidden;
} */

@media all and (max-width: 575px) {
  .location-card-1 {
    left: 44px;
    top: -30px;
    height: 25px;
    width: 47px;
  }
  .map-content-area {
    left: 78px;
    top: 121px;
  }
  .location-card-2 {
    left: 160px;
    top: -46px;
    height: 16px;
    width: 12px;
  }
  .location-card-3 {
    left: 164px;
    top: -29px;
    height: 12px;
    width: 12px;
  }
  .location-card-4 {
    left: 255px;
    top: 7px;
    height: 12px;
    width: 12px;
  }
  .location-card-5 {
    left: 268px;
    top: 1px;
    height: 23px;
    width: 8px;
  }
  .location-card-6 {
    left: 280px;
    top: -4px;
    height: 13px;
    width: 8px;
  }
}

.testimonial-slider-one .prev-arrow {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #344054;
  border: 1px solid #d0d5dd;
  color: #fff;
  position: absolute;
  right: 200px;
  top: 50%;
	padding: 0;
  transform: translateY(-50%);
  display: none;
  z-index: 2;
}

.testimonial-slider-one .slick-prev {
  display: none !important;
}
.image-box-wrap-btn-none .btn_icons {
  display: none;
}

.story-section .title-area .sec-title span {
  font-size: 14px;
  font-weight: 500;
  color: var(--main-color-one) !important;
  background: #F55E51;
  padding: 4px 10px;
  border-radius: 30px;
  display: inline-block;
  margin-left: 5px;
  letter-spacing: 1px;
  display: none;
}

.port-table {
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 33, 71, 0.1);
  border-radius: 10px;
}
.port-table .table {
  min-width: 630px;
}
.port-table thead {
  background-color: #2257A0;
  color: #fff;
}
.port-table thead tr th {
  padding: 12px 16px;
  border: 1px solid #d4dae5;
}

.port-table table td {
  padding: 12px 16px;
  border: 1px solid #d4dae5;
  font-weight: 500;
  color: #344054;
}
.port-table table td:first-child {
  border-left: 0;
}
.port-table table td:last-child {
  border-right: 0;
}
.port-table table tr:last-child td {
  border-bottom: 0;
}
/* .link-list-item-destination {
  position: sticky;
  top: 0px;
  left: 0;
} */

.link-list-item-destination .link-list-item ul {
  text-align: center;
  list-style: none;
}
.link-list-item-destination .link-list-item a {
  padding: 6px 15px 5px;
  margin: 2px;
  font-size: 12px;
}
.blog-single-thumb {
  border-radius: 20px;
}
.blog-single-thumb img {
  height: max-content;
}