/*
Theme Name: Courier Shipping Pro
Theme URI: https://www.apexthemes.net/products/courier-delivery-wordpress-theme/
Author: Apex Themes
Author URI: https://www.apexthemes.com/
Description: Courier Delivery WordPress Theme is designed to help logistics companies, courier agencies, and delivery service providers build a reliable and professional online presence. This Courier Delivery WordPress Theme features a clean, structured layout that effectively showcases shipping services, delivery networks, pricing details, and customer support information. With well-organized sections for service listings, tracking features, testimonials, and contact details, it allows businesses to present their operations clearly and efficiently. The theme offers flexible customization options, including adjustable color schemes, typography, and layout settings to match your brand identity.
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: courier-shipping-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Courier Shipping Pro WordPress Theme has been created by Apex Themes(apexthemes.com), 2018.
Courier Shipping Pro WordPress Theme is released under the terms of GNU GPL
*/


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

/* Define the animation */
@keyframes blobMove {
  0% {
      left: -110%;
      top: 90%;
  }
  50% {
      left: 10%;
      top: -30%;
  }
  100% {
      top: -10%;
      left: -10%;
  }
}
@keyframes bounceLeft {
  0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
  }
  60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
  }
  75% {
      transform: translate3d(10px, 0, 0);
  }
  90% {
      transform: translate3d(-5px, 0, 0);
  }
  100% {
      transform: none;
  }
}
@keyframes scaleUpDown {
  0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
  50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
:root {
  --common-font-w: "Work Sans";
  --common-font-wm: "Work Sans Medium";
  --common-font-wsm: "Work Sans Semi Bold";
  --common-font-web: "Work Sans Extra Bold";
  --common-font-m: "Montserrat";
  --common-font-mm: "Lato";
  --common-font-msb: "Montserrat SemiBold";
  --common-font-meb: "Montserrat Extra Bold";
  --common-font-mb: "Montserrat Bold";
  --common-font-l: "Libre Baskerville";
}

html #wpadminbar {
  z-index: 99999999;
}

.topbar-left {
  display: flex;
}

/* Basic Style */
body {
  overflow-x: hidden !important;
  padding: 0 !important;
}

html body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    background-color: #EBF9FF;
    position: relative;
    font-size: 14px;
    color: #000;
    font-family: Lato !important;
    overflow-x: hidden !important;
}

label {
  margin-bottom: 0 !important;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
}

section img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.4;
  color: #000;
  font-family: Lato;
  font-weight: bold;
}

.section-space {
  padding: 50px 0px;
}

span.wpcf7-spinner {
  position: absolute;
}

@media(max-width:480px) {
  .section-space {
    padding: 20px 0px;
  }
}

p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}

p,
ul li a {
  letter-spacing: 0px;
  font-family: Inter;
}

body a {
  text-decoration: none;
  color: #277BF8;
}

a:hover {
  text-decoration: none;
  color: var(--black1);
}

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

ul,
ol {
  margin: 0 0 0 0;
  padding: 0;
}

.sub-menu li a:before {
  display: none;
}

ul li,
ol li {
  font-size: 14px;
}

:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

ul.sub-menu+.active {
  rotate: 180deg;
  transition: 0.3s ease-in-out;
}

textarea {
  resize: none !important;
}


#slider {
  overflow-x: hidden !important;
  overflow: hidden;
}

/* header  */

blockquote {
  font-size: 18px;
  font-style: italic;
  width: 800px;
  margin: auto;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--black3);
}

blockquote cite {
  color: var(--black3);
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

#testimonials blockquote cite:before {
  content: "\2014 \2009";
}

#testimonials h3.testimonial-name {
  font-size: 14px;
}

#testimonials .owl-stage-outer {
  padding: 35px 0;
}

