/*
Theme Name: GlobeFarer
Theme URI: https://globefarer.qodeinteractive.com
Description: Transportation and Logistics Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: globefarer
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
#qodef-page-content {
    margin-bottom: 80px ;
}

/* .elementor-widget-container p:first-child {
    margin-top: 30px ;
} */

.elementor-3071 .elementor-element.elementor-element-2979c31{
    margin-top: 0px; 
    margin-bottom: 0px;
    padding: 160px 14px 0px 14px ;
}

/* side bar menu style */

#qodef-page-sidebar h4 {
    padding: 10px 0;
}
#qodef-page-sidebar .widget.widget_nav_menu li a{
    padding: 10px 0;
    font-weight: 200;
}
#qodef-page-sidebar .widget ul:not(.qodef-shortcode-list) li a{
    font-weight: 200;
}
#qodef-page-sidebar h4 {
    font-size: 18px;
}
#qodef-page-sidebar .widget.widget_nav_menu li.menu-item-active{
    background-color: var(--qode-main-color);
    padding: 0 10px;
}
#qodef-page-sidebar .widget.widget_nav_menu li.menu-item-active a{
    color: #fff;
}

/* end : side bar menu style */

/* .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 67px;
} */

.elementor-element-pb-50 {
    padding-bottom: 50px;
}
.elementor-element-pt-50 {
    padding-top: 50px;
}

/* Custom inline style of New UI design */

      /* Header glass-morphism effect - Desktop only */
      @media screen and (min-width: 1200px) {
         .home #qodef-page-header-inner {
            background: rgba(255, 255, 255, 0.2) !important;
            backdrop-filter: blur(11px) !important;
         }
      }

      #qodef-page-footer-top-area-inner {
         position: relative;
      }

      #qodef-page-footer-middle-area-inner {
         position: relative;
      }

      #qodef-page-footer-bottom-area-inner:before {
         background-color: #ffffff16;
      }

      #qodef-page-inner {
         padding: 80px 0px 0px 0px;
      }

      @media only screen and (max-width: 1024px) {
         #qodef-page-inner {
            padding: 80px 0px 140px 0px;
         }
      }

      .qodef-header-sticky .qodef-header-sticky-inner {
         padding-left: 0px;
         padding-right: 0px;
      }

      #qodef-page-header .qodef-header-logo-link {
         padding: 0 0 0 40px;
      }

      #qodef-page-mobile-header .qodef-mobile-header-logo-link {
         padding: 0 0 0 40px;
      }

      #qodef-side-area {
         width: 500px;
         right: -500px;
      }

      .qodef-page-title {
         height: 200px;
         background-color: var(--qode-main-color);
      }

      @media only screen and (max-width: 1024px) {
         .qodef-page-title {
            height: 200px;
         }
      }

      .qodef-header--standard #qodef-page-header {
         background-color: #FFF
      }

      .qodef-header--standard #qodef-page-header-inner {
         padding-left: 0px;
         padding-right: 0px;
         border-bottom-color: #000000;
         border-bottom-width: 1px;
         border-bottom-style: solid;
      }

      .qodef-header--standard #qodef-page-header .qodef-widget-holder .widget::before {
         background-color: #000000;
      }

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

         h1,
         .qodef-h1 {
            font-size: 42px;
            line-height: 50px;
         }

         h2,
         .qodef-h2 {
            font-size: 37px;
            line-height: 45px;
         }
      }

      .solutions-section {
         padding: 80px 0;
         background-color: #f8f9fa;
         text-align: center;
      }

      .solutions-title {
         font-size: 32px;
         font-weight: 800;
         color: #0b2239;
         text-transform: uppercase;
         margin-bottom: 10px;
         letter-spacing: 2px;
      }


      .solutions-grid {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 20px;
         max-width: 1400px;
         margin: 0 auto;
         padding: 0 15px;
      }

      .solution-card {
         background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
         border: 2px solid #c0c0c0;
         flex: 1;
         min-width: 280px;
         max-width: 320px;
         min-height: 550px;
         padding: 40px 20px;
         display: flex;
         flex-direction: column;
         align-items: center;
         transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         margin: 15px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.1);
         border-radius: 12px;
         position: relative;
         overflow: hidden;
      }

      .solution-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
      }

      .solution-card:hover {
         transform: translateY(-8px) scale(1.02);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12), 0 16px 48px rgba(0, 0, 0, 0.16);
         border-color: #a8a8a8;
      }

      /* .icon-circle {
         width: 100px;
         height: 100px;
         background-color: #1a4a7c;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 25px;
         color: #fff;
         font-size: 40px;
      } */
      /* Icon Area */
      .icon-circle {
         width: 110px;
         height: 110px;
         /* border: 2px solid var(--qode-main-color);
         border-radius: 50%; */
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 20px;
         color: var(--qode-main-color);
         font-size: 45px;
      }

      .solution-card h3 {
         font-size: 20px;
         font-weight: 700;
         color: #0b2239;
         margin-bottom: 20px;
         min-height: 50px;
         line-height: 1.3;
      }

      .solution-card ul {
         list-style: none;
         padding: 0;
         margin: 0 0 30px 0;
         text-align: left;
         width: 100%;
      }

      .solution-card ul li {
         font-size: 15px;
         color: #555;
         margin-bottom: 8px;
         position: relative;
         padding-left: 20px;
      }

      /* .solution-card ul li::before {
         content: "•";
         color: #1a4a7c;
         position: absolute;
         left: 0;
         font-weight: bold;
      } */
      strong{
         color: #1b1b1b;
      }
      .solution-card button {
         margin-top: auto;
         align-self: center;
      }

      .btn-read-more {
         background-color: #0b2239;
         color: #fff;
         padding: 12px 25px;
         text-decoration: none;
         font-size: 13px;
         font-weight: 600;
         text-transform: uppercase;
         margin-top: auto;
         transition: background 0.3s;
      }

      .btn-read-more:hover {
         background-color: #1a4a7c;
         color: #fff;
      }

      @media (max-width: 768px) {
         .solution-card {
            min-width: 100%;
         }
      }

      /* Fix button alignment for solution cards */


      .solution-card>*:not(button) {
         flex-shrink: 0;
      }

      .solution-card ul {
         flex-grow: 1;
      }

      /* End of custom inline style */

      .home .tp-tab-title,.home  #qodef-page-header-inner span.qodef-menu-item-text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* sticky widget code  */