.footer-contact input[type="email"] {
  background: var(--secondary-color);
  border: none;
  border-radius: 50px;
  width: 100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea,
.form-group input,
.form-group select {
  border: 1px solid #bdbdbd;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: var(--secondary-color);
  border-radius: 8px !important;
}

.footer-contact-detail form {
  position: relative;
}

.footer-contact-detail .wpcf7-submit {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 10px 10px;
  font-weight: bold;
  color: #e22b25;
  text-transform: uppercase;
  border: none;
  font-size: 14px;
  font-family: FontAwesome !important;
  background-color: transparent;
  width: 10%;
}

select {
  width: 100%;
  padding: 6px;
}

input[type="submit"]:hover {
  cursor: pointer;
}


.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}

.wp-caption-text {
  margin: 0;
  padding: 0;
}

.gallery-caption {
  margin: 0;
  padding: 0;
}
  
.bypostauthor {
  margin: 0;
  padding: 0;
}

.hovereffect a {
  border: 1px solid var(--grey2);
  padding: 10px;
  color: var(--grey2);
  font-weight: bold;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

/* .sticky {
     margin: 0;
     padding: 0;
     background-color: var(--lightgrey2);
} */
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}

.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}

.comment-list .comment-content ul li {
  margin: 5px;
}

.toggleMenu {
  display: none;
}

table,
td,
th {
  border: 1px solid var(--lightgrey2);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

/* ---------Buttons--------- */
a.button,
a.theme_button,
a.theme_green_button,
a.theme_white_button,
.custom_cart a,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
  color: var(--secondary-color);
  border: none;
  padding: 10px 30px;
  background: rgba(39, 123, 248, 1);
  border-radius: 30px;
  border: 1px solid rgba(39, 123, 248, 1);
}

.theme_green_button:hover {
  background: transparent;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #000;
}

a.theme_white_button,
.latest-box .latest-cart a {
  background-color: var(--white);
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 0;
}

a.theme_white_button:hover,
.theme_white_button:hover,
.latest-cart a:hover {
  color: #F82938;
}






/*------------------------- Headings --------------------------*/
section h2 {
  padding: 0;
  margin-bottom: 89px;
  color: #000;
  font-family: Lato;
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  text-align: center;
  letter-spacing: 0pt;
  color: #000000;
  text-transform: capitalize;
}

.heading h2 {
  position: relative;
  display: inline-block;
}

/* .heading h2::after {
  content: "";
  position: absolute;
  height: 26px;
  width: 88px;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  background-image: url(/assets/new-images/Line.png);
} */
section h3 {
  font-weight: 500;
  color: #000;
  font-family: 'Lato';
  font-size: 18px;
  position: relative;
  z-index: 999;
  margin-bottom: 5px;
  text-align: left;
}

.service-card h3 {
  font: normal normal bold 22px/32px Lato;
  color: var(--secondary-color);
}

section h5 {
  color: #000;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}

.whyChooseUs-left .heading-tagline {
    color: #FFD401 !important;
}
.heading-tagline {
    font: normal normal bold 20pt/32pt Lato;
    letter-spacing: 0pt;
    color: var(--primary-color);
    margin-bottom: 10px;

}

.innerbox {
  background-size: 100% 100%;
}

.home h1,
.home h2,
.recent-posts h2,
.best-left h3 {
  position: relative;
  margin-bottom: 45px !important;
}

#footer h3.widget-title {
  position: relative;
  margin-bottom: 45px !important;
}

h3.widget-title::after {
  bottom: -24px;
  content: "";
  width: 91px;
  height: 21px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
}

section h2 {
  margin-bottom: 80px;
}

.recent-posts h2::after,
section#About-us h2::after,
.best-left h3::after,
.getAquote h2::after {
  content: "";
  width: 91px;
  height: 21px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -35px;
  left: 0;
}

h2::after {
  left: 0;
  right: 0;
  margin: auto;
}

.left {
  text-align: left;
}

.left::after {
  left: 0 !important;
  right: unset;
}

.our_team-template-default .wp-post-image {
  width: auto;
}

/*----------------- Section Title--------------*/

.section-title a i {
  padding-left: 10px;
}