#sticky-contact-widget {
   transition: top 0.2s, position 0.2s;
}
#sticky-contact-widget.sticky {
   position: fixed;
   top: 90px; /* matches sticky menu offset */
   z-index: 1001;
   width: 300px; /* fallback, will be set by JS */
}

@media (max-width: 991px) {
   #sticky-contact-widget.sticky {
      top: 60px;
   }
}

/* Global mobile responsiveness overrides */
@media only screen and (max-width: 1024px) {
   #qodef-page-content {
      margin-bottom: 48px;
   }

   #qodef-page-inner {
      padding: 72px 0 96px 0;
   }

   #qodef-page-header .qodef-header-logo-link,
   #qodef-page-mobile-header .qodef-mobile-header-logo-link {
      padding-left: 20px;
   }

   .qodef-page-title {
      height: auto;
      min-height: 160px;
   }

   .qodef-page-title .qodef-m-content,
   .qodef-content-grid,
   .elementor-section.elementor-section-boxed > .elementor-container,
   .elementor-section.qodef-elementor-content-grid > .elementor-container {
      padding-left: 20px;
      padding-right: 20px;
   }

   #qodef-side-area {
      width: min(100vw, 360px);
      right: -100vw;
   }

   #sticky-contact-widget,
   #sticky-contact-widget.sticky {
      position: static;
      top: auto !important;
      width: 100% !important;
      max-width: 100%;
   }

   .solutions-section {
      padding: 56px 0;
   }

   .solutions-title {
      font-size: 28px;
      letter-spacing: 1px;
   }

   .solutions-grid {
      gap: 16px;
      padding: 0;
   }

   .solution-card {
      min-width: calc(50% - 16px);
      min-height: auto;
      margin: 0;
   }

   .spec-table-wrap,
   .qodef-e-content table {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }

   .spec-table {
      min-width: 760px;
   }

   .qodef-e-content iframe,
   .elementor-widget-container iframe {
      display: block;
      width: 100% !important;
      max-width: 100%;
      margin-bottom: 20px;
   }
}

@media only screen and (max-width: 768px) {
   h1,
   .qodef-h1 {
      font-size: 36px;
      line-height: 1.2;
   }

   h2,
   .qodef-h2 {
      font-size: 30px;
      line-height: 1.25;
   }

   h3,
   .qodef-h3 {
      font-size: 24px;
      line-height: 1.3;
   }

   #qodef-page-inner {
      padding: 64px 0 80px 0;
   }

   .qodef-page-title .qodef-m-content,
   .qodef-content-grid,
   .elementor-section.elementor-section-boxed > .elementor-container,
   .elementor-section.qodef-elementor-content-grid > .elementor-container {
      padding-left: 16px;
      padding-right: 16px;
   }

   .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
   .elementor-column-gap-wide > .elementor-column > .elementor-element-populated,
   .elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
      padding-left: 0;
      padding-right: 0;
   }

   .solution-card {
      min-width: 100%;
      padding: 28px 18px;
   }

   .icon-circle {
      width: 88px;
      height: 88px;
      font-size: 36px;
   }

   .solution-card h3 {
      min-height: auto;
   }

   .spec-table {
      min-width: 680px;
   }

   .qodef-e-content table {
      display: block;
      white-space: nowrap;
   }

   .qodef-m-title,
   .qodef-m-title-text {
      text-align: left !important;
   }

   .qodef-page-title .qodef-m-title,
   .elementor-widget-container .qodef-m-title,
   .qodef-icon-with-text .qodef-m-title,
   .qodef-info-section .qodef-m-title,
   .qodef-tabs .qodef-m-title,
   .qodef-qi-team-slider .qodef-m-title,
   .qodef-qi-testimonials-slider .qodef-m-title {
      width: min(100%, 32rem);
      margin-left: auto;
      margin-right: auto;
      line-height: 1.25;
   }

   h1.qodef-m-title,
   .qodef-page-title .qodef-m-title {
      font-size: 34px;
   }

   h2.qodef-m-title {
      font-size: 28px;
   }

   h3.qodef-m-title {
      font-size: 24px;
   }

   h4.qodef-m-title {
      font-size: 20px;
   }

   .qodef-page-title {
      display: flex;
      align-items: center;
   }

   .qodef-page-title .qodef-m-content {
      width: 100%;
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
   }

   .qodef-page-title .qodef-m-title,
   .qodef-page-title .qodef-m-title.entry-title,
   .qodef-page-title .qodef-m-title-text {
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
   }
}

@media only screen and (max-width: 480px) {
   #qodef-page-header .qodef-header-logo-link,
   #qodef-page-mobile-header .qodef-mobile-header-logo-link {
      padding-left: 16px;
   }

   .qodef-page-title {
      min-height: 140px;
   }

   h1,
   .qodef-h1 {
      font-size: 30px;
   }

   h2,
   .qodef-h2 {
      font-size: 26px;
   }

   .solutions-section {
      padding: 44px 0;
   }

   .solutions-title {
      font-size: 24px;
   }

   .spec-table {
      min-width: 620px;
   }

   .qodef-page-title .qodef-m-title,
   .elementor-widget-container .qodef-m-title,
   .qodef-icon-with-text .qodef-m-title,
   .qodef-info-section .qodef-m-title,
   .qodef-tabs .qodef-m-title,
   .qodef-qi-team-slider .qodef-m-title,
   .qodef-qi-testimonials-slider .qodef-m-title {
      width: min(100%, 28rem);
   }

   h1.qodef-m-title,
   .qodef-page-title .qodef-m-title {
      font-size: 30px;
      line-height: 1.2;
   }

   h2.qodef-m-title {
      font-size: 24px;
      line-height: 1.25;
   }

   h3.qodef-m-title {
      font-size: 21px;
   }

   h4.qodef-m-title {
      font-size: 18px;
      line-height: 1.3;
   }

   .qodef-page-title .qodef-m-content {
      padding-left: 16px;
      padding-right: 16px;
   }
}