/*-------------- Post Content ---------------*/

.collectionbox.post-img img {
  max-width: 240px;
}

.ta-fixed {
  background-attachment: fixed !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.ta-scroll {
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background: #277BF8;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}

#return-to-top i {
  position: relative;
  top: 13px;
  font-size: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--secondary-color) !important;
  font-weight: 800;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  top: 5px;
}

/* ----------- Spinner ------------- */
.eco-box {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 999999;
  background-color: rgba(17, 25, 31, 1);
  width: 100%;
}

.loader-inner {
  top: 0;
  left: 0;
  width: 280px;
  height: 220px;
  position: relative;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

p {
  text-align: left;
  font: normal normal normal 18px/30px Lato;
  letter-spacing: 0.2px;
  color: #000000;
}












.woocommerce div.product form.cart .variations tr {
  display: block !important;
}

.woocommerce div.product form.cart table td {
  padding-left: 18px !important;
}


.credit_link a {
  color: var(--secondary-color) !important;
}

.main-navigation li.current_page_items a {
  background: #566e89;
  padding: 5px 30px;
  margin: 10px;
  border-radius: 30px;
  border: 2px solid var(--secondary-color);
}

.product-icon a.added_to_cart.wc-forward {
  display: none;
}

.footer-contact-detail .wpcf7 form .wpcf7-response-output {
  margin: auto;
  border-color: var(--secondary-color);
}

.contact-box .contac_form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: #00A3FC 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 10px 30px;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}

.contac_form textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px;
}

.contactpage-details {
  background: #283891;
  padding: 35px 30px;
  border-radius: 10px;
}

.contactpage_map embed {
  border-radius: 10px;
}

.contactpage-details h3 {
  font: normal normal 600 36px/26px Lato;
  letter-spacing: 0px;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.contactpage-details,
.contact_location_details a {
  color: var(--secondary-color);
}

#contact-page {
  padding: 90px 0;
}

.woocommerce-message a {
  padding: 10px 10px !important;
  font-size: 12px !important;
}

.star-rating {
  color: #fbe018;
  margin: 10px auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  /* margin-top: 3%; */
}

.auto-listings-single.listing .star-rating {
  border-bottom: 1px solid #d3cfcf;
  padding: 14px;
}

.star-rating:before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/* heading border */
.sub-head-border {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  position: relative;
  text-transform: uppercase;
}

.sub-head-border::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid rgba(18, 18, 18, 1);
  width: 20px;
  padding-top: 20px;
}

#blog-news .sub-head-border::after,
#contact-us-sec .sub-head-border::after,
#our-services .sub-head-border::after,
#options-galore .sub-head-border::after,
.shop.shop-product .sub-head-border::after,
#car-parts .sub-head-border::after,
#gallery .sub-head-border::after,
#degree .sub-head-border::after,
.post-type-archive-auto-listing .sub-head-border::after,
#service-page .sub-head-border::after {
  margin: 0 auto;
}

#car-parts .car-parts-para,
#our-services .performance-para,
#contact-us-sec .contact-sec-para,
#options-galore .options-para,
#degree .degree-para,
.post-type-archive-auto-listing .car-parts-para,
#gallery .galore-para {
  font: 400 16px/22px Inter;
  text-align: center;
  letter-spacing: 0em;
}

/* latest news*/
#blog-news h4.news-title a,
.newsinner h4.news-title a {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
}

#blog-news .latest-news-text,
.newsinner .latest-news-text {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

#blog-news h4.news-title a,
.newsinner h4.news-title a {
  color: #000000;
}

#blog-news h4.news-title a:hover,
.newsinner h4.news-title a:hover {
  color: #277bf8;
}

#blog-news .owl-carousel .owl-item img,
.newsinner img {
  height: 100%;
  padding: 15px;
  height: 285px;
  object-fit: cover;
}

button.wp-block-search__button.wp-element-button {
  background: #277bf8;
  color: var(--secondary-color);
  border: none;
}

.newsinner img {
  position: relative;
}

#blog-news .post-content.latest-bg,
.post-content.latest-bg.latest-bg {
  padding: 15px;
}

#blog-news .owl-carousel .owl-item,
.newsinner {
  /* padding: 20px; */
  border: 1px solid #f5f5f5;
}

#our-services .service-img::after,
#blog-news .post-img::after,
.newsinner .post-img::after,
#service-page .service-img::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /* border-top: 1px solid #ff3333; */
  border-top: 1px solid #f5f5f5;
}

#blog-news .latest-new-content::before,
.newsinner .latest-new-content::before {
  top: 20px;
}

.ta-news-meta .ta-blog-author a,
.ta-news-meta .ta-blog-comments {
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.ta-news-meta i {
  color: #000;
  font-size: 12px;
  font-weight: 200;
}

.ta-news-meta {
  width: max-content;
  border-radius: 5px;
  padding: 5px 10px;
  background: #def2eb;
}

#blog-news .owl-dots {
  display: none;
}

body:not(.home) #ta-sticky-menu {
  /* background-image: linear-gradient(to left, #131c23, #2d4556); */
}

.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-image: #000;
}

/* car parts css start */
#car-parts .product-inner {
  box-shadow: rgb(149 157 165 / 20%) -1px 2px 10px;
  padding: 20px;
  border-radius: 10px;
  background: var(--secondary-color);
}

#car-parts .product-inner .product-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  bottom: 0;
  border-top: 1px solid #e2e2e2;
}

.shop.shop-product .products .product::before,
.related.products .products li::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 0px;
  background: #f5f5f5;
  width: 100%;
  height: 2px;
}

#car-parts {
  background: #F8F8F8;
}

#car-parts .product-inner .product-name a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font: 500 20px/24px 'Figtree';
  color: #000;
}

#car-parts .product-inner .product-name a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #277BF8;
}

#car-parts .price span {
  font: 700 16px/19px 'Figtree';
  letter-spacing: 0.5px;
  color: #000;
}

#car-parts .product-image {
  height: 320px;
  padding: 10px;
}

.shop.shop-product .products .product,
.related.products .woocommerce .products ul li,
.related.products .woocommerce ul.products li {
  height: 360px;
  padding: 30px !important;
}

.related.products .products li {
  width: 29.05% !important;
}

.related.products .products li .star-rating,
.related.products .products li .button {
  display: none !important
}

#car-parts .product-image img,
.shop.shop-product .products .product img,
.related.products .products li img {
  height: 90% !important;
  object-fit: contain;
  position: relative;
}

.shop.shop-product .products .product img {
  margin-bottom: 0 !important;
  margin-top: 20px !important;
}

.related.products .products li img {
  margin-top: 50px !important;
}

.wow {
  visibility: hidden;
}


/* services widget  */
h5.widget-title {
  color: var(--secondary-color);
  text-transform: capitalize;
  font: normal normal bold 23px/24px Lato;
  letter-spacing: 0px;
  margin-bottom: 30px;
}

ul.services-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}

ul.services-list {
  list-style-type: none;
}

li.service-title i {
  rotate: -90deg;
}

ul.services-list li .fa-chevron-down:before {
  color: var(--secondary-color);
  font-size: 17px;
}

.widget_custom_services_widget {
  padding: 38px 30px;
  background-color: #000;
}.ewd-otp-form-email {
  position: relative;
}

.ewd-otp-form-email label.ewd-otp-field-label {
  top: 13px;
}
li.service-title a {
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  color: var(--secondary-color);
}

li.service-title:last-child {
  margin-bottom: 0px;
}

li.service-title.active a {
  color: var(--primary-color);
}


section{
  overflow: hidden !important;
}
#site_top{
  overflow: visible !important;
}

body:not(.home) .ss-cnt{
  margin-top: 10rem !important;
}



.outer-footer {
    position: relative;
    z-index: 1;
}

.outer-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8); 
    z-index: -1;
}